@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Roboto:400,700');
@import url('../../../nariya/css/g5.css');

@font-face {
    font-family: 'Shilla_CultureB-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;

}
@font-face {
    font-family: 'KCCMurukmuruk';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/KCCMurukmuruk.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'SANGJUGyeongcheonIsland';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANGJUGyeongcheonIsland.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.s-f{ font-family:'SANGJUGyeongcheonIsland', sans-serif; }
/*추가 CSS시작*/
.color01{color: #036082 !important;}
.color02{color: #ed028b !important;}
.color03{color: #40ae49 !important;}
.color04{color: #25408f !important;}
.color05{color: #be2c2d !important;}
.color06{color: #ff5722 !important;}
.color07{color: #8f7f6d !important;}
.color08{color: #308f7a !important;}
.color09{color: #642d91 !important;}
.pf_pt{text-align: center;padding: 25px 0 0 0 !important;}
.pf_txt{text-align: center;}
.pf_txt span{font-size: 23px;font-weight: 600;}
.m1_9{background-color: #f5f5f5;padding: 20px 10px;}
.gallery-container {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;width: 1000px;max-width: 100%;}
.gallery-container img {width: 100%;height: auto;display: block;object-fit: cover;padding: 0px 5px;}
@media (max-width: 1024px) {
.gallery-container {grid-template-columns: repeat(2, 1fr); }
}
 @media (max-width: 600px) {
.gallery-container {grid-template-columns: 1fr;}
}

/*추가 CSS끝*/
/********************************************************
■ Theme Common
********************************************************/
body { margin:0; padding:0;	background:#fff; color:#000; }
h1, h2, h3, h4, h5, h6, .en { font-family:"Roboto", sans-serif; }
.bg-Green2{background:#45bec5;color:#fff;}
.bg-Green2 a{color:#fff;}
.bg-blue {background:#3a96e3;color:#fff;}
.bg-blue a{color:#fff;}
.link-box{padding : 20px;}
.link-box:hover{padding : 0px;}
.link-box-height{height : 154px;}
.link-box-height:hover{background:#008d91;font-size : 16px;}
.link-box-height img{height : 100px;}
.banner-link-bg{background:url('/theme/2023/img/banner_bg.jpg') top right no-repeat;background-size : 100% 100%;border-bottom : 1px dashed #ddd;}
.banner-link-bg2{background:url('/theme/2023/img/banner_bg2.jpg') top right no-repeat;background-size : 100% 100%;border-bottom : 1px dashed #ddd;}
.banner-link-bg3{background:url('/theme/2023/img/banner_bg3.jpg') top right no-repeat;background-size : 100% 100%;}
.G-more{position : absolute; top:21px; right : 21px;}
	.G-more button.btn:hover{background:#3a96e3!important;color:#fff;}
	.G-more button.btn:hover .text-dark{color:#fff!important;}
.border-right-dashed{border-right : 0.05em dashed #4ba5aa!important;}
.border-bottom-dashed{border-bottom : 0.05em dashed #4ba5aa!important;}
.border-top-dashed{border-top : 0.05em dashed #4ba5aa!important;}
.IN_1_G-img-align{text-align:right;}
.w-10{float : left;width : 10%;}
.rounded-10{border-radius:10px;}
.rounded-link{border-radius:10px 10px 0px 0px;}

/* 서브페이지 추가 */
.sub-mtitle-box{padding-top:100px;line-height: 34px;text-shadow: 0.1rem 0.1rem 0px #333333;}
.sub-mtitle-box span.sub-mtitle{font-size : 38px;font-weight : 800; letter-spacing : -0px;}
.sub-mtitle-box p{font-size : 20px;padding:0px;letter-spacing : -1px;}
.in7w-map{min-height : 600px;}/* 오시는 길 사이즈 */
.GS_IN-img-m{display:none;}

/********************************************************
■ Theme Layout : 테마 레이아웃
********************************************************/
.main-banner-img{width : 100%; height :auto;}
.main-banner-img-m{display:none;}

@media all and (min-width:768px) {
	.main-box-1{height : 300px;}
    
}
@media all and (min-width:768px) {
	.main-box-1{height : 300px;}  
}
@media all and (min-width:991px) {
	.main-box-1{height : 320px;}
}
@media all and (min-width:1200px) {
	.main-box-1{height : 400px;}
}

@media all and (max-width:768px) {

}


.wrapper { background:#fff; }
.sub-m-menu{display : none;}
.menu_anseng-side-w{display : none;}

@media all and (max-width:1200px) {
    .G-link-bg{line-height : 18px;}    
    .link-box-height{height : 145px;}
    .link-box-height img{width : 80px; height : 80px;}
}

@media all and (max-width:991px) {
	
	.w-10{float : left;width : 20%;}
	.link-box{padding : 10px;}
	
	.m-mt{margin-top:21px!important;border-radius:0px!important;}
	.responsive .wrapper { overflow-x:hidden; }
    .menu_anseng{display : none;}
	.menu_anseng-side{display : none;}
    .menu_anseng-side-w{display : block;}
	
    .link-box-height{height : 140px;}
    .link-box-height img{margin-top:10px;width : 70px; height : 70px;}

    .sub-m-menu{display : block;width : 100%; height :auto;}
}

@media all and (max-width:768px) {
	.w-10{float : left;width : 25%;}
	.m-mt{margin-top:21px!important;border-radius:0px!important;}

    .main-banner-img{display:none;}
    .main-banner-img-m{display : block;width : 100%; height :auto;}

    .link-box-height{width : 25%; height : auto;padding-bottom : 20px;}
    .link-box-height img{width : 100%; height : auto;}

	.sub-mtitle-box{padding-top:48px;line-height: 30px;text-shadow: 0.1rem 0.1rem 0px #333333;}
	.sub-mtitle-box span.sub-mtitle{font-size : 32px;font-weight : 800; letter-spacing : -3px;}
	.sub-mtitle-box p{font-size : 16px;padding:0px;}

	.IN_1_G-img-align{text-align:center;padding-bottom:20px;}
	.IN_1_G-img-align img{width : 50%; height : auto;}


}

@media all and (max-width:575px) {
    
    .m-p-4{padding : 10px 5px!important;border-radius:0px!important;}
    .mborder-bottom-dashed{border-bottom : 0.05em dashed #4ba5aa!important;}
    .mborder-right-dashed{border-right : 0px dashed #4ba5aa!important;}


    .link-box-height{height : auto;}
	.link-box-height a{font-size : 12px;}
    .link-box-height img{width : 100%; height : auto;}

	.sub-mtitle-box{padding-top:50px;line-height: 30px;text-shadow: 0.1rem 0.1rem 0px #333333;}
	.sub-mtitle-box span.sub-mtitle{font-size : 27px;font-weight : 800; letter-spacing : 0px;}
	.sub-mtitle-box p{font-size : 16px;padding:0px;}	

	.in7w-map{min-height : 300px;}/* 오시는 길 사이즈 */
	
	.px-xs-4{padding-left : 15px;padding-right : 15px;}
	
	
}


.nt-container,
.nt-container-wide { margin:0 auto; }
@media all and (min-width:992px) {
	.responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
	.responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/* 비반응형 */
.no-responsive .boxed-a.wrapper .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper { padding-left:1.5rem !important; padding-right:1.5rem !important; }
.no-responsive .boxed-b.wrapper #nt_title .nt-container.px-xl-0,
.no-responsive .boxed-b.wrapper #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
@media all and (max-width:1200px) {
	.no-responsive .wrapper.wided .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
	.no-responsive .wrapper.wided #nt_title .nt-container.px-xl-0,
	.no-responsive .wrapper.wided #nt_wing .nt-container.px-xl-0 { padding-left:1.5rem !important; padding-right:1.5rem !important; }
}

/********************************************************
■ Loader : 페이지 로딩바
********************************************************/
#nt_loader { background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 100000; }
#nt_loader .loader { margin: -25px 0 0 -25px; left: 50%; top: 50%; width: 50px; height: 50px; line-height:50px; font-size: 45px; position: absolute; z-index: 10001; }

/********************************************************
■ LNB
********************************************************/
#nt_lnb{ background:#f7f7f7; }
#nt_lnb ul { list-style: none; margin: 0;}
#nt_lnb ul > li { float: left; padding: 0 13px; }
#nt_lnb ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_lnb ul > li:first-child { padding-left:0; }
#nt_lnb ul > li:last-child { padding-right:0; }
#nt_lnb ul > li:last-child::after { content: ""; margin-right:0; }
#nt_lnb ul > li > a { float:left; white-space:nowrap; }
#nt_lnb .dropdown-toggle::after { color:#ccc; }

/********************************************************
■ PC 헤더(Header)
********************************************************/
#header_pc{background: url('../img/top_bg.png') no-repeat top center;}
#header_pc .nt-container {}/* background: url('../img/header.jpg') no-repeat right bottom; */
#header_pc .header-logo img { max-width:100%; }
#header_pc .header-search { width:100%;	max-width:800px; background: #f1f1f1;}
#header_pc .header-search form { padding:0; border-width:0px; border-style:solid; }
#header_pc .header-search input { font-size:16px !important; background: #f1f1f1;border:0 !important; box-shadow:none !important; -webkit-box-shadow:none !important; }
#header_pc .header-search .form-control:focus { box-shadow:none !important; -webkit-box-shadow: none !important; }
#header_pc .header-search .btn { border:0; background: none !important; outline:none; }

#header_pc ul { list-style: none; margin: 0;}
#header_pc ul > li { float: left; padding: 0 13px; }
#header_pc ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#header_pc ul > li:first-child { padding-left:0; }
#header_pc ul > li:last-child { padding-right:0; }
#header_pc ul > li:last-child::after { content: ""; margin-right:0; }
#header_pc ul > li > a { float:left; white-space:nowrap; }


/********************************************************
■ 모바일 헤더(Header)
********************************************************/
#header_mo { box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); }

/********************************************************
■ PC 주메뉴
********************************************************/
/* 공통 */
#nt_menu { position:relative; z-index:20;background:#fff;}
/* #nt_menu { position:relative; z-index:20; box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0px 5px 5px -2px rgba(50, 60, 70, 0.15); } */
#nt_menu .nt-container,
#nt_menu .me-list .me-li,
#nt_menu .sub-1dul,
#nt_menu .sub-1dli { position:relative;}
#nt_menu .sub-slide { display:none; visibility:visible; }
#nt_menu .sub-icon::after { font-family: "FontAwesome"; float: right; position: relative; content: "\f105"; }
#nt_menu .me-icon {	width:4.0rem; text-align:center; }
#nt_menu .me-a { display:block; position:relative; text-align:center; font-weight:bold !important; color:#333;font-size : 22px !important;}
#nt_menu .me-li.on .me-a,
#nt_menu .me-li:hover .me-a { color:#0047b8; background:none !important;font-weight:bold !important; }
#nt_menu .sub-2div { left:100%; top:0; position:absolute; z-index:22; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } 
#nt_menu .sub-2dul { }
#nt_menu .sub-2dli { }
#nt_menu .sub-2da { display:block; color:#000; border-bottom: 1px solid #eee; } 
#nt_menu .sub-2dli.on .sub-2da,
#nt_menu .sub-2dli:hover .sub-2da { color:#000; background: #fafafa; border-color: #eee; font-weight: bold; }
#nt_menu .sub-2line { display:block; color:#000; font-weight:bold; background:#f5f5f5; }
.nt-menu .sub-1div { position:absolute; left:0; z-index:21; width:auto; text-align:left; top:100%; left:0; background:#fff; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); }
.nt-menu .sub-1div::before { left: 50%; margin-left:-8px; }
.nt-menu .sub-1da { display:block; color:#000; border-bottom: 1px solid #eee; }
.nt-menu .sub-1line { position:relative; display:block; }
.nt-menu .sub-1dli.on .sub-1da,
.nt-menu .sub-1dli:hover .sub-1da { color:#000; background: #f5f5f5; border-color: #eee; font-weight:bold; }
.nt-menu .sub-1line { color:#000; font-weight:bold; background:#fafafa; }
.nt-menu .me-sh { padding:0.59rem 1.0rem; } /* 서브메뉴 높이설정 : 페딩값으로 조절 */

/* 메뉴 상단 고정 */
#nt_sticky_wrap.me-sticky { position:fixed; width:100%; z-index:999; left:0; top:0; }
@media all and (min-width:992px) {
	.wrapper.m-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto !important; }
	.wrapper.ml-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 0 0 auto !important; }
	.wrapper.mr-lg-auto #nt_sticky_wrap.me-sticky nav { margin:0 auto 0 0 !important; }
}

/********************************************************
■ 페이지 타이틀
********************************************************/

#nt_title{ position:relative; overflow:hidden; color:#333; border-bottom:1px solid #dee2e6; }

	.nt_title_bg_1 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_2 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_3 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_4 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_5 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_6 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_7 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}

#nt_title .nt-container { position:relative; z-index:2; height:200px; }

#nt_title .page-title { font-size:26px; letter-spacing:-1px; line-height:1.4; }
#nt_title .breadcrumb a { color:#333; }
#nt_title .breadcrumb-item + .breadcrumb-item::before {	font-family: dotum;	font-weight: normal; color:#aaa; content:">"; }


.scat{border-top : 1px solid #ddd;border-bottom : 1px solid #f5f5f5;}
.sca{border-bottom : 1px solid #f5f5f5;}
.scat-tit{background:#f5f5f5; text-align : center;padding : 8px;font-weight : bold;}
.scat-con{padding : 8px 20px; border-bottom : 0px solid #ddd; border-left : 1px solid #ddd;}


@media all and (max-width:991px) {
	.responsive #nt_title .page-title { font-size:24px; letter-spacing:0; }
	
	
	.scat{border-top : 0px solid #ddd;border-bottom : 0px solid #ddd;}
	.sca{border-bottom : 0px solid #ddd;}
	.scat-tit{background:#f5f5f5; text-align : center;margin-top:10px;padding :  6px 10px;font-size:16px;font-weight : bold;}
	.scat-con{padding : 5px 10px; border-left : 0px solid #f2f2f2;}

}
@media all and (max-width:767px) {
	.responsive #nt_title .page-title { font-size:22px; }
	.responsive #nt_title .nt-container { height:150px; }

	.nt_title_bg_1 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_2 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_3 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_4 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_5 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_6 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
	.nt_title_bg_7 {position:relative; overflow:hidden;background:#FFEBED url('/theme/2023/img/sub-title-bg-2024.jpg') center center no-repeat;}
}
@media all and (max-width:575px) {
	.responsive #nt_title .page-title { font-size:20px; }
	.responsive #nt_title .nt-container { height:150px; }
}

/********************************************************
■ 서브페이지 조직도
********************************************************/
	.col-box,.col-box-3{
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.col-box{flex: 0 0 auto;width: 20%;}	
	.col-box img{width : 100%;}	
	
	.col-box-3{flex: 0 0 auto;width: 20%;}
	.j-title{font-weight : bold;}
	.j-name{word-break: keep-all;}
	.j-title-1{font-weight : bold;background:#1c356c;color:#fff;}
	.j-name-1{background:#f2f2f2;font-weight : bold;}
	
	.j-title-s{border : 2px solid #000!important;font-weight : bold;}
	.j-name-s{}
	
	.j-title-4{background:#6c799b; color:#fff;font-weight : bold;}
	.j-name-4{background:#f5f6f7;}
	.mt-m{margin-top:-50px;}
	
@media (max-width:768px)  {
	.col-box{flex: 0 0 auto;width: 33.3%;}
	.col-box-3{width: 50%;margin-bottom:15px;}	
}
@media (max-width:575px)  {
	.col-box,.col-box-3{
		padding-right: 10px;
		padding-left: 10px;
	}
	.col-box{flex: 0 0 auto;width: 100%;margin-bottom:15px;}
	.mt-m{margin-top:0px;}
		
}

/********************************************************
■ Wing
********************************************************/
#nt_wing .nt-container { position:relative; overflow:visible !important; }
#nt_wing img { max-width:100%; }
#nt_wing .wing-left,
#nt_wing .wing-right { position:absolute; width:160px; }
#nt_wing .wing-left { left:-180px; }
#nt_wing .wing-right { right:-180px; }
.boxed-b #nt_wing .wing-left { left:-200px; }
.boxed-b #nt_wing .wing-right { right:-200px; }

/********************************************************
■ Footer 
********************************************************/
#nt_footer .nt-links ul { list-style: none; margin: 0; padding:0; }
#nt_footer .nt-links ul > li { float: left; padding: 0 13px; }
#nt_footer ul > li:first-child { padding-left:0; }
#nt_footer ul > li:last-child { padding-right:0; }
#nt_footer .nt-links ul > li::after { font-family: dotum; font-weight: normal; float: right; color:#ccc; content: "|"; margin-right:-15px; }
#nt_footer .nt-links ul > li:last-child::after { content: ""; }
#nt_footer .nt-links ul > li > a { color: #333; white-space:nowrap;	}
#nt_footer {color: #ededed!important;}
@media all and (max-width:991px) {
	.responsive #nt_footer .nt-links ul > li { float:none; display:inline-block; }    
}
@media all and (max-width:765px) {
	
    #nt_footer {padding : 0px 15px!important;letter-spacing: -0.05rem;}
    #nt_footer #logo_img {float : left; display : none;}
}

/********************************************************
■ Widget Title 위젯 타이틀
********************************************************/
h3.h3 { padding:0; margin:0; font-weight:bold; }
hr.hr::before { width:100%; height:1px; content: ""; position:absolute; left:0; bottom:1px; line-height:1px; background-color:#ddd; }
hr.hr { display:block; position:relative; height:3px; border: none; line-height:1px; padding:0;	margin:0; }
hr.hr::after { width:4.0rem; height:3px; content: ""; position:absolute; left:0; bottom:0; line-height:1px; }
@media all and (max-width:575px) {
	.responsive h3.h3 {	padding-left:1.0rem; padding-right:1.0rem; }
	.responsive hr.hr::after { left:1.0rem;	}
}

/********************************************************
■ Bootstrap 4 : 부트스트랩 기본 속성
********************************************************/

.owl-prev{position:absolute; font-size : 30px!important;top : 33.3%; left : -40px; z-index:102;}
.owl-next{position:absolute; font-size : 30px!important;top : 33.3%; right : -40px;z-index:102;}

/* 툴팁 */
.tooltip .tooltip-inner { font-size:1.0rem !important; }

/* 체크박스, 라디오버튼 재지정 */
.custom-checkbox .custom-control-label::before,
.custom-checkbox .custom-control-label::after,
.custom-radio .custom-control-label::before,
.custom-radio .custom-control-label::after { top:0.15rem !important; width:1.4rem !important; height:1.4rem !important; }

/* 체크박스, 라디오버튼과 글자간 간격 */
.custom-checkbox .custom-control-label span,
.custom-radio .custom-control-label span { cursor: pointer; padding-left:0.5rem !important; }

/* 스위치 버튼 재지정 */
.custom-switch .custom-control-label::before,
.custom-switch .custom-control-label::after { margin-top:2px; }

/* Button */
.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 18px; }
.btn-lg i {	top: 3px; font-size: 24px; position: relative; }

/* Form */
.col-form-label { font-weight:bold; }

/* Pagenation */
.page-link,
.page-link:hover,
.page-link:focus { color: #333; }

/* 라운드 스타일 */
.na-round,
.view_image img,
.pretty-embed img { border-radius: 0.3rem !important; }

/* 사각 스타일 */
.is-square .na-round,
.is-square .view_image img,
.is-square .pretty-embed img,
.is-square .btn,
.is-square .alert,
.is-square .nav-link,
.is-square .form-control,
.is-square .input-group-prepend,
.is-square .input-group-append,
.is-square .input-group-text,
.is-square .custom-file-label,
.is-square .custom-file-label:after,
.is-square .custom-select,
.is-square .label,
.is-square .progress,
.is-square .pagination li a,
.is-square .list-group-item { border-radius:0 !important; }



/********************************************************
■ 페이지 내용  : 속성
********************************************************/
#nt_body h3.page-title{font-size : 32px!important;margin : 11px 0px 30px 0px;padding:9px 0px 8px 0px; border-bottom : 1px solid #ddd; background:url('/theme/2023/img/') no-repeat;font-weight : 600;}
#nt_body .page-icon{position : absolute; right : 15px; top:32px; font-size : 20px; color:#777;}
#ctt_con .h5{height : 5px;}
#ctt_con .h10{height : 10px;}

#ctt_con h2{font-size : 36px; font-weight : bold;margin-bottom : 15px;}
#ctt_con h3{padding:10px 0px; background:url('') no-repeat;font-weight : 600; color:#333;}
#ctt_con h3.sec{clear : both; padding-top:50px;}
#ctt_con dl{float : left; display : block; width : 100%;padding:20px 0px 0px 15px;font-weight : 600;}
#ctt_con dt{float : left; display : inline;border-left : 3px solid #ca6767;background:#fdfafa; font-size : 16px;padding : 5px 20px 5px 10px;min-width : 112px;}
#ctt_con dd.block{clear : both; padding-left : 132px;}
#ctt_con dd.block:frist-child{margin-top:30px;}
#ctt_con dd{float : left; display : inline;padding : 4px 10px 6px 15px;}
#ctt_con dd>dl{padding-top:10px;}
#ctt_con dd>dl>dt{clear : both; color:#ca6767;font-size : 14px;border-left : 0px solid #ca6767;background:none;padding : 0px 10px 0px 10px;}
#ctt_con dd>dl>dd{font-weight : 400;padding-top:0x; padding-left :0px;letter-spacing : -1px; }
#ctt_con dd>dl>dd.block{clear : both; padding-left : 30px;}
#ctt_con b{font-size: 17px;}

#ctt_con ul li{background:url('/theme/2023/img/') no-repeat left center; padding-left : 20px;}
#ctt_con p{padding : 5px 0px;word-break: keep-all;}

#ctt_con div.box{padding : 30px; border : 3px solid #ced5e3;}
#ctt_con p.box{margin-top:20px; padding : 15px; background:#f9fbff;}
#ctt_con .title-con{font-size : 2.33vw;}
#ctt_con .title-con2{font-size : 18px;line-height : 30px;}
#ctt_con .box-con{font-size : 16px;font-weight:bold;}
#ctt_con span.font-point{color:#ff0000;}


#ctt_con .line{clear : both; height : 30px; margin-top : 60px;margin-bottom:30px;}

#ctt_con .br1{border-right:1px solid #ddd;}
#ctt_con .bl1{border-left:1px solid #ddd;}
#ctt_con .bt1{border-top:1px dashed #ddd;}
#ctt_con .bb1{border-bottom:1px solid #ddd;}

@media all and (max-width:991px) {
	#ctt_con .br1{border-right:0px solid #ddd;}
	#ctt_con .bl1{border-left:0px solid #ddd;}
	#ctt_con .bt1{border-top:0px solid #ddd;}
	#ctt_con .bb1{border-bottom:0px solid #ddd;}
	
}
@media all and (max-width:767px) {
	#ctt_con dd.block{clear : both; padding-left : 15px;}
}

#ctt_con h4{padding-left:0px; padding-bottom : 15px; background:url('') 0px 7px no-repeat;font-weight : 500;color:#1c356c;}
#ctt_con p{font-weight : normal;}
#ctt_con .con-title{font-size : 24px;line-height : 24px;}
#ctt_con div.row{font-weight : normal;word-break: keep-all;}
#ctt_con .IN_5_E-list dl{ border:solid 1px #d3d4d8; padding:20px 40px 25px 40px; width:100%;}
#ctt_con .IN_5_E-list dl dt{font-size:16px; color:#333; padding-bottom:10px; font-weight : 600; }
#ctt_con .IN_5_E-list dl dd{font-weight : normal;background:url('/theme/2023/img/bullet_dot1.png') no-repeat left center; padding-left : 20px;}

#ctt_con .IN_7_E-list {clear : both;}
#ctt_con .IN_7_E-list dl{clear : both;padding:0px 20px; width:100%;}
#ctt_con .IN_7_E-list dl dt{clear : both;float:left; font-size:16px; color:#333; padding-right:20px; font-weight : 600; }
#ctt_con .IN_7_E-list dl dd{float:left;font-weight : normal;background:url('/theme/2023/img/bullet_dot1.png') no-repeat left center; padding-left : 20px;}

#ctt_con .GS_IN-Wrap {}
#ctt_con .GS_IN-Wrap h4 {clear : both;display : block;}
#ctt_con .GS_IN-Wrap dl{padding:0px 20px; width:100%;}
#ctt_con .GS_IN-Wrap dl dt{font-size:16px; color:#333; padding-left:20px; font-weight : 600;background:url('/theme/2023/img/bullet_dot1.png') no-repeat left center;}
#ctt_con .GS_IN-Wrap dl dd{font-weight : normal;padding-left:20px;font-size : 14px;font-style: italic;color:#666; }
/********************************************************
■ 게시판 헤더  : 타이틀
********************************************************/
h3.border-h3{padding-top:10px; background:url('/theme/2023/img/h3-img.png') no-repeat;font-weight : 600;}

#ctt_con .clearboth{clear : both;display : block;}
/*===========연혁=============*/

	details {
		margin-bottom: 1rem;
	}

	details > summary {
		background: rgba(150, 255, 150);
		padding: 1rem;
		outline: 0;
		border-radius: 5px;
		cursor: pointer;
		transition: background 0.5s;
	}

	details > summary::-webkit-details-marker {
		background: url(https://marshall-storage.tistory.com/attachment/cfile29.uf@993E16335F785C0037CB43.svg) no-repeat center;
		background-size: contain;
		color: transparent;
		transform: rotate3d(0, 0, 1, 90deg);
		transition: transform 0.25s;
	}

	details[open] > summary::-webkit-details-marker {
		transform: rotate3d(0, 0, 1, 180deg);
	}

	details[open] > summary {
		background: rgba(100, 255, 100);
	}

	details[open] > summary ~ * {
		animation: reveal 0.5s;
	}

	@keyframes reveal {
		from {
			opacity: 0;
			transform: translate3d(0, -10px, 0);
		}

		to {
			opacity: 1;
			transform: translate3d(0, 0, 0);
		}
	}

/*PC-Wide Css*/
#ctt_con .cntArea div{display: block;}
.cntArea .history{ position:relative;  margin-top:50px; width:100%; background:url('/theme/2023/img/cnt_1507_bg_t.jpg') no-repeat center top, url('/theme/2023/img/cnt_1507_bg_t.jpg') no-repeat center bottom, url('/theme/2023/img/cnt_1507_bg_m.jpg') repeat-y center ;}
.cntArea .history.h500{ height:500px;}
.cntArea .history.hFULL{ height:4000px;}
.cntArea .history.h1350{ height:1700px;}
.cntArea .history.h1500{ height:1500px;}
.cntArea .history.h1200{ height:1200px;}
.cntArea .history.h470{ height:470px;}

.cntArea .history dl{ border:solid 1px #d3d4d8; padding:20px 10px 25px 10px; width:100%;}
.cntArea .history dl dt{ font-size:24px!important; color:#222; padding-bottom:20px;font-weight : 000!important;border:0px!important;background:none!important;}
.cntArea .history dl dd{ margin-top:0px;width : 100%;}
.cntArea .history dl dd ul li{ margin-bottom:5px; display:block; width:100%;padding : 0px!important;background:none!important; }
.cntArea .history dl dd ul li strong{ display:inline-block; font-weight:900; width:100px; padding-left:12px; vertical-align:top; vertical-align:middle;background:none;}
.cntArea .history dl dd ul li p{ display:inline-block; width:70.6%; margin-left:11px; vertical-align:top; line-height:1.8em; font-weight : 100;}
.cntArea .history .even{ position:absolute; left:0; width:50.83%; padding-right:60px; background:url('/theme/2023/img/cnt_1507_bg_01.jpg') no-repeat right 19px;}
.cntArea .history .odd{ position:absolute; right:0; width:50.83%; padding-left:60px; background:url('/theme/2023/img/cnt_1507_bg_02.jpg') no-repeat left 19px;}

.cntArea .history .year2022{ top:0;}
.cntArea .history .year2019{ top:40px;}
.cntArea .history .year2018{ top:290px;}
.cntArea .history .year2017{ top:405px;}
.cntArea .history .year2016{ top:665px;}
.cntArea .history .year2015{ top:730px;}
.cntArea .history .year2014{ top:915px;}
.cntArea .history .year2013{ top:1044px;}
.cntArea .history .year2012{ top:1240px;}
.cntArea .history .year2011{ top:1430px;}

.cntArea .history .year2010{ top:1558px;}
.cntArea .history .year2009{ top:1785px;}
.cntArea .history .year2008{ top:1848px;}
.cntArea .history .year2007{ top:2095px;}
.cntArea .history .year2006{ top:2143px;}
.cntArea .history .year2005{ top:2370px;}
.cntArea .history .year2004{ top:2423px;}
.cntArea .history .year2003{ top:2720px;}
.cntArea .history .year2002{ top:2768px;}
.cntArea .history .year2001{ top:3040px;}

.cntArea .history .year2000{ top:3100px;}
.cntArea .history .year1999{ top:3340px;}
.cntArea .history .year1998{ top:3400px;}
.cntArea .history .year1997{ top:3565px;}
.cntArea .history .year1996{ top:3665px;}
.cntArea .history .year1995{ top:3790px;}


/*PC-1200 Css*/
@media screen and (max-width:1200px){
	
}
.an-side{margin-top:-70px;}
/*TABLET Css*/
@media screen and (max-width:1024px){
.an-side{margin-top:30px;}

.cntArea {display : block;}
.cntArea .history{ position:relative; margin-top:0px; width:100%; background:none;}
.cntArea .history.hFULL{ height:inherit;}
.cntArea .history.h1350{ height:inherit;}
.cntArea .history.h1500{ height:inherit;}
.cntArea .history.h1200{ height:inherit;}
.cntArea .history.h470{ height:inherit;}

.cntArea .history .even{ position:static; width:100%; padding:0; background:none;}
.cntArea .history .odd{ position:static; width:100%; padding:0; background:none;}

.cntArea .history dl{ border:none; padding:30px 0px 30px 0px!important; width:100%; border-bottom:dashed 1px #d3d4d8;}
.cntArea .history dl dt{ font-size:24px!important; color:#222; padding-bottom:15px; font-weight:bold!important;}
.cntArea .history dl dd{ margin-top:17px;}
.cntArea .history dl dd ul li{ margin-bottom:10px; display:block; width:100%;}
.cntArea .history dl dd ul li strong{ display:inline-block; font-weight:bold!important; width:100%; line-height:18px; padding-left:12px; vertical-align:top; background:url('/theme/2023/img/bullet_dot1.png') no-repeat left center;}
.cntArea .history dl dd ul li p{ display:inline-block; width:100%; margin-left:11px; vertical-align:top; line-height:1.3em;}
}



/*======================== ul 목록형태 =========================*/
.liststyle ul li{background-image : none!important;list-style : none;line-height: 1.7em;!important;}
.cntArea .b_list{}
.cntArea .b_list > li{ padding-left:13px; line-height:1.6em;}
.cntArea .b_list > li > ul{}
.cntArea .b_list > li > ul > li{  padding-left:17px; line-height:1.6em; background:url('/theme/2023/img/bullet_line1.gif') no-repeat 0px 12px;} /*라인*/
.cntArea .b_list.type1 > li{background:url('/theme/2023/img/bullet_dot1.png') no-repeat 0px 10px; }/*dot - blue*/
.cntArea .b_list.type2 > li{background:url('/theme/2023/img/bullet_dot2.png') no-repeat 0px 10px; }/*dot - gray*/


	img.img_pc{display : block;}
	img.img_m{display : none;}

@media screen and (max-width:991px){
	img.img_pc{display : none;}
	img.img_m{display : block;}	
	.mo-50p{width : 25%;}
}

@media screen and (max-width:600px){
	.mo-50p{width : 33.3%;}
}
@media screen and (max-width:440px){	
	.mo-50p{width : 50%;}
}
/*table 기본세팅*/
.cntTableWrap{clear : both;float : left; /*padding : 0px 20px;*/}
.cntTableWrap table{ width:100%; border-top:1px solid #494a4e}
.cntTableWrap table thead tr:last-child th{border-bottom:1px solid #494a4e !important}
.cntTableWrap table tbody th{background:#f5f6f7; text-align:center;border-left:1px solid #d3d4d8;}/* border-left:none; */
.cntTableWrap table tbody td{text-align:center;border-left:1px solid #d3d4d8;}
.cntTableWrap table tbody td{text-align:center;border-left:1px solid #d3d4d8;}/* border-left:none; */
.cntTableWrap table tfoot th, 
.cntTableWrap table tfoot td{color:#222}
.cntTableWrap table th{background:#f5f6f7; border-bottom:1px solid #d3d4d8; font-weight:400; color:#222; border-right:1px solid #d3d4d8;}
.cntTableWrap table td{border-bottom:1px solid #d3d4d8; text-align:center; border-right:1px solid #d3d4d8;}
.cntTableWrap table thead th:first-child, 
.cntTableWrap table tfoot th:first-child, 
.cntTableWrap table tbody td:first-child{border-left:1px solid #d3d4d8;}/* border-left:none; */
.cntTableWrap table tbody th.tbg{background:#f5f6f7;font-weight : 600;font-size : 16px;}
.cntTableWrap table td ul{width:100%;box-sizing:border-box}
.cntTableWrap table td li{text-align:left; padding-left : 15px; background:url('/theme/2023/img/bullet_dot2.png') no-repeat 0px 10px; }
.cntTableWrap table td li ul li{padding-left:0;background:none}
.cntTableWrap table .Line{border-left:1px solid #d3d4d8 !important; }
.cntTableWrap table thead .bottomLine{border-bottom:1px solid #494a4e !important}
.cntTableWrap table .reSet{padding:0 10px 0 !important; vertical-align:middle; }
.cntTableWrap table .Left{text-align:left;}
.ol_padding {padding: 0 0 0 20px;}
/*모바일 크기인 경우 스크롤 처리 wrap*/
.cntTableWrap{ position:relative; width:100%; overflow:auto; }
.cntTableWrap .ssm_scroll_guide{ display:none; position:absolute; top:40px; left:50%; width:200px; height:120px; background:url(/site/portal/images/sub/scroll_guide.png) no-repeat 0 0; margin-left:-100px;  font-size:0; text-indent:-9999px;}
.cntTableWrap .ssm_scroll_guide.off{ display:none;}


/*테이블- doc_type 문서 내 표 형태*/
.cntTableWrap table{ width:100%;}
.cntTableWrap table th, .cntTableWrap table td{line-height:1.5em; font-size:14px; padding:10px 10px 11px;font-weight : normal;}
.cntTableWrap table th{}
.cntTableWrap table td{ min-height: 40px;}
.cntTableWrap table td > ul{padding:6px 20px 5px; font-size:14px;}
.cntTableWrap table td > ul > li{line-height:1.7em; }
.cntTableWrap table td ul.b_list > li{background-position: 0px 10px !important;}
.cntTableWrap table td ul.b_list > li > ul > li{ padding-left: 12px; background-position: 0px 10px !important; background-size: 6px 2px;}


h5{font-size : 14px;width : 100%;padding : 10px;color:#fff; font-weight : bold;}
h5.j1{background:#1a284e;}
h5.j2{background:#3f0e59;}
h5.j3{background:#ff8a00;}
h5.j4{background:#80cd71;}


.j_layout{width :20%;}
.j_layout_box_1 p, .j_layout_box_2 p, .j_layout_box_3 p, .j_layout_box_4 p{padding : 10px!important;}

.j_layout .j_layout_box_1{margin:0px 10px;border:2px solid #1a284e;}
.j_layout .j_layout_box_2{margin:0px 10px;border:2px solid #3f0e59;}
.j_layout .j_layout_box_3{margin:0px 10px;border:2px solid #ff8a00;}
.j_layout .j_layout_box_4{margin:0px 10px;border:2px solid #80cd71;}
.j_layout .j_layout_box_5{}
.j_layout .j_layout_box_6{}
.j_layout .j_layout_box_7{}

	
/* TABLET Css */
@media screen and (max-width:1024px){
/*테이블- doc_type 문서 내 표 형태*/
.cntTableWrap table{ width:100%;}
.cntTableWrap table th, .cntTableWrap table td{line-height:1.5em; font-size:14px; padding:4px 5px 5px; }
.cntTableWrap table td ul{padding:4px 10px 2px; font-size:14px;}
.cntTableWrap table td ul.b_list > li{ background-position: 0px 9px !important;}
.cntTableWrap table td ul.b_list > li > ul > li{ padding-left: 10px; background-position: 0px 10px !important; }
}
@media screen and (max-width:650px){

}

/*MOBILE Css*/
@media screen and (max-width:640px){
.cntTableWrap .ssm_scroll_guide{ display:block; position:absolute; top:40px; left:50%; margin-left:-100px;}
.cntTableWrap table td .d_btn{ margin-bottom:0px; margin-right:0px;}
}
/*추가*/
.download_button{    color: #1c2c64;
    border: 5px solid #1c2c64;
    max-width: 350px;
    text-align: center;
    padding: 16px 22px !important;
    font-weight: 900 !important;
    text-decoration: none;
    margin: 0 auto;
    font-size: 15px;}




/*2025추가 css */
    /* General Styling */
    .choir-container {
    
    }
    .choir-image {
    position: relative;
}

.choir-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.choir-image .choir-label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px 20px;
    background: rgba(0, 0, 0, 0.5); /* 검정 반투명 */
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    border-radius: 0 0 10px 10px;
}
    /* Section */
    .choir-box {
        background: #ffffff;
        border-radius: 12px;
        padding: 30px;
        margin-bottom: 50px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        border-top: 5px solid #2c3e50;
        transition: transform 0.3s ease;
    }
    .choir-box:hover {
        transform: translateY(-5px);
    }
    
    /* Title */
    .choir-heading {
        text-align: center;
        font-size: 2.5rem;
        color: #2c3e50;
        margin-bottom: 25px;
        font-weight: 700;
        position: relative;
    }
    .choir-heading::after {
        content: '';
        width: 60px;
        height: 3px;
        background: #2659ac;
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Description */
    .choir-desc {
        font-size: 1.1rem;
        line-height: 1.8;
        color: #34495e;
        margin-bottom: 30px;
        text-align: justify;
        background: #f6f6f6;
        padding: 20px;
        border-radius: 10px;
    }
    
    /* Repertoire */
    .choir-repertoire {
        margin-bottom: 25px;
        text-align: center;
    }
    .choir-repertoire-title {
        display: inline-block;
        background: #e0ebf5;
        color: #2c3e50;
        font-size: 1.3rem;
        padding: 8px 18px;
        border-radius: 20px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .choir-repertoire-list {
        font-size: 1.2rem;
        color: #34495e;
        line-height: 1.6;
        margin-top: 10px;
    }
    
    /* Staff */
    .choir-staff {
        text-align: center;
        margin-bottom: 30px;
    }
    .choir-staff-text {
        font-size: 1rem;
        color: #34495e;
    }
    .choir-staff-text b {
        color: #2659ac;
    }
    
    /* Members */
    .choir-members {
        margin-bottom: 30px;
    }
    .choir-members-title {
        font-size: 1.5rem;
        color: #2c3e50;
        margin-bottom: 20px;
        font-weight: 600;
        text-align: center;
    }
    .choir-members-list {
        list-style: none;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .choir-members-item {
        background: #f8f9fa;
        padding: 10px 20px;
        border-radius: 8px;
        font-size: 1.2rem;
        color: #2c3e50;
        border: 1px solid #e0e0e0;
        transition: background 0.3s ease;
        line-height: 1.6;
    }
    .choir-members-item b {
        color: #2659ac;
    }
    .choir-members-item:hover {
        background: #e3f2fd;
    }
    
    /* Image */
    /* .choir-image img {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
        margin-top: 20px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    } */
    .choir-staff-row {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
        margin-top: 20px;
    }
    
    .staff-card {
        text-align: center;
        max-width: 140px;
    }
    
    .staff-card img {
        width: 100%;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .choir-heading {
            font-size: 2rem;
        }
    
        .choir-desc {
            font-size: 1rem;
        }
    
        .choir-repertoire-title {
            font-size: 1.2rem;
        }
    
        .choir-members-item {
            font-size: 1.2rem;
            padding: 8px 15px;
        }
    }
    
    @media (max-width: 576px) {
        .choir-box {
            padding: 0px;
        }
    
        .choir-heading {
            font-size: 1.8rem;
        }
    
        .choir-members-list {
            flex-direction: column;
            align-items: center;
        }
    }

/* ========================================================
   ■ 2026 아림예술제 분과 본문 전용 스타일 (기존 #ctt_con ID 선택자 완벽 이김)
   ======================================================== */
/* ========================================================
   ■ 2026 아림예술제 분과 본문 전용 스타일 (#ctt_con ID 완벽 대응)
   ======================================================== */
.demo-surface {
  padding: 30px !important;
  background: #fff !important;
  border: 1px solid #e0e4e8 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 35px rgba(20, 25, 30, .06) !important;
}
@media (max-width: 900px) {
  .demo-surface {
    padding: 14px !important;
    border-radius: 12px !important;
  }
}

.arim26x, .arim26x * { box-sizing: border-box !important; }
#ctt_con .arim26x, .arim26x {
  --a: #08758a;
  --a-soft: #eaf7f9;
  --a-deep: #075362;
  --ink: #20242a;
  --muted: #636b75;
  --line: #e1e5e9;
  --paper: #fff;
  color: var(--ink) !important;
  font-family: "Noto Sans KR", "Malgun Gothic", Arial, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  word-break: keep-all !important;
}

/* 분과별 테마 색상 (CSS 변수 - #ctt_con 명시도 강화 / data-dept 및 dept-분과명 클래스 지원) */
#ctt_con .arim26x[data-dept="literature"], #ctt_con .arim26x.dept-literature, .arim26x[data-dept="literature"], .arim26x.dept-literature { --a: #08758a; --a-soft: #eaf7f9; --a-deep: #075362; }
#ctt_con .arim26x[data-dept="art"], #ctt_con .arim26x.dept-art, .arim26x[data-dept="art"], .arim26x.dept-art { --a: #c52b86; --a-soft: #fff0f8; --a-deep: #871654; }
#ctt_con .arim26x[data-dept="music"], #ctt_con .arim26x.dept-music, .arim26x[data-dept="music"], .arim26x.dept-music { --a: #398b4b; --a-soft: #eef8f0; --a-deep: #245e31; }
#ctt_con .arim26x[data-dept="photo"], #ctt_con .arim26x.dept-photo, .arim26x[data-dept="photo"], .arim26x.dept-photo { --a: #315da2; --a-soft: #eef4ff; --a-deep: #1e3f73; }
#ctt_con .arim26x[data-dept="calligraphy"], #ctt_con .arim26x.dept-calligraphy, .arim26x[data-dept="calligraphy"], .arim26x.dept-calligraphy { --a: #b13b3b; --a-soft: #fff1f1; --a-deep: #762626; }
#ctt_con .arim26x[data-dept="dance"], #ctt_con .arim26x.dept-dance, .arim26x[data-dept="dance"], .arim26x.dept-dance { --a: #7450ad; --a-soft: #f5effc; --a-deep: #4d2d78; }
#ctt_con .arim26x[data-dept="gugak"], #ctt_con .arim26x.dept-gugak, .arim26x[data-dept="gugak"], .arim26x.dept-gugak { --a: #806c51; --a-soft: #f6f2ec; --a-deep: #524534; }
#ctt_con .arim26x[data-dept="popular"], #ctt_con .arim26x.dept-popular, .arim26x[data-dept="popular"], .arim26x.dept-popular { --a: #d85b2d; --a-soft: #fff2ec; --a-deep: #913a1a; }
#ctt_con .arim26x[data-dept="folk"], #ctt_con .arim26x.dept-folk, .arim26x[data-dept="folk"], .arim26x.dept-folk { --a: #a97714; --a-soft: #fff8e7; --a-deep: #6e4e0b; }

#ctt_con .arim26x a, .arim26x a { color: var(--a-deep) !important; }
#ctt_con .arim26x p, .arim26x p { margin: 0 0 13px !important; padding: 0 !important; font-weight: normal !important; color: var(--ink) !important; }

/* 1. 카드 박스 구조 강화 */
#ctt_con .arim26x-event, .arim26x-event {
  display: block !important;
  margin: 0 0 24px 0 !important;
  border: 1px solid #e1e5e9 !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .03) !important;
  overflow: hidden !important;
  clear: both !important;
}

/* 2. 카드 상단 제목 */
#ctt_con h3.arim26x-event-title, #ctt_con .arim26x-event-title, .arim26x-event-title {
  margin: 0 !important;
  padding: 16px 20px !important;
  border: none !important;
  border-bottom: 1px solid #e1e5e9 !important;
  background: linear-gradient(90deg, var(--a-soft), #ffffff 80%) !important;
  color: var(--a-deep) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  letter-spacing: -.5px !important;
  display: flex !important;
  align-items: center !important;
}

#ctt_con .arim26x-event-title:before, .arim26x-event-title:before {
  content: "" !important;
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  margin-right: 10px !important;
  border-radius: 2px !important;
  background: var(--a) !important;
  flex-shrink: 0 !important;
}

/* 3. 카드 내부 본문 */
#ctt_con .arim26x-event-body, .arim26x-event-body {
  padding: 20px !important;
  background: #ffffff !important;
}

/* 4. 메타 정보 리스트 (기간, 장소, 작품수량 등 - 선택자 완전 분리) */
#ctt_con ul.arim26x-meta, ul.arim26x-meta {
  display: block !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#ctt_con ul.arim26x-meta > li, ul.arim26x-meta > li {
  position: relative !important;
  display: block !important;
  margin: 0 0 9px 0 !important;
  padding-left: 14px !important; /* 불릿 점과 글자 사이 간격 */
  background: none !important;
  background-image: none !important;
  list-style: none !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--ink) !important;
  text-indent: 0 !important;
}

/* 메타 전용 문자 불릿 "•" (선택자 분리로 간섭 0%) */
#ctt_con ul.arim26x-meta > li:before, ul.arim26x-meta > li:before {
  content: "•" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: var(--a) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  font-weight: bold !important;
  background: none !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
}

#ctt_con ul.arim26x-meta > li strong, ul.arim26x-meta > li strong {
  color: #20242a !important;
  font-weight: 700 !important;
}

/* 5. 카드 내부 일반 리스트 (응모부문, 응모방법 등 - arim26x-meta는 제외하여 간섭 원천 차단) */
#ctt_con .arim26x-event-body ul:not(.arim26x-meta), .arim26x-event-body ul:not(.arim26x-meta) {
  margin: 6px 0 16px 0 !important;
  padding-left: 20px !important;
  list-style: disc !important;
}

#ctt_con .arim26x-event-body ul:not(.arim26x-meta) li, .arim26x-event-body ul:not(.arim26x-meta) li {
  background: none !important;
  background-image: none !important;
  padding-left: 0 !important;
  margin-bottom: 5px !important;
  list-style: disc !important;
}

#ctt_con .arim26x-layout, .arim26x-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) 200px !important; gap: 32px !important; align-items: start !important; }
#ctt_con .arim26x-main, .arim26x-main { min-width: 0 !important; }

/* 6. 분과위원장 프로필 (외곽 박스 테두리 제거 / 오직 사진에만 테두리 지정) */
#ctt_con .arim26x-profile, .arim26x-profile {
  position: sticky !important;
  top: 100px !important; /* 상단 고정 헤더 짤림 방지 */
  z-index: 10 !important;
  text-align: center !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 사진에만 테두리 및 둥근 모서리 적용 */
#ctt_con .arim26x-photo, .arim26x-photo {
  display: block !important;
  width: 100% !important;
  max-width: 180px !important;
  height: 210px !important;
  margin: 0 auto 12px auto !important;
  object-fit: cover !important;
  border: 1px solid #dce1e6 !important;
  border-radius: 14px !important;
  background: var(--a-soft) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .05) !important;
}

#ctt_con .arim26x-role, .arim26x-role {
  display: inline-block !important;
  margin: 0 0 4px 0 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  background: var(--a-soft) !important;
  color: var(--a-deep) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

#ctt_con .arim26x-name, .arim26x-name {
  margin: 2px 0 0 0 !important;
  color: #1a1e24 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  letter-spacing: -.5px !important;
}

#ctt_con .arim26x-contact, .arim26x-contact {
  display: none !important; /* 프로필 영역 연락처 숨김 */
}

#ctt_con .arim26x-lead, .arim26x-lead { margin-bottom: 18px !important; color: #3c434c !important; }
#ctt_con .arim26x-section-title, .arim26x-section-title, #ctt_con h4.arim26x-section-title, h4.arim26x-section-title { margin: 24px 0 11px !important; padding: 0 0 0 10px !important; border-left: 3px solid var(--a) !important; font-size: 17px !important; line-height: 1.4 !important; letter-spacing: -.25px !important; color: var(--ink) !important; font-weight: 700 !important; background: none !important; }
#ctt_con .arim26x-section-title:first-child, .arim26x-section-title:first-child { margin-top: 0 !important; }
#ctt_con .arim26x-sublist, .arim26x-sublist { margin-top: 7px !important; }
#ctt_con .arim26x-note, .arim26x-note, #ctt_con p.arim26x-note, p.arim26x-note { margin: 15px 0 0 !important; padding: 13px 15px !important; border: 0 !important; border-left: 3px solid var(--a) !important; border-radius: 6px !important; background: var(--a-soft) !important; color: var(--a-deep) !important; }

#ctt_con .arim26x-table-wrap, .arim26x-table-wrap { width: 100% !important; margin: 12px 0 5px !important; overflow-x: auto !important; border: 1px solid var(--line) !important; border-radius: 9px !important; -webkit-overflow-scrolling: touch !important; }
#ctt_con .arim26x-table, .arim26x-table { width: 100% !important; min-width: 660px !important; border-collapse: separate !important; border-spacing: 0 !important; background: #fff !important; font-size: 13px !important; line-height: 1.55 !important; }
#ctt_con .arim26x-table th, .arim26x-table th, #ctt_con .arim26x-table td, .arim26x-table td { padding: 10px 9px !important; border-right: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; text-align: center !important; vertical-align: middle !important; }
#ctt_con .arim26x-table th, .arim26x-table th { background: #f6f7f8 !important; font-weight: 800 !important; }
#ctt_con .arim26x-table tr:last-child td, .arim26x-table tr:last-child td { border-bottom: 0 !important; }
#ctt_con .arim26x-table th:last-child, .arim26x-table th:last-child, #ctt_con .arim26x-table td:last-child, .arim26x-table td:last-child { border-right: 0 !important; }
#ctt_con .arim26x-table .left, .arim26x-table .left { text-align: left !important; }

#ctt_con .arim26x-details, .arim26x-details { margin-top: 16px !important; border: 1px solid var(--line) !important; border-radius: 9px !important; background: #fff !important; }
#ctt_con .arim26x-details summary, .arim26x-details summary { padding: 13px 15px !important; cursor: pointer !important; color: var(--a-deep) !important; font-weight: 800 !important; background: var(--a-soft) !important; }
#ctt_con .arim26x-details-body, .arim26x-details-body { padding: 17px !important; }
#ctt_con .arim26x-formbox, .arim26x-formbox { padding: 16px !important; border: 1px solid var(--line) !important; border-radius: 8px !important; background: #fafafa !important; }
#ctt_con .arim26x-consent, .arim26x-consent { font-size: 13px !important; line-height: 1.7 !important; }
#ctt_con .arim26x-divider, .arim26x-divider { height: 1px !important; margin: 20px 0 !important; background: var(--line) !important; }
#ctt_con .arim26x-nowrap, .arim26x-nowrap { white-space: nowrap !important; }

/* 7. 서식 다운로드 버튼 스타일 (가운데 정렬 및 시안성 100% 확보) */
#ctt_con .arim26x-btn-wrap, .arim26x-btn-wrap {
  margin: 24px 0 10px 0 !important;
  text-align: center !important;
}

#ctt_con a.arim26x-btn-download, #ctt_con .arim26x-btn-download, a.arim26x-btn-download, .arim26x-btn-download {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 13px 26px !important;
  border: 2px solid var(--a) !important;
  border-radius: 12px !important;
  background: #ffffff !important; /* 마우스 오버 전 흰색 배경으로 시안성 확보 */
  color: var(--a-deep) !important; /* 딥 시그니처 글자 색상 */
  font-size: 15px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .05) !important;
  transition: all .25s cubic-bezier(.4, 0, .2, 1) !important;
  cursor: pointer !important;
}

/* 마우스 오버 시 테마 배경색 및 흰색 글자로 반전 */
#ctt_con a.arim26x-btn-download:hover, #ctt_con .arim26x-btn-download:hover, a.arim26x-btn-download:hover, .arim26x-btn-download:hover {
  background: var(--a) !important;
  color: #ffffff !important;
  border-color: var(--a) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, .15) !important;
  transform: translateY(-2px) !important;
}

#ctt_con a.arim26x-btn-download svg, .arim26x-btn-download svg {
  stroke: currentColor !important;
}

@media (max-width: 900px) {
  #ctt_con .arim26x, .arim26x { font-size: 14px !important; line-height: 1.68 !important; }
  #ctt_con .arim26x-layout, .arim26x-layout { grid-template-columns: 1fr !important; gap: 18px !important; }
  #ctt_con .arim26x-profile, .arim26x-profile { position: static !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; gap: 14px !important; align-items: center !important; text-align: left !important; padding: 13px !important; border: 1px solid var(--line) !important; border-radius: 12px !important; background: var(--a-soft) !important; }
  #ctt_con .arim26x-photo, .arim26x-photo { width: 96px !important; height: 110px !important; border-radius: 12px !important; margin: 0 !important; }
  #ctt_con .arim26x-role, .arim26x-role { margin-top: 0 !important; }
  #ctt_con .arim26x-event-title, .arim26x-event-title { padding: 15px 16px !important; font-size: 19px !important; }
  #ctt_con .arim26x-event-body, .arim26x-event-body { padding: 16px !important; }
  #ctt_con .arim26x-table, .arim26x-table { font-size: 12px !important; }
}

@media print {
  #ctt_con .arim26x-layout, .arim26x-layout { grid-template-columns: minmax(0, 1fr) 160px !important; gap: 22px !important; }
  #ctt_con .arim26x-profile, .arim26x-profile { position: static !important; }
  #ctt_con .arim26x-photo, .arim26x-photo { width: 160px !important; height: 184px !important; }
  #ctt_con .arim26x-event, .arim26x-event { break-inside: avoid !important; }
  #ctt_con .arim26x-details[open], .arim26x-details[open] { break-inside: auto !important; }
}

/* =========================================================
   행사장 안내
   그누보드용 독립 클래스
   ========================================================= */

.event-venue-wrap,
.event-venue-wrap * {
    box-sizing: border-box;
}

.event-venue-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 10px 50px;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Apple SD Gothic Neo",
        "Malgun Gothic",
        sans-serif;
    color: #222;
}


/* =========================================================
   제목
   ========================================================= */

.event-venue-header {
    margin-bottom: 45px;
    text-align: center;
}

.event-venue-header h2 {
    margin: 0;
    padding: 0;
    font-size: 34px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: -1.2px;
    color: #1f1f1f;
}

.event-venue-header p {
    margin: 10px 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #777;
}


/* =========================================================
   행사장 1~10
   PC : 2열 × 5행
   ========================================================= */

.event-venue-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    /*
       같은 행의 왼쪽/오른쪽 높이가 자동으로 같아집니다.

       1 ↔ 6
       2 ↔ 7
       3 ↔ 8
       4 ↔ 9
       5 ↔ 10
    */

    column-gap: 90px;
    row-gap: 0;
    width: 100%;
}


/* =========================================================
   위치 지정
   DOM은 1~10 순서지만
   PC에서는 좌/우 배치
   ========================================================= */

.event-venue-item.v01 {
    grid-column: 1;
    grid-row: 1;
}

.event-venue-item.v02 {
    grid-column: 1;
    grid-row: 2;
}

.event-venue-item.v03 {
    grid-column: 1;
    grid-row: 3;
}

.event-venue-item.v04 {
    grid-column: 1;
    grid-row: 4;
}

.event-venue-item.v05 {
    grid-column: 1;
    grid-row: 5;
}


.event-venue-item.v06 {
    grid-column: 2;
    grid-row: 1;
}

.event-venue-item.v07 {
    grid-column: 2;
    grid-row: 2;
}

.event-venue-item.v08 {
    grid-column: 2;
    grid-row: 3;
}

.event-venue-item.v09 {
    grid-column: 2;
    grid-row: 4;
}

.event-venue-item.v10 {
    grid-column: 2;
    grid-row: 5;
}


/* =========================================================
   개별 장소
   ========================================================= */

.event-venue-item {
    --venue-color: #555;

    position: relative;

    width: 100%;
    height: 100%;

    min-height: 105px;

    padding:
        0
        10px
        32px
        50px;
}


/* 세로 점선 */

.event-venue-item::before {
    content: "";

    position: absolute;

    left: 15px;
    top: 30px;
    bottom: 0;

    width: 0;

    border-left: 1px dashed #b7bbc1;
}


/* 왼쪽 마지막 5번 */
.event-venue-item.v05::before {
    display: none;
}


/* 오른쪽 마지막 10번 */
.event-venue-item.v10::before {
    display: none;
}


/* =========================================================
   번호
   ========================================================= */

.event-venue-num {
    position: absolute;

    left: 0;
    top: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 31px;
    height: 31px;

    margin: 0;

    border-radius: 50%;

    background: var(--venue-color);

    font-size: 15px;
    line-height: 1;
    font-weight: 800;

    color: #fff;

    z-index: 2;
}


/* 번호 아래 작은 꼬리 효과 */
.event-venue-num::after {
    content: "";

    position: absolute;

    left: 50%;
    bottom: -4px;

    width: 7px;
    height: 7px;

    background: var(--venue-color);

    transform:
        translateX(-50%)
        rotate(45deg);

    z-index: -1;
}


/* =========================================================
   장소명
   ========================================================= */

.event-venue-name {
    margin: 0 0 8px;
    padding: 1px 0 0;

    font-size: 19px;
    line-height: 1.4;
    font-weight: 800;

    letter-spacing: -0.6px;

    color: var(--venue-color);

    word-break: keep-all;
}


/* =========================================================
   행사내용
   ========================================================= */

.event-venue-desc {
    margin: 0;
    padding: 0;

    font-size: 15px;
    line-height: 1.75;

    font-weight: 500;

    letter-spacing: -0.25px;

    color: #292929;

    word-break: keep-all;
}


/* =========================================================
   장소별 컬러
   ========================================================= */

.event-venue-item.v01 {
    --venue-color: #d53b34;
}

.event-venue-item.v02 {
    --venue-color: #3c3866;
}

.event-venue-item.v03 {
    --venue-color: #36a5b3;
}

.event-venue-item.v04 {
    --venue-color: #df7650;
}

.event-venue-item.v05 {
    --venue-color: #81469c;
}

.event-venue-item.v06 {
    --venue-color: #958b7b;
}

.event-venue-item.v07 {
    --venue-color: #b64985;
}

.event-venue-item.v08 {
    --venue-color: #6db79f;
}

.event-venue-item.v09 {
    --venue-color: #ef8417;
}

.event-venue-item.v10 {
    --venue-color: #6680b7;
}


/* =========================================================
   구분선
   ========================================================= */

.event-venue-divider {
    width: 100%;
    height: 1px;

    margin: 10px 0 45px;

    background: #e9e9e9;
}


/* =========================================================
   지도 영역
   ========================================================= */

.event-map-section {
    width: 100%;
    margin-top: 10px;
}

.event-map-header {
    margin-bottom: 20px;
}

.event-map-header h3 {
    margin: 0;

    font-size: 24px;
    line-height: 1.4;
    font-weight: 800;

    letter-spacing: -0.7px;

    color: #222;
}

.event-map-header p {
    margin: 7px 0 0;

    font-size: 14px;
    line-height: 1.6;

    color: #888;
}


/* 지도 이미지 */

.event-map-image {
    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius: 14px;

    background: #f4f5f6;

    border: 1px solid #ededed;
}

.event-map-image img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    border: 0;
}


/* 지도 이미지가 아직 없을 때 사용할 임시영역 */

.event-map-placeholder {
    display: none;

    align-items: center;
    justify-content: center;

    width: 100%;
    min-height: 420px;

    padding: 30px;

    background: #f5f6f7;

    text-align: center;

    color: #999;

    font-size: 15px;
}


/* =========================================================
   태블릿
   ========================================================= */

@media (max-width: 900px) {

    .event-venue-wrap {
        padding:
            42px
            22px
            60px;
    }

    .event-venue-list {
        column-gap: 45px;
    }

    .event-venue-item {
        padding-left: 45px;
        padding-right: 5px;
    }

    .event-venue-name {
        font-size: 18px;
    }

    .event-venue-desc {
        font-size: 14px;
    }

}


/* =========================================================
   모바일
   ========================================================= */

@media (max-width: 700px) {

    .event-venue-wrap {
        padding:
            35px
            18px
            50px;
    }


    /* 제목 */

    .event-venue-header {
        margin-bottom: 35px;
    }

    .event-venue-header h2 {
        font-size: 27px;
    }

    .event-venue-header p {
        margin-top: 8px;
        font-size: 14px;
    }


    /*
       모바일에서는
       1 → 2 → 3 → 4 → 5 → 6 → 7 → 8 → 9 → 10
    */

    .event-venue-list {
        display: flex;

        flex-direction: column;

        gap: 0;
    }


    .event-venue-item {
        grid-column: auto !important;
        grid-row: auto !important;

        width: 100%;
        height: auto;

        min-height: 0;

        padding:
            0
            0
            30px
            44px;
    }


    /*
       PC에서는 5번의 선이 끝나지만
       모바일에서는 6번으로 계속 연결
    */

    .event-venue-item.v05::before {
        display: block;
    }


    /*
       모바일 최종 마지막은 10번
    */

    .event-venue-item.v10::before {
        display: none;
    }


    .event-venue-item::before {
        left: 14px;
        top: 28px;
    }


    .event-venue-num {
        width: 29px;
        height: 29px;

        font-size: 14px;
    }


    .event-venue-name {
        margin-bottom: 5px;

        font-size: 17px;
    }


    .event-venue-desc {
        font-size: 14px;
        line-height: 1.7;
    }


    /* 지도 */

    .event-venue-divider {
        margin:
            5px
            0
            35px;
    }

    .event-map-header h3 {
        font-size: 21px;
    }

    .event-map-image {
        border-radius: 10px;
    }

}


/* =========================================================
   작은 모바일
   ========================================================= */

@media (max-width: 400px) {

    .event-venue-wrap {
        padding-left: 14px;
        padding-right: 14px;
    }

    .event-venue-item {
        padding-left: 41px;
    }

    .event-venue-name {
        font-size: 16px;
    }

    .event-venue-desc {
        font-size: 13.5px;
    }

}