/* 공통 */
.about-bg{display: none;}
.inner{width: 90%; max-width: 1400px; margin: 0 auto;}

/* 헤더변경 */
.navbar{   display: flex; justify-content: center; padding: 0 !important; margin: 0; width: 100%; }   
.navbar .dropdown.show a:active {background-color: #6c757d;}
.navbar .container{    display: flex;flex-direction: column;    max-width: 100%; padding: 0;}
.navbar-brand{margin-right: 0;}
.navbar-brand img{height: 52px; margin: 15px 0;}
.navbar-expand-lg .navbar-collapse{width: 100%; background:#043349; height: 62px;}
.navbar-nav{/*margin: 0 auto; height: 70px;*/ display: none;}
.navbar-nav .login{display: none;}
#mySidebar .inner{display: none;}
.top_sub1, .top_sub2, .top_sub3, .top_sub4, .top_sub5, .top_sub6, .top_sub7{margin-top: 105px !important;}
.carousel{margin-top: 188px;}

.container-fluid .container{max-width: 1400px;}
.container-fluid, .container-fluid .col-md-12{padding-left: 0 !important; padding-right: 0 !important;}


/* 푸터 */
footer{background-color: #043349;}
footer .en1{width: 280px; margin-right: 30px;}
footer .en1 img{width: 100%;}
footer .foot-box{display: flex; justify-content: left;}
footer .foot-info p{margin-bottom: 0; margin-top: 7px; color: #fff !important;}
.ft-row{display: flex; gap: 30px;}
footer .qr{    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 600;
}
footer .qr img{width: 100% ; height: 100%;}

/* 메인 슬라이드 */
.carousel-indicators li{width: 10px !important; height: 10px !important;}
.carousel-fade .carousel-item{transition-duration: 2s;}


/* section1 */
.section1{padding: 20px 0;}
.section1 .inner{
	display: flex; gap: 20px;
	height: 335px;
}
.section1 .cont{width: 50%;}
.section1 .title{margin: 30px 20px; position: relative;display: flex; justify-content: space-between;}
.section1 .title h3{margin-bottom: 0 !important; color: #fff;    font-family: 'SUITE-ExtraBold' !important;}
.section1 .cont1{display: flex; gap: 20px; }
.section1 .cont1 .item{width: 50%; cursor: pointer; overflow: hidden;}
.section1 .cont1 .item a{position: relative;}
.section1 .cont1 .item1{background: url('/theme/theme_wide_17/img/quickbg01.png') no-repeat 50% 50%; background-size: cover;}
.section1 .cont1 .item2{background: url('/theme/theme_wide_17/img/quickbg02.png') no-repeat 50% 50%; background-size: cover;}
.section1 .cont2 h3{margin-bottom: 0 !important; text-align: center; color: #043349;    font-family: 'SUITE-ExtraBold' !important;}
.section1 .cont1 .item > a > img{position: absolute; top: 0; left: 0; transition: 0.3s;}
.section1 .cont1 .item:hover img{ transform: scale(1.1);}
.section1 .cont2{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.section1 .cont2 .item{display: flex; align-items: center; justify-content: center; border: 3px solid #043349;}
.section1 .cont2 .item1{background: url('/theme/theme_wide_17/img/quickbg03.png') no-repeat; background-size: cover;}
.section1 .cont2 .item2{background: url('/theme/theme_wide_17/img/quickbg04.png') no-repeat; background-size: cover;}
.section1 .cont2 .item3{background: url('/theme/theme_wide_17/img/quickbg05.png') no-repeat; background-size: cover;}
.section1 .cont2 .item4{background: url('/theme/theme_wide_17/img/quickbg06.png') no-repeat; background-size: cover;}

/* section2 */
.section2{background-color: #f3f2ee; padding: 20px 0;}
.section2 .inner img{width: 100%;}

/* section3 */
.section3{ padding: 20px 0;}
.section3 .inner{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.section3 .col-lg-6{height: 300px; max-width: 100%; padding-left: 0px !important; padding-right: 0px !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);}

/* section4 */
.section4{background: url('/theme/theme_wide_17/img/gallery-bg.png') no-repeat; background-size: cover; padding: 50px 0;}
.section4 h3{text-align: center; margin-bottom: 20px;    font-family: 'SUITE-ExtraBold' !important;}
.section4 .f14{ background: #fff;margin: 0;padding: 20px;text-align: center;}

/* section5 */
.section5{padding: 20px 0;}
.section5 .inner{display: flex; gap: 20px;}
.section5 a{display: block; width: 100%; height: 100%; overflow: hidden;}
.section5 a img{width: 100%; height: 100%; object-fit: cover;transition: 0.4s;}
.section5 .cont{width: 50%; height: 500px;}
.section5 .cont1{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.section5 .cont2{ overflow: hidden;}
.section5 .cont2 .item{height: 50%;}
.section5 .cont2 .item1{margin-bottom: 20px;}
.section5 .item:hover img{transform: scale(1.1);}

/* section6 */
.section6{}





/* 서브페이지 */

/* content css */

.ctt_admin{max-width: 1400px; margin: 0 auto; width: 90%; margin-top: 20px; margin-bottom: 50px;}
.sub_inner{display: flex; margin-bottom: 50px;}
.sub_inner #ctt{margin: 0 !important;}
.sub_inner .col-md-3{max-width:fit-content !important; padding-left: 0 !important; padding-right: 0 !important; }
.sub_inner .col-md-9{border-right: 1px solid #ddd; flex: auto !important; max-width: 100% !important; width: 100% !important;}
.sub_inner .col-md-9 .sub-title{border-bottom: 2px solid #392e26; margin-top: 18px;}
.sub_inner .sub-title h1{text-align: center; font-size: 30px !important; font-weight: 600;}
.sub_inner .sub-title p{text-align: right; margin-bottom: 20px !important;}

/* view.skin write.skin css */
.board-container{display: flex; margin-bottom: 50px;}
.inner .row{width: 100% !important; margin: 0 !important;}
.inner .col-md-10{padding: 0 15px !important; border-right: 1px solid #ddd; flex: none !important; max-width: calc(100% - 235px) !important;}
.inner .col-md-10 .sub-title{margin: 19px 20px 40px;     border-bottom: 2px solid #392e26 !important;}
.inner .col-md-10 #bo_w .sub-title{margin: 19px 0px 40px;}
.inner .sub-title h1{text-align: center; font-size: 30px !important; font-weight: 600; margin-bottom: 5px !important;}
.inner .sub-title p{text-align: right; margin-bottom: 14px !important;}
#bo_v_title .bo_v_tit{font-size: 24px !important; margin: 20px 0 0 !important;}
.col-sm-2{padding-left: 0 !important; padding-right: 0 !important; flex: none !important; max-width: 235px !important;}
#bo_v{width: auto !important; margin: 0 20px;} /* 게시판 */
#bo_w{width: auto !important; margin: 0 20px;} /* 갤러리 */


@media(max-width:991px){
	/* 서브페이지 */
	.sub-title{margin: 17px 0 10px !important;}
	.sub_inner{flex-direction: column;}
	.sub_inner .col-md-3, .sub_inner .col-sm-2, .inner .col-md-10{max-width: 100% !important;}
	.sub_inner .col-md-9, .inner .col-md-10{border-right: none; padding-left: 0 !important; padding-right: 0 !important;}
	.sub_inner #ctt{padding: 20px 0 !important;}
	#bo_list, #bo_gall, #bo_v, #bo_w{margin: 0 !important;}
}
@media(max-width:723px){
	#mysubmenu > ul >ul a{width: calc(98% / 3) !important;}
}



/* 회원가입, 아이디 비밀번호 찾기 페이지 css */
#login_fs legend{display: none !important;} /* 아이디 입력 안 되는거 해제 */
.mb_log_cate h2{font-size: 16px ;}
.register{margin-top: 200px !important; margin-bottom: 20px; max-width: 1400px; width: 90%;}
.register .btn_confirm .btn_close{display: flex; justify-content: center; align-items: center;}
.new_win {margin-top: 250px; margin-bottom: 50px;}
.new_win .new_win_con {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}
.half_input{width: 100% !important;}
.register .btn_confirm .btn_close{border: 1px solid #ddd;}


/* mobile */
@media (min-width: 1px) and (max-width: 1089px) {

	.fixed-header {display:block;position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
	.login{display:block}
	.mpage{display:block;}
	.spage{overflow-x:auto;white-space: nowrap;}

	footer .qr{display: none;}
    footer .copy{font-size: 13px;}

	.fixed-top {
		position: fixed;
		top: 34px;
		right: 0;
		left: 0;
		z-index: 1030;
	}
}

/* desktop */
@media (min-width: 1090px) {

	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}


	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#f2f2f2 !important; }
	.fixed-top {
		position: fixed;
		top: 34px;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}

.footer h2{margin:0 0 20px; 0}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-first{
	padding: 50px 0px 50px 20px;
    background: #4c4f6f;
    font-size: 20px;
	color:#fff;
    font-weight: bold;
    border-top: 3px solid #313450;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.carousel-item a{color:#fff;}

/* 네비게이션 수정 */
.dropdown-menu {
    border-radius: 0px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 4px 15px;
    clear: both;
    font-weight: 600;
    color: #888;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 14px;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.color-gray{color:#666}
.color-red{color:#ff0000}


.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 15px;}
.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}

/* pages */
.info-2 i{font-size:20px;}
table th, table td{ font-family: 'S-CoreDream-4Regular';font-size: 14px;}



#bo_v_sns li span{display:none;}
#bo_v_sns {display:none;position:absolute;top:-50px;right:0px;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}

/* 반응형 */
@media(max-width:1024px){
	.section1 .inner{height: 250px;}
	.section1 .title h3, .section1 .cont2 h3, .section4 h3{font-size: 22px;}

	footer .foot-box{flex-direction: column; gap: 20px;}
}
@media(max-width:991px){
.h-cont{width: 90%;display: flex;justify-content: space-between;align-items: center;}
.container-fluid .container{max-width: 100% !important;}
.carousel{margin-top: 105px;}

#navbarResponsive{
	justify-content: end!important;
	width: 100%;
	position: absolute;
	top: 90px;
	left: 0;
	background-color: #fff;
}
#navbarResponsive > ul{display: block; background-color: #fff;}
#custom-menu{display: none;}
.navbar>.container{ width: 100%;}
.navbar-brand{ margin-right: 0 !important;}
.navbar-toggler{}
.navbar-nav li{border-bottom:1px solid #ddd ; padding: 5px 15px !important;}
.navbar-nav li:first-child{border-top:1px solid #ddd ;}
.navbar-nav li:last-child{display: none;}
.navbar-nav li a{display: flex !important; align-items: center; justify-content: space-between;}
.nav-item.dropdown.megamenu-li.show {
	background: #043349;
	color: #fff;
}
#tnb_index a {padding:0 5px;}
.dropdown-toggle::after {
	display: block !important;
}

}
@media(max-width:768px){


	.section1 .inner{flex-direction: column; height: auto;}
	.section1 .cont{width: 100%; height: 200px;}
	.section1 .cont1{height: fit-content;}
	.section1 .cont1 .item{height: 150px;}
	.section1 .cont1 .item .title h3{font-size: 24px;}
	.section1 .cont1 .item1{background: url('/theme/theme_wide_17/img/quickbg01.png') no-repeat 50% 75%; background-size: cover;}
    .section1 .cont1 .item2{background: url('/theme/theme_wide_17/img/quickbg02.png') no-repeat 50% 75%; background-size: cover;}

	.section3 .inner{grid-template-columns: repeat(2, 1fr);}
	.section5 .inner{flex-direction: column;}
	.section5 .cont{width: 100%;}
	.section5 .cont2 .item a img{height: 150px;}

	.navbar-brand img{height: 32px;}
	#navbarResponsive{top: 65px;}
	.ft-row{flex-direction: column; gap: 0px;}
}

@media(max-width:500px){
	.section1 .cont1{flex-direction: column;}
	.section1 .cont1 .item{width: 100%;}
	.section1 .title h3, .section1 .cont2 h3, .section4 h3{font-size: 18px;}

	.section3 .inner{grid-template-columns: repeat(1, 1fr);}

	.section5 .cont{ height: fit-content !important;}


	/* 서브 */
	.boardDate{width: 15%;}
}