@charset "utf-8";

@media (max-width:1200px) {
	.registration.abs {position:relative; top:auto !important; right:auto; padding-left:0 !important;}
	.registration.abs.ty2 {margin:20px 0;}
}

/* Landscape tablet */
@media (max-width:1024px) {
	
	/* header */	
	#header {height:80px;}
	.btn-m-menu {display:block;}
	#gnb ul {display:none;}
	
	/* main */
	.main-visual .thumb .txt h2 {font-size:20px;}
	.main-visual .thumb .txt p {font-size:20px;}
	
	/* footer */
	.foot-logo img {height:50px;}
	.foot-info .contain {padding:25px 0 25px 170px;}

	.bt-top {position:fixed; top:auto; bottom:20px; right:20px; margin-top:0; box-shadow:1px 3px 10px rgba(0,0,0,.15); z-index:100;}
	.bt-top img {height:40px;}
	
	/* sub */
	.lnb ul li a {font-size:16px; line-height:60px;}

	/* content */
	.doc-tit {padding-left:17px; padding-bottom:10px; margin-bottom:12px; font-size:17px;}
	.doc-tit:before {top:6px; width:12px; height:12px;}

	.doc-cnt {font-size:15px; line-height:24px; margin-bottom:30px;}
	.doc-cnt .indent {margin-left:17px;}
	.doc-cnt br {display:none;}

	.consulting .tit:after {width:6px; height:6px;}
	.consulting .table table tbody td {padding:20px 10px 20px 50px;}
	.consulting .table table tbody td .dot-list2 > li:after {width:4px; height:4px;}
	.consulting .table table tbody th .icon img {height:50px;}
	
	.necessity .num-list li br {display:none;}
	
	.duties .process > ul {margin:0; grid-template-columns:repeat(3, 1fr); display:grid; gap:15px;}
	.duties .process > ul > li {float:none; width:100%; padding:0;}
	.duties .process > ul > li .title {height:55px;}
	.duties .process > ul > li .txt {padding:20px;}

	.ceo {width:100%; height:auto; padding:30px; background-size:cover;}
	.ceo h3 {font-size:22px; line-height:2em;}
	.ceo p {font-size:15px; line-height:2em;}
	.ceo span {font-size:17px; line-height:2em;}

	/* board */
	.project-wrap {gap:20px; padding-right:0; display:flex;}
	.project-menu {width:auto; padding:20px 0 50px 20px; top:0; position:-webkit-sticky; position:sticky; right:0; block-size:fit-content; order:2; flex:1;}
	.project-menu h3 {font-size:18px;}
	.project-menu > ul > li {margin-bottom:15px;}
	.project-menu > ul > li > a {font-size:17px; line-height:22px;}
	.project-menu .submenu > ul > li {margin-bottom:2px;}

	.project-list {max-width:73%;}
	.project-list ul li {padding:20px 0;}
	.project-list ul li .thumb {width:200px;}
	.project-list ul li .txt {margin-left:225px; padding-bottom:30px;}
	.project-list ul li .txt .tit {font-size:18px; margin-bottom:10px;}
	.project-list ul li .txt p {font-size:15px; line-height:24px;}
	.project-list ul li .date {bottom:20px; left:225px; font-size:14px; line-height:22px;}

} 

