@charset "utf-8";


@media only screen and (max-width:1180px){


	.baseWidth { flex:0 0 auto !important; width:auto !important;}

	  .fxRight { 
		left: 30px !important; 
		bottom:40px !important;  
		transform: translateX(0);
		width:100%;
	}
	.item1 .mta > i { width:46px; margin-top:-7px; }
	.item1 .mta > i img { width:100%; }
	.item1 .mta .mainTextArea div:nth-child(1) span { 
		font-size:24px; 
		margin:-5px 0 0 -5px;
	}
	.item1 .mta .mainTextArea div:nth-child(1) i.logotype-1 { width:180px; }
	.item1 .mta .mainTextArea div:nth-child(1) i.logotype-1 img { width:100%; }
	.item1 .mta .mainTextArea div:nth-child(2) { margin-top:10px; }
	.item1 .mta .mainTextArea div:nth-child(2) span {
		font-size:30px; 
		letter-spacing: -1px;
	}
	.item1 .mta .mainTextArea div:nth-child(3) {
		margin:30px 0 40px;
	}
	.item1 .mta .mainTextArea div:nth-child(3) span {
		font-size:17px; 
		letter-spacing: -1px;
	}
}


@media only screen and (max-width:1024px){
	.sv { padding:30px 0 30px; }
	.sv h2 { font-size:30px; }
	.header { 
		height: 60px; 
		border-bottom:1px solid #eeeeee;
	}
	.header > div {
		width:100%;
		padding:0 0;
	}

	/* PC Àüü¸Þ´º */
	.allMenuPc { position: fixed; left: 0; top: 56px; z-index:9999; width: 100%; height: 100vh; background: #fff; display: none;}
	.allMenuPc.show { display: block;}
	.amInside { padding:20px 0 0 0  }
	.amInside nav > ul {  width:100%; height:100%; }
	.amInside nav > ul > li { 
		transition: all 0.5s;
	}
	.amInside nav > ul > li > a {
		font-size:18px; font-weight:800; display: block;
		line-height: 24px;
		padding:16px 20px;
		border-bottom:1px solid #e3e3e3;
		position:relative;
	}
	.amInside nav > ul > li > a::before { 
		content:"";display:block;
		width:1px; height:14px; background:#ccc;
		position:absolute; right:27px; top:50%;
		transform:translateY(-50%);
		transition:all 0.2s ease-out;
	}
	.amInside nav > ul > li > a::after { 
		content:"";display:block;
		width:14px; height:1px; background:#ccc;
		position:absolute; right:20px; top:50%;
		transform:translateY(-50%);
	}
	
	.amInside nav > ul > li > a.on::before { opacity:0; }

	.amInside nav > ul > li ul { padding:15px 0 10px; display: none; background:#eee; }
	.amInside nav > ul > li ul li a { 
		font-size:16px; padding:6px 40px 6px; 
		margin-bottom:5px; font-weight: 500; line-height: 1.4; display: inline-block; position: relative;
	}

	.all_close { position:absolute; right:30px; top:30px; display: none;}


}

@media only screen and (max-width:850px){
	.subContent { flex:0 0 auto !important; width:auto !important;}
}

@media only screen and (max-width:550px){
	.sv { padding:20px 0 10px; }
	.sv h2 { font-size:28px; }
	.s3_titleArea {  flex-wrap:wrap;}
	.s3_titleArea p { padding-left:10px; padding-top:10px;}

	.baseColorGradient { font-size:10px; letter-spacing:3px; }
}

@media only screen and (max-width:430px){
	.consultFormList article div.answer .fxBoxNew .wd-250px { width:160px; flex:0 0 160px; }
	.etcLogin { flex-wrap:wrap;}
	.etcLogin li { flex:0 0 100%; } 
}


@media only screen and (max-width: 1024px) {
	.baseThumType1 article { flex:0 0 49%;  }
	.boardConLayout { padding:40px 20px 100px; }
	.boardListWrap { max-width:1140px; margin:0 auto; }
	.boardViewWrap  { max-width:1140px; margin:0 auto; }

	.board__top {
		margin-bottom: 1rem;
		flex-wrap:wrap;
	}  
	.board__search {
		flex:0 0 100%;
		gap: 0.4rem 0.8rem;
		order:1;
	}
	.boardText { order:2; margin-top:30px; }
	.totalPost { padding-bottom:5px; }
	.board__search-input[type="text"],.board__search-input[type="password"] {
		width: calc(100% - 150px);
	}

	.board__view-info {
		flex-wrap: nowrap;
		flex-direction:column;
	}

	.board__view-info > p {
		font-size: 1.5rem;
	}

	.board__view-file { 
		padding:3rem 0;
	}
	.board__view-file-title { font-size:1.4rem; }

	.board__view-list-item {
		padding: 2rem 0;
		padding-right: 20px;
	}
	.board__view-list-item > span { font-size:1.4rem; }
	.board__view-list-item > a { font-size:1.4rem; }
	.board__view-list-item::before {
		right:0;
	}

	.baseListType1 .listThum1 { margin-top:20px; }
	.listThum1 a {
		flex-wrap:wrap;
		 padding-bottom:40px;
	}
	.listThum1 a .listThumImg { flex:0 0 100%; }
	.listThum1 a .listThumCon {
		padding: 30px 0 0 0;
	}
	.listThum1 a .listThumCon > span { word-break:break-word; }

	.nodata { font-size:1.4rem !important; }
}


@media only screen and (max-width:1280px){
	.board-list .board-item.question,
	.board-list .board-item.answer { padding: 10px 0 10px 0; }

	.board-list .board-item.question p.num { position:absolute; left:10px; top:50%; transform:translateY(-50%); }
	.board-list .board-item.answer p.num { position:absolute; left:10px; top:50%; transform:translateY(-50%); display:none; }

	.board-item.question a.title { padding-left:40px; }
	.board-item.answer .cont { padding-left:40px; }


	.joinLayout { padding-top:30px; }
	.joinTitleArea { }
	.joinTitleArea h3 { font-size:20px; }
	.joinBoxWrap {}
	.joinBoxWrap article > div .fxb .fxInp { flex-wrap:wrap;  }
	.joinBoxWrap article > div .fxb .fxInp .wd-505px { width:100% !important; margin:0 !important; }
	.joinBoxWrap article > div .fxb .fxInp .wd-505px:nth-child(1) { margin-bottom:5px !important; }
	.joinBoxWrap article.fxHalf { flex-wrap:wrap; }
	.joinBoxWrap article.fxHalf > div { flex:0 0 100% !important; }
	.joinBoxWrap article.fxHalf > div:nth-child(2) { border-top:1px solid #eceef4; }
	.comFormChk label span { margin-left:10px; font-size:16px; }

	.btnGray { font-size:14px; }
	a.btnGray { font-size:14px; }
	a.btnGray2 {  font-size:14px; }

	.useBox1 { padding:0 30px; }
	.useBox2 { padding:70px 30px 80px; }
	.useCommDiv h3 { padding-bottom:25px;}
	.useCommDiv h3 strong { font-size:30px; }
	.useCommDiv h3 em { font-size:30px;  }
	.useSellList { flex-wrap:wrap;}	
	.useSellList article { flex:0 0 100%; margin-top:15px; }	
	.useSellList article:nth-child(1) { margin-top:0; }	
	.useSellList article h4 { font-size:20px; padding:20px 0; }
	.useSellList article div { padding:30px 40px 30px 20px; }
	.utList > li { font-size:14px;margin-top:15px; }
	.utList > li::before { top:10px }
	.utList > li h5 { font-size:16px; margin-bottom:10px; }
	.utList > li .yuroList { display: flex; justify-content:space-between; }
	.utList > li .yuroList li { font-size:14px !important; flex:0 0 30%; }
	.utList > li .yuroList li:nth-child(even) { flex:0 0 5%; }
	.utList > li p { padding:15px 0; text-align: center; background:#f4f5fa; font-weight:600;}
	.utList > li span { text-align: center; font-weight:400; color:#818181; line-height:1.5; font-size:16px; display: block; padding:15px 30px 0;}
	.useBox3 { padding:70px 30px 80px; }
	.useBuyArticle {  flex-wrap:wrap;}
	.useBuyArticle article { flex:0 0 100%; margin-bottom:25px;}
	.useBuyArticle article h4 { font-size:20px; padding:20px 0; }
	.useBuyArticle article div { padding:30px 40px 30px 20px;  }
	.useBuyArticle article div > ul > li { font-size:16px; margin-top:20px; padding-left:12px }
	.useBuyArticle article div > ul > li h5 { font-size:16px;  }
	.useBuyArticle article div > ul > li ul li { font-size:14px; margin-bottom:10px; padding-left:12px;}
	.useBuyArticle article div > ul > li ul li::before { top:13px }
	.useBuyArticleBottom article ul { padding:0 20px 20px;  }
	.useBuyArticleBottom article:nth-child(1) h4 { font-size:20px; padding:40px 0 20px; }
	.useBuyArticleBottom article:nth-child(1) ul li { padding:20px 15px 20px 25px; font-size:16px; }
	.useBuyArticleBottom article:nth-child(2) h4 { font-size:20px; padding:40px 0 20px; }
	.useBuyArticleBottom article:nth-child(2) ul li { padding:25px 15px; font-size:16px; 	}

	.newBoard__write { padding:0 30px; }


	.listHeader {flex-direction:column; width:100%;}
	.listHeader p { flex:1;}
	.listHeader .fxHorEnd { width:100%;}
	.lectureTotal { padding:40px 0 0 0;justify-content:flex-start;width:100%;	order:2;}
	.lectureTotal span { font-size:14px; margin-left:6px;}

	.btnSearchArea { width:100%; }
	.search_type1 { flex-wrap:wrap; width:100% !important; display:flex; gap: 0; justify-content:flex-end;}
	.search_type1 .select-style { flex:0 0 calc(50% - 2.5px) !important; width:calc(50% - 2.5px) !important; }
	.search_type1 .select-style:nth-child(1) { margin-right:2.5px; }
	.search_type1 .select-style:nth-child(2) { margin-left:2.5px; }
	.search_type1 input.wd-350px { flex:0 0 100% !important; width:100% !important; margin:5px 0;}

	.fxWrapMobile { width:auto !important; justify-content:center;}
	.fxWrapMobile input.wd-250px { flex:0 0 auto !important; margin:5px 0;}


	.boardTable colgroup { display:none; }
	.boardTable thead tr th { display:none; }
	
	.boardTable { display:flex; width:100%; border:none; 	border-top:1px solid #d4d3d5;}
	.boardTable tbody  { display:flex; width:100%; flex-direction:column;}
	.boardTable tbody tr { display:flex; align-items:center; width:100%; border-bottom:1px solid #d4d3d5; flex-wrap:wrap; padding-top:10px; }
	.boardTable tbody tr th { flex: 0 0 100%; border:none; display:flex; padding-left:0; padding-bottom:0; }
	.boardTable tbody tr td { flex: 0 0 auto; border:none; display:inline-flex; position:relative; align-items:center; font-size:14px; padding-top:10px; }
	
	.boardTable tbody tr:hover th,
	.boardTable tbody tr:hover td { background:none; }

	.boardTable tbody tr th.title { margin-bottom:10px; }
	.boardTable tbody tr th.title a { font-size:18px; }
	.boardTable tbody tr td.addr { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.addr::before { 
		content:"À§Ä¡";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#26ba3d; margin-right:5px;
		font-size:12px; font-weight:700; color:#fff;
	}
	.boardTable tbody tr td.type { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.type::before { 
		content:"±¸ºÐ";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#666; margin-right:5px;
		font-size:12px; font-weight:700; color:#fff;
	}
	.boardTable tbody tr td.floor { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.floor::before { 
		content:"Ãþ";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#fff; margin-right:5px;
		font-size:12px; font-weight:700; color:#333; border:1px solid #333;
	}
	.boardTable tbody tr td.pyeong { margin-right:10px; padding:4px 0; }
	.boardTable tbody tr td.pyeong::before { 
		content:"Æò¼ö";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#fff; margin-right:5px;
		font-size:12px; font-weight:700; color:#333; border:1px solid #333;
	}
	.boardTable tbody tr td.sbtn { flex:0 0 100%; width:100%; padding-top:10px; display:flex; justify-content:flex-end; }

	.buyBtn { display: flex; justify-content: center;}
	.buyBtn a.btnDetailView { width:30px; height:30px;}
	.buyBtn a.btnDetailView i { width:14px; height:14px; }
	.buyBtn a.btnSale {font-size:14px;height:30px; padding-left:10px; padding-right:10px;	}

	.bottomBtnArea { padding-bottom:80px; }
	.position-absolute-left { top:auto; bottom:0;}
	.position-absolute-right { top:auto; bottom:0;}

	.position-absolute-left button.wd-100px { width:auto !important; padding-left:15px; padding-right:15px; }
	.position-absolute-right button.wd-100px { width:auto !important; padding-left:20px; padding-right:20px; }

	.svAnother { padding-bottom:0; margin-bottom:0; }
	.buyArea {
		position: relative; left:auto; bottom:auto; transform: translateX(0);
		width:auto; max-width:1272px;
		display: flex; justify-content: space-between;
		margin-bottom:-30px;
		margin-top:30px;
		overflow:hidden;
	}
	.buyArea .buyTab { display: flex; width:100%; overflow:auto;}
	.buyArea .buyTab li { margin-right:5px; height:54px; }
	.buyArea .buyTab li a { 
		border-radius:10px 10px 0 0; background:rgba(255,255,255,0.5); 
		display: flex; justify-content: center; align-items: center; width:70px; color:#8f8f8f;
		height:100%;
		font-size:14px;
		font-weight:600;
		transition: all 0.35s ;
	}
	.buyArea .buyTab li:hover a{ background:rgba(255,255,255,1); color:#0b318f; font-weight:800;}
	.buyArea .buyTab li.on a { background:rgba(255,255,255,1); color:#0b318f; font-weight:800;}
	.buyArea a.btnMore { display:none; }

	.buyArea .buyTab._Three li { margin-right:5px; height:54px; flex:0 0 calc(33.333333% - 5px); }
	.buyArea .buyTab._Three li a { width:100% }

}


@media only screen and (max-width:1024px){
	#main { position:relative;}

	.joinBoxWrap article > div .fxb { flex-wrap:wrap; }
	.joinBoxWrap article > div .fxb input[type=text],
	.joinBoxWrap article > div .fxb input[type=password] {  width:100% !important; }
	.joinBoxWrap article > div .fxb em { display:inline-block; padding:10px 0 0; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr { flex-wrap:nowrap; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr input[type=text] { flex:0 0 auto !important; width:auto !important; }

	.joinTitleArea .neceText em { font-size:14px; }
	.joinTitleArea .neceText span { font-size:14px; }
	.comFormRadio label span { font-size:16px; }


	.agLayer .agLayout .layerBox { 
		display:block;
		width:94%;
		margin:0 10px;
		padding:10px 20px;
		box-sizing: border-box; 
	}

	.useBuyArticleBottom { flex-wrap:wrap;}
	.useBuyArticleBottom article { flex:0 0 100%; margin-top:10px;  }
	.useBuyArticleBottom article:nth-child(1) { margin-top:0;  }
	.subContent_new { padding-top:10px; }
	.select-style { width:180px; }

	.fxBottomBtn { padding-left:30px; padding-right:30px; }
}

@media only screen and (max-width:768px){
	.board_top {display: flex;justify-content: center;	align-items: flex-end;margin-bottom: 30px;}  
	.board_search { gap: 0.4rem 0.8rem; }
	.select-style select { height: 45px; padding: 0 10px;padding-right: 5rem;font-size: 16px;}
	.board_search input.wd-350px { width:auto !important; }
	.btnNavy { width:100px; height:45px; font-size:16px; }
}

@media only screen and (max-width: 640px) {

	.loginWrap {
		min-height: auto;
		padding: 10px 10px;
		box-sizing: border-box;
	}
	.subContent { 
		padding:10px 10px;
		width:100%;

	}

	.baseWidth { 
		flex:0 0 auto !important; width:auto !important;	
		padding:0px 0px;
	}

	.baseThumType1 article { flex:0 0 100%;  }
	.txtLength em { font-size:13px; }
	.txtLength span {font-size:13px; }

	.findWrap {
		width:auto; 
		margin:0 20px;
	 }
	.findBox {
		padding:20px 20px 40px;
	}

	
	.agLayer .agLayout .layerBox h2 { font-size:16px; font-weight:700;}
	.textOverflow1 { height:400px;padding:10px; }
	.agLineTxt { line-height:1.8; font-size:12px;  }
}


@media only screen and (max-width:570px){
	.joinBoxWrap { border-top:none; margin-bottom:40px;}
	.joinBoxWrap article { border-bottom:none; }
	.joinBoxWrap article > div { flex-wrap:wrap;}
	.joinBoxWrap article > div label { flex:0 0 100%; padding:5px 0 0; }
	.joinBoxWrap article > div .fxb { flex:0 0 100%; padding:10px 0;}
	.joinBoxWrap article.fxHalf > div:nth-child(2) { border-top:none; }

	.board_top { margin-bottom: 30px;width:100%;	}  
	.board_search { gap: 0 0; flex-wrap:wrap; width:100%;}
	.board__search { gap: 0 0; flex-wrap:wrap; width:100%; justify-content:flex-end;}
	.select-style { width:100%; }
	.select-style select {width:100%;}
	.board__search-input { width:100% !important; margin:5px 0 !important; }
	.board_search input.wd-350px { width:100% !important; margin:5px 0; }
	.btnNavy { width:100%; }


	.detailWrap { border-top:1px solid #333; margin-bottom:0;}
	.detailWrap article { border-bottom:1px solid #eceef4; }
	.detailWrap article > div { display:flex; align-items:center; padding:0 0;}
	.detailWrap article > div label { flex:0 0 110px; padding:0 0 0;}
	.detailWrap article > div label strong { font-size:14px;}
	.detailWrap article > div label em { margin-left:0; font-size:14px;}

	.detailWrap article > div .fxb { flex:1; display:flex; align-items:center; padding:15px 0;}
	.detailWrap article.fxHalf > div:nth-child(2) { border-top:1px solid #eceef4; }

	.detailWrap article > div .fxb em { margin-left:0; }
	.detailWrap article > div .fxb.fxbEmail span { font-size:14px; margin:0 10px;  }

	.smallBox { padding:4px 6px; border-radius:3px; font-size:14px;}
	.smallBox2 { padding:3px 0; font-size:14px;}
	.smallBox3 { padding:0 5px; border-radius:3px; }
	.smallBox4 { padding:5px 0; font-size:14px; }

	.detailWrap article > div .fxb em { padding:3px 5px 3px; font-size:12px; font-weight:700;}
	.addrDetail { display:block; }
	.addrDetail em { display:inline-block; }
	.addrDetail strong { font-weight:400; display:block; margin-top:5px; }

	.fxWrapMobile { width:100% !important; }
	.fxWrapMobile input.wd-250px { flex:0 0 100% !important; }

}

@media only screen and (max-width:450px){

	.joinLayout { padding:10px 20px; }
	.agreeChkList ul li { 
		display:flex; 
		justify-content:space-between; 
		flex-wrap: nowrap; /* ÁÙ¹Ù²Þ ¹æÁö */
		margin:20px 0; 
	}
	.comFormChk label span { 
		margin-left:5px; 
		font-size:12px; 
		line-height:1.4;
		padding-right:1px; 
	}
	a.btnGray2 {
		margin-left:10px;
		padding-left:5px; 
		padding-right:5px; 
		height:24px;  
		font-size:11px; 
		width:80px;
	}
	.joinTitleArea { display:block;}
	.joinTitleArea h3 {font-size:16px; font-weight:500;}
	.joinTitleArea .neceText {width:100%;}
}
@media only screen and (max-width:390px){
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr { flex-wrap:wrap; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr input[type=text] { flex:0 0 90% !important; width:100% !important; }
	.joinBoxWrap article > div .fxb .fxInp.fxInpAddr a { width:100% !important; margin-left:0 !important; margin-top:5px; }
	.fxHorCenter .btns._buy { width:100% !important; }
}