@font-face {
	font-weight: bold;
	src: url('../font/malgunbd.eot');
	src: url('../font/malgunbd.eot?#iefix') format('embedded-opentype'),
		url('../font/malgunbd.woff') format('woff'),
		url('../font/malgunbd.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* 2019-04-15 추가 */
@font-face {
	font-family: 'NanumBarunGothicR';
	src: url('../font/NanumBarunGothic.eot');
	src: url('../font/NanumBarunGothic.eot?#iefix')
		format('embedded-opentype'), url('../font/NanumBarunGothic.woff')
		format('woff'), url('../font/NanumBarunGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* 2024-04-11 추가 */
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url('../font/NotoSansKR-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url('../font/NotoSansKR-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 600;
	src: url('../font/NotoSansKR-SemiBold.ttf') format('truetype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NotoSansKR-Bold.ttf') format('truetype');
}

/*2019-04-15 추가 */
#simplemodal-overlay {
	background-color: #000;
}

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%
}

body {
	position: relative;
	font-size: 14px;
	font-family: "Noto Sans KR", sans-serif;
	color: #2c2c2c;
	-webkit-text-size-adjust: none;
	line-height: 20px;
	letter-spacing: 0px;
}

body.main {
	background: none;
}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form,
	fieldset, table, tr, th, td {
	margin: 0;
	padding: 0
}

ul, o, li {
	list-style: none
}

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

legend, caption {
	display: none
}

textarea, button {
	vertical-align: middle
}

input, select {
	vertical-align: middle;
	font-family: "Noto Sans KR", sans-serif;
	color: #666;
	border-radius: 0;
	font-size: 14px;
	border: 1px solid #d7d7d7;
}

input, option {
	padding: 3px 10px;
	height: 22px;
}

input[type=checkbox] {
	border: none !important;
	background: none !important;
}

input[type=radio] {
	border: none !important;
	background: none !important;
}

select {
	padding: 3px;
	height: 30px;
}

textarea {
	padding: 10px;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d7d7d7;
	font-family: "Noto Sans KR", sans-serif;
	color: #666;
	line-height: 24px;
	font-size: 14px
}

.checkbox {
	padding: 0;
	border: 0;
	height: auto;
}

.disNone {
	display: none
}

a {
	text-decoration: none;
	color: #666666; /*vertical-align:middle;*/
}

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

table {
	border-collapse: collapse;
	width: 100%;
}

.hide {
	text-indent: -9999px;
	position: absolute;
	top: -200%;
	left: -200%;
	opacity: 0
}

/* clera */
.clear:after {
	content: ".";
	height: 0;
	font-size: 0;
	display: block;
	clear: both;
}

.clear {
	display: inline-block;
}

* html .clear {
	height: 0;
}

.clear {
	display: block;
}

.clear-both {
	clear: both;
}

.over-point {
	cursor: pointer;
}

/* 간격, 폰트 */
.mt5 {
	margin-top: 5px !important
}

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

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

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

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

.mt30 {
	margin-top: 30px !important
}

.mt35 {
	margin-top: 35px !important
}

.mt40 {
	margin-top: 40px !important
}

.mt45 {
	margin-top: 40px !important
}

/* 정렬 */
.taC {
	text-align: center !important
}

.taR {
	text-align: right !important
}

.taL {
	text-align: left !important
}

/* 폰트컬러 */
.fc5 {
	color: #555
}

#wrap {
	position: relative;
	width: 100%;
}

/* 해더 */

/*모바일*/
@media only screen and (min-width:100px) and (max-width:767px) {
	/* 모바일 좌측메뉴 */
	.pushy {
		position: absolute;
		width: 200px;
		height: 100%;
		top: 0;
		z-index: 9999;
		background: #fff;
		font-size: 0.9em;
		font-weight: bold;
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		/* enables momentum scrolling in iOS overflow elements */
	}
	.pushy-right {
		right: 0;
		display: none;
	}
	.pushy .m-menu a {
		display: block;
		color: #b3b3b1;
		padding: 20px 30px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		border-top: 1px solid rgba(255, 255, 255, .1);
		text-decoration: none;
		font-size: 14px;
	}
	.pushy .main-title {
		display: block;
		color: #fff !important;
		padding: 20px 30px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		border-top: 1px solid rgba(255, 255, 255, .1);
		text-decoration: none;
		font-size: 14px;
	}
	.pushy .main-title {
		background: #3989cb;
		color: #fff;
		font-weight: bold;
	}
	.pushy a:hover {
		background: #00b4ff;
		color: #FFF;
	}

	/* Menu Movement Left */
	.pushy-left {
		-webkit-transform: translate3d(-200px, 0, 0);
		-moz-transform: translate3d(-200px, 0, 0);
		-ms-transform: translate3d(-200px, 0, 0);
		-o-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}
	.pushy-left--open {
		left: -200px;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.container-push--left, .push-push {
		-webkit-transform: translate3d(200px, 0, 0);
		-moz-transform: translate3d(200px, 0, 0);
		-ms-transform: translate3d(200px, 0, 0);
		-o-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}

	/* Menu Movement Right */
	.pushy-right {
		-webkit-transform: translate3d(200px, 0, 0);
		-moz-transform: translate3d(200px, 0, 0);
		-ms-transform: translate3d(200px, 0, 0);
		-o-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}
	.pushy-right--open {
		right: -200px;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		width: 241px;
		top: 0px;
	}
	.container-push--right, .push-push {
		-webkit-transform: translate3d(-200px, 0, 0);
		-moz-transform: translate3d(-200px, 0, 0);
		-ms-transform: translate3d(-200px, 0, 0);
		-o-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}

	/* Menu Transitions */
	.pushy, #container, .push {
		-webkit-transition: -webkit-transform .2s
			cubic-bezier(.16, .68, .43, .99);
		-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
		-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
		transition: transform .2s cubic-bezier(.16, .68, .43, .99);
	}

	/* Site Overlay */
	.site-overlay {
		display: none;
	}
	.pushy-left--active .site-overlay--left, .pushy-right--active .site-overlay--right
		{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9998;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-animation: fade 500ms;
		-moz-animation: fade 500ms;
		-o-animation: fade 500ms;
		animation: fade 500ms;
	}
	@keyframes fade { 
		0% {opacity: 0;}
		100% {opacity:1;}
	}
	@-moz-keyframes fade { 
		0% {opacity: 0;}
		100% {opacity:1;}
	}
	@-webkit-keyframes fade { 
		0% {opacity: 0;}
		100%{opacity:1;}
	}
	@-o-keyframes fade { 
		0% {opacity: 0;}
		100%{opacity:1;}
	}
header {
	width: 100%;
	height: 110px;
	background: #fff;
	/*url(../images/icon/gnb_bg.gif) repeat-x; background-position: 0px 65px; */
}

.header-box1 {
	width: 100%;
	background: #fff;
}

.t-header {
	height: 65px;
}

.t-header h1 {
	padding-top: 18px;
	text-align: center;
}

.t-header ul {
	display: none;
	float: right;
	padding-top: 28px;
}

.t-header ul li {
	float: left;
	color: #fff;
	vertical-align: middle;
	margin-left: 9px;
	font-size: 12px;
}

.t-header ul li a {
	color: #fff;
}

.t-header ul .bar {
	padding-top: 5px;
}

.header-box2 {
	width: 100%;
	background: #3989cb;
}

.b-header {
	height: 45px;
	position: relative;
}

.menu {
	display: none;
}

.tab-box {
	display: none;
}

.search-area {
	width: 45%;
	height: 27px;
	margin-top: 10px;
	margin-left: 30px;
	box-sizing: border-box;
	border: none;
	position: absolute;
	right: 15px;
	font-size: 13px;
}

.search-area-btn {
	width: 8%;
	height: 27px;
	border: none;
	background: #fff url(../images/icon/icon_search.gif) no-repeat center;
	cursor: pointer;
	margin-top: 10px;
	margin-left: -5px;
	position: absolute;
	right: 10px;
}

.btn_nav2 {
	display: none;
}

.btn_nav1 {
	display: none;
	position: absolute;
	top: 1px;
	width: 42px;
	right: 0px;
	height: 42px;
	border-left: 1px solid #80b4de;
	border-right: 1px solid #80b4de;
}

.btn_nav1.close {
	display: none;
	border-left: 1px solid #80b4de;
	border-right: 1px solid #80b4de;
	position: absolute;
	top: 1px;
	width: 42px;
	height: 42px;
}

.all_menu {
	display: none;
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 240px;
	border-top: 0px;
	background: #fff;
	background: url(../images/icon/list-bg.gif) no-repeat;
	background-position: 745px 30px;
}

.menu-btn--left {
	position: absolute;
	left: 10px;;
	z-index: 900;
}

.gnb_area {
	display: none;
}

.ui-datepicker {
	z-index: 10000 !important;
}

.m-btn-area {
	padding: 10px;
	margin-top: 20px;
}

.m-btn-area  a:hover {
	color: #fff !important;
	padding: none !important;
}

.m-login {
	width: 87px;
	height: 30px;
	background: #3989cb;
	color: #fff;
}

.m-login a {
	color: #fff;
}

.m-join {
	width: 87px;
	height: 30px;
	background: #fff;
	border: 1px solid #ccc;
	color: #707275;
}

.m-cus {
	width: 87px;
	height: 30px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #ccc;
	color: #707275;
}

.m-cart {
	width: 87px;
	height: 30px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #ccc;
	color: #707275;
}

.m-intro {
	width: 100%;
	height: 30px;
	margin-top: 5px;
	background: #899097;
	border: 1px solid #ccc;
	color: #fff;
}

}
@media only screen and (min-width:768px) and (max-width:1023px) {
	/*테블릿*/
	.pushy-right {
		display: none;
	}
	/* 모바일 좌측메뉴 */
	.pushy {
		position: absolute;
		width: 200px;
		height: 100%;
		top: 0;
		z-index: 9999;
		background: #fff;
		font-size: 0.9em;
		font-weight: bold;
		overflow: auto;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		/* enables momentum scrolling in iOS overflow elements */
	}
	.pushy-right {
		right: 0;
		display: none;
	}
	.pushy .m-menu a {
		display: block;
		color: #b3b3b1;
		padding: 20px 30px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		border-top: 1px solid rgba(255, 255, 255, .1);
		text-decoration: none;
		font-size: 14px;
	}
	.pushy .main-title {
		display: block;
		color: #fff !important;
		padding: 20px 30px;
		border-bottom: 1px solid rgba(0, 0, 0, .1);
		border-top: 1px solid rgba(255, 255, 255, .1);
		text-decoration: none;
		font-size: 14px;
	}
	.pushy .main-title {
		background: #3989cb;
		color: #fff;
		font-weight: bold;
	}
	.pushy a:hover {
		background: #00b4ff;
		color: #FFF;
	}

	/* Menu Movement Left */
	.pushy-left {
		-webkit-transform: translate3d(-200px, 0, 0);
		-moz-transform: translate3d(-200px, 0, 0);
		-ms-transform: translate3d(-200px, 0, 0);
		-o-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}
	.pushy-left--open {
		left: -200px;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.container-push--left, .push-push {
		-webkit-transform: translate3d(200px, 0, 0);
		-moz-transform: translate3d(200px, 0, 0);
		-ms-transform: translate3d(200px, 0, 0);
		-o-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}

	/* Menu Movement Right */
	.pushy-right {
		-webkit-transform: translate3d(200px, 0, 0);
		-moz-transform: translate3d(200px, 0, 0);
		-ms-transform: translate3d(200px, 0, 0);
		-o-transform: translate3d(200px, 0, 0);
		transform: translate3d(200px, 0, 0);
	}
	.pushy-right--open {
		right: -200px;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		width: 241px;
		top: 0px;
	}
	.container-push--right, .push-push {
		-webkit-transform: translate3d(-200px, 0, 0);
		-moz-transform: translate3d(-200px, 0, 0);
		-ms-transform: translate3d(-200px, 0, 0);
		-o-transform: translate3d(-200px, 0, 0);
		transform: translate3d(-200px, 0, 0);
	}

	/* Menu Transitions */
	.pushy, #container, .push {
		-webkit-transition: -webkit-transform .2s
			cubic-bezier(.16, .68, .43, .99);
		-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
		-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
		transition: transform .2s cubic-bezier(.16, .68, .43, .99);
	}

	/* Site Overlay */
	.site-overlay {
		display: none;
	}
	.pushy-left--active .site-overlay--left, .pushy-right--active .site-overlay--right
		{
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9998;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-animation: fade 500ms;
		-moz-animation: fade 500ms;
		-o-animation: fade 500ms;
		animation: fade 500ms;
	}
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.menu-btn--left {
	position: absolute;
	z-index: 900;
}

header {
	width: 100%;
	height: 110px;
	background: #3989cb url(../images/icon/gnb_bg.gif) repeat-x;
	background-position: 0px 65px;
}

.header-box1 {
	width: 100%;
	background: #fff;
}

.t-header {
	height: 65px;
	width: 95%;
	margin: 0 auto;
}

.t-header h1 a img {
	padding-top: 18px;
	width: 231px;
	height: 28px;
}

.t-header h1 {
	float: left;
}

.t-header ul {
	float: right;
	padding-top: 28px;
}

.t-header ul li {
	float: left;
	margin-left: 7px;
	font-size: 12px;
	font-weight: bold;
}

.t-header ul li a {
	color: #686868;
}

.t-header ul .bar {
	padding-top: 5px;
}

.header-box2 {
	width: 100%;
	background: #3989cb;
}

.b-header {
	height: 45px;
	position: relative;
	margin: 0 auto;
	width: 95%;
}

.menu {
	display: none;
	width: 700px;
	float: left;
}

.menu_daph1>li {
	float: left;
	width: 16.666%;
	font-size: 16px;
	height: 45px;
	padding-top: 13px;
	box-sizing: border-box;
	text-align: center;
}

.menu_daph1>li:hover {
	float: left;
	width: 16.666%;
	font-size: 16px;
	height: 45px;
	padding-top: 13px;
	box-sizing: border-box;
	text-align: center;
	background-color: #fff;
}

.menu_daph1>li:hover>a {
	color: #3989cb !important;
}

.menu_daph1>li>a {
	color: #fff !important;
	font-weight: bold;
}

.menu_daph2_bg {
	display: none;
	position: absolute;
	z-index: 9999;
	width: 610px;
	height: 290px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	margin-top: 14px;
	border-top: none;
}

.box-move1 {
	margin-left: -78px;
}

.box-move2 {
	margin-left: -195px;
}

.two-depth {
	width: 200px !important;
	height: 290px;
	border-right: 1px solid #d9d9d9;
}

.two-depth>li {
	width: 200px;
	height: 58px;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 17px;
	box-sizing: border-box;
}

.two-depth>li a {
	color: #6c6c6c;
}

.two-depth>li:hover {
	background: #3989cb url(../images/icon/icon_arrow.gif) no-repeat;
	background-position: 200px 17px;
}

.two-depth>li:hover>a {
	color: #fff;
}

.two-depth>.active>a {
	color: #010101;
	font-size: 15px;
}

.tab-box {
	width: 410px;
	height: 290px;
	text-align: left;
	padding: 30px;
	box-sizing: border-box;
	padding-top: 20px;
}

.tab-box .tab-line {
	width: 100%;
	height: 85px;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 10px;
	box-sizing: border-box;
}

.tab-box .tab-line .thum-size9 {
	float: left;
	margin-right: 20px;
}

.tab-box .tab-line p span {
	color: #4e4e4e;
	font-size: 14px;
	margin-bottom: 10px;
}

.tab-box .tab-line a:hover {
	text-decoration: underline;
}

.tab-box .tab-txt {
	color: #7f7f7f;
	font-size: 13px;
	margin-top: 10px;
}

.tab-box .tab-txt:hover {
	text-decoration: underline;
}

.tab-box .last {
	border-bottom: none;
}

.search-area {
	width: 30%;
	height: 27px;
	margin-top: 10px;
	margin-left: 30px;
	box-sizing: border-box;
	border: none;
	position: absolute;
	right: 15px;
	font-size: 13px;
}

.search-area-btn {
	width: 5%;
	height: 27px;
	border: none;
	background: #fff url(../images/icon/icon_search.gif) no-repeat center;
	cursor: pointer;
	margin-top: 10px;
	margin-left: -5px;
	position: absolute;
	right: 10px;
}

.btn_nav2 {
	display: none;
}

.btn_nav1 {
	display: inline-block;
	position: absolute;
	top: -44px;
	width: 44px;
	right: 0px;
	height: 42px;
	border-left: 1px solid #80b4de;
	border-right: 1px solid #80b4de;
}

.btn_nav1.close {
	display: none;
	border-left: 1px solid #80b4de;
	border-right: 1px solid #80b4de;
	position: absolute;
	top: -44px;
	width: 44px;
	height: 42px;
}

.gnb_area {
	display: none;
}

.open-btn-area {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.m-btn-area {
	display: none;
}

}
@media screen and (min-width:1024px) {
	/*웹*/
	.pushy-right {
		display: none;
	}
	.pushy {
		display: none;
	}
	.menu-btn--left {
		display: none;
	}
	header {
		width: 100%;
		height: 110px;
		background: #3989cb url(../images/icon/gnb_bg.gif) repeat-x;
		background-position: 0px 65px;
		position: relative;
	}
	.header-box1 {
		width: 100%;
		background: #fff;
	}
	.t-header {
		height: 65px;
		width: 1000px;
		margin: 0 auto;
	}
	.t-header h1 a img {
		padding-top: 18px;
		width: 231px;
		height: 28px;
	}
	.t-header h1 {
		float: left;
	}
	.t-header ul {
		float: right;
		padding-top: 28px;
	}
	.t-header ul li {
		float: left;
		margin-left: 7px;
		font-size: 12px;
		font-weight: bold;
	}
	.t-header ul li a {
		color: #686868;
	}
	.t-header ul .bar {
		padding-top: 5px;
	}
	.header-box2 {
		width: 100%;
		background: #3989cb;
	}
	.b-header {
		height: 45px;
		position: relative;
		margin: 0 auto;
		width: 1000px;
	}
	.menu {
		width: 700px; /* height: 45px;*/
		float: left;
	}
	.menu_daph1>li {
		float: left;
		width: 16.666%;
		font-size: 16px;
		height: 45px;
		padding-top: 13px;
		box-sizing: border-box;
		text-align: center;
	}
	.menu_daph1>li:hover {
		float: left;
		width: 16.666%;
		font-size: 16px;
		height: 45px;
		padding-top: 13px;
		box-sizing: border-box;
		text-align: center;
		background-color: #fff;
	}
	.menu_daph1>li:hover>a {
		color: #3989cb !important;
	}
	.menu_daph1>li>a {
		color: #fff !important;
		font-weight: bold;
	}
	.menu_daph2_bg {
		display: none;
		position: absolute;
		z-index: 9999;
		width: 610px;
		min-height: 290px;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		top: 45px;
		border-top: none;
	}
	.box-move1 {
		margin-left: -84px;
	}
	.box-move2 {
		margin-left: -202px;
	}
	.two-depth {
		width: 200px !important;
		border-right: 1px solid #d9d9d9;
		min-height: 290px;
	}
	.two-depth>li {
		width: 200px;
		cursor: pointer;
		height: 58px;
		border-bottom: 1px solid #d9d9d9;
		padding-top: 17px;
		box-sizing: border-box;
		background: #fff;
	}
	.two-depth>.last {
		border: none;
	}
	.two-depth>li a {
		color: #6c6c6c;
	}
	.two-depth>li:hover {
		background: #3989cb url(../images/icon/icon_arrow.gif) no-repeat;
		background-position: 200px 17px;
	}
	.two-depth>li:hover>a {
		color: #fff;
	}
	.two-depth>.active>a {
		color: #010101;
		font-size: 15px;
	}
	.tab-box {
		width: 410px;
		height: 290px;
		text-align: left;
		padding: 30px;
		box-sizing: border-box;
		padding-top: 20px;
	}
	.tab-box .tab-line {
		width: 100%;
		height: 85px;
		border-bottom: 1px solid #d9d9d9;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.tab-box .tab-line .thum-size9 {
		float: left;
		margin-right: 20px;
	}
	.tab-box .tab-line p span {
		color: #4e4e4e;
		font-size: 14px;
		margin-bottom: 10px;
	}
	.tab-box .tab-line a:hover {
		text-decoration: underline;
	}
	.tab-box .tab-txt {
		color: #7f7f7f;
		font-size: 13px;
		margin-top: 10px;
	}
	.tab-box .tab-txt:hover {
		text-decoration: underline;
	}
	.tab-box .last {
		border-bottom: none;
	}
	.search-area {
		width: 180px;
		height: 27px;
		margin-top: 10px;
		margin-left: 30px;
		box-sizing: border-box;
		border: none;
		font-size: 13px;
		line-height: 15px;
	}
	.search-area-btn {
		width: 30px;
		height: 27px;
		border: none;
		background: #fff url(../images/icon/icon_search.gif) no-repeat center;
		cursor: pointer;
		margin-top: 10px;
		margin-left: -5px;
	}
	.btn_nav2 {
		display: none;
	}
	.btn_nav1 {
		display: inline-block;
		position: absolute;
		top: -44px;
		width: 44px;
		right: 0px;
		height: 42px;
		border-left: 1px solid #80b4de;
		border-right: 1px solid #80b4de;
	}
	.btn_nav1.close {
		display: none;
		border-left: 1px solid #80b4de;
		border-right: 1px solid #80b4de;
		position: absolute;
		top: -44px;
		width: 44px;
		height: 42px;
	}
	.gnb_area {
		width: 100%;
	}
	.open-btn-area {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.all_menu {
		border-bottom: 1px solid #d8dbe3;
		display: none;
		position: absolute;
		z-index: 9999;
		left: 0px;
		top: 110px;
		width: 100%;
		height: 268px;
		border-top: 0px;
		background: #fff;
		background-position: 745px 30px;
	}
	.all_menu_inbox {
		width: 1000px;
		margin: 0 auto;
	}
	.all_menu ul {
		float: left;
		padding-top: 105px;
	}
	.all_menu ul li a {
		color: #333;
		font-size: 13px;
		line-height: 23px;
	}
	.all_menu ul li a:hover {
		color: #4286d9;
		font-size: 13px;
		text-decoration: underline;
	}
	.all_menu .gnb01 {
		width: 125px;
		height: 240px;
		padding-left: 13px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff01.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb01:hover {
		width: 125px;
		height: 240px;
		padding-left: 13px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon01.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb02 {
		width: 95px;
		padding-left: 23px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff02.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb02:hover {
		width: 95px;
		padding-left: 23px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon02.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb03 {
		width: 130px;
		padding-left: 40px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff03.gif) no-repeat;
		background-position: 49px 30px;
	}
	.all_menu .gnb03:hover {
		width: 130px;
		padding-left: 40px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon03.gif) no-repeat;
		background-position: 49px 30px;
	}
	.all_menu .gnb04 {
		width: 120px;
		padding-left: 32px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff04.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb04:hover {
		width: 120px;
		padding-left: 32px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon04.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb05 {
		width: 120px;
		padding-left: 30px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff05.gif) no-repeat;
		background-position: center 35px;
	}
	.all_menu .gnb05:hover {
		width: 120px;
		padding-left: 30px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon05.gif) no-repeat;
		background-position: center 35px;
	}
	.all_menu .gnb06 {
		width: 110px;
		padding-left: 35px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff06.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb06:hover {
		width: 110px;
		padding-left: 35px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon06.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb07 {
		width: 150px;
		padding-left: 35px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnboff07.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb07:hover {
		width: 150px;
		padding-left: 35px;
		box-sizing: border-box;
		background: url(../images/icon/icon_gnbon07.gif) no-repeat;
		background-position: center 30px;
	}
	.all_menu .gnb08 {
		width: 150px;
		height: 199px;
		padding-left: 35px;
		box-sizing: border-box;
		background: url(../images/icon/gnb-right-img.gif) no-repeat 20px 30px;
	}
	.all_menu .gnb-bg {
		background: url(../images/icon/icon_gnboff06.gif) no-repeat;
	}
	.copy-right-text-pc {
		display: block;
	}
	.copy-right-text-m{
		display: none;
	}
}

/* 메인 */
@media only screen and (min-width:100px) and (max-width:767px) { /*모바일*/
	.conBody {
		width: 100%;
	}
	.conBody-inbox {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.t-cont {
		width: 100%;
	}
	.slide {
		width: 100%;
		float: left;
		z-index: 10px;
		margin-top: -30px;
		margin-bottom: 5px;
		position: relative;
	}
	.slide .control {
		position: absolute;
		bottom: 15px;
		left: 15px;
		z-index: 1000;
	}
	.slide .prev {
		background: url(../images/icon/icon_left.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.slide .next {
		background: url(../images/icon/icon_right.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
	}
	.slide .public_stop {
		background: url(../images/icon/icon_stop.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.slide .public_play {
		display: none;
		background: url(../images/icon/icon_play.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.thum-size01 {
		width: 100%;
		overflow: hidden;
		min-height: 144px;
		height: 100px;
	}
	.thum-size01 img {
		width: 100%;
		height: 100%;
	}
	/*2016-01-26 변경부분*/
	.thum-size02 {
		width: 100%;
		height: 231px;
		overflow: hidden;
	}
	.thum-size02 img {
		width: 100%;
		height: 100%;
	}
	.thum-size03 {
		width: 100%;
		min-height: 145px;
		height: 100px;
		overflow: hidden;
	}
	.thum-size03 img {
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #d2d2d2;
	}
	.thum-size04 {
		width: 100%;
		height: 230px;
		overflow: hidden;
	}
	.thum-size04 img {
		width: 100%;
		height: 100%;
	}
	.thum-size05 {
		width: 566px;
		height: 354px;
		overflow: hidden;
	}
	.thum-size05 img {
		width: 566px;
		height: 100%;
	}
	.thum-size6 {
		width: 78px;
		height: 48px;
		overflow: hidden;
	}
	.thum-size6 img {
		width: 78px;
		height: 100%;
	}
	.thum-size7 {
		width: 100%;
		min-height: 200px;
		overflow: hidden;
	}
	.thum-size7 img {
		width: 100%;
		height: 100%;
	}
	.thum-size8 {
		width: 118px;
		height: 60px;
		overflow: hidden;
	}
	.thum-size8 img {
		width: 118px;
		height: 100%;
	}
	.thum-size9 {
		width: 80px;
		height: 62px;
		overflow: hidden;
	}
	.thum-size9 img {
		width: 80px;
		height: 100%;
	}
	.thum-size10 {
		width: 87px;
		height: 66px;
		overflow: hidden;
		padding: 0px !important;
		margin: 0px !important;
		display: none;
	}
	.thum-size10 img {
		width: 87px;
		height: 100%;
	}
	.regist-box {
		width: 80%;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.pop-atten {
		text-align: left;
		font-size: 13px;
		width: 100%;
		box-sizing: border-box;
		margin-top: 10px;
	}
	.pop-atten h4 {
		color: #e57e7e;
	}
	.main-pop {
		padding-top: 30px !important;
	}
	.pop-exe {
		text-align: left;
		font-size: 13px;
	}
	.left-b .last {
		float: left;
		margin-right: 0px;
		box-sizing: border-box;
		padding-top: 17px; /* width : 33%; */
		width: 100%
	} /* 2018-11-01 수정 */
	/* 2017.03.28 {float: left;margin-right: 0px;box-sizing: border-box;     margin-top: -45px;padding-bottom: 5px; padding-left: 10px;} */
	/*2015-12-30 추가부분*/
	.left-b .last img {
		width: 120px;
	}
	.real-pop {
		display: none;
		float: right;
		width: 164px;
		height: 340px;
		border: 2px solid #3989cb;
		padding: 20px;
		box-sizing: border-box;
	}
	.tab-cont {
		margin-top: 35px;
	    height: 775px;
	}
	.tmenu {
		width: 100%;
		position: relative;
		margin-bottom: 6%;
		display: flex;
        justify-content: center;
	}
	.tmenu li {
		position: relative;
		width: 16%;
		height: 60px;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #efefef;
		padding-top: 15px;
		box-sizing: border-box;
		/*margin-right: 2%;
		border-radius: 50% */
	}
	.tmenu li {
		color: #000;
		font-size: 11px;
	    line-height: 1;
	    font-weight: 700;
	}
	.tmenu li.active {
		width: 16%;
		height: 60px;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #4e4d53;
		padding-top: 15px;
		box-sizing: border-box;
		/* border-radius: 50% */
	}
	.tmenu li.active {
		color: #3989cb;
		font-size: 12px;
		line-height: 1;
    	font-weight: 700;
	}
	.tmenu .t-bar01 { /* border-right: 1px solid #d7d4ee; */
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 7px;
   		margin-left: 1%;
	}
	.tmenu .t-bar01.active {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 7px;
	}
	.tmenu .t-bar02 {
		display:none;
	}
	.tmenu .t-bar02-1 {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 0px;
	}
	.tmenu .t-bar02.active {
		display:none;
	}
	.tmenu .t-bar02-1.active {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 0px;
	}
	.tmenu .t-bar03 {
		display:none;
	}
	.tmenu .t-bar03-1 {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 5px;
	}
	.tmenu .t-bar03.active {
		display:none;
	}
	.tmenu .t-bar03-1.active {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 7px;
	}
	.tmenu .t-bar04 {
		display:none;
	}
	.tmenu .t-bar04-1 {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
	    background-position: center;
   		padding-top: 55px;
   		padding-left: 2px;
	}
	.tmenu .t-bar04.active {
		display:none;
	}
	.tmenu .t-bar04-1.active {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 0px;
	}
	.tmenu .t-bar05 {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 4px;
	}
	.tmenu .t-bar05.active {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 7px;
	}
	.tmenu .t-bar06 {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
	}
	.tmenu .t-bar06.active {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 7px;
	}
	.tmenu .t-bar07 {
		display:none;
	}
	.tmenu .t-bar07-1 {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
	    background-position: center;
   		padding-top: 55px;
   		padding-left: 2px;
	}
	.tmenu .t-bar07.active {
		display:none;
	}
	.tmenu .t-bar07-1.active {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: center;
   		padding-top: 55px;
   		padding-left: 0px;
	}
	.tab-plus01 {
		position: absolute;
		top: 3%;
		right: 3%;
		z-index: 9980;
		cursor: pointer;
	}
	.tab-plus02 {
		position: absolute;
		top: 3%;
		right: 3%;
		z-index: 9980;
		cursor: pointer;
	}
	.main_thumlist1 {
		width: 100%;
		height: 308px;
		text-align: center;
	}
	/*2015-12-30 추가부분*/
	.main_thumlist1 .text01 {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.2em;
		height: 3.5em;
		text-align: left;
		font-weight: 500;
		letter-spacing: -0.5px;
		color: black;
		font-size: 13px;
	}
	.main_thumlist1 .text01.font {
		height: 2.5em;
		font-size: 11px;
	}
	.main_thumlist1 .text03 {
		text-align: right;
		font-size: 11px;
	}
	.main_thumlist1 .text03.font {
		font-size: 9px;
	}
	.main_thumlist1 li {
		float: left;
		width: 47%;
		min-height: 230px;
		background: #edf1f4;
		margin-top: 10px;
		margin-left: 8px;
		position: relative;
		display: none;
	}
	.main_thumlist1 li:nth-child(-n+4) {
		display: list-item;
	}
	.main_thumlist1.active li {
		display: list-item;
	}
	.main_thumlist1 li img {
		width: 100%;
	}
	.main_thumlist2 li img {
		width: 100%;
	}
	.main_thumlist1 .last {
		margin-right: 0px;
	}
	.main_thumlist2 {
		width: 100%;
		height: 308px;
		margin-top: 35px;
	}
	.main_thumlist2 li {
		float: left;
		width: 47%;
		min-height: 230px;
		margin-top: 10px;
		background: #edf1f4;
		margin-left: 8px;
		position: relative;
	}
	.main_thumlist2 .last {
		margin-right: 0px;
	}
	.main_thumlist1 .mask_bg {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.main_thumlist1 .maskbox .main-thum-img {
		position: relative;
	}
	.main_thumlist2 .maskbox .main-thum-img {
		position: relative;
	}
	.main_thumlist1 .maskbox .main-thum-img img {
		min-height: 230px;
		width: 103%;
	}
	.main_thumlist2 .maskbox .main-thum-img img {
		min-height: 230px;
		width: 103%;
	}
	.main_thumlist1 .mask_bg h3 {
		font-size: 15px;
		line-height: 28px;
		margin: 80% 0px 0px 10px;
		text-align: left;
		z-index: 10;
	}
	.main_thumlist1 .mask_bg h3 a {
		color: #424242;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg h3 {
		font-size: 13px;
		line-height: 22px;
		margin: 80% 0px 0px 10px;
		text-align: left;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg h3 a {
		color: #fff;
		z-index: 10;
	}
	main_thumlist1 li .rink-btn img {
		width: 10%;
	}
	.main_thumlist1 li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.main_thumlist2 li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.over-btn {
		display: none;
	}
	.over-mask {
		display: none;
	}
	.p-all {
		clear: both;
		padding: 10px;
		box-sizing: border-box;
	}
	.p-all.padding{
		height: 88px;
		padding: 14px 13px 10px 13px;
	}
	.tab-img-title {
		width: 57px;
		height: 33px;
		background: #000;
		opacity: 0.5;
		margin-left: 10px;
		text-align: center;
		padding-top: 5px;
		box-sizing: border-box;
		position: absolute;
		z-index: 10;
	}
	.tab-img-title a {
		color: #fff;
		font-weight: bold;
	}
	.full-txt1 h3 {
		font-size: 15px;
		line-height: 28px;
		margin: 70% 0px 0px 10px;
		text-align: left;
	}
	.full-txt1 h3 a {
		color: #424242;
	}
	.full-txt2 h3 {
		font-size: 14px;
		line-height: 22px;
		margin: 60% 0px 0px 10px;
	}
	.full-txt2 h3 a {
		color: #fff;
	}
	/*2015.12.22*/
	.full-txt2 .text01 {
		margin-bottom: 7px;
		text-align: left;
		height: 50px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3; /* 라인수 */
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.2em;
		height: 3.6em;
	}
	.full-txt2 .text02 {
		margin-bottom: 5px;
		text-align: left;
		font-size: 12px !important;
		color: #777;
		line-height: 20px;
		width: 90%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.full-txt2 .text03 {
		text-align: left;
		font-size: 12px;
		color: #919191;
	}
	.survey_text {
	    text-align: left;
    	font-size: 7.5px;
    	font-weight: 600;
    	line-height: 11px;
    	height: 17px;
	}
	.text01 a {
		font-size: 13px;
		color: #3d3d3d;
		line-height: 15px;
	}
	.text02 a {
		
	}
	.text03 a {
		
	}

	/*롤링베너*/
	.banner-wrap {
		width: 100%;
		height: 75px;
		margin-top: 40px;
		margin-bottom: 40px;
		border-top: 1px solid #cacfd2;
		border-bottom: 2px solid #3f3f3f
	}
	.publics {
		width: 100%;
		height: 75px;
		overflow: hidden;
		float: left;
	}
	.site-title {
		float: left;
		font-weight: bold;
		color: #5f5f5f;
		font-size: 14px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.publics .control {
		height: 84px;
		float: left;
		padding: 25px 15px 36px 0px;
	}
	.publics .control button {
		display: none;
	}
	.publics button {
		border: 0;
		width: 25px;
		height: 25px;
		display: block;
		float: left;
		background: transparent;
		text-indent: -9999em;
		font-size: 0;
		margin-right: 2px;
	}
	.publics .prev {
		background: url(../images/icon/icon_left.gif) no-repeat left top;
		cursor: pointer;
	}
	.publics .next {
		background: url(../images/icon/icon_right.gif) no-repeat left top;
		cursor: pointer;
	}
	.publics .public_stop {
		background: url(../images/icon/icon_stop.gif) no-repeat left top;
		cursor: pointer;
		margin-right: 0 !important;
	}
	.public_link_wrap {
		position: relative;
		height: 75px;
		overflow: hidden;
		padding-left: -150px;
		width: 171px;
	}
	.public_link_wrap li {
		float: left;
		padding: 25px 24px;
	}
	.public_link_wrap li img {
		width: 80%;
	}
	.b-cont {
		width: 100%;
		clear: both;
		height: 798px;
	}
	.b-cont-left {
		width: 100%;
		float: left;
	}
	.new-img {
		padding-top: 8px !important;
		margin-left: 5px;
	}
	.news {
		width: 95%;
		margin: 0 auto;
		height: 153px;
	}
	.box1 {
		margin-right: 30px;
		width: 95%;
		margin: 0 auto;
	}
	.box2 {
		
	}
	.news h2 {
		font-size: 18px;
		color: #343434;
		float: left;
	}
	.news .title-line {
		width: 100%;
		height: 45px;
	}
	.news .btn-more {
		float: right;
	}
	.date {
		float: right;
	}
	.notice-list li {
		line-height: 27px;
		color: #777777;
		font-size: 12px;
	}
	.notice-list .txt-title {
		color: #444;
		font-size: 13px;
		margin-right: 5px;
	}
	.notice-list .date {
		font-size: 12px;
		color: #959595;
		margin-right: 10px;
	}
	.notice-list img {
		padding-top: 15px;
		margin-right: 5px;
	}
	.left-t {
		margin-top: 40px;
		height: 306px;
	}
	.left-b {
		clear: both;
		width: 100%;
		height: 100px;
		position: relative;
		border-top: 1px solid #cacdcf;
		padding: 10px 0;
		box-sizing: border-box;
	} /* 2017-03-29 수정 */
	.left-b p { /* float: left; */
		padding-top: 35px; /*  width: 33%; */
		text-align: center;
	} /* 2018-11-01 수정 */
	.left-b .b-site01 {
		left: 9px;
		top: 10px;
	}
	.left-b .b-site02 {
		top: 10px;
		right: 10px;
	}
	.left-b .b-site03 {
		bottom: 10px;
		left: 15px;
	}
	.left-b .b-site03 img {
		padding-top: 10px;
		display: none;
	}
	.left-b .last {
		margin-right: 0%;
		bottom: -3px;
		right: 0px;
	} /* 2017.03.28 {margin-right: 0%;     bottom: -3px; right: 29px;} */
	.tab-cont {
		/* margin-bottom: -60%; */
	}
	.b-cont-right {
		width: 100%;
	}
	.right-t {
		margin-bottom: 1px;
		width: 100%; /* height:153px; */
	}
	.right-t h3 {
		font-size: 16px;
		color: #fff;
		margin-bottom: 15px;
		letter-spacing: -1.5px;
	}
	.right-t p {
		font-size: 11px;
		color: #fff;
	}
	.right-t .notice-box01 {
		margin-top: 20px;
		float: left;
		width: 50%;
		height: 153px;
		background: #25afdb url(../images/icon/icon_notice01.gif) no-repeat;
		background-position: 90% 15%;
		padding: 65px 0px 0px 10px;
		box-sizing: border-box;
	}
	/*2016-01-26 변경부분*/
	.right-t .notice-box02 {
		margin-top: 20px;
		float: left;
		width: 50%;
		height: 153px;
		background: #2e73cb url(../images/icon/icon_notice02.gif) no-repeat;
		background-position: 90% 15%;
		padding: 65px 0px 0px 10px;
		box-sizing: border-box;
	}
	.right-t .notice-box01 h3 {
		color: #fff;
		margin-bottom: 10px;
	}
	.right-t .notice-box02 h3 {
		color: #fff;
		margin-bottom: 10px;
	}
	.right-b {
		clear: both;
		width: 100%;
		height: 121px;
		background: #6ea0d2;
		padding: 18px 0px 0px 20px;
		box-sizing: border-box;
	}
	.right-b h3 {
		font-size: 18px;
		color: #fff;
		margin-bottom: 10px;
	}
	.right-b p {
		font-size: 13px;
		color: #fff;
	}
    .submit-box a {
        padding: 12px 0;
        margin: 2% 1% 0;
        width: 100%;
        background: #274d74;
        color: #fff;
        font-size: 13.5px;
        display: block;
        text-align: center;
        line-height: 20px;
        align-content: center;
        border-radius: 10px;
    }
    
	.submit-box {
		width: 100%;
		height: 27%;
		text-align: center;
		border-radius: 6px;
		display: flex;
        justify-content: center;
	}
	.submit-box input[type=text] {
		width: 72%;
		height: 30px;
		border: none;
		float: left;
		box-sizing: border-box;
	}
	.submit-box input[type=button] {
		width: 50px;
		height: 30px;
		border: none;
		background: #274d74;
		color: #fff;
		font-size: 12px;
		float: left;
	}
	#featured {
		width: 100%;
		position: relative;
		z-index: 1000;
		border-right: none;
		height: 100%;
		overflow: hidden;
		background: #fff;
	}
	#featured ul.ui-tabs-nav {
		display: none;
	}
	#featured li.ui-tabs-nav-item a {
		display: block;
		height: 84px;
		text-decoration: none;
		background: #fff;
		line-height: 20px;
		outline: none;
	}
	#featured li.ui-tabs-nav-item a:hover {
		background: #edf0f3;
	}
	#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a
		{
		background: #edf0f3;
	}
	.ui-tabs-panel img {
		width: 100%;
		min-height: 200px;
	}
	#featured .ui-tabs-hide {
		display: none;
	}

	/* 20211005 뉴스레터 신청하기 팝업 깨짐 현상 해결 */
	.layerPop2 .popW {
		width: 100%;
	}
	.layerPop2 .popHead {
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: left;
		font-size: 16px;
		color: #fff;
		background: #3989cb;
		position: relative;
	}
	.layerPop2 .popHead p {
		padding-left: 15px;
	}
	.layerPop2 .popClose2 {
		color: #fff;
		display: inline-block;
		float: right;
		line-height: 33px;
		margin-right: 10px;
		background: none;
		border: none;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 11px;
		right: 0;
	}
	.layerPop2 .popBody {
		padding: 20px;
		background: #fff;
	}
	.notiArea {
		width: 90%;
		height: 60px;
		margin: 0 auto;
		border: 1px solid #d9d9d9;
		background: #fbfbfb;
		color: #373737;
		font-size: 13px;
		padding: 20px;
	}
	.notiTxt {
		width: 100%;
		float: left;
		font-size: 13px;
		color: #373737;
		margin: 20px auto;
        text-align: center;
	}
	.newsInsert {
        background: #555;
        color: white;
        font-size: 12px;
    }
    .trendInsert {
        background: #555;
        color: white;
        font-size: 12px;
    }
	.checDiv {
		width: 20%;
		float: right;
		margin-top: 28px
	}
	.sercArea .sercDiv {
        width: 58%;
        margin: auto;
        display: flex;
        justify-content: space-around;
        padding: 4%;
	}
    .sercArea .trendDiv {
        width: 58%;
        margin: 30px auto 0;
        display: flex;
        justify-content: space-around;
    }
    .sercArea .trendDiv2 {
		width: 100%;
		margin: 30px auto 0;
		text-align: center;
	}
    .trendDiv button {
        width: 85px;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
    }
    .trendDiv2 button {
        width: 18%;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
    }
    .sercDiv button {
        width: 85px;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
        cursor: pointer;
    }
	.sercDiv a {
		display: inline-block;
		width: 63px;
		height: 28px;
		line-height: 27px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: #274d74;
	}
	.checkbox-group3 button {
        width: 80px;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
    }
    .popup-contents-box {
		padding: 40px 32px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}
    .popup-contents p {
        margin: 6% auto;
        font-size: 14px;
        width: 87%;
    }
    .popup-contents-box p{
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
    .popup-contents h2 {
        line-height: 135%;
    }
    .blackBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.51);
		z-index: 501;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	/*테블릿*/
	#loading {
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  position: fixed;
	  display: block;
	  opacity: 0.6;
	  background: #e4e4e4;
	  z-index: 99;
	  text-align: center;
	}
	
	#loading > img {
	  vertical-align: middle;
	  width: 20%;
	}
	
	#loading p {
	  top: 50%;
	  left: 50%;
	  position: absolute;
	  display: block;
	  white-space: nowrap;
	  transform: translate(-50%, 100%);
	  color: #bb0000;
	  font-weight: bold;
	}
	
	#loading::after {
	  display: inline-block;
	  height: 100%;
	  content: "";
	  vertical-align: middle;
	}
	.conBody {
		width: 100%;
	}
	.conBody-inbox {
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.t-cont {
		width: 100%;
	}
	.slide {
		width: 100%;
		float: left;
		z-index: 10px;
		margin-top: -30px;
		margin-bottom: 5px;
		position: relative;
	}
	.slide .control {
		position: absolute;
		bottom: 15px;
		left: 15px;
		z-index: 1000;
	}
	.slide .prev {
		background: url(../images/icon/icon_left.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.slide .next {
		background: url(../images/icon/icon_right.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
	}
	.slide .public_stop {
		background: url(../images/icon/icon_stop.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.slide .public_play {
		display: none;
		background: url(../images/icon/icon_play.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.container.active {
		margin-top: 244px;
	}
	.thum-size01 {
		width: 100% !important;
		overflow: hidden;
		min-height: 145px;
		height: 100px;
	}
	.thum-size01 img {
		width: 100% !important;
		height: 100%;
	}
	.thum-size02 {
		width: 100% !important;
		height: 242px !important;
		overflow: hidden;
	}
	.thum-size02 img {
		width: 100% !important;
		height: 100%;
	}
	.thum-size03 {
		width: 100%;
		min-height: 170px;
		height: 100px;
		overflow: hidden;
	}
	.thum-size03 img {
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #d2d2d2;
	}
	.thum-size04 {
		width: 100% !important;
		height: 295px;
		overflow: hidden;
	}
	.thum-size04 img {
		width: 100% !important;
		height: 100%;
	}
	.thum-size05 {
		width: 566px;
		height: 354px;
		overflow: hidden;
	}
	.thum-size05 img {
		width: 566px;
		height: 100%;
	}
	.thum-size6 {
		width: 78px;
		height: 48px;
		overflow: hidden;
	}
	.thum-size6 img {
		width: 78px;
		height: 100%;
	}
	/*2016-01-06 추가부분*/
	.container ul li img.active {
		border: 2px solid #49a3fc;
		box-sizing: border-box;
	}
	.thum-size7 {
		width: 100% !important;
		height: 350px;
		overflow: hidden;
	}
	.thum-size7 img {
		width: 100% !important;
		height: 100%;
	}
	.thum-size8 {
		width: 118px;
		height: 60px;
		overflow: hidden;
	}
	.thum-size8 img {
		width: 118px;
		height: 100%;
	}
	.thum-size9 {
		width: 80px;
		height: 62px;
		overflow: hidden;
	}
	.thum-size9 img {
		width: 80px;
		height: 100%;
	}
	.thum-size10 {
		width: 87px;
		height: 66px;
		overflow: hidden;
		padding: 0px !important;
		margin: 0px !important;
	}
	.thum-size10 img {
		width: 87px;
		height: 100%;
	}
	.notice-last {
		float: none;
		text-align: center;
		margin-top: -27px;
	}
	.regist-box {
		width: 250px !important;
		margin-top: 10px;
	}
	.pop-atten {
		text-align: left;
		font-size: 13px;
		width: 100%;
		padding-left: 130px;
		box-sizing: border-box;
		background: url(../../common/images/icon/icon_atten.png) no-repeat 95px
			0px;
		margin-top: 10px;
	}
	.pop-atten h4 {
		color: #e57e7e;
	}
	.main-pop {
		padding-top: 30px !important;
	}
	.main-pop .subm-btn {
		margin-top: 15px !important;
	}
	.pop-exe {
		text-align: left;
		margin-left: 129px;
		font-size: 13px;
	}
	.left-b .last {
		float: left;
		box-sizing: border-box;
		padding-top: 5px;
	}
	.real-pop {
		display: none;
		float: right;
		width: 164px;
		height: 340px;
		border: 2px solid #3989cb;
		padding: 20px;
		box-sizing: border-box;
	}
	.tab-cont {
		margin-top: 35px;
		height: 760px;
		margin-bottom: -30px;
	}
	.tmenu {
		width: 100%;
		position: relative;
        display: flex;
        justify-content: center;
	}
	.tmenu li {
		position: relative;
		width: 14%;
		height: 107px;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #efefef;
		padding-top: 15px;
		box-sizing: border-box;
		/* border-radius: 50%; */
		margin-right: 2%;
	 	color: #000;
	    font-size: 17px;
	    font-weight: 700;
	    letter-spacing: -0.5px;
	}
	.tmenu li.active {
		width: 14%;
		height: 107px;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #5d597d;
		padding-top: 15px;
		box-sizing: border-box;
		/* border-radius: 50% */
	}
	.tmenu li.active {
		color: #3989cb;
		font-size: 17px;
	    font-weight: 700;
   	 	letter-spacing: -0.5px;
	}
	.tab-plus01 {
		position: absolute;
		top: 15px;
		right: 3%;
		z-index: 10;
		cursor: pointer;
		width: 22px;
		height: 22px;
	}
	.tab-plus02 {
		position: absolute;
		top: 15px;
		right: 3%;
		z-index: 10;
		cursor: pointer;
		height: 22px;
	}

	/*2016-01-20 추가부분 시작*/
	.tmenu .t-bar01 {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
    	background-position: 32px 17px;
    	padding-top: 70px;
	}
	.tmenu .t-bar01.active {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar01:hover {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: 35px 28px;
   		padding-top: 78px;
	}
	.tmenu .t-bar02 {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
	    background-position: 32px 17px;
    	padding-top: 70px;
	}
	.tmenu .t-bar02-1 {
		display: none;
	}
	.tmenu .t-bar02.active {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar02:hover {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar03 {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: 32px 17px;
    	padding-top: 70px;
	}
	.tmenu .t-bar03-1 {
		display: none;
	}
	.tmenu .t-bar03.active {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar03:hover {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar04 {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 32px 17px;
    	padding-top: 70px;
	}
	.tmenu .t-bar04-1 {
		display: none;
	}
	.tmenu .t-bar04.active {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar04:hover {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 35px 28px;
   		padding-top: 78px;
	}
	.tmenu .t-bar05 {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 32px 17px;
    	padding-top: 70px;
	}
	.tmenu .t-bar05.active {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar05:hover {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar06 {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 32px 17px;
    	padding-top: 70px;
    	margin-right: 0px;
	}
	.tmenu .t-bar06.active {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar06:hover {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar07 {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: 32px 17px;
    	padding-top: 70px;
	}
	.tmenu .t-bar07-1 {
		display: none;
	}
	.tmenu .t-bar07.active {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: 35px 28px;
    	padding-top: 78px;
	}
	.tmenu .t-bar07:hover {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: 35px 28px;
   		padding-top: 78px;
	}
	/*2016-01-20 추가부분 끝*/
	.main_thumlist1 {
		width: 100%;
		height: 308px;
		text-align: center;
	}
	.main_thumlist1 li {
		float: left;
		width: 23.7%;
		min-height: 230px;
		background: #edf1f4;
		margin-top: 10px;
		margin-left: 8px;
		position: relative;
		display: none;
	}
	.main_thumlist1 li:nth-child(-n+4) {
		display: list-item;
	}
	.main_thumlist1.active li {
		display: list-item;
	}
	.main_thumlist1 li img {
		width: 100%;
	}
	.main_thumlist2 li img {
		width: 100%;
	}
	.main_thumlist1 .last {
		margin-right: 0px;
	}
	.main_thumlist2 {
		width: 100%;
		height: 308px;
		margin-top: 35px;
	}
	.main_thumlist2 li {
		float: left;
		width: 47%;
		min-height: 230px;
		margin-top: 10px;
		background: #edf1f4;
		margin-left: 8px;
		position: relative;
	}
	.main_thumlist2 .last {
		margin-right: 0px;
	}
	.main_thumlist1 .mask_bg {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.main_thumlist1 .maskbox .main-thum-img {
		position: relative;
	}
	.main_thumlist2 .maskbox .main-thum-img {
		position: relative;
	}
	.main_thumlist1 .maskbox .main-thum-img img {
		min-height: 230px;
		width: 103%;
	}
	.main_thumlist2 .maskbox .main-thum-img img {
		min-height: 230px;
		width: 103%;
	}
	.main_thumlist1 .mask_bg h3 {
		font-size: 15px;
		line-height: 28px;
		margin: 80% 0px 0px 10px;
		text-align: left;
		z-index: 10;
	}
	.main_thumlist1 .mask_bg h3 a {
		color: #424242;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg h3 {
		font-size: 13px;
		line-height: 22px;
		margin: 80% 0px 0px 10px;
		text-align: left;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg h3 a {
		color: #fff;
		z-index: 10;
	}
	.main_thumlist1 li .rink-btn img {
		width: 10%;
	}
	.main_thumlist1 li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.main_thumlist2 li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.over-btn {
		display: none;
	}
	.over-mask {
		display: none;
	}
	.p-all {
		clear: both;
		padding: 10px;
		box-sizing: border-box;
	}
	.p-all.padding{
		padding: 8px;
		height: 103px;
	}
	.tab-img-title {
		width: 57px;
		height: 33px;
		background: #000;
		opacity: 0.5;
		margin-left: 10px;
		text-align: center;
		padding-top: 5px;
		box-sizing: border-box;
		position: absolute;
		z-index: 10;
	}
	.tab-img-title a {
		color: #fff;
		font-weight: bold;
	}
	.full-txt1 h3 {
		font-size: 15px;
		line-height: 28px;
		margin: 70% 0px 0px 10px;
		text-align: left;
	}
	.full-txt1 h3 a {
		color: #424242;
	}
	.full-txt2 h3 {
		font-size: 14px;
		line-height: 22px;
		margin: 60% 0px 0px 10px;
	}
	.full-txt2 h3 a {
		color: #fff;
	}
	.survey_text {
	    text-align: left;
    	font-size: 8.5px;
    	font-weight: 600;
    	line-height: 11px;
    	height: 17px;
	}
	.text01 {
		margin-bottom: 7px;
		text-align: left;
		height: 50px;
		color: black;
		font-weight: 600;
		letter-spacing: -.5px;
	}
	.text01.font {
		font-size: 12px;
   		line-height: 1.3;
   		margin-bottom: 4px;
	}
	.text02 {
		margin-bottom: 5px;
		text-align: left;
		font-size: 12px !important;
		color: #777;
		line-height: 20px;
		width: 90%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.text03 {
		text-align: left;
		font-size: 12px;
	}
	.text01 a {
		font-size: 13px;
		color: #3d3d3d;
		line-height: 15px;
	}
	.text02 a {
		
	}
	.text03 a {
		
	}

	/*롤링베너*/
	.banner-wrap {
		width: 100%;
		height: 75px;
		margin-top: 40px;
		margin-bottom: 40px;
		border-top: 1px solid #cacfd2;
		border-bottom: 2px solid #3f3f3f
	}
	.publics {
		width: 100%;
		height: 75px;
		overflow: hidden;
		float: left;
	}
	.site-title {
		float: left;
		font-weight: bold;
		color: #5f5f5f;
		font-size: 14px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.publics .control {
		height: 84px;
		float: left;
		padding: 25px 15px 36px 0px;
	}
	.publics button {
		border: 0;
		width: 25px;
		height: 25px;
		display: block;
		float: left;
		background: transparent;
		text-indent: -9999em;
		font-size: 0;
		margin-right: 2px;
	}
	.publics .prev {
		background: url(../images/icon/icon_left.gif) no-repeat left top;
		cursor: pointer;
	}
	.publics .next {
		background: url(../images/icon/icon_right.gif) no-repeat left top;
		cursor: pointer;
	}
	.publics .public_stop {
		background: url(../images/icon/icon_stop.gif) no-repeat left top;
		cursor: pointer;
		margin-right: 0 !important;
	}
	.public_link_wrap {
		position: relative;
		width: 680px;
		height: 75px;
		overflow: hidden;
		margin-left: 80px;
	}
	.public_link_wrap li {
		float: left;
		padding: 20px 20px;
	}
	.b-cont {
		width: 100%;
		height: 523px;
		clear: both;
	}

	/*2015-12-30 추가부분*/
	.b-cont-left {
		width: 95%;
		clear: both;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 39px;
	}
	.new-img {
		padding-top: 8px !important;
		margin-left: 5px;
	}
	.news {
		width: 95%;
		margin: 0 auto;
		height: 153px;
	}
	.box1 {
		margin-right: 4px !important;
		width: 50% !important;
		float: left;
		margin: 0 auto;
	}
	.box2 {
		
	}
	.news h2 {
		font-size: 18px;
		color: #343434;
		float: left;
	}
	.news .title-line {
		width: 100%;
		height: 55px;
	}
	.news .btn-more {
		float: right;
	}
	.date {
		float: right;
	}
	.notice-list li {
		line-height: 27px;
		color: #777777;
		font-size: 13px;
	}
	.notice-list .txt-title {
		color: #444;
		font-size: 13px;
		margin-right: 5px;
	}
	.notice-list .date {
		font-size: 12px;
		color: #959595;
		margin-right: 10px;
	}
	.notice-list img {
		padding-top: 15px;
		margin-right: 5px;
	}
	.left-t {
		margin-top: 26px;
		height: 158px;
	}
	.left-b {
		clear: both;
		height: 120px;
		width: 100%;
		border-bottom: 1px solid #cacdcf;
		border-top: 1px solid #cacdcf;
		padding: 48px 10px;
		box-sizing: border-box;
	}
	.left-b p {
		float: left;
		width: 33%;
		text-align: center;
	} /* 2018-11-01 수정 */
	.left-b .b-site01 {
		padding: 0px 10px;
		text-align: center;
		box-sizing: border-box;
	}
	.left-b .b-site02 {
		padding: 0px 10px;
		text-align: center;
		box-sizing: border-box;
	}
	.left-b .b-site03 {
		padding: 0px 10px;
		text-align: center;
		box-sizing: border-box;
		display: none;
	}
	2018-11-01수정
	.left-b .last {
		padding: 5px 10px;
		margin-top: -28px;
		text-align: center;
		box-sizing: border-box;
	}
	.tab-cont {
		
	}
	.b-cont-right {
		width: 100%;
	}
	.right-t {
		margin-bottom: 1px;
		width: 100%;
	}
	.right-t 
.right-t h3 {
		font-size: 16px;
		color: #fff;
		margin-bottom: 15px;
	}
	.right-t p {
		font-size: 11px;
		color: #fff;
	}
	.right-t .notice-box01 {
		margin-top: 20px;
		float: left;
		width: 50%;
		height: 153px;
		background: #25afdb url(../images/icon/icon_notice01.gif) no-repeat;
		background-position: 80% 28%;
		padding: 65px 0px 0px 10px;
		box-sizing: border-box;
	}
	/*2016-01-26 변경부분*/
	.right-t .notice-box02 {
		margin-top: 20px;
		float: left;
		width: 50%;
		height: 153px;
		background: #2e73cb url(../images/icon/icon_notice02.gif) no-repeat;
		background-position: 80% 28%;
		padding: 65px 0px 0px 10px;
		box-sizing: border-box;
	}
	.right-t .notice-box01 h3 {
		color: #fff;
		margin-bottom: 10px;
	}
	.right-t .notice-box02 h3 {
		color: #fff;
		margin-bottom: 10px;
	}
	.right-b {
		clear: both;
		width: 100%;
		height: 121px;
		background: #6ea0d2;
		padding: 18px 15px 0px 15px;
		box-sizing: border-box;
	}
	.right-b h3 {
		font-size: 18px;
		color: #fff;
		margin-bottom: 10px;
	}
	.right-b p {
		font-size: 13px;
		color: #fff;
	}
	.submit-box {
        width: 97%;
        text-align: center;
        color: black;
        border-radius: 6px;
        height: 50%;
        margin: 7% auto;
    }
	.submit-box input[type=text] {
		width: 90%;
		height: 30px;
		border: none;
		float: left;
		box-sizing: border-box;
	}
	.submit-box input[type=button] {
		width: 50px;
		height: 30px;
		border: none;
		background: #274d74;
		color: #fff;
		font-size: 12px;
		float: left;
	}
	#featured {
		width: 100%;
		position: relative;
		border-right: none;
		height: 100%;
		overflow: hidden;
		background: #fff;
	}
	#featured ul.ui-tabs-nav {
		display: none;
	}
	#featured li.ui-tabs-nav-item a {
		display: block;
		height: 84px;
		text-decoration: none;
		background: #fff;
		line-height: 20px;
		outline: none;
	}
	#featured li.ui-tabs-nav-item a:hover {
		background: #edf0f3;
	}
	#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a
		{
		background: #edf0f3;
	}
	.ui-tabs-panel img {
		width: 100%;
	}
	#featured .ui-tabs-hide {
		display: none;
	}

	/* 20211005 뉴스레터 신청하기 팝업 깨짐 현상 해결 */
	.layerPop2 {
		position: absolute;
		z-index: 200;
	}
	.layerPop2 .popW {
		width: 556px;
	}
	.layerPop2 .popHead {
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: left;
		font-size: 16px;
		color: #fff;
		background: #3989cb;
		position: relative;
	}
	.layerPop2 .popHead p {
		padding-left: 15px;
	}
	.notiArea {
		width: 91%;
		height: 60px;
		margin: 0 auto;
		border: 1px solid #d9d9d9;
		background: #fbfbfb;
		color: #373737;
		font-size: 13px;
		padding: 20px;
	}
	.checkArea {
		border-bottom: 1px solid #d9d9d9;
		overflow: hidden;
	}
	.layerPop2 {
		position: absolute;
		z-index: 200;
	}
	.notiTxt {
		width: 100%;
		float: left;
		font-size: 13px;
		color: #373737;
		margin: 20px auto;
        text-align: center;
	}
	.checDiv {
		width: 14%;
		float: right;
		margin-top: 28px
	}
	.sercDiv a {
		display: inline-block;
		width: 63px;
		height: 28px;
		line-height: 27px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: #274d74;
	}
	.sercArea .sercDiv {
		width: 55%;
		margin: 30px auto 0
	}
	.layerPop2 .popBody {
		padding: 25px 30px 40px 30px;
		background: #fff;
	}
	.layerPop2 .closeArea {
		width: 560px;
		height: 35px;
		background: #515151;
	}
	.layerPop2 .popClose2 {
		color: #fff;
		display: inline-block;
		float: right;
		line-height: 33px;
		margin-right: 10px;
		background: none;
		border: none;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 11px;
		right: 0;
	}
	.blackBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.51);
		z-index: 501;
	}
    .sercArea .sercDiv {
        width: 44%;
        margin: auto;
        display: flex;
        justify-content: space-around;
        padding: 3%;
    }
    .sercArea .trendDiv {
        width: 44%;
        margin: 30px auto 0;
        display: flex;
        justify-content: space-around;
    }
    .sercArea .trendDiv2 {
		width: 100%;
		margin: 30px auto 0;
		text-align: center;
	}
    .sercDiv button {
        width: 85px;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
        cursor: pointer;
    }
    .trendDiv button {
        width: 85px;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
    }
    .trendDiv2 button {
        width: 18%;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
    }
    .newsInsert {
        background: #555;
        color: white;
        font-size: 12px;
    }
    .trendInsert {
        background: #555;
        color: white;
        font-size: 12px;
    }
    #loginHp1, #loginHp2, #loginHp3, #loginHp1R, #loginHp2R, #loginHp3R {
        width: 10% !important;
    }
    #jobName, #jobNameR {
        width: 52%;
    }
    .double-chk, .chk_cellPhone, .chk_cellPhone_r {
        background: #848d99;
        color: #fff;
        width: 18%;
        font-size: 12px;
        height: 30px;
        font-weight: bold;
        border: none;
        margin-left: 10px;
        cursor: pointer;
    }
    .form-group {
        margin: 3%;
    }
    .popup-contents h2 {
        line-height: 135%;
    }
    .checkbox-group3 button {
        width: 80px;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
    }
    .popup-contents-box {
		padding: 45px 32px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}
   	.popup-contents p {
        margin: 6% auto;
        font-size: 14px;
        width: 87%;
    }
    .popup-contents-box p{
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
    #simplemodal-overlay {
		background-color: #000;
	}
}

@media screen and (min-width:1024px) { /*웹*/
	.conBody {
		width: 100%;
	}
	.conBody-inbox {
		width: 1000px;
		margin: 0 auto;
		padding-top: 40px;
		box-sizing: border-box;
	}
	.t-cont {
		width: 100%;
		height: 340px;
	}
	.slide {
		width: 60%;;
		height: 340px;
		float: left;
		z-index: 10px;
		position: relative;
	}
	.slide .control {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	.slide .prev {
		background: url(../images/icon/icon_left.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.slide .next {
		background: url(../images/icon/icon_right.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
	}
	.slide .public_stop {
		background: url(../images/icon/icon_stop.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.slide .public_play {
		display: none;
		background: url(../images/icon/icon_play.png) no-repeat left top;
		cursor: pointer;
		float: left;
		text-indent: -99999px;
		width: 20px;
		height: 20px;
		margin-right: 5px;
	}
	.real-pop {
		float: right;
		width: 150px;
		height: 340px;
		border: 2px solid #3989cb;
		padding: 15px;
		box-sizing: border-box;
	}
	.real-pop h3 {
		font-size: 12px;
		color: #373434;
		margin-bottom: 20px;
	}
	.real-pop ol li {
		font-size: 12px;
		color: #6f6f6f;
		line-height: 25px;
	}
	.real-pop ol li img {
		margin-right: 10px;
		padding-top: 5px;
	}
	.real-pop ol li span.tk {
		background: url(../images/icon/icon_up.gif) no-repeat;
		margin-left: 40px;
		background-position: 15px 3px;
		text-indent: 999px;
	}
	.real-pop ol li .rk {
		float: right;
	}
	.tab-cont {
		margin-top: 1%;
	}
	.tmenu {
		width: 100%;
		height: 90px;
		position: relative;
 		display: flex;
		justify-content: center;
	}
	.tmenu li {
		position: relative;
		cursor: pointer;
		width: 13%;
		height: 103px;
		margin-right: 2%;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #efefef;
		box-sizing: border-box;
		color: #000;
		font-size: 18px;
		font-weight: 700;
	    letter-spacing: -0.5px;
		/* border-radius: 50% */
	}
	.tmenu li.active {
		width: 13%;
		height: 120px;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #4e4d53;
		box-sizing: border-box;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		border-radius: 50%
	} /*151030*/
	.tmenu li:hover {
		width: 13%;
		height: 120px;
		float: left;
		text-align: center;
		vertical-align: center;
		background: #4e4d53;
		padding-top: 20px;
		box-sizing: border-box;
		/* color: #fff;
		font-size: 18px;
		font-weight: bold; */
	} /*151030*/
	.tmenu li.active {
		color: #3989cb;
		font-size: 18px;
		font-weight: bold;
	}
	.tmenu li:hover {
		color: #3989cb;
		font-size: 18px;
		font-weight: bold;
	}
	.tmenu .t-bar01 {
		background: #fff url(../images/icon/icon_tab01.jpg) no-repeat;
		/* background-size: 150px 150px; 
		margin-left: 80px;*/
		background-position: 41px 17px;
		padding-top: 70px;
	}
	.tmenu .t-bar01-1 {
		display: none;
	}
	.tmenu .t-bar01.active {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: 45px 28px;
		padding-top: 78px;
	}
	.tmenu .t-bar01:hover {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: 45px 28px;
		padding-top: 78px;
	}
	.tmenu .t-bar02 {
		background: #fff url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: 41px 18px;
		padding-top: 71px;
	}
	.tmenu .t-bar02-1 {
		display: none;
	}
	.tmenu .t-bar02.active {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar02:hover {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position:41px 28px;
		padding-top: 78px;
	}
	.tab-plus01 {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 9999;
		cursor: pointer;
		width: 22px;
		height: 22px;
	}
	.tab-plus02 {
		position: absolute;
		top: 20px;
		right: 20px;
		z-index: 9999;
		cursor: pointer;
		height: 22px;
	}
	.tmenu .t-bar03 {
		background: #fff url(../images/icon/icon_tab03.jpg) no-repeat;
		/* background-size: 150px 150px; */
		background-position: 40px 18px;
		padding-top: 71px;
	}
	.tmenu .t-bar03-1 {
		display: none;
	}
	.tmenu .t-bar03.active {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar03:hover {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar04 {
		background: #fff url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 41px 17px;
		padding-top: 71px;
	} 
	.tmenu .t-bar04-1 {
		display: none;
	}
	.tmenu .t-bar04.active {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar04:hover {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar05 {
		background: #fff url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 41px 17px;
		padding-top: 71px;
	}
	.tmenu .t-bar05.active {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar05:hover {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar06 {
		background: #fff url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 41px 17px;
		padding-top: 71px;
		margin-right: 0px;
	}
	.tmenu .t-bar06.active {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar06:hover {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar07-1 {
		display: none;
	}
	.tmenu .t-bar07 {
		background: #fff url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: 41px 17px;
		padding-top: 71px;
	}
	.tmenu .t-bar07.active {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.tmenu .t-bar07:hover {
		background: url(../images/icon/icon_tab07.jpg) no-repeat;
		background-position: 41px 27px;
		padding-top: 78px;
	}
	.main_thumlist1 {
		width: 100%;
		height: 306px;
		margin-top: 35px;
		margin-bottom: 35px
	}
	.main_thumlist2 {
		width: 100%;
		height: 308px;
		margin-top: 35px;
	}
	.main_thumlist1 li {
		float: left;
		width: 241px;
		margin-bottom: 35px;
		height: 303px;
		margin-right: 12px;
		position: relative;
		background: #edf1f4;
		border: 1px solid #d2d2d2;
		box-sizing: border-box;
		display: none;
	}
	.main_thumlist1 li:nth-child(-n+4) {
		display: list-item;
	}
	.main_thumlist1.active li {
		display: list-item;
	}
	.main_thumlist1 .last {
		margin-right: 0px;
	}
	.main_thumlist2 .last {
		margin-right: 0px;
	}
	.main_thumlist2 {
		clear: both;
	}
	.main_thumlist2 li {
		float: left;
		width: 241px;
		height: 303px;
		margin-right: 12px;
		position: relative;
		background: #edf1f4;
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		box-sizing: border-box;
	}
	.main_thumlist1 li.type01:hover {
		/* background: #3989cb; */
		
	}
	.main_thumlist1 li.type01:hover .p-all {
		color: #333;
	}
	.main_thumlist1 li.type01:hover .p-all p {
		color: #333;
	}
	.main_thumlist1 li.type01:hover .p-all a {
		color: #333;
	}
	.main_thumlist1 li.type01:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 240px;
		height: 100%;
		opacity: 0.6;
	}
	.main_thumlist1 li.type01:hover .over-btn {
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 82px;
		left: 65px;
		z-index: 10;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
	}
	.main_thumlist1 li.type01:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.main_thumlist1 li.type01:hover .rink-btn {
		display: none;
	}
	.main_thumlist2 li.type01:hover .over-btn {
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 82px;
		left: 65px;
		z-index: 10;
		padding-top: 2px;
		box-sizing: border-box;
		text-align: center;
	}
	.main_thumlist2 li.type01:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.main_thumlist2 li.type01:hover {
		background: #3989cb;
	}
	.main_thumlist2 li.type01:hover .p-all {
		color: #fff;
	}
	.main_thumlist2 li.type01:hover .p-all a {
		color: #fff;
	}
	.main_thumlist2 li.type01:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 240px;
		height: 100%;
		opacity: 0.6;
	}
	.main_thumlist2 li.type01:hover .rink-btn {
		display: none;
	}
	li.type02:hover {
		background: #3989cb;
	}
	.main_thumlist1 li.type02:hover .mask_bg h3 a {
		color: #fff;
	}
	li.type02:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 240px;
		height: 100%;
		opacity: 0.6;
	}
	li.type02:hover .over-btn {
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 150px;
		left: 65px;
		z-index: 10;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
	}
	li.type02:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.main-thum-img {
		position: relative;
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		box-sizing: border-box;
		width: 240px;
	}
	.over-btn {
		display: none;
	}
	.over-mask {
		display: none;
		width: 240px;
	}
	.tab-img-title {
		width: 57px;
		height: 33px;
		background: #000;
		opacity: 0.5;
		position: absolute;
		text-align: center;
		padding-top: 5px;
		box-sizing: border-box;
		z-index: 10;
	}
	.tab-img-title a {
		color: #fff;
		font-weight: bold;
	}
	.p-all {
		padding: 15px 20px;
		box-sizing: border-box;
	}
	.p-all.padding{
	    padding: 14px 13px;
	}
	.main_thumlist1 .mask_bg h3 {
		font-size: 23.5px;
		line-height: 28px;
		margin: 200px 0px 0px 10px;
		z-index: 10;
	}
	.main_thumlist1 .mask_bg h3 a {
		color: #424242;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg h3 {
		font-size: 21px;
		line-height: 26px;
		margin: 180px 0px 0px 10px;
		z-index: 5;
	}
	.main_thumlist2 .mask_bg h3 a {
		color: #fff;;
	}
	.sub_thumlist .mask_bg h3 {
		font-size: 21px;
		line-height: 26px;
		margin: 180px 0px 0px 10px;
		z-index: 5;
	}
	.sub_thumlist .mask_bg h3 a {
		color: #fff;;
	}
	.survey_text {
	    text-align: left;
    	font-size: 10.5px;
    	font-weight: 600;
    	line-height: 11px;
    	height: 17px;
	}
	.text01 {
		margin-bottom: 10px;
		height: 50px;
	}
	.text02 {
		margin-bottom: 8px;
		width: 90%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	.text01 {
		font-size: 15px;
		color: #0c0c0c;
		line-height: 19px;
		font-weight: 600;
		letter-spacing: -0.5px;
	}
	.text02 {
		font-size: 13px;
		color: #777777;
		line-height: 20px;
	}
	.text03 {
		font-size: 13px;     
		float: right;
	}
	.text03.font{
	  font-size: 11px;
	 }
	.main_thumlist1 .mask_bg {
		position: absolute;
		width: 200px;
		height: 100%;
		z-index: 10;
	}
	.main_thumlist2 .mask_bg {
		position: absolute;
		width: 200px;
		height: 100%;
		z-index: 5;
	}
	.main_thumlist1 li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.main_thumlist2 li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.b-cont {
		height: 434px;
		width: 100%;
		margin-top: 40px;
		clear: both;
	}
	.b-cont-left {
		width: 100%;
		height: 170px;
		float: left;
	}
	.new-img {
		padding-top: 8px !important;
		margin-left: 5px;
	}
	.news {
		width: 40%;
		height: 153px;
	}
	.box1 {
		float: left;
		margin-right: 200px;
	}
	.box2 {
		float: left;
	}
	.news h2 {
		font-size: 18px;
		color: #343434;
		float: left;
	}
	.news .title-line {
		width: 100%;
		height: 55px;
	}
	.news .btn-more {
		float: right;
	}
	.date {
		float: right;
	}
	.notice-list li {
		line-height: 27px;
		color: #777777;
		font-size: 13px;
	}
	.notice-list li:hover {
		text-decoration: underline;
	}
	.notice-list .txt-title {
		color: #444;
		font-size: 13px;
		margin-right: 5px;
	}
	.notice-list .date {
		font-size: 12px;
		color: #959595;
		margin-right: 10px;
	}
	.notice-list img {
		padding-top: 15px;
		margin-right: 5px;
	}
	.left-b {
		clear: both;
		height: 120px;
		width: 580px;
		border-bottom: 1px solid #cacdcf;
		border-top: 1px solid #cacdcf;
		padding: 48px 10px;
		box-sizing: border-box;
	}
	.left-b p {
		float: left; /* margin-right: 30px; margin-left: 30px; */
		width: 33%;
		text-align: center
	} /* 2018-11-01 수정 */ /* 2017.03.27 float: left; margin-right: 20px;*/
	.left-b .b-site02 {
		margin-top: 3px;
	} /* 2017.03.28 {}*/
	.left-b .b-site03 { /* margin-top:-5px !important; */
		box-sizing: border-box;
		display: none;
	} /* 2018-11-01 수정 */
	.left-b table {
		float: left;
		width: 83px;
		margin-top: -8px !important;
		box-sizing: border-box;
		color: #5d5d5d;
		font-size: 16px;
		font-weight: bold;
	}
	.left-b .table-txt {
		width: 88px;
		background: url(../images/icon/regist_arrow_icon.gif) no-repeat 77px 8px;
		padding-left: -5px;
		padding-top: 5px;
	}
	.left-b .last {
		margin-right: 0px;
		margin-top: -25px; ! important;
		text-align: center;
	}
	.left-b .last a {
		color: #fff;
		font-size: 13px;
	}
	.left-b .last a span {
		font-size: 18px;
	}
	.b-cont-right {
		float: left;
		width: 100%;
		height: 170px;
	}
	.right-t {
		margin-bottom: 1px;
		width: 100%;
		height: 153px;
	}
	.right-t h3 {
		font-size: 18px;
		color: #fff;
		margin-bottom: 15px;
		letter-spacing: -1.5px;
	}
	.right-t p {
		font-size: 13px;
		color: #fff;
		width: 157px;
		letter-spacing: -1.5px;
	}

	/*2015-12-30 추가부분*/
	.right-t .notice-box01 {
		float: left;
		width: 197px;
		height: 153px;
		background: #25afdb url(../images/icon/icon_notice01.gif) no-repeat;
		background-position: 145px 15px;
		padding: 65px 0px 0px 20px;
		box-sizing: border-box;
	}
	/*2015-12-30 추가부분*/
	.right-t .notice-box02 {
		float: left;
		width: 198px;
		height: 153px;
		margin-left: 20px;
		background: #2e73cb url(../images/icon/icon_notice02.gif) no-repeat;
		background-position: 120px 15px;
		padding: 65px 0px 0px 15px;
		box-sizing: border-box;
	}
	.right-b {
		float: left;
		margin-left: 20px;
		width: 396px;
		height: 153px;
		background: url('../../common/images/icon/bg_news_letter.jpg') no-repeat
			#6ea0d2 319px;
		padding: 18px 0px 0px 20px;
		box-sizing: border-box;
	} /* 2016-06-01 수정 */
	.right-b h3 {
		font-size: 18px;
		color: #fff;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
	.right-b p {
		font-size: 13px;
		color: #fff;
		letter-spacing: -0.5px;
	}
	.submit-box {
		height: 34%;
		width: 87%;
		margin: 11% auto;
	}
	.submit-box input[type=text] {
		width: 260px;
		height: 30px;
		border: none;
		float: left;
		box-sizing: border-box;
	}
	.submit-box input[type=button] {
		width: 60px;
		height: 30px;
		border: none;
		background: #274d74;
		color: #fff;
		font-size: 12px;
		float: left;
		cursor: pointer;
	}
	#featured {
		width: 849px;
		position: relative;
		border: 1px solid #ccc;
		border-right: none;
		height: 338px;
		overflow: hidden;
		background: #fff;
	}
	#featured ul.ui-tabs-nav {
		position: absolute;
		top: 0;
		left: 731px;
		list-style: none;
		padding: 0;
		margin: 0;
		width: 120px;
		height: 340px;
		overflow: auto;
		overflow-x: hidden;
	}
	#featured ul.ui-tabs-nav li {
		height: 84px;
		width: 120px;
		border-bottom: 1px solid #e6e6e6;
	}
	#featured ul.ui-tabs-nav li img {
		padding: 12px 20px;
		box-sizing: border-box;
	}
	#featured ul.ui-tabs-nav .last {
		border-bottom: none;
	}
	#featured li.ui-tabs-nav-item a {
		display: block;
		height: 84px;
		text-decoration: none;
		background: #fff;
		line-height: 20px;
		outline: none;
	}
	#featured li.ui-tabs-nav-item a:hover {
		background: #edf0f3;
	}
	#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a
		{
		background: #edf0f3;
	}
	#featured .ui-tabs-hide {
		display: none;
	}
	.regist-box {
		width: 250px !important;
		margin-top: 10px;
	}
	.pop-atten {
		text-align: left;
		font-size: 13px;
		width: 100%;
		padding-left: 130px;
		box-sizing: border-box;
		background: url(../../common/images/icon/icon_atten.png) no-repeat 95px
			0px;
		margin-top: 10px;
	}
	.pop-atten h4 {
		color: #e57e7e;
	}
	.pop-exe {
		text-align: left;
		font-size: 13px;
		margin-left: 130px;
	}
	.main-pop {
		padding-top: 30px !important;
	}
	/*롤링베너*/
	.banner-wrap {
		width: 100%;
		height: 75px;
		margin-top: 40px;
		margin-bottom: 40px;
		border-top: 1px solid #cacfd2;
		border-bottom: 2px solid #3f3f3f
	}
	.publics {
		width: 100%;
		height: 75px;
		overflow: hidden;
		float: left;
	}
	.site-title {
		float: left;
		font-weight: bold;
		color: #5f5f5f;
		font-size: 14px;
		margin-right: 10px;
		margin-left: 10px;
	}
	.publics .control {
		height: 84px;
		float: left;
		padding: 25px 15px 36px 0px;
	}
	.publics button {
		border: 0;
		width: 25px;
		height: 25px;
		display: block;
		float: left;
		background: transparent;
		text-indent: -9999em;
		font-size: 0;
		margin-right: 2px;
	}
	.publics .prev {
		background: url(../images/icon/icon_left.gif) no-repeat left top;
		cursor: pointer;
	}
	.publics .next {
		background: url(../images/icon/icon_right.gif) no-repeat left top;
		cursor: pointer;
	}
	.publics .public_stop {
		background: url(../images/icon/icon_stop.gif) no-repeat left top;
		cursor: pointer;
		margin-right: 0 !important;
	}
	.public_link_wrap {
		position: relative;
		float: left;
		width: 680px;
		height: 75px;
		overflow: hidden;
		margin-left: 80px;
	}
	.public_link_wrap li {
		float: left;
		padding: 20px 20px;
	}

	.submit-box a {
		padding: 16px 0;
        margin-top: 3.5%;
		width: 100%;
		background: #274d74;
		color: #fff;
		font-size: 15px;
		display: block;
		text-align: center;
		line-height: 20px;
		align-content: center;
        border-radius: 10px;
	}
	.layerPop2 {
		width: 25%;
		position: absolute;
		z-index: 200;
	}
	.layerPop2 .popW {
		width: 100%;
	}
	.layerPop2 .popHead {
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: left;
		font-size: 16px;
		color: #fff;
		background: #3989cb;
		position: relative;
	}
	.layerPop2 .popHead p {
		padding-left: 15px;
        font-weight: bold;
	}
	.notiArea {
		width: 91%;
		height: 60px;
		margin: 0 auto;
		border: 1px solid #d9d9d9;
		background: #fbfbfb;
		color: #373737;
		font-size: 13px;
		padding: 20px;
	}
	.checkArea {
		border-bottom: 1px solid #d9d9d9;
		overflow: hidden;
	}
	.notiTxt {
	    width: 93%;
		margin: 40px auto 20px;
	    font-size: 14px;
	    line-height: 24px;
		color: #373737;
        text-align: center;
	}
	.checDiv {
		width: 14%;
		float: right;
		margin-top: 28px
	}
	.sercDiv a {
		display: inline-block;
		width: 63px;
		height: 28px;
		line-height: 27px;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background: #274d74;
	}
	.sercDiv button {
	    width: 76px;
  		height: 34px;
    	border-radius: 6px;
    	border: 0.1px solid #9a9a9a;
    	cursor: pointer;
   	}
   	.checkbox-group3 button {
   		width: 80px;
  		height: 37px;
    	border-radius: 6px;
    	border: 0.1px solid #9a9a9a;
    	cursor: pointer;
   	}
   	.newsInsert{
	   	background: #555;
	    color: white;
	    font-size: 12px;
   	}
   	.trendInsert{
	   	background: #555;
	    color: white;
	    font-size: 12px;
   	}
   	.newsCancel{
   	 	font-size: 12px;
   	 	color: #676363
   	}
	.sercArea .sercDiv {
		width: 38%;
		margin: auto;
		display: flex;
		padding: 4%;
        justify-content: space-between;   
	}
	.sercArea .trendDiv {
		width: 43%;
		margin: 30px auto 0;
		display: flex;
        justify-content: space-between;   
	}
	.sercArea .trendDiv2 {
		width: 100%;
		margin: 30px auto 0;
		text-align: center;
	}
    .trendDiv button {
        width: 46%;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
        cursor: pointer;
    }
    .trendDiv2 button {
        width: 18%;
        height: 34px;
        border-radius: 6px;
        border: 0.1px solid #9a9a9a;
        cursor: pointer;
    }
	.layerPop2 .popBody {
		padding: 0px 20px 30px 20px;
		background: #fff;
	}
	.layerPop2 .closeArea {
		width: 560px;
		height: 35px;
		background: #515151;
	}
	.layerPop2 .popClose2 {
		color: #fff;
		display: inline-block;
		float: right;
		line-height: 33px;
		margin-right: 10px;
		background: none;
		border: none;
		width: 20px;
		height: 20px;
		position: absolute;
		top: 11px;
		right: 0;
	}
	.blackBg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.51);
		z-index: 501;
	}
	.notice-last {
		float: right;
	}
}
/* //2016-06-10 수정 */

/* 서브 */
@media only screen and (min-width:100px) and (max-width:321px) {
	.cash-table .cash-date {
		font-size: 13px;
		text-align: center;
		color: #373737;
		height: 44px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
		padding-top: 3px !important;
	}
}

@media only screen and (min-width:100px) and (max-width:585px) {
	.down-txt-left {
		font-size: 13px;
		text-align: center;
		color: #373737;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
		padding-top: 3px !important;
	}
}
/*===================================================모바일 시작===================================================*/
/*===================================================모바일 시작===================================================*/
/*===================================================모바일 시작===================================================*/
/*===================================================모바일 시작===================================================*/
@media only screen and (min-width:100px) and (max-width:767px) {
	/* 결제내역 */
	.cash-table, .cash-table thead, .cash-table tbody, .cash-table th,
		.cash-table td, .cash-table tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.cash-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.cash-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.cash-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.cash-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*		.cash-table td:nth-of-type(1):before { content: "번호";  font-weight:bold;}
		.cash-table td:nth-of-type(2):before { content: "주문번호"; font-weight:bold;}
		.cash-table td:nth-of-type(3):before { content: "구매일자"; font-weight:bold;}
		.cash-table td:nth-of-type(4):before { content: "상품명"; font-weight:bold;}
		.cash-table td:nth-of-type(5):before { content: "결제가"; font-weight:bold; }
		.cash-table td:nth-of-type(6):before { content: "구매방법"; font-weight:bold;}
		.cash-table td:nth-of-type(7):before { content: "영수증"; font-weight:bold;}
		.cash-table td:nth-of-type(8):before { content: "결제";font-weight:bold; }
*/
	.cash-table td:nth-of-type(1):before {
		content: "주문번호";
		font-weight: bold;
	}
	.cash-table td:nth-of-type(2):before {
		content: "구매일자";
		font-weight: bold;
	}
	.cash-table td:nth-of-type(3):before {
		content: "상품명";
		font-weight: bold;
	}
	.cash-table td:nth-of-type(4):before {
		content: "결제가";
		font-weight: bold;
	}
	.cash-table td:nth-of-type(5):before {
		content: "구매방법";
		font-weight: bold;
	}
	.cash-table td:nth-of-type(6):before {
		content: "영수증";
		font-weight: bold;
	}
	.cash-table td:nth-of-type(7):before {
		content: "결제";
		font-weight: bold;
	}

	/* 다운로드 내역 */
	.down-table, .down-table thead, .down-table tbody, .down-table th,
		.down-table td, .down-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.down-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.down-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.down-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.down-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.down-table .last {
		border-bottom: 0px !important;
	}
	.down-table td:nth-of-type(1):before {
		content: "번호";
		font-weight: bold;
	}
	.down-table td:nth-of-type(2):before {
		content: "분류";
		font-weight: bold;
	}
	.down-table td:nth-of-type(3):before {
		content: "콘텐츠명";
		font-weight: bold;
	}
	.down-table td:nth-of-type(4):before {
		content: "다운로드일";
		font-weight: bold;
	}
	/* 내스크랩 */
	.scrap-table, .scrap-table thead, .scrap-table tbody, .scrap-table th,
		.scrap-table td, .scrap-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.scrap-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.scrap-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.scrap-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.scrap-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.scrap-table .last {
		border-bottom: 0px !important;
	}
	.scrap-table td:nth-of-type(1):before {
		content: "번호";
		font-weight: bold;
	}
	.scrap-table td:nth-of-type(2):before {
		content: "카테고리";
		font-weight: bold;
	}
	.scrap-table td:nth-of-type(3):before {
		content: "제목";
		font-weight: bold;
	}
	.scrap-table td:nth-of-type(4):before {
		content: "스크랩날짜";
		font-weight: bold;
	}
	.scrap-table td:nth-of-type(5):before {
		content: "삭제";
		font-weight: bold;
	}

	/* 이용권내역 */
	.coupon-table, .coupon-table thead, .coupon-table tbody, .coupon-table th,
		.coupon-table td, .coupon-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.coupon-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.coupon-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.coupon-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.coupon-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.coupon-table .last {
		border-bottom: 0px !important;
	}
	.coupon-table td:nth-of-type(1):before {
		content: "이용권명";
		font-weight: bold;
	}
	.coupon-table td:nth-of-type(2):before {
		content: "사용조건";
		font-weight: bold;
	}
	.coupon-table td:nth-of-type(3):before {
		content: "유효기간";
		font-weight: bold;
	}
	.coupon-table td:nth-of-type(4):before {
		content: "등록일";
		font-weight: bold;
	}

	/* 선물내역확인 */
	.gift-table, .gift-table thead, .gift-table tbody, .gift-table th,
		.gift-table td, .gift-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.gift-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.gift-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.gift-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.gift-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.gift-table .last {
		border-bottom: 0px !important;
	}

	/*
		.gift-table td:nth-of-type(1):before { content: "번호";  font-weight:bold;}
		.gift-table td:nth-of-type(2):before { content: "주문번호"; font-weight:bold;}
		.gift-table td:nth-of-type(3):before { content: "구매일자"; font-weight:bold;}
		.gift-table td:nth-of-type(4):before { content: "상품명"; font-weight:bold;}
		.gift-table td:nth-of-type(5):before { content: "결제가"; font-weight:bold;}
		.gift-table td:nth-of-type(6):before { content: "구매방법"; font-weight:bold;}
		.gift-table td:nth-of-type(7):before { content: "영수증"; font-weight:bold;}
		.gift-table td:nth-of-type(8):before { content: "결제"; font-weight:bold;}
*/
	.gift-table td:nth-of-type(1):before {
		content: "주문번호";
		font-weight: bold;
	}
	.gift-table td:nth-of-type(2):before {
		content: "구매일자";
		font-weight: bold;
	}
	.gift-table td:nth-of-type(3):before {
		content: "상품명";
		font-weight: bold;
	}
	.gift-table td:nth-of-type(4):before {
		content: "결제가";
		font-weight: bold;
	}
	.gift-table td:nth-of-type(5):before {
		content: "구매방법";
		font-weight: bold;
	}
	.gift-table td:nth-of-type(6):before {
		content: "영수증";
		font-weight: bold;
	}
	.gift-table td:nth-of-type(7):before {
		content: "결제";
		font-weight: bold;
	}

	/* 보도자료*/
	.news-table, .news-table thead, .news-table tbody, .news-table th,
		.news-table td, .news-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.news-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.news-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.news-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.news-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.news-table .last {
		border-bottom: 0px !important;
	}
	.news-table td:nth-of-type(1):before {
		content: "번호";
		font-weight: bold;
	}
	.news-table td:nth-of-type(2):before {
		content: "보도매체";
		font-weight: bold;
	}
	.news-table td:nth-of-type(3):before {
		content: "제목";
		font-weight: bold;
	}
	.news-table td:nth-of-type(4):before {
		content: "보도일자";
		font-weight: bold;
	}
	.news-table td:nth-of-type(5):before {
		content: "기사";
		font-weight: bold;
	}
	.news-table td:nth-of-type(6):before {
		content: "원문";
		font-weight: bold;
	}
	.none-td {
		height: 29px;
	}
	/* 공지사항*/
	.notice-table, .notice-table thead, .notice-table tbody, .notice-table th,
		.notice-table td, .notice-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.notice-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.notice-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.notice-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.notice-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.notice-table .last {
		border-bottom: 0px !important;
	}
	.notice-table img {
		margin-bottom: 0px !important;
	}
	.notice-table td:nth-of-type(1):before {
		content: "번호";
		font-weight: bold;
	}
	.notice-table td:nth-of-type(2):before {
		content: "제목";
		font-weight: bold;
	}
	.notice-table td:nth-of-type(3):before {
		content: "작성일";
		font-weight: bold;
	}
	.notice-table td:nth-of-type(4):before {
		content: "조회수";
		font-weight: bold;
	}
	/* 이용문의*/
	.qna-table, .qna-table thead, .qna-table tbody, .qna-table th,
		.qna-table td, .qna-table tr {
		display: block;
		font-size: 13px;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.qna-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.qna-table tr {
		border: 1px solid #ccc;
		margin-bottom: 10px;
	}
	.qna-table td {
		padding-top: 5px;
		padding-bottom: 5px;
		box-sizing: border-box;
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 28%;
		text-align: left !important;
	}
	.qna-table td:before {
		text-align: center;
		position: absolute;
		left: -6px;
		width: 30%;
		padding-right: 10px;
		white-space: nowrap;
	}
	.qna-table .last {
		border-bottom: 0px !important;
	}
	.qna-table td:nth-of-type(1):before {
		content: "번호";
		font-weight: bold;
	}
	.qna-table td:nth-of-type(2):before {
		content: "제목";
		font-weight: bold;
	}
	.qna-table td:nth-of-type(3):before {
		content: "작성일";
		font-weight: bold;
	}
	.qna-table td:nth-of-type(4):before {
		content: "답변상태";
		font-weight: bold;
	}

	/* 사이트맵
	 .map-table, .map-table thead, .map-table tbody, .map-table th, .map-table td, .map-table tr { display: block; font-size:13px;}
		
		
		.map-table thead tr { position: absolute;	top: -9999px;left: -9999px;}		
		.map-table tr { border: 1px solid #ccc; margin-bottom: 10px;}
		.map-table td {   padding-top: 5px; padding-bottom: 5px;   box-sizing: border-box;border: none;border-bottom: 1px solid #eee; 	position: relative;	    padding-left: 28%;  text-align: left !important;}
		
		.map-table td:before {     text-align: center; position: absolute; left: -6px;width: 30%; padding-right: 10px; white-space: nowrap;}
		.map-table .last{border-bottom: 0px !important;}

		.map-table td:nth-of-type(1):before { content: "IT/모바일";  font-weight:bold;}
		.map-table td:nth-of-type(2):before { content: "유통/소비"; font-weight:bold;}
		.map-table td:nth-of-type(3):before { content: "여가/외식"; font-weight:bold;}
		.map-table td:nth-of-type(4):before { content: "사회/문화"; font-weight:bold;}
		.map-table td:nth-of-type(5):before { content: "뷰티/헬스"; font-weight:bold;}
		.map-table td:nth-of-type(6):before { content: "금융/부동산"; font-weight:bold;}

*/
	#lnb {
		width: 95%;
		margin: 0 auto;
		clear: both;
		height: 30px;
		margin-top: 10px;
		/*border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;*/
	}
	.localNav_area {
		position: relative;
		z-index: 2;
		color: #333;
	}
	.localNav {
		height: 40px;
		float: left;
	}
	.localNav>p {
		height: 40px;
		padding: 0px;
	}
	.localNav>p, .localNav>p>span, .menuLink {
		float: left;
	}
	.localNav_area .sp_home {
		width: 25px;
		padding-top: 10px;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			right;
	}
	.txt {
		width: 90%;
		font-size: 13px;
		color: #707275;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			right;
		margin-left: 10px;
		margin-right: 10px;
	}
	.localNav>p>span {
		padding: 10px 0 8px;
	}
	.sp_img {
		display: inline-block;
		padding-left: 10px;
		vertical-align: middle;
	}
	.sp_img img {
		width: 10px;
		vertical-align: middle;
	}
	.invi-current {
		color: #3989cb !important;
		font-size: 12px !important;
	}
	.menuLink {
		position: relative;
		vertical-align: top;
		z-index: 1030;
	}
	.menuLink>a {
		display: block;
		font-size: 12px;
		color: #707275;
		margin-top: 1px;
		padding: 9px 7px 8px;
		width: 55px;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 65px 15px;
		letter-spacing: -1px;
		white-space: nowrap;
	}
	.menuLink2>a {
		background: none;
	}
	.menuLink6>a {
		width: 84px;
		background-position: 88px 15px;
	}
	.menuLink7>a {
		width: 110px !important;
		background-position: 117px 15px !important;
	}
	.menuLink>a.close {
		color: #2475d0;
	}
	.menuLink .menu {
		display: none;
		position: absolute;
		top: 40px;
		left: 0px;
		padding: 0px;
		border: 1px solid #ccc;
		background: #fff;
		width: 100%;
		min-width: 150px;
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1030;
	}
	.menuLink .menu a {
		position: relative;
		display: block;
		white-space: nowrap;
		white-space: normal;
		font-size: 12px;
		padding: 8px 10px;
		background: #fff;
		line-height: 1.2;
		letter-spacing: -1px;
		z-index: 1030;
	}
	.menuLink .menu a:hover, .menuLink .menu li.hover a:hover {
		color: #fff;
		text-decoration: none;
		background: #2475d0;
	}
	.menuLink .menu li.on a {
		color: #fff;
		text-decoration: none;
		background: #2475d0;
	}
	.menuLink .open img {
		padding-top: 8px;
		margin-left: 3px;
	}
	.top-icon {
		float: right;
		padding-top: 10px;
	}
	.top-icon li {
		float: left;
		margin-right: -2px;
	}
	.top-icon li img {
		width: 80%;
	}
	.invi-print {
		display: none;
	}
	.sub_thumlist {
		width: 100%;
		height: 308px;
		margin-top: 5px;
		text-align: center;
	}
	.sub_thumlist li {
		float: left;
		width: 46%;
		min-height: 230px;
		background: #edf1f4;
		margin-top: 10px;
		margin-left: 8px;
		position: relative;
		border: 1px solid #d2d2d2;
	}
	.sub_thumlist li img {
		width: 100%;
	}
	.sub_thumlist .last {
		margin-right: 0px;
	}
	.sub_thumlist .mask_bg1 {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .mask_bg2 {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .maskbox .main-thum-img {
		position: relative;
	}
	.sub_thumlist .maskbox .main-thum-img img {
		min-height: 230px;
		width: 103%;
	}
	.sub_thumlist .mask_bg1 h3 {
		font-size: 15px;
		line-height: 25px;
		margin: 80% 0px 0px 10px;
		text-align: left;
		z-index: 10;
	}
	.sub_thumlist .mask_bg1 h3 a {
		color: #fff;
		z-index: 10;
	}
	.sub_thumlist .mask_bg2 h3 {
		font-size: 15px;
		line-height: 28px;
		margin: 85% 0px 0px 10px;
		text-align: left;
		z-index: 10;
	}
	.sub_thumlist .mask_bg2 h3 a {
		color: #424242;
		z-index: 10;
	}
	.sub_thumlist li .rink-btn img {
		width: 10%;
	}
	.sub_thumlist li .rink-btn {
		position: absolute;
		bottom: 10px;
		right: 10px;
		cursor: pointer;
	}
	.web-nav {
		display: none;
	}

	/*서브상세*/
	.sub-cont-inbox {
		width: 100%;
		border: 1px solid #d3d3d3;
		position: relative;
	}
	.sub-cont-left {
		box-sizing: border-box;
	}
	.sub-cont-left-t {
		padding: 0px 10px;
	}
	.left-title {
		width: 100%;
		padding-bottom: 20px;
		border-bottom: 1px solid #d3d3d3;
		text-align: center;
		padding-top: 57px;
		box-sizing: border-box;
	}
	.left-title h3 {
		font-weight: bold;
		font-size: 16px;
		color: #000000;
		padding-bottom: 15px;
		box-sizing: border-box;
		word-break: keep-all;
	}
	.left-title p {
		font-size: 13px;
		color: #898989;
	}
	.gallery-title {
		margin-bottom: 22px;
	}
	.gallery-title h3 {
		font-size: 14px;
		margin-top: 10px;
	}
	.gallery-title .cloud {
		float: right;
		margin-bottom: 10px;
	}
	.sub-cont-left-b {
		border-top: 1px solid #ccc;
		margin-top: 25px;
	}
	.sub-cont-left .pagination {
		margin-left: 240px !important;
	}
	.left-b-inbox {
		padding: 44px 10px;
	}
	.inbox-t {
		width: 100%;
		height: 25px;
	}
	.inbox-t p {
		float: left;
		background: url(../../common/images/icon/good_img.gif) no-repeat;
		padding-left: 90px;
		height: 25px;
	}
	.inbox-t .list-btn {
		float: right;
		margin-top: -14px;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.inbox-b {
		width: 100%;
		margin-top: 30px;
	}
	.inbox-b .img-txt {
		float: left;
		background: url(../../common/images/icon/txt_box_img.gif) no-repeat;
		padding-left: 15px;
		height: 25px;
	}
	.comment-number {
		float: right;
	}
	.comment-area {
		clear: both;
		border-top: 1px solid #444444;
	}
	.comment-name {
		padding-top: 20px;
	}
	.comment-area .comment-name  li {
		float: left;
		margin-right: 10px
	}
	.comment-area .comment-name .delete {
		float: right !important;
	}
	.comment-name .name {
		color: #373737;
		font-size: 13px;
		margin-right: 15px;
	}
	.comment-area .commont-txt {
		clear: both;
		color: #6c6c6c;
		font-size: 12px;
		padding-top: 15px;
		box-sizing: border-box;
		border-bottom: 1px dashed #dedede;
		height: 70px;
	}
	.comment-box {
		width: 100%;
		border: 1px solid #ccc;
		height: 150px;
		margin-top: 35px;
		padding: 15px;
		box-sizing: border-box;
	}
	.comment-box ul li {
		float: left
	}
	.comment-box .box-t .write-name {
		color: #373737;
		font-size: 14px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.comment-box .box-t .text {
		width: 141px;
		height: 27px;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
	}
	.comment-box .box-t .max-number {
		float: right;
		padding-top: 10px;
	}
	.comment-box .box-b {
		clear: both;
		margin-top: 10px;
	}
	.comment-box .box-b textarea {
		width: 545px;
		height: 80px;
		border: 1px solid #cdcdcd;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.comment-box .box-b .submit-btn {
		width: 80px;
		height: 80px;
		border: 1px solid #6184a7;
		background: #80a2c5;
		margin-top: 10px;
		color: #fff;
	}
	.thum-size6 {
		width: 78px;
		height: 48px;
		overflow: hidden;
	}
	.thum-size6 img {
		width: 70px;
	}
	/*2016-01-06 추가부분*/
	.container ul li img.active {
		border: 2px solid #49a3fc;
		box-sizing: border-box;
	}
	.sub-cont-right {
		border-top: 1px solid #ccc;
		z-index: 2000;
		width: 260px;
		position: absolute;
		right: -20px;
		background: #fff;
		top: 0px;
		border-left: 1px solid #ccc;
		width: 260px;
	}
	.sub-cont-right .cont-right-title {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 45px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
	.sub-cont-right .title1 {
		background: #f7f7fa url(../../common/images/icon/right_title01.gif)
			no-repeat;
		background-position: top 11px left 15px;
	}
	.sub-cont-right .title2 {
		background: #f7f7fa url(../../common/images/icon/right_title02.gif)
			no-repeat;
		background-position: top 11px left 15px;
	}
	.sub-cont-right .title3 {
		background: #f7f7fa url(../../common/images/icon/right_title03.gif)
			no-repeat;
		background-position: top 15px left 15px;
	}
	.sub-cont-right .title4 {
		background: #f7f7fa url(../../common/images/icon/right_title04.gif)
			no-repeat;
		background-position: top 13px left 15px;
	}
	.sub-cont-right .title5 {
		background: #f7f7fa url(../../common/images/icon/right_title05.gif)
			no-repeat;
		background-position: top 13px left 15px;
	} /* 2019-02-22 추가 */
	.detail-imfo {
		border-bottom: 1px solid #ccc;
	}
	.detail-imfo ul {
		width: 260px;
		padding: 30px 20px;
		box-sizing: border-box;
	}
	.detail-imfo ul .detail-ul-title {
		color: #4f4f4f;
		font-size: 15.5px;
		width: 100%;
		height: 33px;
		border-bottom: 1px solid #ccc;
	}
	.detail-imfo ul li {
		width: 100%;
		height: 33px;
		border-bottom: 1px solid #ccc;
		padding-top: 5px;
		box-sizing: border-box;
		font-size: 13px;
	}
	.detail-imfo ul li span {
		font-weight: bold;
		color: #232323;
		font-size: 13px;
	}
	.cont-down {
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.all-file {
		padding: 20px 0;
		padding-left: 37px;
		box-sizing: border-box;
		background: url(../../common/images/icon/file_arrow.gif) no-repeat;
		background-position: center 179px;
		z-index: 10;
	}
	.all-file p {
		width: 175px;
		height: 26px;
		background: #80a2c5;
		color: #fff;
		font-weight: bold;
		padding: 3px 10px;
		box-sizing: border-box;
		font-size: 12px;
	}
	.all-file .file-list {
		width: 175px;
		border-left: 1px solid #9bb6d1;
		border-right: 1px solid #7392b2;
		border-bottom: 1px solid #7392b2;
		padding: 8px;
		box-sizing: border-box;
	}
	.all-file .lodate-area {
		width: 100%;
		border-top: 1px solid #dfe8f0;
		padding-top: 5px;
		box-sizing: border-box;
	}
	.all-file .file-list li {
		line-height: 20px;
		color: #4f4f4f;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	.mcart-btn {
		cursor: pointer;
		margin-bottom: 5px;
		margin-left: 12px;
		width: 217px;
		height: 36px;
		background: #49a3fc url(../../common/images/icon/icon_cart.gif)
			no-repeat;
		background-position: 50px 8px;
		padding-left: 30px;
		color: #fff;
		box-sizing: border-box;
		font-weight: bold;
		border-left: 1px solid #96cafd;
		border-top: 1px solid #96cafd;
		border-bottom: 1px solid #387cc0;
		border-right: 1px solid #387cc0;
	}
	.mpreview-btn {
		margin-bottom: 5px;
		cursor: pointer;
		margin-left: 12px;
		width: 218px;
		height: 36px;
		background: #899097 url(../../common/images/icon/icon_preview.gif)
			no-repeat;
		background-position: 45px 10px;
		padding-left: 30px;
		color: #fff;
		box-sizing: border-box;
		font-weight: bold;
	}
	.mbonus-btn {
		margin-bottom: 5px;
		cursor: pointer;
		margin-left: 12px;
		width: 218px;
		height: 36px;
		background: #fff url(../../common/images/icon/img_bonus.gif) no-repeat;
		background-position: 10px 8px;
		padding-left: 75px;
		box-sizing: border-box;
		color: #8217b4;
		font-weight: bold;
	}
	.cont-down .btn-popup {
		padding: 0px !important;
	}
	.cont-down .btn-popup:hover {
		background: #fff;
	}
	.mprev-btn {
		background: #4971ac url(../../common/images/icon/prev_icon.gif)
			no-repeat;
		background-position: 36px 8px;
		margin-bottom: 5px;
		cursor: pointer;
		width: 218px;
		height: 36px;
		padding-left: 23px;
		box-sizing: border-box;
		color: #FFF;
		font-weight: bold;
	}
	/*.prev-btn-area{height:47px !important;}*/
	.search-word {
		border-bottom: 1px solid #ccc;
	}
	.search-word ul {
		width: 260px;
		padding: 20px 20px;
		box-sizing: border-box;
	}
	.search-word ul li {
		float: left;
		margin-right: 10px;
		margin-bottom: 9px;
		background: #a8a8a8;
		color: #fff;
		padding: 2px 8px 3px 8px;
	}
	.search-word ul li a {
		color: #fff;
	}
	.report {
		height: 270px;
	}
	.report .title4 .title {
		float: left;
	}
	.report .title4 .plus {
		float: right;
	}
	.report .title4 .plus a {
		color: #6f6f6f;
		font-size: 13px;
		margin-right: 10px;
		font-weight: normal;
	}
	.report .title4 .plus a:hover {
		text-decoration: underline;
	}
	.report ul {
		width: 260px;
		padding: 00px 20px;
		box-sizing: border-box;
	}
	.report ul li {
		width: 100%;
		height: 90px;
		border-bottom: 1px dashed #dedede;
	}
	.report ul .report-txt {
		color: #6f6f6f;
		font-size: 13px;
		width: 100%;
		margin-top: 20px;
	}
	.tit-width2 {
		margin-right: 18px;
	}
	.tit-width1 {
		margin-right: 5px;
	}

	/*2015-12-24 베너추가*/
	.banner-area {
		padding: 20px;
	}

	/*상세보기페이지 팝업*/
	.popup02 {
        width: 257px;
        height: 226px;
        border: 1px solid #ccc;
        position: absolute;
        display: none;
        z-index: 99999;
        background: #fff;
        top: 140%;
        left: 14%;
	}
	.popup02_1 {
        width: 257px;
        height: 226px;
        border: 1px solid #ccc;
        position: absolute;
        display: none;
        z-index: 99999;
        background: #fff;
        top: 140%;
        left: 14%;
	}
	.pop-head02 {
		height: 40px;
		border-bottom: 1px solid #d3d3d3;
	}
	.pop-title {
		color: #000;
        font-weight: bold;
        font-size: 16px;
        height: 40px;
        padding-top: 9px;
        box-sizing: border-box;
        text-align: left;
        margin-left: 7%;
	}
	.pop-close02 {
		width: 100%;
		text-indent: -99999px;
		background: url(../../common/images/icon/pop_close.gif) no-repeat
			!important;
		height: 40px;
		background-position: 222px 12px !important;
		position: absolute;
		left: 0%;
		top: 0%;
	}
	.pop-cont {
		box-sizing: border-box;
	}
	.url-box {
		clear: both;
	}
	.url-box li {
		float: left;
	}
	.url-box .url-tit {
		color: #494949;
		margin-left: 13px;
		padding-top: 3px;
		margin-right: 5px;
	}
	.url-box .url-txt {
		width: 207px;
		height: 27px;
		border: 1px solid #cfcfcf;
		box-sizing: border-box;
		padding-right: 0px !important;
	}
	.url-box .url-btn {
		width: 38px;
		height: 27px;
		background: #494949;
		color: #fff;
		padding: 2px 4px !important;
		font-size: 12px;
	}
	.pop-cont li {
		padding-top: 12px;
        width: 25%;
        text-align: center;
        margin: 0 1%;
	}
	.pop-cont li span {
		color: #000;
	    display: block;
	    font-size: 13px;
	    letter-spacing: -.5px;
	    line-height: 22px;
	    margin-top: 6px;
	    white-space: nowrap;
	    text-align: center;
	}
	.simplemodal-container {
		width: 100% !important;
		margin-top: 20%;
	}
	.simplemodal-close {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 30px;
		cursor: pointer;
	}

	/*2015-12-30 추가부분*/
	.simplemodal-close2 {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 30px;
		cursor: pointer;
	}

	/*2015-12-30 추가부분*/
	.simplemodal-close3 {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 155px;
		right: 30px;
		cursor: pointer;
	}
	.pop-close {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 30px;
		cursor: pointer;
		text-indent: -9999px;
	}
	.popup2 {
		width: 95% !important;
		margin: 0 auto;
	}
	.popup3 {
		width: 95% !important;
		margin: 0 auto;
	}
	.pop-header {
		width: 100%;
		position: relative;
		height: 45px;
		background: #3989cb;
	}
	.pop-header h1 {
		color: #fff;
		line-height: 30px;
		font-size: 16px;
		margin-left: 15px;
		padding-top: 5px;
		box-sizing: border-box;
	}
	.pop-content {
		clear: both;
		background: #fff;
	}
	.content-inbox2 {
		padding: 8px;
		text-align: center;
		color: #232323;
		font-size: 14px;
		padding-top: 30px;
		box-sizing: border-box;
		line-height: 20px;
		padding-bottom: 35%;
	}
	.content-inbox2 span {
		color: #f85f13;
	}
	.content-inbox2 .pop_btn01 {
		margin-left: 10px;
		width: 38%;
		height: 35px;
		background: #575f67;
		color: #fff;
		font-size: 12px;
		float: left;
		cursor: pointer;
		margin-top: 35px;
	}
	.content-inbox2 .pop_btn02 {
		width: 55%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 12px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
	}
	.content-inbox3 {
		text-align: center;
		color: #232323;
		font-size: 14px;
		padding-top: 70px;
		box-sizing: border-box;
		line-height: 20px;
		padding-bottom: 32%;
	}
	.content-inbox3 p {
		color: #737373;
	}
	.content-inbox3 span {
		color: #232323;
	}
	.pop_btn03 {
		width: 40%;
		height: 35px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 4%;
		cursor: pointer;
		margin-top: 35px;
		margin-right: 1%;
	}

	/*2016-03-10 변경부분*/
	.pop_btn04 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer; /* margin-top: 35px;*/
		margin-top: 176px;
	} /*2017.02.22*/
	/*2016-02-16 추가부분*/
	.pop_btn07 {
		width: 40%;
		height: 35px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		cursor: pointer;
		position: absolute;
		top: 140px !important;
		left: 50% !important;
		margin-left: -20%;
	}
	/*2016-02-16 추가부분*/
	.pop_btn08 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer; /*margin-top: 35px;*/
		margin-top: 34px;
	}
	.content-inbox4 {
		padding: 30px;
		box-sizing: border-box;
	}
	.popup4 {
		height: 480px !important;
	}
	.inbox-tit {
		width: 100%;
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		padding: 14px 10px;
		box-sizing: border-box;
	}
	.inbox-tit p {
		float: left;
	}
	.inbox-tit .tit01 {
		width: 90px;
		/*background: url(../../common/images/icon/pop_tit_bar.gif) no-repeat right; */
		color: #232323;
		font-weight: bold;
		font-size: 16px;
	}
	.inbox-tit .tit02 {
		color: #626262;
		font-size: 13px;
		margin-left: 15px;
		margin-top: 10px;
	}
	.pop_btn05 {
		margin-top: 15px;
		padding-left: 20px;
		box-sizing: border-box;
		width: 140px;
		height: 40px;
		background: #fff url(../../common/images/icon/icon_clip.gif) no-repeat
			15px 10px;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
		color: #4f4f4f;
		font-weight: bold;
		font-size: 14px;
		cursor: pointer;
	}
	.tit03 {
		margin-top: 30px;
		color: #232323;
		font-weight: bold;
		font-size: 16px;
	}

	/*2015-12-30 추가부분*/
	.pop_btn06 {
		width: 40%;
		height: 35px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 30%;
		cursor: pointer;
		margin-top: 35px;
		margin-right: 1%;
	}
	/*2015-12-30 추가부분*/
	.cancel-btn01 {
		position: absolute;
		top: 155px;
		left: 24%;
	}

	/*이용요금 안내*/
	.charge-tit {
		width: 100%;
		color: #232323;
		font-size: 16px;
		border-bottom: 1px solid #444444;
		margin-bottom: 30px;
		padding: 10px 0px;
	}
	.charge-box01 {
		margin-bottom: 20px;
		width: 95%;
		margin: 0 auto;
		background: #fafafa;
	}
	.charge-box02 {
		margin-bottom: 20px;
		width: 95%;
		margin: 0 auto;
		background: #fafafa;
	}
	.charge-box03 {
		margin-bottom: 20px;
		width: 95%;
		margin: 0 auto;
		background: #fafafa;
	}
	.charge-right {
		border: 1px solid #ccc;
		width: 100%;
	}
	.charge-left {
		width: 100%;
		margin-top: 20px;
	}
	.charge-left h3 {
		color: #000;
		font-size: 26px;
	}
	.charge-label {
		width: 30%;
		margin: 0 auto;
		height: 25px;
		background: #4c4c4c;
		color: #fff !important;
		font-size: 13px !important;
		border-radius: 20px;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
	}
	.charge-txt {
		font-size: 13px;
		color: #000;
		width: 95%;
		margin: 0 auto;
		line-height: 20px;
	}
	.c-right-txt01 {
		font-size: 16px !important;
		color: #000;
		text-align: center;
		margin-top: 10px;
	}
	.c-right-txt02 {
		font-size: 30px !important;
		color: #000;
		text-align: center;
		padding-top: 19px;
		box-sizing: border-box;
	}
	.c-right-txt03 {
		font-size: 14px !important;
		color: #000;
		text-align: center;
	}
	.c-right-txt04 {
		font-size: 30px !important;
		color: #000;
		text-align: center;
		padding-top: 19px;
		box-sizing: border-box;
	}
	.charge-color01 {
		color: #ec6f09;
	}
	.charge-color02 {
		color: #3766eb;
	}
	.charge-color03 {
		color: #b69438;
	}
	.cash-btn {
		width: 172px;
		height: 37px;
		background: #49a3fc;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		box-sizing: border-box;
		cursor: pointer;
		margin-left: 3%;
		margin-top: 25px;
		margin-bottom: 50px;
	}
	.cash-btn-area {
		width: 172px;
		margin: 0 auto;
	}
	/*인포 겔러리*/
	#gallery {
		width: 100%;
		box-sizing: border-box;
		font-weight: bold;
		cursor: pointer;
		margin-bottom: 20px;
	}
	#image {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	#image p {
		display: none;
	}
	#image p img {
		width: 100%;
		border: 1px solid #cccccc;
		box-sizing: border-box;
	}
	#thumbnail {
		position: relative;
		width: 340px;
		height: 130px;
		margin-top: 8px;
		left: 50%;
		margin-left: -170px;
	} /* 2019-04-15 수정 */
	#thumbnail div {
		float: left;
	}
	#thumbnail .left {
		position: absolute;
		left: 50px;
		top: 45px;
		width: 33px;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	#thumbnail .right {
		position: absolute;
		left: 165px;
		top: 45px;
		width: 33px;
		height: 52px;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	#thumbnail .container {
		overflow: hidden;
		position: relative;
		width: 340px;
		height: 48px;
		margin-top: 8px;
		left: 50%;
		margin-left: -170px;
	} /* 2019-04-15 수정 */
	#thumbnail .container ul {
		position: absolute;
		width: 200%;
		margin-left: -8px;
	}
	#thumbnail .container .thumb {
		float: left;
		width: 82px;
		margin-left: 8px;
		list-style: none;
		cursor: pointer;
	}
	#thumbnail .container .thumb.ml0 {
		margin-left: 0px;
	}
	.pop_btn09 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
	}
	/*모바일 화살표 이미지*/
	#image>.side-btns>.thum-btn-left {
		position: absolute;
		top: 300px;
		left: 2%;
		text-align: right;
		transform: translatey(-50%);
		/*cursor: pointer;*/
	}
	#image>.side-btns>.thum-btn-right {
		position: absolute;
		top: 300px;
		right: 2%;
		transform: translatey(-50%);
		cursor: pointer;
	}
	/*밑에 동그라미 점*/
	.thum-page-btn {
		position: relative;
		width: 100%;
		height: 36px;
	}
	.thum-page-btn .ul {
		position: absolute;
		width: 100%;
		height: 37px;
		text-align: center;
	}
	.thum-page-btn .ul div {
		width: 15px;
		height: 15px;
		background-color: rgba(217, 217, 217);
		border-radius: 10px;
		display: inline-block;
		cursor: pointer;
		margin-top: 10px;
		transition: all 1.3s ease;
	}
	.thum-page-btn .ul div.active {
		background-color: rgb(117, 117, 117);
		cursor: pointer;
	}
	/*자세히보기*/
	.right-close {
		display: none;
	}
	.popup_layerBG2 {
		display: none;
		background: #fff;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1100;
		filter: alpha("opacity=80");
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		opacity: 0.8;
	}
	/*.slide-icon{ position: absolute;   top:170px; right: 0;   z-index: 1100; position: fixed;}*/
	.slide-icon {
		width: 30px;
		height: 60px;
		border: 1px solid #2a95ff;
		background: #a3d0fd url(../../common/images/icon/m_right_btn.gif)
			no-repeat 13px 22px;;
		border-radius: 100px 0 0 100px;
		position: absolute;
		text-indent: -99999px;
		opacity: 0.5;
		top: 170px;
		right: 0;
		z-index: 100;
		position: fixed;
	}
	.detail-txt-area {
		width: 100%;
	}
	.detail-txt-area .list {
		width: 100%;
		border-bottom: 1px solid #d3d3d3;
		padding: 0px 10px;
		box-sizing: border-box;
		padding-top: 30px;
	}
	.detail-txt-area .list p {
		font-size: 14px;
		color: #424242;
		line-height: 160%;
	}
	.detail-txt-area .list .list-title {
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		margin-bottom: 30px;
	}
	.detail-txt-area .list .last {
		margin-bottom: 15px;
	}
	.detail-txt {
		padding-top: 25px;
		margin-bottom: 50px;
		line-height: 160%;
	}
	.detail-txt p img {
		width: 100%
	}
	.detail-txt .txt01 {
		font-size: 13px;
		color: #464646;
		line-height: 20px;
		margin-bottom: 45px;
	}
	.detail-txt .txt02 {
		font-size: 15px;
		color: #317eb4;
		margin-bottom: 17px;
	}
	.detail-txt .txt03 {
		font-size: 13px;
		color: #737373;
		line-height: 20px;
	}
	.detail-btn-box {
		width: 143px;
		height: 55px;
		background: url(../../common/images/icon/detail_off.gif) no-repeat 0
			15px;;
		text-indent: -9999px;
		display: block;
		margin: 0 auto;
	}
	.detail-btn-box-inquiry {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/inquiry.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-right: 1%;
	}
    .detail-btn-box-look {
        width: 143px;
        height: 37px;
        background: url(../../common/images/icon/look.gif) no-repeat 0 0;
        text-indent: -9999px;
        display: block;
        cursor: pointer;
        margin-right: 1%;
    }
	.detail-btn-box-sns {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/sns_link.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-left: 1%;
	}
	.detail-btn-box-market {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/report_down.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 9999;
		cursor: pointer;
	}
	.detail-btn-box-off {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/detail_on.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 9999;
	}
	.detail-txt-area {
		width: 100%;
		background-color: #FFF;
		display: none;
	}
	.graph {
		text-align: center;
		margin-top: 20px;
	}

	/*수정*/
	.down-area {
		width: 100%;
		border: 1px solid #ccc;
		margin-top: 70px;
		padding: 10px 0px 10px 0px;
		box-sizing: border-box;
	}
	.down-area ul {
		width: 100%;
		text-align: center;
	}
	.down-area li {
		display: inline-block;
		margin-right: 10px;
		color: #656161;
		font-size: 12px;
	}
	.down-area .text01 img {
		display: none;
	}
	.down-area .down-tit {
		width: 100%;
		color: #393939;
		height: 17px;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
	}
	.down-area .text {
		margin-bottom: 10px;
	}
	.down-area .text01 {
		margin-bottom: 0px !important;
	}
	.down-area .text02 {
		
	}
	.down-area .text03 {
		
	}
	.down-area .last {
		margin-right: 0px;
	}
	.last01 {
		color: #9116d8 !important;
		font-weight: bold;
	}
	.down-area .zip-btn {
		width: 165px;
		height: 35px;
		color: #fff;
		text-align: center;
		background: #49a3fc;
		font-weight: bold;
		border: none;
	}
	.down-area .last img {
		width: 50px;
		margin-top: 3px;
	}
	.subCon {
		width: 95%;
		margin: 0 auto;
		padding: 20px 0px;
	}
	.sub-top {
		width: 100%;
		margin-bottom: 20px;
	}
	.sub-top h2 {
		color: #333333;
		font-size: 20px;
	}
	.sub-top p {
		color: #737373;
		font-size: 13px;
		margin-top: 12px;
	}
	.sub-cont {
		width: 100%;
		margin: 0 auto;
	}
	.date-choice {
		width: 100%;
		border: 1px solid #e1e1e1;
		padding: 10px;
		box-sizing: border-box;
	}
	.date-choice p {
		color: #444444;
		font-size: 15px;
	}
	.date-choice ul li {
		margin-right: 5px;
		float: left;
		margin-top: 10px;
		width: 48%;
		height: 30px;
		border: 1px solid #c2c2c2;
		background: #fff;
		font-size: 13px;
		text-align: center;
		padding-top: 4px;
		box-sizing: border-box;
	}
	.date-choice ul a li {
		color: #666666;
	}
	.date-choice ul .active {
		float: left;
		width: 48%;
		height: 30px;
		border: 1px solid #7b838c;
		background: #8a929a;
		font-size: 13px;
		font-weight: bold;
	}
	.date-choice ul  li.active a {
		color: #fff;
		padding-top: 4px;
	}
	.sub-p-all {
		padding: 10px 10px;
		box-sizing: border-box;
		float: left;
	}
	.sub-p-all .text01 {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.2em;
		height: 4.2em;
		text-align: left;
		font-weight: 600;
	}
	.sub-p-all .text01 a {
		font-size: 13px;
		color: #3d3d3d;
		line-height: 20px;
	}
	.sub-p-all .text02 a {
		font-size: 13px;
		color: #777;
		line-height: 20px;
	}
	.sub-p-all .text03 a {
		font-size: 13px;
		color: #919191;
	}
	.sub-p-all .text04 a {
		font-size: 12px;
		color: #919191;
	}
	.sub-p-all .text04 {
		font-size: 12px;
		color: #919191;
	}
	.sub-p-all .text03 {
		float: left;
		margin-bottom: 10px;
		color: #919191;
	}
	.sub-p-all .text04 {
		float: right;
		margin-bottom: 10px;
	}
	.pick-wrap {
		position: relative;
		float: left;
		padding-top: 10px;
	}
	.pick-input {
		background: #fff;
		height: 28px;
		position: relative;
	}
	.pick-input input {
		background: none;
		border: 1px solid #c2c2c2;
		height: 20px;
		vertical-align: middle;
		width: 28%;
		padding-left: 25px;
	}
	.pick-input img {
		position: absolute;
		left: 5px;
		top: 4px;
		cursor: pointer;
	}
	.search-btn {
		width: 98%;
		margin-top: 10px;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #49a3fc;
		border: none;
		cursor: pointer;
	}
	.sub_thumlist .mask_bg {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .sub-thum-img {
		position: relative;
	}

	/*검색결과 없음*/
	.no-data-tit {
		margin-bottom: 20px;
		margin-top: 15px;
		width: 100%;
		height: 50px;
		border: 1px solid #ccc;
		text-align: center;
		padding-top: 15px;
		box-sizing: border-box;
		color: #424242;
		font-size: 13px;
		font-weight: bold;
	}

	/*페이징*/
	.pageing {
		clear: both;
		text-align: center;
		font-size: 14px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.pageing>a img {
		margin: 11px 1px 0 1px;
	}
	.pageing>a.prev {
		background: #ffffff;
		border: 1px solid #d2d6da;
		width: 8%;
		text-align: center;
		line-height: 30px;
	}
	.pageing>a.next {
		background: #ffffff;
		border: 1px solid #d2d6da;
		text-align: center;
		line-height: 30px;
	}
	.pageing>a.prev:hover, .pageing>a.next:hover {
		background: none;
	}
	.pageing>a {
		display: inline;
		zoom: 1;
		display: inline-block;
		width: 8%;
		width: 8%;
		line-height: 30px;
		border: 1px solid #dddddd;
		margin-right: 1px;
		color: #333;
	}
	.pageing>a.current, .pageing>a:hover {
		background: #fff;
		color: #49a3fc;
		border: 1px solid #49a3fc;
	}
	.sub-cont-inbox {
		width: 100%;
		border: 1px solid #d3d3d3;
		position: relative;
	}

	/*로그인*/
	.login-title {
		height: 80px;
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
		text-align: center;
		padding-top: 20px;
		margin-bottom: 20px;
	}
	.login-title p {
		border-bottom: 1px solid #ababab;
		color: #626262;
		font-size: 13px;
		text-align: center;
		line-height: 20px;
		box-sizing: border-box;
		padding-bottom: 15px;
	}
	.login-cont {
		
	}
	.login-inbox {
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.login-box {
		box-sizing: border-box;
		width: 95%;
		margin: 0 auto;
		border-bottom: 1px solid #ababab;
		height: 90%;
		padding: 40px 0px;
	}
	.input-id-box {
		width: 100%;
	}
	.login-btn {
		height: 30px;
		margin-bottom: 10px;
		clear: both;
		width: 100%;
		box-siziging: border-box;
		border-right: 1px solid #3e8ad5;
		border-bottom: 1px solid #3e8ad5;
		background: #49a3fc;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		cursor: pointer;
	}
	.login-box td input {
		margin-left: 10px;
		margin-bottom: 13px;
		margin-right: 13px;
		height: 40px;
		width: 95%;
		box-sizing: border-box;
		border-left: 1px solid #bcbcbc;
		border-top: 1px solid #bcbcbc;
		border-right: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	.login-td p {
		margin-left: 10px;
		margin-bottom: 5px;
	}
	.save-check {
		clear: both;
		float: right;
		color: #949494;
		font-size: 13px;
	}
	.checkbox {
		margin-right: 5px;
	}
	.id-search {
		margin-top: 30px;
		width: 95%;
		text-align: center;
		background: url(../../common/images/icon/login-spot.gif) no-repeat 80px
			8px;
	}
	.id-search p {
		float: left;
		width: 95%;
		text-align: center;
		color: #626262;
		font-size: 13px;
	}
	.id-search ul .login-search-btn {
		margin-top: 20px;
		cursor: pointer;
		color: #4f4f4f;
		font-size: 12px;
		float: left;
		text-align: center;
		width: 44%;
		margin-left: 15px;
		height: 31px;
		box-sizing: border-box;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.login-search-btn2 {
		margin-left: 5px;
		width: 50%;
		text-align: center;
		float: left;
	}
	.login-btn-box {
		margin-bottom: 70px;
		clear: both;
		width: 90%;
		margin: 0 auto;
		padding-top: 25px;
		background: url(../../common/images/icon/login-spot.gif) no-repeat 80px
			33px;
	}
	.login-btn-box p {
		color: #626262;
		font-size: 12px;
		float: left;
		text-align: center;
	}
	.login-btn-box span {
		color: #232323;
		font-size: 13px;
		font-weight: bold;
		text-align: center;
	}
	.login-btn-box .new-join-btn {
		margin-top: 20px;
		width: 100%;
		height: 30px;
		background: #413e3d;
		color: #fff;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	.service-notice {
		width: 95%;
		margin: 0 auto;
		border: 1px solid #ccc;
		margin-bottom: 70px;
		padding-top: 35px;
		box-sizing: border-box;
		margin
	}
	.service-notice .last {
		border: none;
	}
	.notice-txt {
		text-align: center;
	}
	.notice-txt .notice-title {
		font-size: 14px;
		color: #343434;
		margin-bottom: 25px;
	}
	.notice-txt .notice-title span {
		color: #49a3fc;
		font-weight: bold;
	}
	.notice-txt .notice-sub-title {
		color: #626262;
		font-size: 12px;
		line-height: 23px;
		width: 90%;
		margin: 0 auto;
	}
	.notice-icon {
		padding: 0px 0px;
		box-sizing: border-box;
		margin-top: 40px;
		margin-bottom: 40px;
		width: 70%;
		margin: 0 auto;
	}
	.notice-icon li {
		height: 230px;
		text-align: center;
		padding-top: 155px;
		box-sizing: border-box;
	}
	.notice-icon .last {
		height: 260px;
		text-align: center;
		padding-top: 155px;
		box-sizing: border-box;
	}
	.notice-icon .icon1 {
		background: url(../../common/images/icon/img_notice01.gif) no-repeat 51%
			22%;
	}
	.notice-icon .icon2 {
		background: url(../../common/images/icon/img_notice02.gif) no-repeat 51%
			22% !important;
	}
	.notice-icon .icon3 {
		background: url(../../common/images/icon/img_notice03.gif) no-repeat 51%
			22% !important;
	}
	.notice-icon .icon4 {
		/*background: url(../../common/images/icon/img_notice04.gif) no-repeat 110px 25px !important;/**/
		
	}
	.icon-title {
		font-size: 16px;
		color: #373737;
		margin-bottom: 10px;
	}
	.icon-sub-title {
		font-size: 12px;
		color: #7d7b7b;
	}
	.notice-bottom {
		clear: both;
		font-size: 13px;
		color: #626262;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
		width: 90%;
		margin: 0 auto;
	}

	/*서브인비*/
	.localNav_area .location span {
		float: left;
		padding-top: 10px;
	}
	.localNav_area .location .home {
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			26px 18px;
		width: 30px;
		padding-top: 13px;
	}
	.localNav_area .location .invi-middle {
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			66px 18px;
		width: 70px;
		margin-left: 15px;
	}
	.localNav_area .location .intro-middle {
		width: 129px !important;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			125px 18px;
	}
	.localNav_area .location .current {
		margin-left: 15px;
		color: #3989cb;
		font-weight: bold;
	}

	/*회원가입*/
	.step-line {
		padding-top: 55px;
		background: url(../../common/images/icon/m-step-line.gif) no-repeat 0px
			28px;
		height: 30px;
		background-size: 100% 46px;
	}
	.step-line2 {
		padding-top: 55px;
		background: url(../../common/images/icon/m-step-line2.gif) no-repeat 0px
			28px;
		height: 30px;
		background-size: 100% 46px;
	}
	.step-line3 {
		padding-top: 55px;
		background: url(../../common/images/icon/m-step-line3.gif) no-repeat 0px
			28px;
		height: 30px;
		background-size: 100% 46px;
	}
	.step-line4 {
		padding-top: 55px;
		background: url(../../common/images/icon/m-step-line4.gif) no-repeat 0px
			28px;
		height: 30px;
		background-size: 100% 46px;
	}
	.step-line img {
		width: 100%;
		height: 40px;
	}
	.join-select {
		text-align: center;
		width: 95%;
		margin: 0px auto;
		border: 1px solid #ccc;
		padding-top: 30px;
		box-sizing: border-box;
	}
	.join-select01 {
		width: 100%;
		height: 160px;
		box-sizing: border-box;
		border-right: 1px solid #ccc;
	}
	.join-select h4 {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.join-select p {
		color: #626262;
		font-size: 13px;
	}
	.join-select02 {
		width: 100%;
		padding-top: 30px;
		box-sizing: border-box;
		padding-bottom: 30px;
	}
	.select01-btn {
		border-right: 1px solid #2b689a;
		border-bottom: 1px solid #2b689a;
		width: 50%;
		font-size: 12px;
		height: 30px;
		background: #3989cb;
		color: #fff;
		cursor: pointer;
		margin-top: 19px;
	}
	.select02-btn {
		border-right: 1px solid #2b689a;
		border-bottom: 1px solid #2b689a;
		margin-bottom: 20px;
		width: 50%;
		height: 30px;
		font-size: 12px;
		background: #3989cb;
		color: #fff;
		cursor: pointer;
		margin-top: 19px;
	}
	.atten-please {
		width: 95%;
		margin: 0 auto;
		clear: both;
		margin-top: 40px;
		margin-bottom: 70px;
		font-weight: bold;
	}
	.atten-title {
		color: #343434;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.atten-txt {
		color: #7d7b7b;
		font-size: 12px;
		line-height: 20px;
	}
	.atten-sub-title {
		color: #626262;
		font-size: 15px;
		margin-bottom: 15px;
	}
	.join-check-inbox {
		width: 95%;
		margin: 0 auto;
	}
	.copy-right-text-pc {
		display: none;
	}
	.copy-right-text-m{
		display: block;
	}
	.clause-txt-box {
		width: 100%;
		height: 120px;
		margin: 0 auto;
		overflow-y: scroll;
		overflow-x: hidden;
		border: 1px solid #ccc;
		margin-top: 10px;
	}
	.clause-radio {
		float: right;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.clause-radio li {
		float: left;
		font-size: 12px;
		margin-left: 10px;
	}
	.clause-radio radio {
		width: 5px;
		height: 10px;
	}
	.join-check {
		margin-top: 20px;
		float: right;
		margin-bottom: 20px;
		font-size: 13px;
		color: #666666;
	}
	.join-check img {
		margin-right: 10px;
	}
	.clause-box {
		clear: both;
		margin-top: 30px;
		line-height: 20px
	}
	.clause-sub-title {
		color: #7d7b7b;
		font-size: 12px;
	}
	.clause-box .clause-title1 {
		margin-bottom: 15px;
		margin-right: 9px;
		font-size: 13px;
		font-weight: bold;
		width: 34%;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.clause-title2 {
		margin-bottom: 20px;
		margin-right: 9px;
		font-size: 13px;
		font-weight: bold;
		width: 37%;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.title2-sub {
		margin-top: 20px;
		margin-bottom: 15px;
		color: #626262;
		font-size: 13px;
		padding-left: 7px;
		background: url(../../common/images/icon/icon_spot.gif) no-repeat left;
	}
	.join-check-center {
		padding-top: 20px;
		height: 49px;
		width: 95%;
		border-top: 2px solid #000;
		margin-top: 14%;
		text-align: center;
		margin-bottom: 30px;
		font-size: 13px;
		color: #666666;
	}
	.join-check-center img {
		margin-right: 10px;
	}
	.join-conf-btn {
		width: 95%;
		margin: 0 auto;
		margin-bottom: 100px;
	}
	.join-conf-btn .submit {
		margin-right: 2%;
		float: left;
		width: 48%;
		height: 30px;
		background: #413e3d;
		color: #fff;
		cursor: pointer;
	}
	.join-conf-btn .cancel {
		float: left;
		width: 48%;
		height: 30px;
		background: #fff;
		color: #4f4f4f;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}

	/*이용약관*/
	.clause-box .clause-title3 {
		margin-bottom: 8px;
		margin-right: 9px;
		font-size: 13px;
		font-weight: bold;
		color: #232323;
		line-height: 25px;
	}
	.clause-txt-box2 {
		padding: 10px;
		box-sizing: border-box;
		width: 100%;
		height: 500px;
		margin: 0 auto;
		overflow-y: scroll;
		overflow-x: hidden;
		border: 1px solid #ccc;
		margin-top: 10px;
	}
	.suport-formbox2 .mt-30 {
		margin-top: 0px !important;
	}
	.info-table-title {
		width: 95%;
		margin: 0 auto;
	}
	.table-sub-title {
		color: #7d7b7b;
		font-size: 12px;
		float: left;
		margin-bottom: 10px;
	}
	.table-title {
		margin-top: 30px;
		margin-bottom: 15px;
		margin-right: 9px;
		font-size: 14px;
		font-weight: bold;
		width: 30%;
		color: #232323;
	}
	.idpw_box {
		width: 100%;
		margin: 0 auto;
		clear: both;
		border-top: 2px solid #444444;
	}
	.idpw_box th {
		width: 25%;
		height: 60px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding-left: 2%;
		box-sizing: border-box;
		font-size: 12px;
	}
	.idpw_box td {
		color: #7b7b7b;
		font-size: 13px;
		width: 80%;
		height: 60px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding-left: 15px;
		box-sizing: border-box;
		padding: 5px 9px;
	}
	.sub-cont-inbox .color {
		color: #f33f0f;
		font-size: 13px;
		margin-right: 2px;
		font-weight: bold;
		padding-top: 20px;
	}
	.common-text-box {
		width: 29%;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.common-text-box4 {
		width: 45%;
		margin-top: 5px;
	}
	.common-text-box5 {
		width: 80%;
		margin-bottom: 5px;
		margin-top: 5px;
	}    
	.email-atten {
        margin-bottom: 20px;
    }
	.double-chk, .chk_cellPhone, .chk_cellPhone_r {
		background: #848d99;
		color: #fff; /*width: 25%; */
		font-size: 12px;
		height: 30px;
		font-weight: bold;
		border: none;
		margin-left: 10px;
		cursor: pointer;
	}
	#chk_cellPhone{
		margin-top: 10px;
		margin-left: 0px;
	}
	.chk_cellPhone, .chk_cellPhone_r {
        padding: 3px 10px;
        height: 30px;
        background: #848d99;
        color: #fff;
        cursor: pointer;
        border: none;
    }
    #loginHp1, #loginHp2, #loginHp3,
    #loginHp1R, #loginHp2R, #loginHp3R{
    	width: 11% !important;
    }
    #jobName, #jobNameR{
        width: 52%;
    }
	.box-left {
		float: left;
		width: 60%;
	}
	.exp {
		float: left;
		padding-top: 5px;
		font-size: 12px;
	}
	.join-conf-btn2 {
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.step04-title {
		text-align: center;
		margin-top: 30px;
		width: 95%;
		margin: 0 auto;
		border-bottom: 1px solid #444444;
		height: 300px;
	}
	.step04-title h4 {
		color: #232323;
		font-size: 16px;
		line-height: 25px;
		font-weight: bold;
		margin-top: 30px;
	}
	.step04-title h4 span {
		color: #297fd6;
	}
	.step04-title p {
		color: #5c5c5c;
		font-size: 13px;
		margin-top: 20px;
		line-height: 23px;
	}
	.step04-title .button {
		margin-top: 40px;
	}
	.step04-title .main-go {
		margin-right: 10px;
		font-size: 13px; left;
		width: 100%;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.step04-title .login-go {
		float: left;
		width: 100%;
		margin-top: 10px;
		font-size: 13px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-weight: bold;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.un-line {
		text-decoration: underline;
	}
	.atten-txt2 {
		margin-top: 20px;
		color: #7d7b7b;
		font-size: 12px;
	}
	.atten-txt3 {
		color: #7d7b7b;
		font-size: 12px;
		padding-left: 10px;
		background: url(../../common/images/icon/join_txt_arrow.gif) no-repeat
			left;
	}
	.atten-txt3 span {
		color: #222222;
		font-size: 12px;
	}
	.atten-txt4 {
		color: #b1623b;
		font-size: 12px;
		margin-top: 20px;
	}

	/*중복가입체크*/
	.join-check-box {
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.join-check-title {
		text-align: center;
		color: #1e1d1d;
		font-weight: bold;
		font-size: 18px;
		margin-top: 50px;
	}
	.join-check-sub-title {
		text-align: center;
		color: #626262;
		font-size: 13px;
		margin-top: 10px;
	}
	.office-number {
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		height: 80%;
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;
		box-sizing: border-box;
	}
	.office-number .number-title {
		margin-left: 10px;
		color: #232323;
		font-size: 13px;
		font-weight: bold;
		margin-right: 15px;
		padding-bottom: 10px;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.office-number .number-txt-box {
		clear: both;
		padding-bottom: 10px;
		width: 100%;
		height: 40px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.office-number p {
		margin-bottom: 20px;
		text-align: center;
		clear: both;
		color: #949494;
		font-size: 13px;
		padding-top: 10px;
	}
	.office-number .number-btn {
		padding-bottom: 10px;
		width: 100%;
		height: 40px;
		box-siziging: border-box;
		border-right: 1px solid #3e8ad5;
		border-bottom: 1px solid #3e8ad5;
		background: #49a3fc;
		color: #fff;
		padding-top: 8px;
		font-weight: bold;
		font-size: 14px;
		cursor: pointer;
	}
	.office-number ul li {
		margin-bottom: 10px;
	}
	.warning-box h3 {
		color: #232323;
		font-size: 13px;
		text-align: center;
		font-weight: bold;
	}
	.warning-box1 {
		box-siziging: border-box;
		width: 95%;
		margin: 0 auto;
		padding-top: 70px;
		padding-bottom: 40px;
	}
	.warning-box1 h3 {
		width: 95%;
	}
	.warning-box1 table {
		margin-left: 5%;
		margin-top: 40px;
		margin-bottom: 60px;
		text-align: center;
		width: 95%;
	}
	.warning-box1 tr th {
		width: 45px;
		color: #626262;
		font-size: 13px;
		line-height: 30px;
		text-align: left;
	}
	.join-submit-btn {
		margin-bottom: 20px;
		margin-right: 10px;
		float: left;
		width: 48%;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.join-cancel-btn {
		margin-bottom: 20px;
		float: left;
		width: 48%;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-weight: bold;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.warning-box2 {
		box-siziging: border-box;
		height: 210px;
		width: 95%;
		padding-top: 200px;
		background: url(../../common/images/icon/warning_img.gif) no-repeat 50%
			25%;
	}
	.common-text-box1 {
		width: 80%;
	}
	.common-text-box2 {
		width: 40%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.common-text-box3 {
		width: 27%;
	}
	.common-text-box20 {
		width: 60%;
		margin-bottom: 10px;
	}
	.idpw_box2 {
		border-top: 1px solid #ccc;
	}
	.table-title2 {
		background: none;
		width: 300px;
	}
	.double-chk2 {
		margin-top: -10px !important;
	}

	/* 아이디 비번 찾기 */
	.cerent {
		color: #3989cb !important;
	}
	.welcom-msg {
		padding-top: 50px;
		width: 95%;
		margin: 0 auto;
	}
	.welcom-msg h3 {
		font-size: 15px;
		color: #232323;
		letter-spacing: -0.05em;
	}
	.welcom-msg p {
		margin-top: 13px;
		font-size: 13px;
		color: #626262;
		line-height: 135%;
		font-weight: normal;
	}
	.welcom-msg p span {
		color: #3873cc;
	}
	.helpbox {
		border: 1px solid #dddddd;
		width: 95%;
		margin: 0 auto;
		clear: both;
		margin-top: 26px;
	}
	.helpbox .idbox {
		width: 95%;
		margin: 0 auto;
	}
	.helpbox .pwbox {
		width: 95%;
		margin: 0 auto;
	}
	.helpbox2 {
		border: 1px solid #dddddd;
		width: 100%;
		clear: both;
		margin-top: 26px;
	}
	.helpbox2 .idbox {
		width: 95%;
		margin: 0 auto;
	}
	.helpbox2 .pwbox {
		width: 95%;
		margin: 0 auto;
	}
	.helpinbox {
		width: 95%;
		margin: 0 auto;
		padding-top: 40px;
	}
	.helpinbox h4 {
		color: #232323;
		font-size: 16px;
		font-weight: 700;
	}
	.suport-txt {
		font-size: 13px;
		color: #626262;
		line-height: 145%;
		margin-top: 10px;
	}
	.suport-formbox {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		padding-bottom: 25px;
		margin-top: 25px;
	}
	.suport-formbox1 {
		margin-top: 25px;
		padding-top: 25px;
	}
	.suport-formbox2 {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		margin-top: 25px;
	}
	.suport-table {
		margin-top: 20px;
	}
	.noneline-tbl th {
		height: 42px;
		vertical-align: middle;
		font-size: 13px;
	}
	.noneline-tbl td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
	}
	.wdp50p {
		width: 27%;
	}
	.wdp40p {
		width: 40% !important;
	}
	.mt-20 {
		margin-top: 20px;
	}
	.bottom-helptxt {
		padding: 10px 0 100px 5%;
		font-size: 12px;
		color: #7d7b7b;
	}
	.ml-5 {
		margin-left: 5px;
	}
	.common-text-box6 {
		width: 90%;
		height: 26px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}

	/* 고객센터 */
	.board-raperpage {
		width: 100%;
		margin: 0 auto;
		background: #fff;
		border: 1px solid #e1e1e1;
		margin: 0 auto;
	}
	.boardinbox {
		width: 95%;
		margin: 0 auto;
	}
	.boardtop-search {
		margin-top: 10px;
	}
	.boardtop-search ul li {
		float: left;
	}
	.boardtop-search input {
		width: 33%;
		border: 1px solid #c2c2c2;
		float: left;
		margin-right: 2px;
		margin-left: 5px;
	}
	.boardtop-search select {
		width: 56px;
		font-size: 12px;
		float: left;
	}
	.btn-grayfm, .btn-grayfm:visited, .btn-grayfm:active {
		color: #fff;
		background: #898989;
		text-align: center;
		border-radius: 3px;
		width: 52px;
		padding: 6px 0;
		display: inline-block;
		font-size: 13px;
	}
	.btn-grayfm:hover {
		background: #a3a2a2;
	}
	.custom-tab {
		background: #fbfbfb;
		border: 1px solid #dddddd;
		clear: both;
		margin-top: 15px;
	}
	.custom-tab li {
		width: 33.3%;
		float: left;
		border-bottom: 1px solid #ddd;
	}
	.custom-tab li a {
		width: 100%;
		font-size: 13px;
		color: #373737;
		padding: 10px 0;
		display: block;
		text-align: center;
		border-right: 1px solid #dfdfdf;
	}
	.custom-tab li.active a {
		background: #4c4c4c;
		color: #fff;
	}
	.custom-faq {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #cccccc;
		margin-top: 40px;
		border-top: 1px solid #444444;
	}
	.custom-faq dt {
		border-top: 1px solid #cccccc;
		background: url(../../common/images/icon/icon_faq2.gif) no-repeat 97%
			center;
		font-size: 14px;
	}
	.custom-faq dt:after {
		content: ".";
		height: 0;
		font-size: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}
	.custom-faq dt a {
		font-size: 13px;
		color: #555555;
		font-weight: 700;
		width: 87%;
		display: block;
		padding: 10px 0 10px 5%;
	}
	.custom-faq dt a img {
		margin-right: 10px;
		width: 8%;
	}
	.cus-btn input {
		float: right;
		cursor: pointer;
		margin-top: -60px;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.uiGrid {
		width: 260px !important;
	}
	.custom-faq dd {
		font-size: 14px;
		border-top: 1px solid #dddddd;
		background: #fbfbfb;
		*zoom: 1
	}
	.custom-faq dd:after {
		content: ".";
		height: 0;
		font-size: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}
	.custom-faq .expanded {
		background: url(../../common/images/icon/icon_faq1.gif) no-repeat 97%
			center;
	}
	.custom-faq .expanded a {
		color: #0066cc;
	}
	.custom-faq .expanded  .icon-q {
		width: 37px;
		height: 46px;
		background: url(../../common/images/icon/icon_q.gif) no-repeat 0 9px;
		margin: 0px 10px 0 36px;
		display: inline-block;
	}
	.custom-faq .icon-a {
		width: 20px;
		height: 22px;
		background: url(../images/web/sub/icon_faq_on.gif) no-repeat 0 center;
		margin: -3px 10px 0 19px;
	}
	.custom-faq .faqtxt {
		color: #666666;
		font-size: 13px;
		vertical-align: top;
		position: relative;
		padding: 2%;
		width: 95%;
		ine-height: 160%;
		width: 100%;
	}
	.total-faq {
		margin: 10px 0 0 0px;
		margin-bottom: 10px !important;
	}
	.total-faq span {
		color: #334af2;
	}
	.boardertopinfor .total-faq {
		
	}
	.boardertopinfor .boardtop-search {
		
	}
	.search-tit {
		float: left;
	}
	.mt-none strong {
		display: none;
	}

	/*이전글*/
	.pre-next {
		width: 100%;
		height: 100px;
		border-top: 1px solid #bbbbbb;
		border-bottom: 1px solid #bbbbbb;
		margin-top: 33px;
		margin-bottom: 10px;
	}
	.pre-next .last {
		border: none;
	}
	.pre-next th {
		border-bottom: 1px solid #dddddd;
	}
	.pre-next td {
		padding-left: 10px;
		border-bottom: 1px solid #dddddd;
		font-size: 12px;
	}
	.pre-next td span {
		float: right;
		padding-right: 20px;
	}
	.pre-next tr {
		height: 50px;
	}
	.prenext-tit {
		word-break: break-all;
		width: 23%;
		background: url(../../common/images/icon/pre_bar.gif) no-repeat right;
	}
	.prenext-tit img {
		padding-top: 8px;
		margin-right: 8px;
		padding-left: 5px;
	}
	.prenext-tit span {
		font-size: 12px;
	}
	.txt-date1 {
		float: left;
		margin-bottom: 0px !important;
	}
	.txt-date2 {
		float: right;
	}
	.board-type01 {
		clear: both;
		margin-top: 10px;
	}
	.board-type01 th {
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type01 td {
		text-align: center;
		color: #373737; /*height:44px;*/
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.cash-table  td {
		font-size: 13px;
		color: #373737; /*height:44px;*/
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
		box-sizing: border-box;
	}
	.board-type01 td.subject {
		text-align: left;
	}
	.cash-table td.subject {
		text-align: center;
	}
	.board-type02 {
		clear: both;
		margin-top: 18px;
	}
	.board-type02 th {
		border-top: 1px solid #444444;
		text-align: left;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type02 th .tit {
		margin-left: 20px;
		word-break: break-all;
		font-size: 13px;
		padding-right: 10px;
	}
	.board-type02 td {
		color: #373737;
		padding: 10px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type02 td.content {
		text-align: left;
		padding: 35px 15px;
		vertical-align: top;
		border-top: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
		line-height: 150%;
	}
	.board-type02 td.content img {
		max-width: 100% !important;
	}
	.map-table th {
		background: #ecf2f6 !important;
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
		font-size: 13px;
		letter-spacing: -0.1em;
	}
	.map-table td {
		text-align: center;
		color: #373737;
		height: 44px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
		font-size: 12px;
		letter-spacing: -0.2em;
	}
	.board-type03 {
		margin-top: 20px;
		width: 100% !important;
	}
	.board-type03 tr.first {
		border-top: 1px solid #444;
	}
	.board-type03 th {
		text-align: left;
		background: #fbfbfb;
		border-bottom: 1px solid #dbdbdb;
		font-size: 14px;
		color: #4f4f4f;
		vertical-align: middle;
		padding: 10px 0 10px 10px;
		width: 25%;
	}
	.board-type03 th.vertical-t {
		vertical-align: top;
	}
	.board-type03 td {
		border-bottom: 1px solid #dbdbdb;
		font-size: 14px;
		color: #4f4f4f;
		vertical-align: middle;
		padding: 10px 0 10px 20px
	}
	.board-type03 td .input1 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 90%;
	}
	.board-type03 td .input2 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 30%;
	}
	.board-type03 td .input3 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 90%;
		height: 300px;
	}
	.mt-none {
		margin-bottom: 0px !important;
	}
	.input-fileWrap {
		position: relative;
	}
	.alpha-file {
		position: absolute;
		top: 5px;
		left: 0;
	}
	.dmc_content p {
		margin-bottom: 0px !important;
	}
	.file-txt {
		clear: both;
		margin-top: 10px;
	}
	.prenext-area {
		float: left;
		width: 62%;
		margin-bottom: 0px !important;
		overflow: hidden;
		font-size: 12px !important;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		height: 1.6em;
	}
	.board-infor {
		float: left;
	}
	.board-infor strong {
		margin-right: 10px;
	}
	.upfilename {
		float: right;
	}
	.upfilename span {
		color: #f8440d;
		font-weight: bold;
	}
	/*2016-02-05 추가부분*/
	#upfile {
		margin-left: 0px !important;
	}
	.board-infor .line {
		margin: 0 10px;
	}
	.qna_statu01 {
		text-align: center;
		font-size: 12px;
		color: #fff;
		background: #7ba3cf;
		border: 1px solid #7ba3cf;
		width: 80%;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		margin: 5px 0;
	}
	.qna_statu02 {
		text-align: center;
		font-size: 12px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 80%;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		margin: 5px 0;
	}
	.qna_statu01s {
		margin-left: 10px;
		text-align: center;
		font-size: 12px;
		color: #fff;
		background: #7ba3cf;
		border: 1px solid #7ba3cf;
		width: 68px;
		padding: 2px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: normal;
	}
	.qna_statu02s {
		text-align: center;
		font-size: 12px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 68px;
		padding: 2px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: normal;
	}
	.text-c {
		text-align: center;
		padding-top: 20px;
	}
	.board-bottombtn {
		clear: both;
		margin: 10px 0;
		text-align: right;
	}
	/*2016-02-05 변경부분*/
	.board-bottombtn2 {
		clear: both;
		margin: 10px 0;
		margin: 0 auto;
	}
	/*2016-02-05 추가부분*/
	.board-bottombtn2 .right-btn {
		width: 55px;
		margin: 15px auto 0;
	}
	/*2016-02-05 추가부분*/
	.board-bottombtn2 .left-btn {
		width: 118px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.btn-cancel {
		margin-bottom: 20px;
		margin-right: 3px;
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 45% !important;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	/*2016-02-05 변경부분*/
	.btn-write {
		margin-bottom: 20px;
		margin-right: 3px;
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 53px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	/*2016-02-05 변경부분*/
	.btn-dell {
		margin-right: 3px;
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #898989;
		border: 1px solid #e1e1e1;
		width: 53px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
		float: left;
	}
	.btn-write2 {
		margin-bottom: 20px;
		margin-right: 3px;
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 45%;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-ok {
		margin-bottom: 20px;
		margin-right: 10px;
		float: left;
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #575f67;
		border: 1px solid #e1e1e1;
		width: 45%;
		padding: 7px 0;
		letter-spacing: -0.08em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dells {
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		font-size: 12px;
		color: #474747;
		background: #fff;
		border: 1px solid #e1e1e1;
		width: 70%;
		margin: 5px 0;
		height: 29px;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.cash-table .btn-dells {
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		font-size: 12px;
		color: #474747;
		background: #fff;
		border: 1px solid #e1e1e1;
		width: 70%;
		margin: 5px 0;
		height: 29px;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dells:hover {
		background: #575f67;
		color: #fff;
	}
	.vertical-m {
		vertical-align: middle;
		margin-bottom: 10px;
	}
	.mtb_100 {
		margin-bottom: 100px;
	}
	.email-add {
		text-decoration: underline;
	}
	.errorpage {
		color: #e57e7e;
		padding-bottom: 5px;
	}
	.errorpage2 {
		clear: both;
	}
	.common-text-box2 {
		width: 45%;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.mt-5 {
		margin-top: 5px;
	}
	.mt-10 {
		margin-top: 10px;
	}
	.mt-15 {
		margin-top: 15px;
	}
	.mt-30 {
		margin-top: 30px;
	}
	.ml-20 {
		margin-left: 20px;
	}
	.mobile-tb1 {
		width: 20% !important;
	}

	/*회사소개*/
	.intro-area {
		background-size: 100%;
		background: url(../../common/images/bg/off_intro_bg.gif) no-repeat top;
	}
	.office-t-title {
		width: 95%;
		margin: 0 auto;
		margin-top: 20%;
		font-weight: bold;
		margin-bottom: 15%;
	}
	.office-t-title h3 {
		color: #000;
		font-size: 22px;
		font-weight: bold;
		margin-top: 30%;
		line-height: 30px;
		width: 100%;
		text-align: center;
	}
	.office-t-title p {
		text-align: center;
		width: 100%;
		font-size: 14px;
		color: #404040;
		margin-top: 30px;
		line-height: 30px;
	}
	.logo-box {
		margin: 0 auto;
		width: 230px;
		height: 180px;
		margin-top: 60px;
	}
	.logo-box ul li {
		width: 235px;
		height: 86px;
		text-indent: -99999px;
	}
	.logo-box .tm-logo {
		background: url(../../common/images/title/main_logo.gif) no-repeat;
		margin-top: 30px;
	}
	.logo-box .em-logo {
		background: url(../../common/images/icon/intro_img02.png) no-repeat 0px
			115px;
		height: 170px;
	}
	.history-area {
		width: 95%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.history-area .history-inbox {
		
	}
	.history-area .history-inbox .history-date {
		height: 765px;
		width: 38px;
		float: left;
	} /* 2018-01-09 수정 */
	.history-area .history-inbox .history-date ul {
		margin-top: 1px;
	}
	.history-area .history-inbox .history-date ul li {
		color: #7baee5;
		font-size: 13px;
		font-weight: bold;
		line-height: 55px;
	}
	.history-area .history-inbox .history-date p {
		color: #7baee5;
		font-size: 25px;
		font-weight: bold;
		line-height: 59px;
	}
	.history-txt ul {
		width: 360px;
		padding-top: 60.5px;
	}
	.history-txt ul li {
		font-size: 12px;
		color: #757575;
		line-height: 55px;
	}
	.graph-box {
		background: url(../../common/images/icon/history_graph.gif) no-repeat;
		background-size: 100%;
		text-indent: -99999px;
	}

	/*2015-12-30 추가부분*/
	.look-btn-area {
		width: 145px;
		margin: 0 auto;
	}
	/*2015-12-30 추가부분*/
	.look-btn {
		float: right;
		cursor: pointer;
		margin-bottom: 60px;
		font-weight: bold;
		padding-left: 25px;
		box-sizing: border-box;
		width: 143px;
		height: 36px;
		background: #757575 url(../../common/images/icon/look-plus.gif)
			no-repeat 16px 9px;
		color: #fff;
		font-size: 15px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-bottom: 1px solid #5e5e5e;
		border-right: 1px solid #5e5e5e;
	}
	.office-b-title {
		clear: both;
		width: 95%;
		margin: 0 auto;
	}
	.office-b-title h3 {
		color: #000;
		font-size: 20px;
		text-align: center;
		line-height: 30px;
		margin-top: 20px;
	}
	.office-b-title h3 span {
		color: #3989cb;
	}
	.office-b-title p {
		text-align: center;
		color: #6c6c6c;
		font-size: 14px;
		margin-top: 35px;
		line-height: 25px;
		margin-bottom: 70px;
	}
	.site-img-box {
		width: 60%;
		margin: 0 auto;
	}
	.site-img-box ul {
		
	}
	.site-img-box ul li {
		width: 95%;
		text-align: center;
	}
	.site-img-box ul .tm-site {
		background: url(../../common/images/icon/site_img01.gif) no-repeat
			center;
		padding-top: 60px;
		text-align: center;
	}
	.site-img-box ul .tm-face {
		background: url(../../common/images/icon/site_img02.gif) no-repeat
			center;
		padding-top: 60px;
		text-align: center;
	}
	.site-img-box ul .tm-tw {
		background: url(../../common/images/icon/site_img03.gif) no-repeat
			center;
		padding-top: 60px;
		text-align: center;
	}
	.site-img-box ul .tm-blog {
		background: url(../../common/images/icon/site_img04.gif) no-repeat
			center;
		padding-top: 60px;
		margin-bottom: 30px;
		text-align: center;
	}

	/*주요서비스*/
	.intro-area2 {
		background: url(../../common/images/icon/intro_bg02.gif) no-repeat top;
		background-size: 100%;
	}
	.office-t-title2 {
		width: 95%;
		margin: 0 auto;
	}
	.office-t-title2 h3 {
		color: #000;
		font-size: 22px;
		font-weight: bold;
		margin-top: 75px;
		text-align: center;
	}
	.office-t-title2 p {
		text-align: center;
		font-size: 15px;
		color: #404040;
		margin-top: 30px;
		line-height: 30px;
	}
	.main-service-area {
		width: 95%;
		margin: 0 auto;
	}
	.main-service-area h3 {
		color: #7baee5;
		font-size: 18px;
		font-weight: bold;
		margin-top: 60px;
	}
	.main-service-area .service-txt {
		color: #757575;
		font-size: 14px;
		width: 100%;
		line-height: 22px;
		margin-top: 20px;
	}
	.main-service-area .main-service-box1 {
		
	}
	.main-service-area .main-service-box2 {
		
	}
	.main-service-area .main-service-box3 {
		
	}
	.main-service-area .main-service-box4 {
		margin-bottom: 30px;
	}
	.main-service-area .middle-title {
		display: none;
		position: absolute;
		top: 500px;
		left: 432px;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		width: 135px;
		text-align: center;
		line-height: 25px;
	}
	/*2016-02-05 추가부분*/
	.main-service-area .main-service-box4 .info-book {
		margin-bottom: 30px;
		width: 120px;
		padding-bottom: 6px;
		height: 34px;
		background: #7baee5;
		color: #fff;
		font-weight: bold;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		box-sizing: border-box;
		text-align: center;
		margin-top: 20px;
	}

	/*출간도서 안내*/
	.book-info-area {
		width: 95%;
		margin: 0 auto;
	}
	.book-info-area ul {
		
	}
	.book-image img {
		width: 100%;
	}
	.book-info-area ul li {
		text-align: center;
		padding-top: 30px;
	}
	.jcarousel-list {
		display: none;
	}
	.book-mark02 {
		color: #333333;
		font-size: 18px;
		background: url(../../common/images/icon/book-m.gif) no-repeat 0px 6px;
		padding-left: 15px;
	}
	.book-mark01 {
		color: #333333;
		font-size: 18px;
		background: url(../../common/images/icon/book-m.gif) no-repeat 0px 25px;
		padding-left: 15px;
		padding-top: 18px;
	}
	.book-info-area ul li h3 {
		color: #7087a0;
		font-size: 23px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.date-box-area {
		clear: both;
		padding-top: 30px;
	}
	.date-box h3 {
		margin-top: 25px;
		font-size: 26px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.date-box .txt-right-title {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 25px;
	}
	.date-box .txt-left-title {
		font-size: 15px;
		color: #000;
		font-weight: bold;
		margin-bottom: 10px;
		line-height: 25px;
	}
	.date-box .txt-right {
		font-size: 12px;
		color: #757575;
		line-height: 20px;
		padding-bottom: 30px;
	}
	.date-box .txt-left {
		font-size: 12px;
		color: #757575;
		line-height: 20px;
		padding-bottom: 30px;
	}
	#scrollwrapper {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	#scrollwrapper::-webkit-scrollbar { /* 스크롤바 전체 영역 */
		height: 8px;
	}
	#scrollwrapper::-webkit-scrollbar-track { /* 스크롤이 움직이는 영역  */
		background-color: #f9f9f9;
	}
	#scrollwrapper::-webkit-scrollbar-thumb { /*  스크롤  */
		background-color: #3989cb;
		border-radius: 30px;
	}
	#scrollwrapper::-webkit-scrollbar-button:start:decrement, #scrollwrapper::-webkit-scrollbar-button:end:increment
		{ /*  스크롤의 화살표가 포함된 영역   */
		display: none;
	}
	#scrollwrapper::-webkit-scrollbar-corner { /*  상하+좌우 스크롤이 만나는 공간   */
		display: none;
	}
	/* 출간도서안내 */
	#scrollwrapper ul {
		width: 1275px;
	}
	#scrollwrapper li {
		width: 80px;
		padding: 53px 0px 20px 5px;
		float: left;
		align-items: center;
		text-align: center;
		list-style: none;
		word-break: keep-all;
	}

	/*보도자료*/
	.board-type01 tr td {
		letter-spacing: -0.04em;
	}
	.qna_statu03 {
		text-align: center;
		font-size: 12px;
		color: #f7590c;
		cursor: pointer;
		border: 1px solid #ff724c;
		width: 80%;
		padding: 7px 0;
		margin: 5px 0;
		letter-spacing: -0.05em;
		display: inline-block;
	}
	.qna_statu03:hover {
		background: #ff724c;
		color: #fff;
		font-weight: bold;
	}
	.qna_statu03:hover a {
		color: #fff;
	}
	.qna_statu04 {
		text-align: center;
		font-size: 12px;
		color: #474747;
		border: 1px solid #b4b4b4;
		width: 80%;
		padding: 7px 0;
		margin: 5px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		cursor: pointer;
	}
	.qna_statu04:hover {
		background: #b4b4b4;
		color: #fff;
		font-weight: bold;
	}
	.qna_statu03 a {
		color: #f7590c;
	}

	/*찾아오시는 길*/
	.tmenu2 {
		width: 100%;
		position: relative;
		border-bottom: 1px solid #4c4c4c;
		margin-top: 10px;
	}
	.tmenu2 li {
		float: left;
		text-align: center;
		width: 50%;
		height: 35px;
		border: 1px solid #aaaaaa;
		padding-top: 8px;
		box-sizing: border-box;
	}
	.tmenu2 li.last {
		margin-right: 0 !important;
	}
	.tmenu2 li a {
		color: #373737;
		display: block;
		font-size: 15px;
		font-weight: bold;
	}
	.tmenu2 li.active {
		background: #4c4c4c;
		color: #fff !important;
		border-bottom: 1px solid #4c4c4c;
	}
	.tmenu2 li.active a {
		color: #fff;
	}
	.tab-area {
		width: 100%;
		position: relative;
	}
	.tab-area img {
		width: 100%;
	}
	.map-area {
		width: 100%;
	}
	.map-area img {
		width: 100%;
	}
	.map-btn-area {
		padding: 10px 0px;
	}
	.map-btn-area .naver-btn {
		margin-bottom: 5px;
		cursor: pointer;
		height: 37px;
		background: #2db400 url(../../common/images/icon/naver-img.gif)
			no-repeat 30% 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .daum-btn {
		cursor: pointer;
		margin-bottom: 5px;
		height: 37px;
		background: #81acf6 url(../../common/images/icon/daum-img.gif) no-repeat
			30% 12px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .google-btn {
		cursor: pointer;
		height: 37px;
		background: #4285f4 url(../../common/images/icon/google-img.gif)
			no-repeat 30% 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .naver-btn a {
		color: #fff
	}
	.map-btn-area .daum-btn a {
		color: #fff
	}
	.map-btn-area .google-btn a {
		color: #fff
	}
	.detail-info-area {
		width: 100%;
		margin-top: 60px;
		border-top: 1px solid #ccc;
		padding-top: 65px;
	}
	.detail-txt-box {
		
	}
	.detail-txt-box h3 {
		text-align: left !important;
		margin-bottom: 25px;
		color: #333333;
		font-size: 15px;
		font-weight: bold;
		padding-left: 25px;
		padding-top: 5px;
		margin-top: 20px;
		background: url(../../common/images/icon/map_spot.gif) no-repeat 15px
			18px !important;
		width: 300px;
		height: 30px;
	}
	.detail-txt-box table {
		
	}
	.detail-txt-box table tr {
		line-height: 30px;
	}
	.detail-txt-box table tr th {
		text-align: left;
		width: 60px;
		color: #373737;
		font-size: 13px;
		font-weight: bold;
	}
	.detail-txt-box table tr td {
		color: #777;
		font-size: 12px;
	}
	.detail-txt-box .table2 {
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 10px;
		margin-bottom: 45px;
	}
	.detail-txt-box .bus-icon1 {
		padding-left: 25px;
		background: url(../../common/images/icon/g_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon1 span {
		color: #373737;
	}
	.detail-txt-box .bus-icon2 {
		padding-left: 25px;
		background: url(../../common/images/icon/b_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon2 span {
		color: #373737;
	}
	.detail-txt-box .bus-icon3 {
		padding-left: 25px;
		background: url(../../common/images/icon/r_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon3 span {
		color: #373737;
		height: 100px;
	}
	.wd-500 {
		width: 500px;
	}
	/* 장바구니 */
	.board-type04 {
		clear: both;
		margin-top: 18px;
		border-bottom: 1px solid #444444;
		font-size: 12px;
	}
	.board-type04 th {
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type04 td {
		text-align: center;
		color: #373737;
		padding: 15px 0;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.down-txt-left p {
		margin-bottom: 0px !important;
	}
	.board-type04 td.subject {
		text-align: left;
		padding-left: 5px;
	}
	.board-type04 td.subject h3 {
		text-align: left;
	}
	.board-type04 td.subject a {
		font-size: 14px;
		font-weight: normal;
		color: #6c6c6c;
	}
	.board-type04 td.subject a:hover {
		text-decoration: underline;
	}
	.board-type04 td.subject p {
		margin-top: 5px;
		color: #6c6c6c;
		font-size: 13px;
		font-weight: normal;
	}
	.board-type04 td.subject p a {
		color: #6c6c6c;
		font-size: 13px;
	}
	.board-type04 td.subject p span {
		margin-right: 5px;
	}
	.board-type04 td.subject p span img {
		vertical-align: middle;
	}
	.board-type04 td.text-l {
		text-align: left;
		padding-left: 20px;
	}
	.board-type04 td .total {
		color: #000000;
		font-size: 12px;
	}
	.board-type04 td .total span {
		color: #334af2;
		font-size: 16px;
	}
	.board-type04 tfoot td {
		background: #f8f9fa;
		border-top: 2px solid #aaaaaa;
		border-bottom: 1px solid #dce4e7;
	}
	.cart-btn-area {
		height: 40px;
		margin-top: 20px;
	}
	.cart-btn01 {
		float: left;
		width: 80px;
		height: 27px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.cart-btn02 {
		float: right;
		width: 80px;
		height: 27px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.boardinbox .cash-txt {
		margin-top: 10px;
		font-size: 12px;
		color: #626262;
		margin-left: 10px;
		word-break: keep-all;
	} /* 2018-12-17 수정 */
	.cash-txt span {
		margin-left: 5px;
	}
	.cash-txt.ver2 {
		margin-left: 0;
		margin-top: 20px;
	} /* 2018-12-17 추가 */
	.cash-txt.ver2M {
		margin-left: 0;
		margin-top: 20px;
		padding-left: 10px;
		box-sizing: border-box
	} /* 2018-12-17 추가 */
	.casherbox {
		width: 95%;
		border: 1px solid #e9e9e9;
		margin: 30px auto;
	}
	.casheroptionbox {
		margin: 0 auto;
		width: 95%;
		padding: 40px 0;
	} /* 2019-04-05 추가 */
	.casherbox730p {
		margin: 0 auto;
		width: 100%;
	}
	.custom-label {
		background: url(../../common/images/bg/bg_cash_option1.gif) no-repeat;
		padding-top: 10px;
		box-sizing: border-box;
		width: 45%;
		height: 50px;
		display: inline-block;
		text-align: center;
		color: #000000;
		font-size: 12px;
		cursor: pointer;
		line-height: 25px;
	}
	.custom-label.last {
		margin-top: 15px;
	} /* 2019-04-15 수정 */
	.custom-label .txt {
		color: #000000;
		font-size: 16px;
	}
	.custom-radio {
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top: 0px; /* Adjust to for best fit */
		margin: 0 .4em;
		width: 26px;
		height: 26px;
		background: url(../../common/images/icon/radio.png) 0 0 no-repeat;
	}
	.custom-radio.focus {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.custom-radio.checked {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.custom-radio.checked.focus {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.option1 {
		float: left;
	}
	.option2 {
		float: right;
	}
	.attention-list {
		clear: both;
		margin-top: 20px;
	}
	.attention-list li {
		padding-left: 10px;
	}
	.attention-list li h4 {
		color: #343434;
		font-weight: 700;
		font-size: 15px;
		line-height: 25px;
	}
	.attention-list li p {
		margin-top: 10px;
		color: #626262;
		font-size: 13px;
	}
	.cashinforbox {
		border-top: 1px solid #777d84;
		border-bottom: 1px solid #777d84;
		clear: both;
		margin-top: 30px;
	}
	.mail-com {
		padding: 5px 0px;
	}
	.mail-com li {
		
	}
	.mail-com li .cashinfo-txt {
		float: left;
		width: 48%;
		height: 29px;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
		margin-right: 10px;
		box-sizing: border-box;
	}
	.cashinfo-txt {
		width: 88%;
	}
	.noneline-tbl1 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
	}
	.submit11 {
		width: 100%;
		margin-top: 10px;
		height: 30px;
		background: #848d99;
		color: #fff;
		cursor: pointer;
	}
	.casherbox825p {
		width: 95%;
		margin: 0 auto;
	}
	.noneline-tbl3 {
		width: 100%;
		margin: 0 auto;
	}
	.noneline-tbl3 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 125px;
		padding-left: 30px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl3 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl3 td {
		height: 42px;
		vertical-align: middle;
		text-align: center;
		padding-left: 10px;
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.bank-logo {
		background: url(../../common/images/icon/bank_icon.gif) no-repeat 40px
			8px;
		width: 100px;
		height: 30px;
		padding-left: 20px;
	}
	.bank-txt {
		font-size: 13px;
		color: #626262;
		margin-top: 15px;
		margin-bottom: 60px !important;
	}
	.bank-txt span {
		color: #000;
	}
	.bank-txt>.color {
		margin-top: 10px;
	}
	.noneline-tbl2 {
		width: 95%;
		margin: 0 auto;
	}
	.noneline-tbl2 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 13px;
		color: #232323;
		font-weight: 700;
		width: 20%;
		margin: 0 auto;
	}
	.noneline-tbl2 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 13px;
	}
	.submit5 {
		width: 48%;
		height: 30px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
	}
	.bottom-btn {
		text-align: center;
		padding: 10px 0 100px 0;
	}
	/*뾰족하게보기*/
	.all-page-number {
		margin-top: 10px;
	}
	.date-choice2 {
		width: 100%;
		border: 1px solid #e1e1e1;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		margin-bottom: 28px;
	}
	.date-choice2 p {
		color: #444444;
		font-size: 15px;
		margin-bottom: 10px;
	}
	.date-choice2 ul li .date-btn {
		float: left;
		padding: 0px !important;
		margin-right: 5px;
		margin-top: 10px;
		width: 17%;
		height: 30px;
		border: 1px solid #c2c2c2;
		background: #fff;
		font-size: 13px;
		padding-top: 4px;
		box-sizing: border-box;
	}
	.date-choice2 ul li .date-btn:hover {
		background: #898989;
		color: #fff;
	}
	.date-choice2 ul a li {
		color: #666666;
	}
	.date-box {
		width: 100%;
		margin: 0 auto;
	}
	.search-btn2 {
		width: 100%;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #898989;
		border: none;
		cursor: pointer;
		margin-top: 10px;
	}

	/*뾰족하게 뷰페이지*/
	.comment-box2 textarea {
		width: 110% !important;
	}
	.view-content img {
		width: 100% !important;
	}
	.report-view {
		width: 150px;
		height: 37px;
		background: #49a3fc;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
		margin-top: 30px;
		text-align: center;
	}
	.report-area {
		width: 150px;
		margin: 0 auto;
	}
	.left-b-inbox {
		
	}
	.inbox-t {
		width: 100%;
		height: 25px;
	}
	.inbox-t p {
		float: left;
		background: url(../../common/images/icon/good_img.gif) no-repeat;
		padding-left: 90px;
		height: 25px;
		font-size: 13px;
	}
	.inbox-t .list-btn {
		margin-top: 20px;
		float: right;
		width: 25%;
		height: 29px;
		border-top: 1px solid #e9e9e9;
		border-left: 1px solid #e9e9e9;
		border-right: 1px solid #c3c3c3;
		border-bottom: 1px solid #c3c3c3;
		color: #fff;
		font-size: 13px;
	}
	.inbox-b {
		width: 100%;
		margin-top: 60px;
	}
	.inbox-b .img-txt {
		float: left;
		background: url(../../common/images/icon/txt_box_img.gif) no-repeat;
		padding-left: 15px;
		height: 25px;
	}
	.comment-number {
		float: right;
	}
	.comment-area {
		clear: both;
		border-top: 1px solid #444444;
		padding-top: 20px;
	}
	.comment-area .comment-name  li {
		float: left;
		margin-right: 10px
	}
	.comment-area .comment-name .delete {
		float: right !important;
	}
	.comment-name .name {
		color: #373737;
		font-size: 13px;
		margin-right: 15px;
	}
	.comment-area .commont-txt {
		clear: both;
		color: #6c6c6c;
		font-size: 12px;
		padding-top: 15px;
		box-sizing: border-box;
	}
	.comment-box {
		width: 100%;
		height: 122px;
		border: 1px solid #ccc;
		margin-top: 35px;
		padding: 15px;
		box-sizing: border-box;
	}
	.comment-box ul li {
		float: left
	}
	.comment-box .box-t .write-name {
		color: #373737;
		font-size: 13px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.comment-box .box-t .text {
		width: 80%;
		height: 27px;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
	}
	.comment-box .box-t .max-number {
		float: right;
		padding-top: 10px;
		display: none;
	}
	.comment-box .box-b {
		clear: both;
		margin-top: 10px;
	}
	.comment-box .box-b textarea {
		width: 121%;
		height: 50px;
		border: 1px solid #cdcdcd;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.comment-box .box-b .submit-btn {
		width: 100%;
		height: 50px;
		border: 1px solid #6184a7;
		background: #80a2c5;
		margin-top: 10px;
		color: #fff;
		margin-left: 57%;
	}

	/*기간제결제*/

	/*2015-12-30 추가부분*/
	.paym-tit {
		color: #232323;
		font-size: 16px !important;
		font-weight: bold;
		float: left;
		width: 90px;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
		margin-top: 10px;
	}
	/*2015-12-30 추가부분*/
	.paym-txt {
		color: #7d7b7b;
		font-size: 12px;
		padding-left: 15px;
		float: left;
		margin-bottom: 15px;
		margin-top: 25px;
	}
	.paym-sub-tit {
		clear: both;
		border-top: 1px solid #444444;
		padding-top: 20px;
		box-sizing: border-box;
	}
	.paym-sub-tit p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.paym-sub-tit p span {
		color: #f33f0f;
	}

	/*2016-01-20 추가부분*/
	.paym-sub-tit3 {
		clear: both;
		padding-top: 20px;
		box-sizing: border-box;
	}
	/*2016-01-20 추가부분*/
	.paym-sub-tit3 p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	/*2016-01-20 추가부분*/
	.paym-sub-tit3 p span {
		color: #f33f0f;
	}

	/*2016-01-20 추가부분*/
	.paym-box {
		width: 95%;
		margin: 0 auto;
		margin-top: 35px;
		box-sizing: border-box;
		position: relative;
	}
	.paym-box li {
		position: relative;
		margin-bottom: 20px;
	}
	/*2016-01-20 추가부분*/
	.paym-box .red-box {
		padding-top: 29px;
		box-sizing: border-box;
		background: url(../../common/images/bg/red_bg.gif) no-repeat;
		width: 263px;
		margin: 0 auto;
		height: 271px;
		margin-bottom: 58px;
	}
	.paym-box .blue-box {
		padding-top: 29px;
		box-sizing: border-box;
		background: url(../../common/images/bg/blue_bg.gif) no-repeat;
		width: 263px;
		margin: 0 auto;
		height: 271px;
		margin-bottom: 20px;
	}
	.paym-box .black-box {
		padding-top: 29px;
		box-sizing: border-box;
		background: url(../../common/images/bg/black_bg.gif) no-repeat;
		width: 263px;
		margin: 0 auto;
		height: 271px;
		margin-bottom: 20px;
	}
	.paym-box .paym-txt1 {
		color: #fff;
		font-size: 15px;
		text-align: center;
	}
	.paym-box .paym-txt2 {
		color: #fff;
		font-size: 15px;
		text-align: center;
	}
	.paym-box .paym-txt3 {
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		text-align: center;
	}
	.paym-box .paym-txt4 {
		color: #fff;
		font-size: 14px;
		text-align: center;
		margin-bottom: 3px !important;
	}
	.paym-box .paym-txt-c1 {
		color: #f7e6b4;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.paym-box .paym-txt-c2 {
		color: #7fd3ff;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.paym-box .paym-txt-c3 {
		color: #f3d890;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.pay-button1 {
		position: absolute;
		top: 215px;
		left: 60px;
		width: 135px;
		height: 35px;
		background: #fff url(../../common/images/icon/pay_arrow.gif) no-repeat
			100px 6px;
		padding: 6px 30px;
		box-sizing: border-box;
		color: #2e8fe0;
		cursor: pointer;
		font-weight: bold;
		border: none;
	} /* 2019-04-15 수정 */
	.pay-button2 {
		position: absolute;
		top: 215px;
		left: 60px;
		width: 135px;
		height: 35px;
		background: #fff url(../../common/images/icon/pay_arrow2.gif) no-repeat
			100px 6px;
		padding: 6px 30px;
		box-sizing: border-box;
		color: #b28d27;
		cursor: pointer;
		font-weight: bold;
		border: none;
	} /* 2019-04-15 수정 */
	/*2016-01-20 추가부분*/
	.paym-b-txt {
		color: #656565;
		font-size: 14px;
		width: 200px;
		text-align: center;
		margin-left: 25px;
		padding-top: 10px;
		clear: both;
		margin: 0 auto;
		position: absolute;
		top: 267px;
		left: 50%;
		margin-left: -100px;
	}

	/*tab*/
	.search-tab {
		width: 100%;
		border-left: 1px solid #eeeeee;
		margin-top: 10px;
	}
	.search-tab li {
		float: left;
		width: 50%;
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 700;
	}
	.search-tab li a {
		color: #828282;
		display: block;
		width: 100%;
		border-right: 1px solid #eeeeee;
		border-top: 2px solid #eeeeee;
		text-align: center;
		border-bottom: 1px solid #c9c9c9;
		padding: 11px 0;
	}
	.search-tab li.active a {
		color: #3989cb;
		display: block;
		width: 100%;
		border-right: 1px solid #c9c9c9;
		border-top: 2px solid #3989cb;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding: 11px 0;
	}

	/*기간제결제*/
	.seven-paym-area {
		background: #3989cb;
		width: 100%;
		text-align: center;
		position: relative;
		margin-bottom: 30px;
		padding: 20px 10px;
		box-sizing: border-box;
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt1 {
		color: #fff;
		font-size: 16px;
		padding-top: 10px
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt2 {
		color: #fff;
		font-size: 26px;
		line-height: 32px;
		padding-top: 10px;
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt2_1 {
		font-size: 20px;
		font-weight: bold
	}
	.seven-paym1 .paym-txt2_1.type1 {
		color: #a5ddff
	}
	.seven-paym1 .paym-txt2_1.type2 {
		color: #f3d890
	}
	.seven-paym1 .paym-txt-c1 {
		color: #a5ddff;
		font-size: 13px;
		padding-top: 10px;
	} /* 2019-04-15 수정 */
	.seven-paym2 .paym-txt4 {
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		padding-top: 25px;
	} /* 2019-04-15 수정 */
	.seven-paym2 .paym-txt5 {
		color: #fff;
		font-size: 17px;
		padding-top: 10px;
	} /* 2019-04-15 수정 */

	/*2015-12-30 추가부분*/
	.cash-tit h3 {
		width: 105px;
		background: url(../../common/images/icon/join-bar.gif) no-repeat 104px
			18px;
		height: 60px;
		float: left;
		margin-right: 10px;
		color: #232323;
		font-size: 16px !important;
	}
	/*2015-12-30 추가부분*/
	.cash-tit p {
		color: #7d7b7b;
		font-size: 12px !important;
		margin-bottom: -20px !important;
		padding-top: 13px;
	}
	.submit6 {
		width: 48%;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.seven-paym3 .paym-txt4 {
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		padding-top: 25px
	} /* 2019-04-15 수정 */
	.seven-paym3 .paym-txt5 {
		color: #fff;
		font-size: 17px;
		padding-top: 10px
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt-c2 {
		color: #f3d890;
		font-size: 13px;
	}
	.seven-paym-area2 {
		padding: 10px;
		box-sizing: border-box;
		background: #464849;
		width: 100%;
		text-align: center;
		position: relative;
		margin-bottom: 30px;
	}
	.seven-paym4 .paym-txt4 {
		color: #f3d890;
		font-weight: bold;
		font-size: 36px;
	}
	.seven-paym4 .paym-txt5 {
		color: #f3d890;
		font-size: 17px;
	}
	/*이용권선물*/
	.tab-contsearch .paym-txt-c2 {
		left: 45px;
		padding-top: 10px;
	} /* 2019-04-15 수정 */
	.tab-contsearch .paym-txt-c3 {
		left: 45px;
	}
	.tab-contsearch .paym-txt02 {
		left: 10px;
	}
	.tab-contsearch .tb-sub-tit {
		margin-bottom: 10px;
		margin-top: 10px;
		color: #7d7b7b;
		font-size: 12px;
		padding-top: 25px;
	} /* 2019-04-15 수정 */
	.choice-box {
		width: 95%;
		margin: 0 auto;
	}
	.choice-box h3 {
		color: #232323;
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.choice-box select {
		margin-bottom: 20px;
		width: 100%;
	}
	.choice-box p {
		margin-bottom: 20px;
		width: 100%;
	}
	.casherbox2 {
		
	}
	.paym-name {
		width: 80%;
	}
	.paym-e {
		width: 80%;
	}
	.bottom-btn2 {
		margin-bottom: -60px !important;
	}
	/*이용권내역*/
	.submit7 {
		margin-bottom: 20px;
		float: right;
		width: 92px;
		margin-top: 20px;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.board01 {
		margin-bottom: 20px;
	}

	/*이용권선물*/
	.staff-con {
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.staff-con h3 {
		color: #232323;
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.staff-con .staff-con-txt p {
		margin-top: 10px;
		color: #626262;
		font-size: 15px;
		margin-bottom: 10px;
		float: left;
	}
	.staff-con .staff-con-txt .text {
		width: 45%;
		float: left;
	}
	.staff-con .staff-con-txt li {
		
	}
	.submit8 {
		width: 100%;
		margin-top: 10px;
		height: 30px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
	}
	.staff-con .staff-con-txt .e-txt {
		color: #232323;
		font-size: 13px;
	}
	.staff-con-num {
		clear: both;
		padding-top: 20px;
	}
	.staff-con .staff-con-num p {
		margin-top: 10px;
		color: #626262;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.staff-con-input {
		width: 90%;;
		margin-top: 7px;
	}
	.submit9 {
		margin-bottom: 10px;
		width: 100%;
		clear: both;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.submit10 {
		margin-bottom: 10px;
		width: 100%;
		clear: both;
		height: 30px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
	}
	.boardinbox .common-text-box3 {
		width: 100%;
	}
	.boardinbox textarea {
		width: 90%;
		margin: 10px 0px;
		height: 200px;
	}
	.boardinbox .color {
		color: #f8440d;
		font-size: 16px;
	}
	.boardinbox h3 {
		color: #232323;
		font-size: 22px;
		margin-bottom: 10px;
		text-align: center;
		padding: 15px 0px;
		box-sizing: border-box;
	}
	.boardinbox p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	} /* 2019-04-15 수정 */
	.boardinbox p ul li {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.mem-leave li {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
		line-height: 25px;
	}
	.mem-leave-tit {
		margin-top: 10px;
	}

	/* 2019-04-05 추가 */
	.pay-button1.on {
		background: #1d3aad url(../../common/images/icon/pay_arrow1_hov.jpg)
			no-repeat 100px 6px;
		color: #fff
	}
	.pay-button2.on {
		background: #b28d27 url(../../common/images/icon/pay_arrow2_hov.jpg)
			no-repeat 100px 6px;
		color: #fff
	}
	/* //2019-04-05 추가 */

	/*2016-01-29 변경부분*/
	.list-btn {
		cursor: pointer;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		top: 40px;
	}
	.table-list-btn {
		margin-bottom: 20px;
		float: right;
		width: 100%;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	/* 검색결과 */
	.cerent {
		color: #3989cb !important;
	}
	.smallfont-title {
		font-size: 20px !important;
		color: #989696 !important;
	}
	.search-resultbox {
		margin: 0 auto;
		padding-top: 20px;
		width: 95%;
		margin: 0 auto;
	}

	/*2016-01-26 제거부분.search-txt { width: 53%; }*/
	/*2016-01-26 제거부분form { width: 82%;}*/
	.search-result-formbox {
		background: #f3f3f3; /*2016-01-26 제거부분height:84px;*/
	}
	.search-result-formbox { /*2016-01-26 제거부분float:right;*/
		margin-right: 18px;
		color: #444444;
		padding-top: 18px;
		padding-left: 10px;
	}
	/*2016-01-26 제거부분.search-result-formbox  {float:left;}*/
	.search-result-formbox .tit {
		font-size: 16px;
		padding-top: 6px;
		margin-right: 10px;
	}
	/*2016-01-26 제거부분.search-result-formbox .form {margin-right:8px;}*/
	/*2016-01-26 변경부분*/
	.search-result-formbox .form {
		height: 22px;
		font-size: 12px;
		line-height: 5px;
		border: 1px solid #c2c2c2;
		background: #fff;
	}
	.search-result-formbox .btn {
		margin-right: 8px;
	}
	/*2016-01-26 변경부분*/
	.search-result-formbox .btn {
		font-size: 12px;
		text-align: center;
		background: #898989;
		color: #fff;
		border-radius: 5px;
		padding: 5px 7px;
		margin-left: 5px;
	}
	/*2016-01-26 추가부분*/
	.search-result-formbox .btn a {
		color: #fff;
	}
	/*2016-01-26 추가부분*/
	.search-result-formbox .option {
		padding-top: 3px;
		display: block;
		padding-bottom: 10px;
	}
	.search-result-formbox 
.search-keyword {
		text-align: center;
		font-size: 15px;
		color: #626262;
		font-family: "Noto Sans KR", sans-serif;
		padding: 20px 0;
	}
	.search-keyword a, .search-keyword span {
		color: #ff4f4f;
	}
	.search-tab {
		width: 100%;
		border-left: 1px solid #eeeeee;
	}
	.search-tab li {
		float: left;
		width: 25%;
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 700;
	}
	.search-tab li a {
		color: #828282;
		display: block;
		width: 100%;
		border-right: 1px solid #eeeeee;
		border-top: 2px solid #eeeeee;
		text-align: center;
		border-bottom: 1px solid #c9c9c9;
		padding: 11px 0;
	}
	.search-tab li.active a {
		color: #3989cb;
		display: block;
		width: 100%;
		border-right: 1px solid #c9c9c9;
		border-top: 2px solid #3989cb;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding: 11px 0;
	}
	.tab-contsearch {
		margin-top: 20px;
	}
	.search-catetitle {
		clear: both;
		width: 100%;
		background: url(../../common/images/bg/bg_search_line.gif) no-repeat
			left bottom;
		padding: 10px 0;
		position: relative;
	}
	.search-catetitle h3 {
		width: 77px;
		text-align: center;
	}
	.search-catetitle .more {
		position: absolute;
		right: 5px;
		top: 8px;
		background: url(../../common/images/icon/icon_plus2.gif) no-repeat left
			center;
		padding-left: 15px;
		display: block;
		color: #7e7e7e;
	}
	.search-list li {
		border-bottom: 1px solid #d3d3d3;
		padding: 20px 0;
		position: relative;
		font-family: "Noto Sans KR", sans-serif;
	}
	.search-list li:after {
		content: ".";
		height: 0;
		font-size: 0;
		display: block;
		clear: both;
	}
	.search-list li .thum {
		width: 170px;
		height: 130px;
		float: left;
	}
	.search-list li .thum img {
		width: 100%;
	}
	.search-list li .text {
		float: right;
		width: 100%;
		position: relative;
	}
	.search-list li .text .cate {
		font-size: 13px;
		color: #a2a2a2;
	}
	.search-list li .text h4 {
		margin-top: 10px;
	}
	.search-list li .text h4 a {
		color: #373737;
		font-size: 16px;
	}
	.search-list li .text .context {
		line-height: 140%;
		color: #7e7e7e;
		font-size: 12px;
		margin-top: 15px;
	}
	.search-list li .text .context .keyword {
		background: #ebebeb;
		color: #ff4f4f;
	}
	.search-list li .text .data {
		clear: both;
		color: #7e7e7e;
		font-size: 12px;
	}
	.search-list li .text .data .da {
		margin: 0 15px 0 5px;
	}
	.search-list li .text .data .read {
		margin: 0 15px 0 5px;
	}
	.mt-20 {
		margin-top: 20px;
	}
	.vertical-m {
		vertical-align: middle;
	}
	.board-type02 .tit img {
		margin-bottom: 0px !important;
	}
	.sub-cont-right .cont-right-title2 {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 25px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
	.sub-cont-right .cont-right-title3 {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 25px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.search-dataterm dl {
		width: 243px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.search-dataterm dl dt {
		font-size: 13px;
		font-weight: 700;
		color: #232323;
		padding-bottom: 10px;
	}
	.search-dataterm dl dd li {
		float: left;
	}
	.search-dataterm dl dd li.last {
		margin-right: 0;
	}
	.search-dataterm dl dd li .bar {
		margin: 0 2px;
	}
	.search-dataterm dl dd {
		margin-bottom: 15px;
	}
	.term-data1 {
		border: 1px solid #c2c2c2;
		background: #fff;
		width: 104px;
		height: 26px;
		position: relative;
		display: block;
	}
	.term-data1 img {
		vertical-align: middle;
	}
	.term-data1 input {
		border: 0;
		background: none;
		width: 65px;
		height: 20px;
		font-size: 12px;
	}
	.searchoption {
		background: #f7f7fa;
		padding: 4px 0 4px 5px;
	}
	.searchoption label {
		display: inline-block;
		margin-right: 3px;
		font-size: 13px;
		color: #4f4f4f;
	}
	.searchoption  .btn-search {
		display: inline-block;
		font-size: 12px;
		text-align: center;
		background: #898989;
		color: #fff;
		width: 34px;
		border-radius: 5px;
		padding: 4px 0;
	}
	.ranklist {
		border-bottom: 1px solid #ccc;
		padding: 10px 0;
	}
	.ranklist li {
		line-height: 160%;
		color: #6f6f6f;
		padding: 4px 0;
	}
	.ranklist li span {
		margin: 0 5px 0 20px;
		display: inline-block;
		vertical-align: middle;
		background: #3989cb;
		line-height: 130%;
		text-align: center;
		color: #fff;
		border: 1px solid #2874b2;
		font-size: 11px;
		font-weight: bold;
		font-weight: normal;
		width: 16px;
	}
	.ranklist li a {
		color: #6f6f6f;
	}
}
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
/*====================================================================테블릿 시작=====================================================================================*/
@media only screen and (min-width:768px) and (max-width:1023px) {
	.wrapper {
		width: 100%;
	}
	#lnb {
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #cdd1d5;
		z-index: 2;
	}
	/* location */
	.localNav_area {
		position: relative;
		z-index: 2;
		color: #333;
		width: 95% !important;
		margin: 0 auto;
	}
	.localNav {
		height: 40px;
		float: left;
	}
	.localNav>p {
		height: 40px;
		padding: 0 px;
	}
	.localNav>p, .localNav>p>span, .menuLink {
		float: left;
	}
	.localNav_area .sp_home {
		width: 40px;
		padding-top: 13px;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 30px 16px;
	}
	.txt {
		width: 110px;
		font-size: 13px;
		color: #707275;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 100px 16px;
	}
	.txt2 {
		width: 64px;
		font-size: 13px;
		color: #707275;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 50px 16px;
	}
	.localNav>p>span {
		padding: 10px 0 8px;
	}
	.sp_img {
		display: inline-block;
		padding-left: 10px;
		vertical-align: middle;
	}
	.sp_img img {
		width: 10px;
		vertical-align: middle;
	}
	.menuLink {
		position: relative;
		vertical-align: top;
		z-index: 1030;
	}
	.menuLink>a {
		display: block;
		font-size: 13px;
		color: #707275;
		margin-top: 1px;
		padding: 9px 10px 8px;
		width: 70px;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 85px 15px;
		letter-spacing: -1px;
		white-space: nowrap;
	}
	.menuLink6>a {
		width: 84px;
		background-position: 97px 15px;
	}
	.menuLink2>a {
		background: none;
	}
	.menuLink>a.close {
		color: #2475d0;
	}
	.menuLink .menu {
		display: none;
		position: absolute;
		top: 40px;
		left: 0px;
		padding: 0px;
		border: 1px solid #ccc;
		background: #fff;
		width: 120%;
		min-width: 150px;
		max-height: 300px;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1030;
	}
	.menuLink .menu01 {
		height: 120px !important;
	}
	.menuLink .menu03 {
		height: 150px !important;
	}
	.menuLink .menu a {
		position: relative;
		display: block;
		white-space: nowrap;
		white-space: normal;
		font-size: 12px;
		padding: 8px 10px;
		background: #fff;
		line-height: 1.2;
		letter-spacing: -1px;
		z-index: 1030;
	}
	.menuLink .menu a:hover, .menuLink .menu li.hover a:hover {
		color: #fff;
		text-decoration: none;
		background: #2475d0;
	}
	.menuLink .menu li.on a {
		color: #fff;
		text-decoration: none;
		background: #3989cb;
	}
	.menuLink .open img {
		padding-top: 8px;
		margin-left: 3px;
	}
	.invi-current {
		color: #3989cb !important;
		font-size: 12px !important;
	}
	.top-icon {
		float: right;
		padding-top: 10px;
	}
	.top-icon li {
		float: left;
		margin-right: 10px;
	}
	.web-nav {
		display: none;
	}

	/*cont*/

	/*서브리스트*/
	.subCon {
		width: 95% !important;
		margin: 0 auto;
		padding: 40px 0px;
	}
	.sub-top {
		width: 100%;
		height: 60px;
	}
	.sub-top h2 {
		color: #333333;
		font-size: 28px;
	}
	.sub-top p {
		color: #737373;
		font-size: 16px;
		margin-top: 15px;
	}
	.sub-cont {
		width: 100%;
		margin: 0 auto;
	}
	.date-choice {
		width: 100%;
		height: 65px;
		border: 1px solid #e1e1e1;
		padding-top: 20px;
		box-sizing: border-box;
	}
	.date-choice p {
		margin-left: 45px;
		float: left;
		color: #444444;
		font-size: 16px;
		margin-right: 35px;
	}
	.date-choice ul {
		float: left;
	}
	.date-choice ul li {
		margin-right: 5px;
		float: left;
		width: 110px;
		height: 28px;
		border: 1px solid #c2c2c2;
		background: #fff;
		font-size: 13px;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
	}
	.date-choice ul li a {
		color: #666666;
		font-size: 13px;
	}
	.date-choice ul .active {
		float: left;
		width: 110px;
		height: 28px;
		border: 1px solid #7b838c;
		background: #8a929a;
		font-size: 13px;
		font-weight: bold;
	}
	.date-choice ul li.active a {
		color: #fff;
		padding-top: 4px;
	}
	.sub_thumlist {
		width: 100%;
		height: 313px;
		margin-top: 15px;
	}
	.sub_thumlist li {
		margin-bottom: 30px;
		float: left;
		width: 23.7% !important;
		height: 295px;
		margin-right: 1.7%;
		position: relative;
		background: #fff;
		border: 1px solid #d2d2d2;
		box-sizing: border-box;
	}
	.sub_thumlist .last {
		margin-right: 0px;
	}
	.sub-p-all {
		padding: 15px 20px;
		box-sizing: border-box;
	}

	/*2015-12-30 추가부분*/
	.sub-p-all .text01 {
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		line-height: 1.2em;
		height: 4.2em;
	}
	.sub-p-all .text01 a {
		font-size: 14px;
		color: #3d3d3d;
		line-height: 20px;
	}
	.sub-p-all .text02 a {
		font-size: 13px;
		color: #777;
		line-height: 20px;
	}
	.sub-p-all .text03 a {
		font-size: 13px;
		color: #919191;
	}
	.sub-p-all .text04 a {
		font-size: 13px;
		color: #919191;
	}
	.sub-p-all .text03 {
		float: left;
	}
	.sub-p-all .text04 {
		float: right;
	}
	.pick-wrap {
		position: relative;
		margin-left: 35px;
		float: left;
		margin-right: 5px;
	}
	.pick-input {
		background: #fff;
		height: 28px;
		position: relative;
	}
	.pick-input input {
		background: none;
		border: 1px solid #c2c2c2;
		height: 20px;
		vertical-align: middle;
		width: 70px !important;
		padding-left: 30px;
	}
	.pick-input img {
		position: absolute;
		left: 5px;
		top: 4px;
		cursor: pointer;
	}
	.search-btn {
		width: 50px;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #49a3fc;
		border: none;
		cursor: pointer;
	}
	.sub_thumlist>.type02>.maskbox>.main-thum-img {
		position: relative;
		box-sizing: border-box;
	}
	.sub_thumlist>.type02>.maskbox>.main-thum-img>.over-mask:hover {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		height: 100%;
		opacity: 0.6;
	}
	.cus-btn input {
		float: right;
		cursor: pointer;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.sub_thumlist .mask_bg1 {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .mask_bg2 {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .sub-thum-img {
		position: relative;
	}
	.sub_thumlist .type02 .mask_bg1 h3 {
		font-size: 21px;
		line-height: 26px;
		margin: 180px 0px 0px 10px;
		z-index: 5;
	}
	.sub_thumlist .type02 .mask_bg1 h3 a {
		color: #fff;
	}
	.sub_thumlist .type02 .mask_bg2 h3 {
		font-size: 21px;
		line-height: 30px;
		margin: 200px 0px 0px 10px;
		z-index: 5;
	}
	.sub_thumlist .type02 .mask_bg2 h3 a {
		color: #424242;
	}
	.sub_thumlist li.type01:hover {
		/* background: #3989cb; */
		
	}
	.sub_thumlist li.type01:hover .sub-p-all {
		color: #333;
	}
	.sub_thumlist li.type01:hover .sub-p-all a {
		color: #333;
	}
	.sub_thumlist li.type01:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 100%;
		height: 100%;
		opacity: 0.6;
	}
	.sub_thumlist li.type01:hover .over-btn {
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 73px;
		left: 43px;
		z-index: 10;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
	}
	.sub_thumlist li.type01:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.sub_thumlist li.type01:hover .rink-btn {
		display: none;
	}
	.data-num {
		margin-bottom: 10px;
		margin-top: 35px;
		font-size: 12px;
	}

	/*검색결과 없음*/
	.no-data-tit {
		margin-bottom: 20px;
		margin-top: 15px;
		width: 100%;
		height: 60px;
		border: 1px solid #ccc;
		text-align: center;
		padding-top: 18px;
		box-sizing: border-box;
		color: #424242;
		font-size: 13px;
		font-weight: bold;
	}

	/*서브상세*/
	.sub-cont-inbox {
		width: 100%;
		border: 1px solid #d3d3d3;
		position: relative;
	}
	.sub-cont-left {
		float: left;
		width: 75%;
		box-sizing: border-box;
		border-right: 1px solid #ccc;
	}
	.sub-cont-left-t {
		padding: 0px 40px;
	}
	.left-title {
		width: 100%;
		border-bottom: 1px solid #d3d3d3;
		text-align: center;
		padding-top: 57px;
		box-sizing: border-box;
	}
	.left-title h3 {
		font-weight: bold;
		font-size: 24.5px;
		color: #000000;
		padding-bottom: 15px;
		box-sizing: border-box;
		line-height: 32px;
		margin: 0 auto;
		width: 500px;
		word-break: keep-all;
	}
	.left-title p {
		font-size: 14px;
		color: #898989;
		margin-bottom: 15px;
	}
	.gallery-title {
		margin-bottom: 10px;
		width: 100%;
	}
	.gallery-title h3 {
		float: left;
	}
	.gallery-title .cloud {
		float: right;
		margin-bottom: 10px;
		color: #898989;
	}
	.gallery-title .cloud img {
		margin-right: 8px;
	}
	.sub-cont-left-b {
		border-top: 1px solid #ccc;
		margin-top: 25px;
	}
	.sub-cont-left .pagination {
		margin-left: 240px !important;
	}
	.left-b-inbox {
		padding: 44px 40px;
	}
	.inbox-t {
		width: 100%;
		height: 25px;
	}
	.inbox-t p {
		float: left;
		background: url(../../common/images/icon/good_img.gif) no-repeat;
		padding-left: 90px;
		height: 25px;
	}
	.list-btn {
		float: right;
		cursor: pointer;
		margin-top: -14px;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.list-btn1 {
		float: right;
		cursor: pointer;
		margin-top: 60px;
		float: right;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.inbox-b {
		width: 100%;
		margin-top: 30px;
	}
	.inbox-b .img-txt {
		float: left;
		background: url(../../common/images/icon/txt_box_img.gif) no-repeat;
		padding-left: 15px;
		height: 25px;
	}
	.comment-number {
		float: right;
	}
	.img-txt2 {
		float: left;
	}
	.comment-area {
		clear: both;
		border-top: 1px solid #444444;
	}
	.comment-name {
		padding-top: 20px;
	}
	.comment-area .comment-name  li {
		float: left;
		margin-right: 10px
	}
	.comment-area .comment-name .delete {
		float: right !important;
	}
	.comment-name .name {
		color: #373737;
		font-size: 13px;
		margin-right: 15px;
	}
	.comment-area .commont-txt {
		clear: both;
		color: #6c6c6c;
		font-size: 12px;
		padding-top: 15px;
		box-sizing: border-box;
		border-bottom: 1px dashed #dedede;
		height: 70px;
	}
	.comment-box {
		width: 100%;
		border: 1px solid #ccc;
		height: 150px;
		margin-top: 35px;
		padding: 15px;
		box-sizing: border-box;
	}
	.comment-box ul li {
		float: left
	}
	.comment-box .box-t .write-name {
		color: #373737;
		font-size: 14px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.comment-box .box-t .text {
		width: 141px;
		height: 27px;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
	}
	.comment-box .box-t .max-number {
		float: right;
		padding-top: 10px;
	}
	.comment-box .box-b {
		clear: both;
		margin-top: 10px;
		width: 100%;
	}
	.comment-box .box-b .box-b01 {
		width: 80%;
	}
	.comment-box .box-b .box-b02 {
		width: 15%;
	}
	.comment-box3 .box-b2 .box-b01 {
		width: 80%;
	}
	.comment-box3 .box-b2 .box-b02 {
		width: 15%;
	}
	.comment-box .box-b textarea {
		width: 100% !important;
		height: 80px;
		border: 1px solid #cdcdcd;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.comment-box .box-b .submit-btn {
		width: 100%;
		height: 80px;
		border: 1px solid #6184a7;
		background: #80a2c5;
		margin-top: 10px;
		color: #fff;
	}

	/*댓글*/
	.left-b-inbox2 {
		padding: 44px 40px;
	}
	.inbox-t2 {
		width: 100%;
		height: 25px;
	}
	.inbox-t2 p {
		float: left;
		background: url(../../common/images/icon/good_img.gif) no-repeat;
		padding-left: 90px;
		height: 25px;
	}
	.list-btn2 {
		float: right;
		margin-top: -14px;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.inbox-b2 {
		width: 100%;
		margin-top: 30px;
	}
	.inbox-b2 .img-txt2 {
		float: left;
		background: url(../../common/images/icon/txt_box_img.gif) no-repeat;
		padding-left: 15px;
		height: 25px;
	}
	.comment-number2 {
		float: right;
	}
	.comment-area2 {
		clear: both;
		border-top: 1px solid #444444;
	}
	.comment-name2 {
		padding-top: 20px;
	}
	.comment-area2 .comment-name2  li {
		float: left;
		margin-right: 10px
	}
	.comment-area2 .comment-name2 .delete2 {
		float: right !important;
	}
	.comment-name2 .name2 {
		color: #373737;
		font-size: 13px;
		margin-right: 15px;
	}
	.comment-area2 .commont-txt2 {
		clear: both;
		color: #6c6c6c;
		font-size: 12px;
		padding-top: 15px;
		box-sizing: border-box;
		border-bottom: 1px dashed #dedede;
	}
	.comment-box3 {
		width: 100%;
		border: 1px solid #ccc;
		height: 150px;
		margin-top: 35px;
		padding: 15px;
		box-sizing: border-box;
	}
	.comment-box3 ul li {
		float: left
	}
	.comment-box3 .box-t .write-name {
		color: #373737;
		font-size: 14px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.comment-box3 .box-t .text {
		width: 141px;
		height: 27px;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
	}
	.comment-box3 .box-t .max-number {
		float: right;
		padding-top: 10px;
	}
	.comment-box3 .box-b2 {
		clear: both;
		margin-top: 10px;
	}
	.comment-box3 .box-b2 textarea {
		width: 545px;
		height: 80px;
		border: 1px solid #cdcdcd;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.comment-box3 .box-b2 .submit-btn {
		width: 80px;
		height: 80px;
		border: 1px solid #6184a7;
		background: #80a2c5;
		margin-top: 10px;
		color: #fff;
	}
	.subCon2 {
		width: 739px;
	}
	.sub-cont-right {
		float: left;
		width: 25%;
	}
	.sub-cont-right .cont-right-title {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 45px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
	.sub-cont-right .title1 {
		background: #f7f7fa url(../../common/images/icon/right_title01.gif)
			no-repeat;
		background-position: top 11px left 15px;
	}
	.sub-cont-right .title2 {
		background: #f7f7fa url(../../common/images/icon/right_title02.gif)
			no-repeat;
		background-position: top 11px left 15px;
	}
	.sub-cont-right .title3 {
		background: #f7f7fa url(../../common/images/icon/right_title03.gif)
			no-repeat;
		background-position: top 15px left 15px;
	}
	.sub-cont-right .title4 {
		background: #f7f7fa url(../../common/images/icon/right_title04.gif)
			no-repeat;
		background-position: top 13px left 15px;
	}
	.sub-cont-right .title5 {
		background: #f7f7fa url(../../common/images/icon/right_title05.gif)
			no-repeat;
		background-position: top 13px left 15px;
	} /* 2019-02-22 추가R */
	.detail-imfo {
		height: 240px;
		border-bottom: 1px solid #ccc;
	}
	.detail-imfo ul {
		width: 100%;
		padding: 7px 20px;
		box-sizing: border-box;
	}
	.detail-imfo ul .detail-ul-title {
		color: #4f4f4f;
		font-size: 12px;
		width: 100%;
		height: 33px;
		border-bottom: 1px solid #ccc;
	}
	.prev-btn {
		background: #4971ac url(../../common/images/icon/prev_icon.gif)
			no-repeat;
		background-position: 8% 8px;
		margin-bottom: 5px;
		cursor: pointer;
		width: 100%;
		height: 36px;
		padding-left: 23px;
		box-sizing: border-box;
		color: #FFF;
		font-weight: bold;
		font-size: 12px;
	}
    #image>.side-btns>.thum-btn-left {
        position: absolute;
        top: 30%;
        left: 7%;
        text-align: right;
        transform: translatey(-50%);
        /* cursor: pointer; */
    }
   	#image>.side-btns>.thum-btn-right {
        position: absolute;
        top: 30%;
        right: 32%;
        transform: translatey(-50%);
        cursor: pointer;
    }
	.detail-imfo ul li {
		width: 100%;
		padding: 7px 0px 7px 0px;
		border-bottom: 1px solid #ccc;
		padding-top: 5px;
		box-sizing: border-box;
		font-size: 13px;
	}
	.detail-imfo ul li span {
		font-weight: bold;
		color: #232323;
		font-size: 13px;
	}
	.cont-down {
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.all-file {
		padding: 25px;
		box-sizing: border-box;
		background: url(../../common/images/icon/file_arrow.gif) no-repeat;
		background-position: center 183px;
		z-index: 10;
	}
	.all-file p {
		width: 100%;
		height: 26px;
		background: #80a2c5;
		color: #fff;
		font-weight: bold;
		padding: 3px 10px;
		box-sizing: border-box;
		font-size: 12px;
	}
	.all-file .file-list {
		width: 100%;;
		border-left: 1px solid #9bb6d1;
		border-right: 1px solid #7392b2;
		border-bottom: 1px solid #7392b2;
		padding: 8px;
		box-sizing: border-box;
	}
	.all-file .lodate-area {
		width: 100%;
		border-top: 1px solid #dfe8f0;
		padding-top: 5px;
		box-sizing: border-box;
	}
	.all-file .file-list li {
		line-height: 20px;
		color: #4f4f4f;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	.cart-btn {
		font-size: 14px;
		cursor: pointer;
		margin-bottom: 5px;
		margin-left: 10px;
		width: 90%;
		height: 36px;
		background: #49a3fc url(../../common/images/icon/icon_cart.gif)
			no-repeat;
		background-position: 20px 9px;
		padding-left: 30px;
		color: #fff;
		box-sizing: border-box;
		font-weight: bold;
		border-left: 1px solid #96cafd;
		border-top: 1px solid #96cafd;
		border-bottom: 1px solid #387cc0;
		border-right: 1px solid #387cc0;
	}
	.preview-btn {
		margin-bottom: 5px;
		cursor: pointer;
		margin-left: 10px;
		width: 90%;
		height: 36px;
		background: #899097 url(../../common/images/icon/icon_preview.gif)
			no-repeat;
		background-position: 20px 9px;
		font-size: 14px;
		padding-left: 30px;
		color: #fff;
		box-sizing: border-box;
		font-weight: bold;
	}
	.bonus-btn {
		margin-bottom: 5px;
		cursor: pointer;
		margin-left: 10px;
		width: 90%;
		height: 36px;
		background: #fff;
		padding-left: 15px;
		box-sizing: border-box;
		color: #8217b4;
		font-weight: bold;
	}
	.prev-btn-area {
		height: 47px !important;
	}
	.search-word {
		border-bottom: 1px solid #ccc;
	}
	.search-word ul {
		width: 100%;
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.search-word ul li {
		float: left;
		margin-right: 10px;
		margin-bottom: 9px;
		background: #a8a8a8;
		color: #fff;
		padding: 1px 8px 4px 8px;
	}
	.search-word ul li a {
		color: #fff;
	}
	.report {
		height: 270px;
	}
	.report .title4 .title {
		float: left;
	}
	.report .title4 .plus {
		float: right;
	}
	.report .title4 .plus a {
		color: #6f6f6f;
		font-size: 13px;
		margin-right: 10px;
		font-weight: normal;
	}
	.report .title4 .plus a:hover {
		text-decoration: underline;
	}
	.report ul {
		width: 260px;
		padding: 00px 20px;
		box-sizing: border-box;
	}
	.report ul li {
		width: 100%;
		height: 90px;
		border-bottom: 1px dashed #dedede;
	}
	.report ul .report-txt {
		color: #6f6f6f;
		font-size: 13px;
		width: 100%;
		margin-top: 20px;
	}
	.tit-width2 {
		margin-right: 18px;
	}
	.tit-width1 {
		margin-right: 5px;
	}

	/*2015-12-24 베너추가*/
	.banner-area {
		padding: 8px 15px;
	}
	.banner-area img {
		width: 100%;
	}

	/*멤버 아이디찾기 팝업*/
	.popup-wrapper {
		width: 450px;
	}
	.pop-content-inbox {
		padding: 15px;
		height: 200px;
	}
	.pop-content-inbox p span {
		font-weight: bold;
	}
	.pop-content-inbox>p>.pop_btn03 {
		margin-left: 62px !important;
	}
	.pop_btn03-1 {
		margin-left: 110px!mportant;
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 120px;
		cursor: pointer;
		margin-top: 35px;
	}
	.popup-wrapper>.popup>.pop-content {
		text-align: center;
	}

	/*2015-12-30 추가부분*/
	.simplemodal-close2 {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
	}
	/*2015-12-30 추가부분*/
	.simplemodal-close3 {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
	}

	/*상세보기페이지 팝업*/
	.simplemodal-close {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
	}
	.pop-close {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
		text-indent: -9999px;
	}
	.popup2 {
		width: 530px !important;
		height: 320px !important;
	}
	.popup3 {
		width: 530px !important;
	}
	.pop-header {
		width: 100%;
		position: relative;
		height: 45px;
		background: #3989cb;
	}
	.pop-header h1 {
		color: #fff;
		line-height: 30px;
		font-size: 16px;
		margin-left: 15px;
		padding-top: 5px;
		box-sizing: border-box;
	}
	.pop-content {
		clear: both;
		background: #fff;
	}
	.content-inbox2 {
		height: 275px;
		text-align: center;
		color: #232323;
		font-size: 16px;
		padding-top: 70px;
		box-sizing: border-box;
		line-height: 20px;
	}
	.content-inbox2 span {
		color: #f85f13;
	}
	.content-inbox2 .pop_btn01 {
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 100px;
		cursor: pointer;
		margin-top: 35px;
	}
	.content-inbox2 .pop_btn02 {
		width: 190px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
	}
	.content-inbox3 {
		height: 220px;
		text-align: center;
		color: #232323;
		font-size: 16px;
		padding-top: 70px;
		box-sizing: border-box;
		line-height: 20px;
	}
	.content-inbox3 p {
		color: #737373;
	}
	.content-inbox3 span {
		color: #232323;
	}
	.pop_btn03 {
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 120px;
		cursor: pointer;
		margin-top: 35px;
	}
	.pop_btn04 {
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
		margin-left: -85px;
	}

	/*2016-02-16 추가부분*/
	.pop_btn07 {
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		cursor: pointer;
		position: absolute !important;
		top: 155px !important;
		right: 50% !important;
		margin-right: -70px;
	}
	/*2016-02-16 추가부분*/
	.pop_btn08 {
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
		margin-left: -85px;
	}
	.content-inbox4 {
		padding: 30px;
		height: 430px;
		box-sizing: border-box;
	}
	.popup4 {
		width: 580px !important;
		height: 480px !important;
	}
	.inbox-tit {
		width: 100%;
		height: 50px;
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		padding: 14px 10px;
		box-sizing: border-box;
	}
	.inbox-tit p {
		float: left;
	}
	.inbox-tit .tit01 {
		width: 90px;
		background: url(../../common/images/icon/pop_tit_bar.gif) no-repeat
			right;
		color: #232323;
		font-weight: bold;
		font-size: 16px;
	}
	.inbox-tit .tit02 {
		color: #626262;
		font-size: 13px;
		margin-left: 15px;
	}
	.pop_btn05 {
		margin-top: 15px;
		margin-left: 190px;
		padding-left: 20px;
		box-sizing: border-box;
		width: 140px;
		height: 40px;
		background: #fff url(../../common/images/icon/icon_clip.gif) no-repeat
			15px 10px;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
		color: #4f4f4f;
		font-weight: bold;
		font-size: 14px;
		cursor: pointer;
	}
	.tit03 {
		margin-top: 30px;
		color: #232323;
		font-weight: bold;
		font-size: 16px;
	}
	.cancel-btn01 {
		position: absolute;
		top: 155px;
		right: 188px;
	}
	.cancel-btn02 {
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.cancel-btn03 {
		position: absolute;
		top: 155px;
		right: 120px;
	}
	.cancel-btn04 {
		position: absolute;
		top: 225px;
		right: 110px;
	}
	/*2016-02-25 추가*/
	.cancel-btn05 {
		position: absolute;
		top: 177px;
		right: 196px;
	}
	.conf-btn {
		position: absolute;
		top: 155px;
		right: 200px;
	}

	/*서브푸터*/
	.cont-fix {
		width: 95%;
		margin: 0 auto;
		clear: both;
		margin-bottom: 30px;
	}
	.pop_btn09 {
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
		margin-left: -85px;
	}

	/*인포 겔러리*/
	#gallery {
		width: 100%;
		padding: 35px 8px;
		box-sizing: border-box;
		font-weight: bold;
		cursor: pointer;
	}
	#image {
		width: 100%;
		margin: 0 auto;
	}
	#image p {
		display: none;
	}
	#image p img {
		width: 100%;
		border: 1px solid #cccccc;
		box-sizing: border-box;
	}
	#thumbnail {
		position: relative;
		width: 430px;
		height: 72px;
		margin-top: 30px;
		margin: 0 auto;
	}
	#thumbnail div {
		float: left;
	}
	#thumbnail .left {
		position: absolute;
		left: 3px;
		top: 0;
		width: 33px;
		height: 52px;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	#thumbnail .right {
		position: absolute;
		left: 392px;
		top: 0;
		width: 33px;
		height: 52px;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	#thumbnail .container {
		overflow: hidden;
		position: relative;
		left: 42px;
		width: 342px;
		height: 52px;
		margin-top: 20px;
	}
	#thumbnail .container ul {
		position: absolute;
		width: 3000px;
		margin-left: -8px;
	}
	#thumbnail .container .thumb {
		float: left;
		width: 80px;
		height: 50px;
		margin-left: 8px;
		list-style: none;
		cursor: pointer;
	}
	#thumbnail .container .thumb.ml0 {
		margin-left: 0px;
	}

	/*자세히보기*/
	.detail-look-area {
		position: relative;
	}
	.detail-txt-area {
		width: 100%;
	}
	.detail-txt-area .list {
		width: 100%;
		border-bottom: 1px solid #d3d3d3;
		padding: 0px 25px;
		box-sizing: border-box;
		padding-bottom: 20px;
	}
	.detail-txt-area .list p {
		font-size: 15px;
		color: #424242;
		line-height: 160%;
	}
	.detail-txt-area .list .last {
		margin-bottom: 30px;
	}
	.detail-txt-area .list .list-title {
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		margin-bottom: 30px;
		margin-top: 25px;
	}
	.detail-txt {
		padding-top: 25px;
		margin-bottom: 50px;
		line-height: 160%;
	}
	.detail-txt .txt01 {
		font-size: 13px;
		color: #464646;
		line-height: 20px;
		margin-bottom: 45px;
	}
	.detail-txt .txt02 {
		font-size: 15px;
		color: #317eb4;
		margin-bottom: 17px;
	}
	.detail-txt .txt03 {
		font-size: 13px;
		color: #737373;
		line-height: 20px;
	}
	.detail-btn-box {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/detail_off.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		margin: 0 auto;
	}
	.detail-btn-box-market {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/report_down.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 9999;
		cursor: pointer;
	}
	.detail-btn-box-inquiry {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/inquiry.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-right: 1%;
	}
    .detail-btn-box-look {
        width: 143px;
        height: 37px;
        background: url(../../common/images/icon/look.gif) no-repeat 0 0;
        text-indent: -9999px;
        display: block;
        cursor: pointer;
        margin-right: 1%;
    }
	.detail-btn-box-sns {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/sns_link.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-left: 1%;
	}
	.detail-btn-box-off {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/detail_on.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 9999;
	}
	.detail-txt-area {
		width: 100%;
		background-color: #FFF;
		display: none;
	}
	.graph {
		text-align: center;
		margin-top: 20px;
	}
	.down-area {
		width: 100%;
		height: 80px;
		border: 1px solid #ccc;
		margin-top: 60px;
		padding: 20px 0px 0px 20px;
		box-sizing: border-box;
	}
	.down-area li {
		float: left;
		margin-right: 15px;
		color: #656161;
		font-size: 12px;
	}
	.down-area .down-tit {
		width: 65px;
		color: #393939;
		background: url(../../common/images/icon/down-tit-bar.gif) no-repeat
			63px 3px;
		height: 33px;
		font-size: 14px;
		font-weight: bold;
	}
	.down-area .text {
		padding-top: 10px;
	}
	.down-area .text01 {
		margin-left: 15px;
		display: none;
	}
	.down-area .text02 {
		width: 55px;
		background: url(../../common/images/icon/down-tit-bar01.gif) no-repeat
			53px 9px;
		height: 33px;
		margin-left: 15px;
	}
	.down-area .text03 {
		width: 85px;
		background: url(../../common/images/icon/down-tit-bar01.gif) no-repeat
			83px 9px;
		height: 33px;
	}
	.down-area .last {
		margin-right: 0px;
		padding-top: 10px;
	}
	.last01 {
		color: #9116d8 !important;
		font-weight: bold;
	}
	.down-area .zip-btn {
		width: 165px;
		height: 35px;
		color: #fff;
		text-align: center;
		background: #49a3fc;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
	.popup02 {
		width: 257px;
        height: 226px;
        border: 1px solid #ccc;
        position: absolute;
        display: none;
        z-index: 99999;
        background: #fff;
        top: 143%;
        left: 30%;
	}
	.popup02_1 {
		width: 257px;
        height: 226px;
        border: 1px solid #ccc;
        position: absolute;
        display: none;
        z-index: 99999;
        background: #fff;
        top: 143%;
        left: 23%;
	}
	.pop-head02 {
		height: 40px;
	}
	.pop-title {
		color: #000;
        font-weight: bold;
        font-size: 16px;
        height: 40px;
        padding-top: 9px;
        box-sizing: border-box;
        text-align: left;
        margin-left: 7%;
	}
	.pop-close02 {
        width: 100%;
        text-indent: -99999px;
        background: url(../../common/images/icon/pop_close.gif) no-repeat !important;
        height: 40px;
        background-position: 222px 12px !important;
        cursor: pointer;
        position: absolute;
        right: 0%;
        top: 0%;
	}
	.pop-cont {
		box-sizing: border-box;
	}
	.url-box {
		clear: both;
	}
	.url-box li {
		float: left;
	}
	.url-box .url-tit {
		color: #494949;
		margin-left: 13px;
		padding-top: 3px;
		margin-right: 5px;
	}
	/*2016-01-26 변경부분*/
	.url-box .url-txt {
		width: 195px;
		height: 27px;
		border: 1px solid #cfcfcf;
		box-sizing: border-box;
		padding-left: 2px !important;
	}
	/*2016-01-26 변경부분*/
	.url-box .url-btn {
		height: 27px;
		background: #494949;
		color: #fff;
		padding: 3px 0px !important;
	}
	.pop-cont li {
		padding-top: 12px;
        width: 25%;
        text-align: center;
        margin: 0 1%;
	}
	.pop-cont li span {
		color: #000;
	    display: block;
	    font-size: 13px;
	    letter-spacing: -.5px;
	    line-height: 22px;
	    margin-top: 6px;
	    white-space: nowrap;
	    text-align: center;
	}
	.pop-cont .kakao {
		display: none;
	}
	/*페이징*/
	.pageing {
		clear: both;
		text-align: center;
		font-size: 14px;
		padding-top: 40px;
		margin-bottom: 20px;
	}
	.pageing>a img {
		margin: 11px 1px 0 1px;
	}
	.pageing>a.prev {
		background: #ffffff;
		border: 1px solid #d2d6da;
		width: 30px;
		text-align: center;
		line-height: 30px;
	}
	.pageing>a.next {
		background: #ffffff;
		border: 1px solid #d2d6da;
		text-align: center;
		line-height: 30px;
	}
	.pageing>a.prev:hover, .pageing>a.next:hover {
		background: none;
	}
	.pageing>a {
		display: inline;
		zoom: 1;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #dddddd;
		margin-right: 1px;
		color: #333;
	}
	.pageing>a.current, .pageing>a:hover {
		background: #fff;
		color: #49a3fc;
		border: 1px solid #49a3fc;
	}

	/*09-18*/
	.localNav_area .location span {
		float: left;
		padding-top: 10px;
	}
	.localNav_area .location .home {
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			26px 18px;
		width: 30px;
		padding-top: 13px;
	}
	.localNav_area .location .invi-middle {
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			76px 18px;
		width: 80px;
		margin-left: 15px;
	}
	.localNav_area .location .intro-middle {
		width: 129px !important;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			125px 18px;
	}
	.localNav_area .location .current {
		margin-left: 15px;
		color: #3989cb;
		font-weight: bold;
	}

	/*로그인*/
	.login-title {
		height: 120px;
		width: 100%;
		padding: 0px 70px;
		box-sizing: border-box;
	}
	.login-title p {
		height: 120px;
		border-bottom: 1px solid #ababab;
		color: #626262;
		font-size: 13px;
		padding: 50px 0px 33px 0px;
		text-align: center;
		line-height: 20px;
		box-sizing: border-box;
	}
	.login-cont {
		padding: 0px 50px;
		box-sizing: border-box;
	}
	.login-inbox {
		width: 100%;
		padding: 0px 70px;
		box-sizing: border-box;
	}
	.login-inbox2 {
		width: 100%;
		padding: 0px 70px;
		box-sizing: border-box;
	}
	.login-box {
		box-sizing: border-box;
		width: 100%;
		border-bottom: 1px solid #ababab;
		height: 192px;
		padding: 40px 0px;
	}
	.login-box2 {
		width: 100%;
		background: url(../../common/images/icon/login_bg.gif) no-repeat 20px
			35px;
		padding: 35px 0px;
		padding-left: 180px;
		box-sizing: border-box;
		width: 100%;
		border-bottom: 1px solid #ababab;
		height: 192px;
		padding: 40px 0px;
	}
	.input-id-box {
		float: left;
		margin-left: 12px;
	}
	.input-id-box table {
		
	}
	.input-id-box2 {
		float: left;
		margin-left: 125px;
	}

	/*2015-12-30 추가부분*/
	.login-btn {
		float: left;
		width: 93px;
		height: 93px;
		box-sizing: border-box;
		border-right: 1px solid #3e8ad5;
		border-bottom: 1px solid #3e8ad5;
		background: #49a3fc;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
	}
	.login-box td input {
		margin-bottom: 13px;
		margin-right: 13px;
		height: 40px;
		width: 231px;
		box-sizing: border-box;
		border-left: 1px solid #bcbcbc;
		border-top: 1px solid #bcbcbc;
		border-right: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	.save-check {
		clear: both;
		color: #949494;
		font-size: 13px;
	}
	.save-check2 {
		margin-left: 157px;
	}
	.checkbox {
		margin-right: 5px;
	}
	.id-search {
		margin-top: 30px;
		padding-left: 29px;
		background: url(../../common/images/icon/login-spot.gif) no-repeat 80px
			8px;
	}
	.id-search p {
		float: left;
		width: 236px;
		color: #626262;
		font-size: 13px;
	}
	.id-search ul .login-search-btn {
		cursor: pointer;
		color: #4f4f4f;
		font-size: 12px;
		float: left;
		width: 90px;
		height: 31px;
		box-sizing: border-box;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.login-search-btn2 {
		width: 100px !important;
		margin-left: 5px;
	}
	.login-btn-box {
		margin-bottom: 70px;
		clear: both;
		padding-left: 29px;
		padding-top: 25px;
		background: url(../../common/images/icon/login-spot.gif) no-repeat 80px
			33px;
	}
	.login-btn-box p {
		color: #626262;
		font-size: 13px;
		float: left;
		width: 390px;
		margin-bottom: 20px;
	}
	.login-btn-box span {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.login-btn-box .new-join-btn {
		width: 155px;
		height: 30px;
		background: #413e3d;
		color: #fff;
		font-weight: bold;
	}
	.service-notice {
		width: 100%;
		border: 1px solid #ccc;
		margin-bottom: 70px;
		padding-top: 35px;
		box-sizing: border-box;
	}
	.service-notice .last {
		border: none;
	}
	.notice-txt {
		text-align: center;
	}
	.notice-txt .notice-title {
		font-size: 20.25px;
		color: #343434;
		margin-bottom: 25px;
	}
	.notice-txt .notice-title span {
		color: #49a3fc;
		font-weight: bold;
	}
	.notice-txt .notice-sub-title {
		color: #626262;
		font-size: 15px;
		line-height: 23px;
	}
	.notice-icon {
		padding: 0px 0px;
		box-sizing: border-box;
		margin-top: 40px;
		margin-bottom: 40px;
		width: 95%;
		margin: 0 auto;
	}
	.notice-icon li {
		float: left;
		width: 33.333%;
		height: 215px;
		text-align: center;
		padding-top: 150px;
		box-sizing: border-box;
	}
	.notice-icon .icon1 {
		background: url(../../common/images/icon/img_notice01.gif) no-repeat 48%
			22%;
	}
	.notice-icon .icon2 {
		background: url(../../common/images/icon/img_notice02.gif) no-repeat 48%
			22%;;
	}
	.notice-icon .icon3 {
		background: url(../../common/images/icon/img_notice03.gif) no-repeat
			55% 22%;
	}
	.notice-icon .icon4 {
		background: url(../../common/images/icon/img_notice04.gif) no-repeat
			115px 25px;
	}
	.icon-title {
		font-size: 16px;
		color: #373737;
		margin-bottom: 10px;
	}
	.icon-sub-title {
		font-size: 12px;
		color: #7d7b7b;
	}
	.notice-bottom {
		clear: both;
		font-size: 13px;
		color: #626262;
		text-align: center;
		padding-top: 40px;
		margin-bottom: 20px;
	}

	/*회원가입*/
	.step-line {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line.gif) no-repeat 0px
			50px;
		height: 78px;
		background-size: 100%;
	}
	.step-line2 {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line2.gif) no-repeat 0px
			50px;
		height: 78px;
		background-size: 100%;
	}
	.step-line3 {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line3.gif) no-repeat 0px
			50px;
		height: 78px;
		background-size: 100%;
	}
	.step-line4 {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line4.gif) no-repeat 0px
			50px;
		height: 78px;
		background-size: 100%;
	}
	.step-line img {
		width: 100%;
	}
	.join-select {
		text-align: center;
		width: 100%;
		margin: 0px auto;
		height: 225px;
		border: 1px solid #ccc;
		padding-top: 30px;
		box-sizing: border-box;
		margin-top: 55px;
	}
	.join-select01 {
		width: 49%;
		height: 160px;
		float: left;
		padding-top: 30px;
		box-sizing: border-box;
		border-right: 1px solid #ccc;
	}
	.join-select h4 {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.join-select p {
		color: #626262;
		font-size: 13px;
	}
	.join-select02 {
		width: 49%;
		height: 160px;
		float: left;
		padding-top: 30px;
		box-sizing: border-box;
	}
	.select01-btn {
		width: 155px;
		height: 30px;
		background: #3989cb;
		color: #fff;
		cursor: pointer;
		margin-top: 19px;
		font-size: 12px;
		border-right: 1px solid #2b689a;
		border-bottom: 1px solid #2b689a;
		box-sizing: border-box;
	}
	.select02-btn {
		width: 155px;
		height: 30px;
		background: #3989cb;
		color: #fff;
		cursor: pointer;
		margin-top: 19px;
		font-size: 12px;
		border-right: 1px solid #2b689a;
		border-bottom: 1px solid #2b689a;
		box-sizing: border-box;
	}
	.atten-please {
		clear: both;
		margin-top: 40px;
		padding-left: 125px;
		margin-bottom: 70px;
		background: url(../../common/images/icon/join-bg.gif) no-repeat 0px 10px;
	}
	.atten-title {
		color: #343434;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.atten-txt {
		color: #7d7b7b;
		font-size: 12px;
		line-height: 20px;
	}
	.atten-sub-title {
		color: #626262;
		font-size: 15px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.clause-txt-box {
		width: 100%;
		height: 150px;
		overflow-x: hidden;
		overflow-y: scroll;
		border: 1px solid #ccc;
	}

	/*2015-12-30 추가부분*/
	.clause-radio {
		float: right;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.clause-radio li {
		float: left;
		margin-left: 10px;
	}
	.join-check {
		margin-top: 40px;
		float: right;
		margin-bottom: 30px;
		font-size: 16px;
		color: #666666;
	}
	.join-check img {
		margin-right: 10px;
	}
	.clause-box {
		clear: both;
		margin-top: 30px;
	}
	.clause-sub-title {
		color: #7d7b7b;
		font-size: 12px;
	}
	.copy-right-text-pc {
		display: none;
	}
	.copy-right-text-m{
		display: block;
	}
	.clause-box .clause-title1 {
		margin-bottom: 15px;
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 120px;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.clause-title2 {
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 133px;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.title2-sub {
		margin-top: 40px;
		margin-bottom: 10px;
		color: #626262;
		font-size: 13px;
		padding-left: 10px;
		background: url(../../common/images/icon/icon_spot.gif) no-repeat left;
	}
	.join-check-center {
		padding-top: 20px;
		height: 49px;
		width: 100%;
		border-top: 2px solid #000;
		margin-top: 8%;
		text-align: center;
		margin-bottom: 30px;
		font-size: 16px;
		color: #666666;
	}
	.join-check-center img {
		margin-right: 10px;
	}

	/*2015-12-30 추가부분*/
	.join-conf-btn {
		margin: 0 auto;
		width: 50%;
		margin-bottom: 100px;
	}
	.join-conf-btn .submit {
		margin-right: 20px;
		float: left;
		width: 140px;
		height: 55px;
		background: #413e3d;
		color: #fff;
		cursor: pointer;
	}
	.join-conf-btn .cancel {
		float: left;
		width: 140px;
		height: 55px;
		background: #fff;
		color: #4f4f4f;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.table-sub-title {
		margin-top: 55px;
		color: #7d7b7b;
		font-size: 12px;
		float: left;
	}
	.table-title {
		margin-top: 55px;
		margin-bottom: 15px;
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 105px;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.idpw_box {
		clear: both;
		border-top: 2px solid #444444;
	}
	.idpw_box th {
		width: 170px;
		background: #fbfbfb;
		height: 60px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.idpw_box td {
		color: #7b7b7b;
		font-size: 13px;
		width: 80%;
		height: 60px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding-left: 25px;
		box-sizing: border-box;
	}
	.sub-cont-inbox .color {
		color: #f33f0f;
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;
	}
	.common-text-box {
		width: 215px;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.form-group label {
        display: inline-block;
        width: 24%;
    }
	.double-chk, .chk_cellPhone, .chk_cellPhone_r {
		background: #848d99;
		color: #fff;
		width: 18%;
		height: 30px;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
    .email-atten {
        margin-bottom: 20px;
    }
	.double-chk1 {
		width: 45px;
	}
	.box-left {
		float: left;
	}
	.exp {
		float: left;
		padding-top: 5px;
		margin-left: 10px;
	}
	.join-conf-btn2 {
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.step04-title {
		text-align: center;
		margin-top: 70px;
		width: 100%;
		border-bottom: 1px solid #444444;
		height: 300px;
		margin-bottom: 105px;
	}
	.step04-title h4 {
		color: #232323;
		font-size: 26px;
		line-height: 40px;
		font-weight: bold;
	}
	.step04-title h4 span {
		color: #297fd6;
	}
	.step04-title p {
		color: #5c5c5c;
		font-size: 15px;
		margin-top: 30px;
		line-height: 30px;
	}
	.step04-title .button {
		margin-left: 95px;
		margin-top: 40px;
	}
	.step04-title .main-go {
		margin-right: 10px;
		float: left;
		width: 205px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.step04-title .login-go {
		float: left;
		width: 220px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-weight: bold;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.un-line {
		text-decoration: underline;
	}
	.atten-txt2 {
		margin-top: 20px;
		color: #7d7b7b;
		font-size: 12px;
	}
	.atten-txt3 {
		color: #7d7b7b;
		font-size: 12px;
		padding-left: 10px;
		background: url(../../common/images/icon/join_txt_arrow.gif) no-repeat
			left;
	}
	.atten-txt3 span {
		color: #222222;
		font-size: 12px;
	}
	.atten-txt4 {
		color: #b1623b;
		font-size: 12px;
		margin-top: 20px;
	}

	/*중복가입체크*/
	.join-check-box {
		width: 100%;
		padding: 0px 115px;
		box-sizing: border-box;
	}
	.join-check-title {
		text-align: center;
		color: #1e1d1d;
		font-weight: bold;
		font-size: 18px;
		margin-top: 50px;
	}
	.join-check-sub-title {
		text-align: center;
		color: #626262;
		font-size: 13px;
		margin-top: 10px;
	}
	.office-number {
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		height: 145px;
		width: 100%;
		margin-top: 30px;
		padding: 40px 0px;
		box-sizing: border-box;
	}
	.office-number ul li {
		float: left;
	}
	.office-number .number-title {
		color: #232323;
		font-size: 15px;
		font-weight: bold;
		margin-right: 15px;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.office-number .number-txt-box {
		width: 238px;
		height: 40px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.office-number p {
		clear: both;
		color: #949494;
		font-size: 13px;
		padding-top: 10px;
		margin-left: 120px;
	}
	.office-number .number-btn {
		margin-left: 10px;
		width: 110px;
		height: 40px;
		box-siziging: border-box;
		border-right: 1px solid #3e8ad5;
		border-bottom: 1px solid #3e8ad5;
		background: #49a3fc;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
	}
	.warning-box {
		
	}
	.warning-box h3 {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.warning-box1 {
		margin-top: 45px;
		padding-left: 37px;
		box-sizing: border-box;
		height: 200px;
		width: 100%;
		padding-top: 25px;
		background: #fbfbfb;
	}
	.warning-box1 h3 {
		padding-left: 30px;
	}
	.warning-box1 table {
		margin-top: 30px;
		margin-bottom: 60px;
		margin-left: 30px;
	}
	.warning-box1 tr th {
		width: 90px;
		color: #626262;
		font-size: 13px;
		line-height: 26px;
		text-align: left;
	}
	.join-check-button {
		width: 290px;
		margin: 0 auto;
		margin-top: 30px;
	}
	.join-submit-btn {
		margin-bottom: 30px;
		margin-right: 10px;
		float: left;
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.join-cancel-btn {
		float: left;
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-weight: bold;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.warning-box2 {
		margin-top: 45px;
		margin-bottom: 30px;
		padding-left: 98px;
		box-sizing: border-box;
		height: 155px;
		width: 100%;
		padding-top: 70px;
		background: #fbfbfb;
	}
	.common-text-box1 {
		width: 410px;
	}
	.common-text-box2 {
		width: 160px;
	}
	.common-text-box3 {
		width: 80px;
	}
	.idpw_box2 {
		border-top: 1px solid #ccc;
	}
	.table-title2 {
		background: none;
		width: 300px;
	}

	/*회사소개*/
	.intro-area {
		background: url(../../common/images/bg/off_intro_bg.gif) no-repeat top;
	}
	.office-t-title {
		box-sizing: border-box;
		padding-top: 70px;
		margin-bottom: 70px;
	}
	.office-t-title h3 {
		color: #000;
		font-size: 26px;
		font-weight: bold;
		margin-top: 335px;
		text-align: center;
	}
	.office-t-title p {
		text-align: center;
		width: 95%;
		margin: 0 auto;
		font-size: 17px;
		color: #404040;
		margin-top: 30px;
		line-height: 30px;
		font-weight: bold;
	}
	.logo-box {
		text-align: center;
		width: 69%;
		height: 180px;
		margin: 0 auto;
		margin-top: 60px;
	}
	.logo-box ul li {
		width: 235px;
		height: 86px;
		text-indent: -99999px;
	}
	.logo-box .tm-logo {
		background: url(../../common/images/title/main_logo.gif) no-repeat 0px
			190px;
		height: 225px;
		float: left;
	}
	.logo-box .em-logo {
		background: url(../../common/images/icon/intro_img02.png) no-repeat 0px
			180px;
		height: 225px;
		float: left;
		margin-right: 4%;
	}
	.history-area {
		padding-left: 60px;
		height: 425px;
	}
	.history-area .history-inbox {
		float: left;
	}
	.history-area .history-inbox .history-date {
		float: left;
		background: url(../../common/images/icon/history_bg.gif) no-repeat -10px
			45px;
		height: 945px;
		width: 100px;
	} /* 2018-01-09 수정 */
	.history-area .history-inbox .history-date ul {
		margin-top: 10px;
	}
	.history-area .history-inbox .history-date ul li {
		color: #7baee5;
		font-size: 25px;
		font-weight: bold;
		line-height: 59px;
	}
	.history-area .history-inbox .history-date p {
		color: #7baee5;
		font-size: 25px;
		font-weight: bold;
		line-height: 59px;
	}
	.history-txt ul {
		padding-left: 15px;
		width: 125%;
		padding-top: 70px;
	} /* 2018-01-09 수정 */
	.history-txt ul li {
		font-size: 14px;
		color: #757575;
		line-height: 59px;
	}
	.graph-box {
		background: url(../../common/images/icon/history_graph.gif) no-repeat
			50px 80px;
		width: 608px;
		height: 450px;
		float: left;
		text-indent: -99999px;
	}
	.office-b-title {
		clear: both;
	}
	.office-b-title h3 {
		color: #000;
		font-size: 22px;
		width: 95%;
		margin: 0 auto;
		text-align: center;
		line-height: 30px;
		margin-top: 80px;
	}
	.office-b-title h3 span {
		color: #3989cb;
	}
	.office-b-title p {
		width: 95%;
		margin: 0 auto;
		text-align: center;
		color: #6c6c6c;
		font-size: 14px;
		margin-top: 35px;
		line-height: 25px;
		margin-bottom: 70px;
	}
	.site-img-box {
		padding: 0px 50px;
	}
	.site-img-box ul {
		height: 100px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin-bottom: 20px;
	} /* 2017-04-11 수정 */
	.site-img-box ul li {
		float: left;
	}
	.site-img-box ul .tm-site {
		background: url(../../common/images/icon/site_img01.gif) no-repeat
			center;
		padding-top: 60px;
		padding-left: 10px;
		width: 30%;
		text-align: center;
	} /* 2017-04-11 수정 */
	.site-img-box ul .tm-face {
		background: url(../../common/images/icon/site_img02.gif) no-repeat
			center;
		padding-top: 60px;
		padding-left: 10px;
		width: 33%;
		text-align: center;
	} /* 2017-04-11 수정 */
	.site-img-box ul .tm-tw {
		background: url(../../common/images/icon/site_img03.gif) no-repeat
			center;
		padding-top: 60px;
		padding-left: 10px;
		width: 50%;
		text-align: center;
	}
	.site-img-box ul .tm-blog {
		background: url(../../common/images/icon/site_img04.gif) no-repeat
			center;
		padding-top: 60px;
		padding-left: 10px;
		width: 30%;
		text-align: center;
	} /* 2017-04-11 수정 */

	/*주요서비스*/
	.intro-area2 {
		background: url(../../common/images/icon/intro_bg02.gif) no-repeat top;
		background-size: 100%;
	}
	.office-t-title2 h3 {
		color: #000;
		font-size: 26px;
		font-weight: bold;
		margin-top: 75px;
		width: 57%;
		margin: 0 auto;
		margin-top: 20px;
	    text-align: center;
        line-height: 1;
	}
	.office-t-title2 p {
		text-align: center;
		width: 67%;
		margin: 0 auto;
		font-size: 17px;
		color: #404040;
		margin-top: 30px;
		line-height: 30px;
	}
	.main-service-area {
		position: relative;
		width: 80%;
		margin: 0 auto;
	}
	.main-service-area h3 {
		color: #7baee5;
		font-size: 22px;
		font-weight: bold;
		margin-top: 40px;
	}
	.main-service-area .service-txt {
		color: #757575;
		font-size: 14px;
		line-height: 22px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.main-service-area .main-service-box1 {
		
	}
	.main-service-area .main-service-box2 {
		
	}
	.main-service-area .main-service-box3 {
		
	}
	.main-service-area .main-service-box4 {
		
	}
	.main-service-area .middle-title {
		display: none;
		position: absolute;
		top: 500px;
		left: 432px;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		width: 135px;
		text-align: center;
		line-height: 25px;
	}
	/*2016-02-05 추가부분*/
	.main-service-area .main-service-box4 .info-book {
		margin-bottom: 30px;
		width: 120px;
		padding-bottom: 6px;
		height: 34px;
		background: #7baee5;
		color: #fff;
		font-weight: bold;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		box-sizing: border-box;
		text-align: center;
		margin-top: 0px;
	}

	/*출간도서 안내*/
	.book-info-area {
		/*background: url(../../common/images/icon/intro_bg04.gif) no-repeat 37px 165px; */
		width: 100%;
		height: 4600px;
		position: relative;
	} /* 2020-10-28 수정 */
	.book-info-area ul {
		padding-left: 50px;
	}
	.book-image img {
		width: 82%;
	}
	.book-info-area .jcarousel-skin-tango li {
		width: 20% !important;
		margin-right: 5px;
		height: 100px;
		text-align: center;
		padding-top: 10px;
	} /* 2022-10-24 수정 */
	.book-info-area .jcarousel-skin-tango li:hover {
		background: url(../../common/images/icon/book-bar.gif) no-repeat bottom;
	}
	.book-info-area ul .book-date-long {
		width: 155px !important;
		margin-right: 20px;
	}
	.book-info-area ul  .last {
		margin-left: 20px;
	}
	.book-info-area ul li h3 {
		color: #7087a0;
		font-size: 23px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	/* 2020-10-28 payoung 수정 및 추가 */
	.date-box-area {
		clear: both;
		height: 100%;
		padding: 80px 50px;
	}
	.date-box {
		position: relative;
		height: 290px;
	}
	.date-box2012 {
		height: 600px;
	}
	.date-box h3 {
		font-size: 36px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.date-box .txt-right-title {
		font-size: 19px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
		line-height: 25px;
	}
	.date-box .txt-left-title {
		font-size: 19px;
		margin-left: -18px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
		line-height: 25px;
	}
	.date-box .txt-right {
		font-size: 12px;
		color: #757575;
		width: 305px;
		text-align: left;
		line-height: 20px;
	} /* 2018-11-01수정 */
	.date-box .txt-left {
		font-size: 12px;
		color: #757575;
		width: 300px;
		text-align: right;
		line-height: 20px;
	}
	.main-thumbnails {
		width: 95% !important;
	}

	/* 2020-10-28 payoung 수정 */
	.book-img {
		position: absolute;
		left: 70%;
		top: -35px;
	}
	.book-img1 {
		position: absolute;
		left: 0;
		top: 210px;
	}
	.book-img2 {
		position: absolute;
		left: 30%;
		top: 210px;
	}
	.book-img3 {
		position: absolute;
		left: 60%;
		top: 210px;
	}
	#scrollwrapper {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	#scrollwrapper::-webkit-scrollbar { /* 스크롤바 전체 영역 */
		height: 8px;
	}
	#scrollwrapper::-webkit-scrollbar-track { /* 스크롤이 움직이는 영역  */
		background-color: #f9f9f9;
	}
	#scrollwrapper::-webkit-scrollbar-thumb { /*  스크롤  */
		background-color: #3989cb;
		border-radius: 30px;
	}
	#scrollwrapper::-webkit-scrollbar-button:start:decrement, #scrollwrapper::-webkit-scrollbar-button:end:increment
		{ /*  스크롤의 화살표가 포함된 영역   */
		display: none;
	}
	#scrollwrapper::-webkit-scrollbar-corner { /*  상하+좌우 스크롤이 만나는 공간   */
		display: none;
	}
	/* 출간도서안내 */
	#scrollwrapper ul {
		width: 1275px;
	}
	#scrollwrapper li {
		width: 80px;
		padding: 53px 0px 20px 5px;
		float: left;
		align-items: center;
		text-align: center;
		list-style: none;
		word-break: keep-all;
	}

	/*보도자료*/
	.qna_statu03 {
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		border: 1px solid #ff724c;
		width: 45px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		color: #ff724c;
	}
	.qna_statu03:hover {
		background: #ff724c;
		color: #fff;
	}
	.qna_statu03 a {
		color: #f7590c;
	}
	.qna_statu03:hover a {
		color: #fff;
		font-weight: bold;
	}
	.qna_statu04 {
		text-align: center;
		font-size: 13px;
		border: 1px solid #b4b4b4;
		width: 45px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		cursor: pointer;
	}
	.qna_statu04:hover {
		background: #b4b4b4;
		color: #fff;
	}
	.qna_statu04 a {
		color: #474747;
	}
	.qna_statu04:hover a {
		color: #fff;
		font-weight: bold;
	}

	/*제휴문의*/
	.text-right {
		text-align: right;
		margin-right: 63px;
	}

	/*찾아오시는 길*/
	.tmenu2 {
		width: 100%;
		position: relative;
		border-bottom: 1px solid #4c4c4c;
	}
	.tmenu2 li {
		float: left;
		text-align: center;
		width: 50%;
		height: 56px;
		border: 1px solid #aaaaaa;
		padding-top: 15px;
		box-sizing: border-box;
	}
	.tmenu2 li.last {
		margin-right: 0 !important;
	}
	.tmenu2 li a {
		color: #373737;
		display: block;
		font-size: 18px;
		font-weight: bold;
	}
	.tmenu2 li.active {
		background: #4c4c4c;
		color: #fff !important;
		border-bottom: 1px solid #4c4c4c;
	}
	.tmenu2 li.active a {
		color: #fff;
	}
	.tab-area {
		width: 100%;
		position: relative;
	}
	.map-area {
		width: 100%;
	}
	.map-area img {
		width: 100%;
	}
	.map-btn-area {
		padding: 10px 0px;
		float: right;
	}
	.map-btn-area li {
		margin-left: 10px;
		float: left;
	}
	.map-btn-area .naver-btn {
		cursor: pointer;
		width: 176px;
		height: 37px;
		background: #2db400 url(../../common/images/icon/naver-img.gif)
			no-repeat 22px 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .daum-btn {
		cursor: pointer;
		width: 176px;
		height: 37px;
		background: #81acf6 url(../../common/images/icon/daum-img.gif) no-repeat
			22px 12px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .google-btn {
		cursor: pointer;
		width: 176px;
		height: 37px;
		background: #4285f4 url(../../common/images/icon/google-img.gif)
			no-repeat 30px 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.naver-btn a {
		color: #fff;
	}
	.daum-btn a {
		color: #fff;
	}
	.google-btn a {
		color: #fff;
	}
	.detail-info-area {
		width: 100%;
		margin-top: 60px;
		border-top: 1px solid #ccc;
		padding-top: 65px;
		height: 355px;
	}
	.detail-txt-box {
		float: left;
		width: 50%;
	}
	.detail-txt-box h3 {
		margin-bottom: 25px;
		color: #333333;
		font-size: 18px;
		font-weight: bold;
		padding-left: 30px;
		padding-top: 5px;
		margin-left: 40px;
		background: url(../../common/images/icon/map_spot.gif) no-repeat;
		width: 300px;
		height: 30px;
	}
	.detail-txt-box table {
		margin-left: 40px;
	}
	.detail-txt-box table tr {
		line-height: 30px;
	}
	.detail-txt-box table tr th {
		text-align: left;
		width: 60px;
		color: #373737;
		font-size: 14px;
		font-weight: bold;
	}
	.detail-txt-box table tr td {
		color: #777;
		font-size: 14px;
	}
	.detail-txt-box .table2 {
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 10px;
	}
	.detail-txt-box .bus-icon1 {
		padding-left: 25px;
		background: url(../../common/images/icon/g_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon1 span {
		color: #373737;
	}
	.detail-txt-box .bus-icon2 {
		padding-left: 25px;
		background: url(../../common/images/icon/b_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon2 span {
		color: #373737;
	}
	.detail-txt-box .bus-icon3 {
		padding-left: 25px;
		background: url(../../common/images/icon/r_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon3 span {
		color: #373737;
		height: 100px;
	}
	.img-box {
		float: left;
	}
	.wd-500 {
		width: 500px;
	}

	/* 2015-09-21 */

	/* 검색결과 */
	.cerent {
		color: #3989cb !important;
	}
	.smallfont-title {
		font-size: 20px !important;
		color: #989696 !important;
	}
	.search-resultbox {
		margin: 0 auto;
		padding-top: 20px;
		width: 95% !important;
	}
	.search-result-formbox {
		background: #f3f3f3; /*2016-01-26 제거부분height:70px;*/
	}
	/*2016-01-26 변경부분*/
	.search-result-formbox {
		margin-right: 18px;
		color: #444444;
		padding-top: 18px;
		height: 50px;
		padding-left: 20px;
	}
	/*2016-01-26 제거부분.search-result-formbox {float:left;}*/
	.search-result-formbox .tit {
		font-size: 16px;
		padding-top: 6px;
		margin-right: 10px;
	}
	.search-result-formbox .form {
		
	}
	.search-result-formbox  .form {
		width: 220px;
		height: 25px;
		font-size: 12px;
		line-height: 10px;
		border: 1px solid #c2c2c2;
		background: #fff;
		margin-right: 8px;
	}
	.search-result-formbox .btn {
		margin-right: 8px;
	}
	/*2016-01-26 변경부분*/
	.search-result-formbox .btn {
		font-size: 12px;
		text-align: center;
		background: #898989;
		color: #fff;
		padding: 7px 13px;
		border-radius: 5px;
		padding-top: 5px;
		box-sizing: border-box;
	}
	/*2016-01-26 추가부분*/
	.search-result-formbox .btn a {
		color: #fff
	}
	.search-result-formbox .option {
		padding-top: 3px;
	}
	.search-keyword {
		text-align: center;
		font-size: 16px;
		color: #626262;
		font-family: "Noto Sans KR", sans-serif;
		padding: 20px 0;
	}
	.search-keyword a, .search-keyword span {
		color: #ff4f4f;
	}
	.search-tab {
		width: 100%;
		border-left: 1px solid #eeeeee;
	}
	.search-tab li {
		float: left;
		width: 25%;
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 700;
	}
	.search-tab li a {
		color: #828282;
		display: block;
		width: 100%;
		border-right: 1px solid #eeeeee;
		border-top: 2px solid #eeeeee;
		text-align: center;
		border-bottom: 1px solid #c9c9c9;
		padding: 11px 0;
	}
	.search-tab li.active a {
		color: #3989cb;
		display: block;
		width: 100%;
		border-right: 1px solid #c9c9c9;
		border-top: 2px solid #3989cb;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding: 11px 0;
	}
	.tab-contsearch {
		margin-top: 20px;
	}
	.search-catetitle {
		clear: both;
		width: 100%;
		background: url(../../common/images/bg/bg_search_line.gif) no-repeat
			left bottom;
		padding: 10px 0;
		position: relative;
	}
	.search-catetitle h3 {
		width: 65px;
		text-align: center;
	}
	.search-catetitle .long-tit {
		width: 80px !important;
	}
	.search-catetitle .more {
		position: absolute;
		right: 5px;
		top: 8px;
		background: url(../../common/images/icon/icon_plus2.gif) no-repeat left
			center;
		padding-left: 15px;
		display: block;
		color: #7e7e7e;
	}
	.search-list li {
		border-bottom: 1px solid #d3d3d3;
		padding: 20px 0;
		position: relative;
		font-family: "Noto Sans KR", sans-serif;
	}
	.search-list li:after {
		content: ".";
		height: 0;
		font-size: 0;
		display: block;
		clear: both;
	}
	.search-list li .thum {
		width: 170px;
		height: 130px;
	}
	.search-list li .thum img {
		width: 100%;
	}
	.search-list li .text {
		width: 490px;
		position: relative;
	}
	.search-list li .text .cate {
		font-size: 13px;
		color: #a2a2a2;
	}
	.search-list li .text h4 {
		margin-top: 10px;
	}
	.search-list li .text h4 a {
		color: #373737;
		font-size: 16px;
	}
	.search-list li .text .context {
		line-height: 140%;
		color: #7e7e7e;
		font-size: 12px;
		margin-top: 15px;
		height: 50px;
	}
	.search-list li .text .context .keyword {
		background: #ebebeb;
		color: #ff4f4f;
	}
	.search-list li .text .data {
		clear: both;
		color: #7e7e7e;
		font-size: 12px;
	}
	.search-list li .text .data .da {
		margin: 0 15px 0 5px;
	}
	.search-list li .text .data .read {
		margin: 0 15px 0 5px;
	}
	.mt-20 {
		margin-top: 20px;
	}
	.vertical-m {
		vertical-align: middle;
	}
	.sub-cont-right .cont-right-title2 {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 25px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
	.sub-cont-right .cont-right-title3 {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 25px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.search-dataterm {
		width: 95%;
		margin: 0 auto;
	}
	.search-dataterm dl {
		margin: 0 auto;
		padding-top: 20px;
	}
	.search-dataterm dl dt {
		font-size: 13px;
		font-weight: 700;
		color: #232323;
		padding-bottom: 10px;
	}
	.search-dataterm dl dd li {
		float: left;
		width: 100% !important;
		text-align: center;
	}
	.search-dataterm dl dd li.last {
		margin-right: 0;
	}
	.search-dataterm dl dd li .bar {
		margin: 0 2px;
	}
	.search-dataterm dl dd {
		margin-bottom: 15px;
	}
	.term-data1 {
		border: 1px solid #c2c2c2;
		background: #fff;
		width: 100%;
		height: 26px;
		position: relative;
		display: block;
	}
	.term-data1 img {
		vertical-align: middle;
	}
	.term-data1 input {
		border: 0;
		background: none;
		width: 76%;
		height: 20px;
		font-size: 12px;
	}
	.searchoption {
		background: #f7f7fa;
		padding: 4px 0 4px 5px;
	}
	.searchoption label {
		display: inline-block;
		margin-right: 3px;
		font-size: 13px;
		color: #4f4f4f;
	}
	.searchoption  .btn-search {
		display: inline-block;
		font-size: 12px;
		text-align: center;
		background: #898989;
		color: #fff;
		width: 34px;
		border-radius: 5px;
		padding: 4px 0;
	}
	.ranklist {
		border-bottom: 1px solid #ccc;
		padding: 10px 0;
	}
	.ranklist li {
		line-height: 160%;
		color: #6f6f6f;
		padding: 4px 0;
	}
	.ranklist li span {
		margin: 0 5px 0 20px;
		display: inline-block;
		vertical-align: middle;
		background: #3989cb;
		line-height: 130%;
		text-align: center;
		color: #fff;
		border: 1px solid #2874b2;
		font-size: 11px;
		font-weight: bold;
		font-weight: normal;
		width: 16px;
	}
	.ranklist li a {
		color: #6f6f6f;
	}

	/* //검색결과 */

	/* 고객센터 */
	.board-raperpage {
		width: 100%;
		background: #fff;
		border: 1px solid #e1e1e1;
		margin: 0 auto;
		padding: 50px 0;
	}
	.boardinbox {
		width: 98%;
		margin: 0 auto;
	}
	.boardtop-search {
		text-align: right;
	}
	.boardtop-search ul li {
		float: left;
		margin-left: 5px;
	}
	.search-tit {
		float: left;
		margin-top: 5px;
		margin-right: 5px;
	}
	.boardtop-search select {
		width: 88px;
		border: 1px solid #c2c2c2;
	}
	.boardtop-search input {
		width: 233px;
		border: 1px solid #c2c2c2;
	}
	.btn-grayfm, .btn-grayfm:visited, .btn-grayfm:active {
		color: #fff;
		background: #898989;
		text-align: center;
		border-radius: 3px;
		width: 56px;
		padding: 6px 0;
		display: inline-block;
		font-size: 13px;
	}
	.btn-grayfm:hover {
		background: #a3a2a2;
	}
	.custom-tab {
		background: #fbfbfb;
		border: 1px solid #dddddd;
		clear: both;
		margin-top: 15px;
		width: 100%;
	}
	.custom-tab li {
		float: left;
		width: 33.3%;
	}
	.custom-tab .last {
		border: none !important;
	}
	.custom-tab li a {
		width: 100%;
		font-size: 15px;
		color: #373737;
		padding: 10px 0;
		display: block;
		text-align: center;
		border-right: 1px solid #dfdfdf;
	}
	.custom-tab li.active a {
		background: #4c4c4c;
		color: #fff;
	}
	.custom-faq {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #cccccc;
		margin-top: 40px;
		border-top: 1px solid #444444;
	}
	.custom-faq dt {
		border-top: 1px solid #cccccc;
		background: url(../../common/images/icon/icon_faq2.gif) no-repeat 97%
			center;
		font-size: 14px;
	}
	.custom-faq dt:after {
		content: ".";
		height: 0;
		font-size: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}
	.custom-faq dt a {
		font-size: 14px;
		color: #555555;
		font-weight: 700;
		width: 100%;
		display: block;
		padding: 10px 0 10px 36px;
	}
	.custom-faq dt a img {
		margin-right: 10px;
	}
	.custom-faq dd {
		font-size: 14px;
		border-top: 1px solid #dddddd;
		background: #fbfbfb;
		*zoom: 1
	}
	.custom-faq dd:after {
		content: ".";
		height: 0;
		font-size: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}
	.custom-faq .expanded {
		background: url(../../common/images/icon/icon_faq1.gif) no-repeat 97%
			center;
	}
	.custom-faq .expanded a {
		color: #0066cc;
	}
	.custom-faq .expanded  .icon-q {
		width: 37px;
		height: 46px;
		background: url(../../common/images/icon/icon_q.gif) no-repeat 0 9px;
		margin: 0px 10px 0 36px;
		display: inline-block;
	}
	.custom-faq .icon-a {
		width: 20px;
		height: 22px;
		background: url(../images/web/sub/icon_faq_on.gif) no-repeat 0 center;
		margin: -3px 10px 0 19px;
	}
	.custom-faq .faqtxt {
		color: #666666;
		font-size: 13px;
		vertical-align: top;
		position: relative;
		padding: 27px 27px 27px 95px;
		line-height: 160%;
		width: 87%;
		background: url(../../common/images/icon/icon_a.gif) no-repeat 36px 27px;
	}
	.total-faq {
		margin: 10px 0 0 0px;
		margin-bottom: 10px !important;
	}
	.total-faq span {
		color: #334af2;
	}
	.boardertopinfor .total-faq {
		float: left;
	}
	.boardertopinfor .boardtop-search {
		float: right;
	}
	.board-type01 {
		clear: both;
		margin-top: 5px;
	}
	.board-type01 th {
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type01 td {
		text-align: center;
		color: #373737;
		height: 44px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type01 td.subject {
		text-align: left;
		padding-left: 28px;
	}
	.board-type01 td.subject:hover {
		text-decoration: underline;
		font-weight: bold;
	}
	.board-type02 {
		clear: both;
		margin-top: 18px;
	}
	.board-type02 th {
		border-top: 1px solid #444444;
		text-align: left;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type02 th .tit {
		word-break: break-all;
		margin-left: 20px;
	}
	.board-type02 td {
		color: #373737;
		padding: 10px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type02 td.content {
		text-align: left;
		padding: 35px 15px;
		vertical-align: top;
		border-top: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
		line-height: 150%;
	}
	.board-type02 td.content img {
		max-width: 100% !important;
	}
	.board-type03 {
		width: 100% !important;
	}
	.board-type03 tr {
		border-top: 1px solid #444;
		text-align: left;
	}
	.board-type03 tr.first {
		border-top: 1px solid #444;
		text-align: left;
	}
	.board-type03 th {
		background: #fbfbfb;
		border-bottom: 1px solid #dbdbdb;
		font-size: 14px;
		color: #4f4f4f;
		vertical-align: middle;
		padding: 20px 0 20px 5px;
		width: 120px;
	}
	.board-type03 th.vertical-t {
		vertical-align: top;
	}
	.board-type03 td {
		border-bottom: 1px solid #dbdbdb;
		font-size: 14px;
		color: #4f4f4f;
		vertical-align: middle;
		padding: 10px 0 10px 20px
	}
	.board-type03 td .input1 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 90%;
	}
	.board-type03 td .input2 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 30%;
	}
	.board-type03 td .input3 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		height: 300px;
	}
	.cont-box {
		width: 100%;
		border-bottom: 1px dashed #b2b2b2 !important;
		padding-bottom: 40px;
	}
	.input-fileWrap {
		position: relative;
	}
	.alpha-file {
		position: absolute;
		top: 0;
		left: 0;
	}
	.alpha-file input[type=file] {
		margin-left: 462px !important;
	}
	.file-txt {
		clear: both;
		margin-top: 10px;
	}
	.file-box {
		width: 80% !important;
		float: left;
		margin-right: 5px;
	}
	.board-infor {
		float: left;
	}
	.board-infor strong {
		margin-right: 10px;
	}
	.upfilename {
		float: right;
	}
	.upfilename span {
		color: #f8440d;
		font-weight: bold;
	}
	.board-infor .line {
		margin: 0 10px;
	}
	.qna_statu01 {
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #7ba3cf;
		border: 1px solid #7ba3cf;
		width: 68px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
	}
	.qna_statu02 {
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 68px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
	}
	.qna_statu01s {
		margin-left: 10px;
		text-align: center;
		font-size: 12px;
		color: #fff;
		background: #7ba3cf;
		border: 1px solid #7ba3cf;
		width: 68px;
		padding: 2px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: normal;
	}
	.qna_statu02s {
		text-align: center;
		font-size: 12px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 68px;
		padding: 2px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: normal;
	}
	.text-c {
		text-align: center;
	}
	.board-bottombtn {
		clear: both;
		margin: 10px 0;
		text-align: right;
	}
	.board-bottombtn2 {
		clear: both;
		margin: 10px 0;
	}
	.board-bottombtn2 .list-btn {
		margin-top: 0px !important;
	}
	.btn-write {
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 70px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dell {
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #898989;
		border: 1px solid #e1e1e1;
		width: 80px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-ok {
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #575f67;
		border: 1px solid #e1e1e1;
		width: 80px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dells {
		padding: 5px;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		font-size: 13px;
		color: #474747;
		background: #fff;
		border: 1px solid #e1e1e1;
		width: 45px;
		height: 29px;
		letter-spacing: -0.05em;
		font-weight: 700;
	}
	.btn-dells:hover {
		background: #575f67;
		color: #fff;
	}
	.btn-write2 {
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 80px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.left-btn {
		float: left;
	}
	.right-btn {
		float: right;
	}
	.mtb_100 {
		margin-bottom: 100px;
	}
	.email-add {
		
	}
	.errorpage {
		color: #e57e7e;
		padding-bottom: 5px;
	}
	.errorpage1 {
		font-size: 13px !important;
		padding-top: 5px;
		margin-left: 15px;
	}
	.common-text-box2 {
		width: 115px;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.mt-5 {
		margin-top: 5px;
	}
	.mt-10 {
		margin-top: 10px;
	}
	.mt-15 {
		margin-top: 15px;
	}
	.mt-30 {
		margin-top: 30px;
	}
	.ml-20 {
		margin-left: 20px;
	}

	/* 아이디 비번 찾기 */
	.welcom-msg {
		padding-top: 50px;
	}
	.welcom-msg h3 {
		font-size: 16px;
		color: #232323;
		letter-spacing: -0.05em;
	}
	.welcom-msg p {
		margin-top: 13px;
		font-size: 13px;
		color: #626262;
		line-height: 135%;
		font-weight: normal;
	}
	.welcom-msg p span {
		color: #3873cc;
	}
	.helpbox {
		border: 1px solid #dddddd;
		width: 100%;
		height: 360px;
		clear: both;
		margin-top: 26px;
	}
	.helpbox .idbox {
		float: left;
		width: 50%;
		height: 360px;
		border-right: 1px solid #ddd;
	}
	.helpbox .pwbox {
		float: left;
		width: 49%;
		height: 360px;
	}
	.helpbox2 {
		border: 1px solid #dddddd;
		width: 100%;
		height: 390px;
		clear: both;
		margin-top: 26px;
	}
	.helpbox2 .idbox {
		float: left;
		width: 50%;
		height: 390px;
		border-right: 1px solid #ddd;
	}
	.helpbox2 .pwbox {
		float: left;
		width: 49%;
		height: 390px;
	}
	.helpinbox {
		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
	}
	.helpinbox h4 {
		color: #232323;
		font-size: 16px;
		font-weight: 700;
	}
	.suport-txt {
		font-size: 13px;
		color: #626262;
		line-height: 145%;
		margin-top: 10px;
	}
	.suport-formbox {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		margin-top: 25px;
		height: 150px;
	}
	.suport-formbox2 {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		margin-top: 25px;
		height: 190px;
	}
	.noneline-tbl th {
		height: 42px;
		vertical-align: middle;
		font-size: 14px;
	}
	.noneline-tbl td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
	}
	.wdp93p {
		width: 90px;
	}
	.wdp50p {
		width: 25%;
	}
	.wdp40p {
		width: 40% !important;
	}
	.mt-20 {
		margin-top: 20px;
	}
	.bottom-helptxt {
		padding: 10px 0 100px; 0;
		font-size: 12px;
		color: #7d7b7b;
	}
	.ml-5 {
		margin-left: 5px;
	}
	.common-text-box6 {
		width: 100%;
		height: 26px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}

	/* 2015-09-21 */

	/*뾰족하게보기*/
	.search-btn2 {
		width: 50px;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #898989;
		border: none;
		cursor: pointer;
		position: absolute;
		right: 42px;
		top: 272px;
	}
	.date-choice2 {
		width: 100%;
		height: 65px;
		border: 1px solid #e1e1e1;
		padding-top: 20px;
		box-sizing: border-box;
		margin-bottom: 48px;
	}
	.date-choice2 p {
		margin-left: 10px;
		float: left;
		color: #444444;
		font-size: 13px
	}
	;
	.date-choice2 ul {
		float: left;
	}
	.date-choice2 ul li .date-btn {
		cursor: pointer;
		margin-right: 5px;
		float: left;
		width: 7%;
		height: 28px;
		border: 1px solid #c2c2c2;
		background: #fff;
		font-size: 13px;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
	}
	.date-choice2 ul li .date-btn:hover {
		background: #898989;
		color: #fff;
	}
	.date-choice2 ul li .active {
		background: #898989;
		color: #fff;
	}
	.date-choice2 ul a .active {
		color: #fff;
		padding-top: 4px;
	}
	.pick-wrap2 {
		position: relative;
		margin-left: 15px;
		float: left;
		margin-right: 40px;
	}
	.date-choice2 .date-box .active {
		background: #898989;
		color: #fff;
	}

	/*뾰족하게보기 서브리스트*/
	.sub_thumlist li.type03:hover {
		background: #d15f50;
	}
	.sub_thumlist li.type03:hover .sub-p-all {
		color: #fff;
	}
	.sub_thumlist li.type03:hover .sub-p-all a {
		color: #fff;
	}
	.sub_thumlist li.type03:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 100%;
		height: 100%;
		opacity: 0.6;
	}
	.sub_thumlist li.type03:hover .over-btn {
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 82px;
		left: 42px;
		z-index: 10;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
	}
	.sub_thumlist li.type03:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.sub_thumlist li.type03:hover .rink-btn {
		display: none;
	}
	.all-page-number {
		clear: both;
		margin-top: 35px;
	}
	.all-page-number span {
		color: #334af2;
		clear: both;
	}
	.sub_thumlist2 {
		margin-top: 10px !important;
	}

	/*뾰족하게 뷰페이지*/
	.comment-box2 textarea {
		width: 733px !important;
	}
	.report-img {
		margin-left: 13%;
	}
	.view-content img {
		width: 100% !important;
	}
	.report-view {
		width: 210px;
		height: 37px;
		background: #49a3fc;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		margin-top: 30px;
		text-align: center;
	}
	.report-area {
		width: 150px;
		margin: 0 auto;
	}
	/* 장바구니 */
	.down-txt-left {
		text-align: left !important;
		padding-left: 50px;
	}
	.down-txt-left img {
		float: left
	}
	.down-txt-left p {
		padding-top: 20px;
		box-sizing: border-box;
		float: left;
		font-size: 14px;
		color: #373737;
		margin-left: 20px;
	}
	.cart-btn-area {
		margin-top: 20px;
	}
	.cart-btn01 {
		float: left;
		width: 80px;
		height: 27px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.cart-btn02 {
		float: right;
		width: 80px;
		height: 27px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.pd-none {
		padding: 0px !important;
	}
	.board-type04 {
		clear: both;
		margin-top: 18px;
		border-bottom: 1px solid #444444;
	}
	.board-type04 th {
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type04 td {
		text-align: center;
		color: #373737;
		padding: 15px 0;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type04 td.subject {
		text-align: left;
		padding-left: 5px;
	}
	.board-type04 td.subject h3 {
		text-align: left;
	}
	.board-type04 td.subject a {
		font-size: 14px;
		font-weight: normal;
		color: #6c6c6c;
	}
	.board-type04 td.subject a:hover {
		text-decoration: underline;
	}
	.board-type04 td.subject p {
		margin-top: 5px;
		color: #6c6c6c;
		font-size: 13px;
		font-weight: normal;
	}
	.board-type04 td.subject p a {
		color: #6c6c6c;
		font-size: 13px;
	}
	.board-type04 td.subject p span {
		margin-right: 10px;
	}
	.board-type04 td.subject p span img {
		vertical-align: middle;
	}
	.board-type04 td.text-l {
		text-align: left;
		padding-left: 20px;
	}
	.board-type04 td .total {
		color: #000000;
		font-size: 15px;
		padding-top: 15px;
		box-sizing: border-box;
		padding-bottom: 15px;
		margin-left: -40px;
	}
	.board-type04 td .total span {
		color: #334af2;
		font-size: 17px;
	}
	.board-type04 tfoot td {
		background: #f8f9fa;
		border-top: 2px solid #aaaaaa;
		border-bottom: 1px solid #dce4e7;
	}
	.cash-txt {
		margin-top: 10px;
		font-size: 13px;
		color: #626262;
		margin-left: 20px;
		word-break: keep-all;
	} /* 2018-12-17 수정 */
	.cash-txt span {
		margin-left: 5px;
	}
	.casherbox {
		width: 95%;
		border: 1px solid #e9e9e9;
		margin: 30px auto;
	}
	.casheroptionbox {
		margin: 0 auto;
		width: 95%;
		padding-top: 40px;
	}
	.casherbox730p {
		margin: 0 auto;
		width: 95%;
	}
	.casherbox2>.casheroptionbox2 {
		width: 95%;
		margin: 0 auto;
	}
	.casherbox2>.casheroptionbox2>.custom-label {
		padding-left: 32px;
		box-sizing: border-box;
		padding-left: -10px;
		float: left;
		width: 204px;
		height: 52px;
		display: inline-block;
		text-align: left;
		color: #000000;
		font-size: 15px;
		cursor: pointer;
		background: url(../../common/images/bg/bg_cash_option2.gif) no-repeat;
		line-height: 54px;
	}
	.casherbox2>.casheroptionbox2>.last {
		margin-right: 0px !important;
	}
	.custom-label {
		padding-left: 55px;
		box-sizing: border-box;
		width: 305px;
		height: 77px;
		display: inline-block;
		text-align: left;
		color: #000000;
		font-size: 16px;
		cursor: pointer;
		background: url(../../common/images/bg/bg_cash_option1.gif) no-repeat;
		background-size: 85% !important;
		line-height: 65px;
	}
	.custom-label .txt {
		color: #000000;
		font-size: 16px;
	}
	.custom-radio {
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top: 0px; /* Adjust to for best fit */
		margin: 0 .4em;
		width: 26px;
		height: 26px;
		background: url(../../common/images/icon/radio.png) 0 0 no-repeat;
	}
	.custom-radio.focus {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.custom-radio.checked {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.custom-radio.checked.focus {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.option1 {
		float: left;
	}
	.option2 {
		float: right;
	}
	.attention-list {
		clear: both;
		margin-top: 30px;
	}
	.attention-list li {
		background: url(../../common/images/icon/icon_atten.png) no-repeat left
			top;
		padding-left: 36px;
	}
	.attention-list li h4 {
		color: #343434;
		font-weight: 700;
		font-size: 20px;
		line-height: 25px;
	}
	.attention-list li p {
		margin-top: 10px;
		color: #626262;
		font-size: 15px;
	}
	.cashinforbox {
		border-top: 1px solid #777d84;
		border-bottom: 1px solid #777d84;
		clear: both;
		margin-top: 30px;
	}
	.noneline-tbl1 {
		width: 95%;
		margin: 0 auto;
	}
	.noneline-tbl1 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 105px;
	}
	.noneline-tbl1 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		padding: 8px 0px;
	}
	.cashinfo-txt {
		width: 158px;
		height: 29px;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
		margin-right: 10px;
		box-sizing: border-box;
	}
	.cashinfo-txt1 {
		width: 200px;
		height: 29px;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
		margin-right: 10px;
		box-sizing: border-box;
	}
	.noneline-tbl2 {
		width: 100%;
		margin: 0 auto;
	}
	.noneline-tbl2 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 125px;
		padding-left: 30px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl2 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl2 .last {
		border: none;
	}
	.noneline-tbl2 ul li {
		float: left;
	}
	.submit5 {
		width: 140px;
		height: 55px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
		margin-right: 20px;
	}
	.bottom-btn {
		text-align: center;
		padding: 50px 0 51px 0;
		clear: both;
	}
	.bottom-btn1 {
		margin-bottom: 30px;
	}
	.noneline-tbl2>tbody>tr>td>p>.common-text-box2 {
		width: 110px;
	}
	.casherbox825p {
		width: 95%;
		margin: 0 auto;
	}
	.noneline-tbl3 {
		width: 100%;
		margin: 0 auto;
	}
	.noneline-tbl3 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 125px;
		padding-left: 30px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl3 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl3 td {
		height: 42px;
		vertical-align: middle;
		text-align: center;
		padding-left: 10px;
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.bank-logo {
		background: url(../../common/images/icon/bank_icon.gif) no-repeat 140px
			8px;
		width: 100px;
		height: 30px;
		padding-left: 20px;
	}
	.bank-txt {
		font-size: 13px;
		color: #626262;
		margin-top: 15px;
		margin-bottom: 60px !important;
	}
	.bank-txt span {
		color: #000;
	}
	.bank-txt>.color {
		margin-top: 10px;
	}
	/*기간제결제*/

	/*2015-12-30 추가부분*/
	.paym-tit {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
		float: left;
		width: 90px;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
		height: 38px;
	}
	/*2015-12-30 추가부분*/
	.paym-txt {
		color: #7d7b7b;
		font-size: 12px;
		padding-left: 15px;
		float: left;
		margin-bottom: 15px;
		margin-top: 10px;
		margin: 0 auto;
		margin-top: 10px !important;
	}
	.paym-sub-tit {
		clear: both;
		border-top: 1px solid #444444;
		padding-top: 20px;
		box-sizing: border-box;
	}
	.paym-sub-tit p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.paym-sub-tit p span {
		color: #f33f0f;
	}

	/*2016-01-20 추가부분*/
	.paym-sub-tit3 {
		clear: both;
		padding-top: 20px;
		box-sizing: border-box;
	}
	/*2016-01-20 추가부분*/
	.paym-sub-tit3 p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	/*2016-01-20 추가부분*/
	.paym-sub-tit3 p span {
		color: #f33f0f;
	}

	/*2016-02-05 추가부분*/
	.paym-box {
		width: 95%;
		margin: 0 auto;
		margin-top: 35px;
		box-sizing: border-box;
		position: relative;
	}
	.paym-box li {
		position: relative;
		margin-bottom: 20px;
	}
	/*2016-02-05 추가부분*/
	.paym-box .red-box {
		padding-top: 29px;
		box-sizing: border-box;
		background: url(../../common/images/bg/red_bg.gif) no-repeat;
		width: 263px;
		margin: 0 auto;
		height: 271px;
		margin-bottom: 58px;
	}
	.paym-box .blue-box {
		padding-top: 29px;
		box-sizing: border-box;
		background: url(../../common/images/bg/blue_bg.gif) no-repeat;
		width: 263px;
		margin: 0 auto;
		height: 271px;
		margin-bottom: 20px;
	}
	.paym-box .black-box {
		padding-top: 29px;
		box-sizing: border-box;
		background: url(../../common/images/bg/black_bg.gif) no-repeat;
		width: 263px;
		margin: 0 auto;
		height: 271px;
		margin-bottom: 20px;
	}
	.paym-box .paym-txt1 {
		color: #fff;
		font-size: 16px;
		text-align: center;
	}
	.paym-box .paym-txt2 {
		color: #fff;
		font-size: 15px;
		text-align: center;
	}
	.paym-box .paym-txt3 {
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		text-align: center;
	}
	.paym-box .paym-txt4 {
		color: #fff;
		font-size: 14px;
		text-align: center;
		margin-bottom: 3px !important;
	}
	.paym-box .paym-txt-c1 {
		color: #f7e6b4;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.paym-box .paym-txt-c2 {
		color: #7fd3ff;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.paym-box .paym-txt-c3 {
		color: #f3d890;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
	}
	.pay-button1 {
		position: absolute;
		top: 215px;
		left: 60px;
		width: 135px;
		height: 35px;
		background: #fff url(../../common/images/icon/pay_arrow.gif) no-repeat
			100px 6px;
		padding: 6px 30px;
		box-sizing: border-box;
		color: #2e8fe0;
		cursor: pointer;
		font-weight: bold;
		border: none;
	} /* 2019-04-15 수정 */
	.pay-button2 {
		position: absolute;
		top: 215px;
		left: 60px;
		width: 135px;
		height: 35px;
		background: #fff url(../../common/images/icon/pay_arrow2.gif) no-repeat
			100px 6px;
		padding: 6px 30px;
		box-sizing: border-box;
		color: #b28d27;
		cursor: pointer;
		font-weight: bold;
		border: none;
	} /* 2019-04-15 수정 */
	.paym-b-txt {
		margin: 0 auto;
		color: #656565;
		font-size: 14px;
		width: 200px;
		text-align: center;
		padding-top: 10px;
		clear: both;
	}
	/*2016-02-05 추가부분*/
	.paym-b-txt {
		color: #656565;
		font-size: 14px;
		width: 200px;
		text-align: center;
		margin-left: 25px;
		padding-top: 10px;
		clear: both;
		margin: 0 auto;
		position: absolute;
		top: 267px;
		left: 50%;
		margin-left: -100px;
	}

	/*기간제결제*/
	.seven-paym-area {
		background: #3989cb;
		width: 100%;
		height: 154px;
		position: relative;
		margin-bottom: 30px;
	}
	.seven-paym1 .paym-txt1 {
		color: #fff;
		font-size: 16px;
		position: absolute;
		top: 20px;
		left: 30px
	}
	.seven-paym1 .paym-txt2 {
		color: #fff;
		font-size: 32px;
		position: absolute;
		top: 45px;
		left: 30px;
	}
	.seven-paym1 .paym-txt2_1.type1 {
		color: #a5ddff;
		font-size: 17px;
		font-weight: bold;
		position: absolute;
		top: 50px;
		left: 310px;
	} /* 2019-04-05 추가 */
	.seven-paym1 .paym-txt2_1.type2 {
		color: #f3d890;
		font-size: 17px;
		font-weight: bold;
		position: absolute;
		top: 77px;
		left: 30px;
	} /* 2019-04-05 추가 */
	.seven-paym1 .paym-txt-c1 {
		color: #a5ddff;
		font-size: 13px;
		position: absolute;
		top: 105px;
		left: 30px;
		width: 625px;
	}
	.seven-paym2 .paym-txt4 {
		color: #fff;
		font-weight: bold;
		font-size: 36px;
		position: absolute;
		top: 40px;
		right: 25px;
	}
	.seven-paym2 .paym-txt5 {
		color: #fff;
		font-size: 17px;
		position: absolute;
		top: 75px;
		right: 70px;
	}
	.cash-tit h3 {
		padding-top: 0px !important;
		width: 105px;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
		float: left;
		margin-right: 10px;
		color: #232323;
		font-size: 16px;
	}
	.cash-tit p {
		color: #7d7b7b;
		font-size: 12px;
		margin-bottom: -20px;
	}
	.submit6 {
		width: 140px;
		height: 55px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.seven-paym3 .paym-txt4 { /*color: #464849;*/
		color: #fff;
		font-weight: bold;
		font-size: 36px;
		position: absolute;
		top: 40px;
		right: 25px;
	} /* 2019-04-05 수정 */
	.seven-paym3 .paym-txt5 { /*color: #464849;*/
		color: #fff;
		font-size: 17px;
		position: absolute;
		top: 75px;
		right: 70px;
	} /* 2019-04-05 수정 */
	.seven-paym1 .paym-txt-c2 {
		color: #f3d890;
		font-size: 13px;
		position: absolute;
		top: 105px;
		left: 30px;
		width: 625px;
	}
	.seven-paym-area2 {
		background: #464849;
		width: 100%;
		margin: 0 auto;
		height: 154px;
		position: relative;
		margin-bottom: 30px;
	}
	.seven-paym4 .paym-txt4 {
		color: #f3d890;
		font-weight: bold;
		font-size: 36px;
		position: absolute;
		top: 43px;
		right: 10px;
	}
	.seven-paym4 .paym-txt5 {
		color: #f3d890;
		font-size: 17px;
		position: absolute;
		top: 79px;
		right: 70px;
	}
	/*이용권선물*/
	.tab-contsearch .paym-txt-c2 {
		left: 30px;
	}
	.tab-contsearch .paym-txt-c3 {
		left: 45px;
	}
	.tab-contsearch .paym-txt02 {
		left: 10px;
	}
	.tab-contsearch .tb-sub-tit {
		margin-bottom: 10px;
		color: #7d7b7b;
		font-size: 12px;
	}
	.choice-box {
		width: 95%;
		margin: 0 auto;
	}
	.choice-box h3 {
		text-align: left !important;
	}
	.choice-box2 {
		
	}
	.choice-box h3 {
		color: #232323;
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.choice-box select {
		float: left;
		margin-bottom: 20px;
	}
	.choice-box p {
		float: right;
		margin-bottom: 20px;
	}
	.paym-name {
		width: 370px;
	}
	.paym-e {
		width: 370px;
	}
	.cash-txt.ver2 {
		margin-left: 0;
		margin-top: 10px;
		font-size: 12px;
	} /* 2018-12-17 추가 */
	.cash-txt.ver2M {
		margin-left: 0;
		margin-top: 10px;
		font-size: 12px;
		padding-left: 10px;
		box-sizing: border-box
	} /* 2018-12-17 추가 */
	.cash-txt.ver3 {
		margin-left: 0;
		margin-top: 10px;
		font-size: 12px;
		padding-left: 24px
	} /* 2018-12-17 추가 */

	/*이용권내역*/
	.submit7 {
		margin-bottom: 20px;
		float: right;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}

	/*이용권선물*/
	.staff-con {
		width: 95%;
		margin: 0 auto;
		margin-top: 30px;
	}
	.staff-con h3 {
		color: #232323;
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.staff-con .staff-con-txt p {
		margin-top: 10px;
		color: #626262;
		font-size: 15px;
		margin-bottom: 10px;
		float: left;
	}
	.staff-con .staff-con-txt .text {
		width: 45%;
		float: left;
	}
	.staff-con .staff-con-txt li {
		
	}
	.submit8 {
		width: 100%;
		margin-top: 10px;
		height: 30px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
	}
	.staff-con .staff-con-txt .e-txt {
		color: #232323;
		font-size: 13px;
	}
	.staff-con-num {
		clear: both;
		padding-top: 20px;
	}
	.staff-con .staff-con-num p {
		margin-top: 10px;
		color: #626262;
		font-size: 13px;
		margin-bottom: 10px;
	}
	.staff-con-input {
		width: 90%;;
		margin-top: 7px;
	}
	.submit9 {
		margin-bottom: 10px;
		width: 100%;
		clear: both;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.submit10 {
		margin-bottom: 10px;
		width: 100%;
		clear: both;
		height: 30px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
	}
	.boardinbox .common-text-box3 {
		width: 100%;
	}
	.boardinbox textarea {
		width: 90%;
		margin: 10px 0px;
		height: 200px;
	}
	.boardinbox .color {
		color: #f8440d;
		font-size: 16px;
	}
	.boardinbox h3 {
		color: #232323;
		font-size: 16px !important;
		margin-bottom: 10px;
		text-align: center;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.boardinbox p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 15px;
	} /* 2019-04-15 수정 */
	.boardinbox p ul li {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.mem-leave li {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
		line-height: 25px;
	}
	.mem-leave-tit {
		margin-top: 10px;
	}
	.cash-btn {
		width: 172px;
		height: 37px;
		background: #49a3fc;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		box-sizing: border-box;
		cursor: pointer;
		margin-left: 39%;
		margin-top: 25px;
		margin-bottom: 50px;
	}

	/* 2019-04-05 추가 */
	.pay-button1.on {
		background: #1d3aad url(../../common/images/icon/pay_arrow1_hov.jpg)
			no-repeat 100px 6px;
		color: #fff
	}
	.pay-button2.on {
		background: #b28d27 url(../../common/images/icon/pay_arrow2_hov.jpg)
			no-repeat 100px 6px;
		color: #fff
	}
	/* //2019-04-05 추가 */

	/*이용약관*/
	.clause-box .clause-title3 {
		margin-bottom: 8px;
		margin-right: 9px;
		font-size: 14px;
		font-weight: bold;
		color: #232323;
	}
	.clause-box .clause-title4 {
		margin-bottom: 8px;
		margin-right: 9px;
		font-size: 14px;
		color: #232323;
		line-height: 22px;
	}
	.clause-txt-box2 {
		padding: 10px;
		box-sizing: border-box;
		width: 100%;
		height: 500px;
		margin: 0 auto;
		overflow-x: hidden;
		overflow-y: scroll;
		border: 1px solid #ccc;
		margin-top: 10px;
		margin-bottom: 25px;
	}

	/*10.06*/
	.radio-txt-pt {
		padding: 5px 0px;
	}
	.email-pt {
		margin-bottom: 8px;
	}
	.login-th {
		width: 80px;
	}
	.login-td {
		height: 50px;
	}
	.total-faq2 {
		margin-bottom: 15px;
	}
	.office-email {
		width: 150px !important;
	}
	.submit11 {
		width: 115px;
		height: 30px;
		background: #848d99;
		color: #fff;
		cursor: pointer;
		margin-left: 30px;
	}
	.mail-com li {
		float: left;
	}
	.join-chk {
		margin-right: 5px;
	}
	.errorpage2 {
		clear: both;
	}
	.suport-table {
		margin-top: 33px;
	}
	.menuLink3>a {
		background: none !important;
	}
	.menuLink4>a {
		width: 134px !important;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 145px 15px !important;
	}
	.menuLink7>a {
		width: 119px !important;
		background-position: 133px 15px !important;
	}
	.mt-none {
		margin-top: 0px !important;
	}
	.mt-none strong {
		margin-right: 10px;
	}
	.pre-next {
		width: 100%;
		height: 100px;
		border-top: 1px solid #bbbbbb;
		border-bottom: 2px solid #bbbbbb;
		margin-top: 33px;
	}
	.pre-next .last {
		border: none;
	}
	.pre-next th {
		border-bottom: 1px solid #dddddd;
	}
	.pre-next td {
		padding-left: 20px;
		border-bottom: 1px solid #dddddd;
	}
	.pre-next td span {
		float: right;
		padding-right: 20px;
	}
	.pre-next tr {
		height: 50px;
	}
	.prenext-tit {
		width: 95px;
		background: url(../../common/images/icon/pre_bar.gif) no-repeat right;
	}
	.prenext-tit img {
		padding-top: 8px;
		margin-right: 13px;
	}
	.txt-date1 {
		float: left;
		margin-bottom: 0px !important;
	}
	.txt-date2 {
		float: right;
	}
	.prenext-area {
		float: left;
		width: 62%; /* text-overflow: ellipsis; */
		overflow: hidden;
		white-space: nowrap;
		margin-bottom: 0px !important;
	}
	.slide-icon {
		display: none;
	}

	/*이용요금 안내*/
	.charge-tit {
		width: 100%;
		color: #232323;
		font-size: 16px;
		border-bottom: 1px solid #444444;
		margin-bottom: 30px;
		padding: 10px 0px;
	}
	.charge-box01 {
		margin-bottom: 20px;
		width: 95%;
		margin: 0 auto;
		background: #fafafa;
	}
	.charge-box02 {
		margin-bottom: 20px;
		width: 95%;
		margin: 0 auto;
		background: #fafafa;
	}
	.charge-box03 {
		margin-bottom: 20px;
		width: 95%;
		margin: 0 auto;
		background: #fafafa;
	}
	.charge-right {
		border: 1px solid #ccc;
		width: 100%;
	}
	.charge-left {
		width: 100%;
	}
	.charge-left h3 {
		color: #000;
		font-size: 26px;
	}
	.charge-label {
		width: 95%;
		margin: 0 auto;
		height: 25px;
		background: #4c4c4c;
		color: #fff !important;
		font-size: 13px !important;
		border-radius: 20px;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
	}
	.charge-txt {
		font-size: 13px;
		color: #000;
		width: 95%;
		margin: 0 auto;
		line-height: 20px;
	}
	.c-right-txt01 {
		font-size: 16px !important;
		color: #000;
		text-align: center;
		margin-top: 10px;
	}
	.c-right-txt02 {
		font-size: 30px !important;
		color: #000;
		text-align: center;
		padding-top: 19px;
		box-sizing: border-box;
	}
	.c-right-txt03 {
		font-size: 14px !important;
		color: #000;
		text-align: center;
	}
	.c-right-txt04 {
		font-size: 30px !important;
		color: #000;
		text-align: center;
		padding-top: 19px;
		box-sizing: border-box;
	}
	.charge-color01 {
		color: #ec6f09;
	}
	.charge-color02 {
		color: #3766eb;
	}
	.charge-color03 {
		color: #b69438;
	}
	.write-box {
		float: left;
	}
	.write-num {
		float: right;
		padding-right: 20px;
	}

	/*2015-12-30 추가부분*/
	.look-btn-area {
		width: 145px;
		margin: 0 auto;
	}
	/*2015-12-30 추가부분*/
	.look-btn {
		float: right;
		cursor: pointer;
		margin-bottom: 60px;
		font-weight: bold;
		padding-left: 25px;
		box-sizing: border-box;
		width: 143px;
		height: 36px;
		background: #757575 url(../../common/images/icon/look-plus.gif)
			no-repeat 16px 9px;
		color: #fff;
		font-size: 15px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-bottom: 1px solid #5e5e5e;
		border-right: 1px solid #5e5e5e;
		color: fff;
	}

	/*책소개쪽 */
	.slide-area {
		width: 100%;
		position: relative;
	}
	.jcarousel-skin-tango {
		width: 100%;
	}
	.jcarousel-skin-tango .jcarousel-next-horizontal {
		position: absolute;
		top: 50%;
		right: 0px;
		width: 64px;
		height: 64px;
		margin-top: -32px;
		cursor: pointer;
		/*background:url(../../common/images/icon/g_next_btn.gif) no-repeat center center;*/
	}
	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 64px;
		height: 64px;
		margin-top: -32px;
		cursor: pointer;
		/*background:url(../../common/images/icon/g_prev_btn.gif) no-repeat center center;*/
	}
	.jcarousel-skin-tango .jcarousel-direction-rtl {
		direction: rtl;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 100%;
		padding: 0px 0px;
	}
	.jcarousel-skin-tango .jcarousel-clip {
		overflow: hidden;
	}
	.jcarousel-skin-tango .jcarousel-item {
		width: 140px;
		height: 151px;
	}
	.jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-left: 0;
		margin-right: 10px;
	}
	.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal
		{
		margin-left: 10px;
		margin-right: 0;
	}
	.book-mark01 {
		color: #333333;
		font-size: 18px;
		background: url(../../common/images/icon/book-m.gif) no-repeat 0px 6px;
		padding-left: 15px;
		position: absolute;
		top: 450px;
		left: 50px;
	} /* 2022-10-24 top 수정 */
	.book-mark02 {
		color: #333333;
		font-size: 18px;
		background: url(../../common/images/icon/book-m.gif) no-repeat 0px 6px;
		padding-left: 15px;
		position: absolute;
		bottom: 320px;
		left: 50px;
	}
	.book-image {
		width: 70%;
		height: 215px;
		position: absolute;
		bottom: 74px;
	}
	.book-image li {
		width: 50%;
		float: left;
	}
	.table-no-line th {
		border-top: none !important;
		background: none !important;
	}
	.table-no-line {
		border-bottom: none !important;
		margin-top: 0px !important;
	}
	.table-list-btn {
		float: right;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.reply-content {
		text-align: left;
		padding: 35px 15px;
		vertical-align: top;
		border-top: 1px solid #b2b2b2;
		border-bottom: none !important;
		line-height: 150%;
	}
	.m_pop_btn {
		margin-right: 57px;
	}

	/*사이트맵*/
	.map-table {
		margin-bottom: 45px;
	}
	.map-table th {
		background: #ecf2f6 !important;
		text-align: left;
		padding-left: 15px;
	}
	.map-table th a {
		color: #373737;
		font-size: 15px;
	}
	.map-table a:hover {
		color: #3989cb;
		font-weight: bold;
	}
	.map-table .spot {
		padding-left: 15px;
		background: url(../../common/images/icon/map_spot.gif) no-repeat 5px
			23px;
		text-align: left;
	}
	.map-table td a {
		color: #828282;
		font-size: 13px;
	}
	/* 팝업 */

	/* board type */
	.boardType1 {
		position: relative;
		overflow: hidden;
	}

	/* paging */
	.paging {
		text-align: center;
	}
	.paging a {
		width: 23px;
		height: 23px;
		border: 1px solid #dcdcdc;
		border-radius: 23px;
		line-height: 27px;
		display: inline-block;
		text-align: center;
		margin: 0 0.2%;
	}
	.paging a.on {
		border: 1px solid #1c8292;
		color: #1c8292;
	}
	.paging .fir {
		width: 25px;
		height: 25px;
		border: none;
	}
	.paging .prv {
		width: 25px;
		height: 25px;
		border: none;
		margin-right: 2%;
	}
	.paging .nxt {
		width: 25px;
		height: 25px;
		border: none;
		margin-left: 2%;
	}
	.paging .end {
		width: 25px;
		height: 25px;
		border: none;
	}
	.paging .qst {
		width: 25px;
		height: 25px;
		border: none;
		position: absolute;
		right: 3%;
	}
}

/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
/*====================================================================웹 시작=====================================================================================*/
@media screen and (min-width:1024px) {
	.wrapper {
		width: 100%;
	}
	#lnb {
		width: 100%;
		height: 40px;
		border-bottom: 1px solid #cdd1d5;
		z-index: 2;
	}
	/* location */
	.localNav_area {
		position: relative;
		z-index: 2;
		color: #333;
		width: 1000px;
		margin: 0 auto;
	}
	.localNav {
		height: 40px;
		float: left;
	}
	.localNav>p {
		height: 40px;
		padding: 0 px;
	}
	.localNav>p, .localNav>p>span, .menuLink {
		float: left;
	}
	.localNav_area .sp_home {
		width: 40px;
		padding-top: 13px;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 30px 16px;
	}
	.txt {
		width: 110px;
		font-size: 13px;
		color: #707275;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 100px 16px;
	}
	.txt2 {
		width: 64px;
		font-size: 13px;
		color: #707275;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 50px 16px;
	}
	.localNav>p>span {
		padding: 10px 0 8px;
	}
	.sp_img {
		display: inline-block;
		padding-left: 10px;
		vertical-align: middle;
	}
	.sp_img img {
		width: 10px;
		vertical-align: middle;
	}
	.menuLink {
		position: relative;
		vertical-align: top;
		z-index: 1030;
	}
	.menuLink>a {
		display: block;
		font-size: 13px;
		color: #707275;
		margin-top: 1px;
		padding: 9px 10px 8px;
		width: 70px;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 78px 15px;
		letter-spacing: -1px;
		white-space: nowrap;
	}
	.menuLink6>a {
		width: 84px;
		background-position: 97px 15px;
	}
	.menuLink2>a {
		background: none;
	}
	.menuLink>a.close {
		color: #2475d0;
	}
	.menuLink .menu {
		display: none;
		position: absolute;
		top: 40px;
		left: 0px;
		padding: 0px;
		border: 1px solid #ccc;
		background: #fff;
		width: 120%;
		min-width: 150px;
		overflow-x: hidden;
		overflow-y: auto;
		z-index: 1030;
	}
	.menuLink .menu li {
		height: 30px;
	}
	.web-inb {
		position: relative;
		vertical-align: top;
		z-index: 1030;
		float: left;
	}
	.web-inb a {
		display: block;
		padding: 9px 15px;
		width: inherit;
	}
	.mobile-nav {
		display: none;
	}
	/*
.menuLnk .menu01{height: 120px !important;}
.menuLink .menu02{height: 90px !important;}
.menuLink .menu03{height: 150px !important;}
*/
	.menuLink .menu a {
		position: relative;
		display: block;
		white-space: nowrap;
		white-space: normal;
		font-size: 12px;
		padding: 8px 10px;
		background: #fff;
		line-height: 1.2;
		letter-spacing: -1px;
		z-index: 1030;
	}
	.menuLink .menu a:hover, .menuLink .menu li.hover a:hover {
		color: #fff;
		text-decoration: none;
		background: #2475d0;
	}
	.menuLink .menu li.on a {
		color: #fff;
		text-decoration: none;
		background: #3989cb;
	}
	.menuLink .menu li.two-dep:hover a {
		color: #fff;
		text-decoration: none;
		background: #3989cb;
	}
	.menuLink .open img {
		padding-top: 8px;
		margin-left: 3px;
	}
	.invi-current {
		color: #3989cb !important;
	}
	.top-icon {
		float: right;
		padding-top: 10px;
	}
	.top-icon li {
		float: left;
		margin-right: 10px;
	}

	/*2015-12-30 추가부분*/
	.two-active {
		font-weight: 700;
		text-decoration: underline;
	}
	.two-active:hover {
		text-decoration: underline;
	}
	.three-active a {
		color: #fff;
		text-decoration: none;
		background: #2475d0 !important;
	}

	/*cont*/

	/*서브리스트*/
	.subCon {
		width: 1000px;
		margin: 0 auto;
		padding: 40px 0px;
	}
	.sub-top {
		width: 100%;
		height: 60px;
	}
	.sub-top h2 {
		color: #333333;
		font-size: 28px;
	}
	.sub-top p {
		color: #737373;
		font-size: 16px;
		margin-top: 15px;
		float: left;
	}
	.cus-btn input {
		float: right;
		cursor: pointer;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.sub-cont {
		width: 1000px;
		margin: 0 auto;
	}
	.date-choice {
		width: 100%;
		height: 65px;
		border: 1px solid #e1e1e1;
		padding-top: 20px;
		box-sizing: border-box;
	}
	.date-choice p {
		margin-left: 45px;
		float: left;
		color: #444444;
		font-size: 16px;
		margin-right: 35px;
	}
	.date-choice ul {
		float: left;
	}
	.date-choice ul li {
		margin-right: 5px;
		float: left;
		width: 110px;
		height: 28px;
		border: 1px solid #c2c2c2;
		background: #fff;
		font-size: 13px;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
	}
	.date-choice ul li a {
		color: #666666;
		font-size: 13px;
	}
	.date-choice ul .active {
		float: left;
		width: 110px;
		height: 28px;
		border: 1px solid #7b838c;
		background: #8a929a;
		font-size: 13px;
		font-weight: bold;
	}
	.date-choice ul li.active a {
		color: #fff;
		padding-top: 4px;
	}
	.sub_thumlist {
		width: 100%;
		height: 313px;
		margin-top: 15px;
	}
	.sub_thumlist li {
		margin-bottom: 30px;
		float: left;
		width: 234px !important;
		height: 295px;
		margin-right: 21px;
		position: relative;
		background: #fff;
		border: 1px solid #d2d2d2;
		box-sizing: border-box;
	}
	.sub_thumlist .last {
		margin-right: 0px;
	}
	.sub-p-all {
		padding: 15px 20px;
		box-sizing: border-box;
	}
	.sub-p-all .text01 {
		width: 201px;
		height: 50px;
	}
	.sub-p-all .text01 a {
		font-size: 15px;
		color: #3d3d3d;
		line-height: 20px;
	}
	.sub-p-all .text02 a {
		font-size: 13px;
		color: #777;
		line-height: 20px;
	}
	.sub-p-all .text03 a {
		font-size: 13px;
		color: #919191;
	}
	.sub-p-all .text04 a {
		font-size: 13px;
		color: #919191;
	}
	.sub-p-all .text03 {
		float: left;
	}
	.sub-p-all .text04 {
		float: right;
	}
	.pick-wrap {
		position: relative;
		margin-left: 35px;
		float: left;
		margin-right: 5px;
	}
	.pick-input {
		background: #fff;
		height: 28px;
		position: relative;
	}
	.pick-input input {
		background: none;
		border: 1px solid #c2c2c2;
		height: 20px;
		vertical-align: middle;
		width: 94px !important;
		padding-left: 30px;
	}
	.pick-input img {
		position: absolute;
		left: 5px;
		top: 4px;
		cursor: pointer;
	}
	.search-btn {
		width: 50px;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #49a3fc;
		border: none;
		cursor: pointer;
	}
	.sub_thumlist>.type02>.maskbox>.main-thum-img {
		position: relative;
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		box-sizing: border-box;
		width: 235px;
	}
	.sub_thumlist>.type02>.maskbox>.main-thum-img>.over-mask:hover {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 235px !important;
		height: 100%;
		opacity: 0.6;
	}
	.sub_thumlist .mask_bg1 {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .mask_bg2 {
		position: absolute;
		width: 100%;
		min-height: 230px;
		z-index: 10;
	}
	.sub_thumlist .sub-thum-img {
		position: relative;
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
	}
	.sub_thumlist .type02 .mask_bg1 h3 {
		font-size: 21px;
		line-height: 26px;
		margin: 180px 0px 0px 10px;
		z-index: 5;
	}
	.sub_thumlist .type02 .mask_bg1 h3 a {
		color: #fff;
	}
	.sub_thumlist .type02 .mask_bg2 h3 {
		font-size: 21px;
		line-height: 30px;
		margin: 200px 0px 0px 10px;
		z-index: 5;
	}
	.sub_thumlist .type02 .mask_bg2 h3 a {
		color: #424242;
	}
	.sub_thumlist li.type01:hover {
		/* background: #3989cb; */
		
	}
	.sub_thumlist li.type01:hover .sub-p-all {
		color: #fff !important;
	}
	.sub_thumlist li.type01:hover .sub-p-all a {
		color: #333;
	}
	.sub_thumlist li.type01:hover .sub-p-all p {
		color: #333;
	}
	.sub_thumlist li.type01:hover .sub-p-all .text03 {
		color: #fff !important;
	}
	.sub_thumlist li.type01:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 100%;
		height: 100%;
		opacity: 0.6;
	}
	.sub_thumlist li.type01:hover .over-btn {
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 82px;
		left: 65px;
		z-index: 10;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
	}
	.sub_thumlist li.type01:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.sub_thumlist li.type01:hover .rink-btn {
		display: none;
	}
	.data-num {
		margin-bottom: 10px;
		margin-top: 35px;
		font-size: 12px;
	}

	/*검색결과 없음*/
	.no-data-tit {
		margin-bottom: 20px;
		margin-top: 15px;
		width: 100%;
		height: 60px;
		border: 1px solid #ccc;
		text-align: center;
		padding-top: 18px;
		box-sizing: border-box;
		color: #424242;
		font-size: 13px;
		font-weight: bold;
	}

	/*서브상세*/
	.sub-cont-inbox {
		width: 100%;
		border: 1px solid #d3d3d3;
		position: relative;
	}
	.sub-cont-left {
		float: left;
		width: 740px;
		box-sizing: border-box;
		border-right: 1px solid #ccc;
	}
	.sub-cont-left-t {
		padding: 0px 40px;
	}
	.left-title {
		width: 100%;
		border-bottom: 1px solid #d3d3d3;
		text-align: center;
		padding-top: 57px;
		box-sizing: border-box;
	}
	.left-title h3 {
		font-weight: bold;
		font-size: 24.5px;
		color: #000000;
		padding-bottom: 15px;
		box-sizing: border-box;
		line-height: 32px;
		margin: 0 auto;
		width: 500px;
		word-break: keep-all;
	}
	.left-title p {
		font-size: 14px;
		color: #898989;
		margin-bottom: 15px;
	}
	.gallery-title {
		margin-bottom: 5%;
		width: 566px;
	}
	.gallery-title h3 {
		float: left;
	}
	.gallery-title .cloud {
		float: right;
		margin-bottom: 10px;
		color: #898989;
	}
	.gallery-title .cloud img {
		margin-right: 8px;
	}
	.sub-cont-left-b {
		border-top: 1px solid #ccc;
		margin-top: 25px;
	}
	.sub-cont-left .pagination {
		margin-left: 240px !important;
	}
	.left-b-inbox {
		padding: 44px 40px;
	}
	.inbox-t {
		width: 100%;
		height: 25px;
	}
	.inbox-t p {
		float: left;
		background: url(../../common/images/icon/good_img.gif) no-repeat;
		padding-left: 90px;
		height: 25px;
	}
	.list-btn {
		float: right;
		cursor: pointer;
		margin-top: -14px;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.list-btn1 {
		float: right;
		cursor: pointer;
		margin-top: 60px;
		float: right;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.inbox-b {
		width: 100%;
		margin-top: 30px;
	}
	.inbox-b .img-txt {
		float: left;
		background: url(../../common/images/icon/txt_box_img.gif) no-repeat;
		padding-left: 15px;
		height: 25px;
	}
	.comment-number {
		float: right;
	}
	.img-txt2 {
		float: left;
	}
	.comment-area {
		clear: both;
		border-top: 1px solid #444444;
	}
	.comment-name {
		padding-top: 20px;
	}
	.comment-area .comment-name  li {
		float: left;
		margin-right: 10px
	}
	.comment-area .comment-name .delete {
		float: right !important;
	}
	.comment-name .name {
		color: #373737;
		font-size: 13px;
		margin-right: 15px;
	}
	.comment-area .commont-txt {
		clear: both;
		color: #6c6c6c;
		font-size: 12px;
		padding-top: 15px;
		box-sizing: border-box;
		border-bottom: 1px dashed #dedede;
		height: 70px;
	}
	.comment-box {
		width: 100%;
		border: 1px solid #ccc;
		height: 150px;
		margin-top: 35px;
		padding: 15px;
		box-sizing: border-box;
	}
	.comment-box ul li {
		float: left
	}
	.comment-box .box-t .write-name {
		color: #373737;
		font-size: 14px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.comment-box .box-t .text {
		width: 141px;
		height: 27px;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
	}
	.comment-box .box-t .max-number {
		float: right;
		padding-top: 10px;
	}
	.comment-box .box-b {
		clear: both;
		margin-top: 10px;
	}
	.comment-box .box-b textarea {
		width: 545px;
		height: 80px;
		border: 1px solid #cdcdcd;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.comment-box .box-b .submit-btn {
		width: 80px;
		height: 80px;
		border: 1px solid #6184a7;
		background: #80a2c5;
		margin-top: 10px;
		color: #fff;
		cursor: pointer;
	}
	.comment-box .box-b .box-b01 {
		width: 80%;
	}
	.comment-box .box-b .box-b02 {
		width: 15%;
	}
	.comment-box3 .box-b2 .box-b01 {
		width: 80%;
	}
	.comment-box3 .box-b2 .box-b02 {
		width: 15%;
	}
	/*댓글*/
	.left-b-inbox2 {
		padding: 44px 40px;
	}
	.inbox-t2 {
		width: 100%;
		height: 25px;
	}
	.inbox-t2 p {
		float: left;
		background: url(../../common/images/icon/good_img.gif) no-repeat;
		padding-left: 90px;
		height: 25px;
	}
	.list-btn2 {
		float: right;
		margin-top: -14px;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.inbox-b2 {
		width: 100%;
		margin-top: 30px;
	}
	.inbox-b2 .img-txt2 {
		float: left;
		background: url(../../common/images/icon/txt_box_img.gif) no-repeat;
		padding-left: 15px;
		height: 25px;
	}
	.comment-number2 {
		float: right;
	}
	.comment-area2 {
		clear: both;
		border-top: 1px solid #444444;
	}
	.comment-name2 {
		padding-top: 20px;
	}
	.comment-area2 .comment-name2  li {
		float: left;
		margin-right: 10px
	}
	.comment-area2 .comment-name2 .delete2 {
		float: right !important;
	}
	.comment-name2 .name2 {
		color: #373737;
		font-size: 13px;
		margin-right: 15px;
	}
	/*.comment-area2 .commont-txt2{ clear: both; color: #6c6c6c; font-size: 12px;   padding-top: 15px;box-sizing: border-box;     border-bottom: 1px dashed #dedede;    height: 70px;}*/
	.comment-box3 {
		width: 100%;
		border: 1px solid #ccc;
		height: 150px;
		margin-top: 35px;
		padding: 15px;
		box-sizing: border-box;
	}
	.comment-box3 ul li {
		float: left
	}
	.comment-box3 .box-t .write-name {
		color: #373737;
		font-size: 14px;
		padding-top: 5px;
		margin-right: 5px;
	}
	.comment-box3 .box-t .text {
		width: 141px;
		height: 27px;
		border: 1px solid #cdcdcd;
		box-sizing: border-box;
	}
	.comment-box3 .box-t .max-number {
		float: right;
		padding-top: 10px;
	}
	.comment-box3 .box-b2 {
		clear: both;
		margin-top: 10px;
	}
	.comment-box3 .box-b2 textarea {
		width: 545px;
		height: 80px;
		border: 1px solid #cdcdcd;
		margin-top: 10px;
		box-sizing: border-box;
	}
	.comment-box3 .box-b2 .submit-btn {
		width: 80px;
		height: 80px;
		border: 1px solid #6184a7;
		background: #80a2c5;
		margin-top: 10px;
		color: #fff;
	}
	.subCon2 {
		width: 739px;
	}
	.sub-cont-right {
		float: left;
		width: 260px;
	}
	.sub-cont-right .cont-right-title {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 45px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
	.sub-cont-right .title1 {
		background: #f7f7fa url(../../common/images/icon/right_title01.gif)
			no-repeat;
		background-position: top 11px left 15px;
	}
	.sub-cont-right .title2 {
		background: #f7f7fa url(../../common/images/icon/right_title02.gif)
			no-repeat;
		background-position: top 11px left 15px;
	}
	.sub-cont-right .title3 {
		background: #f7f7fa url(../../common/images/icon/right_title03.gif)
			no-repeat;
		background-position: top 15px left 15px;
	}
	.sub-cont-right .title4 {
		background: #f7f7fa url(../../common/images/icon/right_title04.gif)
			no-repeat;
		background-position: top 13px left 15px;
	}
	.detail-imfo {
		border-bottom: 1px solid #ccc;
	}
	.detail-imfo ul {
		width: 260px;
		padding: 30px 20px;
		box-sizing: border-box;
	}
	.detail-imfo ul .detail-ul-title {
		color: #4f4f4f;
		font-size: 15.5px;
		width: 100%;
		height: 33px;
		border-bottom: 1px solid #ccc;
	}
	.detail-imfo ul li {
		width: 100%;
		height: 33px;
		border-bottom: 1px solid #ccc;
		padding-top: 5px;
		box-sizing: border-box;
		font-size: 13px;
	}
	.detail-imfo ul li span {
		font-weight: bold;
		color: #232323;
		font-size: 13px;
	}

	/* 2019-02-22  추가 */
	.copyright-guide {
		width: 260px;
		padding: 15px 25px 15px 20px;
		box-sizing: border-box;
	}
	/* .copyright-guide div{width: 260px; padding: 15px 25px 15px 20px; box-sizing: border-box;} */
	.copyright-guide p.tit {
		padding-bottom: 5px;
		font-size: 14px;
		color: #666666;
		font-weight: bold
	}
	.copyright-guide p {
		width: 100%;
		padding-top: 0px;
		padding-left: 10px;
		color: #999999;
		text-indent: -10px;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 18px;
		word-break: keep-all;
	}

	/* //2019-02-22  추가 */
	.cont-down {
		padding-bottom: 20px;
		border-bottom: 1px solid #ccc;
	}
	.all-file {
		padding: 25px;
		box-sizing: border-box;
		background: url(../../common/images/icon/file_arrow.gif) no-repeat;
		background-position: center 183px;
		z-index: 10;
	}
	.all-file p {
		width: 100%;
		height: 26px;
		background: #80a2c5;
		color: #fff;
		font-weight: bold;
		padding: 3px 10px;
		box-sizing: border-box;
		font-size: 12px;
	}
	.all-file .file-list {
		width: 100%;;
		border-left: 1px solid #9bb6d1;
		border-right: 1px solid #7392b2;
		border-bottom: 1px solid #7392b2;
		padding: 8px;
		box-sizing: border-box;
	}
	.all-file .lodate-area {
		width: 100%;
		border-top: 1px solid #dfe8f0;
		padding-top: 5px;
		box-sizing: border-box;
	}
	.all-file .file-list li {
		line-height: 20px;
		color: #4f4f4f;
		font-size: 13px;
		font-weight: bold;
		margin-bottom: 7px;
	}
	.cart-btn {
		font-size: 16px;
		cursor: pointer;
		margin-bottom: 5px;
		margin-left: 20px;
		width: 217px;
		height: 36px;
		background: #49a3fc url(../../common/images/icon/icon_cart.gif)
			no-repeat;
		background-position: 42px 9px;
		padding-left: 30px;
		color: #fff;
		box-sizing: border-box;
		font-weight: bold;
		border-left: 1px solid #96cafd;
		border-top: 1px solid #96cafd;
		border-bottom: 1px solid #387cc0;
		border-right: 1px solid #387cc0;
	}
	.preview-btn {
		margin-bottom: 5px;
		cursor: pointer;
		margin-left: 20px;
		width: 218px;
		height: 36px;
		background: #899097 url(../../common/images/icon/icon_preview.gif)
			no-repeat;
		background-position: 42px 9px;
		font-size: 16px;
		padding-left: 30px;
		color: #fff;
		box-sizing: border-box;
		font-weight: bold;
	}
	.bonus-btn {
		margin-bottom: 5px;
		cursor: pointer;
		margin-left: 20px;
		width: 218px;
		height: 36px;
		background: #fff url(../../common/images/icon/img_bonus.gif) no-repeat;
		background-position: 10px 8px;
		padding-left: 75px;
		box-sizing: border-box;
		color: #8217b4;
		font-weight: bold;
	}
	.prev-btn {
		background: #4971ac url(../../common/images/icon/prev_icon.gif)
			no-repeat;
		background-position: 36px 8px;
		margin-bottom: 5px;
		cursor: pointer;
		width: 218px;
		height: 36px;
		padding-left: 23px;
		box-sizing: border-box;
		color: #FFF;
		font-weight: bold;
	}
	.prev-btn-area {
		height: 47px !important;
	}
	.search-word {
		border-bottom: 1px solid #ccc;
	}
	.search-word ul {
		width: 260px;
		padding: 10px 20px;
		box-sizing: border-box;
	}
	.search-word ul li {
		float: left;
		margin-right: 10px;
		margin-bottom: 9px;
		background: #a8a8a8;
		color: #fff;
		padding: 1px 8px 4px 8px;
	}
	.search-word ul li a {
		color: #fff;
	}
	.report {
		height: 270px;
	}
	.report .title4 .title {
		float: left;
	}
	.report .title4 .plus {
		float: right;
	}
	.report .title4 .plus a {
		color: #6f6f6f;
		font-size: 13px;
		margin-right: 10px;
		font-weight: normal;
	}
	.report .title4 .plus a:hover {
		text-decoration: underline;
	}
	.report ul {
		width: 260px;
		padding: 00px 20px;
		box-sizing: border-box;
	}
	.report ul li {
		width: 100%;
		height: 90px;
		border-bottom: 1px dashed #dedede;
	}
	.report ul .report-txt {
		color: #6f6f6f;
		font-size: 13px;
		width: 100%;
		margin-top: 20px;
	}
	.tit-width2 {
		margin-right: 18px;
	}
	.tit-width1 {
		margin-right: 5px;
	}

	/*2015-12-24 베너추가*/
	.banner-area {
		padding: 20px;
	}

	/*멤버 아이디찾기 팝업*/
	.popup-wrapper {
		width: 450px;
	}
	.pop-content-inbox {
		padding: 15px;
		height: 200px;
	}
	.pop-content-inbox p span {
		font-weight: bold;
	}
	.pop-content-inbox>p>.pop_btn03 {
		margin-left: 62px !important;
	}
	.pop_btn03-1 {
		margin-left: 110px!mportant;
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 120px;
		cursor: pointer;
		margin-top: 35px;
	}
	.popup-wrapper>.popup>.pop-content {
		text-align: center;
	}
	.pw-email-box {
		width: 100%;
		height: 40px;
		border: 1px solid #ccc;
		text-align: center;
		padding-top: 8px;
		box-sizing: border-box;
	}
	/*상세보기페이지 팝업*/
	.simplemodal-close {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
	}
	.simplemodal-close2 {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
	}
	.simplemodal-close3 {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
	}
	.pop-close {
		background: url(../../common/images/popup/pop_close.gif) no-repeat;
		width: 14px;
		height: 14px;
		display: inline;
		z-index: 5200;
		position: absolute;
		top: 15px;
		right: 10px;
		cursor: pointer;
		text-indent: -9999px;
	}
	.popup2 {
		width: 530px !important;
		height: 320px !important;
	}
	.popup3 {
		width: 530px !important;
	}
	.pop-header {
		width: 100%;
		position: relative;
		height: 45px;
		background: #3989cb;
	}
	.pop-header h1 {
		color: #fff;
		line-height: 30px;
		font-size: 16px;
		margin-left: 15px;
		padding-top: 5px;
		box-sizing: border-box;
        height: 43px;
        align-content: center;
	}
	.pop-content {
		clear: both;
		background: #fff;
	}
	.subm-btn {
		margin-top: 14px !important;
	}
	.content-inbox2 {
		height: 275px;
		text-align: center;
		color: #232323;
		font-size: 16px;
		padding-top: 70px;
		box-sizing: border-box;
		line-height: 20px;
	}
	.content-inbox2 span {
		color: #f85f13;
	}
	.content-inbox2 .pop_btn01 {
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 100px;
		cursor: pointer;
		margin-top: 35px;
	}
	.content-inbox2 .pop_btn02 {
		width: 190px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
	}
	.content-inbox3 {
		height: 240px;
		text-align: center;
		color: #232323;
		font-size: 16px;
		padding-top: 70px;
		box-sizing: border-box;
		line-height: 20px;
	}
	.content-inbox3 p {
		color: #737373;
	}
	.content-inbox3 span {
		color: #232323;
	}
	.pop_btn03 {
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-size: 14px;
		float: left;
		margin-left: 120px;
		cursor: pointer;
		margin-top: 35px;
	}
	.pop_btn04 {
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
		margin-left: -85px;
	}
	.content-inbox4 {
		padding: 30px;
		height: 430px;
		box-sizing: border-box;
	}
	.popup4 {
		width: 580px !important;
		height: 480px !important;
	}
	.inbox-tit {
		width: 100%;
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		padding: 14px 10px;
		box-sizing: border-box;
	}
	.inbox-tit p {
		float: left;
	}
	.inbox-tit .tit01 {
		width: 90px;
		background: url(../../common/images/icon/pop_tit_bar.gif) no-repeat
			right;
		color: #232323;
		font-weight: bold;
		font-size: 16px;
	}
	.inbox-tit .tit02 {
		color: #626262;
		font-size: 13px;
		margin-left: 15px;
	}
	.pop_btn05 {
		margin-top: 15px;
		margin-left: 190px;
		padding-left: 20px;
		box-sizing: border-box;
		width: 140px;
		height: 40px;
		background: #fff url(../../common/images/icon/icon_clip.gif) no-repeat
			15px 10px;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
		color: #4f4f4f;
		font-weight: bold;
		font-size: 14px;
		cursor: pointer;
	}
	.tit03 {
		margin-top: 30px;
		color: #232323;
		font-weight: bold;
		font-size: 16px;
	}
	.cancel-btn01 {
		position: absolute;
		top: 155px;
		right: 188px;
	} /*20160523 수정*/
	.cancel-btn02 {
		position: absolute;
		top: 15px;
		right: 10px;
	}
	.cancel-btn03 {
		position: absolute;
		top: 155px;
		right: 120px;
	}
	.cancel-btn04 {
		position: absolute;
		top: 224px;
		right: 110px;
	}
	.cancel-btn05 {
		position: absolute;
		top: 224px;
		right: 200px;
	}
	.conf-btn {
		position: absolute;
		top: 155px;
		right: 200px;
	}

	/*서브푸터*/
	.cont-fix {
		width: 1000px;
		margin: 0 auto;
		clear: both;
		height: 278px;
		margin-bottom: 30px;
	}
	.cont-footer-left {
		float: left;
	}
	.cont-footer-right {
		float: right;
	}
	.pop_btn09 {
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer;
		margin-top: 35px;
		margin-left: -85px;
	}

	/*인포 겔러리*/
	#gallery {
		width: 100%;
		padding: 35px 47px;
		box-sizing: border-box;
		font-weight: bold;
		cursor: pointer;
	}
	#image {
		width: 566px;
		margin: 0 auto;
		position: relative;
	}
	#image p {
		display: none;
	}
	#image p img {
		width: 566px;
		border: 1px solid #cccccc;
		box-sizing: border-box;
	}
	#thumbnail {
		position: relative;
		width: 430px;
		height: 52px;
		margin-top: 30px;
	}
	#thumbnail div {
		float: left;
	}
	#thumbnail .left {
		position: absolute;
		left: 72px;
		top: 0;
		width: 33px;
		height: 52px;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	#thumbnail .right {
		position: absolute;
		left: 460px;
		top: 0;
		width: 33px;
		height: 52px;
		padding-top: 20px;
		text-align: center;
		cursor: pointer;
	}
	#thumbnail .container {
		overflow: hidden;
		position: relative;
		left: 110px;
		width: 342px;
		height: 52px;
		margin-top: 20px;
	}
	#thumbnail .container ul {
		position: absolute;
		width: 3000px;
		margin-left: -8px;
	}
	#thumbnail .container .thumb {
		float: left;
		width: 80px;
		height: 50px;
		margin-left: 8px;
		list-style: none;
		cursor: pointer;
	}
	#thumbnail .container .thumb.ml0 {
		margin-left: 0px;
	}
	/*화살표 이미지*/
	#image>.side-btns>.thum-btn-left {
		position: absolute;
		top: 300px;
		left: 2%;
		text-align: right;
		transform: translatey(-50%);
		/*cursor: pointer;*/
	}
	#image>.side-btns>.thum-btn-right {
		position: absolute;
		top: 300px;
		right: 2%;
		transform: translatey(-50%);
		cursor: pointer;
	}
	/*밑에 동그라미 점*/
	.thum-page-btn {
		position: relative;
		width: 100%;
		height: 36px;
	}
	.thum-page-btn .ul {
		position: absolute;
		width: 100%;
		height: 37px;
		text-align: center;
	}
	.thum-page-btn .ul div {
		width: 15px;
		height: 15px;
		background-color: rgba(217, 217, 217);
		border-radius: 10px;
		display: inline-block;
		cursor: pointer;
		margin-top: 10px;
		transition: all 1.3s ease;
	}
	.thum-page-btn .ul div.active {
		background-color: rgb(117, 117, 117);
		cursor: pointer;
	}

	/*자세히보기*/
	.detail-look-area {
		position: relative;
	}
	.detail-txt-area {
		width: 100%;
	}
	.detail-txt-area .list {
		width: 100%;
		border-bottom: 1px solid #d3d3d3;
		padding: 0px 25px 20px 0px;
		box-sizing: border-box;
	} /*151030*/
	.detail-txt-area .list p {
		font-size: 14px;
		color: #424242;
		line-height: 160%;
	} /*151030*/
	.detail-txt-area .list .last {
		margin-bottom: 30px;
	}
	.detail-txt-area .list .list-title {
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		margin-bottom: 30px;
		margin-top: 25px;
	}
	.detail-txt {
		padding-top: 25px;
		line-height: 175%;
		letter-spacing: -.1px;
		color: black;
	}
	.detail-txt .txt01 {
		font-size: 13px;
		color: #464646;
		line-height: 20px;
		margin-bottom: 45px;
	}
	.detail-txt .txt02 {
		font-size: 15px;
		color: #317eb4;
		margin-bottom: 17px;
	}
	.detail-txt .txt03 {
		font-size: 13px;
		color: #737373;
		line-height: 20px;
	}
	.detail-btn-box-look {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/look.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-right: 1%;
	}
	.detail-btn-box {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/look.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 99;
		cursor: pointer;
		margin: auto;
	}
	.detail-btn-box-off {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/detail_on.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 9999;
		cursor: pointer;
	}
	.detail-btn-box-market {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/report_down.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		z-index: 9999;
		cursor: pointer;
	}
	.detail-btn-box-inquiry {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/inquiry.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-right: 1%;
	}
	.detail-btn-box-sns {
		width: 143px;
		height: 37px;
		background: url(../../common/images/icon/sns_link.gif) no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		cursor: pointer;
		margin-left: 1%;
	}
	.detail-txt-area {
		width: 659px;
		background-color: #FFF;
		display: none;
		margin-bottom: 50px;
	}
	.graph {
		text-align: center;
		margin-top: 20px;
	}
	.down-area {
		width: 100%;
		height: 80px;
		border: 1px solid #ccc;
		margin-top: 60px;
		padding: 20px 0px 0px 55px;
		box-sizing: border-box;
	}
	.down-area li {
		float: left;
		margin-right: 15px;
		color: #656161;
		font-size: 16px;
	}
	.down-area .down-tit {
		width: 95px;
		color: #393939;
		background: url(../../common/images/icon/down-tit-bar.gif) no-repeat
			90px 3px;
		height: 33px;
		font-size: 16px;
		font-weight: bold;
	}
	.down-area .text {
		padding-top: 10px;
	}
	.down-area .text01 {
		margin-left: 15px;
	}
	.down-area .text02 {
		width: 55px;
		background: url(../../common/images/icon/down-tit-bar01.gif) no-repeat
			53px 9px;
		height: 33px;
		margin-left: 15px;
	}
	.down-area .text03 {
		width: 85px;
		background: url(../../common/images/icon/down-tit-bar01.gif) no-repeat
			83px 9px;
		height: 33px;
	}
	.down-area .last {
		margin-right: 0px;
		padding-top: 10px;
	}
	.last01 {
		color: #9116d8 !important;
		font-weight: bold;
	}
	.down-area .zip-btn {
		width: 165px;
		height: 35px;
		color: #fff;
		text-align: center;
		background: #49a3fc;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
	.popup02 {
		width: 257px;
		height: 226px;
		border: 1px solid #ccc;
		position: absolute;
		display: none;
		background: #fff;
	    top: 122%;
    	left: 36%;
	}
	.popup02_1 {
		width: 257px;
		height: 226px;
		border: 1px solid #ccc;
		position: absolute;
		display: none;
		z-index: 99999;
		background: #fff;
	    top: 122%;
    	left: 30%;
	}
	.pop-head02 {
		height: 40px;
	}
	.pop-title {
		color: #000;
		font-weight: bold;
		font-size: 16px;
		height: 40px;
		padding-top: 9px;
		box-sizing: border-box;
		text-align: left;
        margin-left: 7%;
	}
	.pop-close02 {
		width: 100%;
		text-indent: -99999px;
		background: url(../../common/images/icon/pop_close.gif) no-repeat
			!important;
		height: 40px;
		background-position: 222px 12px !important;
		cursor: pointer;
		position: absolute;
		right: 0%;
		top: 0%;
	}
	.pop-cont {
		box-sizing: border-box;
	}
	.url-box {
		clear: both;
	}
	.url-box li {
		float: left;
	}
	.url-box .url-tit {
		color: #494949;
		margin-left: 13px;
		padding-top: 3px;
		margin-right: 5px;
	}
	.url-box .url-txt {
		width: 207px;
		height: 27px;
		border: 1px solid #cfcfcf;
		box-sizing: border-box;
		padding-right: 0px !important;
	}
	.url-box .url-btn {
		width: 38px;
		height: 27px;
		background: #494949;
		color: #fff;
		padding: 2px 4px !important;
	}
	.pop-cont li {
		padding-top: 12px;
        width: 25%;
        text-align: center;
        margin: 0 1%;
	}
	.pop-cont li span {
		color: #000;
	    display: block;
	    font-size: 13px;
	    letter-spacing: -.5px;
	    line-height: 22px;
	    margin-top: 6px;
	    white-space: nowrap;
	    text-align: center;
	}
	.pop-cont .kakao {
		display: none;
	}
	/*페이징*/
	.pageing {
		clear: both;
		text-align: center;
		font-size: 14px;
		padding-top: 40px;
		margin-bottom: 20px;
	}
	.pageing>a img {
		margin: 11px 1px 0 1px;
	}
	.pageing>a.prev {
		background: #ffffff;
		border: 1px solid #d2d6da;
		width: 30px;
		text-align: center;
		line-height: 30px;
	}
	.pageing>a.next {
		background: #ffffff;
		border: 1px solid #d2d6da;
		text-align: center;
		line-height: 30px;
	}
	.pageing>a.prev:hover, .pageing>a.next:hover {
		background: none;
	}
	.pageing>a {
		display: inline;
		zoom: 1;
		display: inline-block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #dddddd;
		margin-right: 1px;
		color: #333;
	}
	.pageing>a.current, .pageing>a:hover {
		background: #fff;
		color: #49a3fc;
		border: 1px solid #49a3fc;
	}

	/*09-18*/
	.localNav_area .location span {
		float: left;
		padding-top: 10px;
	}
	.localNav_area .location .home {
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			26px 18px;
		width: 30px;
		padding-top: 13px;
	}
	.localNav_area .location .invi-middle {
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			76px 18px;
		width: 80px;
		margin-left: 15px;
	}
	.localNav_area .location .intro-middle {
		width: 129px !important;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat
			125px 18px;
	}
	.localNav_area .location .current {
		margin-left: 15px;
		color: #3989cb;
		font-weight: bold;
	}

	/*로그인*/
	.login-title {
		height: 120px;
		width: 100%;
		padding: 0px 70px;
		box-sizing: border-box;
	}
	.login-title p {
		height: 120px;
		border-bottom: 1px solid #ababab;
		color: #626262;
		font-size: 13px;
		padding: 50px 0px 33px 0px;
		text-align: center;
		line-height: 20px;
		box-sizing: border-box;
	}
	.login-cont {
		padding: 0px 50px;
		box-sizing: border-box;
	}
	.login-inbox {
		width: 100%;
		padding: 0px 70px;
		box-sizing: border-box;
		background: url(../../common/images/icon/login_bg.gif) no-repeat 110px
			35px;
	}
	.login-inbox2 {
		width: 100%;
		padding: 0px 70px;
		box-sizing: border-box;
	}
	.login-box {
		box-sizing: border-box;
		width: 100%;
		border-bottom: 1px solid #ababab;
		height: 192px;
		padding: 40px 0px;
	}
	.login-box2 {
		width: 100%;
		background: url(../../common/images/icon/login_bg.gif) no-repeat 110px
			35px;
		padding: 35px 0px;
		padding-left: 180px;
		box-sizing: border-box;
		width: 100%;
		border-bottom: 1px solid #ababab;
		height: 192px;
		padding: 40px 0px;
	}
	.input-id-box {
		float: left;
		margin-left: 145px;
	}
	.input-id-box2 {
		float: left;
		margin-left: 230px;
	}
	.login-btn {
		float: left;
		width: 93px;
		height: 93px;
		box-siziging: border-box;
		border-right: 1px solid #3e8ad5;
		border-bottom: 1px solid #3e8ad5;
		background: #49a3fc;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
	}
	.login-box td input {
		margin-bottom: 13px;
		margin-right: 13px;
		height: 40px;
		width: 300px;
		box-sizing: border-box;
		border-left: 1px solid #bcbcbc;
		border-top: 1px solid #bcbcbc;
		border-right: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	.save-check {
		clear: both;
		color: #949494;
		font-size: 13px;
	}
	.save-check2 {
		margin-left: 232px;
	}
	.checkbox {
		margin-right: 5px;
	}
	.id-search {
		margin-top: 30px;
		padding-left: 88px;
		background: url(../../common/images/icon/login-spot.gif) no-repeat 80px
			8px;
	}
	.id-search p {
		float: left;
		width: 390px;
		color: #626262;
		font-size: 13px;
	}
	.id-search ul .login-search-btn {
		cursor: pointer;
		color: #4f4f4f;
		font-size: 12px;
		float: left;
		width: 90px;
		height: 31px;
		box-sizing: border-box;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.login-search-btn2 {
		width: 100px !important;
		margin-left: 5px;
	}
	.login-btn-box {
		margin-bottom: 70px;
		clear: both;
		padding-left: 88px;
		padding-top: 25px;
		background: url(../../common/images/icon/login-spot.gif) no-repeat 80px
			33px;
	}
	.login-btn-box p {
		color: #626262;
		font-size: 13px;
		float: left;
		width: 390px;
	}
	.login-btn-box span {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.login-btn-box .new-join-btn {
		width: 155px;
		height: 30px;
		background: #413e3d;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.service-notice {
		width: 100%;
		height: 465px;
		border: 1px solid #ccc;
		margin-bottom: 70px;
		padding-top: 35px;
		box-sizing: border-box;
	}
	.service-notice .last {
		border: none;
	}
	.notice-txt {
		text-align: center;
	}
	.notice-txt .notice-title {
		font-size: 20.25px;
		color: #343434;
		margin-bottom: 25px;
	}
	.notice-txt .notice-title span {
		color: #49a3fc;
		font-weight: bold;
	}
	.notice-txt .notice-sub-title {
		color: #626262;
		font-size: 15px;
		line-height: 23px;
	}
	.notice-icon {
		box-sizing: border-box;
		margin: 40px auto;
        display: flex;
        justify-content: space-between;
	}
	.notice-icon li {
		float: left;
		width: 300px;
		height: 215px;
		border-right: 1px solid #ccc;
		text-align: center;
		padding-top: 140px;
		box-sizing: border-box;
	}
	.notice-icon .icon1 {
		background: url(../../common/images/icon/img_notice01.gif) no-repeat
			99px 0px;
	}
	.notice-icon .icon2 {
		background: url(../../common/images/icon/img_notice02.gif) no-repeat
			97px 0px;
	}
	.notice-icon .icon3 {
		background: url(../../common/images/icon/img_notice03.gif) no-repeat
			98px 0px;
	}
	.notice-icon .icon4 {
		background: url(../../common/images/icon/img_notice04.gif) no-repeat
			60px 25px;
	}
	.icon-title {
		font-size: 16px;
		color: #373737;
		margin-bottom: 10px;
	}
	.icon-sub-title {
		font-size: 12px;
		color: #7d7b7b;
	}
	.notice-bottom {
		clear: both;
		font-size: 13px;
		color: #626262;
		text-align: center;
		padding-top: 4px;
	}

	/*회원가입*/
	.step-line {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line.gif) no-repeat 0px
			50px;
		height: 78px;
	}
	.step-line2 {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line2.gif) no-repeat 0px
			50px;
		height: 78px;
	}
	.step-line3 {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line3.gif) no-repeat 0px
			50px;
		height: 78px;
	}
	.step-line4 {
		padding-top: 55px;
		background: url(../../common/images/icon/step-line4.gif) no-repeat 0px
			50px;
		height: 78px;
	}
	.join-select {
		text-align: center;
		width: 100%;
		margin: 0px auto;
		height: 225px;
		border: 1px solid #ccc;
		padding-top: 30px;
		box-sizing: border-box;
		margin-top: 55px;
	}
	.join-select01 {
		width: 447px;
		height: 160px;
		float: left;
		padding-top: 30px;
		box-sizing: border-box;
		border-right: 1px solid #ccc;
	}
	.join-select h4 {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.join-select p {
		color: #626262;
		font-size: 13px;
	}
	.join-select02 {
		width: 447px;
		height: 160px;
		float: left;
		padding-top: 30px;
		box-sizing: border-box;
	}
	.select01-btn {
		width: 155px;
		height: 30px;
		background: #3989cb;
		color: #fff;
		cursor: pointer;
		margin-top: 19px;
		font-size: 12px;
		border-right: 1px solid #2b689a;
		border-bottom: 1px solid #2b689a;
		box-sizing: border-box;
	}
	.select02-btn {
		width: 155px;
		height: 30px;
		background: #3989cb;
		color: #fff;
		cursor: pointer;
		margin-top: 19px;
		font-size: 12px;
		border-right: 1px solid #2b689a;
		border-bottom: 1px solid #2b689a;
		box-sizing: border-box;
	}
	.atten-please {
		clear: both;
		margin-top: 40px;
		padding-left: 125px;
		margin-bottom: 70px;
		background: url(../../common/images/icon/join-bg.gif) no-repeat 0px 0px;
		height: 100px;
	}
	.atten-title {
		color: #343434;
		font-size: 20px;
		margin-bottom: 20px;
	}
	.atten-txt {
		color: #7d7b7b;
		font-size: 12px;
		line-height: 20px;
	}
	.atten-sub-title {
		color: #626262;
		font-size: 15px;
		margin-bottom: 15px;
		font-weight: bold;
	}
	.clause-txt-box {
		width: 96%;
		height: 110px;
		overflow-x: hidden;
		overflow-y: scroll;
		border: 1px solid #ccc;
		padding: 20px 2%;
		font-size: 13px;
	}
	.clause-txt-box span {
		font-weight: bold;
	}
	.clause-radio {
		float: right;
		margin-top: 10px;
	}
	.clause-radio li {
		float: left;
		margin-left: 10px;
	}
	.join-check {
		margin-top: 40px;
		float: right;
		margin-bottom: 30px;
		font-size: 16px;
		color: #666666;
	}
	.join-check img {
		margin-right: 10px;
	}
	.clause-box {
		clear: both;
		margin-top: 30px;
		line-height: 24px;
	}
	.clause-sub-title {
		color: #7d7b7b;
		font-size: 12px;
	}
	.clause-box .clause-title1 {
		margin-bottom: 15px;
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 120px;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.clause-title2 {
	    margin-bottom: 15px;
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 25%;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.clause-title3 {
	    margin-bottom: 15px;
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 28%;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.title2-sub {
		margin-top: 40px;
		margin-bottom: 10px;
		color: #626262;
		font-size: 13px;
		padding-left: 10px;
		background: url(../../common/images/icon/icon_spot.gif) no-repeat left;
	}
	.join-check-center {
		padding-top: 20px;
		height: 49px;
		width: 100%;
		border-top: 2px solid #000;
		margin-top: 8%;
		text-align: center;
		margin-bottom: 30px;
		font-size: 16px;
		color: #666666;
	}
	.join-check-center img {
		margin-right: 10px;
	}
	.join-conf-btn {
		padding-left: 320px;
		width: 100%;
		margin-bottom: 100px;
	}
	.join-conf-btn .submit {
		margin-right: 20px;
		float: left;
		width: 140px;
		height: 55px;
		background: #413e3d;
		color: #fff;
		cursor: pointer;
	}
	.join-conf-btn .cancel {
		float: left;
		width: 140px;
		height: 55px;
		background: #fff;
		color: #4f4f4f;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.table-sub-title {
		margin-top: 55px;
		color: #7d7b7b;
		font-size: 12px;
		float: left;
	}
	.table-title {
		margin-top: 55px;
		margin-bottom: 15px;
		margin-right: 9px;
		font-size: 16px;
		font-weight: bold;
		width: 105px;
		color: #232323;
		float: left;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}

	/*2016-01-20 추가부분*/
	.idpw_box {
		clear: both;
		border-top: 2px solid #444444;
		margin-top: 20px;
	}
	.idpw_box th {
		width: 170px;
		background: #fbfbfb;
		height: 60px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.idpw_box td {
		color: #7b7b7b;
		font-size: 13px;
		width: 80%;
		height: 60px;
		border-bottom: 1px solid #ccc;
		text-align: left;
		padding-left: 25px;
		box-sizing: border-box;
	}
	.sub-cont-inbox .color {
		color: #f33f0f;
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;
	}
	.sub-cont-inbox .color-marketing {
		color: #056dd4;
		font-weight: bold;
		font-size: 14px;
	}
	.common-text-box {
		width: 215px;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.common-cellPhone-box {
		width: 68px;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.double-chk, .chk_cellPhone, .chk_cellPhone_r {
		background: #848d99;
		color: #fff;
		height: 30px;
		font-weight: bold;
		border: none;
		cursor: pointer;
	}
	.double-chk-cellPhone {
		background: #848d99;
		color: #fff;
		width: 100px;
		height: 30px;
		font-weight: bold;
		border: none;
		margin-left: 10px;
		cursor: pointer;
	}
	.double-chk1 {
		width: 45px;
	}
	.box-left {
		float: left;
	}
	.exp {
		float: left;
		padding-top: 5px;
		margin-left: 10px;
	}
	.join-conf-btn2 {
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.step04-title {
		text-align: center;
		margin-top: 70px;
		width: 100%;
		border-bottom: 1px solid #444444;
		height: 300px;
		margin-bottom: 105px;
	}
	.step04-title h4 {
		color: #232323;
		font-size: 26px;
		line-height: 40px;
		font-weight: bold;
	}
	.step04-title h4 span {
		color: #297fd6;
	}
	.step04-title p {
		color: #5c5c5c;
		font-size: 15px;
		margin-top: 30px;
		line-height: 30px;
	}
	.step04-title .button {
		margin-left: 250px;
		margin-top: 40px;
	}
	.step04-title .main-go {
		margin-right: 10px;
		float: left;
		width: 205px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.step04-title .login-go {
		float: left;
		width: 220px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-weight: bold;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.un-line {
		text-decoration: underline;
	}
	.atten-txt2 {
		margin-top: 20px;
		color: #7d7b7b;
		font-size: 12px;
	}
	.atten-txt3 {
		color: #7d7b7b;
		font-size: 12px;
		padding-left: 10px;
		background: url(../../common/images/icon/join_txt_arrow.gif) no-repeat
			left;
	}
	.atten-txt3 span {
		color: #222222;
		font-size: 12px;
	}
	.atten-txt4 {
		color: #b1623b;
		font-size: 12px;
		margin-top: 20px;
	}

	/*중복가입체크*/
	.join-check-box {
		width: 100%;
		padding: 0px 115px;
		box-sizing: border-box;
	}
	.join-check-title {
		text-align: center;
		color: #1e1d1d;
		font-weight: bold;
		font-size: 18px;
		margin-top: 50px;
	}
	.join-check-sub-title {
		text-align: center;
		color: #626262;
		font-size: 13px;
		margin-top: 10px;
	}
	.office-number {
		border-top: 1px solid #ababab;
		border-bottom: 1px solid #ababab;
		height: 145px;
		width: 100%;
		margin-top: 30px;
		padding: 40px 108px;
		box-sizing: border-box;
	}
	.office-number ul li {
		float: left;
	}
	.office-number .number-title {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
		margin-right: 15px;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.office-number .number-txt-box {
		width: 259px;
		height: 40px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.office-number p {
		clear: both;
		color: #949494;
		font-size: 13px;
		padding-top: 10px;
		margin-left: 120px;
	}
	.office-number .number-btn {
		margin-left: 10px;
		width: 110px;
		height: 40px;
		box-siziging: border-box;
		border-right: 1px solid #3e8ad5;
		border-bottom: 1px solid #3e8ad5;
		background: #49a3fc;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
		cursor: pointer;
	}
	.warning-box {
		
	}
	.warning-box h3 {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.warning-box1 {
		margin-top: 45px;
		padding-left: 250px;
		box-sizing: border-box;
		padding-bottom: 25px;
		width: 100%;
		padding-top: 25px;
		background: #fbfbfb url(../../common/images/icon/warning_img.gif)
			no-repeat 80px 30px;
	}
	.warning-box1 h3 {
		padding-left: 30px;
	}
	.warning-box1 table {
		margin-top: 30px;
		margin-bottom: 60px;
		margin-left: 30px;
	}
	.warning-box1 tr th {
		width: 80px;
		color: #626262;
		font-size: 13px;
		line-height: 26px;
		text-align: left;
	}
	.warning-box1 tr td {
		width: 145px;
		color: #626262;
		font-size: 13px;
		line-height: 26px;
		text-align: left;
	}
	.join-check-button {
		width: 290px;
		margin: 0 auto;
		margin-top: 30px;
	}
	.join-submit-btn {
		margin-bottom: 30px;
		margin-right: 10px;
		float: left;
		width: 140px;
		height: 40px;
		background: #575f67;
		color: #fff;
		font-weight: bold;
		cursor: pointer;
	}
	.join-cancel-btn {
		float: left;
		width: 140px;
		height: 40px;
		background: #fff;
		color: #4f4f4f;
		font-weight: bold;
		cursor: pointer;
		border-left: 1px solid #e9e9e9;
		border-top: 1px solid #e9e9e9;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.warning-box2 {
		margin-top: 45px;
		margin-bottom: 30px;
		padding-left: 250px;
		box-sizing: border-box;
		height: 155px;
		width: 100%;
		padding-top: 70px;
		background: #fbfbfb url(../../common/images/icon/warning_img.gif)
			no-repeat 80px 30px;
	}
	.common-text-box1 {
		width: 410px;
	}
	.common-text-box2 {
		width: 160px;
	}
	.common-text-box3 {
		width: 80px;
	}
	.idpw_box2 {
		border-top: 1px solid #ccc;
	}
	.table-title2 {
		background: none;
		width: 300px;
	}

	/*회사소개*/
	.intro-area {
		background: url(../../common/images/bg/off_intro_bg.gif) no-repeat top;
	}
	.office-t-title {
		box-sizing: border-box;
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.office-t-title h3 {
		color: #000;
		font-size: 26px;
		font-weight: bold;
		margin-top: 335px;
		padding-left: 65px;
	}
	.office-t-title p {
		text-align: center;
		width: 100%;
		font-size: 17px;
		color: #404040;
		margin-top: 30px;
		line-height: 30px;
		font-weight: bold;
	}
	.logo-box {
		text-align: center;
		width: 100%;
		height: 260px;
		padding-left: 225px;
		margin-top: 60px;
	}
	.logo-box ul li {
		width: 235px;
		height: 86px;
		text-indent: -99999px;
	}
	.logo-box .tm-logo {
		background: url(../../common/images/title/main_logo.gif) no-repeat 0px
			207px;
		float: left;
		height: 265px;
	}
	.logo-box .em-logo {
		background: url(../../common/images/icon/intro_img02.png) no-repeat 0px
			200px;
		float: left;
		margin-right: 80px;
		height: 265px;
	}
	.history-area {
		padding-left: 60px;
		width: 100%;
		height: 425px;
	}
	.history-area .history-inbox {
		float: left;
		margin-bottom: 100px;
	}
	.history-area .history-inbox .history-date {
		float: left;
		background: url(../../common/images/icon/history_bg.gif) no-repeat -10px
			45px;
		width: 100px;
	} /* 2018-01-09 수정 */
	.history-area .history-inbox .history-date ul {
		margin-top: 10px;
	}
	.history-area .history-inbox .history-date ul li {
		color: #7baee5;
		font-size: 25px;
		font-weight: bold;
		line-height: 59px;
	}
	.history-area .history-inbox .history-date p {
		color: #7baee5;
		font-size: 25px;
		font-weight: bold;
		line-height: 59px;
	}
	.history-txt ul {
		padding-left: 15px;
		width: 125%;
		padding-top: 70px;
	} /* 2016-10-20 수정 */
	.history-txt ul li {
		font-size: 14px;
		color: #757575;
		line-height: 59px;
	}
	.graph-box {
		background: url(../../common/images/icon/history_graph.gif) no-repeat
			12px 0;
		width: 570px;
		height: 550px;
		float: left;
		text-indent: -99999px;
	} /* 2018-01-09 수정 */
	.office-b-title {
		clear: both;
	}
	.office-b-title h3 {
		color: #000;
		font-size: 22px;
		width: 544px;
		text-align: center;
		line-height: 30px;
		padding-left: 240px;
		margin-top: 80px;
	}
	.office-b-title h3 span {
		color: #3989cb;
	}
	.office-b-title p {
		width: 860px;
		text-align: center;
		color: #6c6c6c;
		font-size: 14px;
		margin-top: 35px;
		line-height: 25px;
		padding-left: 80px;
		margin-bottom: 70px;
	}
	.site-img-box {
		padding: 0px 50px;
	}
	.site-img-box ul {
		height: 110px;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	} /* 2017-04-11 수정 */
	.site-img-box ul li {
		float: left;
		height: 90px;
	}
	/* 2017-04-11 수정 */
	.site-img-box ul .tm-site {
		background: url(../../common/images/icon/site_img01.gif) no-repeat 145px
			20px;
		padding-top: 60px;
		padding-left: 100px;
		width: 185px;
	}
	.site-img-box ul .tm-face {
		background: url(../../common/images/icon/site_img02.gif) no-repeat 142px
			20px;
		padding-top: 60px;
		padding-left: 65px;
		width: 248px;
	}
	.site-img-box ul .tm-tw {
		background: url(../../common/images/icon/site_img03.gif) no-repeat 80px
			20px;
		padding-top: 60px;
		padding-left: 10px;
		width: 260px;
	}
	.site-img-box ul .tm-blog {
		background: url(../../common/images/icon/site_img04.gif) no-repeat 95px
			20px;
		padding-top: 60px;
		padding-left: 40px;
	}
	/* 2017-04-11 수정 끝 */

	/*주요서비스*/
	.intro-area2 {
		background: url(../../common/images/icon/intro_bg02.gif) no-repeat top;
	}
	.office-t-title2 h3 {
		color: #000;
		font-size: 26px;
		font-weight: bold;
		margin-top: 75px;
		padding-left: 295px;
	}
	.office-t-title2 p {
		text-align: center;
		width: 745px;
		font-size: 17px;
		color: #404040;
		margin-top: 30px;
		line-height: 30px;
		padding-left: 125px;
	}
	.main-service-area {
		background: url(../../common/images/icon/intro_bg03.gif) no-repeat 40px
			100px;
		position: relative;
		width: 100%;
		height: 1000px;
	}
	.main-service-area h3 {
		color: #7baee5;
		font-size: 22px;
		font-weight: bold;
		position: absolute;
		top: 7px;
	}
	.main-service-area .service-txt {
		color: #757575;
		font-size: 13px;
		width: 248px;
		line-height: 22px;
		margin-top: 41px;
		text-align: justify;
	}
	.main-service-area .main-service-box1 {
		position: absolute;
		top: 216px;
		left: 120px;
	}
	.main-service-area .main-service-box2 {
		position: absolute;
		top: 215px;
		left: 634px;
	}
	.main-service-area .main-service-box3 {
		position: absolute;
		top: 704px;
		left: 121px;
	}
	.main-service-area .main-service-box4 {
		position: absolute;
		top: 701px;
		left: 634px;
	}
	/*2016-02-05 추가부분*/
	.main-service-area .main-service-box4 .info-book {
		width: 120px;
		padding-bottom: 6px;
		height: 34px;
		background: #7baee5;
		color: #fff;
		font-weight: bold;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		box-sizing: border-box;
		text-align: center;
		margin-left: 76px;
		margin-top: 27px;
	}
	.main-service-area .middle-title {
		position: absolute;
		top: 485px;
		left: 432px;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		width: 135px;
		text-align: center;
		line-height: 25px;
	}

	/*출간도서 안내*/
	/* 2016-10-19 수정 */
	.book-info-area {
		/*background: url(../../common/images/icon/intro_bg04.gif) no-repeat 37px 165px;*/
		width: 100%;
		height: 100%;
		position: relative;
	} /* 2022-10-24  height 수정 */
	/* .book-info-area ul {padding-left: 50px;} */
	.book-info-area .slide-area .jcarousel-skin-tango .jcarousel-container .jcarousel-clip ul
		{
		width: 917px
	} /* 2018-11-02 추가 */ /* 2019-10-21 수정 */
	.book-info-area .jcarousel-skin-tango li {
		float: left;
		width: 6%;
		margin-right: 5px;
		height: 118px;
		text-align: center;
		padding-top: 53px;
	} /* 2022-10-24 width 수정 */
	.book-info-area .jcarousel-skin-tango li:hover {
		background: url(../../common/images/icon/book-bar.gif) no-repeat bottom;
	}
	.book-info-area ul .book-date-long {
		width: 155px !important;
		margin-right: 20px;
	}
	.book-info-area ul  .last {
		width: 70px !important;
		margin-left: 20px;
	} /* 2020-10-22 수정 */
	.book-info-area ul li h3 {
		color: #7087a0;
		font-size: 23px;
		font-weight: bold;
		margin-bottom: 15px;
	}
	/* 2020-11-20 payoung 수정*/
	.book-info-area .date-box-area {
		clear: both;
		padding: 110px 50px 290px 50px;
	}
	.book-info-area .date-box {
		position: relative;
		height: 290px;
	}
	.book-info-area .date-box h3 {
		font-size: 36px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
	}
	.book-info-area .date-box .txt-right-title {
		font-size: 19px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
		line-height: 25px;
	}
	.book-info-area .date-box .txt-left-title {
		font-size: 19px;
		margin-left: -18px;
		color: #000;
		font-weight: bold;
		margin-bottom: 25px;
		line-height: 25px;
	}
	.book-info-area .date-box .txt-right {
		font-size: 12px;
		color: #757575;
		width: 300px;
		text-align: left;
		line-height: 20px;
	}
	.book-info-area .date-box .txt-left {
		font-size: 12px;
		color: #757575;
		width: 300px;
		text-align: right;
		line-height: 20px;
	}

	/* 2020-10-28 payoung 수정 */
	.book-img, .book-img1 {
		position: absolute;
		left: 390px;
		top: -33px;
	}
	.book-img2 {
		position: absolute;
		left: 570px;
		top: -33px;
	}
	.book-img3 {
		position: absolute;
		left: 750px;
		top: -33px;
	}
	#scrollwrapper {
		overflow-x: scroll;
		overflow-y: hidden;
	}
	#scrollwrapper::-webkit-scrollbar { /* 스크롤바 전체 영역 */
		height: 8px;
	}
	#scrollwrapper::-webkit-scrollbar-track { /* 스크롤이 움직이는 영역  */
		background-color: #f9f9f9;
	}
	#scrollwrapper::-webkit-scrollbar-thumb { /*  스크롤  */
		background-color: #3989cb;
		border-radius: 15px;
		height: 3px;
	}
	#scrollwrapper::-webkit-scrollbar-button:start:decrement, #scrollwrapper::-webkit-scrollbar-button:end:increment
		{ /*  스크롤의 화살표가 포함된 영역   */
		display: none;
	}
	#scrollwrapper::-webkit-scrollbar-corner { /*  상하+좌우 스크롤이 만나는 공간   */
		display: none;
	}
	/* 출간도서안내 */
	#scrollwrapper ul {
		width: 1275px;
	}
	#scrollwrapper li {
		width: 80px;
		padding: 53px 0px 20px 5px;
		float: left;
		align-items: center;
		text-align: center;
		list-style: none;
		word-break: keep-all;
	}

	/*보도자료*/
	.qna_statu03 {
		text-align: center;
		font-size: 13px;
		cursor: pointer;
		border: 1px solid #ff724c;
		width: 68px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		color: #ff724c;
	}
	.qna_statu03:hover {
		background: #ff724c;
	}
	.qna_statu03 a {
		color: #f7590c;
	}
	.qna_statu03:hover a {
		color: #fff;
		font-weight: bold;
	}
	.qna_statu03:hover {
		color: #fff;
		font-weight: bold;
	}
	.qna_statu04 {
		text-align: center;
		font-size: 13px;
		border: 1px solid #b4b4b4;
		width: 68px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		cursor: pointer;
	}
	.qna_statu04:hover {
		background: #b4b4b4;
	}
	.qna_statu04 a {
		color: #474747;
	}
	.qna_statu04:hover a {
		color: #fff;
		font-weight: bold;
	}
	.qna_statu04:hover {
		color: #fff;
		font-weight: bold;
	}

	/*제휴문의*/
	.text-right {
		margin-left: 650px;
	}

	/*찾아오시는 길*/
	.tmenu2 {
		width: 100%;
		position: relative;
		border-bottom: 1px solid #4c4c4c;
	}
	.tmenu2 li {
		cursor: pointer;
		float: left;
		text-align: center;
		width: 50%;
		height: 56px;
		border: 1px solid #aaaaaa;
		padding-top: 15px;
		box-sizing: border-box;
	}
	.tmenu2 li.last {
		margin-right: 0 !important;
	}
	.tmenu2 li a {
		width: 100%;
		height: 100%;
		color: #373737;
		display: block;
		font-size: 18px;
		font-weight: bold;
	}
	.tmenu2 li.active {
		background: #4c4c4c;
		color: #fff !important;
		border-bottom: 1px solid #4c4c4c;
	}
	.tmenu2 li.active a {
		color: #fff;
	}
	.tab-area {
		width: 100%;
		position: relative;
	}
	.map-area {
		width: 100%;
	}
	.map-area img {
		width: 100%;
	}
	.map-btn-area {
		padding: 10px 0px;
		width: 562px;
		margin: 0 auto;
	}
	.map-btn-area li {
		margin-left: 10px;
		float: left;
	}
	.map-btn-area .naver-btn {
		cursor: pointer;
		width: 176px;
		height: 37px;
		background: #2db400 url(../../common/images/icon/naver-img.gif)
			no-repeat 22px 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .naver-btn a {
		color: #fff;
	}
	.map-btn-area .daum-btn {
		cursor: pointer;
		width: 176px;
		height: 37px;
		background: #81acf6 url(../../common/images/icon/daum-img.gif) no-repeat
			22px 12px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .daum-btn a {
		color: #fff;
	}
	.map-btn-area .google-btn {
		cursor: pointer;
		width: 176px;
		height: 37px;
		background: #4285f4 url(../../common/images/icon/google-img.gif)
			no-repeat 30px 10px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		font-size: 15px;
		padding-left: 18px;
		padding-top: 9px;
		box-sizing: border-box;
	}
	.map-btn-area .google-btn a {
		color: #fff;
	}
	.detail-info-area {
		width: 100%;
		margin-top: 60px;
		border-top: 1px solid #ccc;
		padding-top: 65px;
		height: 355px;
	}
	.detail-txt-box {
		float: left;
	}
	.detail-txt-box h3 {
		margin-bottom: 25px;
		color: #333333;
		font-size: 18px;
		font-weight: bold;
		padding-left: 30px;
		padding-top: 5px;
		margin-left: 40px;
		background: url(../../common/images/icon/map_spot.gif) no-repeat 16px
			13px;
		width: 300px;
		height: 30px;
	}
	.detail-txt-box table {
		margin-left: 35px;
		width: 552px;
	}
	.detail-txt-box table tr {
		line-height: 30px;
	}
	.detail-txt-box table tr th {
		text-align: left;
		width: 60px;
		color: #373737;
		font-size: 14px;
		font-weight: bold;
	}
	.detail-txt-box table tr td {
		color: #777;
		font-size: 14px;
	}
	.detail-txt-box .table2 {
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 10px;
	}
	.detail-txt-box .bus-icon1 {
		padding-left: 25px;
		background: url(../../common/images/icon/g_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon1 span {
		color: #373737;
	}
	.detail-txt-box .bus-icon2 {
		padding-left: 25px;
		background: url(../../common/images/icon/b_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon2 span {
		color: #373737;
	}
	.detail-txt-box .bus-icon3 {
		padding-left: 25px;
		background: url(../../common/images/icon/r_img.gif) no-repeat 0 6px;
	}
	.detail-txt-box .bus-icon3 span {
		color: #373737;
		height: 100px;
	}
	.img-box {
		float: left;
	}
	.wd-500 {
		width: 500px;
	}

	/* 2015-09-21 */

	/* 검색결과 */
	.cerent {
		color: #3989cb !important;
	}
	.smallfont-title {
		font-size: 20px !important;
		color: #989696 !important;
	}
	.search-resultbox {
		margin: 0 auto;
		padding-top: 20px;
		width: 685px;
	}
	.search-result-formbox {
		background: #f3f3f3;
	}
	/*2016-01-26 변경부분*/
	.search-result-formbox {
		margin-right: 18px;
		color: #444444;
		padding-top: 18px;
		height: 50px;
		padding-left: 20px;
	}
	/*2016-01-26 제거부분.search-result-formbox {float:left;}*/
	.search-result-formbox .tit {
		font-size: 16px;
		padding-top: 6px;
		margin-right: 10px;
	}
	.search-result-formbox .form {
		
	}
	.search-result-formbox  .form {
		width: 364px;
		height: 25px;
		font-size: 12px;
		line-height: 10px;
		border: 1px solid #c2c2c2;
		background: #fff;
		margin-right: 8px;
	}
	.search-result-formbox .btn {
		margin-right: 8px;
	}
	/*2016-01-26 변경부분*/
	.search-result-formbox .btn {
		font-size: 12px;
		text-align: center;
		background: #898989;
		color: #fff;
		border-radius: 5px;
		padding: 5px 7px;
		box-sizing: border-box;
	}
	/*2016-01-26 추가부분*/
	.search-result-formbox .btn a {
		color: #fff;
	}
	.search-result-formbox .option {
		padding-top: 3px;
	}
	.search-keyword {
		text-align: center;
		font-size: 18px;
		color: #626262;
		font-family: "Noto Sans KR", sans-serif;
		padding: 20px 0;
	}
	.search-keyword a, .search-keyword span {
		color: #ff4f4f;
	}
	.search-tab {
		width: 100%;
		border-left: 1px solid #eeeeee;
	}
	.search-tab li {
		float: left;
		width: 25%;
		font-family: "Noto Sans KR", sans-serif;
		font-weight: 700;
	}
	.search-tab li a {
		color: #828282;
		display: block;
		width: 100%;
		border-right: 1px solid #eeeeee;
		border-top: 2px solid #eeeeee;
		text-align: center;
		border-bottom: 1px solid #c9c9c9;
		padding: 11px 0;
	}
	.search-tab li.active a {
		color: #3989cb;
		display: block;
		width: 100%;
		border-right: 1px solid #c9c9c9;
		border-top: 2px solid #3989cb;
		text-align: center;
		border-bottom: 1px solid #fff;
		padding: 11px 0;
	}
	.tab-contsearch {
		margin-top: 20px;
	}
	.search-catetitle {
		clear: both;
		width: 100%;
		background: url(../../common/images/bg/bg_search_line.gif) no-repeat
			left bottom;
		padding: 10px 0;
		position: relative;
	}
	.search-catetitle h3 {
		width: 65px;
		text-align: center;
	}
	.search-catetitle .long-tit {
		width: 80px !important;
	}
	.search-catetitle .more {
		position: absolute;
		right: 5px;
		top: 8px;
		background: url(../../common/images/icon/icon_plus2.gif) no-repeat left
			center;
		padding-left: 15px;
		display: block;
		color: #7e7e7e;
	}
	.search-list li {
		border-bottom: 1px solid #d3d3d3;
		padding: 20px 0;
		position: relative;
		font-family: "Noto Sans KR", sans-serif;
	}
	.search-list li:after {
		content: ".";
		height: 0;
		font-size: 0;
		display: block;
		clear: both;
	}
	.search-list li .thum {
		width: 170px;
		height: 130px;
		float: left;
	}
	.search-list li .thum img {
		width: 170px;
		height: 100%;
	}
	.search-list li .text {
		float: right;
		width: 490px;
		position: relative;
	}
	.search-list li .text .cate {
		font-size: 13px;
		color: #a2a2a2;
	}
	.search-list li .text h4 {
		margin-top: 10px;
	}
	.search-list li .text h4 a {
		color: #373737;
		font-size: 16px;
	}
	.search-list li .text .context {
		line-height: 140%;
		color: #7e7e7e;
		font-size: 12px;
		margin-top: 15px;
		height: 50px;
	}
	.search-list li .text .context .keyword {
		background: #ebebeb;
		color: #ff4f4f;
	}
	.search-list li .text h4 .keyword {
		background: #ebebeb;
		color: #ff4f4f;
	}
	.search-list li .text .data {
		clear: both;
		color: #7e7e7e;
		font-size: 12px;
	}
	.search-list li .text .data .da {
		margin: 0 15px 0 5px;
	}
	.search-list li .text .data .read {
		margin: 0 15px 0 5px;
	}
	.mt-20 {
		margin-top: 20px;
	}
	.vertical-m {
		vertical-align: middle;
	}
	.sub-cont-right .cont-right-title2 {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 25px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #ccc;
	}
	.sub-cont-right .cont-right-title3 {
		width: 100%;
		height: 43px;
		background: #f7f7fa;
		padding: 13px 0 0 25px;
		font-weight: bold;
		color: #000000;
		font-size: 16px;
		box-sizing: border-box;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.search-dataterm dl {
		width: 225px;
		margin: 0 auto;
		padding-top: 20px;
	}
	.search-dataterm dl dt {
		font-size: 13px;
		font-weight: 700;
		color: #232323;
		padding-bottom: 10px;
	}
	.search-dataterm dl dd li {
		float: left;
	}
	.search-dataterm dl dd li.last {
		margin-right: 0;
	}
	.search-dataterm dl dd li .bar {
		margin: 0 2px;
	}
	.search-dataterm dl dd {
		margin-bottom: 15px;
	}
	.term-data1 {
		border: 1px solid #c2c2c2;
		background: #fff;
		width: 100px;
		height: 26px;
		position: relative;
		display: block;
	}
	.term-data1 img {
		vertical-align: middle;
	}
	.term-data1 input {
		border: 0;
		background: none;
		width: 65px;
		height: 20px;
		font-size: 12px;
	}
	.searchoption {
		background: #f7f7fa;
		padding: 4px 0 4px 5px;
	}
	.searchoption label {
		display: inline-block;
		margin-right: 3px;
		font-size: 13px;
		color: #4f4f4f;
	}
	.searchoption  .btn-search {
		display: inline-block;
		font-size: 12px;
		text-align: center;
		background: #898989;
		color: #fff;
		width: 34px;
		border-radius: 5px;
		padding: 4px 0;
	}
	.ranklist {
		border-bottom: 1px solid #ccc;
		padding: 10px 0;
	}
	.ranklist li {
		line-height: 160%;
		color: #6f6f6f;
		padding: 4px 0;
	}
	.ranklist li span {
		margin: 0 5px 0 20px;
		display: inline-block;
		vertical-align: middle;
		background: #3989cb;
		line-height: 130%;
		text-align: center;
		color: #fff;
		border: 1px solid #2874b2;
		font-size: 11px;
		font-weight: bold;
		font-weight: normal;
		width: 16px;
	}
	.ranklist li a {
		color: #6f6f6f;
	}

	/* //검색결과 */

	/* 고객센터 */
	.board-raperpage {
		width: 100% !important;
		background: #fff;
		border: 1px solid #e1e1e1;
		margin: 0 auto;
		padding: 50px 0;
	}
	.boardinbox {
		padding: 0 50px;
	}
	.boardtop-search {
		text-align: right;
	}
	.boardtop-search ul li {
		float: left;
		margin-left: 5px;
	}
	.search-tit {
		margin-right: 5px;
		float: left;
	}
	.boardtop-search select {
		width: 88px;
		border: 1px solid #c2c2c2;
	}
	.boardtop-search input {
		width: 233px;
		border: 1px solid #c2c2c2;
	}
	.btn-grayfm, .btn-grayfm:visited, .btn-grayfm:active {
		color: #fff;
		background: #898989;
		text-align: center;
		border-radius: 3px;
		width: 56px;
		padding: 6px 0;
		display: inline-block;
		font-size: 13px;
	}
	.btn-grayfm:hover {
		background: #a3a2a2;
	}
	.custom-tab {
		background: #fbfbfb;
		border: 1px solid #dddddd;
		clear: both;
		margin-top: 15px;
		width: 100%;
	}
	.custom-tab li {
		float: left;
		width: 33.3%;
	}
	.custom-tab .last {
		border: none !important;
	}
	.custom-tab li a {
		width: 100%;
		font-size: 15px;
		color: #373737;
		padding: 10px 0;
		display: block;
		text-align: center;
		border-right: 1px solid #dfdfdf;
	}
	.custom-tab li.active a {
		background: #4c4c4c;
		color: #fff;
	}
	.custom-faq {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #cccccc;
		margin-top: 40px;
		border-top: 1px solid #444444;
	}
	.custom-faq dt {
		border-top: 1px solid #cccccc;
		background: url(../../common/images/icon/icon_faq2.gif) no-repeat 97%
			center;
		font-size: 14px;
	}
	.custom-faq dt:after {
		content: ".";
		height: 0;
		font-size: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}
	.custom-faq dt a {
		font-size: 14px;
		color: #555555;
		font-weight: 700;
		width: 100%;
		display: block;
		padding: 10px 0 10px 36px;
	}
	.custom-faq dt a img {
		margin-right: 10px;
	}
	.custom-faq dd {
		font-size: 14px;
		border-top: 1px solid #dddddd;
		background: #fbfbfb;
		*zoom: 1
	}
	.custom-faq dd:after {
		content: ".";
		height: 0;
		font-size: 0;
		visibility: hidden;
		display: block;
		clear: both;
	}
	.custom-faq .expanded {
		background: url(../../common/images/icon/icon_faq1.gif) no-repeat 97%
			center;
	}
	.custom-faq .expanded a {
		color: #0066cc;
	}
	.custom-faq .expanded  .icon-q {
		width: 37px;
		height: 46px;
		background: url(../../common/images/icon/icon_q.gif) no-repeat 0 9px;
		margin: 0px 10px 0 36px;
		display: inline-block;
	}
	.custom-faq .icon-a {
		width: 20px;
		height: 22px;
		background: url(../images/web/sub/icon_faq_on.gif) no-repeat 0 center;
		margin: -3px 10px 0 19px;
	}
	.custom-faq .faqtxt {
		color: #666666;
		font-size: 13px;
		vertical-align: top;
		position: relative;
		padding: 27px 27px 27px 95px;
		line-height: 160%;
		background: url(../../common/images/icon/icon_a.gif) no-repeat 36px 27px;
	}
	.total-faq {
		margin: 10px 0 0 20px;
	}
	.total-faq span {
		color: #334af2;
	}
	.boardertopinfor .total-faq {
		float: left;
	}
	.boardertopinfor .boardtop-search {
		float: right;
	}
	.board-type01 {
		clear: both;
		margin-top: 5px;
	}
	.board-type01 th {
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type01 td {
		text-align: center;
		color: #373737;
		height: 44px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type01 td.subject {
		text-align: left;
		padding-left: 28px;
	}
	.board-type01 td.subject:hover {
		text-decoration: underline;
		font-weight: bold;
	}
	.board-type01 td.subject2 {
		text-align: left;
		padding-left: 28px;
	}
	.board-type02 {
		clear: both;
		margin-top: 18px;
	}
	.board-type02 th {
		border-top: 1px solid #444444;
		text-align: left;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type02 th .tit {
		margin-left: 20px;
	}
	.board-type02 td {
		color: #373737;
		padding: 10px 20px;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type02 td.content {
		text-align: left;
		padding: 35px 15px;
		vertical-align: top;
		border-top: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
		line-height: 150%;
	}
	.board-type03 tr {
		border-top: 1px solid #444;
		text-align: left;
	}
	.board-type03 tr.first {
		border-top: 1px solid #444;
		text-align: left;
	}
	.board-type03 th {
		background: #fbfbfb;
		border-bottom: 1px solid #dbdbdb;
		font-size: 14px;
		color: #4f4f4f;
		vertical-align: middle;
		padding: 20px 0 20px 20px;
		width: 120px;
	}
	.board-type03 th.vertical-t {
		vertical-align: top;
	}
	.board-type03 td {
		border-bottom: 1px solid #dbdbdb;
		font-size: 14px;
		color: #4f4f4f;
		vertical-align: middle;
		padding: 10px 0 10px 20px
	}
	.board-type03 td .input1 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 90%;
	}
	.board-type03 td .input2 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 30%;
	}
	.board-type03 td .input3 {
		border: 1px solid #e6e6e6;
		padding: 3px 0;
		width: 706px;
		height: 300px;
	}
	.cont-box {
		width: 100%;
		border-bottom: 1px dashed #b2b2b2 !important;
		padding-bottom: 40px;
	}
	.input-fileWrap {
		position: relative;
	}
	.alpha-file {
		position: absolute;
		top: 0;
		left: 0;
	}
	.alpha-file .vertical-m img {
		cursor: pointer;
	}
	.file-txt {
		clear: both;
		margin-top: 10px;
	}
	.file-box {
		width: 80% !important;
		float: left;
		margin-right: 5px;
	}
	.board-infor {
		float: left;
	}
	.board-infor strong {
		margin-right: 10px;
	}
	.upfilename {
		float: right;
	}
	.upfilename span {
		color: #f8440d;
		font-weight: bold;
	}
	.board-infor .line {
		margin: 0 10px;
	}
	.qna_statu01 {
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #7ba3cf;
		border: 1px solid #7ba3cf;
		width: 68px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
	}
	.qna_statu02 {
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 68px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
	}
	.qna_statu01s {
		margin-left: 10px;
		text-align: center;
		font-size: 12px;
		color: #fff;
		background: #7ba3cf;
		border: 1px solid #7ba3cf;
		width: 68px;
		padding: 2px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: normal;
	}
	.qna_statu02s {
		text-align: center;
		font-size: 12px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 68px;
		padding: 2px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: normal;
	}
	.text-c {
		text-align: center;
	}
	.board-bottombtn {
		clear: both;
		margin: 10px 0;
		text-align: right;
	}
	.board-bottombtn2 {
		clear: both;
		margin: 10px 0;
	}
	.btn-write {
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 70px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dell {
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #898989;
		border: 1px solid #e1e1e1;
		width: 80px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-ok {
		text-align: center;
		font-size: 13px;
		color: #fff;
		background: #575f67;
		border: 1px solid #e1e1e1;
		width: 80px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dells {
		line-height: 30px;
		text-align: center;
		cursor: pointer;
		font-size: 13px;
		color: #474747;
		background: #fff;
		border: 1px solid #e1e1e1;
		width: 66px;
		height: 29px;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.btn-dells:hover {
		background: #575f67;
		color: #fff;
	}
	.left-btn {
		float: left;
	}
	.right-btn {
		float: right;
	}
	.mtb_100 {
		margin-bottom: 100px;
	}
	.email-add {
		
	}
	.errorpage {
		color: #e57e7e;
		padding-bottom: 5px;
	}
	.errorpage1 {
		font-size: 13px !important;
		padding-top: 5px;
		margin-left: 15px;
	}
	.common-text-box2 {
		width: 177px;
		height: 30px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}
	.mt-5 {
		margin-top: 5px;
	}
	.mt-10 {
		margin-top: 10px;
	}
	.mt-15 {
		margin-top: 15px;
	}
	.mt-30 {
		margin-top: 30px;
	}
	.ml-20 {
		margin-left: 20px;
	}

	/* 아이디 비번 찾기 */
	.welcom-msg {
		padding-top: 50px;
	}
	.welcom-msg h3 {
		font-size: 16px;
		color: #232323;
		letter-spacing: -0.05em;
	}
	.welcom-msg p {
		margin-top: 13px;
		font-size: 13px;
		color: #626262;
		line-height: 135%;
		font-weight: normal;
	}
	.welcom-msg p span {
		color: #3873cc;
	}
	.helpbox {
		border: 1px solid #dddddd;
		width: 100%;
		height: 360px;
		clear: both;
		margin-top: 26px;
	}
	.helpbox .idbox {
		float: left;
		width: 50%;
		height: 360px;
		border-right: 1px solid #ddd;
	}
	.helpbox .pwbox {
		float: left;
		width: 49%;
		height: 360px;
	}
	.helpbox2 {
		border: 1px solid #dddddd;
		width: 100%;
		height: 390px;
		clear: both;
		margin-top: 26px;
	}
	.helpbox2 .idbox {
		float: left;
		width: 50%;
		height: 390px;
		border-right: 1px solid #ddd;
	}
	.helpbox2 .pwbox {
		float: left;
		width: 49%;
		height: 390px;
	}
	.helpinbox {
		width: 385px;
		margin: 0 auto;
		padding-top: 30px;
	}
	.helpinbox h4 {
		color: #232323;
		font-size: 16px;
		font-weight: 700;
	}
	.suport-txt {
		font-size: 13px;
		color: #626262;
		line-height: 145%;
		margin-top: 10px;
	}
	.suport-formbox {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		margin-top: 25px;
		height: 150px;
	}
	.suport-formbox2 {
		border-top: 1px solid #d6d6d6;
		border-bottom: 1px solid #d6d6d6;
		clear: both;
		margin-top: 25px;
		height: 190px;
	}
	.noneline-tbl th {
		height: 42px;
		vertical-align: middle;
		font-size: 14px;
	}
	.noneline-tbl td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
	}
	.wdp93p {
		width: 90px;
	}
	.wdp50p {
		width: 30%
	}
	.wdp40p {
		width: 40% !important;
	}
	.mt-20 {
		margin-top: 20px;
	}
	.bottom-helptxt {
		padding: 10px 0 100px; 0;
		font-size: 12px;
		color: #7d7b7b;
	}
	.ml-5 {
		margin-left: 5px;
	}
	.common-text-box6 {
		width: 100%;
		height: 26px;
		border-right: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		border-left: 1px solid #a4a4a4;
		border-top: 1px solid #a4a4a4;
		box-sizing: border-box;
	}

	/* 2015-09-21 */

	/*뾰족하게보기*/
	.search-btn2 {
		width: 50px;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #898989;
		border: none;
		cursor: pointer;
	}
	.date-choice2 {
		width: 100%;
		height: 65px;
		border: 1px solid #e1e1e1;
		padding-top: 20px;
		box-sizing: border-box;
		margin-bottom: 63px;
	}
	.date-choice2 p {
		margin-left: 45px;
		float: left;
		color: #444444;
		font-size: 16px
	}
	;
	.date-choice2 ul {
		float: left;
	}
	.date-choice2 ul li .date-btn {
		cursor: pointer;
		margin-right: 5px;
		float: left;
		width: 75px;
		height: 28px;
		border: 1px solid #c2c2c2;
		background: #fff;
		font-size: 13px;
		text-align: center;
		padding-top: 3px;
		box-sizing: border-box;
	}
	.date-choice2 ul li .date-btn:hover {
		background: #898989;
		color: #fff;
	}
	.date-choice2 ul li .active {
		background: #898989;
		color: #fff;
	}
	.date-choice2 ul a .active {
		color: #fff;
		padding-top: 4px;
	}
	.pick-wrap2 {
		position: relative;
		margin-left: 15px;
		float: left;
		margin-right: 40px;
	}

	/*뾰족하게보기 서브리스트*/
	.sub_thumlist li.type03:hover {
		background: #d15f50;
	}
	.sub_thumlist li.type03:hover .sub-p-all {
		color: #fff;
	}
	.sub_thumlist li.type03:hover .sub-p-all a {
		color: #fff;
	}
	.sub_thumlist li.type03:hover .over-mask {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		background: #000;
		width: 100%;
		height: 100%;
		opacity: 0.6;
	}
	.sub_thumlist li.type03:hover .over-btn {
		display: block;
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		width: 105px;
		height: 23px;
		border: 1px solid #acacac;
		position: absolute;
		top: 82px;
		left: 65px;
		z-index: 10;
		text-align: center;
		padding-top: 2px;
		box-sizing: border-box;
		padding-right: 10px;
		background: url(../../common/images/icon/icon_detail_arrow.gif)
			no-repeat 83px 5px;
	}
	.sub_thumlist li.type03:hover .over-btn a {
		color: #e7e7e7;
		font-size: 13px;
		font-weight: bold;
		z-index: 12;
	}
	.sub_thumlist li.type03:hover .rink-btn {
		display: none;
	}
	.all-page-number {
		clear: both;
		margin-top: 35px;
	}
	.all-page-number span {
		color: #334af2;
		clear: both;
	}
	.sub_thumlist2 {
		margin-top: 10px !important;
	}

	/*뾰족하게 뷰페이지*/
	.comment-box2 textarea {
		width: 733px !important;
	}
	.view-content img {
		width: 100% !important;
	}
	.report-view {
		width: 210px;
		height: 37px;
		background: #49a3fc;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		cursor: pointer;
		margin-top: 30px;
		text-align: center;
		margin-left: 350px;
	}

	/* 장바구니 */
	.down-txt-left {
		text-align: left !important;
		padding-left: 50px;
	}
	.down-txt-left img {
		float: left
	}
	.down-txt-left p {
		padding-top: 20px;
		box-sizing: border-box;
		float: left;
		font-size: 14px;
		color: #373737;
		margin-left: 20px;
	}
	.cart-btn-area {
		margin-top: 20px;
	}
	.cart-btn01 {
		cursor: pointer;
		float: left;
		width: 80px;
		height: 27px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.cart-btn02 {
		cursor: pointer;
		float: right;
		width: 80px;
		height: 27px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.pd-none {
		padding: 0px !important;
	}
	.board-type04 {
		clear: both;
		margin-top: 18px;
		border-bottom: 1px solid #444444;
	}
	.board-type04 th {
		border-top: 1px solid #444444;
		text-align: center;
		font-weight: bold;
		color: #373737;
		height: 50px;
		vertical-align: middle;
		background: #fbfbfb;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type04 td {
		text-align: center;
		color: #373737;
		padding: 15px 0;
		vertical-align: middle;
		border-bottom: 1px solid #d9d9d9;
	}
	.board-type04 td.subject {
		text-align: left;
		padding-left: 5px;
	}
	.board-type04 td.subject a {
		font-size: 14px;
		font-weight: normal;
		color: #6c6c6c;
	}
	.board-type04 td.subject a:hover {
		text-decoration: underline;
	}
	.board-type04 td.subject p {
		margin-top: 5px;
		color: #6c6c6c;
		font-size: 13px;
		font-weight: normal;
	}
	.board-type04 td.subject p a {
		color: #6c6c6c;
		font-size: 13px;
	}
	.board-type04 td.subject p span {
		margin-right: 10px;
	}
	.board-type04 td.subject p span img {
		vertical-align: middle;
	}
	.board-type04 td.text-l {
		text-align: left;
		padding-left: 20px;
	}
	.board-type04 td .total {
		color: #000000;
		font-size: 16px;
		padding-top: 15px;
		box-sizing: border-box;
		padding-bottom: 15px;
	}
	.board-type04 td .total span {
		color: #334af2;
		font-size: 20px;
	}
	.board-type04 tfoot td {
		background: #f8f9fa;
		border-top: 2px solid #aaaaaa;
		border-bottom: 1px solid #dce4e7;
	}
	.cash-txt {
		margin-top: 10px;
		font-size: 13px;
		color: #626262;
		margin-left: 20px;
		word-break: keep-all;
	} /* 2018-12-17 수정 */
	.cash-txt span {
		margin-left: 5px;
	}
	.cash-txt.ver2 {
		margin-left: 0;
		margin-top: 20px;
	}
	. /* 2018-12-17 추가 */
	.cash-txt.ver2M {
		margin-left: 0;
		margin-top: 20px;
		padding-left: 10px;
		box-sizing: border-box
	} /* 2018-12-17 추가 */
	.casherbox {
		width: 922px;
		border: 1px solid #e9e9e9;
		margin: 30px auto;
	}
	.casheroptionbox {
		margin: 0 auto;
		width: 730px;
		padding-top: 40px;
	}
	.casherbox730p {
		margin: 0 auto;
		width: 730px;
	}
	.casherbox2>.casheroptionbox2 {
		width: 823px;
	}
	.casherbox2>.casheroptionbox2>.custom-label {
		margin-right: 30px;
		float: left;
		width: 254px;
		height: 77px;
		display: inline-block;
		text-align: center;
		color: #000000;
		font-size: 16px;
		cursor: pointer;
		background: url(../../common/images/bg/bg_cash_option2.gif) no-repeat;
	}
	.casherbox2>.casheroptionbox2>.last {
		margin-right: 0px !important;
	}
	.custom-label {
		width: 349px;
		height: 77px;
		display: inline-block;
		text-align: center;
		color: #000000;
		font-size: 16px;
		cursor: pointer;
		background: url(../../common/images/bg/bg_cash_option1.gif) no-repeat;
		line-height: 75px;
	}
	.custom-label .txt {
		color: #000000;
		font-size: 16px;
	}
	.custom-radio {
		vertical-align: middle;
		display: inline-block;
		position: relative;
		top: 0px; /* Adjust to for best fit */
		margin: 0 .4em;
		width: 26px;
		height: 26px;
		background: url(../../common/images/icon/radio.png) 0 0 no-repeat;
	}
	.custom-radio.focus {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.custom-radio.checked {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.custom-radio.checked.focus {
		background: url(../../common/images/icon/radio_on.png) 0 0 no-repeat;
	}
	.option1 {
		float: left;
	}
	.option2 {
		float: right;
	}
	.attention-list {
		clear: both;
		margin-top: 30px;
	}
	.attention-list li {
		background: url(../../common/images/icon/icon_atten.png) no-repeat left
			top;
		padding-left: 36px;
	}
	.attention-list li h4 {
		color: #343434;
		font-weight: 700;
		font-size: 20px;
		line-height: 25px;
	}
	.attention-list li p {
		margin-top: 10px;
		color: #626262;
		font-size: 15px;
	}
	.cashinforbox {
		border-top: 1px solid #777d84;
		border-bottom: 1px solid #777d84;
		clear: both;
		margin-top: 30px;
	}
	.noneline-tbl1 {
		width: 95%;
		margin: 0 auto;
	}
	.noneline-tbl1 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 105px;
	}
	.noneline-tbl1 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		padding: 8px 0px;
	}
	.cashinfo-txt {
		width: 158px;
		height: 29px;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
		margin-right: 10px;
		box-sizing: border-box;
	}
	.cashinfo-txt1 {
		width: 200px;
		height: 29px;
		border-top: 1px solid #bcbcbc;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
		margin-right: 10px;
		box-sizing: border-box;
	}
	.noneline-tbl2 {
		width: 100%;
		margin: 0 auto;
	}
	.noneline-tbl2 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 125px;
		padding-left: 30px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl2 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl2 .last {
		border: none;
	}
	.noneline-tbl2 ul li {
		float: left;
	}
	.submit5 {
		width: 140px;
		height: 55px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
		margin-right: 20px;
	}
	.bottom-btn {
		text-align: center;
		padding: 50px 0 51px 0;
		clear: both;
	}
	.bottom-btn1 {
		margin-bottom: 30px;
	}
	.noneline-tbl2>tbody>tr>td>p>.common-text-box2 {
		width: 160px;
	}
	.casherbox825p {
		width: 825px !important;
		margin: 0 auto;
	}
	.noneline-tbl3 {
		width: 100%;
		margin: 0 auto;
	}
	.noneline-tbl3 th {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		font-size: 16px;
		color: #232323;
		font-weight: 700;
		width: 125px;
		padding-left: 30px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl3 td {
		height: 42px;
		vertical-align: middle;
		text-align: left;
		padding-left: 10px;
		color: 3939393;
		font-size: 16px;
		border-bottom: 1px solid #e8e9ea;
	}
	.noneline-tbl3 td {
		height: 42px;
		vertical-align: middle;
		text-align: center;
		padding-left: 10px;
		color: #232323;
		font-size: 16px;
		font-weight: bold;
	}
	.bank-logo {
		background: url(../../common/images/icon/bank_icon.gif) no-repeat 250px
			8px;
		width: 100px;
		height: 30px;
		padding-left: 20px;
	}
	.bank-txt {
		font-size: 13px;
		color: #626262;
		margin-top: 15px;
		margin-bottom: 60px !important;
	}
	.bank-txt span {
		color: #000;
	}
	.bank-txt>.color {
		margin-top: 10px;
	}
	/*기간제결제*/
	.paym-tit {
		color: #232323;
		font-size: 16px;
		font-weight: bold;
		float: left;
		width: 90px;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
	}
	.paym-txt {
		color: #7d7b7b;
		font-size: 12px;
		padding-left: 15px;
		float: left;
		margin-bottom: 15px;
	}
	.paym-sub-tit {
		clear: both;
		height: 60px;
		border-top: 1px solid #444444;
		padding-top: 20px;
		box-sizing: border-box;
	}
	.paym-sub-tit p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.paym-sub-tit p span {
		color: #f33f0f;
	}

	/*2016-01-20 추가부분*/
	.paym-sub-tit3 {
		clear: both;
		padding-top: 20px;
		box-sizing: border-box;
	}
	/*2016-01-20 추가부분*/
	.paym-sub-tit3 p {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	/*2016-01-20 추가부분*/
	.paym-sub-tit3 p span {
		color: #f33f0f;
	}
	.paym-box {
		width: 100%;
		border: 1px solid #ccc;
		margin-top: 35px;
		padding: 39px;
		box-sizing: border-box;
	}
	.paym-box li {
		float: left;
		margin-right: 15px;
		position: relative;
	}
	.paym-box .red-box {
		background: url(../../common/images/bg/red_bg.gif) no-repeat;
		width: 263px;
		height: 271px;
	}
	.paym-box .blue-box {
		background: url(../../common/images/bg/blue_bg.gif) no-repeat;
		width: 263px;
		height: 335px;
	} /* 2019-04-05 수정 */
	.paym-box .black-box {
		background: url(../../common/images/bg/black_bg.gif) no-repeat;
		width: 263px;
		height: 335px;
		margin-right: 0px !important;
	} /* 2019-04-05 수정 */
	.paym-box .paym-txt1 {
		color: #fff;
		font-size: 16px;
		position: absolute;
		top: 30px;
		left: 40px;
	} /* 2019-04-15 수정 */
	.paym-box .paym-txt2 {
		color: #fff;
		font-size: 19px;
		position: absolute;
		top: 57px;
		left: 40px;
		letter-spacing: -1.5px;
		font-family: 'NanumBarunGothicR';
	} /* 2019-04-15 수정 */
	.paym-box .paym-txt2.font21 {
		font-size: 21px
	} /* 2019-04-15 추가 */
	.paym-box .sepLine {
		position: absolute;
		top: 87px;
		left: 34px;
		width: 192px;
		height: 1px;
	} /* 2019-04-15 추가 */
	.paym-box .sepLine.type1 {
		background: #6ba7d8;
	} /* 2019-04-15 추가 */
	.paym-box .sepLine.type2 {
		background: #747677;
	} /* 2019-04-15 추가 */
	.paym-box .paym-txt3 {
		color: #fff;
		font-size: 30px;
		font-weight: 500;
		position: absolute;
		top: 108px;
		left: 65px;
	} /* 2019-04-15 수정 */
	.paym-box .paym-txt4 {
		color: #fff;
		font-size: 14px;
		position: absolute;
		top: 140px;
		left: 98px;
		position: absolute;
		top: 140px;
		left: 98px;
	} /* 2019-04-15 수정 */
	.paym-box .paym-txt-c1 {
		color: #f7e6b4;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		position: absolute;
		top: 192px;
		left: 60px;
	}
	.paym-box .paym-txt-c2 {
		color: #7fd3ff;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		position: absolute;
		top: 162px;
		left: 60px;
	} /* 2019-04-15 수정 */
	.paym-box .paym-txt-c3 {
		color: #f3d890;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		position: absolute;
		top: 162px;
		left: 40px;
	} /* 2019-04-15 수정 */
	.pay-button1 {
		border-left: 1px solid #e0e0e0 !important;
		border-top: 1px solid #e0e0e0 !important;
		border-right: 1px solid #a4a4a4 !important;
		border-bottom: 1px solid #a4a4a4 !important;
		position: absolute;
		top: 281px;
		left: 60px;
		width: 135px;
		height: 35px;
		background: #fff url(../../common/images/icon/pay_arrow.gif) no-repeat
			100px 6px;
		padding: 6px 30px;
		box-sizing: border-box;
		color: #2e8fe0;
		cursor: pointer;
		font-weight: bold;
		border: none;
	}
	.pay-button2 {
		border-left: 1px solid #e0e0e0 !important;
		border-top: 1px solid #e0e0e0 !important;
		border-right: 1px solid #a4a4a4 !important;
		border-bottom: 1px solid #a4a4a4 !important;
		position: absolute;
		top: 281px;
		left: 60px;
		width: 135px;
		height: 35px;
		background: #fff url(../../common/images/icon/pay_arrow2.gif) no-repeat
			100px 6px;
		padding: 6px 30px;
		box-sizing: border-box;
		color: #b28d27;
		cursor: pointer;
		font-weight: bold;
		border: none;
	}

	/* 2019-04-05 추가 */
	.pay-button1.on {
		background: #1d3aad url(../../common/images/icon/pay_arrow1_hov.jpg)
			no-repeat 100px 6px;
		color: #fff
	} /* 2019-04-15 수정 */
	.pay-button2.on {
		background: #b28d27 url(../../common/images/icon/pay_arrow2_hov.jpg)
			no-repeat 100px 6px;
		color: #fff
	}
	/* //2019-04-05 추가 */

	/*2015-12-30 추가부분*/
	.paym-b-txt {
		color: #656565;
		font-size: 14px;
		padding-top: 20px;
		width: 32%;
		text-align: center;
		clear: both;
	}
	.paym-b-txt2 {
		color: #656565;
		font-size: 14px;
		padding-top: 15px;
		clear: both;
		width: 220px;
		text-align: center;
		padding-left: 15px;
	}
	.paym-sub-tit2 {
		margin-top: -20px;
	}
	.paym-txt {
		margin-bottom: -20px !important;
		margin-top: 0px !important;
	}
	/*기간제결제*/
	.seven-paym-area {
		background: url(../../common/images/icon/sub08_bg.gif) no-repeat;
		width: 920px;
		height: 154px;
		position: relative;
		margin-bottom: 30px;
	}
	.seven-paym1 .paym-txt1 {
		color: #fff;
		font-size: 16px;
		position: absolute;
		top: 12px;
		left: 45px
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt2 {
		color: #fff;
		font-size: 32px;
		position: absolute;
		top: 40px;
		left: 45px;
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt2_1.type1 {
		color: #a5ddff;
		font-size: 20px;
		font-weight: bold;
		position: absolute;
		top: 47px;
		left: 310px;
	} /* 2019-04-15 수정 */ /* 2019-04-05 추가 */
	.seven-paym1 .paym-txt2_1.type2 {
		color: #f3d890;
		font-size: 20px;
		font-weight: bold;
		position: absolute;
		top: 50px;
		left: 413px;
	} /* 2019-04-05 추가 */
	.seven-paym1 .paym-txt-c1 {
		color: #a5ddff;
		font-size: 13px;
		position: absolute;
		top: 92px;
		left: 45px;
		width: 625px;
	} /* 2019-04-15 수정 */
	.seven-paym2 .paym-txt4 {
		color: #3989cb;
		font-weight: bold;
		font-size: 36px;
		position: absolute;
		top: 55px;
		right: 10px;
	} /* 2019-04-05 수정 */
	.seven-paym2 .paym-txt4 span {
		font-size: 20px
	} /* 2019-04-05 추가 */
	.seven-paym3 .paym-txt4 span {
		font-size: 20px
	} /* 2019-04-05 추가 */
	.seven-paym2 .paym-txt5 {
		color: #3989cb;
		font-size: 17px;
		position: absolute;
		top: 96px;
		right: 70px;
	} /* 2019-04-15 수정 */
	.cash-tit h3 {
		width: 105px;
		background: url(../../common/images/icon/join-bar.gif) no-repeat right;
		float: left;
		margin-right: 10px;
		color: #232323;
		font-size: 16px;
	}
	.cash-tit p {
		color: #7d7b7b;
		font-size: 12px;
		margin-bottom: -20px;
	}
	.submit6 {
		width: 140px;
		height: 55px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.seven-paym3 .paym-txt4 {
		color: #464849;
		font-weight: bold;
		font-size: 36px;
		position: absolute;
		top: 55px;
		right: 10px;
	}
	.seven-paym3 .paym-txt5 {
		color: #464849;
		font-size: 17px;
		position: absolute;
		top: 96px;
		right: 70px;
	} /* 2019-04-15 수정 */
	.seven-paym1 .paym-txt-c2 {
		color: #f3d890;
		font-size: 13px;
		position: absolute;
		top: 92px;
		left: 45px;
		width: 625px;
	} /* 2019-04-15 수정 */
	.seven-paym-area2 {
		background: url(../../common/images/icon/sub09_bg.gif) no-repeat;
		width: 920px;
		height: 154px;
		position: relative;
		margin-bottom: 30px;
	}
	.seven-paym4 .paym-txt4 {
		color: #f3d890;
		font-weight: bold;
		font-size: 36px;
		position: absolute;
		top: 55px;
		right: 10px;
	}
	.seven-paym4 .paym-txt5 {
		color: #f3d890;
		font-size: 17px;
		position: absolute;
		top: 100px;
		right: 70px;
	}
	/*이용권선물*/
	.tab-contsearch .paym-txt-c2 {
		left: 45px;
	}
	.tab-contsearch .paym-txt-c3 {
		left: 45px;
	}
	.tab-contsearch .paym-txt02 {
		left: 10px;
	}
	.tab-contsearch .tb-sub-tit {
		margin-bottom: 10px;
		color: #7d7b7b;
		font-size: 12px;
	}
	.choice-box {
		width: 825px;
		margin: 0 auto;
	}
	.choice-box2 {
		
	}
	.choice-box h3 {
		color: #232323;
		font-size: 16px;
		padding-top: 30px;
		margin-bottom: 10px;
		border-top: 1px solid #444
	} /* 2019-04-05 수정 */
	.choice-box select {
		float: left;
		margin-bottom: 20px;
	}
	.choice-box p {
		float: right;
		margin-bottom: 20px;
	}
	.paym-name {
		width: 370px;
	}
	.paym-e {
		width: 370px;
	}

	/*이용권내역*/
	.submit7 {
		margin-bottom: 20px;
		float: right;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}

	/*이용권선물*/
	.staff-con {
		width: 730px;
		margin: 0 auto;
		margin-top: 30px;
	}
	.staff-con h3 {
		color: #232323;
		font-size: 16px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.staff-con .staff-con-txt p {
		margin-top: 10px;
		color: #626262;
		font-size: 15px;
		margin-bottom: 10px;
	}
	.staff-con .staff-con-txt li {
		float: left;
	}
	.submit8 {
		width: 140px;
		height: 30px;
		background: #848d99;
		color: #fff;
		cursor: pointer;
		margin-left: 30px;
	}
	.staff-con .staff-con-txt .e-txt {
		color: #232323;
		font-size: 16px;
	}
	.casherbox3 {
		
	}
	.staff-con-num {
		clear: both;
		padding-top: 20px;
	}
	.staff-con .staff-con-num p {
		margin-top: 10px;
		color: #626262;
		font-size: 15px;
		margin-bottom: 10px;
		float: left;
	}
	.staff-con-input {
		width: 70px;
		float: left;
		margin-top: 7px;
		margin-left: 40px;
	}
	.submit9 {
		width: 160px;
		height: 30px;
		background: #fff;
		color: #474747;
		cursor: pointer;
		border-left: 1px solid #e0e0e0;
		border-top: 1px solid #e0e0e0;
		border-right: 1px solid #a4a4a4;
		border-bottom: 1px solid #a4a4a4;
	}
	.submit10 {
		width: 140px;
		height: 30px;
		background: #575f67;
		color: #fff;
		cursor: pointer;
	}
	.boardinbox .common-text-box3 {
		width: 500px;
	}
	.boardinbox textarea {
		width: 480px;
		margin: 10px 0px;
		height: 200px;
	}
	.boardinbox .color {
		color: #f8440d;
		font-size: 16px;
	}
	.boardinbox h3 {
		color: #232323;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.boardinbox .email-top {
		color: #626262;
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 20px;
		padding-top: 10px;
		box-sizing: border-box;
	}
	.boardinbox p {
		margin-top: 8px;
	}
	.boardinbox2 p {
		
	}
	.boardinbox p ul li {
		color: #626262;
		font-size: 13px;
		line-height: 15px;
	}
	.mem-leave {
		margin-bottom: 20px;
	}
	.mem-leave li {
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.email-atten {
		margin-bottom: 20px;
		margin-top: 10px;
		color: #626262;
		font-size: 13px;
		line-height: 20px;
	}
	.casheroptionbox.gift {
		margin: 0 auto;
		width: 823px;
		padding: 40px 0;
	}

	/*이용약관*/
	.clause-box .clause-title3 {
		margin-bottom: 8px;
		margin-right: 9px;
		font-size: 14px;
		font-weight: bold;
		color: #232323;
	}
	.clause-box .clause-title4 {
		margin-bottom: 8px;
		margin-right: 9px;
		font-size: 14px;
		color: #232323;
		line-height: 22px;
	}
	.clause-txt-box2 {
		padding: 10px;
		box-sizing: border-box;
		width: 100%;
		height: 500px;
		margin: 0 auto;
		overflow-x: hidden;
		overflow-y: scroll;
		border: 1px solid #ccc;
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.clause-txt-box2 span {
		font-weight: bold;
	}

	/*10.06*/
	.radio-txt-pt {
		padding: 5px 0px;
	}
	.email-pt {
		margin-bottom: 8px;
	}
	.login-th {
		width: 80px;
	}
	.login-td {
		height: 50px;
	}
	.total-faq2 {
		margin-bottom: 15px;
	}
	.office-email {
		width: 150px !important;
	}
	.submit11 {
		width: 115px;
		height: 30px;
		background: #848d99;
		color: #fff;
		cursor: pointer;
		margin-left: 30px;
	}
	.mail-com li {
		float: left;
	}
	.join-chk {
		margin-right: 5px;
	}
	.errorpage2 {
		clear: both;
	}
	.errorpage3 {
		color: #21b56a;
	}
	.suport-table {
		margin-top: 33px;
	}
	.thum-size01 {
		width: 239px;
		height: 183px;
		overflow: hidden;
	}
	.thum-size01 img {
		width: 240px;
		height: 100%;
	}
	.thum-size02 {
		width: 239px;
		height: 303px;
		overflow: hidden;
	}
	.thum-size02 img {
		width: 240px;
		height: 100%;
	}
	.thum-size03 {
		width: 232px;
		height: 179px;
		overflow: hidden;
	}
	.thum-size03 img {
		width: 232px;
		height: 100%;
	}
	.thum-size04 {
		width: 234px;
		height: 295px;
		overflow: hidden;
	}
	.thum-size04 img {
		width: 234px;
		height: 100%;
	}
	.thum-size05 {
		width: 566px;
		height: 354px;
		overflow: hidden;
	}
	.thum-size05 img {
		width: 566px;
		height: 100%;
	}
	.thum-size6 {
		width: 78px;
		height: 48px;
		overflow: hidden;
	}
	.thum-size6 img {
		width: 78px;
		height: 100%;
	}
	/*2016-01-06 추가부분*/
	.container ul li img.active {
		border: 2px solid #49a3fc;
		box-sizing: border-box;
	}
	.thum-size7 {
		width: 731px;
		height: 341px;
		overflow: hidden;
	}
	.thum-size7 img {
		width: 731px;
		height: 100%;
	}
	.thum-size8 {
		width: 118px;
		height: 60px;
		overflow: hidden;
	}
	.thum-size8 img {
		width: 118px;
		height: 100%;
	}
	.thum-size9 {
		width: 80px;
		height: 62px;
		overflow: hidden;
	}
	.thum-size9 img {
		width: 80px;
		height: 100%;
	}
	.thum-size10 {
		width: 87px;
		height: 66px;
		overflow: hidden;
		padding: 0px !important;
		margin: 0px !important;
	}
	.thum-size10 img {
		width: 87px;
		height: 100%;
	}
	.menuLink3>a {
		background: none !important;
	}
	.menuLink4>a {
		width: 134px !important;
		background: url(../../common/images/icon/icon_invi_arrow.gif) no-repeat;
		background-position: 145px 15px !important;
	}
	.menuLink7>a {
		width: 119px !important;
		background-position: 133px 15px !important;
	}
	.mt-none {
		margin-top: 0px !important;
	}
	.mt-none strong {
		margin-right: 10px;
	}
	.pre-next {
		width: 100%;
		height: 100px;
		border-top: 1px solid #bbbbbb;
		border-bottom: 2px solid #bbbbbb;
		margin-top: 33px;
	}
	.pre-next .last {
		border: none;
	}
	.pre-next th {
		border-bottom: 1px solid #dddddd;
	}
	.pre-next td {
		padding-left: 20px;
		border-bottom: 1px solid #dddddd;
	}
	.pre-next td span {
		float: right;
		padding-right: 20px;
	}
	.pre-next tr {
		height: 50px;
	}
	.prenext-tit {
		width: 95px;
		background: url(../../common/images/icon/pre_bar.gif) no-repeat right;
	}
	.prenext-tit img {
		padding-top: 8px;
		margin-right: 13px;
	}
	.txt-date1 {
		float: left;
	}
	.txt-date2 {
		float: right;
	}
	.prenext-area {
		float: left;
		margin-top: 0px !important;
	}
	.slide-icon {
		display: none;
	}

	/*이용요금 안내*/
	.charge-tit {
		width: 100%;
		color: #232323;
		font-size: 16px;
		height: 30px;
		border-bottom: 1px solid #444444;
		margin-bottom: 30px;
	}
	.charge-box01 {
		background: url(../../common/images/bg/cash_bg01.gif) no-repeat;
		height: 135px;
		position: relative;
		margin-bottom: 20px;
	}
	.charge-box02 {
		background: url(../../common/images/bg/cash_bg02.gif) no-repeat;
		height: 145px;
		position: relative;
		margin-bottom: 20px;
	}
	.charge-box03 {
		background: url(../../common/images/bg/cash_bg03.gif) no-repeat;
		height: 185px;
		position: relative;
		margin-bottom: 20px;
	}
	.charge-left h3 {
		color: #000;
		font-size: 26px;
		position: absolute;
		top: 30px;
		left: 45px;
	}
	.charge-label {
		width: 113px;
		height: 35px;
		background: #4c4c4c;
		color: #fff;
		font-size: 18px;
		border-radius: 20px;
		text-align: center;
		padding-top: 7px;
		box-sizing: border-box;
		position: absolute;
		top: 70px;
		left: 45px;
	}
	.charge-txt {
		font-size: 13px;
		color: #000;
		width: 420px;
		position: absolute;
		top: 70px;
		left: 167px;
		line-height: 20px;
	}
	.c-right-txt01 {
		font-size: 16px;
		color: #000;
		position: absolute;
		top: 28px;
		right: 75px;
	}
	.c-right-txt02 {
		font-size: 30px;
		color: #000;
		position: absolute;
		top: 60px;
		right: 65px;
	}
	.c-right-txt03 {
		font-size: 14px;
		color: #000;
		position: absolute;
		top: 95px;
		right: 100px;
	}
	.c-right-txt04 {
		font-size: 30px;
		color: #000;
		position: absolute;
		top: 60px;
		right: 55px;
	}
	.charge-color01 {
		color: #ec6f09;
	}
	.charge-color02 {
		color: #3766eb;
	}
	.charge-color03 {
		color: #b69438;
	}
	.cash-btn {
		width: 172px;
		height: 37px;
		background: #49a3fc;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		box-sizing: border-box;
		cursor: pointer;
		margin-left: 370px;
		margin-top: 25px;
		margin-bottom: 50px;
	}
	.write-box {
		float: left;
	}
	.write-num {
		float: right;
		padding-right: 20px;
	}
	.look-btn {
		float: right;
		margin-right: 40px;
		cursor: pointer;
		margin-bottom: 60px;
		font-weight: bold;
		padding-left: 25px;
		box-sizing: border-box;
		width: 143px;
		height: 36px;
		background: #757575 url(../../common/images/icon/look-plus.gif)
			no-repeat 16px 9px;
		color: #fff;
		font-size: 15px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-bottom: 1px solid #5e5e5e;
		border-right: 1px solid #5e5e5e;
		position: absolute;
		top: 1240px;
		right: 0;
	} /* 2016-10-20 수정 */

	/*책소개쪽 */
	.slide-area {
		width: 100%;
		position: relative;
	}
	.jcarousel-skin-tango {
		width: 100%;
	}
	.jcarousel-skin-tango .jcarousel-next-horizontal {
		position: absolute;
		top: 50%;
		right: 0px;
		width: 64px;
		height: 64px;
		margin-top: -32px;
		cursor: pointer;
		background: url(../../common/images/icon/g_next_btn.gif) no-repeat
			center center;
		background: none;
	}
	.jcarousel-skin-tango .jcarousel-prev-horizontal {
		position: absolute;
		top: 50%;
		left: 0px;
		width: 64px;
		height: 64px;
		margin-top: -32px;
		cursor: pointer;
		background: url(../../common/images/icon/g_prev_btn.gif) no-repeat
			center center;
		background: none;
	}
	.jcarousel-skin-tango .jcarousel-direction-rtl {
		direction: rtl;
	}
	.jcarousel-skin-tango .jcarousel-container-horizontal {
		width: 970px;
		padding: 0px 15px;
	} /* 2019-10-21 수정 */
	.jcarousel-skin-tango .jcarousel-clip {
		overflow: hidden;
		border-bottom: 1px solid #d7d7d3
	} /* 2017-11-08 수정 */
	.jcarousel-skin-tango .jcarousel-item {
		width: 140px;
		height: 151px;
	}
	.jcarousel-skin-tango .jcarousel-item-horizontal {
		margin-left: 0;
		margin-right: 10px;
	}
	.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal
		{
		margin-left: 10px;
		margin-right: 0;
	}
	.book-mark01 {
		color: #333333;
		font-size: 18px;
		background: url(../../common/images/icon/book-m.gif) no-repeat 0px 6px;
		padding-left: 15px;
		position: absolute;
		top: 215px;
		left: 50px;
	}
	.book-mark02 {
		color: #333333;
		font-size: 18px;
		background: url(../../common/images/icon/book-m.gif) no-repeat 0px 6px;
		padding-left: 15px;
		position: absolute;
		bottom: 320px;
		left: 50px;
	}
	.book-image {
		width: 100%;
		height: 215px;
		position: absolute;
		bottom: 74px;
	}
	.book-image li {
		width: 353px;
		float: left;
	}
	.table-no-line th {
		border-top: none !important;
		background: none !important;
	}
	.table-no-line {
		border-bottom: none !important;
		margin-top: 0px !important;
	}
	.table-list-btn {
		cursor: pointer;
		float: right;
		width: 99px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.reply-content {
		text-align: left;
		padding: 35px 15px;
		vertical-align: top;
		border-top: 1px solid #b2b2b2;
		border-bottom: none !important;
		line-height: 150%;
	}
	.m_pop_btn {
		margin-right: 57px;
	}

	/*에러페이지*/
	.error-area {
		background: url(../../common/images/bg/error_bg.gif) no-repeat;
		width: 748px;
		height: 646px;
		background-position: center;
		padding-top: 20px;
		position: relative;
		top: 40%;
		left: 50%;
		\margin-left: -374px;
	}
	.error-area .err-btn {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		width: 260px;
		height: 45px;
		background: #575f67;
		position: absolute;
		top: 500px;
		left: 245px;
		cursor: pointer;
	}
	/*사이트맵*/
	.map-table {
		margin-bottom: 45px;
	}
	.map-table th {
		background: #ecf2f6 !important;
		text-align: left;
		padding-left: 15px;
	}
	.map-table th a {
		color: #373737;
		font-size: 15px;
	}
	.map-table a:hover {
		color: #3989cb;
		font-weight: bold;
	}
	.map-table .spot {
		padding-left: 15px;
		background: url(../../common/images/icon/map_spot.gif) no-repeat 5px
			23px;
		text-align: left;
	}
	.map-table td a {
		color: #828282;
		font-size: 13px;
	}

	/* 팝업 */

	/* board type */
	.boardType1 {
		position: relative;
		overflow: hidden;
	}

	/* paging */
	.paging {
		text-align: center;
	}
	.paging a {
		width: 23px;
		height: 23px;
		border: 1px solid #dcdcdc;
		border-radius: 23px;
		line-height: 27px;
		display: inline-block;
		text-align: center;
		margin: 0 0.2%;
	}
	.paging a.on {
		border: 1px solid #1c8292;
		color: #1c8292;
	}
	.paging .fir {
		width: 25px;
		height: 25px;
		border: none;
	}
	.paging .prv {
		width: 25px;
		height: 25px;
		border: none;
		margin-right: 2%;
	}
	.paging .nxt {
		width: 25px;
		height: 25px;
		border: none;
		margin-left: 2%;
	}
	.paging .end {
		width: 25px;
		height: 25px;
		border: none;
	}
	.paging .qst {
		width: 25px;
		height: 25px;
		border: none;
		position: absolute;
		right: 3%;
	}
}

/* 푸터 */
@media only screen and (min-width:100px) and (max-width:767px) {
	.footer {
		width: 100%;
	}
	.t-footer {
		width: 100%;
		height: 81px;
		background-color: #676767;
		position: relative;
		margin-top: 4%
	}
	.b-footer {
		width: 100%;
		height: 250px;
		background-color: #393939;
	}
	.t-footer-inbox {
		width: 95%;
		margin: 0 auto;
	}
	.t-footer-inbox .b-txt01 {
		width: 98%;
		margin: 0 auto;
	}
	.t-footer-inbox .b-txt01 li {
		float: left;
		margin-right: 3px;
		padding-top: 15px;
	}
	.t-footer-inbox .b-txt02 {
		clear: both;
		width: 95%;
		margin: 0 auto;
	}
	.t-footer-inbox .b-txt02 li {
		float: left;
		margin-right: 3px;
		padding-top: 5px;
	}
	.t-footer-inbox .b-txt01 .f-bar {
		padding-top: 20px;
	}
	.t-footer-inbox .b-txt02 .f-bar {
		padding-top: 10px;
	}
	.t-footer-inbox ul li a {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	.t-footer-inbox .top img {
		position: absolute; /*top:85px;*/
		right: 0px;
		width: 10%;
		height: 30%;
	}
	.cash-txt.ver2 {
		margin-left: 0;
		margin-top: 10px;
		font-size: 12px
	} /* 2018-12-17 추가 */
	.cash-txt.ver2M {
		margin-left: 0;
		margin-top: 10px;
		font-size: 12px;
		padding-left: 10px;
		box-sizing: border-box
	} /* 2018-12-17 추가 */

	/*2016-01-20 추가부분*/
	.b-footer-inbox {
		width: 100%;
		margin: 0 auto;
		width: 95%;
		margin: 0 auto;;
	}
	.go {
		display: none;
	}
	.family-site {
		display: none;
		position: absolute;
		left: 880px;
		top: 12px;
	}
	/*.footBtnWrap {height:26px; overflow:visible;}
.footBtn { position:relative; width:190px; overflow:visible;}
.footBtn button { padding:5px 5px; background: #fff url(../images/icon/icon_family.gif) no-repeat; background-position: 168px 8px; box-sizing: border-box;width:190px; height:26px;border:none; overflow:hidden;color:#595f66; text-align:left;font-family: 'NanumGothic';cursor:pointer;}
.footBtn ul {display:none; position:absolute; top:27px; left:0px; z-index:10; width:188px; background:#fff; border-left:1px solid #d8ccc2;border-right:1px solid #d8ccc2; border-bottom:1px solid #d8ccc2;}
.footBtn ul li a {display:block; padding:5px 5px; color:#707070; background:#fff; font-size:0.9em;}
.footBtn ul li a:hover, .footBtn ul li a:focus, .footBtn ul li a:active {color:#707070; background:#ccc;}
*/
	.b-footer-inbox h1 {
		padding-top: 20px;
		text-align: center;
	}
	.b-footer-inbox .f-txt {
		font-size: 12px;
		color: #fff;
		line-height: 20px;
		padding-top: 10px;
	}
	.b-footer-inbox .c-right {
		font-size: 12px;
		color: #fff;
		padding-top: 5px;
		line-height: 20px;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.footer {
		width: 100%;
		clear: both;
	}
	.t-footer {
		width: 100%;
		height: 50px;
		background-color: #676767;
		position: relative;
	}
	.b-footer {
		width: 100%;
		height: 160px;
		background-color: #393939;
	}
	.t-footer-inbox {
		width: 95%;
		margin: 0 auto;
		position: relative;
	}
	.t-footer-inbox .b-txt01 li {
		float: left;
		margin-right: 10px;
		padding-top: 15px;
	}
	.t-footer-inbox .b-txt01 .last {
		margin-right: 10px;
		background: url(../../common/images/icon/f_util_bg.gif) no-repeat 54px
			20px;
		width: 55px;
	}
	.t-footer-inbox .b-txt02 li {
		float: left;
		margin-right: 10px;
		padding-top: 15px;
	}
	.t-footer-inbox .b-txt01 .f-bar {
		padding-top: 20px;
	}
	.t-footer-inbox .b-txt02 .f-bar {
		padding-top: 20px;
	}
	.t-footer-inbox ul li a {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
	}
	.t-footer-inbox .top {
		position: absolute;
		top: 0px;
		right: 0px;
		width: 50px;
		height: 50px;
	}
	.t-footer-inbox .go {
		display: none;
		float: left;
		width: 36px;
		height: 26px;
		background: #393939;
		margin-top: -25px;
		margin-left: 5px;
		text-align: center;
	}
	.t-footer-inbox .go a {
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	.b-footer-inbox {
		width: 1000px;
		margin: 0 auto;
	}
	.family-site {
		display: none;
		margin-left: 799px;
		margin-top: -25px;
		float: left;
		width: 160px;
		height: 26px;
	}
	.footBtnWrap {
		height: 26px;
		overflow: visible;
	}
	.footBtn {
		position: relative;
		width: 160px;
		overflow: visible;
	}
	.footBtn button {
		padding: 2px 5px 5px 15px;
		background: #fff url(../images/icon/icon_family.gif) no-repeat;
		background-position: 138px 8px;
		box-sizing: border-box;
		width: 160px;
		height: 26px;
		border: none;
		overflow: hidden;
		color: #595f66;
		text-align: left;
		cursor: pointer;
	}
	.footBtn ul {
		display: none;
		position: absolute;
		top: 27px;
		left: 0px;
		z-index: 10;
		width: 160px;
		background: #fff;
		border-left: 1px solid #d8ccc2;
		border-right: 1px solid #d8ccc2;
		border-bottom: 1px solid #d8ccc2;
	}
	.footBtn ul li a {
		display: block;
		padding: 5px 5px;
		color: #707070;
		background: #fff;
		font-size: 0.9em;
	}
	.footBtn ul li a:hover, .footBtn ul li a:focus, .footBtn ul li a:active
		{
		color: #707070;
		background: #ccc;
	}
	.b-footer-inbox {
		width: 95%;
		margin: 0 auto;
	}
	.b-footer-inbox h1 {
		float: left;
		padding-top: 55px;
		margin-right: 25px;
		height: 100px;
	}
	.b-footer-inbox .f-txt {
		font-size: 12px;
		color: #fff;
		padding-top: 30px;
		line-height: 20px;
	}
	.b-footer-inbox .c-right {
		font-size: 12px;
		color: #fff;
		padding-top: 10px;
		line-height: 20px;
	}
}

@media screen and (min-width:1024px) {
	.footer {
		width: 100%;
		clear: both;
	}
	.t-footer {
		width: 100%;
		height: 50px;
		background-color: #676767;
		position: relative;
	}
	.b-footer {
		width: 100%;
		height: 160px;
		background-color: #393939;
	}
	.t-footer-inbox {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.t-footer-inbox .b-txt01 li {
		float: left;
		margin-right: 10px;
		padding-top: 15px;
	}
	.t-footer-inbox .b-txt01 .last {
		margin-right: 76px;
	}
	.t-footer-inbox .b-txt02 li {
		float: left;
		margin-right: 10px;
		padding-top: 15px;
	}
	.t-footer-inbox .b-txt01 .f-bar {
		padding-top: 20px;
	}
	.t-footer-inbox .b-txt02 .f-bar {
		padding-top: 20px;
	}
	.t-footer-inbox ul li a {
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
	.t-footer-inbox .top {
		position: absolute;
		top: 0px;
		left: 1035px;
		width: 50px;
		height: 50px;
	}
	.t-footer-inbox .go {
		float: left;
		width: 36px;
		height: 26px;
		padding-top: 3px;
		box-sizing: border-box;
		background: #393939;
		margin-top: -25px;
		margin-left: 5px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
	}
	.b-footer-inbox {
		width: 1000px;
		margin: 0 auto;
	}
	.family-site {
		margin-left: 799px;
		margin-top: -25px;
		float: left;
		width: 160px;
		height: 26px;
	}
	.footBtnWrap {
		height: 26px;
		overflow: visible;
	}
	.footBtn select {
		position: relative;
		width: 160px;
		overflow: visible;
	}
	.footBtn select {
		padding: 2px 5px 5px 15px;
		background-position: 138px 8px;
		box-sizing: border-box;
		width: 196px;
		height: 33px;
		border: none;
		color: #595f66;
		text-align: left;
		cursor: pointer;
	}
	.footBtn ul {
		display: none;
		position: absolute;
		top: 27px;
		left: 0px;
		z-index: 10;
		width: 160px;
		background: #fff;
		border-left: 1px solid #d8ccc2;
		border-right: 1px solid #d8ccc2;
		border-bottom: 1px solid #d8ccc2;
	}
	.footBtn ul li a {
		display: block;
		padding: 5px 5px;
		color: #707070;
		background: #fff;
		font-size: 0.9em;
	}
	.footBtn ul li a:hover, .footBtn ul li a:focus, .footBtn ul li a:active
		{
		color: #707070;
		background: #ccc;
	}
	.b-footer-inbox h1 {
		float: left;
		padding-top: 55px;
		margin-right: 25px;
	}
	.b-footer-inbox .f-txt {
		font-size: 12px;
		color: #fff;
		padding-top: 30px;
		line-height: 20px;
	}
	.b-footer-inbox .c-right {
		font-size: 12px;
		color: #fff;
		padding-top: 10px;
		line-height: 20px;
		padding-left: 165px;
	}
	.btn-write2 {
		text-align: center;
		font-size: 13px;
		color: #474747;
		border: 1px solid #e1e1e1;
		width: 80px;
		padding: 7px 0;
		letter-spacing: -0.05em;
		display: inline-block;
		font-weight: 700;
	}
	.cash-txt.ver2 {
		margin-left: 0;
		margin-top: 20px;
	} /* 2018-12-17 추가 */
	.cash-txt.ver2M {
		margin-left: 0;
		margin-top: 20px;
		padding-left: 10px;
		box-sizing: border-box
	} /* 2018-12-17 추가 */
	.cash-txt.ver3 {
		margin-left: 0;
		margin-top: 20px;
		padding-left: 50px
	} /* 2018-12-17 추가 */
}

/*추가*/
@media only screen and (min-width:100px) and (max-width:450px) {
	.tab-plus01 {
		position: absolute;
		top: 3px;
		right: 3%;
		z-index: 9980;
		cursor: pointer;
		width: 15px;
		height: 15px;
	}
	.tab-plus01 img {
		width: 15px;
		height: 15px;
	}
	.tab-plus02 {
		position: absolute;
		top: 3px;
		right: 3%;
		z-index: 9980;
		cursor: pointer;
		width: 15px;
		height: 15px;
	}
	.tab-plus02 img {
		width: 15px;
		height: 15px;
	}
}

@media only screen and (min-width:451px) and (max-width:767px) {
	.tab-plus01 {
		position: absolute;
		top: 18px;
		right: 3%;
		left: auto;
		z-index: 9980;
		cursor: pointer;
		width: 15px;
		height: 15px;
	}
	.tab-plus01 img {
		width: 15px;
		height: 15px;
	}
	.tab-plus02 {
		position: absolute;
		top: 18px;
		right: 3%;
		left: auto;
		z-index: 9980;
		cursor: pointer;
		width: 15px;
		height: 15px;
	}
	.tab-plus02 img {
		width: 15px;
		height: 15px;
	}
}

@media only screen and (min-width:100px) and (max-width:375px) {
	.t-footer-inbox .top img {
		position: absolute;
		right: 0px;
		width: 11%;
		height: 40%;
		bottom: -36px !important;
	}
}

@media only screen and (min-width:376px) and (max-width:767px) {
	.t-footer-inbox .top img {
		position: absolute;
		top: 26px !important;
		right: 0px;
		width: 11%;
		height: 40%;
	}
}

@media only screen and (min-width:100px) and (max-width:410px) {
	/*2015-12-30 추가부분*/
	.left-b-inbox2 .list-btn {
		cursor: pointer;
		position: absolute;
		right: 5%;
		top: 9px;
		width: 60px;
		height: 29px;
		border-top: 1px solid #8b8b8b;
		border-left: 1px solid #8b8b8b;
		border-right: 1px solid #5e5e5e;
		border-bottom: 1px solid #5e5e5e;
		background: #757575;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
	}
}

@media only screen and (min-width:100px) and (max-width:460px) {
	.txt-box {
		width: 70% !important;
	}
}

@media only screen and (min-width:461px) and (max-width:630px) {
	.txt-box {
		width: 80% !important;
	}
}

/*2016-01-26 추가부분*/
@media only screen and (min-width:100px) and (max-width:410px) {
	.search-result-formbox .form {
		width: 45%;
	}
}
/*2016-01-26 추가부분*/
@media only screen and (min-width:410px) and (max-width:455px) {
	.search-result-formbox .form {
		width: 57%;
	}
}
/*2016-01-26 추가부분*/
@media only screen and (min-width:456px) and (max-width:767px) {
	.search-result-formbox .form {
		width: 63%;
	}
}

/* 2017-03-29 수정 */
/*2016-02-05 추가부분*/
@media only screen and (min-width:100px) and (max-width:450px) {
	.search-tab li.active a {
		font-size: 12px !important;
	}
	.search-tab li a {
		font-size: 12px !important;
	}
	.left-b {
		height: 80px;
	}
	.left-b .b-site01 {
		padding-top: 27px;
	}
	.left-b .b-site02 {
		padding-top: 29px;
	}
	.left-b .b-site01 a>img {
		width: 85px
	}
	.left-b .b-site02 a>img {
		width: 110px
	}
	.left-b .last a>img {
		width: 90px
	}
} /* //2017-03-29 수정 */

/*2016-02-05 추가부분*/
@media only screen and (min-width:340px) and (max-width:375px) {
	.search-tab li a {
		letter-spacing: -2px;
	}
}

/*2016-02-05 추가부분*/
@media only screen and (min-width:100px) and (max-width:339px) {
	.search-tab li a {
		letter-spacing: -3px;
	}
}

/*2016-02-05 추가부분*/
@media only screen and (min-width:365px) and (max-width:381px) {
	.pop_btn04 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer; /*margin-top: 35px;*/
		margin-top: 286px;
	}
}

/*2016-02-05 추가부분*/
@media only screen and (min-width:100px) and (max-width:371px) {
	.pop_btn04 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer; /*margin-top: 35px;*/
	} /*2017.02.22*/
}

/*2016-02-05 추가부분*/
@media only screen and (min-width:100px) and (max-width:320px) {
	.pop_btn04 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer; /*margin-top: 35px;*/
	} /*2017.02.22*/
}

/*2016-02-05 추가부분*/
@media only screen and (min-width:100px) and (max-width:315px) {
	.pop_btn04 {
		width: 40%;
		height: 35px;
		background: #fff;
		color: #4f4f4f;
		font-size: 14px;
		float: left;
		border: 1px solid #b7b7b7;
		margin-left: 10px;
		cursor: pointer; /*margin-top: 35px;*/
	} /*2017.02.22*/
}
/* 2018-05-21 추가 */
.individualSel {
	width: 1000px;
	height: 50px;
	padding: 0 50px;
	box-sizing: border-box;
	border-bottom: 0;
	font-weight: bold
}

.clause-txt-box2 .tit {
	font-size: 16px;
	font-weight: bold;
	margin-top: 30px
}

/************************ 240402 추가 *******************/

/* 웹 */
@media screen and (min-width:1024px) {
	.container {
		border-top: 2px solid #3989cb;
		border-bottom: 2px solid #3989cb;
		padding-bottom: 1px;
	}
	.header {
		position: relative;
		padding: 2.5%;
	}
	.sub-title {
		padding: 3%;
	}
	.content-box1, .content-box2, .content-box3 {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition: max-height 0.5s ease, opacity 0.5s ease;
	}
	.content-box1.open, .content-box2.open, .content-box3.open {
		max-height: 1000px; /* 충분히 큰 값으로 설정 */
		opacity: 1;
	}
	.content-box1 p, .content-box2 p, .content-box3 p {
		width: 47%;
		background-color: #f5f5f5;
		padding: 3.3px 28px;
		letter-spacing: -0.2px;
		color: #3d3c3c;
		line-height: 1.5;
		font-size: 15px;
		font-weight: 500;
		margin-left: 47%;
	    text-align: justify;
	}
	.downloadBtn {
		width: 32px;
		height: 32px;
		position: absolute;
		right: 12px;
		bottom: 34px;
		border: 1px solid #cfcfcf;
		border-radius: 85%;
		background: url(../images/icon/download.png) no-repeat 50% 50%;
		box-sizing: border-box;
	}
	.downloadBtn:hover {
		background: #333333 url(../images/icon/downloadwhite.png) no-repeat 50%
			50%;
		border: 1px solid #333333;
		transition: all .3s ease-out;
	}
	.container.active {
		margin-top: 368px;
	} 

	/* footer */
	.wrap_top {
		display: flex;
	}
	.wrap_center {
		width: 300px;
		min-width: 33%;
		height: 368px;
	}
	.box_help {
		display: inline-block;
		height: 74px;
		width: 100%;
		vertical-align: top;
		box-sizing: border-box;
		position: relative;
		padding: 36px 40px;
		background-color: #e5d2d2;
		border-radius: 16px;
		color: black;
		margin-top: 10px;
	}
	.wrap_contents_box {
		display: flex; 
		width: 100%;
	}
	.wrap_subscription {
		background-color: #6ea0d2;
		margin-left: 10px;
		background-size: 284px auto;
		height: 244px;
		background-position: bottom;
		box-sizing: border-box;
		padding: 19px;
		border-radius: 30px;
		margin-top: 10px;
		width: 50%;
		background-size: 50px 52px;
	}
	.wrap_social {
		margin-left: 10px;
		box-sizing: border-box;
		padding: 19px;
		border-radius: 30px;
		background-color: #25afdb;
		width: 119%;
		height: 116px;
		margin-top: 12px;
		align-content: center;
	}
	.wrap_recruit {
		margin-left: 10px;
		box-sizing: border-box;
		padding: 19px;
		border-radius: 30px;
		background-color: #496e9b;
		width: 119%;
		height: 116px;
		margin-top: 10px;
	}
	.title_help {
		font-size: 20px;
		font-weight: 100;
		line-height: 1.46;
		letter-spacing: -1px;
		position: absolute;
		bottom: 24px;
	}
	.sub_help {
		position: absolute;
		bottom: 14px;
		left: 42px;
		font-size: 11px;
		line-height: 1.58;
		letter-spacing: -.5px;
	}
	.box_help.first-link {
		color: #fff;
		background-color: #25afdb;
		background: #25afdb url(../images/icon/icon_notice01.png) no-repeat;
		background-position: 251px 19px;
		background-size: 44px 44px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	}
	.box_help.second-link {
		background-color: #3989cb;
		color: #fff;
		background: #6ea0d2 url('../../common/images/icon/icon_notice02.png')
			no-repeat;
		background-position: 252px 19px;
		background-size: 40px 42px;
	}
	.box_help.last-link {
		background-color: #496e9b;
		color: white;
		background: #496e9b url(../images/icon/icon_notice03.png) no-repeat;
		background-position: 250px 18px;
		background-size: 44px 41px;
	}
	.trend-box {
		padding-left: 17px;
		font-weight: 200;
		color: white;
		font-size: 19px;
		line-height: 1.3;
		letter-spacing: -.6px;
		margin-top: 7px;
	}
	.trend-box1 {
		display: none;
		padding-left: 20px;
		font-weight: 200;
		color: white;
		font-size: 20px;
		line-height: 1.3;
		letter-spacing: -.6px;
		margin-top: 11px;
	}
	.trend-box2 {
		padding-left: 24px;
		font-weight: 200;
		color: white;
		font-size: 18px;
		line-height: 1.3;
		letter-spacing: -.6px;
		margin-top: 4px;
	}
	.icon_img {
		justify-content: space-between;
		display: flex;
		margin: auto;
		width: 214px;
	}
	.sub_help_icon {
		display: none;
	}
	.icon_img img {
		width: 56px;
	}
	.family-site1 {
		margin-top: 3%;
	}
	.footBtn {
		margin-left: 22px;
	}
	.go1 {
		float: right;
		width: 36px;
		height: 34px;
		box-sizing: border-box;
		background: #393939;
		margin-top: -12%;
		margin-left: 5px;
		align-content: center;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		margin-right: 23px;
		text-align: center;
	}
	.h1-logo {
		background: #496e9b url(../images/icon/h1_logo.gif) no-repeat;
		margin-top: 3%;
		margin-left: 20px;
		width: 251px;
		height: 68px;
		background-position: 10px 19px;
		background-size: 229px;
	}
	.calendar {
		position: absolute;
		top: 52px;
		left: 24px;
		padding: 40px 40px;
		width: 30%;
		height: 37px;
		font-size: 19px;
		border: 2px solid #3989cb;
		border-bottom: 10px solid #3989cb;
		font-weight: 600;
		z-index: 1;
	}
	.date {
		display: flex;
		flex-direction: column;
		float: left;
		letter-spacing: -.9px;
	}
	.date-row {
		display: flex; /* 가로 정렬 */
	}
	.title {
		width: 100%;
		position: relative; /* 새로 추가된 부분, 각각의 상위 요소도 상대적 위치를 갖도록 설정 */
	}
	.title-row1, .title-row2, .title-row3 {
		display: flex; /* 수평 정렬을 위해 flexbox 사용 */
		align-items: center; /* 중앙 정렬 */
		justify-content: space-between; /* 텍스트와 이미지 사이의 공간 최대화 */
		cursor: pointer;
	}
	.sub-title {
		position: relative; /* 의사 요소가 제대로 배치되도록 설정 */
		padding: 4% 0;
		flex-grow: 1;
		text-align: right;
		font-weight: 600;
		font-size: 15px;
	}
	.sub-title::after {
		content: '';
		display: block;
		width: 50%;
		height: 2px;
		background: #f5f5f5;
		position: absolute;
		left: 53%; /* 50%에서 20%로 변경하여 중앙에 오도록 조정 */
		bottom: -1px;
	}
	.toggle-button1, .toggle-button2, .toggle-button3 {
		width: 32px;
		height: 32px;
	}
	.clip-img {
		position: absolute;
		left: 5%;
		top: -19%;
	}
	/* #tb04-tab {
		height: 650px;
	} */
	.detail-btn-box2, .detail-btn-box3, .detail-btn-box4, .detail-btn-box7 {
	    width: 100%;
	    height: 37px;
	    background: url(../../common/images/icon/show_more.gif) no-repeat 0 0;
	    text-indent: -9999px;
	    display: block;
	    cursor: pointer;
	    background-position: center;
	    margin-bottom: 20px;
	}
	.detail-btn-box2.active, .detail-btn-box3.active, .detail-btn-box4.active, .detail-btn-box7.active{
        margin-top: 355px;
	}
	
	input[type="email"], #name, #company, #cell {
	width: 62%;
	padding: 6px;
	}
	
	.checkbox-group {
		margin-bottom: 15px;
	}
	
	.checkbox-group2 {
		padding-bottom: 4%;
		font-size: 13px;
	}
	
	.checkbox-group3 {
		text-align: center;
	}
	
	.checkbox-group label {
		display: inline;
		font-weight: normal;
	}
	
	.checkbox-group input {
		margin-right: 5px;
	}
	
	.text-link {
		color: #007bff;
		text-decoration: none;
	}
	
	.text-link:hover {
		text-decoration: underline;
	}
	
	.form-group {
		margin-bottom: 5%;
		margin-top: 4%;
	}
	
	.form-group label {
        display: inline-block;
        width: 24%;
    }
	
	.popup-content {
		display: none; /* 처음에는 보이지 않도록 설정 */
		padding: 10px 0 10px 20px;
		border: 1px solid #ddd;
		margin-top: 20px;
		background-color: #f9f9f9;
	}
	
	.info-box {
		font-size: 13px;
		line-height: 1.3;
		max-height: 150px; /* 최대 높이를 지정하여 스크롤이 생기도록 설정 */
		overflow-y: auto; /* 세로 스크롤을 허용 */
		overflow-x: hidden; /* 가로 스크롤을 숨김 */
	}
	
	.info-box h3 {
		font-size: 14px;
		margin-top: 0;
	}
	
	.info-box p {
		margin: 5px 0 10px 0;
	}
	
	.info-box .note {
		color: red;
		font-size: 12px;
		margin-top: 10px;
	}
	
	.popup-contents-box {
		padding: 44px 32px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.popup-contents {
		padding: 66px 32px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.popup-contents-box p{
		font-size: 14px;
		width: 100%;
		text-align: center;
	}
	
	.popup-contents p{
		margin: 44px auto; 
		font-size: 14px;
		width: 87%
	}
	
	.submit_btn {
		width: 22%;
		padding: 10px;
		background-color: #007bff;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 16px;
	}
	
	.submit_btn:hover {
		background-color: #0056b3;
	}
	
	.chk_cellPhone, .chk_cellPhone_r{
		width:15%;
	    padding: 3px 10px;
		height: 30px;
		background: #848d99;
        color: #fff;
        cursor: pointer;
        border: none;
	}
	
	.btn_phcbox{
		border: 1px solid #bbbbbb; 
		background: #f6f6f8; 
		padding: 5px 15px; 
		display: inline-block; 
		font-size: 14px; 
		color:#666666; 
		font-weight: bold;
	}
	
	.phcbox_time { 
		letter-spacing: 0.3px; 
		font-size: 14px; 
		font-weight: bold; 
		vertical-align: middle; 
		color: red; 
        margin: 0 5px;
	}
	
	#loading {
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  position: fixed;
	  display: block;
	  opacity: 0.6;
	  background: #e4e4e4;
	  z-index: 99;
	  text-align: center;
	}
	
	#loading > img {
	  vertical-align: middle;
	  width: 5%;
	}
	
	#loading p {
	  top: 50%;
	  left: 50%;
	  position: absolute;
	  display: block;
	  white-space: nowrap;
	  transform: translate(-50%, 100%);
	  color: #bb0000;
	  font-weight: bold;
	}
	
	#loading::after {
	  display: inline-block;
	  height: 100%;
	  content: "";
	  vertical-align: middle;
	}
	
	#certNum, #certNumR {
		width: 30%;
	}
	
	.cell{
		margin-right: 10px; 
		align-content: center; 
		margin-bottom: 0%;
	}
	
	.phonecheck{
		padding-top: 10px; 
		/* margin-left: 25% */
	}
	
 	.header-img{
 		background: url(../images/newsletter/header_newsletter.png) no-repeat;
		text-align: center; 
        padding-top: 24%;
        background-position: 50%;
        background-size: 110% 106%;
	}
	
	.sub-top.style{
		padding: 10px;
		align-content: center;
	}
	
	.date-choice2.subCont{
		display: flex; 
		padding-top: 0px;
	}
	
	.boxing1{
		 width: 31%; 
		 display: flex; 
		 justify-content: center; 
		 align-items: center;
         margin-left: 1%;
	}
	
	.boxing1-style2{
		width: 60%;
	}
	
	.boxing1 input{
	 	width: 64%; 
	 	height: 30px;
	 	margin-right: 1%;
	}
	
	.pick-input-style{
		height: 30px !important;
        width: 115px !important;
	}
	
    .pick-input2 input,
    .pick-input3 input {
        background: none;
        border: 1px solid #c2c2c2;
        height: 20px;
        vertical-align: middle;
        width: 113px;
        padding-left: 30px;
    }
	
	.pick-input2 img{
        position: absolute;
        left: 5px;
        top: 7px;
        cursor: pointer;
    }
    
    .pick-input3 img {
        position: absolute;
        right: 94px;
        top: 7px;
        cursor: pointer;
    }
    
    .boxing-style{
    	display: flex;
    	width: 70%;
    }
    
	.boxing2{
		 width: 50%; 
		 display: flex; 
		 justify-content: center; 
		 align-items: center;
	}
	
	.boxing2 p {
	 	margin-left: 0px; 
	 	margin-right: 10px;
	}
	
	.boxing3{
		 width: 50%; 
		 display: flex; 
		 justify-content: center; 
		 align-items: center;
		 flex-direction: row;
	}
	
	.boxing3 li input{
	 	width: 93% !important;
	}
	
	.btn-grayfm.a{
	    margin-right: 1%;
	}
	
	.pick-wrap2.style{
		margin-left: 0px; 
		margin-right: 0px;
	}
	
	.date-box.style {
	 	display: flex; 
	 	margin: 0; 
	 	padding: 0; 
	 	list-style: none;
	}
	
	.subject-style td{
	    border-top: 1px solid #d9d9d9;
	}
	
	.notiTxt.style{
		 margin: 5% auto;
	}
	
}

/* 테블릿  */
@media only screen and (min-width:768px) and (max-width:1023px) {
	.container {
		border-top: 2px solid #3989cb;
		border-bottom: 2px solid #3989cb;
		padding-bottom: 1px;
		padding-top: 1%;
	}
	.header {
		position: relative;
		padding: 2.5%;
	}
	.sub-title {
		padding: 3%;
	}
	.content-box1, .content-box2, .content-box3 {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition: max-height 0.5s ease, opacity 0.5s ease;
	}
	.content-box1.open, .content-box2.open, .content-box3.open {
		max-height: 1000px; /* 충분히 큰 값으로 설정 */
		opacity: 1;
	}
	.content-box1 p, .content-box2 p, .content-box3 p {
		width: 90%;
		background-color: #f5f5f5;
		padding: 10px 34px;
		letter-spacing: -0.2px;
		color: #3d3c3c;
		line-height: 1.5;
		font-size: 15px;
		font-weight: 500;
	    text-align: justify;
	}
	.downloadBtn {
		width: 34px;
		height: 34px;
		position: absolute;
		right: 10px;
		bottom: 14%;
		border: 1px solid #cfcfcf;
		border-radius: 85%;
		background: url(../images/icon/download.png) no-repeat 50% 50%;
		box-sizing: border-box;
	}
	.downloadBtn:hover {
		background: #333333 url(../images/icon/downloadwhite.png) no-repeat 50%
			50%;
		border: 1px solid #333333;
		transition: all .3s ease-out;
	}
	.header:first-child h2 {
		font-size: 18px;
		width: 50%;
		display: inline;
		padding-bottom: 3px;
		background-image: linear-gradient(180deg, transparent 50%, #b0ffff 50%);
		background-repeat: no-repeat;
		background-size: 50% 10px;
		background-position: 0 100%;
	}
	/* footer */
	.wrap_top {
		display: block;
		padding: 0 10px;
	}
	.wrap_center {
		width: 100%;
		min-width: 33%;
		height: 80px;
		display: flex;
	}
	.box_help {
		display: flex;
		height: 80px;
		width: 100%;
		vertical-align: top;
		box-sizing: border-box;
		position: relative;
		padding: 36px 40px;
		border-radius: 15px;
		color: black;
		margin: 0 4px;
	}
	.wrap_contents_box {
		display: flex; 
		width: 100%;
        justify-content: space-between;
	}
	.wrap_subscription {
		background-color: #6ea0d2;
		background-size: 284px auto;
		height: 200px;
		background-position: bottom;
		box-sizing: border-box;
		padding: 16px;
		border-radius: 20px;
		margin-top: 10px;
		margin-right: 13px;
		margin-left: 5px;
		width: 60%;
		background-size: 50px 52px;
	}
	.wrap_box_contents{
		display: flex;
	    justify-content: center;
	}
	.wrap_social {
		background-color: #25afdb;
		background-size: 284px auto;
		height: 96px;
		background-position: bottom;
		box-sizing: border-box;
		padding: 18px;
		border-radius: 20px;
		margin-top: 10px;
		width: 99%;
		display: inline-block;
	}
	.wrap_recruit {
		box-sizing: border-box;
		padding: 22px 13px;
		border-radius: 20px;
		background-color: #496e9b;
		width: 99%;
		height: 96px;
		margin-top: 8px;
		display: inline-block;
		vertical-align: top;
	}
	.title_help {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.46;
		letter-spacing: 1px;
		position: absolute;
		bottom: 27px;
		margin-left: -14px;
	}
	.sub_help {
		display: none;
	}
	.sub_help_icon {
		position: absolute;
		bottom: 30px;
		right: 35px;
		border-radius: 50%;
	}
	.box_help.first-link {
		color: #fff;
		background-color: #25afdb;
		/* background: #25afdb url(../images/icon/icon_notice01.gif) no-repeat; */
		background-position: 260px 15px;
		background-size: 32px 43px;
	}
	.box_help.second-link {
		background-color: #6ea0d2;
		color: #fff;
		/* background: #6ea0d2 url('../../common/images/icon/bg_news_letter.jpg') no-repeat; */
		background-position: 256px 16px;
		background-size: 44px 44px;
	}
	.box_help.last-link {
		background-color: #496e9b;
		color: white;
		/* background: #2e73cb url(../images/icon/icon_notice02.gif) no-repeat; */
		background-position: 250px 16px;
		background-size: 50px 43px;
	}
	.trend-box {
		display: none;
		padding-left: 20px;
		font-weight: 200;
		color: white;
		font-size: 17px;
		line-height: 1.2;
		letter-spacing: -.5px;
	}
	.trend-box1 {
        padding-left: 4%;
        padding-top: 1%;
        font-weight: 200;
        color: white;
        font-size: 17px;
        line-height: 1.2;
        letter-spacing: -.5px;
    }
	.trend-box2 {
		padding-left: 20px;
		font-weight: 200;
		color: white;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: -.5px;
	}
	.icon_img {
		justify-content: space-between;
		display: flex;
		text-align: center;
		width: 63%;
		margin: 11px auto;
	}
	.icon_img img {
		width: 44px;
	}
	.family-site1 {
		margin-top: 1.5%;
	}
	.footBtn {
		margin-left: 20px;
		width: 100%;
	}
	.go1 {
		float: right;
		width: 36px;
		height: 31px;
		padding-top: 3px;
		box-sizing: border-box;
		background: #393939;
		margin-top: -29px;
		margin-left: 5px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		margin-right: 19px;
	}
	.h1-logo {
		background: #496e9b url(../images/icon/h1_logo.gif) no-repeat;
		width: 282px;
		height: 63px;
		background-position: 20px 15px;
		background-size: 204px 39px;
	}
	#familySite {
		padding: 3px;
		height: 28px;
		width: 74%;
	}
    .submit-box a {
        padding: 13px 0px;
        margin: 0 1%;
        margin-top: 7px;
        width: 99%;
        background: #274d74;
        color: #fff;
        font-size: 16px;
        display: block;
        text-align: center;
        line-height: 20px;
        align-content: center;
        border-radius: 10px;
    }
	.newsApply {
		font-size: 13px;
		letter-spacing: -.5px;
		color: white;
		background: #496e9b;
		width: 50%;
		align-content: center;
	}
	.trendApply {
		font-size: 13px;
		letter-spacing: -.5px;
		color: white;
		background: #496e9b;
		width: 50%;
		align-content: center;
	}
	.calendar {
		padding: 40px 26px;
		width: 91%;
		height: 56px;
		border: 2px solid #3989cb;
		border-bottom: 10px solid #3989cb;
		font-size: 18px;
		align-content: center;
	}
	.date {
		display: flex;
		flex-direction: column;
		float: left;
		font-weight: 600;
	}
	.date-row {
		display: flex; /* 가로 정렬 */
	}
	.title-row1, .title-row2, .title-row3 {
		margin-left: 20px;
		display: flex; /* 수평 정렬을 위해 flexbox 사용 */
		align-items: center; /* 중앙 정렬 */
		justify-content: space-between; /* 텍스트와 이미지 사이의 공간 최대화 */
		text-align: right;
		padding: 0 3%;
	}
	.sub-title {
		position: relative; /* 의사 요소가 제대로 배치되도록 설정 */
		padding: 4% 0;
		flex-grow: 1;
		font-weight: 600;
	}
	.sub-title::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #f5f5f5;
		position: absolute;
		left: 2%; /* 50%에서 20%로 변경하여 중앙에 오도록 조정 */
		bottom: -1px;
	}
	.toggle-button1, .toggle-button2, .toggle-button3 {
		width: 32px;
		height: 32px;
	}
	.title {
		width: 100%;
	}
	.clip-img {
		position: absolute;
		left: 5%;
		top: 0%;
	}
	.container.active.tab4 {
        margin-top: 500px;
    }
   	.detail-btn-box2, .detail-btn-box3, .detail-btn-box4, .detail-btn-box7 {
	    width: 100%;
	    height: 37px;
	    background: url(../../common/images/icon/show_more.gif) no-repeat 0 0;
	    text-indent: -9999px;
	    display: block;
	    cursor: pointer;
	    background-position: center;
	    margin-bottom: 20px;
	}
	.detail-btn-box2.active, .detail-btn-box3.active, .detail-btn-box4.active, .detail-btn-box7.active{
        margin-top: 244px;
	}
	
	.detail-btn-box2.active.tab4, .detail-btn-box3.active.tab4, .detail-btn-box4.active.tab4, .detail-btn-box7.active.tab4{
	  	margin-top: 65%;
	}
	.text-padding{
		padding-left: 84px;
	}
	
	input[type="email"], #name, #company, #cell {
	width: 96%;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-top: none;
	border-left: none;
	border-right: none;
	}
	
	.checkbox-group {
		margin-bottom: 15px;
	}
	
	.checkbox-group2 {
		padding-bottom: 4%;
		font-size: 13px;
		margin: 3%;
	}
	
	.checkbox-group3 {
		text-align: center;
	}
	
	.checkbox-group label {
		display: inline;
		font-weight: normal;
	}
	
	.checkbox-group input {
		margin-right: 5px;
	}
	
	.text-link {
		color: #007bff;
		text-decoration: none;
	}
	
	.text-link:hover {
		text-decoration: underline;
	}
	
	.form-group {
		margin-bottom: 5%;
	}
	
	.popup-content {
		display: none; /* 처음에는 보이지 않도록 설정 */
		padding: 10px 0 10px 20px;
		border: 1px solid #ddd;
		margin-top: 20px;
		background-color: #f9f9f9;
	}
	
	.info-box {
		font-size: 13px;
		line-height: 1.3;
		max-height: 150px; /* 최대 높이를 지정하여 스크롤이 생기도록 설정 */
		overflow-y: auto; /* 세로 스크롤을 허용 */
		overflow-x: hidden; /* 가로 스크롤을 숨김 */
	}
	
	.info-box h3 {
		font-size: 14px;
		margin-top: 0;
	}
	
	.info-box p {
		margin: 5px 0 10px 0;
	}
	
	.info-box .note {
		color: red;
		font-size: 12px;
		margin-top: 10px;
	}
	
	.popup-contents {
		padding: 25px 14px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.submit_btn {
		width: 22%;
		padding: 10px;
		background-color: #007bff;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 16px;
	}
	
	.submit_btn:hover {
		background-color: #0056b3;
	}
	
	#certNum, #certNumR {
		width: 30%
	}
	
	.phonecheck{
		padding-top: 10px; 
		/* margin-left: 25% */
	}
	
	.cell{
		margin-right: 10px; 
		align-content: center; 
		margin-bottom: 0%;
	}
	
	.btn_phcbox{
		border: 1px solid #bbbbbb; 
		background: #f6f6f8; 
		padding: 5px 15px; 
		display: inline-block; 
		font-size: 14px; 
		color:#666666; 
		font-weight: bold;
	}
	
	.phcbox_time { 
		letter-spacing: 0.3px; 
		font-size: 14px; 
		font-weight: bold; 
		vertical-align: middle; 
		color: red; 
        margin: 0 5px;
	}
 	.header-img{
		background: url(../images/newsletter/header_newsletter_t.png) no-repeat;
		text-align: center; 
		padding-top: 46%;
		background-size: 100%;
	}
	
	.sub-top.style{
		padding: 10px;
		align-content: center;
	}
	
	.date-choice2.subCont.style{
		height: 10%;
		padding-top: 0px !important;
		position: relative;
        margin-bottom: 4% !important;
	}
	
	.boxing1{
		 width: 100%; 
		 display: flex; 
         justify-content: left;
		 align-items: center;
		 margin-left: 2%;
		 position: absolute;
		 top: 20%;
	}
	
	.boxing1-style1{
		width: 60%;
	}
	
	.boxing1 input{
	 	width: 81%; 
	 	height: 30px;
	}
	
	.boxing1 select {
        margin-right: 1%;
        width: 15%;
    }
    
    .boxing-style {
    	display: flex;
    }
    
    .boxing1-style2{
    	width: 20%;
    }
	
	.boxing2{
		width: 68%;
        display: flex;
        justify-content: left;
        align-items: center;
        padding-top: 10px;
        margin-left: 2%;
        position: absolute;
        top: 48%;
	}
	
	.boxing2 p {
	 	margin-left: 1px; 
	 	width: 15%;
	}
	
	.pick-input2 input,
    .pick-input3 input {
        background: none;
        border: 1px solid #c2c2c2;
        height: 20px;
        vertical-align: middle;
        width: 113px;
        padding-left: 30px;
    }
	
	.pick-input2 img{
        position: absolute;
      	left: 2%;
        top: 28%;
        cursor: pointer;
    }
    
    .pick-input3 img {
        position: absolute;
        right: 44%;
        top: 28%;
        cursor: pointer;
    }
	
	.boxing3{
		 width: 103%; 
		 display: flex; 
		 justify-content: right; 
		 align-items: center;
		 flex-direction: row;
         height: 43%;
         position: absolute;
         top: 82%;
	}
	
	.boxing3 li input{
	 	width: 93% !important;
	}
	
	.boxing3 input{
	 	width: 6%;
        height: 28px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border-radius: 3px;
        background: #898989;
        border: none;
        cursor: pointer;
        margin-top: 10px;
	}
	
	.btn-grayfm.a{
	    margin-right: 1%;
	}
	
	.pick-wrap2.style{
        position: relative;
		margin-left: 0px; 
		margin-right: 0px;
		width: 74%;
	}
	
	.pick-wrap2.style input{
		width: 46%;
		height: 30px;
	}
	
	.date-box.style {
	 	display: flex; 
        justify-content: center;
	 	margin: 0; 
	 	padding: 0; 
	 	width: 52%;
	 	list-style: none;
	 	position: absolute;
	 	top: -90%;
	 	height: 50%;
	}
	
	.date-box.style li .date-btn{
		float: left;
        padding: 0px !important;
        margin-right: 13px;
        margin-top: 16px;
        height: 30px;
        border: 1px solid #c2c2c2;
        background: #fff;
        font-size: 13px;
        box-sizing: border-box;
        color: #666;
        font-weight: 100;
	}
	
	.date-box.style li .date-btn.active {
        background: #898989;
        color: #fff;
    }
	
	.search-tit.style {
	 	margin-left: 0px;
	 	width: 20%;
	 	text-align: left;
	}
	
	.board-type01.style {
		height: 10%;
	}
	
	.board-type01.style colgroup col {
		width: 100% !important;
	}
	
	.subject-style td {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    padding: 10px;
        border-bottom: none;
	}
	
	.subject-style .subject {
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: -26px;
        padding-left: 1% !important;
        padding: 15px;
	}

	.subject-style td:last-child {
	    font-size: 14px;
	    color: #888;
	    margin-top: 0;
        margin-bottom: -20px;
	}
	
	.td-style{
		display: none !important;
	}

	.subject-style {
	    border-top: solid 2px #ebebeb;
        border-bottom: solid 2px #ebebeb;
    }
    
    .col-style {
    	display: none !important;
    }
    
    .search-btn2.style {
		width: 50px;
		height: 28px;
		color: #fff;
		font-weight: bold;
		font-size: 13px;
		border-radius: 3px;
		background: #898989;
		border: none;
		cursor: pointer;
		position: absolute;
		right: 5%;
		top: -74%;
    }
    
    .checkArea {
        border-bottom: 1px solid #d9d9d9;
        overflow: hidden;
    }
    
    .notiTxt.style{
		 margin:5% auto;
	}
}

/* 모바일 */
@media only screen and (min-width:100px) and (max-width:767px) {

	#loading {
	  width: 100%;
	  height: 100%;
	  top: 0;
	  left: 0;
	  position: fixed;
	  display: block;
	  opacity: 0.6;
	  background: #e4e4e4;
	  z-index: 99;
	  text-align: center;
	}
	
	#loading > img {
	  vertical-align: middle;
	  width: 20%;
	}
	
	#loading p {
	  top: 50%;
	  left: 50%;
	  position: absolute;
	  display: block;
	  white-space: nowrap;
	  transform: translate(-50%, 100%);
	  color: #bb0000;
	  font-weight: bold;
	}
	
	#loading::after {
	  display: inline-block;
	  height: 100%;
	  content: "";
	  vertical-align: middle;
	}
	.container {
		border-top: 2px solid #3989cb;
		border-bottom: 2px solid #3989cb;
		padding-bottom: 1px;
		padding-top: 1%;
	}
	.header {
		position: relative;
		padding: 6% 3%;
	}
	.sub-title {
		padding: 3%;
	}
	.content-box1, .content-box2, .content-box3 {
		overflow: hidden;
		max-height: 0;
		opacity: 0;
		transition: max-height 0.5s ease, opacity 0.5s ease;
	}
	.content-box1.open, .content-box2.open, .content-box3.open {
		max-height: 1000px; /* 충분히 큰 값으로 설정 */
		opacity: 1;
	}
	.content-box1 p, .content-box2 p, .content-box3 p {
		width: 87%;
		background-color: #f5f5f5;
		padding: 4.6px 16px;
		letter-spacing: -0.2px;
		color: #3d3c3c;
		line-height: 1.5;
		font-size: 15px;
	    text-align: justify;
		font-weight: 500;
	}
	.container.active {
		margin-top: 500px;
	}
	.title {
		flex-grow: 1;
		width: 100%;
		cursor: pointer;
		margin-top: 30px;
		padding-left: 2%;
		position: relative; /* 새로 추가된 부분, 각각의 상위 요소도 상대적 위치를 갖도록 설정 */
		font-weight: 600;
	}
	.toggle-button1, .toggle-button2, .toggle-button3 {
		margin-left: -3px;
		background: none;
		border: none;
		cursor: pointer;
		transition: max-height 0.3s ease;
		width: 27px;
	}
	.content-box {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease;
		width: 100%;
		will-change: transform, opacity;
	}
	.content-box p {
		padding: 10px 24px;
		float: none;
		width: 88%;
		background-color: #f5f5f5;
	}
	.toggle-button.expanded {
		transform: rotate(0deg);
	}
	.content-box.expanded {
		max-height: 1000px;
	}
	.notice-last {
		text-align: center;
		margin-top: -27px;
		float: none;
	}
	.downloadBtn {
		width: 30px;
		height: 30px;
		position: absolute;
		right: 10px;
		bottom: 12%;
		border: 1px solid #cfcfcf;
		border-radius: 85%;
		background: url(../images/icon/download.png) no-repeat 50% 50%;
		box-sizing: border-box;
	}
	.downloadBtn:hover {
		background: #333333 url(../images/icon/downloadwhite.png) no-repeat 50%
			50%;
		border: 1px solid #333333;
		transition: all .3s ease-out;
	}
	.wrap_top {
		display: block;
		padding: 0 10px;
	}
	.wrap_center {
		width: 100%;
		min-width: 33%;
		height: 118px;
		display: flex;
	}
	.box_help {
		display: flex;
		height: 118px;
		width: 100%;
		vertical-align: top;
		box-sizing: border-box;
		position: relative;
		padding: 36px 40px;
		border-radius: 15px;
		color: black;
		margin: 0 4px;
	}
	.wrap_subscription {
		background-color: #6ea0d2;
		background-size: 284px auto;
		height: 18%;
		background-position: bottom;
		box-sizing: border-box;
		padding: 14px;
		border-radius: 20px;
		margin-top: 10px;
		width: 100%;
		background-size: 50px 52px;
	}
	.wrap_social {
		background-color: #25afdb;
		background-size: 284px auto;
		height: 20%;
		background-position: bottom;
		box-sizing: border-box;
		padding: 21px 20px;
		border-radius: 20px;
		margin-top: 8px;
		width: 100%;
	}
	.wrap_recruit {
		box-sizing: border-box;
		padding: 21px 20px;
		border-radius: 20px;
		background-color: #496e9b;
		width: 100%;
		height: 20%;
		margin-top: 8px;
	}
	.title_help {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.46;
		letter-spacing: -1px;
		position: absolute;
		top: 17%;
		left: 10%;
	}
	.sub_help {
		display: none;
	}
	.sub_help_icon {
		position: absolute;
		bottom: 17%;
		left: 10%;
		border-radius: 50%;
	}
	.box_help.first-link {
		color: #fff;
		background-color: #25afdb;
		background: #25afdb url(../images/icon/icon_notice01.gif) no-repeat;
		background-position: 260px 15px;
		background-size: 32px 43px;
	}
	.box_help.second-link {
		background-color: #3989cb;
		color: #fff;
		background: #6ea0d2 url('../../common/images/icon/bg_news_letter.jpg')
			no-repeat;
		background-position: 256px 16px;
		background-size: 44px 44px;
	}
	.box_help.last-link {
		background-color: #496e9b;
		color: white;
		background: #496e9b url(../images/icon/icon_notice02.gif) no-repeat;
		background-position: 250px 16px;
		background-size: 50px 43px;
	}
	.trend-box {
		display: none;
		padding-left: 11px;
		font-weight: 500;
		color: white;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: -.5px;
	}
	.trend-box1 {
		padding: 11px;
		font-weight: 500;
		color: white;
		font-size: 15px;
		line-height: 1.2;
		letter-spacing: -.5px;
	}
	.trend-box2 {
		padding-left: 11px;
		font-weight: 500;
		color: white;
		font-size: 16px;
		line-height: 1.2;
		letter-spacing: -.5px;
	}
	.newsApply {
		font-size: 10px;
		letter-spacing: -.5px;
		color: white;
		width: 33%;
		height: 20%;
		background-color: #496e9b;
	}
	.trendApply {
		font-size: 10px;
		letter-spacing: -.5px;
		color: white;
		width: 33%;
		background-color: #496e9b;
	}
	.icon_img {
		justify-content: space-between;
		display: flex;
		margin: auto;
		text-align: center;
		width: 57%;
	}
	.icon_img img {
		width: 37px;
	}
	.family-site1 {
		margin-top: 3%;
	}
	.footBtn {
		margin-left: 11px;
	}
	.go1 {
		float: right;
		width: 36px;
		height: 29px;
		padding-top: 3px;
		box-sizing: border-box;
		background: #393939;
		margin-top: -28px;
		margin-left: 5px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		margin-right: 56px;
	}
	.h1-logo {
		background: #496e9b url(../images/icon/h1_logo.gif) no-repeat;
		width: 235px;
		height: 48px;
		background-position: 11px 8px;
		background-size: 178px 33px;
	}
	#familySite {
		padding: 3px;
		height: 27px;
		width: 68%;
	}
	.layerPop2 {
		position: absolute;
		z-index: 200;
	}
	.calendar {
		padding: 40px 26px;
		width: 85%;
		height: 40px;
		font-size: 18px;
		align-content: center;
		border: 2px solid #3989cb;
		border-bottom: 10px solid #3989cb;
	}
	.date {
		display: flex;
		flex-direction: column;
		float: left;
		font-weight: 600;
	}
	.date-row {
		display: flex; /* 가로 정렬 */
	}
	.title-row1, .title-row2, .title-row3 {
		display: flex; /* 수평 정렬을 위해 flexbox 사용 */
		align-items: center; /* 중앙 정렬 */
		justify-content: space-between; /* 텍스트와 이미지 사이의 공간 최대화 */
	}
	.sub-title {
		position: relative; /* 의사 요소가 제대로 배치되도록 설정 */
		padding: 6% 0;
		flex-grow: 1;
	}
	.sub-title::after {
		content: '';
		display: block;
		width: 100%;
		height: 2px;
		background: #f5f5f5;
		position: absolute;
		left: 2%; /* 50%에서 20%로 변경하여 중앙에 오도록 조정 */
		bottom: -1px;
	}
	.toggle-button1, .toggle-button2, .toggle-button3 {
		width: 32px;
		height: 32px;
	}
	.clip-img {
		position: absolute;
		left: 7%;
		top: 0%;
	}
	.container.active.tab4 {
        margin-top: 972px;
    }
   	.detail-btn-box2, .detail-btn-box3, .detail-btn-box4, .detail-btn-box7 {
	    width: 100%;
	    height: 37px;
	    background: url(../../common/images/icon/show_more.gif) no-repeat 0 0;
	    text-indent: -9999px;
	    display: block;
	    cursor: pointer;
	    background-position: center;
	    margin-bottom: 20px;
	}
	.detail-btn-box2.active, .detail-btn-box3.active, .detail-btn-box4.active, .detail-btn-box7.active{
        margin-top: 124%;
	}
	.detail-btn-box2.active.tab4, .detail-btn-box3.active.tab4, .detail-btn-box4.active.tab4, .detail-btn-box7.active.tab4{
	  	margin-top: 990px;
	}
	.text-padding{
		padding-left: 38px;
	}
	
	input[type="email"], #name, #company, #cell {
	width: 96%;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-top: none;
	border-left: none;
	border-right: none;
	}
	
	.checkbox-group {
		margin-bottom: 15px;
	}
	
	.checkbox-group2 {
		padding-bottom: 4%;
		font-size: 13px;
        margin: 3%;
	}
	
	.checkbox-group3 {
		text-align: center;
	}
	
	.checkbox-group label {
		display: inline;
		font-weight: normal;
	}
	
	.checkbox-group input {
		margin-right: 5px;
	}
	
	.text-link {
		color: #007bff;
		text-decoration: none;
	}
	
	.text-link:hover {
		text-decoration: underline;
	}
	
	.form-group {
		margin: 3%;
	}
	
	.form-group label {
        display: inline-block;
        width: 24%;
    }
	
	.popup-content {
		display: none; /* 처음에는 보이지 않도록 설정 */
		padding: 10px 0 10px 20px;
		border: 1px solid #ddd;
		margin-top: 20px;
		background-color: #f9f9f9;
	}
	
	.info-box {
		font-size: 13px;
		line-height: 1.3;
		max-height: 150px; /* 최대 높이를 지정하여 스크롤이 생기도록 설정 */
		overflow-y: auto; /* 세로 스크롤을 허용 */
		overflow-x: hidden; /* 가로 스크롤을 숨김 */
	}
	
	.info-box h3 {
		font-size: 14px;
		margin-top: 0;
	}
	
	.info-box p {
		margin: 5px 0 10px 0;
	}
	
	.info-box .note {
		color: red;
		font-size: 12px;
		margin-top: 10px;
	}
	
	.popup-contents {
		padding: 25px 14px 25px 14px;
		max-height: 550px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	.submit_btn {
		width: 22%;
		padding: 10px;
		background-color: #007bff;
		color: white;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-size: 16px;
	}
	
	.submit_btn:hover {
		background-color: #0056b3;
	}
	 #simplemodal-overlay {
		background-color: #000;
	}
	
	#certNum, #certNumR {
		width: 30%
	}
	
	.phonecheck{
		padding-top: 10px; 
		/* margin-left: 25% */
	}
	
	.cell{
		margin-right: 10px; 
		align-content: center; 
		margin-bottom: 0%;
	}
	
	.btn_phcbox{
		border: 1px solid #bbbbbb; 
		background: #f6f6f8; 
		padding: 5px 15px; 
		display: inline-block; 
		font-size: 14px; 
		color:#666666; 
		font-weight: bold;
	}
	
	.phcbox_time { 
		letter-spacing: 0.3px; 
		font-size: 14px; 
		font-weight: bold; 
		vertical-align: middle; 
		color: red; 
        margin: 0 5px;
	}
 	.header-img{
 		background: url(../images/newsletter/header_newsletter_m.png) no-repeat;
		text-align: center; 
		padding-top: 52%;
		background-size: 100% 90%;
        background-position: 0 20px;
	}
	
	.sub-top.style{
		padding: 5% 2%;
        align-content: center;
        margin-bottom: 0px;
    }
	
	.date-choice2.subCont{
		padding-top: 10px;
	}
	
	.boxing1{
		 width: 100%; 
		 display: flex; 
         justify-content: space-between;
		 align-items: center;
	}
	
	.boxing1-style1{
		width: 58%;
		text-align: right;
	}
	
	.boxing1-style2{
		width: 40%;
	}
	
	.boxing1 input{
	 	width: 65%; 
	 	margin-right: 1%;
	 	height: 30px;
	}
	
	.boxing1 select {
        margin-right: 3%;
        width: 28%;
    }
	
	.boxing2{
		width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        padding-top: 10px;
	}
	
	.boxing2 p {
	 	margin-left: 0px; 
	 	margin-right: 10px;
	 	width: 21%;
	}
	
	.pick-input2 input,
    .pick-input3 input {
        background: none;
        border: 1px solid #c2c2c2;
        height: 20px;
        vertical-align: middle;
        width: 113px;
        padding-left: 30px;
    }
	
	.pick-input2 img{
        position: absolute;
      	left: 3%;
        top: 28%;
        cursor: pointer;
    }
    
    .pick-input3 img {
        position: absolute;
        right: 40%;
        top: 28%;
        cursor: pointer;
    }
	
	.boxing3{
		 width: 100%; 
		 display: flex; 
		 justify-content: right; 
		 align-items: center;
		 flex-direction: row;
	}
	
	.boxing3 li input{
	 	width: 93% !important;
	}
	
	.boxing3 input{
	 	width: 17%;
        height: 28px;
        color: #fff;
        font-weight: bold;
        font-size: 13px;
        border-radius: 3px;
        background: #898989;
        border: none;
        cursor: pointer;
        margin-top: 10px;
	}
	
	.btn-grayfm.a{
	    margin-right: 1%;
	}
	
	.pick-wrap2.style{
        position: relative;
		margin-left: 0px; 
		margin-right: 0px;
		width: 100%;
	}
	
	.pick-wrap2.style input{
		width: 47%;
		height: 30px;
	}
	
	.date-box.style {
	 	display: flex; 
        justify-content: space-between;
	 	margin: 0; 
	 	padding: 0; 
	 	width: 63%;
	 	list-style: none;
	}
	
	.date-box.style li .date-btn{
		float: left;
        padding: 0px !important;
        margin-right: 13px;
        margin-top: 10px;
        height: 30px;
        border: 1px solid #c2c2c2;
        background: #fff;
        font-size: 13px;
        box-sizing: border-box;
        color: #666;
        font-weight: 100;
	}
	
	.date-box.style li .date-btn.active {
        background: #898989;
        color: #fff;
    }
	
	.search-tit.style {
	 	margin-left: 0px;
	 	width: 20%;
	 	text-align: left;
	}
	
	.board-type01.style {
		height: 10%;
	}
	
	.board-type01.style colgroup col {
		width: 100% !important;
	}
	
	.subject-style td {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    padding: 10px;
        border-bottom: none;
	}
	
	.subject-style .subject {
	    font-size: 16px;
	    font-weight: bold;
	    margin-bottom: -17px;
	}

	.subject-style td:last-child {
	    font-size: 14px;
	    color: #888;
	    margin-top: 0;
	}
	
	.td-style{
		display: none !important;
	}

	.subject-style {
	    border-top: solid 2px #ebebeb;
        border-bottom: solid 2px #ebebeb;
    }
    
    .col-style {
    	display: none !important;
    }
    
   	.checkArea {
        border-bottom: 1px solid #d9d9d9;
        overflow: hidden;
    }
    
    .notiTxt.style{
		 margin:10% auto;
	}

}

/*소형 휴대기기*/
@media only screen and (min-width:320px) and (max-width:320px) and
	(max-height: 874px) {
	.boxing1 a:last-child {
        width: 66px;
	}
	
    .boxing2 p {
        width: 26%;
    }
    
    .pick-wrap2.style input {
        width: 46%;
    }
    
    .date-box.style {
        width: 88%;
    }
    
    .boxing3 input {
        margin-left: 6px;
    }
	
}

/*갤럭시 Z Fold5*/
@media only screen and (min-width:344px) and (max-width:344px) and
	(max-height: 882px) {
    .boxing2 p {
        width: 24%;
    }
    
    .pick-wrap2.style input {
        width: 46%;
    }
    
    .date-box.style {
        width: 70%;
    }
	
}

/*갤럭시 s8+ */
@media only screen and (min-width:360px) and (max-width:360px) and
	(max-height: 740px) {
    .boxing2 p {
        width: 22%;
    }
    
    .pick-wrap2.style input {
        width: 46%;
    }
    
    .date-box.style li .date-btn {
        margin-right: 11px;
    }
	
}

/*iPad Pro */
@media only screen and (min-width:1024px) and (max-width:1024px) and
	(max-height: 1366px) {
	.header-img{
		padding-top: 30%;
	}
	
}
	
/*갤럭시 폴드 */
@media only screen and (min-width:280px) and (max-width:653px) and
	(max-height: 653px) {
	.tmenu li {
		font-size: 9px;
	}
	.tmenu li.active {
	    font-size: 11px;
	}
	.tmenu .t-bar01 {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-position: 4px 11px;
		background-size: 40px 40px;
		margin-left: 0px;
	}
	.tmenu .t-bar01.active {
		background: url(../images/icon/icon_tab01.jpg) no-repeat;
		background-size: 40px 40px;
		background-position: 4px 11px;
	}
	.tmenu .t-bar02 {
		display:none;
	}
	.tmenu .t-bar02-1 {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-position: 5px 12px;
		background-size: 40px 40px;
	}
	.tmenu .t-bar02.active  {
		display:none;
	}
	.tmenu .t-bar02-1.active {
		background: url(../images/icon/icon_tab02.jpg) no-repeat;
		background-size: 40px 40px;
		background-position: 5px 12px;
		padding-left: 0px;
	}
	.tmenu .t-bar03 {
		display:none;
	}
	.tmenu .t-bar03-1 {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-position: 1px 14px;
		background-size: 40px 40px;
	}
	.tmenu .t-bar03.active {
		background: url(../images/icon/icon_tab03.jpg) no-repeat;
		background-size: 40px 40px;
		background-position: 1px 14px;
		padding-left: 0px;
	}
	.tmenu .t-bar04 {
		display:none;
	}
	.tmenu .t-bar04-1 {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-position: 3px 12px;
		background-size: 40px 40px;
	}
	.tmenu .t-bar04.active {
		background: url(../images/icon/icon_tab04.jpg) no-repeat;
		background-size: 40px 40px;
		background-position: 3px 12px;
		padding-left: 0px;
	}
	.tmenu .t-bar05 {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-position: 6px 15px;
		background-size: 40px 40px;
	}
	.tmenu .t-bar05.active {
		background: url(../images/icon/icon_tab05.jpg) no-repeat;
		background-size: 40px 40px;
		background-position: 6px 15px;
		padding-left: 0px;
	}
	.tmenu .t-bar06 {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-position: 6px 14px;
		background-size: 40px 40px;
	}
	.tmenu .t-bar06.active {
		background: url(../images/icon/icon_tab06.jpg) no-repeat;
		background-size: 40px 40px;
		background-position: 6px 14px;
		padding-left: 0px;
	}
	.special-style {
		font-size: 18px;
		width: 50%;
		display: inline;
		padding-bottom: 3px;
		background-image: linear-gradient(180deg, transparent 50%, #bffffc 50%);
		background-repeat: no-repeat;
		background-size: 30% 10px;
		background-position: 0 100%;
	}
	.header:first-child h2 {
		font-size: 18px;
		width: 76%;
		display: inline;
		padding-bottom: 3px;
		/* background-image: linear-gradient(180deg, transparent 50%, #b0ffff 50%); */
		background-repeat: no-repeat;
		background-size: 86% 10px;
		background-position: 0 100%;
	}
	.trend-box {
		display: none;
		padding-left: 11px;
		font-weight: 200;
		color: white;
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: -.5px;
	}
	.trend-box1 {
		padding-left: 11px;
		font-weight: 200;
		color: white;
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: -.5px;
	}
	.trend-box2 {
		padding-left: 11px;
		font-weight: 200;
		color: white;
		font-size: 14px;
		line-height: 1.6;
		letter-spacing: -.5px;
	}
	.title_help {
		font-size: 11px;
		font-weight: 400;
		line-height: 1.46;
		letter-spacing: -1px;
		position: absolute;
		top: 25px;
		left: 10px;
	}
	.go1 {
		float: right;
		width: 36px;
		height: 26px;
		padding-top: 3px;
		box-sizing: border-box;
		background: #393939;
		margin-top: -26px;
		margin-left: 5px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 12px;
		margin-right: -5px;
	}
	#familySite {
		padding: 3px;
		height: 27px;
		width: 174px;
	}
	.t-footer {
		margin-top: 58px;
	}
	.main_thumlist1 .text03 {
		text-align: left;
	}
	.downloadBtn {
		width: 27px;
		height: 27px;
	    bottom: 14px;
	}
	.tab-cont {
		/* margin-bottom: -88%; */
		height: 760px;
	}
	.calendar {
		width: 80%;
	}
	.clip-img {
		position: absolute;
		left: 9%;
		top: 0%;
	}
	.news .title-line {
	    margin-top: 35px;
	}
	.detail-btn-box2.active, .detail-btn-box3.active, .detail-btn-box4.active, .detail-btn-box7.active{
        margin-top: 480px;
	}
	.detail-btn-box2.active.tab4, .detail-btn-box3.active.tab4, .detail-btn-box4.active.tab4, .detail-btn-box7.active.tab4{
	  	margin-top: 345%;
	}
	
    .boxing2 p {
        width: 20%;
    }
    .pick-wrap2.style input {
        width: 46%;
        height: 30px;
    }
    .date-box.style {
        width: 86%;
    }
    .pick-input3 img {
        position: absolute;
        right: 37%;
        top: 28%;
        cursor: pointer;
    }

	.boxing1 a:last-child {
        width: 50px;
	}
	
	.boxing1-style1{
		width: 97%;
		text-align: right;
	}
	
	.boxing1-style2{
		width: 82%;
	}
}

/*갤럭시 탭 */
@media only screen and (min-width:712px) and (max-width:1138px) and
	(orientation: portrait) and (aspect-ratio: 712 / 1138) {
	.tab-cont {
		/* margin-bottom: -12%; */
		height: 926px;
	}
	.header:first-child h2 {
		background-size: 32% 10px;
	}
	.footBtn {
		margin-left: 10px;
	}
	.go1 {
		float: left;
		margin-left: 35%;
	}
	.h1-logo {
		width: 84%;
		background-size: 38% 74%;
	}
	.t-footer-inbox .top img {
		top: 24px !important;
		width: 8%;
		height: 55%;
	}
	.family-site1 {
		margin-top: 1%;
	}
	.tmenu .t-bar01 {
		margin-left: 6%;
	}
	.tmenu li {
		width: 15%;
		margin-top: 1%;
	}
	#familySite {
		width: 33%;
	}
	.submit-box {
		margin-top: 1%;
	}
	.layerPop2 {
		position: absolute;
		z-index: 200;
	}
	.calendar {
		border: 2px solid #3989cb;
		border-bottom: 10px solid #3989cb;
		width: 92%;
	}
	.sub-title {
		text-align: right;
		position: relative;
		padding: 3% 0;
		flex-grow: 1;
	}
	.clip-img {
		position: absolute;
		left: 5%;
		top: 5%;
	}
	.title {
		margin-top: 14px;
	}
	.content-box1 p, .content-box2 p, .content-box3 p {
		width: 92%;
		background-color: #f5f5f5;
		padding: 4px 16px;
		letter-spacing: -0.2px;
		color: #3d3c3c;
		line-height: 1.5;
		font-size: 15px;
		font-weight: 500;
	}
	.t-footer {
	    margin-top: 2%;
	}
	.container.active.tab4 {
        margin-top: 975px;
    }
   	.detail-btn-box2.active.tab4, .detail-btn-box3.active.tab4, .detail-btn-box4.active.tab4, .detail-btn-box7.active.tab4{
	  	margin-top: 134%;
	}
	.tmenu {
	    margin-bottom: 4%;
	}
	.tmenu li {
	    text-align: center;
	    font-size: 14px;
	    margin-right: 13px;
	}
	.tmenu li.active {
	    height: 60px;
        text-align: center;
        font-size: 14px;
	}
	.tmenu .t-bar01 {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar01.active {
	    background-position: center;
     	padding-left: 0;
	}
	.tmenu .t-bar02 {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar02.active {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar03 {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar03.active {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar04 {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar04.active {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar05 {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar05.active {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar06 {
	    background-position: center;
	    padding-left: 0;
	}
	.tmenu .t-bar06.active {
	    background-position: center;
	    padding-left: 0;
	}
	.detail-btn-box2.active, .detail-btn-box3.active, .detail-btn-box4.active, .detail-btn-box7.active {
   	 	margin-top: 68%;
	}
    .boxing1 select {
        margin-right: 1%;
        width: 30%;
    }
    
    .boxing1-style1 {
    	width: 58%;
    	text-align: right;
    }
    
    .boxing1-style2 {
    	width: 40%;
    	text-align: left;
    	
    }
    .boxing2 p {
        margin-left: 0px;
        margin-right: 10px;
        width: 21%;
    }
    .boxing3 {
        width: 99%;
        display: flex;
        justify-content: right;
        align-items: center;
        flex-direction: row;
    }
    .date-box.style {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        width: 34%;
        list-style: none;
    }
    
   	.pick-input3 img {
        position: absolute;
        right: 44%;
        top: 28%;
        cursor: pointer;
    }
}
@media only screen and (min-width: 540px) and (max-width: 720px) and
	(orientation: portrait) and (aspect-ratio: 540 / 720){
    .tmenu {
        /* margin-left: 2%; */
    }
    .icon_img {
        margin-top: 3%;
    }
    .container {
	    margin-top: 26%;
	}
    .container.active {
	    margin-top: 618px;
	}
    .container.active.tab4 {	
        margin-top: 1110px;
    }
   	.detail-btn-box2.active, .detail-btn-box3.active, .detail-btn-box4.active, .detail-btn-box7.active{
        margin-top: 114%;
	}
	.detail-btn-box2.active.tab4, .detail-btn-box3.active.tab4, .detail-btn-box4.active.tab4, .detail-btn-box7.active.tab4{
	  	margin-top: 204%;
	}
    .boxing1 select {
        margin-right: 1%;
        width: 25%;
    }
    .boxing1 input {
        width: 66%;
    }
    .boxing1-style1 {
    	width: 60%;
        text-align: left;
    }
    .boxing1-style2 {
    	text-align: left;
    }
    .boxing2 p {
        margin-left: 0px;
        margin-right: 10px;
        width: 16%;
        text-align: left;
    }
    .boxing3 {
        width: 99%;
    }
    
    .boxing3 input {
        margin-left: 12px;
    }
    
    .date-box.style {
        width: 56%;
    }
    
    .pick-input3 img {
        right: 43%;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {
     .layerPop2 {
        width: 52%;
        position: absolute;
        z-index: 200;
    }
     .t-footer-inbox .top {
        position: absolute;
        top: 0px;
        left: 95%;
        width: 50px;
        height: 50px;
    }

}

/**************************** 메인 화면 팝업 **********************************/

/* 웹  */
@media screen and (min-width:1024px) {

	#eventModal1 {
	 	left: 5%;
	 	top: 51%;
		/* width: 310px !important;*/
	 }
	 
	 #eventModal2 {
	 	left: 36%;
	 	top: 18%;
	 	width: 30%;
	 }
	 
	 #eventModal3 {
	 	left: 5%;
	 	top: 7%;
	 	width: 355px;
	 }
	 
	 .main-pop-inner1{
	 	max-width: 100%;
	 }
	 
	 .main-pop-inner2{
	 	max-width: 100%;
	 }
	 
	 .main-pop-inner3{
	 	max-width: 100%;
	 }
	
	.main-pop-wrap {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		z-index: 999999;
	}
	
	.main-pop-inner1,
	.main-pop-inner3 {
		background: #fff;
		max-width: 100%;
		overflow: hidden;
	}
	
	.main-pop-inner2 {
		background: #fff;
		max-width: 100%;
		width: 514px;
		overflow: hidden;
	}
	
	.main-pop-inner1 img, 
	.main-pop-inner2 img,
	.main-pop-inner3 img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.main-pop-inner1 .item-footer, 
	.main-pop-inner2 .item-footer,
	.main-pop-inner3 .item-footer {
		display: flex;
		border-top: 1px solid #D9D9D9;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}
	
	.main-pop-inner1 .item-footer .item-check, 
	.main-pop-inner2 .item-footer .item-check,
	.main-pop-inner3 .item-footer .item-check	{
		flex: 1;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		text-align: center;
		align-items: center;
		cursor: pointer;
	}
	
	.form-check-box {
		position: relative;
		display: inline-block;
	}
	
	.form-check-box input {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}
	
	.form-check-box .form-check-icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
	}
	
	.main-pop-inner1 .item-footer .item-ui, 
	.main-pop-inner2 .item-footer .item-ui,
	.main-pop-inner3 .item-footer .item-ui
		{
		flex: 0 0 auto;
		padding: 12px 30px;
		box-sizing: border-box;
		border-left: 1px solid #D9D9D9;
		cursor: pointer;
	}
	
	.main-pop-inner1 .item-footer .item-ui .btn-close, 
	.main-pop-inner2 .item-footer .item-ui .btn-close,
	.main-pop-inner3 .item-footer .item-ui .btn-close
		{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: #06C;
		font-weight: 600;
		cursor: pointer;
	}
}

/* 모바일  */
@media only screen and (min-width:100px) and (max-width:767px) {
	#eventModal1 {
	 	left: 1rem;
	 	top: 23.5rem;
        width: 100%;
	 }
	 #eventModal2 {
	 	left: 13%;
	 	top: 11%;
	 	width: 120%;
	 }
	 #eventModal3 {
	 	left: 1rem;
	 	top: 3.5rem;
        width: 100%;
	 }
	 .main-pop-inner1{
	 	max-width: 66% !important;
	 }
	 .main-pop-inner2{
	 	max-width: 60% !important;
	 }
	 .main-pop-inner3{
	 	max-width: 66% !important;
	 }
	 
	 .main-pop-wrap {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		z-index: 999999;
	}
	
	.main-pop-inner1,
	.main-pop-inner3 {
		background: #fff;
		max-width: 320px;
		overflow: hidden;
	}
	
	.main-pop-inner2 {
		background: #fff;
		max-width: 100%;
		width: 514px;
		overflow: hidden;
	}
	
	.main-pop-inner1 img, 
	.main-pop-inner2 img,
	.main-pop-inner3 img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.main-pop-inner1 .item-footer, 
	.main-pop-inner2 .item-footer,
	.main-pop-inner3 .item-footer {
		display: flex;
		border-top: 1px solid #D9D9D9;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}
	
	.main-pop-inner1 .item-footer .item-check, 
	.main-pop-inner2 .item-footer .item-check,
	.main-pop-inner3 .item-footer .item-check	{
		flex: 1;
		width: 100%;
		box-sizing: border-box;
		font-size: 13px;
		text-align: center;
		align-items: center;
		cursor: pointer;
	}
	
	.form-check-box {
		position: relative;
		display: inline-block;
	}
	
	.form-check-box input {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}
	
	.form-check-box .form-check-icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
	}
	
	.main-pop-inner1 .item-footer .item-ui, 
	.main-pop-inner2 .item-footer .item-ui,
	.main-pop-inner3 .item-footer .item-ui
		{
		flex: 0 0 auto;
		padding: 12px 30px;
		box-sizing: border-box;
		border-left: 1px solid #D9D9D9;
		cursor: pointer;
	}
	
	.main-pop-inner1 .item-footer .item-ui .btn-close, 
	.main-pop-inner2 .item-footer .item-ui .btn-close,
	.main-pop-inner3 .item-footer .item-ui .btn-close
		{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		color: #06C;
		font-weight: 600;
		cursor: pointer;
	}
}

/* 테블릿  */
@media only screen and (min-width:768px) and (max-width:1023px) {
	#eventModal1 {
	 	left: 2rem;
	 	top: 32rem;
	 }
	 
	 #eventModal2 {
	 	left: 18%;
	 	top: 17%;
	 	width: 80%;
	 }
	 
	 #eventModal3 {
	 	left: 2rem;
	 	top: 8rem;
	 }
	 
 	 .main-pop-inner1{
	 	max-width: 100%;
	 }
	 .main-pop-inner2{
	 	max-width: 100%;
	 }
	 .main-pop-inner3{
	 	max-width: 100%;
	 }
	 
	 .main-pop-wrap {
		position: fixed;
		top: 0;
		left: 0;
		display: block;
		z-index: 999999;
	}
	
	.main-pop-inner1,
	.main-pop-inner3 {
		background: #fff;
		max-width: 320px;
		overflow: hidden;
	}
	
	.main-pop-inner2 {
		background: #fff;
		max-width: 100%;
		width: 514px;
		overflow: hidden;
	}
	
	.main-pop-inner1 img, 
	.main-pop-inner2 img,
	.main-pop-inner3 img {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.main-pop-inner1 .item-footer, 
	.main-pop-inner2 .item-footer,
	.main-pop-inner3 .item-footer {
		display: flex;
		border-top: 1px solid #D9D9D9;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
	}
	
	.main-pop-inner1 .item-footer .item-check, 
	.main-pop-inner2 .item-footer .item-check,
	.main-pop-inner3 .item-footer .item-check	{
		flex: 1;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		text-align: center;
		align-items: center;
		cursor: pointer;
	}
	
	.form-check-box {
		position: relative;
		display: inline-block;
	}
	
	.form-check-box input {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		cursor: pointer;
	}
	
	.form-check-box .form-check-icon {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		cursor: pointer;
	}
	
	.main-pop-inner1 .item-footer .item-ui, 
	.main-pop-inner2 .item-footer .item-ui,
	.main-pop-inner3 .item-footer .item-ui
		{
		flex: 0 0 auto;
		padding: 12px 30px;
		box-sizing: border-box;
		border-left: 1px solid #D9D9D9;
		cursor: pointer;
	}
	
	.main-pop-inner1 .item-footer .item-ui .btn-close, 
	.main-pop-inner2 .item-footer .item-ui .btn-close,
	.main-pop-inner3 .item-footer .item-ui .btn-close
		{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		color: #06C;
		font-weight: 600;
		cursor: pointer;
	}
}