@charset "utf-8";

img {max-width: 100%;}

.contentBody {font-size:1.2rem; min-height:320px;} 
/* p테그 공통 왼쪽 띄워주는 소스 */
.indent{margin-left:25px;}
/* 반응형 이미지 제어 */
.pc_Img{display:block;}
.mobile_Img{display:none;}
.conImg {text-align: center;}
.conImg img{max-width:100%;}
@media all and (max-width:1024px) {
	.mobile_Img{display:block !important;text-align:center;}
	.mobile_Img img {max-width:100%;}
	.pc_Img{display:none !important;}
}
/* 반응형 테블릿 이하 사이즈로 되었을때 스크롤 드래그 */
.mCont_scroll .tableauPlaceholder{width:100% !important;}
.img-zoom img , .talk-noImg img {max-width:100%;}
.blind {font-size:0px;}
@media all and (max-width:1700px) { 
	.mCont_scroll2 {overflow-x:scroll; padding-top:45px; background:url("/base/imgs/icon/mCont_scroll_ico.png") no-repeat 99% 0;}
}
@media all and (max-width: 1024px) {
.img-zoom {position:relative;width:100%; }
.img-zoom img {max-width:100%;}
.img-zoom .btn-zoom {position:absolute;bottom:5px;right:0;display:block;width:45px;height:45px;background:url("/base/imgs/icon/imgbig.png") no-repeat;z-index:100;}
.blind {font-size:0px;}
}
@media all and (max-width:1024px) {
	.headnote {text-align:left; margin:2px 0 3px 0;}
}
@media all and (max-width:1023px) { 
	.mCont_scroll {overflow-x:scroll; padding-top:45px; background:url("/base/imgs/icon/mCont_scroll_ico.gif") no-repeat right 0;}
	.mCont_scroll table{width:1023px;}
	.mCont_scroll .tableauPlaceholder{width:1023px !important;}
}
@media screen and (max-width: 840px) {
	.img-zoom img {max-width:100%}
}
.conH3 {position:relative; font-size:25px; background:url("../imgs/contents/h3_bg.png") no-repeat 0 17px; color:#000; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:45px; padding-top:10px; word-break: break-all;}
.conH4 {position:relative; font-size:22px; background:url("../imgs/contents/h4_bg.png") no-repeat 0 20px; color:#555; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:60px; padding-top:10px;}
.conH5 {position:relative; font-size:19px; background:url("../imgs/contents/h5_bg.png") no-repeat 0 10%; color:#000;  letter-spacing:-1px; margin-bottom:10px; margin-top:60px;}
.conH6 {position:relative; font-size:17px; color:#1e2c4a; padding-left:0px; margin-top:60px; padding-top:10px;}
.conH6:after {background:none;}
.conH6:before {position:absolute; content:""; top:0px; left:0; width:15px; height:8px; background:url("../imgs/contents/h6_bg.png") no-repeat;}
.conH3.top {margin-top:0 !important;}
.conH4.top {margin-top:0 !important;}
.conH5.top {margin-top:0 !important;}
.text_center {text-align:center !important;}
@media all and (max-width:480px) { 
	.conH3 {font-size:22px; background-position:0 13px; line-height:30px;}
	.conH4 {font-size:20px; background-position:0 15px; line-height:30px;}
}


/* 폰트컬러 */
.em_black {color:#000 !important;}
.em_orange {color:#e77114 !important;}
.em_green {color:#068b32 !important;}
.em_yellow {color:#fabe00 !important;}
.em_sky {color:#46a5b2 !important;}
.em_red {color:#e83436 !important;}
.em_b_red {color:#e83436 !important; font-weight:bold;}
.em_blueB {color:#2ca0ad !important; font-weight:bold;}

/* conList */
.conList {position:relative; line-height:22px;margin-top:10px;}
.conList li {position:relative; padding:0 0 7px 30px;color:#555;line-height:1.7;}
.conList li:after {position:absolute; left:14px; top:12px; content:"";}
.conList ul {position:relative;padding:5px 0 0 0;}
.conList li li {position:relative;padding:0 0 5px 13px;font-size:1rem;color:#666;background:none;}
.conList li li:after {position:absolute;display:block;left:3px;top:16px;content:"";width:6px;height:2px;background:#928e8e;}
.conList li li li {padding:0 0 2px 12px;color:#777; font-size:0.95em;}
.conList li li li:after {position:absolute; left:2px; top:10px; content:"";width:5px;height:5px;background:#c1c1c1;border-radius:50%;}

/* contTable_b tbody만 있는 경우 */
.contTable_b {border-collapse:collapse; width:100%; border-top:2px solid #434343;border-bottom:1px solid #ccc; color:#555; word-break:break-all;}
.contTable_b tbody th {height:42px;background:#f8f8f8; padding:6px 4px 6px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#222;}
.contTable_b tbody td {height:42px;padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.line_top{border-top:2px solid #686e70 !important; }
.contTable_b tbody td.td_c{text-align:center;}
.contTable_b tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b .first{border-left:0;}
.contTable_b .last{border-right:0;}
.contTable_b .conList {padding:0;}

/* 박스line */
.box {position:relative; border:1px solid #ddd;padding:50px;}
/* 박스gray */
.boxgray {position:relative; background:#fafafa;padding:50px;}
/* 박스Point */
.boxPoint {padding: 2rem;border: 5px solid #E6E6E6;height: auto;text-align: center;position: relative;}
.boxPoint:before {background:#e83436;position:absolute;top:-5px;left:0;width:2.5rem;height:5px;content:'';}
.boxPoint:after {background:#e83436;position:absolute;top:-5px;left:-5px;height:2.5rem;width:5px;content:'';}
/* 박스Pink */
.boxPink {position:relative; border:5px solid #fdadae; padding:50px;}
/* 박스Blue */
.boxBlue {position:relative; border:5px solid #7eb7bf; padding:50px;}
.conBox {font-size:18px;}

/* 버튼 */
a.culture_down{position:relative; font-weight:bold; color:#3361a6; padding-right:30px; text-decoration:underline;}
.culture_down:after{position:absolute; display:block; content:''; top:0; right:0; width:30px; height:30px; background:url('../imgs/contents/culture_down.png') no-repeat;}

/* 게시물 */
.containerIn {margin-top: 60px;}

/* 미션 */
.vision2024_02{text-align:center;}
.mition_top{position:relative; border-top:40px solid #f1f3f7; height:225px; padding-top:25px;}
.mition_top:before{position:absolute; top:-40px; left:0; background:url('../imgs/contents/mitiontop_bg.png') no-repeat; width:186px; height:290px; content:''; display:block;}
.mition_top:after{position:absolute; top:-40px; right:0; background:url('../imgs/contents/mitiontop_bg02.png') no-repeat; width:186px; height:290px; content:''; display:block;}
.mition_top h3{font-size:24px; font-weight:700; position:relative; background:linear-gradient(0deg, #58bcca 20px, transparent 20px); display:inline-block; padding:0 7px;}
.mition_top h4{margin:30px 50px 0; font-size:42px; line-height:1.3;}
.mition_top h4 span {color:#e83436;}

.vision2024_02 h3.hac{position:relative; background:linear-gradient(0deg, #f3999a 20px, transparent 20px); display:inline-block; padding:0 7px; margin-top:60px;}
.vision2024_02 h3.hac:before{position:absolute; top:-70px; left:calc(50% - 35px); display:block; content:''; width:70px; height:70px; background:url('../imgs/contents/vision_ioc.png') no-repeat;}

.fivec_foot{background:url('../imgs/contents/5c_arrow.png') no-repeat 50% top; margin-top:15px; display:flow-root;}
.fivec_foot div{float:left; width:calc((100% - 120px)/3); padding:35px 30px; margin:0 20px; box-sizing: border-box;}
.fivec_foot div h4{line-height:1.3; font-size:32px; min-height:90px; font-weight:600;}
.fivec_foot div:first-child{border:3px solid #e83436;}
.fivec_foot div:first-child h4{color:#e83436;}
.fivec_foot div:nth-child(2){border:3px solid #429949; margin-top:30px;}
.fivec_foot div:nth-child(2) h4{color:#429949;}
.fivec_foot div:nth-child(3){border:3px solid #0074a5;}
.fivec_foot div:nth-child(3) h4{color:#0074a5;}
.fivec_foot ul{min-height:180px; margin-top:10px;}
.fivec_foot li{position:relative; line-height:26px; padding-bottom:20px;}
.fivec_foot li:last-child {padding-bottom: 0;}
.fivec_foot li:first-child:after{display:none;}
.fivec_foot li:after{position:absolute; display:block; content:''; width:5px; height:5px; top:-11px; left:50%; background:#999;}
@media all and (max-width:1024px){
	.mition_top h4{font-size:31px;}
	.fivec_foot {margin-top: 40px;}
	.fivec_foot div {width: calc((100% - 90px)/2);float: none; margin-bottom: 40px; display: inline-block; vertical-align: middle;}
	.fivec_foot div:nth-child(2) {margin-top: 0;}
	.fivec_foot div:nth-child(3) {margin: 0 auto;}
}
@media screen and (max-width:768px){
	.mition_top h4{font-size:30px;}
	.vision2024_02 h3.hac{margin-top:80px;}
	.fivec_foot {margin-top:20px;}
	.fivec_foot div{width:100%; max-width: 490px; padding:35px 30px; margin: 0 0 30px;}
	.fivec_foot ul{min-height:auto;}
	.fivec_foot div h4 {font-size: 28px;}
	.fivec_foot li {font-size: 17px;}
}
@media all and (max-width:640px){
	.mition_top {border: 40px solid #f1f3f7; height: auto; padding: 20px;}
	.mition_top:before, .mition_top:after {display: none;}
	.mition_top h4 {margin: 20px 0 0; font-size: 26px;}
}
@media all and (max-width:480px){
	.mition_top {border:20px solid #f1f3f7;}
	.mition_top h4{font-size:26px;}
	.vision2024_02 h3.hac{margin-top:90px;}
}
/* 사이트맵 */
.sitemap2 {position:relative;padding:0;overflow:hidden;}
.sitemap2 ul {margin:0 0 0 -3%;}
.sitemap2 ul li {float:left;padding:0 0 0 3%;width:30.3%;}
.sitemap2 ul li li{float:none;padding:0;width:100%;}
.sitemap2 ul li a{position:relative;display:block;} 
.sitemap2 ul li li a{text-align:left;padding:10px 8px;border-bottom:1px solid #eaeaea;}
.sitemap2 ul li li a[target="_blank"] {background: url('/base/imgs/cmmn/subMn_blank.png') no-repeat 90% 50%;}
.sitemap2 ul li li a:hover{text-decoration:underline;}
.sitemap2 ul ul{margin:0 0 20px 0;width:100%;}
.sitemap2 ul ul ul{background:#f7f7f7;padding:8px 0;margin:0;border-bottom:1px solid #eaeaea; width:auto;}
.sitemap2 ul ul ul ul{background:#f7f7f7;padding:10px 5%;width:90%;margin:0;border-bottom:none;}
.sitemap2 ul ul ul ul li{background:#fff;}
.sitemap2 ul li li li li:first-child a{padding:12px 10px 6px 14px;} 
.sitemap2 ul li li li li:last-child a{padding:6px 10px 12px 14px;} 
.sitemap2 ul li li li a{border:none;padding:7px 10px 7px 20px;line-height:15px;color:#666;font-size:0.9em;} 
.sitemap2 ul li li li a:after{position:absolute;left:11px;top:14px;content:"";width:4px;height:1px;background:#9e9e9e;}
.sitemap2 .map_1depth{background:#52545a;color:#fff;padding:8px 0 12px 0;text-align:center;border-radius:8px; font-weight:600;}
.sitemap2 .ico_blank{position:absolute;top:40%;right:10px;display:block;width:13px;height:15px;}
@media screen and (max-width:768px){
	.sitemap2 ul{margin:0;}
	.sitemap2 ul li{float:none; padding:0;width:100%;}
	.sitemap2 .map_1depth{padding:10px 0 10px 0;}
	.sitemap2 ul li li a{padding:10px 5%;}
	.sitemap2 ul li li li a{padding:5px 10px 5px 7%;line-height:15px;} 
}

/* 오시는길 지도 */
.root_daum_roughmap{width:100% !important}
.root_daum_roughmap .map {height:500px;}
#daumRoughmapContainer1622619665365 .wrap_controllers {display:none;}
.os_mac.root_daum_roughmap,
.os_mac.root_daum_roughmap input, .os_mac.root_daum_roughmap select, .os_mac.root_daum_roughmap td, 
.os_mac.root_daum_roughmap textarea, .os_mac.root_daum_roughmap th {width:100%; min-height:500px; overflow: hidden;}
.map {position:relative; margin-top:0px; background:#1e2c4a; padding:30px 30px 30px 30px; }
.map .maplist li {position:relative; color:#fff; padding-left:10px;}
.map .maplist li:before {position:absolute; display:inline-block; top:15px; left:0; content:""; width:2px; height:2px; background:#fff;}
.map .map_load {position:absolute; top:0; right:0; width:150px; height:100%; background-color:#e83436;}
.map .map_load a {color:#fff; font-weight:bold; font-size:20px; display:block; padding:45px 50px 50px 50px;}
@media all and (max-width: 840px) {
	.map .map_load {position:relative; margin-top:20px; width:100%;}
	.map .map_load a {padding:10px; text-align:center;}
}

/* 연혁 */
.his_total{display:flex; justify-content:flex-start;}
.his_l{position:relative; font-family: 'SANGSANGTITLEM'; color:#71cfab; font-size:40px; line-height:50px; min-height:180px; padding-top:40px; padding-left:230px; background:url('../imgs/contents/his_img01.png') no-repeat; width:420px;}
.his_l:before{position:absolute; width:1px; height:100%; right:0; top:0; display:block; content:''; background:#222;}
.his_l:after{position:absolute; width:6px; height:6px; border:4px solid #222; border-radius:50px; right:-6px; top:0; display:block; content:''; background:#fff;}
.his_l span{color:#5d6dbe;}
.his_r{width:calc(100% - 650px); padding-left:60px; padding-top:20px;}
.his_r h4{position:relative; font-size:42px;}
.his_r h4:before{position:absolute; left:0; top:0; content:''; display:block; width:100%; height:15px; background:#f8b61c;}
.his_r ul{margin:20px 0 0 30px;}
.his_r ul li{margin-bottom:10px;}
.his_r div{display:flex; margin-bottom:35px;}
.his_r div span.date{float:left; font-weight:bold; margin-right:15px;}
.his_r div span{display:flex; word-break:break-all;}
@media all and (max-width:1200px){
	.his_total{display:block;} 
	.his_l{width:calc(100% - 230px); margin-bottom:20px;}
	.his_r{width:100%; padding-left:0;}
	.his_l:before{position:absolute; width:100%; height:1px; right:0; top:220px; display:block; content:''; background:#222;}
	.his_l:after{display:none;}
}
@media all and (max-width:640px){
	.his_l{background-size:110px; min-height:100px;font-size:24px; line-height:35px;padding-left:130px; width:calc(100% - 130px);}
	.his_l:before{top:130px;}
	.his_r h4:before{width:100px; }
	.his_r ul{margin:0;}
	.his_r div{display:block}
	.his_r div span{display:block; font-size:0.85em}
}
@media all and (max-width:480px){
	.his_l{background-size:90px; min-height:90px;line-height:35px;padding-left:110px; width:calc(100% - 110px); padding-top:22px;}
}

/* BI */
.his_list{position:relative; line-height:28px; margin-bottom:15px;}
.hisbtn{position:absolute; top:10px; right:0;}
.his_boxtop{display:flex; flex-wrap:wrap; justify-content:space-evenly; border:3px solid #000; padding:40px 4% 30px; text-align:center;}
.his_boxtop h5{text-align:center; text-decoration:underline; margin-bottom:15px; font-size:20px;}
.his_boxtop div{margin:0 0 25px;}
.his_box{display:flex; flex-wrap:wrap; justify-content:space-evenly;border:1px solid #dbdbdb; padding:40px 4% 30px; text-align:center;}
.his_box h5{text-align:center; text-decoration:underline; margin-bottom:15px; font-size:20px; }
.his_box div.alone{width:92%; border-bottom:1px solid #dbdbdb; padding-bottom:20px; margin-bottom:30px;}
.his_box div{margin:0 0 25px;}
@media all and (max-width:1024px){
	.hisbtn {position: static; text-align: center; margin: 20px 0 0;}
}
/* 버튼 */
.button{display:inline-block; overflow:hidden; position:relative; min-width:90px; height:33px; line-height:31px; box-sizing:border-box; padding:0 15px 35px 15px; margin:2px 0px; background:#41464e; border:1px solid #25282d; color:#fff !important; vertical-align:top; transition:all 0.4s ease-out 0.1s;}
.button span{display:inline-block; position:relative; z-index:2; padding: 0 30px 0 10px;}
.button span.down:after {text-align:left; content:''; display:block; position:absolute; top:9px;  right:7px; background:url('/home/imgs/contents/btnDown_ico3.png') no-repeat 0 -14px; width:13px; height:14px;}
a:hover.button{text-decoration:underline;}

/* 사무국 및 단원소개 */
.cbtc_tab {display:flex; justify-content:space-around; margin:0 auto; width:800px; border-bottom:1px solid #000;}
.cbtc_tab li {position:relative; width:100%;}
.cbtc_tab li:first-child:after{display:none;}
.cbtc_tab li:after{position:absolute; top:20px; left:0; display:block; width:1px; height:12px; content:''; background:#888;}
.cbtc_tab a {color:#7c7c7c; display:block; font-size:20px; text-align:center; padding:15px 0 16px; line-height:20px;}
.cbtc_tab a strong {font-weight:500;}
.cbtc_tab .on a {color:#000; border-bottom:4px solid #e83436; font-weight:600;}
.cbtc_tab a:hover {color:#000; border-bottom:4px solid #e83436; font-weight:600;}

.cbtc_org{margin-top:80px; padding:0 3%; display:flex;}
.cbtc_org_l img{border:1px solid #000; margin:-20px 0 0 -20px;}
.cbtc_org_l{background:#e83436 url('../imgs/contents/org_bg.png') no-repeat 95% bottom; width:402px; height:510px; padding-bottom:30px; margin:20px 0 0 20px;}
.cbtc_org_r{margin-left:6%;}
.cbtc_org_r h4{font-size:22px; color:#555555; margin-top:20px;}
.cbtc_org_r li{position:relative; padding-left:25px;}
.cbtc_org_r li:before{position:absolute; left:12px; top:15px; width:4px; height:4px; background:#555; display:block; content:'';}
.cbtc_org_r li li{position:relative; padding-left:25px; font-size:17px; color:#666;}
.cbtc_org_r li li:before{position:absolute; left:12px; top:15px; width:5px; height:1px; background:#555; display:block; content:'';}

.cbtc_org_r2 h4{font-size:22px; color:#555555; margin-top:20px;}
.cbtc_org_r2 li{position:relative; padding-left:25px;}
.cbtc_org_r2 li:before{position:absolute; left:12px; top:15px; width:4px; height:4px; background:#555; display:block; content:'';}
.cbtc_org_r2 li li{position:relative; padding-left:25px; font-size:17px; color:#666;}
.cbtc_org_r2 li li:before{position:absolute; left:12px; top:15px; width:5px; height:1px; background:#555; display:block; content:'';}

.photo_list{text-align:center; }
.photo_list li{position:relative; float:left; width:18%; height:380px; margin:2% 1%;} 
.photo_list li img{width:212px} 
.photo_list li div {position:relative;z-index:0; background:#f9f9f9; padding:8% 0} 
.photo_list li em{display:block; padding:0; font-weight:500; color:#000; line-height:100% }

@media all and (max-width:1200px) { 
	.photo_list li{ height:320px} 
	.photo_list li img{width:80%} 
}

@media all and (max-width:1024px) { 
	.photo_list{width:100%}
	.photo_list li{width:29%; height:380px} 
}

@media all and (max-width:980px) { 
	.cbtc_tab {width:100%;}	
	.photo_list li{height:350px} 
}
@media all and (max-width:767px) { 
	.cbtc_tab {width:100%;}
	.cbtc_org{margin-top:50px; flex-wrap:wrap; justify-content:space-evenly;}
	.cbtc_org_l img{width:90%;}
	.cbtc_org_l{height:auto; }
	.cbtc_org_r{margin-left:0; margin-top:30px; width:100%;}
		.photo_list li{height:280px} 
}

@media all and (max-width:560px) { 
	.photo_list li{height:230px} 
}
@media all and (max-width:480px) { 
	.cbtc_tab a, .photo_list li {font-size:17px;}
	.cbtc_org_l{background-size:6%;} 
	.photo_list li{width:46%; height:260px} 
}

/*공연일정*/
.board_show .nodata {width: 100%;}
.search_cal_show a {}
.search_cal_show .btn_white span {border-color: #ccc; font-weight: 400;}
.search_cal_show span {padding: 1px 10px;}