@charset "utf-8";

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}

@media (max-width: 1600px){
	#gnb {margin-left:130px; margin-right:380px;}
	#gnb > ul {display:block;}
	#gnb > ul > li {margin:0 7%;}
}

@media (max-width: 1300px){
	.contain {width:100%;}
	#header {min-width:100%;}
	#gnb > ul > li {margin:0 6%;}

	.floor-type ul {margin-right:0;}
}

@media (max-width: 1200px){
	#sub #wrapper {padding-top:80px;}
	#header {position:fixed; height:80px; background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,.15);-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;}
	#header.scroll-down {-ms-transform:translate(0,-90px); -webkit-transform:translate(0,-90px); transform:translate(0,-90px);}
	.sitelogo {top:5px;}
	.sitelogo .logo {display:none}	
	.sitelogo .logo-m {display:block;}
	.sitelogo img {height:70px;}
	#gnb {display:none;}
	.util {top:20px; right:80px;}
	.util .tel {color:#2c2c2c; font-weight:400; background-image:url("../images/common/icon_tel_m.png"); background-size:35px;}
	.util .bt {display:none;}
	.btn-menu {display:block;}
	.mobile-navigation {display:block;}

	#community .info .col .in {padding:0 28px;}
	
}

/* landscape tablet and desktop */
@media (max-width: 1024px){
	.contain {padding-left:30px; padding-right:30px;}

	/* header */
	.sitelogo {left:30px;}
	.util {right:80px;}
	.util .tel {margin-right:0;}
	.btn-menu {right:25px;}

	/* footer */
	#footer .contain {padding-top:30px; padding-bottom:30px;}
	.foot-info .links li {font-size:15px;}

	/* main */
	#home .txt-wrap .txt1 {font-size:20px;}
	#home .txt-wrap .txt2 img {height:44px;}
	#home .txt-wrap .txt3 {font-size:20px;}
	#home .txt-wrap .txt4 {font-size:20px;}
	#home .txt-wrap .txt4 strong {font-size:22px;}
	#home .cnt-wrap .box .icon img {height:80px;}
	#home .cnt-wrap .box dl {margin-left:90px;}
	#home .cnt-wrap .box dt {font-size:18px;}
	#home .cnt-wrap .box dd {font-size:12px;}
	#home .cnt-wrap {left:30px; right:30px;}

	.sec-head h2 {font-size:36px;}
	.sec-head img {height:36px;}

	#premium .sec-cnt ol li {height:140px; padding-left:15px;}
	#premium .sec-cnt ol li .tit {width:215px; font-size:34px;}
	#premium .sec-cnt ol li .tit img {height:125px; bottom:-14px;}
	#premium .sec-cnt ol li .cnt {padding-left:20px; padding-bottom:15px; font-size:18px;}
	#premium .sec-cnt ol li .cnt h3 {font-size:30px;}
	#premium .more {font-size:18px;}
	#premium .more:after {background-size:auto 20px;}

	#introduction .sec-head {margin-bottom:30px;}
	#introduction .info .num {font-size:70px;}
	#introduction .info .txt {font-size:16px;}
	#introduction .info .col-1 {background-size:auto 140px;}
	#introduction .info .col-2 {background-size:auto 130px;}
	#introduction .list li {font-size:15px;}
	#introduction .list li img {width:100px;}
	#introduction .list li h3 {font-size:18px;}
	#introduction .more {font-size:18px;}
	#introduction .more:after {background-size:auto 20px;}

	#community .info {margin-bottom:15px;}
	#community .info .col .in {padding:0 10px;}
	#community .more {font-size:18px;}
	#community .more:after {background-size:auto 20px;}
	#community .cnt_txt {font-size:30px;}
	#community .cnt_txt strong {font-size:40px;}
	#community .cnt_txt .line1 {margin-right:10%;}

	#location .sec-head {margin-bottom:30px;}
	#location #map {width:400px; height:500px;}
	#location .cnt .fl {float:none; margin-bottom:15px;}
	#location .cnt .fr {float:none;}	

	/* sub */
	.sub-visual {margin-bottom:18px;}
	.sub-visual .contain {height:260px;}
	.sub-visual .txt {right:30px;}
	.sub-visual .t1 img {height:44px;}
	.sub-visual .t2 {font-size:20px;}
	.sub-visual .t2 strong {font-size:22px;}

	#contentArea {padding-left:30px; padding-right:30px;}
	.sub-title:after {width:110px; margin-left:-55px;}
	.sub-title {padding:17px 0 25px; margin-bottom:50px;}
	.sub-title h2 {font-size:35px;}
	.sub-title .path {font-size:13px;}
	.sub-title .page-btn {font-size:16px; line-height:36px; background-size:auto 36px;}
	.sub-title .page-btn.prev {padding-left:32px;}
	.sub-title .page-btn.next {padding-right:32px;}
	.real-cont {padding-bottom:60px;}

	/* content */
	.doc-tit {margin-bottom:15px; font-size:28px;}
	.doc-tit:before {width:46px;}

	.overview .logo {top:30px; left:25px;}
	.overview .logo img {width:90px;}
	.overview .cnt {padding:30px; margin-left:50%;}
	.overview .cnt table th {padding:10px 12px; font-size:16px;}
	.overview .cnt table td {padding:10px 0 10px 12px; font-size:15px;}

	.loca-merit .tit {font-size:28px; margin-bottom:23px;}
	.loca-merit .merit h4 {font-size:20px;}
	.loca-merit .merit p {font-size:15px;}
	.loca-merit .merit p br {display:none;}

	.premium .tit .cell {width:210px; height:210px;}
	.premium .tit .cell p {font-size:16px;}
	.premium .tit .cell h3 {font-size:33px;}
	.premium .txt {margin-left:270px; min-height:210px;}
	.premium .txt ul {margin:-13px -20px;}
	.premium .txt ul li {padding:13px 20px;}
	.premium .txt dt {font-size:22px;}
	.premium .txt dd {font-size:15px;}
	.premium .imgs ul {margin:0 -10px;}
	.premium .imgs ul li {padding:0 10px; margin-bottom:20px;}
	.premium .line {margin:60px 0;}

	.introduction .info .num {font-size:70px;}
	.introduction .info .txt {font-size:16px;}
	.introduction .info .col-1 {background-size:auto 140px;}
	.introduction .info .col-2 {background-size:auto 130px;}
	.introduction .list li {font-size:15px;}
	.introduction .list li img {width:100px;}
	.introduction .list li h3 {font-size:18px;}
	.introduction .more {font-size:18px;}
	.introduction .more:after {background-size:auto 20px;}

	.location #map {height:450px;}
	.location .cnt .fl {float:none; margin-bottom:15px;}
	.location .cnt .fr {float:none;}

	.drawing {margin-bottom:60px;}
	.drawing-txt {font-size:15px;}

	.floor-menu {margin-bottom:20px;}
	.floor-menu ul li a {font-size:18px; line-height:52px;}

	.floor-type ul li {width:16.66666666%; font-size:13px; line-height:18px;}
	.floor-type .color {width:30px; height:18px;}

	.service .head {margin-bottom:30px;}
	.service .head .t1 {font-size:25px;}
	.service .head .t2 {font-size:32px;}
	.service .list ul {margin:0 -12px;}
	.service .list ul li {padding:0 12px; margin-bottom:24px;}
	.service .list ul li div {font-size:16px;}
	.service .txt ul {margin-right:-40px;}
	.service .txt ul li {padding:0 40px 0 16px; font-size:20px; background-size:3px 18px;}

	.community .head .t1 {font-size:25px;}
	.community .head .t2 {font-size:32px;}
	.community .slide-area {margin-top:0.5%;}

	.type-menu ul li a {font-size:18px; line-height:52px;}
	.type-sub-menu {padding:25px; font-size:18px;}
	.type-sub-cnt .first {font-size:22px;}
	.type-sub-cnt .first h3 {font-size:36px;}
	.type-sub-cnt .item {font-size:18px;}
	.type-sub-cnt .item strong {font-size:22px;}
	.type-cnt .tit {font-size:20px;}
	.type-cnt .tit big {font-size:36px;}

	.notification .cnt .in {top:40px; left:35px;}
	.notification .cnt .logo img {height:110px;}
	.notification .cnt .bt {padding:15px 18px; font-size:18px;}
	

	/* board */
	.faq {font-size:15px; line-height:25px;}
	.faq .q, .faq .a {top:17px; width:35px; height:35px; line-height:30px; font-size:18px;}
	.faq .tit a {padding:21px 70px 21px 73px; font-size:16px;}
	.faq .tit .icon {top:20px; right:20px; width:27px; height:27px;}
	.faq .cnt {padding:21px 21px 21px 73px;}

	.mailform table tbody th {white-space:nowrap;}
		
	
}
 
@media (max-width: 800px) {
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/* footer */
	#footer .in {text-align:center;}
	.foot-logo {float:none; margin-top:0; margin-bottom:15px;}
	.foot-logo img {height:90px;}
	.foot-info {margin-left:0;}
	.foot-info .links li {float:none; display:inline-block; vertical-align:top;}

	/* main */
	#home .txt-wrap .txt1 {font-size:18px;}
	#home .txt-wrap .txt2 img {height:40px;}
	#home .txt-wrap .txt3 {font-size:18px;}
	#home .txt-wrap .txt4 {font-size:18px;}
	#home .txt-wrap .txt4 strong {font-size:20px;}
	#home .cnt-wrap {bottom:2%;}
	#home .cnt-wrap ul li {width:50%; margin-bottom:15px;}
	#home .cnt-wrap ul li:nth-child(2n+1) {clear:left;}
	#home .cnt-wrap .box dl {padding-top:10px;}
	#home .cnt-wrap .box dt br {display:none;}

	.sec-head h2 {font-size:30px;}
	.sec-head img {height:30px;}

	#premium .sec-cnt {padding:0;}
	#premium .sec-cnt ol li {height:130px; padding-left:8px;}
	#premium .sec-cnt ol li .tit {width:180px; font-size:28px;}
	#premium .sec-cnt ol li .tit img {height:118px;}
	#premium .sec-cnt ol li .cnt {padding-left:0; font-size:16px;}
	#premium .sec-cnt ol li .cnt h3 {font-size:26px;}
	#premium .more {padding:16px 25px; font-size:17px;}
	#premium .more:after {width:10px; height:17px; margin-left:25px; background-size:auto 17px;}

	#introduction .info .in {padding-left:55px;}
	#introduction .info .col {padding:25px 23px; height:270px;}
	#introduction .info .num {font-size:60px;}
	#introduction .info .txt {font-size:15px;}
	#introduction .info .txt br {display:none;}
	#introduction .info .col-1 {background-size:auto 100px;}
	#introduction .info .col-2 {background-size:auto 90px;}
	#introduction .list li {font-size:14px;}
	#introduction .list li img {width:90px;}
	#introduction .list li h3 {font-size:16px;}
	#introduction .more {padding:16px 25px; font-size:17px;}
	#introduction .more:after {width:10px; height:17px; margin-left:25px; background-size:auto 17px;}

	#community .info {margin-bottom:10px;}
	#community .info .col {padding:17px 25px;}
	#community .more {padding:16px 25px; font-size:17px;}
	#community .cnt_txt {font-size:25px;}
	#community .cnt_txt strong {font-size:35px;}

	#location .sec-head {margin-bottom:20px;}
	#location #map {height:400px;}
	#location .cnt {font-size:15px;}
	#location .cnt strong {font-size:16px;}
	#location .cnt .name img {height:18px;}

	/* sub */
	.sub-visual {margin-bottom:10px;}
	.sub-visual .contain {height:220px;}
	.sub-visual .txt {bottom:40px;}
	.sub-visual .t1 img {height:40px;}
	.sub-visual .t2 {margin-top:18px; font-size:18px;}
	.sub-visual .t2 strong {font-size:20px;}

	.sub-title {margin-bottom:40px; padding:10px 0 18px;}
	.sub-title h2 {font-size:30px; margin-bottom:4px;}
	.sub-title .path {font-size:12px;}
	.sub-title .path .arrow {margin-left:2px; margin-right:2px;}
	.sub-title .page-btn {margin-top:-16px; font-size:15px; line-height:30px; background-size:auto 30px;}
	.sub-title .page-btn.prev {padding-left:28px;}
	.sub-title .page-btn.next {padding-right:28px;}	

	/* content */
	.doc-tit {font-size:24px;}
	.doc-tit:before {width:40px;}

	.overview .logo img {width:80px;}
	.overview .cnt {padding:20px; margin-left:47%; background: rgba(255,255,255,.9);}
	.overview .cnt table th {padding:7px 10px; font-size:15px;}
	.overview .cnt table td {padding:7px 0 7px 10px; font-size:15px;}

	.loca-merit .tit {top:-20px; font-size:22px; margin-bottom:10px;}
	.loca-merit .merit {margin:0 -8px;}
	.loca-merit .merit li {margin-bottom:40px; padding:0 8px;}
	.loca-merit .merit h4 {font-size:18px; padding-bottom:10px; margin-bottom:10px;}
	.loca-merit .merit h4:after {width:60px; margin-left:-30px;}
	.loca-merit .merit p {font-size:14px;}
	.loca-merit .merit.col-4 li {width:50%;}
	.loca-merit .merit.col-4 li:nth-child(2n+1) {clear:left;}

	.premium .tit .cell {width:160px; height:160px;}
	.premium .tit .cell p {font-size:14px;}
	.premium .tit .cell h3 {font-size:26px;}
	.premium .txt {margin-left:190px; min-height:160px;}
	.premium .txt ul {margin:-10px -15px;}
	.premium .txt ul li {padding:10px 15px;}
	.premium .txt dt {font-size:18px;}
	.premium .txt dd {font-size:14px;}
	.premium .imgs {margin-top:30px; margin-bottom:-10px;}
	.premium .imgs ul {margin:0 -5px;}
	.premium .imgs ul li {padding:0 5px; margin-bottom:10px;}
	.premium .line {margin:50px 0;}

	.introduction .info .in {padding-left:55px;}
	.introduction .info .col {padding:25px 23px; height:270px;}
	.introduction .info .num {font-size:60px;}
	.introduction .info .txt {font-size:15px;}
	.introduction .info .txt br {display:none;}
	.introduction .info .col-1 {background-size:auto 100px;}
	.introduction .info .col-2 {background-size:auto 90px;}
	.introduction .list li {font-size:14px;}
	.introduction .list li img {width:90px;}
	.introduction .list li h3 {font-size:16px;}
	.introduction .more {padding:16px 25px; font-size:17px;}
	.introduction .more:after {width:10px; height:17px; margin-left:25px; background-size:auto 17px;}

	.location .sec-head {margin-bottom:20px;}
	.location #map {height:400px;}
	.location .cnt {font-size:15px;}
	.location .cnt strong {font-size:16px;}
	.location .cnt .name img {height:18px;}

	.drawing {margin-bottom:55px;}
	.drawing-txt {font-size:14px;}

	.floor-menu ul li a {font-size:16px; line-height:45px;}

	.floor-type ul li {width:20%; font-size:12px; line-height:16px;}
	.floor-type .color {width:20px; height:14px;}

	.floor-cnt {padding:20px 30px;}
	.floor-cnt .bt {margin-top:-22px; width:44px; height:44px; background-size:10px; background-color:rgba(0,0,0,.3);}
	.floor-cnt .txt {top:10%; right:10%; left:auto; font-size:40px;}

	.service .head {margin-bottom:25px;}
	.service .head .t1 {font-size:20px;}
	.service .head .t2 {font-size:25px;}
	.service .list {margin-bottom:20px;}
	.service .list ul {margin:0 -5px;}
	.service .list ul li {padding:0 5px; margin-bottom:18px;}
	.service .list ul li div {margin-top:2px; font-size:15px;}
	.service .txt ul {margin-right:-30px;}
	.service .txt ul li {padding:0 30px 0 12px; font-size:18px; background-size:3px 16px;}

	.community .head {margin-bottom:25px;}
	.community .head .t1 {font-size:20px;}
	.community .head .t2 {font-size:25px;}
	.community .slide-area {margin-top:-0.3%;}
	.community .slide-pager li p {height:40%;}

	.type-menu ul li a {font-size:15px; line-height:45px;}
	.type-sub-menu {padding:20px 20px 25px; font-size:16px;}
	.type-sub-cnt {padding:35px 0;}
	.type-sub-cnt .wrap {max-width:560px;}
	.type-sub-cnt .first {font-size:20px;}
	.type-sub-cnt .first h3 {font-size:32px;}
	.type-sub-cnt .item {font-size:17px;}
	.type-sub-cnt .item strong {font-size:20px;}
	.type-cnt .tit {font-size:16px;}
	.type-cnt .tit .row div {padding:5px;}
	.type-cnt .tit big {font-size:25px;}
	.type-cnt .tit .type {width:50%;}
	.type-cnt .tit .num {width:50%;}

	.notification .cnt .logo img {height:90px;}
	.notification .cnt .bt {padding:12px 15px; font-size:16px;}
	.notification .cnt .bt .ico {width:26px; height:26px; background-size:26px;}
	

	/* board */
	.input,
	.select,
	.textarea {font-size:14px;}

	.board-search .select {width:90px;}
	.board-search .input {width:120px;}

	.board-list table thead th {height:40px; font-size:14px;}
	.board-list table tbody td {padding:9px 0; font-size:14px;}

	.board-write .group {font-size:14px;}
	.board-write .title {font-size:14px;}

	.board-view .head .info {font-size:14px;}
	.board-view .body {padding:20px 15px 30px;}

	.prev_next {font-size:14px;}

	.btn-pack.medium {font-size:14px;}

	.gallery-list ul {margin:0 -6px;}
	.gallery-list ul li {padding:0 6px; margin-bottom:20px;}

	.faq {font-size:15px; line-height:24px;}
	.faq .q, .faq .a {top:15px; width:32px; height:32px; line-height:26px; font-size:16px;}
	.faq .tit a {padding:19px 70px 19px 73px; font-size:15px;}
	.faq .tit .icon {top:17px; right:17px; width:24px; height:24px;}
	.faq .cnt {padding:19px 19px 19px 73px;}


} 

/* Landscape phone to portrait tablet */
@media (max-width: 640px) {
	.only-desktop-tablet {display:none;}
	.only-desktop {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	body, input, textarea, select, button, table {line-height:1.65em;}

	.contain {padding-left:10px; padding-right:10px;}

	/* popup */
	.popup-layer {top:70px !important; left:20px !important; right:20px !important;}
	.popup-layer table {width:100% !important; height:auto !important;}

	/* header */
	#main #wrapper,
	#sub #wrapper {padding-top:60px;}
	#header {height:60px; padding:0 16px;}
	.sitelogo {left:16px; top:5px;}
	.sitelogo img {height:50px;}
	.btn-menu {right:13px; margin-top:-16px;}
	.btn-menu span {left:3px; right:3px; height:3px;}
	.btn-menu span:before,.btn-menu span:after {height:3px;}
	.btn-menu span:before {top:-9px;}
	.btn-menu span:after {bottom:-9px;}
	.util {top:13px; right:60px;}
	.util .tel {font-size:17px; line-height:34px; background-size:22px; padding-left:28px;}

	.mobile-navigation {top:60px; max-width:100%;}
	.mobile-navigation .nav-menu {padding:0 16px 30px;}
	.mobile-navigation .nav-menu>ul>li>a {font-size:18px;}
	.mobile-navigation .nav-menu .submenu {padding:9px 16px; margin:0 -16px;}

	#main .lnb-wrap {display:none;}
	.lnb-title {position:relative; z-index:50;}
	.lnb-title p {position:relative; padding:0 16px; color:#fff; font-size:18px; font-weight:500; line-height:45px; height:45px; background:#225084;}
	.lnb-title p:after {content:" "; position:absolute; top:50%; margin-top:-13px; right:21px; width:16px; height:16px; transform:rotate(45deg); border-color:#fff; border-bottom:2px solid; border-right:2px solid;}
	.lnb-title ul {display:none; position:absolute; top:45px; left:0; width:100%; padding:7px 16px; background:#123756;}
	.lnb-title ul li a {display:block; color:#fff; font-size:17px; padding:6px 0;}
	.lnb-title.active p:after {margin-top:-4px; transform:rotate(-135deg);}

	.lnb-m .swiper-container {padding:0 6px 1px;}
	.lnb-m .swiper-container:after {content:""; position:absolute; bottom:0; left:0; right:0; height:1px; background:#dfdfdd;}
	.lnb-m ul li {float:left; position:relative; width:auto;}
	.lnb-m ul li a {display:block; padding:0 10px; color:#505050; font-size:16px; font-weight:300; line-height:40px; text-align:center;}
	.lnb-m ul li.active a {color:#1ca5d8;}
	.lnb-m ul li.active:after {content:""; position:absolute; bottom:-1px; left:50%; width:30px; margin-left:-15px; height:1px; background:#1ca5d8;}

	/* main */
	.fp-table,.fp-section,.fp-tableCell {height:auto !important;}

	.sec-head h2 {font-size:24px;}
	.sec-head img {display:block; margin:0 auto 4px; height:24px;}
	.sec-head span {display:none;}

	#home {background:none;}
	#home:after {display:none;}
	#home .contain {height:auto !important; padding:0;}
	#home .txt-wrap {position:static; height:0; padding-bottom:108.2%; text-align:center; background:url("../images/main/home_bg_m.jpg") 0 0 no-repeat; background-size:cover; overflow:hidden;}
	#home .txt-wrap .txt1 {font-size:15px; margin-top:20px;}
	#home .txt-wrap .txt2 {margin:5px 0;}
	#home .txt-wrap .txt2 img {height:28px;}
	#home .txt-wrap .txt3 {font-size:15px}
	#home .txt-wrap .txt4 {padding:5px 0; font-size:16px; margin-top:10px;}
	#home .txt-wrap .txt4 strong{font-size:17px}
	#home .txt-wrap .txt4 .bar {height:12px;}
	#home .cnt-wrap {position:static;}
	#home .cnt-wrap ul {margin:0;}
	#home .cnt-wrap ul li {float:none; width:100%; background:#225084; margin:0; padding:8px 16px;}
	#home .cnt-wrap ul li:nth-child(even) {background:#0c94c7;}
	#home .cnt-wrap .box {display:table; width:100%;}
	#home .cnt-wrap .box .icon {float:none; display:table-cell; width:70px; vertical-align:middle;}
	#home .cnt-wrap .box .icon img {height:70px; background-color:rgba(255,255,255,.15) !important;}
	#home .cnt-wrap .box dl {display:table-cell; padding:0 0 0 16px; margin-left:0; vertical-align:middle; text-align:left;}
	#home .cnt-wrap .box strong {font-weight:500;}

	#premium {background:url("../images/main/premium_bg_m.jpg") 50% 2% no-repeat; background-size:100% auto;}
	#premium .sec-head {margin-bottom:5px;}
	#premium .sec-cnt {padding:0; margin:0 -16px;}
	#premium .sec-cnt ol li {height:120px; padding-left:16px;}
	#premium .sec-cnt ol li .tit {width:135px; font-size:16px; font-weight:400;}
	#premium .sec-cnt ol li .tit img {height:118px;}
	#premium .sec-cnt ol li .cnt {padding-left:0; font-size:14px;}
	#premium .sec-cnt ol li .cnt h3 {font-size:19px;}
	#premium .more {padding:13px 20px; font-size:16px;}
	#premium .more:after {width:9px; height:16px; margin-left:20px; background-size:auto 16px;}

	#community .sec-head {margin-bottom:20px;}
	#community .info {margin-bottom:30px;}
	#community .info .col {width:50%; padding:0;}
	#community .info .col .in .txt {margin-top:15px;}
	#community .info .col2 {float:none; width:100%; padding:0; margin-bottom:30px;}
	#community .cnt_txt {float:right; width:50%; font-size:5vw; line-height:2em; padding-top:6%;}
	#community .cnt_txt .line1 {margin-right:0;}
	#community .cnt_txt .line2 {margin-left:0;}
	#community .cnt_txt .line2 strong {font-size:30px;}
	#community .more {padding:13px 20px; font-size:16px;}
	#community .more::after {width:9px; height:16px; margin-left:20px; background-size:auto 16px;}

	#introduction .info {padding:0 20px 30px; margin-bottom:40px; border-width:2px;}
	#introduction .info .in {padding-left:40px;}
	#introduction .info .col {float:none; width:100%; padding:20px 0 0; height:auto; border-bottom:1px solid #fff;}
	#introduction .info .num {font-size:44px;}
	#introduction .info .num:after {bottom:-20px;}
	#introduction .info .col-1 {background-size:100% auto; padding-bottom:38%;}
	#introduction .info .col-2 {background-size:60% auto; padding-bottom:35%;}
	#introduction .info .arrow {bottom:-19px; width:46px; height:21px; background-size:46px 21px; margin-left:-23px;}
	#introduction .info:before, #introduction .info:after {height:2px; width: calc(50% - 23px);}
	#introduction .list {margin:0;}
	#introduction .list li {float:none; width:100%; padding:3px 0; font-size:14px; text-align:left; overflow:hidden;}
	#introduction .list li img {float:left; width:66px; margin:0 12px 0 0;}
	#introduction .list li h3 {font-size:15px; margin-bottom:2px; margin-top:14px;}
	#introduction .list li br {display:none;}
	#introduction .list li:nth-child(even) {text-align:right;}
	#introduction .list li:nth-child(even) img {float:right; margin:0 0 0 12px;}
	#introduction .more {padding:13px 15px; font-size:15px; margin-top:25px;}
	#introduction .more:after {width:9px; height:16px; margin-left:14px; background-size:auto 16px;}

	#location #map {width:100%; height:250px;}
	#location .cnt {font-size:14px;}
	#location .cnt p {min-height:60px; background-size:60px auto; padding-left:70px;}
	#location .cnt strong {font-size:15px;}
	#location .cnt .name img {height:16px;}
	#location .cnt .tel {display:block; margin-bottom:15px;}
	
	/* footer */
	#footer .contain {padding-top:20px; padding-bottom:20px;}
	.foot-logo {margin-bottom:25px;}
	.foot-logo img {height:80px;}
	.foot-info .links {max-width:330px; margin:0 auto 20px;}
	.foot-info .links li {padding:0 7px; margin-bottom:8px;}
	.foot-info .links li:first-child {padding-left:12px;}
	.foot-info .links li:nth-child(5):after {display:none;}
	.foot-info .comp-name {margin-bottom:1px;}
	.foot-info .comp-name img {height:16px;}
	
	/* sub */
	.sub-visual {display:none;}

	#contentArea {padding-left:16px; padding-right:16px;}
	.sub-title {border-bottom:0; padding:30px 0 25px; margin-bottom:0;}
	.sub-title:after {display:none;}
	.sub-title .path,
	.sub-title .page-btn {display:none;}
	.sub-title h2 {font-size:23px; margin-bottom:0;}
	
	/* content */
	.doc-tit {font-size:19px; margin-bottom:10px;}
	.doc-tit:before {width:32px; height:2px; margin-bottom:6px;}

	.overview {padding-top:91.6%; background:url("../images/sub/overview_m.jpg") 0 0 no-repeat; background-size:100% auto;}
	.overview .logo {top:20px; left:20px;}
	.overview .logo img {width:65px;}
	.overview .cnt {margin-left:0; padding:0; margin-top:20px;}

	.loca-merit .tit {top:0; width:100%; font-size:20px; margin-bottom:30px;}
	.loca-merit .tit strong {display:block;}
	.loca-merit .merit {margin:0 !important;}
	.loca-merit .merit li {float:none !important; width:100% !important; padding:0 !important; margin:0 0 30px !important;}

	.premium .tit {position:static; width:160px; margin:0 auto 5px;}
	.premium .txt {margin-left:0;}
	.premium .txt ul {margin:0;}
	.premium .txt ul li {float:none; width:100%; padding:10px 0;}
	.premium .imgs {margin-top:20px; margin-bottom:0;}
	.premium .line {background-size:5px 1px;}

	.introduction .info {padding:0 20px 45px; margin-bottom:10px; background:#1398c9 url("../images/sub/info_bg_m.jpg") 50% 100% no-repeat; background-size:100% auto;}
	.introduction .info .in {padding-left:40px;}
	.introduction .info .col {float:none; width:100%; padding:20px 0 0; height:auto; border-bottom:1px solid #fff;}
	.introduction .info .num {font-size:44px;}
	.introduction .info .num:after {bottom:-20px;}
	.introduction .info .col-1 {background-size:100% auto; padding-bottom:38%;}
	.introduction .info .col-2 {background-size:60% auto; padding-bottom:35%;}
	.introduction .info .arrow {bottom:-19px; width:46px; height:21px; background-size:46px 21px; margin-left:-23px;}
	.introduction .list {margin:0;}
	.introduction .list li {float:none; width:100%; padding:3px 0; font-size:14px; text-align:left; overflow:hidden;}
	.introduction .list li img {float:left; width:66px; margin:0 12px 0 0;}
	.introduction .list li h3 {font-size:15px; margin-bottom:2px; margin-top:14px;}
	.introduction .list li br {display:none;}
	.introduction .list li:nth-child(even) {text-align:right;}
	.introduction .list li:nth-child(even) img {float:right; margin:0 0 0 12px;}
	.introduction .more {padding:13px 15px; font-size:15px; margin-top:25px;}
	.introduction .more:after {width:9px; height:16px; margin-left:14px; background-size:auto 16px;}

	.location #map {height:250px;}
	.location .cnt {font-size:14px;}
	.location .cnt p {min-height:60px; background-size:60px auto; padding-left:70px;}
	.location .cnt strong {font-size:15px;}
	.location .cnt .name img {height:16px;}
	.location .cnt .tel {display:block; margin-bottom:15px;}

	.drawing {overflow:hidden; margin-bottom:40px;}

	.floor-menu {margin-bottom:13px;}
	.floor-menu ul li {width:25%;}	
	.floor-menu ul li a {font-size:15px; line-height:40px;}
	.floor-menu ul li.active a:after {height:2px;}

	.floor-type {margin-bottom:10px;}
	.floor-type ul li {width:33.33333333%; margin-bottom:4px;}
	.floor-type .color {width:16px; height:14px;}

	.floor-cnt {padding:15px 10px;}
	.floor-cnt .txt {display:none;}
	.floor-cnt .bt {top:20px; margin-top:0; width:32px; height:32px; background-size:8px;}
	.floor-cnt .bt.prev {left:auto; right:60px;}
	.floor-cnt .bt.next {right:20px;}

	.service .head .t1 {font-size:15px; margin-bottom:3px;}
	.service .head .t2 {font-size:20px;}
	.service .list.col-3 ul li {width:50%; margin-bottom:10px;}
	.service .list.col-3 ul li:nth-child(2n+1) {clear:left;}
	.service .list.col-3 ul li:nth-child(3n+1) {clear:none;}
	.service .list ul li div {font-size:14px;}
	.service .txt ul {margin-right:0;}
	.service .txt ul li {float:none; width:100%; font-size:16px; background-size:3px 12px; padding-right:0; margin-bottom:12px;}

	.community .community-tab {position:relative; width:100%; float:none;}
	.community .community-tab img {width:100%;}
	.community .slide-area {position:relative; width:85%; float:none; margin:5% auto 0;}
	.community .bx-controls {position:absolute; width:100%; top:50%; margin-top:-27.5px;}
	.community .slide-area .bx-controls a{display:block; position:absolute; width:20px; height:42px; text-indent:-9999px;}
	.community .slide-area .bx-prev {background:url("../images/sub/bt4_prev.png") no-repeat; left:-10%;}
	.community .slide-area .bx-next {background:url("../images/sub/bt4_next.png") no-repeat; right:-10%;}

	.type-menu {position:relative;}
	.type-menu:after {content:""; position:absolute; top:0; right:0; bottom:0; width:1px; background:#dfdfdf;}
	.type-menu ul li {width:25%;}
	.type-menu ul li a {font-size:14px; line-height:38px;}
	.type-menu ul li.active a:after {height:2px;}

	.type-sub-menu {border-top:0; padding:18px 0 0 0;}
	.type-sub-menu a {width:19%; font-size:15px; margin-bottom:18px; padding:0;}
	.type-sub-menu a.active:after {bottom:-7px; background-size:10px;}

	.type-sub-cnt {padding:25px 0;}
	.type-sub-cnt .wrap {padding:0 28px;}
	.type-sub-cnt .bt {width:16px; background-size:16px auto;}
	.type-sub-cnt .first {font-size:13px; padding-right:21px;}
	.type-sub-cnt .first:after {top:6px; bottom:6px; right:10px;}
	.type-sub-cnt .first h3 {font-size:20px;}
	.type-sub-cnt .item {font-size:13px;}
	.type-sub-cnt .item strong {font-size:14px;}

	.type-cnt {margin:0 0 15px;}
	.type-cnt .view-top {float:none; width:100%; padding:0; margin-bottom:5px;}
	.type-cnt .view-top .img {padding-top:0;}
	.type-cnt .view-side {float:none; width:100%; padding:0;}
	.type-cnt .tit {position:static; height:45px; padding:0; margin-bottom:5px; font-size:14px;}
	.type-cnt .tit big {font-size:22px;}
	.type-cnt .tit .type {width:35%; padding:10px;}
	.type-cnt .tit .num {width:65%; padding:10px;}

	.notification .cnt .in {position:static;}
	.notification .cnt .logo {position:absolute; top:20px; left:20px;}
	.notification .cnt .logo img {height:80px;}
	.notification .cnt .bt {display:block; text-align:center;}
	.notification .txt {text-align:center;}
	.notification .txt a {display:inline-block;}
	
	
	/* board */
	.input,
	.select {height:34px; padding:4px 8px;}
	.textarea {padding:4px 8px;}

	.board-search .total-page {display:none;}
	.board-search .search {float:none; text-align:left;}
	.board-search .search .select {width:80px;}
	.board-search .search .input {width:calc(100% - 150px);}
	.board-search .search .btn-pack {height:34px; line-height:32px;}

	.board-list {display:none;}
	.board-list-m {display:block;}

	.gallery-list {margin:0 -16px; padding:16px 16px 0;}
	.gallery-list ul {margin:0 -5px;}
	.gallery-list ul li {width:50%; padding:0 5px; font-size:13px; line-height:1.6em; margin-bottom:10px;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}

	.faq {font-size:14px; line-height:22px; margin:0 -16px;}
	.faq .q, .faq .a {left:16px; top:13px; width:28px; height:28px; line-height:23px; font-size:14px;}
	.faq .tit a {padding:15px 40px 15px 54px; font-size:14px;}
	.faq .tit .icon {top:19px; right:16px; width:16px; height:16px;}
	.faq .tit .icon:before, .faq .tit .icon:after {top:6px; width:61%;}
	.faq .cnt {padding:15px 16px 15px 60px;}

	.board-view {margin:0 -16px;}
	.board-view .head .tit {font-size:15px; padding:10px 16px;}
	.board-view .head .info {font-size:12px; padding:8px 16px;}
	.board-view .head .files {padding:10px 15px 0;}
	.board-view .head .files .fileLayer {max-width:60%; right:15px;}
	.board-view .head .files .fileLayer a {word-break:break-all; line-height:1.2em;}
	.board-view .head .files .fileLayer img {vertical-align:middle;}
	.board-view .body {padding:15px 15px 25px;}

	.board-write {margin:0 -16px;}
	.board-write .group {padding:5px 0 5px 90px;}
	.board-write .title {top:10px; left:15px; width:75px;}
	.board-write .files_table .input {width:50% !important;}
	.board-write .textarea {width:100% !important;}
	.board-write input#title {width:75% !important;}

	.prev_next {margin:0 -16px; padding:0;}
	.prev_next dt {width:83px; padding:0 0 0 16px; text-align:left; margin-right:0;}
	.prev_next dd {margin-left:95px; padding-right:15px; color:#777;}
	.prev_next dd a {display:inline-block; vertical-align:top; max-width:95%; color:inherit; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

	.buttons {margin:16px 0;}
	
	.btn-pack.medium {height:34px; line-height:32px;}
	.btn-pack.large {height:38px; padding:0 20px; font-size:15px; line-height:36px;}
	.btn-pack.submit {width:120px; font-size:15px;}
	.btn-pack.cancel {width:120px; font-size:15px;}

	.board-password {width:100%; border:1px solid #ccc; border-radius:8px; background-size:40px auto; padding:70px 15px 30px;}
	.board-password dl dt {font-size:15px; line-height:1.3em;}
	.board-password .input {width:120px !important;}

	.paginate {margin:16px 0;}
	.paginate a, .paginate strong {width:32px; height:32px; margin:0 -2px 0 -3px; font-size:14px; line-height:32px;}
	.paginate a.direction {border:1px solid #ddd; background-size:32px;}
	.paginate a.direction.prev {margin-right:7px;}
	.paginate a.direction.next {margin-left:7px;}

	.mailform {margin:0 -16px;}
	.mailform .top-txt {padding:0 16px; font-size:13px;}
	.mailform table {border-top-width:2px;}
	.mailform table tbody th {padding:8px 16px 8px 16px; font-size:15px;}
	.mailform table tbody td {padding:8px 16px 8px 12px; font-size:15px;}
	.mailform table tbody td .item {width:100%; padding:1px 0;}
	.mailform table tbody td .item.item2 {width:45%;}
	.mailform #mobile_1,
	.mailform #mobile_2,
	.mailform #mobile_3 {width:30% !important;}
	.mailform #email1,
	.mailform #email2 {width:45.5% !important;}
	.mailform #email3 {display:block; margin-top:5px; width:100% !important;}
	.mailform #sido,
	.mailform #gugun {width:49% !important;}

	.form-agree {margin-top:20px;}
	.form-agree dd {font-size:14px; padding:6px 0 0 0;}
	.form-agree .btn {display:none;}
	.form-agree .scroll-box {height:80px; font-size:13px; line-height:18px;}
	
} 

/* Landscape phones and down */
@media (max-width: 480px) {
	
}