@CHARSET "UTF-8";

/* 행정서비스헌장 - 선언문 */
.dec_wrap .line_box{position:relative;text-align:center;border-radius: 20px;border: 1px dashed #000;padding: 25px 30px;}
.dec_wrap .line_box strong{display:block;padding-top: 200px;font-size:1.9rem;margin-bottom:5px;}
.dec_wrap .line_box::after{content:"";position:absolute;margin-top: -125px;top: 50%;left: -1px;width:2px;height:250px;background:#fff;}
.dec_wrap .line_box::before{content:"";position:absolute;margin-top: -125px;top: 50%;right: -1px;width:2px;height:250px;background:#fff;}
.dec_wrap .line_box.img01{background:url(/nanum/site/builder/dir/gslib/img/menu5960/dec_img.png)no-repeat 50% 45px;}

.dec_wrap ul{display: flex;flex-direction: column;gap: 15px;margin: 50px;}
.dec_wrap ul li{display:flex;}
.dec_wrap ul li span.num{display: inline-block;margin-right: 15px;width: 35px;height:35px;background: #000;box-shadow: 0 5px 10px rgb(0 0 0 / 30%);border-radius: 50%;line-height: 35px;color: #fff;font-weight: 600;text-align: center;}
.dec_wrap p{text-align: center;font-weight: 700;}

.promise{font-weight: 700;}

/* 행정서비스헌장 - 서비스이행표준 */
.bod_pos{padding:20px;box-sizing:border-box;background-position:right 20px bottom 20px;background-repeat:no-repeat;border-radius:20px;background-size: 160px;}
.visit{border:1px dashed #2bbfc7;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_2.gif");}
.callservi{border:1px dashed #467cfb;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200.gif");}
.fax_qu{border:1px dashed #a469be;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_3.gif");background-size: 150px;padding-bottom: 50px;}
.ppro{border:1px dashed #ffa04e;/*background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_4.gif");background-size: 100px;background-position: right 20px center;padding-bottom: 50px;*/}
.secret{border:1px dashed #7fc8dd;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_5.gif");background-size: 120px;background-position: right bottom;}
.dis{border:1px dashed #f659a9;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_6.gif");background-size: 140px;}
.togeth{border:1px dashed #7d5029;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_4.gif");background-size: 120px;}
.result{border:1px dashed #103e89;background-image:url("/nanum/site/builder/dir/gslib/img/menu5960/v6200_1.gif");background-size: 120px;}

.width60{width:65%;}
.width70{width:70%;}

/* 환영의 글 */
.greeting .headline{margin-bottom:50px;padding:60px 35px;background:#000 url(/nanum/site/builder/dir/gslib/img/menu5960/greet_bg03.jpg)no-repeat 0 50%;border-radius: 50px 20px;font-size:2.5rem;line-height: 4.2rem;color:#fff;font-weight: 300;}
.greeting .headline span.big{font-size:3.2rem;}
.greeting .headline strong{font-weight:700;}
.greeting .txt{/*text-align:center;*/margin-bottom:30px;}
.greeting .txt.b_txt{font-size: 2.2rem;font-weight: 700;}

/* 연혁 */
.history .his_w{position:relative;margin-bottom:90px;display:flex;justify-content:space-between;}
.history .his_w p{font-weight:700;font-size:3.3rem;line-height:1;letter-spacing:0;}
.history .his_w ul{margin-top: 10px;margin-left:auto;width:575px;}
.history .his_w ul li{position:relative;margin-top:25px;padding-left:160px;font-size:1.7rem;line-height:1.6;color:#444;}
.history .his_w ul li:first-child{margin-top:0;background:url(/nanum/site/builder/dir/gslib/img/menu5960/gshistory_icon.png)no-repeat left top;}
.history .his_w ul li span{position:absolute;left:40px;font-weight:600;color:#222;letter-spacing:0;}
.history .his_w ul::after {content: '';display: block;position: absolute;top: 25px;left: 282px;width: 1px;height: 100%;background: #d5d5d5;}

/* 조직 및 담당업무 */
.org_img{text-align:center;}
.org_img img{max-width:100%;}

/* 이용서비스 */
.use_wrap p.cap{padding:25px 100px;width:100%;border-bottom:1px dashed #000;border-width:1px 0;background:#fbfbfb;color:#222;font-weight:600;line-height:2.3rem;box-sizing:border-box;text-align:center;word-break: keep-all;}
.use_wrap dl{display:flex;width:33%;}
.use_wrap{width:100%;border-bottom:1px solid #000;border-top:1px dashed #000;}
.use_wrap div:nth-child(n+2){border-top:1px solid #e5e5e5;}
.use_wrap div{display:flex;padding: 40px 0;background: no-repeat 20px 25px;}
.use_wrap div p.tit{padding-left:90px;width: 15%;font-size:1.7rem;color:#333;font-weight:800;}
.use_wrap div ul{width:100%;box-sizing:border-box;}
.use_wrap div ul li span.strong{font-weight:700;}

.use_wrap div.icon01{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon01.png);}
.use_wrap div.icon02{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon02.png);}
.use_wrap div.icon03{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon03.png);}
.use_wrap div.icon04{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon04.png);}
.use_wrap div.icon05{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon05.png);}
.use_wrap div.icon06{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon06.png);}
.use_wrap div.icon07{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon07.png);}
.use_wrap div.icon08{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon08.png);}
.use_wrap div.icon09{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon09.png);}
.use_wrap div.icon10{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/oper_icon10.png);}


.use_wrap div.gs100 p.tit{width:100%;}

/* 시설안내 */
.stair dl{position: relative;padding-left: 180px;}
.stair dl dt{position: absolute;left: 0;top: 0;width: 17%;height: 85px;border-top: 1px dashed #b5b5b5;font-size: 3.0rem;font-weight: 700;line-height:85px;text-align:center;background:#efefef;}
.stair dl.r2 dd{line-height:25px;padding-top:17px;}
.stair dl dd{display: inline-block;width: 100%;height: 85px;padding-top: 33px;border-bottom: 1px solid #d5d5d5;box-sizing: border-box;}
.stair dl:first-child dt{border-radius: 20px 20px 0 0;border-top:0;}
.stair dl:last-child dt{border-radius: 0 0 20px 20px;}
.stair dl:last-child dd{border-bottom:0;}

.proce{display:flex;gap: 20px;}
.proce p.tit{width:20%;font-size:2.0rem;font-weight:700;line-height:25px;padding-top: 30px;border-top:2px solid #000;}
.proce .txt_wrap{width: 80%;border-top: 1px solid #e5e5e5;margin-top: 1px;padding-top: 25px;line-height: 23px;}
.proce .txt_wrap dl{display: flex;margin-bottom: 5px;padding: 15px 0;background: no-repeat 0 5px;}
.proce .txt_wrap dl.icon01{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon01.png);}
.proce .txt_wrap dl.icon02{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon02.png);}
.proce .txt_wrap dl.icon03{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon03.png);}
.proce .txt_wrap dl.icon04{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon04.png);}
.proce .txt_wrap dl.icon05{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon05.png);}
.proce .txt_wrap dl.icon06{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon06.png);}
.proce .txt_wrap dl.icon07{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon07.png);}
.proce .txt_wrap dl.icon08{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon08.png);}
.proce .txt_wrap dl.icon09{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/fac_icon09.png);}
.proce .txt_wrap dl dt{padding-left: 60px;width: 15%;font-size: 1.7rem;font-weight: 700;}
.proce .txt_wrap dl dd{width: 75%;}

/* 오시는길 */
.map_wrap .root_daum_roughmap .wrap_controllers{display: none;}
.map_wrap .root_daum_roughmap_landing{z-index: 0;}
.map_wrap .root_daum_roughmap_landing .border2{display:block;}
.map_wrap .add_bx{display: flex;align-items: center;border-bottom: 1px solid #d5d5d5;}
.map_wrap .add_bx p{padding: 40px 10px 40px 60px;width: 50%;height:100%;background:no-repeat 0 50%;}
.map_wrap .add_bx p.icon01{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/map_icon01.png);}
.map_wrap .add_bx p.icon02{display:flex;justify-content: center;flex-direction: column;background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/map_icon02.png);}
.map_wrap .add_bx p span{margin-right: 20px;font-size: 1.7rem;font-weight: 800;}
.map_wrap .add_bx p.icon02 span{margin-right:0;}

/* 공연장사용 - 신청안내 */
.appli_wrap ul.appli{padding:0 30px;width:100%;border-radius:20px;box-shadow: 0 0 20px rgb(0 0 0 / 5%);box-sizing:border-box;}
.appli_wrap ul.appli li{display: flex;align-items: center;justify-content: space-between;padding:30px 0 30px 75px;background:no-repeat 2% 55%;font-size:1.8rem;color:#222;font-weight:600;}
.appli_wrap ul.appli li:nth-child(n+2){border-top:1px dashed #bbb;}
.appli_wrap ul.appli li a.link_go{font-size:1.6rem;}
.appli_wrap ul.appli li.icon01{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/appli_icon01.png);}
.appli_wrap ul.appli li.icon02{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/appli_icon02.png);}
.appli_wrap ul.appli li.icon03{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/appli_icon03.png);}
.appli_wrap ul.appli li.icon04{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/appli_icon04.png);}
.appli_wrap ul.appli li.icon05{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/appli_icon05.png);}

.appli_wrap .con_btn{border-radius:20px;}
.appli_wrap ul.refer{display: flex;padding:30px 0;width:100%;border-radius:20px;box-shadow: 0 0 20px rgb(0 0 0 / 5%);box-sizing:border-box;}
.appli_wrap ul.refer li{display: flex;align-items: center;flex-direction: column;padding:100px 20px 20px;width:50%;background:no-repeat 50% 5%;font-size:2.0rem;color:#222;font-weight:600;}
.appli_wrap ul.refer li:nth-child(n+2){border-left:1px dashed #bbb;}
.appli_wrap ul.refer li a{margin-top:20px;}
.appli_wrap ul.refer li.icon01{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/refer_icon01.png);}
.appli_wrap ul.refer li.icon02{background-image:url(/nanum/site/builder/dir/gslib/img/menu5960/refer_icon02.png);}
.appli_wrap ul.refer li.icon02 a.call_icon{padding: 15px 40px 15px 65px;background: url(/nanum/site/builder/dir/gslib/img/menu5960/call_icon.png)no-repeat 35px 50%;}
.appli_wrap ul.refer li.icon02 a.call_icon:hover{background-color:#222;background-image: url(/nanum/site/builder/dir/gslib/img/menu5960/call_icon02.png);transition:.3s;color:#fff;}



/******************** 1024 ********************/

@media(max-width:1024px){
	
/* 연혁 */
.history .his_w{margin-top:40px;display:block;}
.history .his_w p{font-size:2.5rem;}
.history .his_w ul{margin-top:15px;width:auto;}
.history .his_w ul li{margin-top:15px;padding-left:130px;font-size:1.55rem;line-height:1.5;}
.history .his_w ul li span{left:30px;}
.history .his_w ul::after{top: 55px;left: 7px;height: 90%;}

/*시설안내*/
.s_proce{margin-top:20px;}
.s_proce p.tit{float:none;padding: 20px 0px 0px 5px;width:auto;font-size:1.8rem;}
.s_proce .txt_wrap{float:none;padding:10px 0 0px 10px;width:auto;font-size:1.4rem;line-height:21px;border-top:0;}

/* 환영의 글 */
.greeting .headline{margin-bottom: 40px;padding:50px 35px;background-size:cover;font-size: 2.0rem;line-height: 3.3rem;}
.greeting .headline span.big{font-size: 2.8rem;}

/* 이용서비스 */
.use_wrap div{padding: 35px 0;background-position:20px 20px;}

/* 이용안내-층별안내 */
.stair{margin-top:30px;}
.stair dl{display:table;width:100%;height:auto;padding-left:0;}
.stair dl dt{position:static;display:table-cell;width:100px;height:100%;vertical-align:middle;}
.stair dl dd{display:table-cell;width:auto;padding:0 15px !important;vertical-align:middle;}

/* 오시는길 */
.root_daum_roughmap_landing{width: 100% !important;}

/* 공연장사용 - 신청안내 */
.appli_wrap ul.refer li.icon02 a.call_icon{padding: 12px 40px 12px 65px;}
}



/******************** 767 ********************/

@media(max-width:767px){

/* 행정서비스헌장 - 선언문 */
.dec_wrap .line_box.img01{background-size: 165px;background-position:50% 35px;}
.dec_wrap .line_box strong{padding-top: 120px;}
.dec_wrap .line_box br{display:none;}
.dec_wrap ul{gap: 20px;margin: 25px 10px;}
.dec_wrap ul li{margin-bottom: 10px;}
.dec_wrap ul li span.num{display: block;margin-bottom:5px;width:40px;height: 30px;line-height: 30px;margin-right:10px;}
.dec_wrap ul li:nth-child(3) span.num{width:46px;height:30px;}
.dec_wrap ul li:nth-child(4) span.num{width:35px;height:30px;}
.dec_wrap .line_box::after,
.dec_wrap .line_box::before{margin-top: -110px;height: 220px;}

/* 행정서비스헌장 - 서비스이행표준 */
.secret{background-size:80px;}
.fax_qu li ul li,
.dis li ul li,
.togeth li ul li,
.result li ul li{width:65%;}
.promise{text-align:center;}

/* 환영의 글 */
.greeting .headline{margin-bottom: 25px;padding: 40px 25px;}
.greeting .txt{margin-bottom: 20px;}
.greeting .txt br{display:none;}

/* 연혁 */
.history .his_w{margin-bottom: 60px;}
.history .his_w ul::after{top: 50px;}
.history .his_w ul li{padding-left: 115px;}

/* 이용서비스 */
.use_wrap div{flex-direction: column;gap: 10px;padding: 70px 10px 20px;background-position: 50% 20px;background-size: 45px;}
.use_wrap div p.tit{padding-left:0;width: 100%;text-align:center;}
.use_wrap p.cap{padding: 20px 15px;}

/* 이용안내-층별안내 */
.stair dl dt{width: 75px;font-size:17px;line-height:1;}
.stair dl dd{padding:15px !important;height:70px;}
.proce{flex-direction: column;gap: 15px;}
.proce p.tit{padding-top: 20px;width: 100%;}
.proce .txt_wrap{width: 100%;margin-top: 5px;padding-top: 20px;padding-bottom: 15px;border-top: 1px dashed #e5e5e5;}
.proce .txt_wrap dl{flex-direction: column;margin-bottom: 5px;padding: 10px 0;background-size: 35px;background-position: 0 4px;}
.proce .txt_wrap dl dt{padding-left: 45px;width: 100%;}
.proce .txt_wrap dl dd{width: 100%;padding: 10px 0 0 45px;box-sizing: border-box;}

/* 오시는길 */
.root_daum_roughmap .wrap_map{height: 300px !important;}
.map_wrap .add_bx{flex-direction: column;border-bottom: 1px solid #333333;}
.map_wrap .add_bx p{padding: 30px 10px 30px 50px;width: 100%;box-sizing: border-box;background-position:10px 50%;}
.map_wrap .add_bx p.icon01{border-bottom: 1px dashed #d5d5d5;}

/* 공연장사용 - 신청안내 */
.appli_wrap ul.appli{padding: 0 20px;}
.appli_wrap ul.appli li{flex-direction: column;gap: 10px;padding: 85px 0 30px 0;background-position:50% 30px;}
.appli_wrap ul.refer{flex-direction: column;padding: 0 20px;}
.appli_wrap ul.refer li{padding: 85px 0 30px;width: 100%;background-size: 50px;background-position: 50% 30px;}
.appli_wrap ul.refer li:nth-child(n+2){border-top: 1px dashed #bbb;border-left:none;}
.appli_wrap ul.refer li a {margin-top: 10px;}
.appli_wrap ul.refer li.icon02 a.call_icon{padding: 12px 20px 12px 40px;background-size: 15px;background-position:20px 50%;}

}

/******************** 500 ********************/

@media(max-width:500px){

/* 행정서비스헌장 - 서비스이행표준 */
.bod_pos,
.visit,
.callservi,
.fax_qu,
.ppro,
.secret,
.dis,
.togeth,
.result{background-size:75px;}

}