@charset "utf-8";


@media all and (max-width:1100px){
	/* TOP */
	#top .gnb {right:60px;}
	#top .gnb > li > a {padding:0 18px;}

	/* 주요건설 */
	#main .construction .btn {width:85px;margin:20px auto;overflow:hidden;}
	#main .construction .btn button {position:relative;float:left;top:0;margin-top:0;}
	#main .construction .btn .prev {left:0;margin-right:3px;}
	#main .construction .btn .next {right:0;}
	
	/* 탭모음 */
	.atab.atab4 a {min-width:0px;padding:0 30px;}

	/* 중도급 납부조회 */
	.payment .info .box1 {width:100%;border-bottom:1px solid #e3e3e3;}
	.payment .info .box2 {width:50%;}
	.payment .info .box3 {width:50%;}
	.payment .info .box2 dl {border-left:none;}
	.payment .info dl {font-size:14px;}
	.payment .info .box1 dl {padding-left:99px;}
	.payment .info .box1 dl dt {width:99px;}
}


@media all and (min-width:960px){
	/* VISUAL */
	#vis .vis .mobile {display:none;}


	/* FOOT */
	footer .mo {display:none;}

	/* 현장소식 */
	.filed .img .thm {position:absolute;right:10px;top:10px;}
	.filed .img .thm a {
		text-indent:-9999px;
		display:block;
		width:129px;
		height:87px;
		border:1px solid #ddd;
		margin-top:-1px;
		display:block;
		z-index:0;
		position:relative;
		overflow:hidden;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	.filed .img .thm a:first-child {margin-top:0;}
	.filed .img .thm a:hover,
	.filed .img .thm a.active {border:4px solid #30388a;width:123px;height:81px !important;z-index:10;}
}


@media all and (max-width:960px){
	/* VISUAL */
	#vis .vis .pc {display:none;}
	#vis .vis .txt dl dt {font-size:40px;line-height:40px;padding-bottom:5px;}
	#vis .vis .txt dl .txt1 {font-size:16px;line-height:20px;}
	#vis .vis .txt dl .txt2 {font-size:24px;}


	/* 메인 퀵메뉴 */
	#main .quick .box {width:33.33333%;margin:15px 0;}
	#main .quick .box:nth-child(4) {background:none;}

	/* FOOT */
	footer h2 {display:none;}
	footer .txt {margin-left:0;}
	footer .fnb {position:relative;clear:both;padding-top:20px;}
	footer .fnb > li > a {width:140px;}
	footer .txt p {font-size:10px;}

	
	/* MAIN */
	#main {padding:0 10px 0;}

	/* 분양정보 */
	#main .construction {padding-top:10px;}
	#main .construction .box {max-width:50%;width:50%;}
	#main .construction .box .img {width:100%;}

	/* ELEMENT */
	#main .element .inner {margin:0;}
	#main .element .inner .box {width:50%;}
	#main .element .inner .box:first-child {width:50%;margin-top:0;}
	#main .element .inner .box3 {width:100%;margin-top:10px;}
	#main .element .inner .box .desc {margin:0 5px;padding:20px 25px;border:1px solid #dedede;position:relative;}

	/* 분양캘린더 */
	.bcalendar .calendar .mon {width:25%;}
	.bcalendar .calendar .mon5,
	.bcalendar .calendar .mon6 {margin-top:-1px;}
	.bcalendar .calendar .mon7 {margin-left:-1px;}
	.bcalendar .calendar .mon5,
	.bcalendar .calendar .mon9 {margin-left:0;}


	/* 로그인 */
	.login .bot {border-bottom:none;padding:20px;}
	.login .bot .rig {position:relative;right:0;top:0;padding-left:0;padding-top:20px;margin-top:20px;border-left:none;border-top:1px solid #ddd;}

	
	/* 회사위치 */
	.location table td dl {padding:10px;}
	.location table td dl dt {position:relative;left:0;top:0;margin-top:0px;padding-left:0;}
	.location table td dl dd {padding-top:5px;}
	.location table td dl dd em {margin:0 5px 0 15px;}

	/* 사업분야 */
	.business .tab a {width:33.33333%;padding:25px 0;border-bottom:1px solid #afb5b7;}
	.business .tab .tab4,
	.business .tab .tab5 {width:50%;}

	/* 현장소식 */
	.filed > .top h3 {font-size:25px;}
	.filed > .top ul {font-size:13px;}
	.filed > .top ul li {float:none;margin-left:0;margin-top:5px;}
	.filed > .top ul li:first-child {margin-top:0;}

	.filed .info .percent {padding:15px 0 15px;}
	.filed .info .percent h4 {font-size:18px;float:none;}
	.filed .info .percent dl {
		float:none;
		padding-left:0;
		background:none;
		margin-left:0;
		position:relative;
		font-size:12px;
	}
	.filed .info .percent dl dt {height:21px;line-height:21px;}
	.filed .info .percent dl dd {width:140px;}

	.filed .img {position:relative;padding-right:10px;min-height:0;}
	.filed .img .thm {margin-top:10px;}
	.filed .img .thm:after {content:"";display:block;clear:both;}
	.filed .img .thm a {
		float:left;
		display:block;
		width:16.66666%;
		border:1px solid #ddd;
		border-left:0;
		box-sizing:border-box;
		display:block;
		z-index:0;
		position:relative;
		overflow:hidden;
		background-position:50% 50%;
		background-repeat:no-repeat;
		background-size:100% 100%;
	}
	.filed .img .thm a:first-child {border-left:1px solid #ddd;}
	.filed .img .thm a:hover,
	.filed .img .thm a.active {border:4px solid #30388a;z-index:10;}
	
	.filed .img .thm a img {display:none;}

	/* 고객센터 안내 */
	.csinfo .top {padding-left:0;min-height:0;}
	.csinfo .top .img {display:none;}
	.csinfo .top .txt {padding:20px;}
	.csinfo .top .txt h3 {font-size:24px;}
	.csinfo .top .txt h3 span {font-size:14px;}

	.csinfo .bot {margin-top:20px;}
	.csinfo .bot .box {width:50%;padding-top:25px;height:240px;border-top:1px solid #c7c7c7;margin-top:-1px;}
	.csinfo .bot .box dl dt {font-size:16px;}
	.csinfo .bot .box dl dd {font-size:12px;}
	.csinfo .bot .box p {padding:15px 0 20px;}

	/* 브로셔 */
	.brochure .txt .desc {padding:50px 60px 0 60px;}
}

@media all and (min-width:800px){
	.bdan .sort .inner .box:nth-child(3n+1) {clear:both;}
}
@media all and (max-width:800px){
	/* 폼 */
	textarea.bform {height:100px;}
	.bform.bw2 {width:30%;}

	/* 버튼 */
	.basic-btn {text-align:center;}

	/* TOP */
	#top .gnb,
	#top .tnb,
	#top .search,
	#top .full {display:none;}
	#top .inner {height:80px;}
	#top .logo {left:50%;top:50%;width:80px;margin:-27px 0 0 -40px;}
	#top .msearch {float:right;border-left:1px solid #d5d3cc;display:block;}
	#top .msearch button {
		position:absolute;
		right:-10px;
		top:0;
		width:80px;
		height:80px;
		background:url(../images/msearch-btn.png) no-repeat 50% 50% / 100% 100%;
		text-indent:-9999px;
		border:none;
		/* border-left:1px solid #d5d3cc; */
		cursor:pointer;
	}
	#top .msearch.active button {background:url(../images/msearch-close.png) no-repeat 50% 50% / 100% 100%;}
	#top .msearch .sort {
		position:absolute;
		top:80px;
		width:100%;
		left:-10px;
		padding-right:20px;
		background:#fafafa;
		border-top:1px solid #d5d3cc;
		border-bottom:1px solid #d5d3cc;
		display:none;
	}
	#top .msearch .desc {position:relative;padding:18px 60px 18px 80px;}
	#top .msearch .desc .txt {border:1px solid #bebebe;height:40px;line-height:40px;background:#ededed;width:100%;box-sizing:border-box;text-indent:10px;}
	#top .msearch .desc .btn {width:80px;right:-20px;top:50%;margin-top:-40px;position:absolute;}

	#top .mopen {
		display:block;
		position:absolute;
		left:0;
		top:0;
		width:80px;
		height:80px;
		border:none;
		/* border-right:1px solid #d5d3cc; */
		background:url(../images/mnav-open.gif) no-repeat 50% 50% / 100% 100%;
		text-indent:-9999px;
		cursor:pointer;
	}
	#top .mnav {display:block;position:fixed;top:0;left:-100%;background:#212121;width:70%;min-width:280px;height:100%;overflow:auto;}
	#top .mnav .top {overflow:hidden;}
	#top .mnav .top a {display:block;float:left;}
	#top .mnav .top a img {height:80px;}
	#top .mnav .top .close {float:right;}
	#top .mnav .mid {border-top:1px solid #404143;border-bottom:1px solid #404143;overflow:hidden;}
	#top .mnav .mid a {display:block;width:50%;color:#d0d0d0;letter-spacing:-0.075em;word-spacing:-0.075em;float:left;text-align:center;}
	#top .mnav .mid a img {width:25px;margin-right:3px;}
	#top .mnav .mid a span {display:block;padding:10px;font-size:14px;}
	#top .mnav .mid a:first-child span {border-right:1px solid #404143;}
	#top .mnav .menu {letter-spacing:-0.075em;word-spacing:-0.075em;}
	#top .mnav .menu > li {border-bottom:1px solid #404143;}
	#top .mnav .menu > li > a {
		font-size:16px;
		display:block;
		background:#212121 url(../images/mnav-arrow.gif) no-repeat 94% 50% / 20px 10px;
		padding:10px 13px;
		color:#fff;
	}
	#top .mnav .menu > li.active > a {background:#243566 url(../images/mnav-arrow.gif) no-repeat 94% 50% / 20px 10px;}
	#top .mnav .menu li ul {display:none;}
	#top .mnav .menu li ul li {border-top:1px solid #d4d4d4;}
	#top .mnav .menu li ul li:first-child {border-top:none;}
	#top .mnav .menu li ul li a {display:block;background:#f5f5f5;font-size:14px;color:#555;padding:10px 13px 10px 30px;}

	/* SUB */
	#sub .snb .inner > li > a {min-width:90px;padding-left:10px;}
	#sub .snb .inner > li:first-child {text-indent:-9999px;background:url(../images/ico-home.gif) no-repeat 50% 50%;width:79px;border-left:none;}
	#sub .snb .inner > li.last {min-width:0;}
	#sub .snb .inner > li.last > a {padding-right:28px;}
	#area > .top h2 {font-size:20px;}
	#area > .top .sum {font-size:12px;}
	#area > .top .txt {font-size:24px;line-height:27px;}
	#area > .top .calc {
		position:absolute;
		font-size:12px;
		width:95px;
		height:33px;
		line-height:30px;
	}
	#area .msearch {display:block;text-align:center;margin-top:15px;}
	#area .msearch .txt {width:260px;height:30px;line-height:30px;border:1px solid #d6d6d6;background:#f3f3f3;text-indent:7px;}
	
	.sns li {margin-left:3px;}


	/* 탭모음 */
	.atab {overflow:hidden;margin:30px 0;border-bottom:1px solid #ddd;}
	.atab a {min-width:0px;font-size:13px;padding:0 15px;}
	.atab.atab4 a {min-width:0px;padding:0 15px;}

	/* 회사개요 */
	#area .about dl dd {width:100%;position:relative;text-align:center;margin-top:15px;}
	#area .about dl dt table th {width:35%;}
	#area .about .about1 {padding-left:0;}
	#area .about .about2 {padding-right:0;margin-top:40px;}
	#area .about .about2 dt h4 {padding:20px 0;}

	/* 분양단지 */
	.bdan .top {display:none;}
	.bdan .asearch {margin:0 0 20px;border-top:1px solid #000;}
	.bdan .asearch .lef {float:none;padding-left:10px;}
	.bdan .asearch .rig {display:none;}
	
	.bdan .sort .inner {margin:0 -10px;}
	.bdan .sort .inner .box {width:50%;float:left;}
	.bdan .sort .inner .box .item {margin:0 10px 20px;}
	
	/* 분양단지 뷰 */
	.bdan-view .top {padding-right:130px;}
	.bdan-view .top .txt h3 {font-size:20px;}
	.bdan-view .top .txt p {margin-top:5px;}
	.bdan-view .content .tab a {font-size:11px;height:35px;line-height:35px;}
	.bdan-view .content .img {padding:10px;}
	.bdan-view .content table .twid {width:40%;}

	
	/* 분양캘린더 */
	.bcalendar .calendar .mon {width:33.33333%;}
	.bcalendar .calendar .mon4,
	.bcalendar .calendar .mon5,
	.bcalendar .calendar .mon6 {margin-top:-1px;}
	.bcalendar .calendar .mon5,
	.bcalendar .calendar .mon7,
	.bcalendar .calendar .mon9 {margin-left:-1px;}
	.bcalendar .calendar .mon1,
	.bcalendar .calendar .mon4,
	.bcalendar .calendar .mon7,
	.bcalendar .calendar .mon10 {margin-left:0;}

	/* 평형계산기 */
	#calcpop .calc {width:570px;margin:-225px 0 0 -285px;}
	#calcpop .calc .sort table .form {width:80px;}

	/* 지도보기 */
	.map-pop .in {width:570px;height:490px;margin:-300px 0 0 -285px;}
	.map-pop .in .sort .nmap {width:100%;height:370px;}

	/* 지면광고 팝업 */
	.paper-pop .in {}

	/* CEO인사말 */
	.greeting .onlyp {display:none;}
	.greeting .txt {font-size:14px;line-height:22px;padding:20px 0;}
	.greeting .sign {color:#333;font-weight:bold;font-size:16px;letter-spacing:-0.05em;word-spacing:-0.05em;}


	/* 계열사소개 */
	.affiliate .box {float:left;width:50%;}
	.affiliate .box .item {border:1px solid #ddd;margin:0 12px 24px;min-height:510px;}
	.affiliate .box:nth-child(odd) {clear:both;}
	.affiliate .box table th {width:30%;}

	
	/* 경영이념 및 비전 */
	.vision h3 {font-size:35px;padding-bottom:20px;}
	.vision .box {width:50%;margin-bottom:30px;}
	.vision .box .onlyp {display:none;}
	.vision .box:first-child {width:100%;}
	.vision .box:first-child .img {border:none;}
	.vision .box:nth-child(3) .img {border:none;}


	/* 비밀번호 찾기 */
	.login .passfind .passinfo {position:relative;left:0;padding-left:0;line-height:25px;padding-bottom:10px;}


	/* 회원가입 */
	.join > .top .progress {width:570px;}
	.join > .top .progress .arrow {width:70px;}

	/* 회원가입 정보입력 */
	.join .write .aw1 {width:30%;}
	.join .write .aw2 {width:25%;}
	.join .write .aw3 {width:100%;}
	.join .write .aw4 {width:30%;}
	.join .write dl dd em {padding-left:0;display:block;}

	/* 게시판 리스트 */
	.tbl-list {width:100%;border-top:1px solid #30388a;font-size:13px;}
	.tbl-list .tbl3,
	.tbl-list .tbl4 {width:20%;}
	.tbl-list .onlyp {display:none;}

	.tbl-list2 {font-size:13px;}
	.tbl-list2 .onlyp {display:none;}
	.tbl-list2 .tbl3 {width:25%;}

	/* 회사위치 */
	.location .root_daum_roughmap .wrap_map {height:250px;}


	/* 사업분야 */
	.business .top .txt {width:200px;height:90px;margin-left:-100px;}
	.business .top .txt dl {margin-top:-28.5px;}
	.business .top .txt dt {font-size:15px;padding-bottom:10px;margin-bottom:10px;}
	.business .top .txt dt span {width:20px;margin-left:-10px;}
	.business .top .txt dd {font-size:12px;}
	.business .onlyp {display:none;}

	.business .content {font-size:14px;line-height:22px;padding:20px 0 30px;}

	/* 게시판 글쓰기 */
	.tbl-write th {width:90px;font-size:13px;}
	.tbl-write td {font-size:12px;}
	.tbl-write td .dot li {font-size:12px;}

	/* 고객문의 */
	.inquiry .top .area {height:90px;}


	/* 중도금납부조회 */
	.payment .top {padding:15px 0;}
	.payment .top .box .desc {padding-left:20px;font-size:13px;}
	.payment .top .box .desc span {padding-left:5px;}
	.payment .top .box .desc img {width:60px;}
	.payment .inner {overflow:auto;}
	.payment .inner table {width:800px;}
	.tbl-payment {font-size:12px;}

	/* 지면광고 */
	.paperad .inner {margin:0 -10px;}
	.paperad .box .desc {margin:10px;padding:5px;}


	/* 브로셔 */
	.brochure .box {width:100%;float:none;}
	.brochure .img {text-align:center;padding:30px 0 0;}
	.brochure .img .desc {padding:0 10px;}
	.brochure .txt .desc {border-left:none;padding:40px 20px;min-height:0;}
	.brochure .txt .top dt {font-size:24px;line-height:28px;color:#333;}
	.brochure .txt .top dd {font-size:16px;line-height:23px;padding:15px 0 30px;}
	.brochure .txt .bot dt {letter-spacing:-0.075em;font-size:14px;padding:15px 0 20px;border-top:1px solid #ececec;margin-top:35px;}


	/* 인재상 */
	.person .inner .area {margin:0 -15px;padding-top:30px;}
	.person .inner .box {float:left;width:50%;}
	.person .inner .box dl {margin:0 15px;}
	.person .inner .box3 {border-left:none;margin-top:30px;width:100%;}

	/* 인사제도 */
	.human .inner .box {width:50%;min-height:0;margin-bottom:30px;}


	/* 홍보영상 */
	.pr .top {min-height:0;}
	.pr .top .box iframe {height:300px;}
	.pr .top .box dl dt {padding-right:80px;}
	.pr .top .box dl dt strong {font-size:20px;}
	.pr .top .box dl dt span {font-size:14px;}
	.pr .top .box dl dd {font-size:14px;padding-top:10px;}

	.pr .top .control .prev {left:5px;}
	.pr .top .control .next {right:5px;}

	.pr .bot .area {overflow:hidden;margin:0 -4px;}
	.pr .bot .area .box {width:33.33333%;float:left;}
	.pr .bot .area .box .desc {margin:10px 4px;}
	.pr .bot .area .box .desc .txt {font-size:12px;}
}


@media all and (max-width:639px){
	/* 탭모음 */
	.atab.atab4 {padding:1px 0 0 1px;}
	.atab.atab4 a {min-width:50%;margin:-1px 0 0 -1px;box-sizing:border-box;}

	/* 메인 퀵메뉴 */
	#main .quick .box {width:50%;}
	#main .quick .box:nth-child(4) {background:url(../images/quick-bar.gif) no-repeat 0 100%;}
	#main .quick .box:nth-child(odd) {background:none;}

	/* ELEMENT */
	#main .element .inner {margin:0;}
	#main .element .inner .box {width:100%;margin-top:-1px;}
	#main .element .inner .box:first-child {width:100%;margin-top:0;}
	#main .element .inner .box .desc {margin:0 5px;padding:20px 25px;border:1px solid #dedede;position:relative;}

	#main .ban {padding:20px 0;}
	#main .ban li {width:50%;padding:5px 0;}

	/* 중도금납부조회 */
	.payment .top .box {float:none;width:100%;}
	.payment .top .box2 {margin-top:15px;}
	.payment .top .box2 .desc {border-left:none;border-top:1px solid #e3e3e3;padding-top:15px;}

	/* 검색 */
	.asearch .txt {width:150px;}

	/* 분양단지 뷰 */
	.bdan .sort .inner {margin:0;}
	.bdan .sort .inner .box {width:100%;}
	.bdan .sort .inner .box .img img {width:100%;}
	.bdan .sort .inner .box .item {margin:0 0 15px;}

	.bcalendar .top h3 {font-size:18px;padding-top:5px;}

	.bcalendar .calendar .mon {width:50%;}
	.bcalendar .calendar .mon3 {margin-top:-1px;}
	.bcalendar .calendar .mon3,
	.bcalendar .calendar .mon5,
	.bcalendar .calendar .mon7,
	.bcalendar .calendar .mon9,
	.bcalendar .calendar .mon11 {margin-left:0;}
	.bcalendar .calendar .mon4,
	.bcalendar .calendar .mon10 {margin-left:-1px;}

	/* 평형계산기 */
	#calcpop .calc .sort {padding:15px;}
	#calcpop .calc .sort .txt {font-size:12px;line-height:18px;}
	#calcpop .calc {width:310px;height:340px;margin:-170px 0 0 -155px;}
	#calcpop .calc .sort table {margin:10px 0;font-size:12px;}
	#calcpop .calc .sort table .form {width:40px;margin:3px;height:24px;line-height:24px;}
	#calcpop .calc .sort table th,
	#calcpop .calc .sort table td {padding:10px 5px;}
	#calcpop .calc .sort table th {width:26%;}
	#calcpop .calc .sort table button {
		width:30px;
		line-height:30px;*height:30px;
		font-size:12px;
		margin:0 6px;
	}
	
	/* 지도보기 */
	.map-pop .in {width:310px;height:440px;margin:-220px 0 0 -155px;}
	.map-pop .in .sort .nmap {width:100%;height:270px;}

	
	/* 계열사소개 */
	.affiliate .inner {margin:0;}
	.affiliate .box {float:left;width:100%;}
	.affiliate .box .item {border:1px solid #ddd;margin:0 0 10px;min-height:0;}
	.affiliate .box table th {width:30%;}
	
	/* 경영이념 및 비전 */
	.vision .box {width:100%;}
	.vision .box .img {border-right:none;}

	/* 로그인 */
	.login .top {padding:20px 10px 30px;}
	.login .bot .lef .box .btn {position:relative;left:0;top:0;margin-top:10px;}

	/* 비밀번호 찾기 */
	.login .passfind dl dt {right:0;top:0;height:30px;line-height:30px;position:relative;width:100%;}
	.login .bot2 {padding-right:0;}
	.login .bot2 .btn {position:relative;right:0;top:0;margin-top:15px;text-align:center;}

	/* 비밀번호찾기 결과 */
	.pass-result {padding:20px 0;}
	.pass-result .txt {font-size:15px;line-height:22px;}

	
	/* 회원가입 */
	.join > .top .progress {width:340px;}
	.join > .top .progress li {width:60px;}
	.join > .top .progress .arrow {height:60px;width:30px;background-size:21px 13px;}
	.join > .top .progress p {font-size:12px;padding-top:5px;}


	/* 회원가입 휴대폰 인증 */
	.join .hp {padding:30px 10px;}
	.join .hp dl dt {font-size:25px;}
	.join .hp dl dd {font-size:14px;line-height:22px;}

	/* 회원가입 정보입력 */
	.join .write dl {position:relative;padding-left:0;}
	.join .write dl dt {position:relative;left:0;top:0;padding-left:0;padding-bottom:5px;}
	.join .write dl dt img {position:relative;margin-left:5px;}
	.join .write dl .one {min-height:40px;line-height:20px;}


	/* 게시판 리스트 */
	.tbl-list {font-size:12px;}
	.tbl-list .tbl3 {width:25%;}
	.tbl-list .tbl4 {width:25%;}
	.tbl-list .tbl5 {width:25%;}
	.tbl-list .tbl7 {width:12%;}
	.tbl-list .tbl8 {width:15%;}
	
	.tbl-list .inq-ico {width:60px;}
	

	/* 회사연혁 */
	.history .inner {background:url(../images/history-line.gif) repeat-y 89px 0;}
	.history .box {padding-left:110px;margin-top:25px;}
	.history .box:first-child {margin-top:0;}
	.history .box h4 {width:100px;background:url(../images/history-dot.gif) no-repeat 100% 5px;font-size:32px;}
	.history .box dl {font-size:13px;padding-left:60px;margin-top:7px;}
	
	/* 회사위치 */
	.location table td dl dd span {display:block;margin-top:5px;}
	.location table td dl dd span:first-child {margin-top:0;}
	.location table td dl dd span em {margin-left:0;}
	.location .txt dt {font-size:24px;}
	.location .txt dd {font-size:14px;}
	.location .txt dd span {display:block;}

	/* 사업분야 */
	.business .tab a {width:50%;}
	.business .tab .tab5 {width:100%;}

	/* 자주하는 질문 */
	.faq .sort dl {font-size:13px;}
	.faq .sort dl dt,
	.faq .sort dl dd {padding:13px 50px 13px 50px;position:relative;}
	.faq .sort dl span {left:10px;}
	.faq .sort dl dt {background:url(../images/faq-off.gif) no-repeat 95% 50%;}
	.faq .sort dl dd {background:#f6f3de url(../images/faq-on.gif) no-repeat 95% 14px;}

	.faq .bot {background:#f7f7f7;margin-top:40px;position:relative;padding:20px;}
	.faq .bot span {display:none;}
	.faq .bot a {position:relative;right:0;top:0;margin-top:10px;}

/* 게시판 뷰 */
	.tbl-view .top {position:relative;padding:13px;background:#30388a;}
	.tbl-view .top ul {position:relative;right:0;top:0;margin-top:5px;}
	.tbl-view .view {padding:13px;min-height:0;}

	/* 중도급 납부조회 */
	.payment .info .box2 {width:100%;border-bottom:1px solid #e3e3e3;}
	.payment .info .box3 {width:100%;}
	.payment .info .box3 dl {border-left:none;}
	.payment .info dl {font-size:13px;}

	/* 지면광고 */
	.paperad .box {width:50%;}

	/* CI/BI */
	.cibi .box .area .inner {margin:0 -5px;}
	.cibi .box .area .inner .desc {width:33.33333%;float:left;}
	.cibi .box .area .inner .desc dl {margin:0 5px;}

	/* 인재상 */
	.person .inner .area {margin:0;padding-top:30px;}
	.person .inner .box {float:left;width:100%;min-height:0;padding-bottom:30px;}
	.person .inner .box dl {margin:0;}
	.person .inner .box2 {border-left:none;}
	.person .inner .box3 {margin-top:0;}


	/* 인사제도 */
	.human .img .onlym {display:inline;}
	.human .img .onlyp {display:none;}
	.human .inner .area {margin:0;padding-top:50px;}
	.human .inner .box {float:none;width:100%;margin-left:0;border-left:none;}
	.human .inner .box dl {margin:0 ;}
}

@media all and (max-width:380px){
	/* 회원가입 */
	.join > .top .progress {width:270px;}
	.join > .top .progress li {width:50px;}
	.join > .top .progress .arrow {height:50px;width:23px;background-size:15px 8px;}
	.join > .top .progress p {font-size:11px;}


	/* 게시판 리스트 */
	.tbl-list2 .tbl3 {width:30%;}
	.tbl-list2 .subject a {max-width:89%;}
	
	/* CI/BI */
	.cibi .box .area .inner {margin:0;}
	.cibi .box .area .inner .desc {width:100%;float:none;}
	.cibi .box .area .inner .desc dl {margin:0;padding-top:15px;}
	.cibi .box .area .inner .desc dl img {width:100%;}

}

@media all and (max-width:359px){
	/* 회원가입 */
	.join > .top .progress {width:250px;}
	.join > .top .progress li {width:40px;}
}