@charset "utf-8";

@media (max-width: 1530px) {
	.lease .col {margin:0 -10px;}
	.lease .col .row {padding:0 10px;}
}

@media (max-width: 1330px) {
	.lease .inner .txt-box dl {display:block;}
	.lease .inner .txt-box dt {max-width:none; margin-bottom:10px;}
	.lease .inner .txt-box dd {width:100%;}
}

@media (max-width: 1024px) {
	.sub-visual {height:450px;}
	.sub-visual .tit h2 {font-size:40px;}

	#lnb {margin-top:-60px; margin-bottom:100px;}
	.lnb {height:60px;}
	.lnb .home {display:none;}
	.lnb .menu {max-width:230px;}
	.lnb .menu:before {height:14px; margin-top:-7px;}
	.lnb .menu:last-child:after {height:14px; margin-top:-7px;}
	.lnb .menu .open {font-size:16px; line-height:60px; padding:0 20px;}
	.lnb .menu .open:after {right:20px;}

	.lnb .menu .submenu {top:70px; padding:20px;}
	.lnb .menu .submenu li a {font-size:16px; line-height:30px;}
	/* sub common */
	.doc-title {margin-bottom:50px;}
	.doc-title h3 {font-size:38px;}
	.doc-title h3:before {width:6px; height:6px; margin-left:-3px;}

	.real-cont {padding:0 0 120px;}
	/* sub 01 01 */
	.greeting {padding:0;}
	.greeting .txt-box {padding-right:30px;}
	.greeting .txt-box .tit {padding-bottom:24px; margin-bottom:24px;}
	.greeting .txt-box .tit:after {width:30px; height:4px;;}
	.greeting .txt-box .tit p {font-size:18px; margin-bottom:14px;}
	.greeting .txt-box .tit h4 {font-size:30px;}
	.greeting .txt-box .txt h5 {font-size:20px; margin-bottom:24px;}
	.greeting .txt-box .txt p {font-size:16px; margin-bottom:20px;}
	.greeting .img-box {max-width:300px; position:relative; padding-left:20px;}
	.greeting .img-box .logo {position:absolute; left:-20px; bottom:-20px;}
	.greeting .img-box .logo img {width:100px;}
	.greeting .img-box .name {font-size:18px; margin-top:24px;}
	.greeting .img-box .name strong {font-size:24px; display:block; margin-top:5px;}
	/* sub 01 02 */
	.history .wrap {padding-top:60px; padding-bottom:100px;}
	.history .col {margin-bottom:60px;}
	.history .col .row {padding:0 30px;}
	.history .year {font-size:32px; margin-bottom:20px;}
	.history .txt-box .txt .month {max-width:50px; font-size:16px;}
	.history .col:nth-child(even) .txt-box .txt .month {padding-right:14px;}
	.history .col:nth-child(odd) .txt-box .txt .month {padding-left:14px;}
	.history .txt-box .txt .month:before {top:11px;}
	.history .txt-box .txt ul li {font-size:16px;}
	/* sub 01 03 */
	.management .cnt01 {margin-bottom:120px;}
	.management .col {margin:0 -10px;}
	.management .row {padding:0 10px;}
	.management .txt-box {padding:30px 15px;}
	.management .txt-box p {font-size:18px;  margin-bottom:6px;}
	.management .txt-box h4 {font-size:24px;}
	.management .cnt02 {height:400px;}
	.management .cnt02 h4 {font-size:30px;}
	/* sub 01 04 */
	.gallery-list .none {padding:40px 15px; font-size:20px;}
	/* sub 01 05 테이블 게시판 */
	.brother table thead th {font-size:18px; padding:10px;}
	.brother table tbody td {font-size:16px; padding:10px;}
	/* sub 01 06 */
	.directions .cnt {margin-bottom:100px;}
	.directions .cnt .maps {height:400px; margin-bottom:36px;}
	.directions .txt-box {padding-right:0; padding-top:70px; display:block;}
	.directions .txt-box .tit {max-width:none; margin-bottom:32px;}
	.directions .txt-box .tit h4 {font-size:30px; padding-left:18px;}
	.directions .txt-box .tit h4:before {width:4px; height:24px; margin-top:-12px;}
	.directions .txt-box .txt {width:100%;}
	.directions .txt-box .txt dl {font-size:16px;}
	.directions .txt-box .txt dt {max-width:50px;}
	.directions .btn a {width:50px; height:50px;}
	.directions .btn a:after {width:50px; height:50px;}
	/* sub 02 */
	.business .img-box {margin-bottom:60px;}
	.business .txt-box h4 {font-size:28px; margin-bottom:26px;}
	.business .txt-box p {font-size:16px; margin-bottom:20px;}
	.business .txt-box h5 {font-size:16px;}
	/* sub 03 */
	.lease .col .row {margin-bottom:40px;}
	.lease .inner .txt-box {padding:20px;}
	.lease .inner .txt-box h4 {font-size:20px; margin-bottom:16px;}
	.lease .inner .txt-box dl {font-size:16px; padding:5px 0;}
	
	.gallery-list ul li.none {width:calc(100% - 20px) !important; margin-left:20px;}
}

