.con{font-size:0.8rem;line-height:1.5;}
.con .gr_bx_txt{background:#f7f7f7;}/*회색 박스 ul li 없는 스타일*/
.con .gr_bx_ul{background:#f7f7f7;}/*회색 박스 ul li 스타일*/
.web{display:block;}
.mob{display:none;}
div#wrap div#container div#section #section{width:100%; padding:0;}
.page_title{font-size:1.5rem;margin-bottom:2rem;  color:#333; background:url(../../../images/gj/content/title_line.png) repeat-x bottom left; padding:1rem 0 1em;}

/*상단 탭*/ /*시민 문화향 유지원*/
.cul_tab{display:flex; background:#fff; padding:10px; border-radius:2px; border:1px solid #E1E2E1;box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);}
.cul_tab ul{vertical-align:top; }
.cul_tab ul li{display:inline-block; margin:3px;}
.cul_tab ul li a{display:inline-block; color:#757575;border-radius: 9999px; background:#F5F5F6; font-size:0.75rem; font-weight:500; padding:2px 12px; margin: 4px 2px;}
.cul_tab ul li a span{vertical-align:middle;}
.cul_tab ul li a:hover{background:#ff9e02;color:#fff;transition-duration: 0.5s}
.cul_tab ul .on a{color:#fff;background:#ff9e02;}


 /*시민 문화향 유지원*/
.cul{position:relative;}
.cul img{max-width:100%;}
.cul_con{position:relative;}
.cul_con h2.tit{color:#333;padding-top:0.75rem;font-size:1.2rem;line-height:1.5;margin-top:2rem; font-weight:600; position:relative;}
.cul_con h2.tit:before{content : ""; display : block; position : absolute; left : 0; top:0;  width :2rem; height : 3px; background : #FF9E02;}
.cul_con h4.subtit{position:relative;font-size:1rem;line-height:1;font-weight:500;margin-bottom:1rem;padding-top:2rem; color:#333;}
.cul_con .cul_wrap .cul_txt{background:#E1E2E1; font-size:0.85rem; color:#333; padding:1.5rem;line-height:24px;margin-top:1rem; }
.cul_con .cul_bx{border:1px solid #d7d7d7;padding:1.5rem;}
.cul_con .cul_bx ul li{position:relative;padding-left:6rem; margin-top:5px;}
.cul_con .cul_bx ul li:first-child{margin-top:0;}
.cul_con .cul_bx ul li span{font-weight:500;position:absolute;left:15px; color:#333;}
.cul_con .cul_bx ul li:before{content:"";display:block;position:absolute;left:0;top:9px;width:0.2rem;height:0.2rem;background:#ff9d02;border-radius:50%;}
.cul_con .cul_bx ul li.p_p{padding-left:6.5rem;}
.cul_con .cul_bx ul li ul li{padding-left:15px;}
.cul_con .cul_bx ul li ul li:before{content:"";display:block;position:absolute;left:0;top:11px;width:8px;height:1px;background:#888;border-radius:0;}
.cul_con .cul_bx .ast{color:#ff8a00; padding-left:20px; position:relative; margin-top:5px; font-size:0.8rem;}
.cul_con .cul_bx .ast:before{content:"※";display:block;position:absolute;left:0;top:0;}
.cul_con .cul_table{border-top:2px solid #d7d7d7;text-align:center;}
.cul_con .cul_table th{background:#f7f7f7;}
.cul_con .cul_table th:last-child{border-right:0;}


.cul_con .cul_table td:last-child{border-right:0}
.cul_con .cul_number{margin-left:1.5rem;position:relative;padding-left:0.75rem;}
.cul_con .cul_number:before{content:"";display:block;position:absolute;left:0;top:9px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}


.cul .dot ul li{position:relative; padding-left:0.75rem; margin-top:5px;}
.cul .dot ul li:first-child{margin-top:0;}
.cul .dot ul li:before{content:"";display:block;position:absolute;left:0;top:9px;width:0.2rem;height:0.2rem;background:#ff9d02;border-radius:50%;}

.cul .imgs ul{overflow:hidden; margin:-15px;}
.cul .imgs ul:after{content:"";display:block; clear:both;}
.cul .imgs ul li{ width:55%; float:left; position:relative; padding-top:30%;}
.cul .imgs ul li div{position:absolute; left:0; top:0; right:0; bottom:0; margin:15px;}
.cul .imgs ul li img{width:100%; height:100%;}
.cul .imgs ul li.long{padding-top:60%; width:45%;}

.ast{padding-left:1rem; margin-top:10px; position:relative; color:#C66F00; line-height:1.5;}
.ast:before{content:'※'; display : block; position : absolute; left :0; top:0; }

@media (max-width:1200px){
.cul .dot ul li:before{top:7px;}
.cul .imgs ul li{width:100% !important; float:none; padding:15px !important;}
.cul .imgs ul li div{position:relative; width:100%; margin:0;}
.cul .imgs ul li img{height:auto;}
}

/*개요-인사말*/
.gong_com .gong_bg{position:relative;padding-top:12.5rem;background:url('../../../images/gj/content/gong_com01.png')no-repeat left top;background-size:cover;}
.gong_com .gong_bg h3{position:absolute;right:1.5rem;bottom:1.5rem;color:#fff;font-size:1.5rem;line-height:1.2;}
.gong_com .gong_bg h3 em{color:#ff9d02;}
.gong_com .gong_txt{margin-top:3rem;color:#333333;line-height:1.65;}
.gong_com .gong_txt p.tit{font-weight:500; font-size:1.3rem; letter-spacing:-0.06em;}
.gong_com .gong_txt .g_sign{float:right;display:flex;}
.gong_com .gong_txt .g_sign p {padding-right:2rem;}
.gong_com .gong_txt .g_sign p span{font-weight:600;}

.gong_com .gong_bg02{position:relative;padding-top:12.5rem;background:url('../../../images/gj/content/gong_com02.png')no-repeat left top;background-size:cover;}
.gong_com .gong_bg02 h3{position:absolute;left:1.5rem;bottom:1.5rem;color:#fff;font-size:1.5rem;line-height:1.3;}



/*연혁*/
.his_wrap{position:relative;}
.his_wrap .his_bg{position:relative;background:url('../../../images/gj/content/his_bg.png')no-repeat left top;background-size:cover;}
.his_wrap h3{color:#fff;line-height:1.2;font-size:1.2rem;padding:2rem 0;text-align:center;margin-bottom:3rem; }
.hlist{display:flex;padding-bottom:4.5rem;justify-content:space-between;}
.hlist .his_year{flex-basis:40%;}
.hlist .his_con{margin-left:2rem; width:60%;}
.hlist:last-child{padding-bottom:0;}
.hlist .history:first-child{padding-top:0.5rem;}
.hlist h4{font-size:2rem;color:#ff9d02;position:relative;}
.hlist h4:after{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';background:url('../../../images/gj/content/ol_bg.png')no-repeat;width:148px;height:8px;}
.hlist .gong_bx p{font-weight:500;font-size:1.2rem;line-height:33px;padding-left:300px;position:relative;}
.hlist .day{font-size:0.8rem;}
.day{font-size:0.8rem;width:2rem; display:none;}
.hlist .history {padding-bottom:1rem;}
.hlist .history li p.month{font-size:1.1rem;font-weight:600;position:absolute;}
.hlist .history li {display:flex;font-size:1rem;}
.hlist .history li .his_bx{padding-left:3rem;display:flex;}
.hlist .history li .his_bx .txt .txtBase p{}

.hlist .his_con .gong_img img{margin-left:5rem;}

/*CI소개*/
.cor_con h2.tit span{font-size:1rem;font-weight:400;}
.con .cor_con .cor_imbx{padding-top:2rem;text-align:center;}
.con .cor_con .cor_imbx img:not(:first-child){padding-left:3rem;}
.con .cor_con .cor_con02{padding-top:1.5rem;}



/*비전&미션*/
.vis_con{text-align:center; max-width:780px;margin:0 auto;}
.vis_con span{position:absolute; top:0; left:50%; transform:translateX(-50%); font-size:1rem; background:#fff; padding:0 50px; color:#F57F1F; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.vision{background:url('../../../images/gj/content/vision_bg.jpg')no-repeat center center; background-size:cover; font-size:1.5rem; width:100%; border-radius:999px; color:#fff; letter-spacing:-0.05em; padding:20px; padding-top:40px; position:relative; border:3px solid #fff; box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%);}

.mission{background:#fff; background-size:cover; font-size:1.5rem; width:100%; border-radius:999px; color:#333; letter-spacing:-0.05em; padding:20px; padding-top:40px; position:relative; border:3px solid #F6AB00; box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%); margin-top:3rem;}
.vis_con .mission span{background-color:#F6AB00; color:#fff;}

.value{position:relative; padding-top:4rem; z-index:-1; }
.value:before{content : ""; display : block; position : absolute; left : 50%; transform:translateX(-50%); top:-30%;  width :706px; height : 176px; 
background: url('../../../images/gj/content/big_arr2.png') no-repeat 0 0; background-size:100% 100%; z-index:-5;}
.value div{display: flex; align-items: center; justify-content: center; position:relative;}
.value div p{margin:0 -30px;}
.value div .v01,
.value div .v02{width:11rem; height:11rem; border-radius:50%; display:flex; align-items: center; justify-content: center; background:#f6ab00; color:#fff; font-size:1.2rem; font-weight:700; line-height:1.3; position:relative; z-index:5; border:3px solid #fff; box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%); overflow:hidden;}
.value div .v01:before,
.value div .v02:before{content : ""; display : block; position : absolute; right:-10%; top:-10%;  width :6.85rem; height : 3.7rem; 
background: url('../../../images/gj/content/slash.png') no-repeat 0 0; background-size:100% 100%;}
.value div .v02{background:#EF7D00;}


.aim{position:relative; padding-top:4rem; z-index:-1; margin-top:15px;}
.aim:before{content : ""; display : block; position : absolute; left : 50%; transform:translateX(-50%); top:0;  width :706px; height : 176px; 
background: url('../../../images/gj/content/big_arr.png') no-repeat 0 0; background-size:100% 100%; z-index:-5;}

.aim h5{background:#757575; color:#fff; display:inline-block; padding:20px 80px; border-radius:70px;  border:3px solid #fff; box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%);}
.aim ul{display:flex; margin-top:2rem;}
.aim ul li{flex-basis: 23%; margin:0 1%; border:1px solid #ddd;}
.aim ul li h6{background: #E1E2E1; padding:1.5rem 0; font-weight:500; font-size:1rem;}
.aim ul li p{font-size:0.85rem; padding:1.5rem 10px;}


@media (max-width:767px){
.value:before{width :300px; height : 75px; top:-20px;}
.aim:before{width :300px; height : 75px;}

.value div{}
.value div p{margin:15px 0;}
.value div .v01,
.value div .v02{width:100%; height:auto; border-radius:30px; padding:3rem 0;}

.aim ul{display:block;}
.aim ul li{margin-top:15px;}
}

/*조직도 -이사회*/
.org table{border-top:2px solid #aeb3ba;word-break:break-all}
.org table th{background:#F7F7F7;padding:1rem;text-align:center;border:1px solid #d7d7d7;}
.org table th:first-child{border-left:0px;}
.org table th:last-child{border-right:0px;}
.org table td{padding:0.75rem;text-align:center;border:1px solid #d7d7d7;border:1px solid #d7d7d7;}
.org table td ul li{position: relative; padding-left: 0.75rem; line-height: 1.5;margin-bottom:0.5rem;}
.org table td ul li:after{content:"";display:block;position:absolute;left:0;top:11px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}
.org table td ul li:last-child{margin-bottom:0;}
.org table td:first-child{border-left:0px;}
.org  .org_table01 td:last-child{text-align:left;border-right:0px;}
.org  .org_table02 td:last-child{border-right:0px;}
.org  .org_table02 .tb_left {text-align:left;}
.org h4{margin:3.5rem 0 1.2rem 0}
.org h4:first-child{margin-top:2rem;}

.org h5{margin:2.5rem 0 10px 0}
.org h5:first-child{margin-top:2rem;}

/*시설*/
.fac .slid_bx{}
.fac .swiper-container .swiper-wrapper .swiper-slide {text-align:center;}
.fac .fac_txt{padding:3rem 0;}
.fac .tb_gon table{border-top:2px solid #221815;}
.fac .tb_gon table tr{border-bottom:1px solid #c9c9c9;}
.fac .tb_gon table td{border-right:0px;padding:1.75rem;}
.fac .tb_gon table td ul li{position:relative; padding-left: 0.75rem; line-height: 1.5;margin-bottom:1rem;}
.fac .tb_gon table td ul li:after{content:"";display:block;position:absolute;left:0;top:11px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}
.fac .tb_gon table td ul li:last-child{margin-bottom:0;}
.fac .tb_gon table th{position:relative;text-align:left;}
.fac .tb_gon table tr > th > p{position:relative;display:inline-block;margin-left:5rem;padding-left:2.75rem;}

/*시설 아트센터고마*/
.fac .tb_gon .fac_tb01 tr:nth-child(1) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon01.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb01 tr:nth-child(2) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon05.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb01 tr:nth-child(3) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon04.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb01 tr:nth-child(4) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon03.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb01 tr:nth-child(5) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon02.png) no-repeat;background-size:cover;}

/*공주문화예술촌*/
.fac .tb_gon .fac_tb02 tr:nth-child(1) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon01.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb02 tr:nth-child(2) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon04.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb02 tr:nth-child(3) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon03.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb02 tr:nth-child(4) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon05.png) no-repeat;background-size:cover;}

/*공주문예회관*/
.fac .tb_gon .fac_tb03 tr:nth-child(1) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon01.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb03 tr:nth-child(2) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon05.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb03 tr:nth-child(3) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon04.png) no-repeat;background-size:cover;}
.fac .tb_gon .fac_tb03 tr:nth-child(4) > th > p:after{content:"";display:block;position:absolute;width:21px;height:23px;left:0;top:0;background: url(../../../images/gj/content/gon05_icon02.png) no-repeat;background-size:cover;}

.fac_txt h5{font-size:1rem;margin:1rem 0;}
.fac_txt ul li{position:relative; padding-left: 0.75rem; line-height: 1.5;margin-bottom:1rem;}
.fac_txt ul li:after{content:"";display:block;position:absolute;left:0;top:11px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}


/*대관신청*/
.cor{position:relative;}
.cor_con{position:relative;}
.cor_con h2.tit_p{padding-bottom:2rem;}
.cor_con h2.tit{font-weight:600; color:#ff9d02; position:relative; padding-top:0.75rem;font-size:1.2rem;line-height:1.75rem;margin-top:2rem;}
.cor_con h2.tit:before{content : ""; display : block; position : absolute; left : 0; top:0;  width :2rem; height : 3px; background : #FF9E02;}

.cor_con h2.mt_none{margin-top:0;}
.cor_con h2.mb{margin-bottom:1rem;}
.cor_con h4.subtit{font-weight:500; position:relative; color:#444; font-size:1.05rem;line-height:1;font-weight:500;margin-bottom:1rem;padding-top:2rem;}
.cor_con .cor_wrap .cor_txt{background:#f7f7f7;border:1px solid #d7d7d7;padding:1.5rem;line-height:24px;}
.cor_con .cor_bx{border:1px solid #d7d7d7;padding:1.5rem;}
.cor_con .cor_bx ul li{position:relative;padding-left:0.75rem;line-height:1.5;padding-bottom:0.5rem;}
.cor_con .cor_bx ul li:last-child{padding-bottom:0;}
.cor_con .cor_bx ul li span{font-weight:500;font-size:1rem;}
.cor_con .cor_bx ul li .s_txt{margin-top:0.5rem;display:block;color:#ee5b6a}
.cor_con .cor_bx ul li:before{content:"";display:block;position:absolute;left:0;top:11px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}
.cor_con .cor_table{border-top:2px solid #d7d7d7;text-align:center;}
.cor_con .cor_table th{background:#f7f7f7;}
.cor_con .cor_table th:last-child{border-right:0;}
.cor_con .cor_table td:last-child{border-right:0}
.cor_con .cor_number{margin-left:1.5rem;position:relative;padding-left:0.75rem;}
.cor_con .cor_number:before{content:"";display:block;position:absolute;left:0;top:11px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}

.cor_con02 .cor_wrap ul {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}
.cor_con02 .cor_wrap ul li{flex-basis:49.5%;border:1px solid #505050;margin-bottom:0.5rem;position:relative;}
.cor_con02 .cor_wrap ul li a{padding:1rem 0 1rem 1rem;display:block;line-height:1rem;}
.cor_con02 .cor_wrap ul li img{position:absolute;right:2rem;top:50%;transform:translateY(-50%);}
.cor_con02 .cor_wrap ul li img:last-child{display:none}
.cor_con02 .cor_wrap ul li:hover img:last-child{display:inline-block;}

.cor_con02 .cor_wrap ul li:last-child{margin-bottom:0;}
.cor_con03 .cor_wrap div{border:1px solid #505050;width:25%;text-align:center;position:relative;} 
.cor_con03 .cor_wrap div a {display:block;padding:1rem 0;line-height:1rem;}
.cor_con03 .cor_wrap div:after{content:"";display:block;position:absolute;right:0.5rem;top:0.5rem;width:0.85rem;height:0.85rem;background: url(../../../images/gj/content/share_icon.png) no-repeat;background-size:cover;}
.cor_con04 .cor_wrap{background:#f7f7f7;border:1px solid #d7d7d7;padding:1.5rem;}
.cor_con04 .cor_wrap ul li{position:relative;padding-left:0.75rem;line-height:1.5;}
.cor_con04 .cor_wrap ul li:before{content:"";display:block;position:absolute;left:0;top:11px;width:5px;height:5px;background:#ff9d02;border-radius:50%;}

/*대관절차*/
.cor .cor_con .cor_step01 .cor_stepbx{border:1px solid #d7d7d7;padding:1.5rem;border-top:2px solid #221815;}
.cor .cor_con .cor_step01 .cor_stepbx ul{overflow:hidden;clear:both}
.cor .cor_con .cor_step01 .cor_stepbx ul li{float:left;width:20%;text-align:center;position:relative;}
.cor .cor_con .cor_step01 .cor_stepbx ul li:after{content:"";display:block;position:absolute;right:0;top:50%;width:0.5rem;transform:translateY(-50%);height:1rem;background: url(../../../images/gj/content/corstep_arrow01.png) no-repeat;background-size:cover;}
.cor .cor_con .cor_step01 .cor_stepbx ul li:last-child:after{display:none;}
.cor .cor_con .cor_step01 .cor_stepbx ul li .cor_img{border:1px solid #e0e0e0;border-radius:50%;width:100px;height:100px;position:relative;margin:0 auto;}
.cor .cor_con .cor_step01 .cor_stepbx ul li .cor_img img{position:absolute;left:50%;top:50%;margin-left:-25.5px;margin-top:-19px;}
.cor .cor_con .cor_step01 .cor_stepbx ul li .cor_p{margin-top:1rem;}

.cor .cor_con .cor_step02 .cor_stepbx ul li:after{content:"";display:block;position:absolute;right:-1.5rem;top:50%;width:0.5rem;transform:translateY(-50%);height:1rem;background: url(../../../images/gj/content/corstep_arrow02.png) no-repeat;background-size:cover;}
.cor .cor_con .cor_step01 .cor_stepbx_02 ul li:last-child .cor_img:after{display:none;}

.cor .cor_con .cor_step02 .cor_bx {background:#f7f7f7;}
.cor .cor_con .cor_step02 h4{padding-top:2rem;}
.cor .cor_con .cor_step02 .cor_stepbx_02 ul li{margin-right:2.5rem;}
.cor .cor_con .cor_step02 .cor_stepbx_02 ul li:last-child{margin-right:0;}


/*수강신청안내*/
.reg .cor_con .cor_step01 .cor_stepbx{border:1px solid #d7d7d7;padding:1.5rem;border-top:2px solid #221815;}
.reg .cor_con .cor_step01 .cor_stepbx ul{display:flex;flex-direction:row;justify-content:space-between;}
.reg .cor_con .cor_step01 .cor_stepbx ul li {flex-basis:33%}

/*후원·사회공헌*/
.don .don_bx {width:100%;background:url('../../../images/gj/content/don_bg.png')no-repeat center;color:#fff;height:100%;}
.don .don_bx ul{display:flex;flex-direction:row;justify-content:center;padding:5rem 0 0 0;position:relative;margin-bottom:3rem; }
.don .don_bx ul:after{content:"";display:block;position:absolute;left:50%;width:1px;height:94px;background:#fff;}
.don .don_bx ul li{margin-right:5rem;display:flex;flex-direction:row;}
.don .don_bx ul li:last-child{margin-right:0;}
.don .don_bx ul li .don_img{margin-right:2.5rem;}
.don .don_bx ul li .don_t h5{font-size:1.5rem;}
.don .don_bx ul li .don_t p{font-size:0.85rem;margin-top:1rem;line-height:22px;}
.don .don_bx p.don_txt{text-align:center;padding-bottom:5rem;}
.don .don_bx p.don_txt span{font-weight:600;}
.don .txt_don{padding:2rem 0 2em 0;font-size:0.85rem;line-height:30px;}
.don .cor_con .cor_step01 .cor_stepbx ul li{width:25%;}
.don .cor_con .cor_step01 .cor_stepbx ul li .cor_img img {margin-left:-20px;margin-top:-22px;}
.don .cor_con .cor_step01 div.cor_stepbx > ul li .cor_img:after{left:9rem;}
.don .cor_con .non{border:0;}

/*오시는 길*/
.info {display: flex;flex-direction: row;	padding: 30px 1rem;border:1px solid #c9c9c9;margin-bottom:2rem;}
.info dl {display: flex;flex-direction: row;	flex: 1;	align-items: center;}
.info dl.address { margin-right: 15px; margin-left:57px;}
.info dl.tel { flex: .5; }
.info dl dt {position: relative;	flex-shrink: 0;	padding-right: 152px;	font-weight: 500;	word-break: break-all;	font-size:1rem;}
.info dl dd span{padding-right:22px;font-weight: 500;}
.info dl dd {word-break: break-all;}
.info_con .tb_gon .fac_tb01 tr:nth-child(1) > th > p:after{display:none;}
.info_con .tb_gon .fac_tb01 tr:nth-child(2) > th > p:after{display:none;}
.info_con .tb_gon .fac_tb01 tr:nth-child(3) > th > p:after{display:none;}
.info_con .tb_gon .fac_tb01 tr:nth-child(4) > th > p:after{display:none;}
.info_con .tb_gon .fac_tb01 tr:nth-child(5) > th > p:after{display:none;}
.info_con .tb_gon table tr > th > p{padding-left:0;}
.info_con .cor_step02{padding-top:2rem;}
.info_con .cor_step01{position:relative;}
.info_con .cor_step01:before{content:"";display:block;position:absolute;right:0;top:1.1rem;width:1.7rem;height:1.05rem;background: url(../../../images/gj/content/table_car01.png) no-repeat;background-size:cover;}
.info_con .cor_step02{position:relative;}
.info_con .cor_step02:before{content:"";display:block;position:absolute;right:0;top:2.8rem;width:1.4rem;height:1.25rem;background: url(../../../images/gj/content/table_car02.png) no-repeat;background-size:cover;}

.fac .tb_gon table td ul li span{color:#f17a7a;border:1px solid #f17a7a;border-radius:50px;padding:0 0.75rem;margin-left:0.75rem;}

.root_daum_roughmap{width:100% !important; height:25rem;}
.root_daum_roughmap .wrap_map{height:100% !important;}

/*마이페이지*/
.canBtn{padding:0.5rem;border:none;cursor:pointer;}
.btn_confirm,
.btn_cancel{padding:0.5rem;border:1px solid #e0e0e0; cursor:pointer;transition: all 0.4s ease-out 0.1s;background:#fafafa;}

/*수강과목*/

.subject strong{color:#f17a7a;}
.subject > ul{/* border-bottom:1px solid #d5d5d5; */}
.subject > ul > li{font-size:0.9rem;}
.subject > ul > li:first-child{border-top:2px solid #444;}
.subject > ul > li div.lectureDiv{display:flex;flex-direction:row;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid #d5d5d5;}
.subject > ul > li div.lectureDiv .img {
	display:flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 180px;
	padding-right: 20px;
}
.subject > ul > li div.lectureDiv .img img{
	min-width:100%;
	min-height:100%;
}
.subject > ul > li .register{flex-basis:10%;}
.subject > ul > li .register span{background:#f5f5f5;padding:0.5rem 1rem; font-size:0.8rem; text-align: center;display: inline-block;}
.subject > ul > li .register span.on{background:#ff9d02;color:#fff;}
.subject > ul > li .content{flex-basis:50%;}
.subject > ul > li .person{flex-basis:15%;align-items:center;display:flex;justify-content:center;}
.subject > ul > li .price{flex-basis:15%;align-items:center;display:flex;justify-content:center;text-align:center;}
.subject > ul > li .content .tit{font-weight:500;color:#343434;word-wrap:break-word;line-height:1.4; font-size:1rem;}
.subject > ul > li:hover  .content .tit{
	color:#74add9;
}
.subject > ul > li .content ul li {padding-left:50px;position:relative;margin-top:0.5rem;color:#767676;}
.subject > ul > li .content ul li:first-child{margin-top:1rem;}
.subject > ul > li .content ul li span{position:absolute;left:0;top:0;color:#333;font-weight:500;font-size:0.8rem;}


/*수강과목 뷰*/
.notice_con{position: relative; margin-bottom: 3rem;}
.subject  h3.b_tit{font-size:1.4rem; font-weight:600; color:#000; letter-spacing:-0.030em;border-top:2px solid #222; padding-bottom:15px;padding:1.5rem 0 1.5rem 0;}
.subject .sub_con{display:flex;}
.subject .sub_img{flex-basis:30%;}
.subject .sub_img img{width:100%;}
.subject .sub_txt{width:80%;font-size: 0.9rem;}
.subject .sub_txt .txt{padding: 0;height:100%;}
.subject .sub_txt .txt div{position:relative;margin-top:0.5rem; padding-left:4.5rem;line-height: 1.5;height:1.5em;}
.subject .sub_txt .txt div:first-child{margin-top:0;}
.subject .sub_txt .txt div span{position:absolute;left:0;top:0;font-weight: 600;color: #000;}
.subject .sub_txt .txt div.bg_g ul li{background:#fafafa;padding:1rem 1.3rem;color:#74add9;font-weight:600;}

.subject .sub_btn{width:100%; margin-top:2rem;overflow:hidden;clear:both;display:flex;justify-content:center;}
.subject .sub_btn li{float:left; width:20%; margin-left:2%; border:1px solid #ddd;}
.subject .sub_btn li:first-child{margin-left:0;border-top:0;}
.subject .sub_btn li a{padding:0px; display:block; line-height:3rem; font-size:.85rem; text-align:center; cursor: pointer;}
.subject .sub_btn li.bt_inq a{position:relative;color:#fff; background:#74add9;  border-color:#74add9;transition:all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s; -webkit-transition: all .5s; transition: all .5s;}
.subject .sub_btn li:hover{box-shadow:.25rem .5rem 1rem rgba(0,0,0,0.15); -webkit-transition: all .5s; transition: all .5s;}
.subject .sub_btn li.bt_list a{position:relative;transition:all 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;border-top:0;}

.subject .class_tap ul{display:flex;background:#fafafa;margin-top:3rem;}
.subject .class_tap ul li{flex-basis:33.333%;text-align:center;padding:1rem 0;}

.subject .subCon {padding-bottom:2rem;}
.subject .subCon p.tit{position:relative;padding-left:0.8rem;font-size:1.6rem;font-weight:500;letter-spacing:-0.030em;margin:3rem 0;color:#333;}
.subject .subCon p.tit:before{content:'';position:absolute;top: 50%;left:0;width:4px;height:30px;background: #74add9;transform: translateY(-50%);}

.notice_con h4{font-size:1.2rem;font-weight:500;letter-spacing:-0.030em;margin:3rem 0;}
.pnlAttachedImage img{padding-bottom:2rem;}


.subButton div{margin-bottom: 5rem;}
.subButton a{cursor:pointer; display:inline-block;position:relative; overflow:hidden;  margin:0px 2px; min-width:5rem; height:45px; line-height:43px; box-sizing:border-box; padding:0 15px; z-index:0; background:#fff; border:1px solid #cdcdcd; color:#444 !important;text-align:center; vertical-align:top; transition:all 0.4s ease-out 0.1s;}
.subButton a:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:-1; width:120%; height:110%; background:#74add9; transform:translateX(-120%) skew(-15deg); transition:transform 0.5s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.subButton a:hover:before,
.subButton a:focus:before{background:#74add9; transform:translateX(-10%) skew(-15deg) perspective(500px);}
.subButton a:hover,
.subButton a:focus{color:#fff !important;box-shadow:0px 10px 15px rgba(0,0,0,0.15);}

/*문화아카이브 - 문화예술인*/
.artist_list{width:100%; table-layout:fixed; margin-bottom:40px; border-top:1px solid #000}
.artist_list td{padding:24px 0; border-bottom:1px solid #ccc}
.artist_list td.center{text-align:center}

.artist_list td.state{padding-left:22px; padding-right:24px}
.artist_list td.state span{display:table-cell; vertical-align:middle; width:64px; height:64px; font-size:14px; text-align:center; line-height:21px; box-sizing:border-box}
.artist_list td.tit{padding-left:2rem;}
.artist_list td.artist_img{width: 176px;height: 246px;}
.artist_list td.artist_img img{width:100%;}
.artist_list td a p{font-size:1rem;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; margin-bottom:14px; max-width:calc(100% - 75px); color:#333; font-size:18px; line-height:20px}

.artist_list td a .cat{color:#8c031c;}
.artist_list td a .m_cat{display:none; color:#8c031c}
.artist_list td a + .new{margin-left:4px}
.artist_list td a .new{display:none}
.artist_list td ul{clear:both}
.artist_list td ul li{float:left; padding:0 14px; border-right:1px solid #d9d9d9; color:#555; font-size:16px}
.artist_list td ul li:first-child{padding-left:0}
.artist_list td ul li:last-child{border-right:none}
.artist_list td ul li b{display:inline-block; margin-right:8px; color:#767676; font-weight:500}



/********************************************************
■ 작은모니터
********************************************************/
@media (max-width:1200px){	
	.web{display:none;}
	.mob{display:block;;}

	/*대관신청*/
	.cor_con h2.tit{left:1rem;}
	.cor_tab{position:relative;}
	.cor_tab ul{width:100%;}
	.cor_tab ul li{text-align:center;float:left;width:25%;}
	.cor_tab ul li:first-child{margin-left:25%;}
	.cor_tab .cor_all {vertical-align:top;position:absolute;left:0;top:0;text-align:center;width:25%;}
	.cor_tab .cor_all a{text-align:center;width:100%;}
	/*개요-인사말*/
	.gong_bx .gong_txt{margin-right:0;}
	.gong_bx02 .gong_txt{margin-left:1rem}
	.gong_bx01 .gong_img img{margin-left:0;}
	.gong_bx01:after{display:none;}

	.mission .ltitle02 ul li:after{right:-55px;}

	/*시설안내*/
	.fac .fac_txt{padding:1rem;line-height:27px;}
	.fac .tb_gon table tr > th > p{margin-left:1rem;padding-left:2rem;}
	.fac .tb_gon table td {padding-left:1rem;}

	/*대관신청*/
	.cor_con02 .cor_wrap ul li{padding-left:0.5rem;}
	.cor_con02 .cor_wrap ul li img{right:1rem;}
	

	/*비전미션*/
	.ltitle {padding-left:0;}
	.ltitle h5{position:relative;top:auto;left:auto;padding-bottom:2rem;}
	.ltitle h5:after{display:none;}
	.ltitle .bgP{margin:0;width:100%;}
	.ltitle .rtxt .stra li div{width:250px;height:250px;}
	.ltitle .rtxt .stra li div img {padding:1.5rem 0 1rem;}
	.ltitle .rtxt .stra li div p:after{display:none;}
	.ltitle:after{margin-left:0;}

	/*연혁*/
	.hlist .his_year{flex-basis:30%;}
	.hlist h4:after{width:90px;background-position:right;}
	
	/*문화아카이브 - 문화예술인*/
	.artist_list col:first-child{width:48px !important}
	.artist_list td{padding:15px 0}
	.artist_list td.state{padding:15px 0}
	.artist_list td.state span{width:48px; height:48px; font-size:12px}
	.artist_list td.state + td.tit{padding-left:15px}
	.artist_list td a{text-overflow:clip; white-space:normal; margin-bottom:8px; max-width:100%; font-size:16px; line-height:1.5}
	.artist_list td span.m_cat{display:inline-block; color:#9a1824}
	.artist_list td a + .new{display:none}
	.artist_list td a .new{display:inline-block; margin-left:4px}
	.artist_list td ul li{padding:0px 8px; border:none; font-size:13px}
	.artist_list td a i{font-size:13px;}

}


@media (max-width:1200px){
	/*비전미션*/
	.ltitle .rtxt .stra li div{width:250px;height:250px;}
	/*후원 ·사회공헌*/
	.don .don_bx ul li{margin-right:10rem;}
	.don .don_bx p.don_txt{font-size:1rem;}
	.cor .cor_con .cor_step01 .cor_stepbx{padding:1rem;}


}


/********************************************************
■ 태블릿
********************************************************/
@media (max-width:1030px){	
	.page_title{margin-bottom:30px;margin: 0px 15px 30px;}
	img{max-width:100%;}
	.con{font-size:0.95rem; padding:0 1rem;}
	.con h5{font-size:1.2rem;}
	div#wrap div#container div#section #section{width:100%;padding:0 1rem;}

	/*문화사업*/
	.cul_con h2.tit{width:100%; position:relative; left:0; top:0; padding-bottom: .5rem;}

	.cul_wrap .bus_txt{width:100%; padding-left:0; margin-top:1rem;}
	.cul_wrap .bus_txt h4{height:auto; line-height:1.3;}
	.cul_wrap .bus_txt h4:before{height:100%;}

	/*대관신청*/
	.cor_con h2.tit{width:100%; position:relative; left:0; top:0; padding-bottom: .5rem;}
	.cor_wrap .bus_txt{width:100%; padding-left:0; margin-top:1rem;}
	.cor_wrap .bus_txt h4{height:auto; line-height:1.3;}
	.cor_wrap .bus_txt h4:before{height:100%;}
	.cor_tab ul li{text-align:center;float:left;}
	.cor_con02 .cor_wrap ul li{flex-basis:100%;}
	.cor_con h4.subtit:first-child{padding-top:2rem;}
	.cor_con02 .cor_wrap ul li img{right:0.5rem;}
	.cor .cor_con .cor_step01 div.cor_stepbx > ul li .cor_img:after {display:none;}
	.cor .cor_con .cor_step01 .cor_stepbx ul li{width:33%;margin-bottom:1rem;}
	.cor .cor_con .cor_step01 .cor_stepbx ul li:nth-child(4),
	.cor .cor_con .cor_step01 .cor_stepbx ul li:nth-child(5){margin-bottom:0;}

	/*비전미션*/
	.ltitle .rtxt .stra li div{width:auto;box-shadow:none;height:auto;}
	
	/*문화아카이브*/
	.artist_list td ul li{float:none;padding:0;}

	/*후원 ·사회공헌*/
	.don .don_bx ul{padding-top:5rem;}
	.don .don_bx ul li{margin-right:5rem;display:flex;flex-direction:column;text-align:center;}
	.don .don_bx ul li .don_img{margin-bottom:1rem;}
	.don .don_bx p.don_txt{font-size:1rem;padding:0 1.5rem 5rem 1.5rem;
    line-height: 22px;}
	.don .don_bx ul:after{content:"";display:block;position:absolute;left:50%;top:30%;width:1px;height:125px;background:#fff;}

	/*오시는길*/
	
	.info{padding:1.5rem 1rem;display:block; }
	.info dl{display:block; margin:0; width:100%;flex-wrap: nowrap;}
	.info dl.address{margin:0;  padding-bottom:5px; margin-bottom:5px; }
	.info dl.tel{flex-basis: 100%;}
	.info dl dt{padding:0;text-align:center;}
	.info dl dd{padding-top:0.75rem;text-align:center;}
	.info dl dt:after{background:none;}



	/*CI소개*/
	.con .cor_con .cor_imbx{flex-direction:column;}
	.con .cor_con .cor_imbx img:not(:first-child){padding-left:0;}

	/*문화예술교육사업*/
	.subject > ul > li div.lectureDiv{display:block;}
	.subject > ul > li .person,
	.subject > ul > li .price {display:block;text-align:left;background:#efefef;width:100%;padding:1rem;}
	.subject > ul > li .price{padding-top:0;}
	.subject > ul > li .register{margin-bottom:1rem;}
	


}



/********************************************************
■ 모바일
********************************************************/

@media (max-width:767px){
	.cul_tab ul{height:130px; overflow-y:scroll; text-align:left;}
	.cul_tab ul li a{padding:0.5rem 1rem;margin:3px;}
	.cul_tab ::-webkit-scrollbar {
	/* 스크롤바 전체 영역 */
	  width: 10px;
	} 
	.cul_tab ::-webkit-scrollbar-track {
      background-color: #f9f9f9;
	/* 스크롤이 움직이는 영역  */
	} 
	.cul_tab ::-webkit-scrollbar-thumb {
	/*  스크롤  */
		  background-color: gold; 
	  border-radius:30px;
	} 
	.cul_tab ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
	/*  스크롤의 화살표가 포함된 영역   */
	  display:block;
	  height:8px;
	  background-color: #000;
	} 
	.cul_tab ::-webkit-scrollbar-corner {
	/*  상하+좌우 스크롤이 만나는 공간   */
		  background-color: red;
	} 
	.gong_bx {flex-direction: column-reverse;display:flex;}
	.gong_bx .gong_img{width:100%;}
	.gong_bx .gong_txt{width:100%;}
	.gong_bx01 .gong_txt h4{padding-top:2.9rem;}
	.gong_bx01 .gong_img:after{display:none;}
	.gong_bx02 .gong_txt h4 {margin-top:2.9rem;}
	.gong_bx02 .gong_img:after{display:none;}
	.mission .ltitle03 ul:after{width:200px;height:50px;margin-left:-100px;margin-top:-25px;line-height:50px;	font-size:1rem;}

	/*인사말*/
	.gong_bx01 .gong_img img {margin-left:0;}

	/*시설안내*/
	.fac .fac_txt{padding:1rem 0;}
	/*비전미션*/
		.ltitle .rtxt .stra li{width:50%;padding-bottom:1rem;}
		.ltitle .rtxt .stra li div{line-height:auto;box-shadow:none;}
		.ltitle .rtxt .stra li div img {padding:1rem 0;}

	/*대관절차*/
	.cor .cor_con .cor_step01 .cor_stepbx ul li .cor_img{width:80px;height:80px;}
	
	/*오시는길*/
	.info_con .tb_gon table tr > th > p{padding-left:0;}

	
	/*연혁*/
	.hlist h4:after{display:none;}
	.hlist{flex-direction:column;}
	.hlist .his_con{margin-left:0; width:100%}
	.hlist .his_con .gong_img img{margin-left:0;}

	/*수강과목 리스트 페이지*/
	.subject > ul > li a{display:block;}
	.subject > ul > li .person,
	.subject > ul > li .price {display:block;text-align:left;background:#efefef;width:100%;}
	.subject > ul > li .register{margin-bottom:1rem;}
	.subject > ul > li .person {padding:1rem;margin-top:1rem;}
	.subject > ul > li .price{padding:0 1rem 1rem 1rem;}


	#footer .footermenu ul li:last-child{display:none;}
}



/* 수강신청 */
.tb_list th{ border-top:2px solid #242424; border-bottom:2px solid #DEE2E6; padding:12px 10px;}
.tb_list td{ border-top:1px solid #E2E5ED; border-bottom:1px solid #E2E5ED; padding:12px 10px; text-align:center; color: #526484;  letter-spacing:0;}
.tb_list td.al{color: #364a63;}
.mouse_over:hover td{background:#E9ECF1;}
.badge-dot{dispaly:inline-flex; align-items: center;  position:relative; background-color: transparent;    border: none;    padding-left: 12px;    padding-right: 0;    font-size: 0.8rem;}
.badge-dot:before {position: absolute;    content: "";    left: 0;    top: 50%;    transform: translateY(-50%);    display: inline-block;    height: 6px;    width: 6px;   border-radius: 50%;    background: currentColor;}
.ing1{color: #00C853;}
.ing1.badge-dot:before {background-color: #00C853;}
.ing2{color: #FF3D00;}
.ing2.badge-dot:before {background-color: #FF3D00;}

.detail{margin-top:2rem; border:1px solid #E2E2E2;}
.detail h5{text-align:center; background:#F8F8F8; padding:10px; font-size:1rem;}
.detail div{padding:1rem 1rem 2rem;}

.red{font-weight:500; overflow:hidden;}
.red b{color:#FF3D00;}
.red a{float:right; display:inline-block; vertical-align:middle; padding: .3rem 2.1rem; font-size:0.7rem; letter-spacing:0.02em; background:#4D57BE; color:#fff !important; transition: all .15s ease-in-out; font-weight: 500;}
.red a:hover{background:#7447bb; }

/*topButton*/
.topBt {position:fixed;box-sizing: border-box;opacity:0;cursor: pointer;width:60px;height:60px;line-height:60px;font-size:12px;background: #87cba2;color:rgba(255,255,255,0.5) !important;text-align: center;padding:0px 5px;font-family:'Exo';z-index: 9999;right: 30px;transition: 0.9s ease;color: #fff !important;font-weight: bold;border-radius: 50%;}
.topBt.over {bottom: 30px;opacity:1;}
.topBt.hold {position:absolute; bottom:60px; opacity:1; transition: none;}
.topBt svg {display: block; margin:7px auto 1px;}