@import url('sub.css');


/* 온라인문의 */
.online_inquiry{width:100%;}
.online_layout{display:grid; grid-template-columns: 545px minmax(0, 1fr); gap:60px; align-items:start;}
.online_left{display:flex; flex-direction:column; gap:40px;}

.online_intro .fs45{}
.online_intro .fs45 .pointColor{line-height: inherit; letter-spacing: inherit;}
.online_intro .fs18{margin:15px 0 0; color:var(--basic);}

.online_contact{border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:30px 0; display:flex; flex-direction:column; gap:15px;}
.online_contact * {font-family:'Pretendard', 'Wanted Sans', Malgun Gothic,'Malgun Gothic', sans-serif}
.online_addr{margin:0; display:flex; align-items:flex-start; gap:5px; color:var(--black); font-weight: 600;}
.online_addr::before{content:'\f6ea'; font-family: var(--icon); font-weight: 400; font-size:24px; line-height:1; display:inline-block; opacity: 1; color:var(--black); position: relative; top: 4px;}

.online_meta{list-style:none; padding:0 2px; margin:0; display:flex; flex-wrap:wrap; gap:5px 20px;}
.online_meta li {display:flex; gap:10px; }
.online_meta .label{margin:0; color:var(--black); font-weight:600; flex-shrink: 0; line-height:162.5%;}
.online_meta .value{opacity:0.8; line-height:162.5%;}
/*//온라인문의 */



/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 

	.online_layout{display:grid; grid-template-columns: 40% minmax(0, 1fr);}
}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

	/* 온라인문의 */
	.online_layout{grid-template-columns: 1fr; gap:40px;}
	.online_left{gap:25px;}
	.online_contact{padding:20px 0;}
	/*//온라인문의 */

}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

	/* 온라인문의 */
	.online_layout{gap:30px;}
	.online_meta li{gap:10px;}
	.online_addr::before{font-size:22px; top: 2px;}

	.online_left {gap:15px;}
	.online_left br {display: none;}
	.online_contact {padding:15px 0; gap:10px;}
	.online_intro .fs18 {margin:5px 0 0;}
	.online_meta {gap:0;}
	.online_meta li {width:100%;}
	/*//온라인문의 */

}