/* common */

/*서브비주얼*/

#sv {  height:200px; text-align:center; color:#fff; background-size:cover !important;}
#sv dl { font-family: 'Noto Sans KR', serif; padding:88px 0 0 0;}
#sv dl dt { font-size:35px; font-weight:400; margin:0 0 20px 0;}
#sv dl dd { font-size:16px; line-height:23px;}
.sv01 { background:url("/img/sub/sv01.jpg") no-repeat center top;  }
.sv02 { background:url("/img/sub/sv02.jpg") no-repeat center top; }
.sv03 { background:url("/img/sub/sv03.jpg") no-repeat center top; }
.sv04 { background:url("/img/sub/sv04.jpg") no-repeat center top; }
.sv05 { background:url("/img/sub/sv05.jpg") no-repeat center top; }
.sv06 { background:url("/img/sub/sv06.jpg") no-repeat center top; }
.sv07 { background:url("/img/sub/sv06.jpg") no-repeat center top; }

/*lnb*/
#lnbWrap { width:210px; background:#f2f2f2; text-align:center;  font-size:14px; float:left; min-height:800px;}
#lnbWrap .depth01 {  font-family: 'Noto Sans KR', serif; padding:30px 0 0 0; height:100px; border-bottom:4px solid #505050; box-sizing:border-box; background:url("/img/sub/lnbBg.gif") no-repeat; color:#fff; font-size:25px; font-weight:400;}
#lnbWrap .depth01 span { display:block; margin:5px 0 0 0; font-size:14px;}
#lnbWrap .depth02 { }
#lnbWrap .depth02 > li { height:50px; box-sizing:border-box;}
#lnbWrap .depth02 > li > a { color:#777; font-size:14px; line-height:50px; display:block;  border-bottom:1px solid #dcdcdc;}
#lnbWrap .depth02 > li.on a { color:#b50625; background:#fff;}
#lnbWrap .telNum { padding:50px 0;}
#lnbWrap .telNum dl { background:url("/img/sub/lnbTel.png") no-repeat center top; padding:48px 0 0 0; }
#lnbWrap .telNum dl dt { color:#222; margin:0 0 9px 0;}
#lnbWrap .telNum dl dd { font-size:25px; color:#b60726; }

#subContents { margin:32px 0 0 50px; float:left; width:940px; padding:0 0 242px 0; font-size:13px; font-size:15px;}
#subContents article {padding:43px 0 0 0; position:relative;}
#subContents .top { border-bottom:2px solid #eab0bb; }
#subContents .top h3 { color:#333; font-size:28px; font-weight:400; font-family: 'Noto Sans KR', serif; }
#subContents .top .navi  { margin:10px 0 0 0; display:inline-block; position:relative; height:30px;}
#subContents .top .navi:after { content:""; display:block; width:100%; height:2px; background:#b60726; position:absolute; bottom:-2px; }
#subContents .top .navi ul { font-size:0;}
#subContents .top .navi ul li.home { width:16px; height:16px; background:#747474; border-radius:2px; color:#fff; box-sizing: border-box; font-size:9px; text-align:center; line-height:16px;}
#subContents .top .navi ul li { display:inline-block; vertical-align:middle; font-size:13px; margin:0 6px 0 0; color:#888;}
#subContents .top .navi ul li:after { content:">"; margin:0 0 0 6px;}
#subContents .top .navi ul li:last-child:after,
#subContents .top .navi ul li.home:after { content:""; display:none;}
#subContents .top .navi ul li:last-child { color:#555;}



/*
	재단소개 - 인사말
*/

#greeting {}
#greeting .txt { font-size:15px;}
#greeting .txt {}
#greeting .txt p { line-height:25px; margin:0 0 22px 0;}
#greeting .txt dl { margin:0 0 33px 0;}
#greeting .txt dl dt { font-size:17px; color:#333; margin:0 0 10px 0;}
#greeting .txt dl dd { font-size:15px; }
#greeting .txt dl dd p { position:relative;  padding:0 0 0 40px; margin:0 0 5px 0;}
#greeting .txt dl dd p span { color:#b60726; position:absolute; left:0; top:0;}
#greeting .txt .bold { font-size:17px; color:#222; font-weight:400;}
#greeting .txt .ceo { text-align:right;  color:#222; margin:0 237px 0 0;}
#greeting .txt .ceo p { font-size:20px; font-family: 'Nanum Myeongjo','나눔명조', sans-serif;  margin:30px 0 9px 0;}
#greeting .txt .ceo p span { font-size:30px; font-weight:700;display:inline-block; margin:0 0 0 16px; }
#greeting .txt .ceo span { font-size:15px;}
#greeting .img { position:absolute; right:0; top:53px;}
#greeting .sign img { text-align:left; display:inline-block; vertical-align:bottom; margin:-20px 0 0 0;}
#greeting .sign p { display:inline-block;  font-size:20px; vertical-align:bottom; margin:0 -5px 5px 0; }
#greeting .sign p span {color:#333; margin:0 0 0 15px; letter-spacing:5px; font-weight:500; font-size:25px;}


