@charset "utf-8";
 
@media (max-width: 1600px) {
	.quick-menu {right:16px; bottom:16px;}
	
}

@media (max-width: 1460px) {
	.quick-links {display:none;}
}

@media (max-width: 1280px) {
	.footer-top {grid-template-columns:1fr;}
	.foot-nav {margin-right:100px;}
}


/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}	

	/* header */
	.sitelogo {margin-left:0;}
	#gnb {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}
	

	/* main */


	/* footer */


	/* sub */
	.categorys ul li a {min-width:110px;}

	.sub-flex .lnb-wrap {width:180px;}
	.sub-flex .lnb-wrap .lnb > li > a {min-height:48px;}
	.sub-flex .lnb-wrap .lnb > li > ul > li > a {min-height:40px;}

	.signboard-summary .summary-card {padding:16px;}

	/* content */

	/* board */
	
	.ui-datepicker-trigger {width:40px; height:40px; background-size:18px auto;}

	.board-list table tbody td {padding:14px 16px;}

	

	/* member */


} 

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


	/* header */
	

	/* main */
	
    .m-prj-wrap {flex-direction:column; gap:30px;}
    .m-prj-head.m-head {flex:0; margin:0;}

    .m-prj-accordion {width:100%; flex:none;}

    .main-contact .m-contact-info {flex:0 0 260px;}
    .main-contact .m-contact-form {padding:30px;}



	/* footer */

	/* sub */
	

	/* content */
	.history-content .items {grid-template-columns:repeat(2, 1fr);}

	.sub-flex {flex-direction:column;}
	.sub-flex .lnb-wrap {width:100%;}
	.sub-flex .body-content {width:100%;}

	.design-list {grid-template-columns:repeat(2, 1fr); gap:40px 20px;}

	.signboard-summary {grid-template-columns:repeat(2, 1fr);}

	.signboard-board {flex-direction:column;}
	.signboard-board .board-list-area {width:100%;}
	.signboard-board .board-side-area {width:100%;}

	.signboard-form-inner {flex-direction:column;}
	.signboard-form-aside {width:100%;}

	.guide-row {grid-template-columns:1fr;}
	.guide-contact-grid {grid-template-columns:1fr; gap:24px;}

	/* board */	

	/* member */
	.mypage-info-addr > .input {max-width:none;}


} 

