@media (max-width: 1024px) {
	.community-wrap .content {
		height: 764px;
		border-bottom: none;
		background: url("https://store.img11.co.kr/59630972/12b58000-1504-4acd-806e-7c9b9c3d2499_1701832302103.png") left center no-repeat;
		background-size: cover;
		}
	.community-wrap h3 {
		height: 380px;
		}
	.community-wrap .community {
		width: 512px;
		height: 380px;
		background-color: #fff;
		}
	.community-wrap .call-center {
		float: right;
		width: 512px;
		height: 380px;
		}
	.community-wrap .info {
		background-color: #fff;
		}
	.community-wrap .community-patch {
		display: none;
		}	
	}
@media (max-width: 940px) {
	.page-nav {
		display: none;
		top: 0;
		}
	.side-button-wrap {
		display: block;
		}
	.page-content {
		width: calc(100% - 10px);
		margin: 0 5px;
		}
	.page-content.epilogue, .page-content.event, .page-content.report {
		width: 100%;
		margin-left: 0;
		}
	.page-content.epilogue.mypage, .page-content.report.mypage {
		padding: 0 5px;
		}
	.page-content.epilogue .page-content-header {
		background-position: -300px 0;
		}
	.wide-city {
		left: 40px;
		width: calc(100% - 40px);
		}
	.page-content form .subject .contact li.charge-wrap {
		width: 325px;
		}
	.page-content #auth-form {
		margin-bottom: 0;
		}
	body.body-call_center .side-button-wrap, body.call_center .side-button-wrap {
		display: none;
		}
	.page-content.mypage .reg-info dl.member-info {
		width: 420px;
		margin: 0 calc((100% - 420px) / 2);
		}
	.page-content.mypage .reg-info .benefit {
		width: 420px;
		margin: 20px calc((100% - 420px) / 2) 0;
		}
	dl.upload-notice {
		width: calc(100% - 10px);
		margin-left: 5px;
		}
	.page-content .inquiry-list, .page-content .epilogue-list {
		padding: 0 5px;
		}
	.page-content.advertise .inquiry-list {
		padding: 0;
		}
	.inquiry-button-set {
		padding-right: 5px;
		}
	}
@media (max-width: 760px) {
	.page-content form .subject .contact li.fax-wrap, .page-content form .subject .contact li.cell-wrap {
		float: left;
		width: 100%;
		margin-left: -80px;  margin-top: 10px;
		}
	.page-content form .subject .contact li.charge-wrap {
		margin-top: 5px;
		}
	.page-content.epilogue .page-content-header {
		background-position: -400px 0;
		}
	}
@media (max-width: 720px) {
	.page-content.event .page-content-body .dl-wrap {
		width: 380px;
		margin-left: calc((100% - 380px) / 2);
		}
	.page-content.event .page-content-body dl {
		width: 100%;
		margin: 5px 0;
		}
	}
@media (max-width: 680px) {
	.page-content.event .page-content-header {
		border-bottom-right-radius: 0;
		}
	.page-content.event .page-content-header .event-info {
		padding-right: 10px;
		text-align: center;
		z-index: 2;
		}
	.page-content.event .page-content-header .gift {
		top: 40px; left: calc((100% - 240px) / 2);
		z-index: 1;
		}
	.inquiry-view .inquiry-view-body-content ul.status {
		width: 320px;
		}
	.inquiry-view .inquiry-view-body-content div.BP dl {
		margin: 0 calc((100% - 300px) / 2);
		}
	.inquiry-view .inquiry-view-body-content div.BP pre {
		width: 100%;
		}
	.inquiry-view .inquiry-view-body-content div.BP pre div {
		min-height: auto;
		padding-bottom: 64px; 
		}
	.page-content .biz-area dd {
		margin-top: 100px;
		}
	.page-content .biz-area dd p {
		margin-top: -100px;
		}
	.page-content .biz-area dd ul {
		width: 100%;
		}
	}