@media (max-width: 700px) {
	.gall_pop {width:90vw !important;}
}
@media (max-width: 640px) {
	.sub-visual {height:300px;}
	.sub-visual .tit h2 {font-size:32px;}

	#lnb {margin-top:-50px; margin-bottom:80px;}
	.lnb {height:50px;}
	.lnb .menu {max-width:none; width:33.333333%;}
	.lnb .menu:before {height:10px; margin-top:-5px;}
	.lnb .menu:last-child:after {height:10px; margin-top:-5px;}
	.lnb .menu .open {font-size:14px; line-height:50px; padding:0 15px;}
	.lnb .menu .open:after {right:15px;}

	.lnb .menu .submenu {top:60px; padding:15px;}
	.lnb .menu .submenu li a {font-size:14px; line-height:26px;}
	/* sub common */
	.doc-title {margin-bottom:50px;}
	.doc-title h3 {font-size:38px;}
	.doc-title h3:before {width:6px; height:6px; margin-left:-3px;}

	.real-cont {padding:0 0 120px;}
	/* sub 01 01 */
	.greeting .col {display:block;}
	.greeting .txt-box {padding-right:0; width:100%; margin-bottom:40px;}
	.greeting .txt-box .tit {padding-bottom:20px; margin-bottom:20px;}
	.greeting .txt-box .tit:after {width:24px; height:3px;;}
	.greeting .txt-box .tit p {font-size:16px; margin-bottom:10px;}
	.greeting .txt-box .tit h4 {font-size:24px;}
	.greeting .txt-box .txt h5 {font-size:18px; margin-bottom:18px;}
	.greeting .txt-box .txt p {font-size:14px; margin-bottom:14px;}
	.greeting .img-box {margin:0 0 0 auto; max-width:360px;}
	.greeting .img-box .name {font-size:16px;}
	.greeting .img-box .name strong {font-size:20px;}
	/* sub 01 02 */
	.history .wrap {padding-top:50px; padding-bottom:80px;}
	.history .wrap .line {left:20px;}
	.history .wrap .prog {display:none;}
	.history .wrap .point {display:none;}
	.history .col {margin-bottom:50px; display:block; padding-left:40px; position:relative;}
	.history .col:before {content:''; position:absolute; top:9px; left:12px; width:15px; height:15px; background:rgba(0,129,166,0.2); border-radius:50%; z-index:3;}
	.history .col:after {content:''; position:absolute; top:12px; left:15px; width:9px; height:9px; background:#0081a6; border-radius:50%; z-index:5;}
	.history .col:nth-child(even) {text-align:left;}
	.history .col .row {padding:0; width:100%;}
	.history .year {font-size:26px;}
	.history .year.active {color:#000;}
	.history .col:nth-child(even) .txt-box .txt {flex-direction:row;}
	.history .txt-box .txt .month {max-width:50px; font-size:14px;}
	.history .col:nth-child(even) .txt-box .txt .month {padding-right:0; padding-left:14px;}
	.history .col:nth-child(odd) .txt-box .txt .month {padding-left:14px;}
	.history .txt-box .txt .month:before {top:9px; left:0 !important;}
	.history .txt-box .txt ul li {font-size:14px;}
	/* sub 01 03 */
	.management .cnt01 {margin-bottom:100px;}
	.management .col {margin:0 auto -60px; max-width:440px; width:100%; display:block;}
	.management .row {margin-bottom:60px; width:100%;}
	.management .txt-box p {font-size:16px;}
	.management .txt-box h4 {font-size:20px;}
	.management .cnt02 {height:300px;}
	.management .cnt02 h4 {font-size:24px;}
	/* sub 01 04 */
	.gallery-list .none {padding:30px 15px; font-size:16px;}
	/* sub 01 05 테이블 게시판 */
	.brother table {display:none;}
	.brother .mob-table {display:block;}
	/* sub 01 06 */
	.directions .cnt {margin-bottom:80px;}
	.directions .cnt .maps {height:250px; margin-bottom:24px;}
	.directions .txt-box {padding-top:60px}
	.directions .txt-box .tit {margin-bottom:20px;}
	.directions .txt-box .tit h4 {font-size:24px; padding-left:10px;}
	.directions .txt-box .tit h4:before {width:3px; height:20px; margin-top:-10px;}
	.directions .txt-box .txt dl {font-size:14px; display:block; margin-bottom:14px;}
	.directions .txt-box .txt dt {max-width:none;}
	.directions .txt-box .txt dd {width:100%;}
	.directions .btn a {width:40px; height:40px;}
	.directions .btn a:after {width:40px; height:40px;}
	/* sub 02 */
	.business .img-box {margin-bottom:40px;}
	.business .txt-box h4 {font-size:24px; margin-bottom:20px;}
	.business .txt-box p {font-size:14px; margin-bottom:14px;}
	.business .txt-box h5 {font-size:14px;}
	.business .txt-box br {display:none;}
	/* sub 03 */
	.lease .col .row {margin-bottom:30px; width:50%;}
	.lease .inner .txt-box {padding:15px;}
	.lease .inner .txt-box h4 {font-size:18px; margin-bottom:10px;}
	.lease .inner .txt-box dl {font-size:14px;}
	
	.gallery-list ul li.none {width:calc(100% - 15px) !important; margin-left:15px;}
}

@media (max-width: 400px) {

	.lnb .menu {width:35%;}
	.lnb .menu:nth-child(4) {width:30%;}
	

	.lnb .menu .open {padding:0 10px;}
	.lnb .menu .open:after {right:10px;}

	.management .cnt02 h4 br {display:none;}
}