/* portrait phone */
@media (max-width: 767px) and (orientation: portrait) {
	body, input, textarea, select, button, table {font-size:15px;}
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/* header */
	.user-account .toggle-button .profile-img {width:24px; height:24px;}
	.user-account .toggle-button {padding:5px 3px;}
	.user-account .toggle-layer {min-width:120px; padding:4px 0;}
	.user-account .toggle-layer ul li a {padding:8px 12px;}

	/* main */
	.main-hero .swiper-slide {height:360px;}
    .main-hero .caption {padding:0 10px;}
	.main-hero .caption .text-1 {font-size:22px;}
	.main-hero .caption .text-2 {font-size:14px;}
    .main-hero .button {display:none !important;}
    .main-hero .page-scroll .text {font-size:11px; margin-bottom:10px;}
    .main-hero .page-scroll .track-bar {height:40px;}
    .main-hero .swiper-pagination {bottom:70px;}
    .main-hero .swiper-pagination-bullet {margin:0 2px !important;}

	.m-head {gap:6px;}
	.m-head .sm {font-size:var(--font-size-18);}
	.m-head .tit {font-size:var(--font-size-32);}
	.m-head .txt {font-size:var(--font-size-16);}

	.m-btn {font-size:var(--font-size-18);}

    .m-biz-items {flex-direction: column;}
    .m-biz-item {aspect-ratio:unset; min-height:150px; border-radius:10px;}
    .m-biz-item:after {background-image:linear-gradient(to right, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); background-color:transparent; opacity:1;}
    .m-biz-item .text {top:20px; left:20px;}

    .m-prj-accordion {flex-direction:column; height:auto; gap:10px;}
    .m-prj-item {min-width:auto; height:auto; flex:0 0 52px; border-radius:10px;}
    .m-prj-link .info {left:20px; bottom:20px;}
    .m-prj-item.is-active {flex:1 1 160px;}

    .main-counter .items {flex-direction: column; text-align:center; gap:20px; margin:0 20px;}
    .main-counter .item {padding:24px;}

	.main-display {position:relative;}
	.main-display .m-head {position:relative; z-index:1; padding:30px 0; width:50%;}
	.main-display .image {position:absolute; top:0; right:0; width:66%; height:100%;}
	.main-display .image img {width:100%; height:100%; object-fit:cover;}

    .main-contact .m-contact-wrap {gap:24px; flex-direction: column;}
    .main-contact .contact-item .value {font-size:18px;}
    .main-contact .m-contact-info {padding:0; min-height:auto; gap:24px;}
    .main-contact .m-contact-form {padding:24px; max-width:none; width:100%;}
    .main-contact .form-fields {gap:16px;}
    .main-contact .form-row {flex-direction: column; gap:16px;}

	/* quick */
	.quick-menu {bottom:0; right:0; display:flex; flex-direction:column; align-items: flex-end; gap:10px;}
	.quick-links {display:flex; flex-direction:row; gap:0; width:100vw;}
	.quick-links .link-item {width:100%; border-radius:0; gap:10px;}
	.scroll-top {order:-1; margin:0 10px 0 0; width:44px; height:44px;}

	/* footer */
	#footer {padding-bottom:100px;}
	.foot-nav {margin-right:0; gap:20px; grid-template-columns:repeat(3, auto);}

	/* content */
	.sub-hero h2 {font-size:22px;}

	.strength {grid-template-columns:1fr;}

	.certificates .button {width:40px; height:40px;}
	.certificates .button svg {width:8px; height:auto}
	.certificates .prev {left:-10px;}
	.certificates .next {right:-10px;}

	.history-nav .tabs li a {font-size:14px;}
	.history-content {padding:20px;}
	.history-content .items {grid-template-columns:1fr;}

	.directions {flex-direction:column; padding:20px;}
	.directions .map-area {width:100%;}
	.directions .map-area .root_daum_roughmap .wrap_map {height:240px !important;}
	.directions .info-area {width:100%;}

	.categorys ul {gap:6px;}
	.categorys ul li a {font-size:14px; min-width:auto; padding:8px 14px;}

	.design-list {gap:30px 16px;}
	.design-detail-heading {gap:20px; padding:10px 0 20px;}
	.design-detail-head {gap:8px;}
	.design-detail-head .title {font-size:var(--font-size-32);}
	.design-detail-project {grid-template-columns:1fr; max-width:none; min-height:auto;}
	.design-detail-project .project-item {min-height:70px; padding:12px 15px;}
	.design-detail-project .project-item + .project-item {border-left:0; border-top:1px solid #E5E5E5;}

	.sub-flex .lnb-wrap .lnb > li > a {min-height:40px;}
	.sub-flex .lnb-wrap .lnb > li > ul > li > a {min-height:38px;}

	.top-signboard-hero {height:250px;}
	.top-signboard-hero .inner {padding:20px;}

	.signboard-summary .summary-card .value strong {font-size:22px;}

	.signboard-board {flex-direction:column;}
	.signboard-board .board-list-area {width:100%;}
	.signboard-board .board-guide {min-height:120px;}

	.signboard-cta {flex-direction:column; gap:10px;}

	.signboard-detail {display:flex; flex-direction:column; gap:20px;}
	.signboard-detail .detail-media {width:100%;}
	.signboard-detail .detail-info {width:100%; min-height:auto;}
	.signboard-detail .detail-btn {width:100%;}

	.guide-box {padding:20px 16px;}
	.color-chips {grid-template-columns:repeat(2, 1fr); gap:8px;}
	.color-chip {grid-template-columns:28px 1fr;}
	.color-chip .label {padding:0 4px; font-size:12px;}
	.guide-contact {grid-template-columns:1fr; gap:10px;}

	.faq-q {padding:12px;}
	.faq-a {padding-left:16px;}

	.form-section-head--icon {padding-bottom:6px;}

	.form-row--2 {grid-template-columns:1fr;}
	.form-proof-fields {gap:18px;}
	.form-field {gap:6px;}
	.form-period-options {grid-template-columns:1fr; gap:6px;}
	.form-design-options {grid-template-columns:1fr; gap:6px;}
	.form-pay-options {grid-template-columns:1fr; gap:6px;}
	.form-addr {gap:6px;}
	.form-addr .input {width:100%;}
	.form-addr-btn {min-width:88px; height:40px;}
	.form-label-sub {display:block; font-size:13px;}
	.form-row--biz {flex-direction:column; gap:6px;}
	.form-bizno {width:100%;}
	.form-row--biz .form-addr-btn{width:100%;}
	.form-complete {padding:16px 0;}
	.form-complete-deposit {padding:20px 16px;}

	.signboard-photo {grid-template-columns:repeat(2, 1fr); gap:30px 16px;}


	
	/* board */
	.input {font-size:14px; padding:0 10px; height:40px;}
	select.input {padding-right:26px; background-position:right 8px center; background-size:12px auto;}
	textarea.input {padding:7px 10px;}

	.board-search {flex-direction:column; align-items: flex-start; gap:10px;}
	.board-search .search {width:100%;}
	.board-search .search input.input {width:100%;}
	.board-search .total-page {order:2;}

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

	.btn-pack.medium {min-width:90px; min-height:40px;}
	.btn-pack.large {min-width:140px; min-height:48px;}

	.paginate {margin-top:24px;}
	.paginate a, .paginate strong {width:32px; height:32px; font-size:13px;}

	

	/* member */
    .join-field {flex-direction:column; align-items:stretch; gap:4px;}
    .join-field .form-label {min-height:auto; min-width:auto;}
    .join-field .form-group .input::-webkit-input-placeholder {font-size:13px;}

	.mypage-order-head {padding:12px 16px;}
	.mypage-order-table-head {display:none;}
	.mypage-order-item {padding:16px 16px; display:block;}
	.mypage-order-item > div:not(:first-child) {display:flex; justify-content:space-between; align-items: center; gap:10px; margin-top:8px;}
	.mypage-order-item .col-name {margin-bottom:16px;}
	.mypage-order-item .col-label {display:block; color:#8a8a8a;}

	.mypage-counsel-head {padding:12px 16px;}
	.mypage-counsel-body {padding:16px;}

	.inquiry-list {display:none;}
	.inquiry-list-m  {display:block;}
	.inquiry-view-head {padding:16px; gap:8px;}
	.inquiry-view-head .tit {font-size:20px;}
	.inquiry-view-question {padding:20px 16px;}
	.inquiry-view-answer {padding:20px 16px;}
	.inquiry-view-answer .answer-box {padding:16px;}
	.inquiry-form-wrap {padding:20px 16px;}

	.guide-contact-grid {grid-template-columns:1fr;}
	.guide-account-table thead th,
	.guide-account-table tbody th,
	.guide-account-table tbody td {padding:12px 10px;}

	.mypage-info-box {padding:20px 16px;}
	.mypage-info-form .form-addr-btn {min-width:88px; height:40px;}

} 


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