@media (max-width: 650px) {
	.page-content .architecture .dbms ul {
		width: 300px;
		margin: 30px calc((100% - 300px) / 2) 0;
		}
	.page-content .architecture .dbms > ul::after {
		content: "";
		position: absolute; top: 0; left: 0;
		width: 100%;
		height: 100%;
		border-top: 1px solid #565e55; border-left: 1px solid #565e55;
		}
	.page-content .architecture .dbms > ul > li {
		width: 100%;
		}
	.page-content .architecture .dbms > ul > li:nth-child(2)::before {
		content: "";
		}
	.page-content .architecture .dbms > ul > li::after {
		content: "\2B05";
		position: absolute; top: 50px; left: 0;
		transform: scaleX(-1);
		font-size: 20px; color: #565e55;
		}
	.page-content .architecture .dbms > ul > li:nth-child(1)::before {
		content: "\2B06";
		position: absolute; top: -50px; left: calc(50% - 10px);
		font-size: 20px; color: #565e55;
		}
	}
@media (max-width: 640px) {
	.page-content.epilogue .page-content-header {
		background-position: -500px 0;
		}
	.page-content.epilogue .coupon-wrap p.coupon {
		width: 90%;
		margin-left: 10%; margin-right: 0;
		}
	.page-content.epilogue ul.point, .page-content.report ul.point {
		width: 320px;
		margin: 60px calc((100% - 320px) / 2) 20px;
		}
	.page-content.epilogue ul.point li, .page-content.report ul.point li {
		width: calc(50% - 10px);
		margin: 5px;
		}
	.page-content.epilogue ul.review-info, .page-content.report ul.review-info {
		width: 100%;
		margin: 20px 0 20px;
		}
	.page-content.epilogue ul.review-notice, .page-content.report ul.review-notice {
		width: calc(100% - 20px);
		margin: 20px 10px;
		}
	.page-content.epilogue #review-form dt {
		width: 60px;
		}
	.page-content.epilogue #review-form dd {
		width: calc(100% - 60px);
		}
	.board .list-wrap {
		display: block;
		margin: 20px 0 10px;
		border-left: none; border-top: none;
		}
	.board .list-wrap thead {
		display: none;
		}
	.board .list-wrap tbody {
		display: block;
		width: 100%;
		}
	.board .list-wrap tr {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 35px;
		border-top: 1px solid #cfcfd0;
		}
	.board.epilogue .list-wrap tr {
		padding-bottom: 90px;
		}
	.board.event .list-wrap tr, .board.report .list-wrap tr, .board.inquiry .list-wrap tr {
		padding-bottom: 59px;
		}
	.board .list-wrap td {
		display: block;
		position: relative;
		float: left;
		width: 50%;
		height: 34px;
		padding: 5px 5px 5px 50px;
		}
	.board .list-wrap td.empty {
		width: 100%;
		}
	.board .list-wrap td.hits {
		position: absolute; top: 0; right: 0;
		width: 100px;
		}
	.board .list-wrap td.pad {
		width: calc(50% - 100px);
		}
	.board .list-wrap td.title {
		position: absolute; left: 0; top: 70px;
		width: 100%;
		height: auto;
		padding: 5px;
		border-left: 1px solid #cfcfd0;
		}
	.board .list-wrap td.reg-date {
		padding: 0;
		}
	.board .list-wrap td.reg-date.unit {
		padding: 5px;
		}
	.board .list-wrap td.reg-date span {
		display: block;
		margin: 1px 0;
		padding: 0 5px 0 50px;
		line-height: 1em;
		text-align: left;
		}
	.board .list-wrap td.reg-date span:last-child {
		text-align: right;
		}
	.board .list-wrap td.reg-date.unit span:last-child {
		padding-top: 5px;
		text-align: center;
		}
	.board .list-wrap td::before {
		content: attr(data-label);
		position: absolute; top: 0; left: 0;
		width: 40px;
		padding: 5px 0;
		background-color: #eee; color: #0c182f;
		text-align: center;
		}
	.board .list-wrap td.title::before {
		content: "";
		width: 0;
		padding: 0;
		}
	.page-content .history > div > ul {
		width: 100%;
		}
	.page-content.tip .page-body > dl > dt.reg-address + dd div {
		display: block;
		}
	.page-content.tip .page-body > dl > dt.reg-address + dd div dl {
		display: block;
		width: calc(100% - 10px);
		}
	}