/*
	재단소개 - 재단소개
*/
.titleSt1 { font-size:18px; color:#333; line-height:25px; text-align:center;}
.titleSt1 span { color:#b60726; }
#introduce { }  
#introduce .bsBox {text-align:center;  margin:48px 0 0 0;}  
#introduce .bsBox > div { margin:0 0 50px 0;}
#introduce .bsBox .circle { width:150px; height:150px;  border:1px solid #b60726; border-radius:50%; display:inline-block; font-size:20px; font-weight:700; color:#b60726; text-align:center; line-height:150px; box-sizing:border-box; position:relative; margin:0 0 24px 0;}  
#introduce .bsBox .circle:after { content:""; width:1px; height:25px; position:absolute; bottom:-25px; display:block; background:#b60726; left:50%;}
#introduce .bsBox .business .circle { width:150px; height:150px;  background:#b60726; color:#fff; }  
#introduce .bsBox .business p { line-height:22px; font-size:16px; border:1px solid #c2c2c2; border-top-color:#b60726; width:400px; margin:0 auto; height:90px; padding:22px 0 0 0; box-sizing:border-box;}
#introduce .bsBox .vision { }
#introduce .bsBox .vision ul { text-align:center; font-size:0;}
#introduce .bsBox .vision ul li { display:inline-block; vertical-align:top; margin:0 -20px 0 0;}
#introduce .bsBox .vision ul li:last-child { margin:0;}
#introduce .bsBox .vision ul li dl {}
#introduce .bsBox .vision ul li dl dt { width:260px; height:50px; color:#fff; line-height:50px; border-radius:24px; font-size:15px; position:relative;}
#introduce .bsBox .vision ul li dl dt:before { content:"+"; color:#fff; position:absolute; font-size:17px; right:6px; z-index:100;}
#introduce .bsBox .vision ul li:last-child dl dt:before { display:none;}
#introduce .bsBox .vision ul li dl dd { font-size:15px; color:#444; line-height:22px; margin:18px 0 0 0}
#introduce .bsBox .vision ul li:nth-child(1) dl dt { background:rgba(136,136,136,0.9); }
#introduce .bsBox .vision ul li:nth-child(2) dl dt { background:rgba(102,102,102,0.9); }
#introduce .bsBox .vision ul li:nth-child(3) dl dt { background:rgba(68,68,68,0.9); }
#introduce .bsBox .vision ul li dl dd {}
#introduce .mainBs {} 
#introduce .mainBs ul {} 
#introduce .mainBs ul li { float:left; width:312px; border:1px solid #ccc; border-top:2px solid #5e5e5e; box-sizing:border-box; height:370px; border-right:none;}  
#introduce .mainBs ul li:last-child { border-right:1px solid #ccc;}
#introduce .mainBs ul li .img { background:url("/img/sub/bsBg.gif") no-repeat; height:170px;} 
#introduce .mainBs ul li .img span { display:inline-block; width:80px; height:80px; background:url("/img/sub/mainBsImg.png") no-repeat left center #494949; border-radius:50%; margin:44px 0 0 0; }  
#introduce .mainBs ul li:nth-child(2) .img span { background-position:-92px 0;}
#introduce .mainBs ul li:nth-child(3) .img span { background-position:-182px 0;}
#introduce .mainBs ul li dl dt { background:#f5f5f5; height:50px; border:1px solid #ccc; border-left:none; border-right:none; line-height:50px; font-size:16px; color:#333; font-weight:500;} 
#introduce .mainBs ul li dl dd { padding:17px 0 0 11px; text-align:left;} 
#introduce .mainBs ul li dl dd p { font-size:14px; line-height:20px; margin:0 0 3px 0; position:relative; padding:0 0 0 10px;}
#introduce .mainBs ul li dl dd p:before { content:"-"; position:absolute; left:0; top:0;}
#introduce .mainBs ul li dl dd p:last-child { margin:0; }

/*
	재단소개 - 연혁
*/
#history {}
#history .bg { background:url("/img/sub/historyBg.jpg") no-repeat; height:157px; margin:0 0 40px 0;}
#history .bg dl { color:#fff; padding:50px 0 0 20px;}
#history .bg dl dt { font-size:32px; font-weight:700;}
#history .bg dl dd { font-size:15px; margin:12px 0 0 0;}
#history .txt { }
#history .txt ul { }
#history .txt ul li { overflow:hidden; border-bottom:1px solid #d0d0d0; padding:0 0 40px 0; margin:0 0 40px 0;}
#history .txt ul li:last-child { border:none;}
#history .txt ul li .year {font-size:27px; color:#b60726; font-weight:700; float:left; margin:0 62px 0 0;}
#history .txt ul li .info { float:left;}
#history .txt ul li .info p { margin:0 0 17px 0; position:relative; padding:3px 0 0 37px;}
#history .txt ul li .info p span { position:absolute; left:0; top:0; display:inline-block; border-radius:4px; background:#333; width:30px; height:23px; text-align:center; line-height:23px; color:#fff; letter-spacing:-0.5px;}


/*
	재단소개 - 오시는길
*/
#daumRoughmapContainer1524117163181 { height:500px;}
#map {}
#map > div { margin:0 0 41px 0;}
.titleSt2 { background:url("/img/sub/subTitlebg02.gif") no-repeat; padding:0 0 0 21px; color:#333; font-size:19px; font-weight:700; margin:0 0 17px 0;}
#map .guide { }
#map .guide .txt1 { position:relative; margin:0 0 30px 0;}
#map .guide .txt1 span { position:absolute; left:0; top:0; width:20px; height:20px; color:#fff; text-align:center; line-height:20px; background:#b60726;}
#map .guide .txt1 p { padding:0 0 0 30px; line-height:1.4;}
#map .guide ul { margin:17px 0;}
#map .guide ul li { margin:0 0 6px 0;}
#map .guide ul li span { display:inline-block; width:60px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:13px; background:#b60726; margin: 0 12px 0 0; border-radius:8px; vertical-align:text-top;}
#map .trafficGuide { }
#map .trafficGuide ul { margin:17px 0 0 0;}  
#map .trafficGuide ul li { margin:0 0 27px 0; } 
#map .trafficGuide ul li .img { width:50px; height:50px; background:url("/img/sub/traffic.png") no-repeat left center #636468; border-radius:50%;  margin:0 30px 0 0;}
#map .trafficGuide ul li:nth-child(2) .img { background-position:-50px 0;}
#map .trafficGuide ul li:nth-child(3) .img { background-position:-100px 0;}
#map .trafficGuide ul li .img, 
#map .trafficGuide ul li dl {display:inline-block; vertical-align:top; font-size:14px; } 
#map .trafficGuide ul li dl dt { color:#333;font-weight:500; } 
#map .trafficGuide ul li dl dd { line-height:22px; margin:10px 0 0 0;}  
#map .trafficGuide ul li.bus dl dd p { float:left; margin:0 30px 0 0;}
#map .trafficGuide ul li.bus dl dd p span { display:inline-block; width:33px; height:20px; border-radius:4px; color:#fff; text-align:center; line-height:20px; font-size:13px; margin:0 10px 0 0;}
#map .trafficGuide ul li.bus dl dd p.town span { background:#42a892;}
#map .trafficGuide ul li.bus dl dd p.trunk span{background:#426e9f;}
#map .trafficGuide ul li.bus dl dd p.branchLine span{background:#4ea846;}
#map .trafficGuide > ul > li.subway { }
#map .trafficGuide > ul > li.subway dd { }
#map .trafficGuide > ul > li.subway dd > ul { }
#map .trafficGuide > ul > li.subway dd > ul li { position:relative; padding:0 0 0 68px; }
#map .trafficGuide > ul > li.subway dd > ul li:last-child { margin:0;}
#map .trafficGuide > ul > li.subway dd > ul li span { position:absolute; left:0;}
#map .trafficGuide > ul > li.subway dd > ul li span i  { width:17px; height:17px; background:#f8771c; text-align:center; line-height:17px; color:#fff; display:inline-block; font-style:normal; border-radius:50%; margin:0 3px 0 0;}
#map .artCon { display:none;}
#map .artCon img { max-width:100%; }
#map #daum {display:block;} 

/*
	조직도
*/
#org { text-align:center;}

/*
	정효아트센터 - 시설소개 
*/
.tabs {}
.tabs ul { border-bottom:1px solid #ccc; }
.tabs ul li { width:160px; height:47px; line-height:47px; border:1px solid #ccc; box-sizing:border-box; text-align:center; float:left; margin:0 2px 0 0; border-bottom:none; cursor:pointer;}
.tabs ul li.on { background:#b60726; color:#fff; font-weight:700;}
.tabs ul li:last-child { margin:0; }
.tabs2 li.on a { color:#fff; background:#b60726; display:block; line-height:47px;}

#facilities { }
#facilities .container { margin:20px 0 0 0; }

.container .artCon { position:absolute; left:-99999999px; top:-99999999999px;}
.container .artCon.on { position:static; display:block; }
.container #artCenter { }

#facilities .container .main { margin:0 0 20px 0; height:auto; overflow:hidden; position:relative;}
#facilities .container .main .img { float:left; width:600px; height:auto; overflow:hidden;  }
#facilities .container .main .img img { width:100%; height:473px;}
#facilities #music .main .img img { height:497px}
#facilities #semina .main .img img { height:475px}
#facilities #practice .main .img img { height:365px}
#facilities #educator .main .img img { height:346px}
#facilities .container .main .txt { float:right; width:340px; background:#333; box-sizing:border-box; padding:0 28px; overflow:hidden;}
#facilities .container .main .txt dl {}
#facilities .container .main .txt dt { font-size:19px; font-weight:700; color:#fff; }
#facilities .container .main .txt dd { margin:20px 0 0 0; }
#facilities .container #artCenter .main .txt dd { margin:30px 0 0 0; }
#facilities .container > div .main .txt { padding:56px 28px;}
#facilities .container .main .txt dd p { line-height:22px; color:#fff; margin:0 0 26px 0; }
#facilities .container .main .txt dd p:last-child { margin:0; }
#facilities .container .main .txt .more { display:block; width:120px; height:40px; border:1px solid #fff; box-sizing:border-box; font-size:13px; font-weight:500; color:#fff; text-align:center; line-height:40px;}
#facilities .container .main .txt .more span { font-family:"돋움",dotum; display:inline-block; margin:0 0 0 10px;}
#facilities .container .thum { position:relative; width:940px; overflow:hidden; position:relative; height:219px;}
#facilities .container .thum ul { position:absolute;}
#facilities .container .thum ul li { float:left; width:313px; height:219px; overflow:hidden;}
#facilities .container .thum ul li img { cursor:pointer; width:100%; height:219px;}
#facilities .bx-controls {}
#facilities .bx-controls a { display:block; position:absolute; width:60px; height:60px; border:1px solid #fff; background-color:rgba(255,255,255,0.3) !important; top:79px; font-size:0;}
#facilities .bx-controls a.bx-prev { background:url("/img/sub/prev02.png") no-repeat center;  left:10px}
#facilities .bx-controls a.bx-next { background:url("/img/sub/next02.png") no-repeat center;  right:10px;}
#facilities .bigImg { position:fixed; z-index:9999;  top:0; left:0; display:none;} 
#facilities .bigImg .closeBtn { position:absolute; right:-42px; top:0; cursor:pointer; } 
#facilities .bg { background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; z-index:9998; left:0; top:0; display:none;} 

/*
	정효아트센터 - 이용안내 
*/
.titleSt3 { font-size:19px; color:#333; font-weight:700;}
#useGuide { }
#useGuide .table { position:relative; margin:0 0 0 0;}
#useGuide .table .unit { font-size:14px; color:#999; position:absolute; right:0; top:5px;}
#useGuide .table table { border-top:2px solid #555; margin:12px 0 0 0;}
#useGuide .table table th { background:#eee;   color:#333; font-weight:500; }
#useGuide .table table th, 
#useGuide .table table td { padding:17px 0; border:1px solid #ccc; text-align:center; font-size:15px;}
#useGuide .table table td p { line-height:18px;}
#useGuide .reference { margin:18px 0 0 0;}
#useGuide .reference ul { }
#useGuide .reference ul li { margin:0 0 10px 0; line-height:18px; position:relative; padding:0 0 0 17px;}
#useGuide .reference ul li:before { content:"※"; position:absolute; left:0; }
#useGuide .reference ul li span { display:block; margin:5px 0 0 0;}
#useGuide .table2 { margin:49px 0 0 0; position:relative;}
#useGuide .table2 table { margin:12px 0 0 0;}
#useGuide .table2 table td { padding:17px 20px;}
#useGuide .table2 .col1 { width:90px;}
#useGuide .table2 .col2 { width:210px;}
#useGuide .table2 .col3 { width:100px;}
#useGuide .table2 .col4 { width:180px;}
.rightAlign { text-align:right !important;}
.leftAlign { text-align:left !important;}
.bdTopNo { border-top:none !important;}
#useGuide .table2 .col5 {}
#useGuide .artCon { margin:40px 0 0 0;}
#useGuide .step { margin:50px 0;}
#useGuide .step ul { margin:17px 0 0 0;}
#useGuide .step ul li { float:left; margin:0 25px 0 0; position:relative;}
#useGuide .step ul li:before { content:url("/img/sub/arrow01.gif"); position:absolute; right:-18px; top:50%; margin:-10px 0 0 0;}
#useGuide .step ul li:last-child:before { display:none;}
#useGuide .step ul li:last-child { margin:0; }
#useGuide .step ul li dl { color:#fff; text-align:center; width:112px; height:112px; background:#555;  border-radius:50%; overflow:hidden; }
#useGuide .step ul li dl dt { background:#b60726; font-size:12px; font-weight:500; height:36px; line-height:36px; }
#useGuide .step ul li dl dd { margin:23px 0 0 0;}
#useGuide .document { } 
#useGuide .document ul { margin:15px 0 0 0;}
#useGuide .document ul li { border:1px solid #ccc; float:left; border-top:2px solid #555; width:188px; box-sizing:border-box; border-right:none; text-align:center; }
#useGuide .document ul li:last-child { border-right:1px solid #ccc;}
#useGuide .document ul li .img { height:153px; box-sizing:border-box; padding:36px 0 0 0;}
#useGuide .document ul li .img img {}
#useGuide .document ul li .img p  { margin:11px 0 0 0; line-height:18px; font-size:14px; color:#333; font-weight:500;}
#useGuide .document ul li .download { height:46px; border-top:1px solid #ccc; box-sizing:border-box; background:linear-gradient(to bottom, #f8f8f8, #e9e9e9);}
#useGuide .document ul li .download a { display:block;  line-height:46px; background:url("/img/sub/download.gif") no-repeat 155px 14px; }
#useGuide #seminaGuide .document ul li .download a { background-position:300px 14px;} 
#useGuide #practiceRental .document ul li .download a { background-position:300px 14px;} 
#useGuide .banner { background:url("/img/sub/guideBg.jpg") no-repeat; height:200px; box-sizing:border-box; padding:55px 90px 0 40px; margin:20px 0 0 0;}
#useGuide .banner .left { float:left; color:#fff;}
#useGuide .banner .left dl {}
#useGuide .banner .left dl dt { font-size:18px;}
#useGuide .banner .left dl dd { font-size:25px; font-weight:700; font-family: 'Nanum Myeongjo','나눔명조', sans-serif; margin:15px 0 0 0;}
#useGuide .banner .left .email { font-size:18px; margin:20px 0 0 0; background:url("/img/sub/eMail.png") no-repeat left center; padding:0 0 0 23px; margin:20px 0 0 0;}
#useGuide .banner .right {float:right;}
#useGuide .banner .right { position:relative;}
#useGuide .banner .right:before { content:""; width:50px; height:50px; background:url("/img/sub/telIcon.png") no-repeat center rgba(182,7,38,0.8); display:block; border-radius:50%; position:absolute; left:-66px;}
#useGuide .banner .right dl dt { font-size:18px;  color:#fff; margin:0 0 8px 0;}
#useGuide .banner .right dl dd { font-size:32px; font-weight:700; color:#fff; }
#useGuide .banner .right dl dd span { font-weight:400;  display:block; font-size:18px; margin:8px 0 0 0;}

#useGuide  #seminaGuide .document { margin:25px 0 0 0; }
#useGuide  #seminaGuide .document ul li { width:470px;}
#useGuide  #practiceRental .document { margin:50px 0 0 0; }
#useGuide  #practiceRental .document ul li { width:470px;}
.red { color:#b50625;}


/*
	정효아트센터 - 예술단체
*/

#artGroup {  }
#artGroup .schBar { margin:20px 0 0 0;  }
.boardSt2 { border-top:2px solid #555; padding:20px 0 0 0;  border-bottom:1px solid #d2d2d2; margin:8px 0 20px 0;}
.boardSt2 li { float:left; width:222px; height:210px; margin:0 17.33333333333333px 40px 0; border:1px solid #d2d2d2; box-sizing:border-box;}
.boardSt2 li:nth-child(4n) { margin:0 0 40px 0; }
.boardSt2 li .img { height:148px; overflow:hidden;}
.boardSt2 li p { padding:20px; width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mgB0 { margin-bottom:0 !important;}
.boardSt2 li .img {width:100%; display:block; position:relative; overflow:hidden; }
.boardSt2 li .img img {width:100%;	position: absolute; top: -9999px; right: -9999px;	bottom: -9999px;	left: -9999px;	margin: auto;	min-height: 100%; }

/*
	기부 후원 - 기부안네
*/

#donateGuide {}
#donateGuide > dl {color:#333; text-align:center; font-family: 'Nanum Myeongjo','나눔명조', sans-serif; font-size:24px;}
#donateGuide > dl dt  {  margin:0 0 4px 0;}
#donateGuide .topTxt { margin-top:30px;}
#donateGuide .topTxt .img { float:left;}
#donateGuide .topTxt .txt { float:left; background:#f2f2f2; height:318px; box-sizing:border-box; width:580px; padding:32px 34px;}
#donateGuide .topTxt .txt dl {}
#donateGuide .topTxt .txt dl dt { color:#222; font-size:18px; font-weight:500; margin:0 0 16px 0;}
#donateGuide .topTxt .txt dl dd {}
#donateGuide .topTxt .txt dl dd p { margin:0 0 24px 0; line-height:22px; letter-spa}
#donateGuide .topTxt .txt dl dd p:last-child { margin:0;}
#donateGuide .guide {} 
#donateGuide .guide ul {} 
#donateGuide .guide ul li { float:left; height:310px; width:312.6px; box-sizing:border-box;} 
#donateGuide .guide ul li:first-child { background:url("/img/sub/donateGuide1.jpg") no-repeat;}
#donateGuide .guide ul li:nth-child(2) { background:url("/img/sub/donateGuide2.jpg") no-repeat; margin:0 1px;}
#donateGuide .guide ul li:nth-child(3) { background:url("/img/sub/donateGuide3.jpg") no-repeat;}
#donateGuide .guide ul li dl { color:#fff; text-align:center; padding:120px 0 0 0;}
#donateGuide .guide ul li .more { width:170px; height:42px; border:1px solid #fff; border-radius:23px; display:block; color:#fff; text-align:center; line-height:42px; margin:25px auto 0;}
#donateGuide .guide ul li .more span { display:inline-block; margin:0 0 0 16px; font-family:"돋움",dotum;}
#donateGuide .guide ul li dl dt { font-size:21px; font-weight:700;}
#donateGuide .guide ul li dl dd { line-height:19px; margin:18px 0 0 0;}
#donateGuide .guide .method { background:#f7f7f7; height:auto; padding:30px; box-sizing:border-box;}
#donateGuide .guide .method dl {font-size:14px;}
#donateGuide .guide .method dl dt {  color:#555; font-weight:500;}
#donateGuide .guide .method dl dd { color:#777; line-height:21px; margin:14px 0 0 0;}
#donateGuide .benefits p { line-height:22px;}
#donateGuide .benefits ul { margin: 30px 0 0 0;}
#donateGuide .benefits ul li { float:left; text-align:center; width:240px; height:170px; border-radius:6px; border:1px solid #b60726; background:linear-gradient(to bottom, #fcfcfc, #f3f3f3); padding:24px 0 0 ; box-sizing:border-box; margin:0 10px 0 0;}
#donateGuide .benefits ul li dl { margin:12px 0 0 0;}
#donateGuide .benefits ul li dl dt { margin:0 0 0 0; color:#333; margin:0 0 5px 0; font-weight:500;}
#donateGuide .benefits ul li dl dd { color:#b60726; line-height:20px;}
#donateGuide .contributor p { line-height:22px; }
#donateGuide .contributor p span {color:#888; }
#donateGuide .contributor ul { margin:18px 0 0 0;}
#donateGuide .contributor ul li { margin:0 0 5px 0;}
#donateGuide > div { margin-bottom:50px;}


/*
	기부 후원 - 후원금 운영
*/

#sponsorship {} 
#sponsorship .bg { height:250px; background:url("/img/sub/sponsorship01.jpg") no-repeat; padding:80px 0 0 370px; box-sizing:border-box;}  
#sponsorship .bg dl { font-family: 'Nanum Myeongjo','나눔명조', sans-serif; }
#sponsorship .bg dl dt { font-size:25px; font-weight:700; margin:0 0 14px 0; color:#333;}
#sponsorship .bg dl dd { font-size:17px; line-height:25px; color:#444; }
#sponsorship .bg dl dd span { display:block; color:#222; font-size:20px;}
#sponsorship .info {}
#sponsorship .info ul {}
#sponsorship .info ul li { margin:50px 0;  border-bottom:1px solid #ddd; height:151px;}
#sponsorship .info ul li .img { width:100px; height:100px; border-radius:50%; background:linear-gradient(to bottom, #fcfcfc, #f3f3f3); border:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:100px; }
#sponsorship .info ul li .img img { vertical-align:middle;}
#sponsorship .info ul li dl { width:710px; margin:0 0 0 40px;}
#sponsorship .info ul li .img,
#sponsorship .info ul li dl { vertical-align:middle; display:inline-block;}
#sponsorship .info ul li dl dt { font-size:17px; font-weight:500; color:#333; }
#sponsorship .info ul li dl dd { margin:13px 0 0 0;}
#sponsorship .info ul li dl dd p { line-height:22px;  position:relative; padding:0 0 0 10px; letter-spacing:-0.1px;}
#sponsorship .info ul li dl dd p:before { content:"-"; position:absolute; left:0}

/*
	사이트맵
*/
#siteMap { padding:43px 30px 0 !important;}
#siteMap > div { float:left; width:200px; margin:0 140px 0 0; min-height:279px;}
#siteMap > div:nth-child(3n) { margin:0;}
#siteMap > div p { font-size:20px; font-weight:500; color:#b60726; border-bottom:2px solid #333; padding:0 0 21px 10px; }
#siteMap > div ul {}
#siteMap > div ul li {border-bottom:1px solid #ddd;}
#siteMap > div ul li:last-child { border:none;}
#siteMap > div ul li a { display:block; line-height:40px; padding:0 0 0 10px; }


/* schedule*/ 
#schedule { }
#schedule .date { border:4px solid #ebebeb; padding:25px 15px;}
#schedule .date .year { text-align:center; font-size:0;}
#schedule .date .year span { display:inline-block; vertical-align:middle; }
#schedule .date .year span a { display:block; width:6px; height:11px;}
#schedule .date .year span.prevYear a { background:url("/img/sub/prevYearArr.png") no-repeat;}
#schedule .date .year span.nextYear a { background:url("/img/sub/nextYearArr.png") no-repeat; }
#schedule .date .year .todayYears  { color:#333333; font-weight:700; font-size:25px; display:inline-block; vertical-align:middle; margin:0 12px;}
#schedule .date .month { margin:28px 0 0 0;}
#schedule .date .month ul { font-size:0; text-align:center; border:1px solid #e5e5e5; border-left:none; border-right:none;}
#schedule .date .month ul li { display:inline-block; width:34px; margin:0 40px 0 0;}
#schedule .date .month ul li:last-child { margin:0;}
#schedule .date .month ul li a { font-size:14px; color:#888; display:block; padding:14px 0;}
#schedule .date .month ul li.on a { }
/*#schedule .date .month ul li:nth-child(2) a { color:#333; border-top:1px solid #555; border-bottom:1px solid #555;}*/
#schedule .calendar { margin:29px 0 0 0;}
#schedule .calendar table { font-size:14px; border-top:2px solid #555;}
#schedule .calendar table th { padding:15px 0; background:#f2f2f2; border:1px solid #c9c9c9; font-weight:500;}
#schedule .calendar table th.sun { color:#b60726; }
#schedule .calendar table th.sat { color:#076ab6; }
#schedule .calendar table td { height:150px; border:1px solid #c9c9c9; vertical-align:top; padding:8px 0 8px 8px;}
#schedule .calendar table td.on {background:#fdfcf4; }
#schedule .calendar table td .eventTitle { margin:10px 0 0 0;}
#schedule .calendar table td.on p { margin:0 0 8px 0; font-size:13px; min-width:120px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#schedule .calendar .cate { text-align:right; margin:0 0 10px 0;}
#schedule .calendar .cate li { display:inline-block;}
p.show span,
p.event span { background:#ec831d; color:#fff; font-size:12px; height:16px; width:16px; display:inline-block;  line-height:16px; text-align:center; border-radius:3px; margin:0 3px 0 0; }
p.show span {background:#dc3584; }

.schBar { margin:20px 0 8px 0; }
.schBar .total { float:left; font-weight:500; }
.schBar .searchForm { float:right;}
.schBar .searchForm p { float:left; margin:0 5px 0 0;}
.schBar .searchForm p:last-child { margin:0;}
.schBar .searchForm select { width:100px; height:30px; border:1px solid #ccc; box-sizing:border-box; }
.schBar .searchForm input[type="search"] { width:250px; height:30px; box-sizing:border-box; border:1px solid #ccc; }
.schBar .searchForm input[type="submit"] { float:left; width:100px; height:30px; color:#fff; font-size:12px; background:#444; border:none; }




/*행사 리스트 스타일 1*/
.listSt01 { border-top:2px solid #555; padding:20px 0 20px 20px;}
.listSt01 > li { padding:0 0 40px 0; border-bottom:1px solid #dcdcdc; margin:0 0 40px 0;}
.listSt01 .thum { width:240px;  padding:9px; box-sizing:border-box; border:1px solid #d2d2d2; float:left; margin:0 60px 0 0; position:relative;}
.listSt01 .thum img { height:324px !important;}
.defaultTxt { position:absolute !important; width:190px !important; left:50%; !important; margin:0 0 0 -95px !important;; top:37px!important; padding:0 !important; text-align:center; }
.defaultTxt dt { text-align:center !important;; font-size:16px !important;; color:#333 !important;; font-weight:500; margin:0 0 30px 0 !important; display:block !important; width:100% !important;     word-break: keep-all;}
.defaultTxt dd { font-size:14px !important;; line-height:20px !important;;  /* letter-spacing:-1px !important;; */ display:block !important; margin:0 !important;}
.listSt01 .info { float:left; width:620px; padding:12px 0 0 0; position:relative; min-height:344px; box-sizing:border-box; }
.listSt01 .info dl { margin:0 0 19px 0;}
.listSt01 .info dl dt { font-size:20px; font-weight:500; padding:0 0 19px 0; border-bottom:1px solid #d2d2d2; margin:0 0 16px 0; color:#333;}
.listSt01 .info dl dd { font-size:14px; line-height:22px;}
.listSt01 .info .txt {}
.listSt01 .info .txt p { font-size:14px; line-height:26px;}
.listSt01 .info .txt p span { letter-spacing:3px; display:inline-block; margin:0 5px 0 0; color:#333;}
.listSt01 .info .view { width:120px; height:40px; background:#b60726; margin:19px 0 0 0; /* position:absolute;  */bottom:0; left:0;}
.listSt01 .info .view a { color:#fff; text-align:center; line-height:40px; display:block;}
.listSt01 .info .view a span { display:inline-block; font-family:"돋움",dotum; margin:0 0 0 10px;}

.paging { text-align:center; font-size:0;}
.paging > a { font-family:"돋움",dotum; color:#676767;}
.paging > a,
.paging ul,
.paging ul li { display:inline-block; vertical-align:middle; font-size:13px; }
.paging > a,
.paging ul li {border:1px solid #dbdbdb; width:25px; height:31px; box-sizing:border-box; line-height:31px; margin:0 2px;}
.paging ul li a { display:block; line-height:31px;}
.paging ul li a:hover,
.paging ul li.on a { background:#676767; color:#fff;}

/*상세페이지 스타일 1*/
.viewSt1 {}
.viewSt1 .defaultTxt { top:100px !important; width:200px !important; margin:0 0 0 -100px !important;}
.viewSt1 .view_main { margin:0 0 50px 0;}
.viewSt1 .img { float:left; width:370px; height:544px; margin:0 10px 0 0; overflow:hidden; position:relative;  }
.viewSt1 .img img { width:100%; height:544px !important; position:absolute; left:-9999px; top:-9999px; right:-9999px; bottom:-9999px; min-height:100%; margin:auto; z-index:-1;}
.viewSt1 .info { float:left; width:560px; border-top:1px solid #555; min-height:590px; box-sizing:border-box; padding:40px 0 0 19px; position:relative;}
.viewSt1 .info dl { }
.viewSt1 .info dl dt { font-size:20px; color:#333; font-weight:500; padding:0 0 33px 0; border-bottom:1px solid #dfdfdf; margin:0 0 28px 0;}
.viewSt1 .info dl dd { line-height:20px; font-size:14px; }
.viewSt1 .info .txt { margin:25px 0 0 0; } 
.viewSt1 .info .txt p  { font-size:14px; line-height:26px;}
.viewSt1 .info .txt p span { letter-spacing:3px; display:inline-block; margin:0 5px 0 0; color:#333;}
.viewSt1 .info .btn { padding:52px 0 0 0; font-size:0; position:absolute; bottom:0; left:19px; border-top:1px solid #dfdfdf; width:541px;}
.viewSt1 .info .btn a { display:inline-block; font-size:14px; color:#fff; width:120px; height:50px; text-align:center; line-height:50px;}
.viewSt1 .info .btn a.listView { background:#7f7f7f; margin:0 4px 0 0;}
.viewSt1 .info .btn a.ticketing { background:#b60726; }
.viewSt1 .info .btn a span { font-family:"돋움",dotum; display:inline-block; margin:0 0 0 10px; }
.viewSt1 .detail { }
.viewSt1 .detail h4 { font-size:16px; color:#333; text-align:center;  position:relative;}
.viewSt1 .detail h4:before, 
.viewSt1 .detail h4:after { content:""; display:inline-block; width:419px; height:1px; background:#d2d2d2; position:absolute; top:10px;}
.viewSt1 .detail h4:before { left:0;}
.viewSt1 .detail h4:after { right:0;}
.viewSt1 .textArea { padding:30px 20px; line-height:1.4;}

/* 개인정보취급방침*/
#privacy, 
#useArgee { line-height:22px;}

/* 이메일 무단수집거부 */
#unauthorized { text-align:center; padding:102px 0 0 0 !important;}
#unauthorized .txt { margin:24px 0 0 0;}
#unauthorized .txt dl {}
#unauthorized .txt dl dt { font-size:18px; color:#333; font-weight:700; }
#unauthorized .txt dl dd { font-size:14px; line-height:20px; margin:12px 0 0 0;}