/* Landscape phone */
@media (max-width:700px) {
	.only-desktop {display:none !important;}
	.only-mobile {display:block !important;}

	.contain, #contArea {padding-left:15px; padding-right:15px;}

	/* header */
	#header {height:60px;}

	.sitelogo {left:15px;}
	.sitelogo img {height:40px;}

	.btn-m-menu {top:22px; right:15px; width:26px; height:20px;}
	.btn-m-menu span {width:25px;}
	.btn-m-menu span:before,
	.btn-m-menu span:after {width:26px;}
	.btn-m-menu span:before {top:-9px;}
	.btn-m-menu span:after {bottom:-9px;}

	.mobile-navigation {display:block; width:300px;}
	.mobile-navigation .close {top:13px; width:20px; height:20px;}
	.mobile-navigation .close:before, .mobile-navigation .close:after {top:9px; height:2px;}
	.mobile-navigation .nav-menu>ul>li>a {font-size:17px; line-height:44px;}

	/* main */
	.main-visual .slick-dots {bottom:15px;}

	.main-visual .thumb {height:80vh;}
	.main-visual .thumb .caption {padding:0 15px; justify-content:center; text-align:center;}
	.main-visual .thumb .txt {display:block;}
	.main-visual .thumb .txt h2 {text-shadow:1px 3px 10px rgba(0,0,0,.4); font-size:18px;}
	.main-visual .thumb .txt p {text-shadow:1px 3px 10px rgba(0,0,0,.4); font-size:15px;}

	/* footer */
	#footer {font-size:13px; line-height:1.5em;}
	.foot-info .foot-logo {margin-bottom:15px; position:relative; top:auto; left:auto; transform:none;}
	.foot-logo img {height:40px;}
	.foot-info .contain {padding:25px 15px;}

	.bt-top {bottom:15px; right:15px;}
	.bt-top img {height:35px;}

	/* sub */
	.sub-visual {height:250px;}
	.sub-visual h3 {font-size:25px; line-height:1.3em;}
	.sub-visual p {font-size:15px; line-height:2em;}
	.sub-visual .in {text-align:center; margin-top:30px;}

	.lnb {margin-top:0; height:auto;}
	.lnb ul li {min-width:auto;}
	.lnb ul li a {padding:0 5px; font-size:13px; height:42px; line-height:1.4em; display:flex; align-items:center; justify-content:center;}

	.real-cont {padding-bottom:60px;}

	/* content */
	.sub-title h2 {font-size:22px; height:45px;}
	.sub-title h2:after {content:""; position:absolute; bottom:0; left:50%; margin-left:-28px; width:56px; height:3px;}
	
	.doc-cnt .indent {margin-left:0;}
	.doc-cnt .indent .group {    margin-bottom:8px;}

	.consulting .table colgroup col {width:100% !important;}
	.consulting .table table,
	.consulting .table table tr,
	.consulting .table table th,
	.consulting .table table td {display:block !important;}

	.consulting .table table tbody td {padding:20px;}
	.consulting .table table tbody th .icon {line-height:0;margin-bottom:10px;}
	.consulting .table table tbody th .icon img {height:40px;}
	.consulting .table table tbody th .tt {font-size:15px;}
	.consulting .tit:after {width:5px; height:5px;}

	.necessity .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.necessity .table table {width:800px;}

	.duties .process > ul {display:flex; flex-direction:column;}
	.duties .process > ul > li .txt {height:auto;}
	.duties .process > ul > li:last-child {border-radius:10px; overflow:hidden;}
	.duties .process > ul > li:last-child .txt {display:none;}
	
	.duties .table {display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	.duties .table table {width:800px;}

	.planning .cell {display:block; width:auto; vertical-align:baseline;}

	.introduce .pic {margin-bottom:25px;}	
	.introduce .txt {padding-bottom:200px; background:url(../images/sub/introduce_logo.jpg) 50% 80% / 60% no-repeat;}
	.introduce .txt p {font-size:15px; line-height:1.7em; margin-bottom:15px;}
	.introduce br {display:none;}

	.root_daum_roughmap,
	.root_daum_roughmap .wrap_map {height:250px !important;}

	.local ul li {float:none; width:100%;}
	.local ul li p {margin-left:100px;}
	
	.registration.abs {width:100%;}

	/* board */
	.board-list {display:none !important;}
	.m-board-list {display:block !important;}

	.project-wrap {display:block;}

	.project-menu {position:relative; padding:15px 20px;}
	.project-menu .submenu ul {grid-template-columns:repeat(2, 1fr); display:grid;gap:5px;}
	.project-menu h3 {font-size:16px;}
	.project-menu > ul > li > a {font-size:15px; line-height:1.4em;}
	.project-menu .submenu {padding-left:10px; padding-top:7px;}
	.project-menu .submenu > ul > li > a {font-size:14px; line-height:1.4em;}

	.project-list {max-width:100%;}
	.project-list ul li {padding:20px 0; display:flex; flex-direction:column; align-items:flex-start;}
	.project-list ul li .txt {margin-left:0; padding-bottom:0;}
	.project-list ul li .thumb {width:100%;}
	.project-list ul li .txt .tit {font-size:16px; margin:10px 0;}
	.project-list ul li .date {bottom:auto; left:auto; position:relative; font-size:13px; line-height:1.3em; margin-top:10px;}
	
	/* 온라인상담 폼 */
	.mailform {margin:0;}
	.mailform table tbody th {padding:7px 15px 7px 15px; height:auto; font-size:14px;}
	.mailform table tbody td {padding:7px 15px 7px 0; font-size:14px;}

	.mailform #strEmail1,
	.mailform #strEmail2 {width:100%; max-width:45%;}
	.mailform #strEmail3 {margin-top:10px;}
	
	.form-agree {margin:20px 0 30px;}
	.form-agree .btn {display:none;}
	.form-agree dt {font-size:14px;}
	.form-agree dd {font-size:13px;}
	.form-agree .scroll_box {height:60px; padding:8px; font-size:13px; line-height:18px;}
	.form-agree .btn {font-size:13px;}
	.form-agree .btn span {display:none;}

	.board-search .total-page {display:none}
	.board-search .search {float:none; width:100%; text-align:center;}
	.board-search .search .select {min-width:70px;}
	.board-search .search .input {width:calc(100% - 180px);}
	.board-search .search .btn-pack {padding:0 10px;}

	.faq {margin:0 auto 20px;}
	.faq .tit {background-position:5px 50%;background-size:25px;}
	.faq .tit a {padding:10px 40px 10px 40px;}
	.faq .tit .icon {top:10px; right:15px;}
	.faq .cnt {padding:10px 15px 10px 40px}

	.calendar .head {height:40px;}
	.calendar .head span {font-size:20px;}
	.calendar .head .btn {top:0; height:35px; font-size:14px; line-height:35px;}
	.calendar .body table thead th {height:35px; font-size:.9em; border-width:2px;}
	.calendar .body table tbody td {padding:3px; height:50px; border-width:2px;}
	.calendar .body table tbody td .day {width:20px;height:20px; font-size:.8em; line-height:20px;}
	.calendar .body table tbody td ul li {font-size:.8em;}
	
	.gallery-list ul {margin:0 -4px;}
	.gallery-list ul li {padding:0 4px; width:50%}
	.gallery-list ul li:nth-child(3n+1) {clear:none;}
	.gallery-list ul li:nth-child(2n+1) {clear:left;}


	.board-write {border-top:0;}
	.board-write .group {padding-left:68px;}
	.board-write .title {left:0; width:65px;}
	.board-write #title {display:block; width:100% !important; margin-bottom:3px;}
	.board-write #contentA {height:380px;}
	.board-write #etc_3 {width:100%;}
	.board-write .editar-wrap {display:none;}
	.board-write .grade-wrap {display:inline-block; width:48%;}
	.board-write .files_table .input {width:55% !important; margin-right:3px !important;}

	.board-view .head .tit {padding:10px 5px; font-size:16px;}
	.board-view .head .info {padding:10px 5px;}
	.board-view .head .files {padding:10px 5px 0;}
	.board-view .head .files .fileLayer {right:5px;}
	.board-view .body {padding:10px 0 20px;}

	.prev_next dl {padding:6px 0 6px 68px;}
	.prev_next dl dt {margin-left:-68px; margin-right:0; padding:0 15px 0 5px;}
	.prev_next dl dd a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}

	.comment-area {padding:5px;}
	.comment-write .write {height:50px; margin-top:5px; padding:0 90px 0 0;}
	.comment-write .write textarea {height:50px;}

	.buttons {margin:15px 0; padding:0 15px;}

	.btn-pack.xlarge {height:36px; padding:0 12px; text-align:center; font-size:15px; line-height:34px;}
	.btn-pack.comment {width:85px; height:50px; line-height:48px; font-size:14px;}
	.btn-pack.submit,
	.btn-pack.cancel {width:100px; height:42px; line-height:40px; font-size:14px;}

	.paginate {margin:25px 0;}
	.paginate a,
	.paginate strong{width:30px;height:30px;font-size:13px;line-height:28px;}  
	
} 

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

}