@media (max-width: 620px) {
	.page-content form {
		padding: 10px;
		}
	.page-content form .error {
		top: 34px; left: 0;
		width: 100%;
		}
	.page-content form .info-wrap {
		padding: 10px;
		}
	.page-content form dl.password-wrap {
		top: 48px;
		}
	.page-content form .subject {
		padding: 10px;
		}
	.page-content form .subject dl.introducer-wrap {
		padding: 10px 10px 5px;
		}
	.page-content form dt, #advertise-form dt, #report-form dt {
		width: 100%;
		text-align: left;
		}
	.page-content form dd, #advertise-form dd, #report-form dd {
		width: 100%;
		}
	.page-content form .subject dl.introducer-wrap dt, .form-wrap-inner form dt {
		width: 80px;
		}
	.page-content form .subject dl.introducer-wrap dd, .form-wrap-inner form dd {
		width: calc(100% - 80px);
		}
	.page-content form .subject dl.introducer-wrap dd #introducer-error {
		width: calc(100% + 80px);
		margin-left: -80px;
		text-align: center;
		}
	.page-content form .subject .contact li.charge-wrap, .page-content form .subject .contact li.fax-wrap, .page-content form .subject .contact li.cell-wrap {
		margin-left: 0;
        margin-top: 10px;
		}
	.page-content form .subject .contact li span.roll-dt {
		width: 100%;
		text-align: left;
		}
	#advertise-form .warning, , #report-form .warning {
		margin-left: 0;
		}
	.board .page-body form dl.applicant dd.auth-wrap, #advertise-form dl.applicant dd.auth-wrap, #report-form dl.applicant dd.auth-wrap {
		margin-left: 0;
		}
	.service-wrap .service li {
		width: calc(33.33333% - 10px);
		}
	.inquiry-view .inquiry-view-header-title {
		width: 100%;
		}
	.inquiry-view .inquiry-view-header-body {
		width: 100%;
		}
	.inquiry-view .inquiry-view-header-body dl {
		float: right;
		width: auto;
		margin-top: 10px;
		border: 1px solid #cfcfd0;
		}
	.inquiry-view .inquiry-view-header-body dt {
		text-align: center;
		}
	.inquiry-view .inquiry-view-header-body dd {
		width: auto; min-width: 100px;
		}
	.inquiry-view .inquiry-view-header-body dl dd:nth-child(2) {
		border-right: 1px solid #cfcfd0;
		text-align: center;
		}
	.inquiry-view .inquiry-view-body-content {
		padding-top: 0;
		}
	.page-content.epilogue #review-form .captcha {
        bottom: -24px;
		}
	}
@media (max-width: 600px) {
	.page-content.mypage .order-list td li {
		width: 100%;
		}
	.page-content.mypage .order-list.delivery td ul {
		width: 100%;
		}
	}
@media (max-width: 580px) {
	.page-content.notice .notice-header-title {
		width: 100%;
		}
	.page-content.notice .notice-header-body {
		float: right;
		}
	.page-content.info p.submit-button-set {
		margin-top: 30px;
		}
	.page-content .agree .error {
		bottom: -24px;
		}
	.page-content form .subject dl.introducer-wrap dd #introducer-error {
		width: calc(100% + 100px);
		margin-left: -80px;
		}
	}
@media (max-width: 560px) {
	h3+.call-center .contact .filebox {
		width: 100%;
		}
	.inquiry .call-center > p, .inquiry_unit .call-center > p {
		margin-top: 20px;
		}
	.inquiry .call-center .contact, .inquiry_unit .call-center .contact {
		width: 100%;
		margin-left: 0;
		}
	.inquiry .call-center .contact li, .inquiry_unit .call-center .contact li {
		width: 100%;		
		margin-bottom: 2px;
		border: none;
		}
	.inquiry .call-center .contact li:first-child, .inquiry_unit .call-center .contact li:first-child {
		width: 100%;
		}
	.inquiry .call-center .contact li:last-child, .inquiry_unit .call-center .contact li:last-child {
		margin-bottom: 0;
		}
	.inquiry .call-center .contact li a, .inquiry_unit .call-center .contact li a {
		float: right;
		width: 180px;
		border: 1px solid #070b16;
		}
	.inquiry .call-center .contact .extra, .inquiry_unit .call-center .contact .extra {
		bottom: 0; right: 180px;
		width: auto;
		}
	.inquiry .call-center .contact #upload-inquiry-fax-error, .inquiry_unit .call-center .contact #upload-inquiry-fax-error {
		right: 180px;
		width: auto;
		background-color: transparent;
		}
	.page-content.notice .notice-body-content > div.pad {
		width: 100%;
		margin: 20px 0 0;
		}
	.page-content.epilogue button.RV-button {
		right: 140px; top: 160px;
		z-index: 2;
		}
	}
