/* -- -----------------------------------------------------------------------------------------------------------------------------------main ▼-- */
#main { display: flex; justify-content: center; padding: 0 12%; background: #DBE5EE; }
#main .main_inner { margin: 4rem 0; width: 100%; max-width: 1460px; font-size: 1rem; }
#main .main_wrap { display: flex; }
#main .main_wrap > div { margin: 0.5rem; }

#main_left { width: 40%; } 
#main_center { width: 30%; } 
#main_right { width: 30%; } 

/* #main .slide { height: 280px; background: #FFF; } */
/* #main .slide img { width: 100%; height: 100%; } */

#main .notice { margin-top: 1rem; height: 237px; background: #FFF; }
#main .notice .active { position: relative; background: #77daff; color: black; font-size: 1rem; }
#main .notice .active:after { content:''; position: absolute; bottom: -1px; left:0; display: inline-block; width: 100%; height: 1px; background: #77daff; }
#main .notice p { display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 0.5rem; font-size: 15px; font-family: "Montserrat", "Noto Sans KR"; font-weight: 400; letter-spacing: -0.05rem; }
#main .notice p a { position: relative; display: inline-block; padding-left: 10px; width: 75%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#main .notice p a:before { content:''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; background: #BDCCD9;}
#main .notice p small { display: inline-block; width: 20%; text-align: right; letter-spacing: 0.01rem; color: #90979D; }
#main .notice > div { width: 100%; }
#main .notice_tab { display: flex; align-items: center; text-align: center; border-bottom: 1px solid #DDD; background: #EBF1F6;}
#main .notice_tab a { display: block; padding: 1rem 0; width: calc(100% / 3); font-size: 1rem; border-right: 1px solid #DDD; color: #606970; }
#main .notice_tab a:last-child { border-right: none; }
#main .notice_txt { position: relative; padding: 0 1rem; height: calc(100% - 55px ); }
#main .notice_txt div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: calc(100% - 2rem); }

#main .job { display: flex; align-items: center; text-align: center; }
#main .job a { margin: 0 0.2rem; padding: 2rem 1rem 1rem 1rem; width: calc(100% / 3); height: 210px; background: #FFF; }
#main .job p { display: block; margin-top: 2rem !important; width: 100%; font-size: 1rem; }
#main .job img { display: block; margin: auto; width: 100px; height: 100px; }
#main .job a:first-child { margin-left: 0; }
#main .job a:last-child { margin-right: 0; }

#main .quick { display: flex; margin-top: 1rem; padding: 0 1rem; background: #FFF; }
#main .quick > div { width: 50%; }
#main .quick a { display: flex; align-items: center; margin: auto; padding: 1.2rem 0; width: 95%; font-size: 0.95rem; letter-spacing: -0.005rem; border-bottom: 1px solid #DDD; }
#main .quick a:hover i { color: #FFF; background: #1B2B38; border: 1px solid #1B2B38; transition: 0.5s;}
#main .quick a:last-child { border-bottom: none; }
#main .quick a span { width: 100%; text-align: center; }
#main .quick img { display: inline-block; margin-right: 8px; width: 58px; height: 58px; line-height: 58px; border-radius: 50%; font-size: 1.5rem; text-align: center; background: #F9F9F9; }

/* 로그인 후에 중앙 정렬 center 2022.05.21 by ojtiger*/
#main .login { padding: 1.2rem 1rem; background: #FFF; color: #606970; text-align: center;}
#main .login a { display: inline-block; margin-top: 1.2rem; padding: 0 0.5rem 0 0.2rem; font-size: 0.8rem; border-right: 1px solid #DDD; font-family: 'YeolrinGothic-Light','Noto Sans KR'; color: #606970;}
#main .login a:last-child { border-right: none; }
#main .login_input {text-align: center;}
#main .login_input p{margin: 0px;}
#main .login_input form fieldset{ display: flex; justify-content: space-between; }
#main .login_input input { margin: 0 0.1rem; padding: 0.8rem 0.5rem; width: 100%; border: 1px solid #DDD; font-size: 0.8rem; background: #FFF; }
#main .login_input button { margin-left: 0.2rem; height: 45px; width: 90%; }
#main .login_input div#logged{ margin-left: 0.2rem; height: 45px; line-height: 45px; color:#000; text-align: center; width:100%; }
#main .login_input div#logged:after{ content: '님'; font-size:0.9rem;}

#main .gallery { margin-top: 1rem; padding: 1rem; background: #FFF; } 
#main .gallery_tab { display: flex; align-items: center; margin-top: 0.5rem; text-align: center; border: 1px solid #FFF; }
#main .gallery_tab a { display: flex; align-items: center; justify-content: center; width: calc(100% / 2); height: 50px; font-size: 0.9rem; line-height: 1.2rem; border-right: 1px solid #FFF; color: #FFF; }
#main .gallery_tab a:last-child { border-right: none; }

#main .gallery_tab a:nth-child(1) { background: #56C800; }
#main .gallery_tab a:nth-child(2) { background: #3B87FF; }
#main .gallery_tab a:nth-child(3) { background: #FF720D; }
#main .gallery_tab a:nth-child(4) { background: #008638; }

#main .gallery > div {width: 100%; }
#main .gallery_img { display: block; width: 100%; height: 215px; overflow: hidden; }
#main .gallery_img img, #main .gallery_img iframe {  object-fit: cover; width:100%; height:215px; }

#main .site { display: block; margin: 0.5rem; padding: 1.3rem 2rem; background: #FFF; position: relative;}
/* #main .site img { display: block; width: 100%; height: 40px; } */



@media screen and (min-width: 1201px) and (max-width: 1880px){
	#main { padding: 0 1%; }
}

@media (max-width: 1200px) { 
	#main .main_wrap { flex-wrap: wrap; flex-direction: column; }
	#main_left { width: 100%; }
	#main_center { width: 100%; }
	#main_right { width: 100%; }
	#main .site { width: 100%; }
}

@media (max-width: 900px) { 
	#main { padding: 90px 2% 0 2%; }
	#main .main_inner { margin-top: 0; }
	#main .main_wrap > div { margin: 0; }
	#main .site { margin: 0; margin-top: 1rem; }
	#main .login { display: none; }
	#main .job { margin-top: 1rem; }
}

@media (max-width: 400px) { 
	#main .main_inner { margin-top: 1rem; }
	#main .quick { flex-wrap: wrap; }
	#main .job { margin-top: 1rem; }
	#main .job a { margin: 0.1rem; padding: 1rem 0.5rem 1rem 0.5rem; height: 150px; }
	#main .job img { width: 80px; height: 80px; }
	#main .job p { margin-top: 1rem !important; font-size: 0.9rem; }
	#main .gallery_img { height: 200px; }
}





/*- ojtiger */

.bo_sch {margin-left: -165px !important}
.bo_sch select{ padding: 0 !important}

/* layout.css */
#header .nav_list_m > ul {
	padding-bottom:59px !important
}

.Wrap{ position: initial !important}

.share-btn-col{
	text-align: right;
	margin-top:30px;
	font-size:0px !important;
	height:20px !important;
}