@media (max-width: 540px) {
	.page-content form dl.password-wrap p { 
		width: 100%;
		margin-left: 0;
		}
	.page-content form dl.password-wrap {
		position: relative; top: auto; right: auto;
		width: 100%;
		}
	.page-content form dl.patch {
		width: 100%;
		}
	.page-content form dl.member-type p {
		width: 100%;
		}
	.page-content form .error {
		text-align: center;
		}
	}
@media (max-width: 500px) {
	#advertise-form dd .captcha, .page-body form dd .captcha {
		position: relative;
		width: 100%;
		text-align: right;
		}
	.community-wrap .content {
		height: auto;
		}
	.community-wrap .community {
		width: 100%;
		height: 760px;
		}
	.community-wrap .community .board {
		width: 100%;
		height: 380px;
		}
	.community-wrap .community .talk {
		width: 100%;
		padding: 0 calc((100% - 180px) / 2)
		}
	.community-wrap .call-center {
		float: left;
		width: 100%;
		height: auto;
		}
	.community-wrap .info {
		width: 100%;
		height: 380px;
		}
	.community-wrap .family-banner {
		width: 100%;
		height: auto;
		}
	.community-wrap .family-banner img.high {
		display: none;
		}
	.community-wrap .family-banner img.row {
		display: block;
		margin-bottom: -6px;
		}
	.page-content.epilogue .page-content-header {
		background-position: -600px 0;
		}
	.page-content.epilogue .page-content-header .comment-window-wrap {
		overflow: hidden;
		}
	.page-content .architecture li dl {
		width: 280px;
		margin: 0 calc((100% - 280px) / 2);
		}
	.page-content .architecture li dl.first {
		margin-top: 30px; margin-bottom: 10px;
		}
	}
@media (max-width: 480px) {
	.page-content.report ul.review-info li > span:last-child, .page-content.epilogue ul.review-info li > span:last-child {
		width: 100%;
		}
	.page-content.report ul.review-info li span span, .page-content.epilogue ul.review-info li span span {
		width: 100%;
		text-align: right;
		}
	.page-content.notice .notice-body-content > div.pad {
		padding: 20px 10px;
		}
	.page-content .CI dd li {
		width: 100%;
		}
	}
@media (max-width: 460px) {
	.page-content.info p.submit-button-set {
		margin-top: 40px;
		}
	.page-content .agree .error {
		bottom: -34px;
		}
	}
@media (max-width: 440px) {
	.page-content.epilogue .coupon-wrap img[alt="bear"] {
		top: -330px;
		width: 140px;
		}
	}
@media (max-width: 420px) {
	header h1 img {
		width: 200px;
		}
	.page-content.info h2 {
		padding-left: 0;
		}
	.page-content .agree {
		padding: 5px;
		}
	.page-content form {
		padding: 0 10px;
		}
	.page-content form .info-wrap {
		padding: 5px;
		}
	.page-content form .subject {
		padding: 5px;
		}
	.page-content form .subject .contact li.fax-wrap, .page-content form .subject .contact li.cell-wrap, .page-content form .subject .contact li.charge-wrap {
		width: 100%;
		margin-left: 0;
		}
	.page-content form .subject .contact li span.roll-dt {
		width: 100%;
		text-align: left;
		}
	#advertise-form dd span.input-wrap, .board .page-body form dd span.input-wrap {
		width: 100%;
		}
	#advertise-form dd span.input-wrap:first-child, .board .page-body form dd span.input-wrap:first-child {
		margin-bottom: 2px;
		padding-right: 0;
		}
	#advertise-form dl.applicant dd.auth-wrap {
		margin-left: 0;
		}
	#advertise-form dl.applicant dd button.abs, .board .page-body form dl.applicant dd button.abs {
		right: 0;
		}
	#advertise-form div.selectBox {
		position: relative;
		margin-top: 2px;
		}
	#advertise-form dd .inquiry-filebox {
		margin-top: 2px;
		}
	p.counter.patch {
		right: 0;
		}
	.service-wrap .service li {
		width: calc(33.33333% - 10px);
		margin: 5px;
		}
	.board .list-wrap td {
		width: 100%;
		}
	.board .list-wrap td.SID {
		width: calc(100% - 100px);
		}
	.board .list-wrap td.pad {
		width: 100%;
		}
	.board .list-wrap td.title {
		top: 140px;
		}
	.page-content.mypage .reg-info dl.member-info {
		width: 100%;
		margin: 0;
		}
	.page-content.mypage .reg-info .benefit {
		width: 100%;
		margin: 20px 0 0;
		}
	.page-content.epilogue #review-form .g-recaptcha {
		width: 304px;
		margin-left: -40px;
		}
	}
@media (max-width: 400px) {	
	.page-content.contact .slogan em {
		font-size: 20px;
		}
	.page-content.epilogue #review-form fieldset {
		padding: 20px 5px;
		}
	.page-content.epilogue #review-form .g-recaptcha {
		margin-left: -60px;
		overflow: hidden;
		}
	}
@media (max-width: 380px) {
	.policy .page-content .page-body {
		padding: 10px;
		}
	.policy .page-content .page-header .intro {
		padding: 10px;
		}
	.page-content.event .page-content-body .dl-wrap {
		width: 100%;
		margin-left: 0;
		}
	.page-content.event .page-content-body dl {
		width: calc(100% - 10px);
		margin: 5px;
		}
	.page-content.event .page-content-body .empty {
		width: calc(100% - 10px);
		margin: 5px;
		}
	header .slogan h2 {
		font-size: 28px;
		}
	header .slogan h3 {
		font-size: 20px;
		}
	.page-content.mypage .reg-info dl.member-info dt {
		width: 80px;
		}
	.page-content.mypage .reg-info dl.member-info dd {
		width: calc(100% - 80px);
		}
	}
@media (max-width: 360px) {
	#advertise-form dd .alert span {
		display: inline;
		}
	.page-content.notice .notice-body-content > div.pad {
		padding: 0;
		}
	.page-content.epilogue ul.review-info {
		padding: 10px 5px 10px 0;
		}
	h3+.call-center > p {
		width: calc(100% - 80px);
		margin-left: 80px;
		}
	.page-content.epilogue .coupon-wrap p.coupon {
		width: 95%;
		margin-left: 5%;
		}
	.page-content.mypage .reg-info .benefit ul li {
		width: 100%;
		margin: 1px 0;
		}
	.page-content.mypage .reg-info .benefit ul li span {
		float: left;
		width: 100px;
		}
	.page-content.mypage .reg-info .benefit ul li span:last-child {
		width: calc(100% - 100px);
		}
	.inquiry-view .inquiry-view-body-content ul.status {
		width: auto;
		}
	}
@media (max-width: 359px) {
	.policy .page-content h2 b {
		display: none;
		}
	p.submit-button-set button {
		width: 120px;
		}
	p.submit-button-set button span {
		width: 80px;
		}
	.page-content.epilogue .coupon-wrap p.coupon {
		width: 98%;
		margin-left: 2%;
		}
    .inquiry-view .inquiry-view-body-content ul.status li {
        width: 142px;
        font-size: 13px;
		}
	.inquiry-view .inquiry-view-header-body dd {
		width: calc(100% - 60px);
		padding-right: 20px;
		text-align: right;
		}
	 .inquiry-view .inquiry-view-header-body dl dd:nth-child(2) {
        border-right: none;
        text-align: right;
		}
	.page-content.epilogue .button-set {
		padding-right: 0;
		}
	}
@media (max-width: 300px) {
	.inquiry-view .inquiry-view-body-content div.BP dl {
		width: 100%
		margin: 0;
		}
	}