@charset "utf-8";
/* common -------------------------------------------------------------------------------------------------------------------------------------*/
#body_content p{line-height:1.5em}

.btn_wrap{margin:25px 0; text-align:center}
.btn_wrap .btn{margin-left:6px; }
.btn_wrap .btn:first-child{margin-left:0}
.btn_flex_wrap{display:flex;}
.w33{width: 33.3%;}
.w50{width: 50%;}	
.img_wrap{margin:10px 0; text-align:center}
h4{font-family: 'Pretendard-Bold'; font-size:28px; margin:50px 0 30px;}
/*h4:first-of-type{margin:0 0 30px;}*/

.border_box{margin:10px 0; padding:25px 20px; border:3px solid #eee}
.full_box{margin:10px 0; padding:25px 20px; background:#fafafa}

.respon_table{overflow-x:auto}
.requir{font-size:0.88em; color:#da030d; text-align:right;}

.info_list{border-top:2px solid #999;}
.info_list > li{padding:12px 10px; border-bottom:1px solid #ddd;}
.info_list > li .tit{display:block; float:left; line-height:1.5em; font-weight:500; color:#71828e; text-align:center }
.info_list > li .info{display:block; float:right; position:relative; padding-left:15px; line-height:1.5em; }
.info_list > li .info:before{display:block; position:absolute; top:0; bottom:0; left:0; width:1px; height:100%; background:#e7edf3; content:"" }

/* content common -------------------------*/
.guide_info_list{width: 100%; margin: 3% auto 0;}
.guide_info_list .info_list{border-top: 0;}
.guide_info_list .info_list + .info_list{margin-top: 4%;}
.guide_info_list p.s_tit{margin: 30px 0 15px; font-size:23px; font-weight:bold; color:#5f6e8f;}
.guide_info_list p.s_tit:first-of-type{margin: 0 0 15px;}
.guide_info_list p.s_tit span{font-weight:100;}
.guide_info_list .info_list .bullet_line{}
.guide_info_list .info_list .bullet_line > li{font-size:18px; font-weight:500; background-position: 0 17px;}
.guide_info_list .info_list .bullet_line > li span{display:inline-block;}
.guide_info_list .info_list .bullet_line > li span.tit{}
.guide_info_list .info_list .bullet_line > li span.info{}
.guide_info_list .img_list{}
.guide_info_list .img_list{display:flex; width: 100%; margin-top: 30px;}
.guide_info_list .img_list li{flex:1; overflow:hidden; border-radius:50%; text-align:center;}
.guide_info_list .img_list li img{max-width:220px; width: 100%;}
.guide_info_list .img_list_02{display:flex; width: 100%; margin-top: 30px;}
.guide_info_list .img_list_02 li{flex:1; overflow:hidden; border-radius:6px; text-align:center;}
.guide_info_list .img_list_02 li + li{margin-left: 2%;}
.guide_info_list .img_list_02 li img{}

.guide_info_list > li{position:relative; padding:8px; margin-bottom:12px;}
.guide_info_list > li > .tit{display:block; position:absolute; top:6px; left:0; width:150px; padding:0; background:#36a1df; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	line-height:37px; font-weight:500; text-align:center; color:#fff; font-family: 'Pretendard-Medium';}
.guide_info_list > li > .info{display:block; padding-left:160px; min-height:30px; line-height:24px; }
.guide_info_list > li > .info .bullet_none{margin-top:5px; }
.guide_info_list > li > .info .bullet_none li{font-size:0.933em; line-height:1.1em; color:#008391}
.guide_info_list > li > .info .btn{margin:0; margin-left:10px; padding:3px 10px; background:#fff; color:#206de1}
.guide_info_list > li > .info .btn:hover{background:#206de1; color:#fff}


/*인사말*/
.ceo {margin-bottom:50px;}
.ceo .title {text-align: left; margin:50px 0 30px 0;}
.ceo .title p {display:block; letter-spacing: 3px; color:#0070c3; margin-bottom:15px; font-weight:lighter; font-size:1.1rem;}
.ceo .title h1 {color:#000; font-size:2.3rem; font-weight:500;}
.ceo .title h1:before {content:""; background:url("/img/2023/sub/title_01.png")no-repeat; width:29px; height:26px; display:inline-block; margin-right:20px; vertical-align:top;}
.ceo .title h1:after {content:""; background:url("/img/2023/sub/title_02.png")no-repeat; width:29px; height:26px; display:inline-block; margin-left:20px; vertical-align:top;}
.ceo .title span {display:inline-block; font-weight:bold;}
.ceo .img_wrap {position:relative;}
.ceo .img {position:relative; height:400px;}
.ceo .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);width:100%; height:100%; object-fit:cover;}
.ceo .info {position:absolute; right:60px; bottom:-90px; width:450px; height:300px; background:linear-gradient(91deg, #1e5db5,#09a691); padding:50px; box-sizing:border-box; text-align:left; color:#fff; word-break:keep-all; border-radius:50px 0;}
.ceo .info h2 { font-size:2.1rem; font-weight:bold; margin:0 0px 2rem 0px; font-family:'MICEGothic Bold';}
.ceo .info p {font-size:1.1rem; opacity:.8; line-height:1.5rem;}
.ceo .txt {display:flex; text-align:left; justify-content: space-between; word-break:keep-all;}
.ceo .txt p {margin-top:30px; font-size:1.2rem; line-height:2rem;}
.ceo .txt .txt_wrap {width:48%;}


/* 사업안내 -------------------------*/
.guide .tab_content{display:none; margin: 60px 0 0;}
.guide .tab_content.on{display:block;margin: 60px 0 0;}

.guide_tab_list{width: 100%; margin:0 auto; text-align:center;}
.guide_tab_list ul{display:flex;}
.guide_tab_list li{flex:1; display:inline-block; margin: 0 0.5%; vertical-align:top;}
.guide_tab_list li a{display:block; padding:0 1%; font-size:18px; font-weight:bold; line-height:50px; color:#7f95bf; border-bottom: 1px solid #7f95bf; transition:all 0.1s }
.guide_tab_list li a.on{padding-top:4px; 
/*border-bottom:3px solid #377eff; */
line-height:42px; color:#fff; background:#377eff; box-shadow:2px 2px 9px #898989;}
.guide_tab_list li a:hover{color:#377eff;}
.guide_tab_list li a.on:hover{color:#fff;}

.guide_top{width: 100%; text-align:center;}
.guide_top .guide_tit{background:#fff; box-shadow:0px 2px 10px #97c2ef; margin-top:23px;}
.guide_top h4{margin: 0 0 10px !important; font-weight:bold; font-size:38px; font-family: 'MICEGothic Bold'; color:#2052a0;}
.guide_top h4 .side_tit{display:block; font-weight:300}
.guide_top h4::after{display:none;}
.guide_top h5{font-family: 'Pretendard-Bold'; font-size:18px; letter-spacing:1px; font-weight:400;
/*color:#0095ad; */
color:#009edb;
z-index:1; position:relative; display:inline-block; padding:0 15px; margin:0;}
/*.guide_top h5::after{content: ''; display: inline-block; width: 100%; height: 11px; background-color: rgba(151,255,231,0.5); position: absolute;*/
/* bottom: 1px; left: 0; z-index: -1; padding: 0 5px; transform: translate(-5px,0); box-sizing: content-box;}*/
.guide_top h5::before{display:none;}
.guide_top .tit{margin-top:60px; font-size:1.5em; line-height:1.2em; font-weight:700; }
.guide_top .tit span{display:block; }
.guide_top .sub_tit{margin-top:15px; font-size:1.2em; color:#71828e}
.guide_top .sub_tit span{display:block; }

.guide_tab_list2{width: 100%; margin:0 auto; text-align:center;}
.guide_tab_list2 ul{display:flex;}
.guide_tab_list2 li{flex:1; display:inline-block; margin: 0 0.5%; vertical-align:top}
.guide_tab_list2 li a{display:block; padding:0 1%; font-size:18px; font-weight:bold; line-height:50px; color:#7f95bf; border-bottom: 1px solid #7f95bf; transition:all 0.1s }
.guide_tab_list2 li a.on{padding-top:4px; 
/*border-bottom:3px solid #377eff; */
line-height:42px; color:#fff; background:#377eff; box-shadow:2px 2px 9px #898989;}
.guide_tab_list2 li a:hover{color:#377eff;}
.guide_tab_list2 li a.on:hover{color:#fff;}

.tab_menu2{clear:both}
.tab_menu2 ul{overflow:hidden}
.tab_menu2 ul li{float:left}
.tab_menu2 ul li a{display:block; position:relative; height:35px; margin-left:-1px; padding:0 20px; border:1px solid #ddd; line-height:35px; color:#aaa; text-align:center}
.tab_menu2 ul li:first-child a{margin-left:0;}
.tab_menu2 ul li a:hover{color:#5fcecf;}
.tab_menu2 ul li.on a{color:#fff;border-color:#64aee1;  background:#64aee1; z-index:50;}

.festival{margin-top:60px; }
.festival .cont{position:relative; height:527px;}
.festival .cont .circle{position:absolute; width:300px; height:300px; border-radius:50%; display:flex; justify-content:center; align-items:center; box-shadow:0px 4px 11px #d3d3d3;}
.festival .cont .circle:nth-child(1){background:rgba(34,184,237,0.8); left:50%; margin-left:-150px; border:20px solid #d6f8ff;}
.festival .cont .circle:nth-child(2){background:rgba(145,197,69,0.8); left:50%; margin-left:-270px; top:211px; border:20px solid #e2ffeb;}
.festival .cont .circle:nth-child(3){background:rgba(183,121,205,0.8); left:50%; margin-left:-36px; top:211px; border:20px solid #faedff;}
.festival .cont .circle span{font-size:42px; color:#fff;  font-family: 'MICEGothic Bold';}
.festival p{text-align:center; margin:40px 0 0 0;font-size:40px; font-family: 'OTWelcomeBA'; color:#006cc9;}
.festival p span{color:#ff8100; font-size:55px;}
.festival p b{font-size:48px; color:#00aad1;}

.guide_img{display:flex; flex-wrap:wrap; margin-top:30px;}
.guide_img .img_wrap{width:calc((100% / 3) - 4px);margin: 2px;max-height: 300px; min-height: 300px; overflow: hidden;}
.guide_img .img_wrap img {width:100%; height:100%; object-fit:cover;}

/* .guide_img .img_wrap:nth-child(2){margin:10px 5px;} */
/*.guide #body_wrap .body_title_wrap .body_title{background:#3dc5b2; color:#fff; padding:30px 0 30px;}*/

.guide_info{width:100%; margin-top:80px;}
/* .guide_info:nth-child(2){margin-bottom:60px;} */
.list1{}
.list1>li{display:flex; flex-wrap:wrap; margin-bottom:20px;}
.list1>li:last-child{margin-bottom:0;}
.list1>li>span{width:20%; font-family: 'Pretendard-Bold';font-size:20px; padding-right:10px;}
.list1>li>p{width:80%; font-family: 'Pretendard-Light';line-height:1.4;}
.list1>li .respon_table{width:80%;}


.guide03_01 .list1>li:last-child .respon_table{position:relative;}
.guide03_01 .list1>li:last-child .respon_table::before{content:''; display:block; width:82px; height:88px; background:url('/img/2023/sub/guide_ic01.png') center no-repeat; background-size:cover; margin:0 auto 10px;}
/* .guide_top01{background:url(/img/2020/sub/guide/guide_top01.gif) no-repeat 95% 0;}
.guide_top02{background:url(/img/2020/sub/guide/guide_top02.gif) no-repeat 95% 0;}
.guide_top03{background:url(/img/2020/sub/guide/guide_top03.gif) no-repeat 90% 0;}
.guide_top04{background:url(/img/2020/sub/guide/guide_top04.gif) no-repeat 90% 0;}
.guide_top05{background:url(/img/2020/sub/guide/guide_top05.gif) no-repeat 90% 0;}

.guide_top06{background:url(/img/2020/sub/guide/guide_top06.gif) no-repeat 90% 0;}
.guide_top07{background:url(/img/2020/sub/guide/guide_top07.gif) no-repeat 85% 0;}
.guide_top08{background:url(/img/2020/sub/guide/guide_top08.gif) no-repeat 85% 0;}
.guide_top09{background:url(/img/2020/sub/guide/guide_top09.gif) no-repeat 85% 0;}
.guide_top10{background:url(/img/2020/sub/guide/guide_top10.gif) no-repeat 99% 0;}

.guide_top11{background:url(/img/2020/sub/guide/guide_top11.gif) no-repeat 95% 0;}
.guide_top12{background:url(/img/2020/sub/guide/guide_top12.gif) no-repeat 99% 0;} */

.bullet_guide{}
.bullet_guide li{font-size:1.05em; color:#f36c5d}

.guide_info_list .sub_tit{}
.guide_info_list > li > .info_process{padding:40px 0 0; }
.guide_info_list > li > .info_gallery{padding:40px 0 0; }
.guide_info_list > li > .info_exhi_list{padding:40px 0 0; }

.exhi_info_list{border-bottom:2px solid #555}
.exhi_info_list > li{border-top:1px solid #ddd}
.exhi_info_list li > span{display:block; float:left; padding:10px; text-align:center }
.exhi_info_list li.header_wrap > span{padding:12px 10px; color:#777}
.exhi_info_list li .tit{width:45%; font-family: 'Pretendard-Light';}
.exhi_info_list li .place{width:25%}
.exhi_info_list li .date{width:30%; }

.info_gallery li{display:block; float:left; width:25%; padding:5px 3px;}
.info_gallery li .gall_info{display:block; padding:3px 0; border-bottom:1px solid #f3e8db; color:#666; text-align:center}
.info_gallery li .gall_info .min{display:inline-block; margin-left:3px; font-size:0.8em; color:#aaa}
.info_gallery li .gall_info .add{display:block; font-size:0.85em; color:#88827c; }

.process_list{display:flex;}
.process_list > li{float:left; position:relative;  width:33.3333%; margin:0 0.5%;  text-align:center}
.process_list li:after{display:block; position:absolute; top:50%; right:-4%; width:10px; height:15px; margin-top:-0px; background:url(/img/2020/sub/proce_arr.gif) no-repeat; background-size:auto 15px; content:""}
.process_list li:last-of-type:after{display:none; }
.process_list li span{display:block; }

.process_list li .tit{padding:12px 3px; background:#fff7ea; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; font-size:1.1em; line-height:1.1em; font-weight:400; color:#333}
.process_list li .date{margin-top:5px; padding:10px 0; background:#fdfcfb; font-size:0.9em; line-height:1.1em; color:#eea337}
.process_list li .info{display:table; width:100%; background:#fdfcfb; padding: 10px 0; border-bottom:1px solid #eaeaea; font-size:0.95em; text-align:center}
.process_list li .info .cell{display:table-cell; vertical-align:middle; }
.process_list li .info .point{display:block; font-size:0.8em; line-height:1.2em; color:#787878}

.guide_pro01_01 li .info .cell{height:90px;}
.guide_pro01_02 li .info .cell{height:70px;}
.guide_pro02_01 li .info .cell{height:90px;}
.guide_pro02_02 li .info .cell{height:70px;}
.guide_pro03_01 li .info .cell{height:70px;}
.guide_pro03_02 li .info .cell{height:140px;}
.guide_pro03_03 li .info .cell{height:70px;}

.guide02 .business{margin:0 auto 60px;}
.guide02 .business>li:not(:last-child){margin-right:20px;}
.guide02 .business>li{position:relative; display:flex; flex-wrap:wrap;}
.guide02 .business>li:nth-child(1){}
.guide02 .business>li:nth-child(2){margin:50px 0;}
.guide02 .business>li .title{font-size: 22px; color: #fff; background:#2052a0;cursor:pointer;  font-weight: 600; width: 200px; height: 200px; border: 10px solid #007ac3; border-radius: 50%;
 margin: 0 auto 30px; position: relative; display:flex; justify-content:center; align-items:center; text-align:center;transition:all .3s; }
 .guide02 .business>li .title a{ width:100%; height:100%; display: flex; align-items: center;justify-content: center;cursor:pointer; }
  .guide02 .business>li .title:hover{background:#097fc5;}
/*.guide02 .business>li:nth-child(2) .title{border:10px solid #91c545;}*/
/*.guide02 .business>li:nth-child(3) .title{border:10px solid #c07cd9;}*/
.guide02 .business>li .title::after {display:none; content: ''; width: 1px; height: 30px; background: #22b8ed; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 10px);}
/*.guide02 .business>li:nth-child(2) .title::after {background:#91c545;}*/
/*.guide02 .business>li:nth-child(3) .title::after {background:#c07cd9;}*/
.guide02 .business>li .txt{padding: 35px 20px; color: #454545; font-weight: 500; border: 1px solid #6ba5c2; position: relative; margin: 0 auto 20px; text-align:center; word-break:keep-all;}
/*.guide02 .business>li:nth-child(1) .txt{width:fit-content; border:1px solid #22b8ed;}*/
/*.guide02 .business>li:nth-child(3) .txt{width:fit-content; border:1px solid #c07cd9;}*/
/* .guide02 .business>li .list:not(:last-child){margin: 0 0 20px;} */
.guide02 .business>li .list {width: 100%; height: 60px; background: #e3effa; border-radius: 5px; padding: 0 10px; font-size: 16px; color: #454545; 
 font-weight: 500; display: flex; align-items: center; justify-content: center; position: relative; left: 50%; transform: translateX(-50%); text-align: center; margin-bottom:6px; transition:0.2s;}
.guide02 .business>li:nth-child(2) .list{width:auto; 
/*background:#cdedc9;*/
}
/* .guide02 .business>li .list:hover{background:#4181b9; color:#fff;} */
/*.guide02 .business>li:nth-child(3) .list{background:#efd8f7;}*/
/*.guide02 .business>li:nth-child(1) .list:hover{background:#4181b9; color:#fff;}*/
/*.guide02 .business>li:nth-child(2) .list:hover{background:#63975c; color:#fff;}*/
/*.guide02 .business>li:nth-child(3) .list:hover{background:#8c5d9d; color:#fff;}*/
/*.guide02 .business>li:nth-child(2){margin:60px 0;}*/
.guide02 .business>li:nth-child(2) .txt_wrap{width:calc((100% / 4) - 4px); display:inline-block; vertical-align:top; margin-right:5px;}
.guide02 .business>li:nth-child(2) .txt_wrap:last-child{margin-right:0;}
.guide02 .business>li:nth-child(2) .txt_wrap .txt{height:136px; display:flex; align-items: center; justify-content: center;}
.guide02 .business>li:nth-child(3) .txt_wrap{ width:calc(100% / 3 - 5px); margin-right:5px;}
.guide02 .business>li a{ cursor: auto;}
.guide02 .cont{width:75%; display:flex; flex-wrap:wrap;}
.guide02 .business>li .txt::after{content:'';  width: 1px; height: 30px; background: #22b8ed; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 1px);}
/*.guide02 .business>li:nth-child(2) .txt::after {background:#91c545;}*/
/*.guide02 .business>li:nth-child(3) .txt::after {background:#c07cd9;}*/

.guide_info .respon_table ul li{margin-bottom:10px;}


.guide_pro03_05 li{width:15.66%}
.guide_pro03_05 li:after{right:-7%}
.guide_pro03_05 li .tit{display:table; width:100%; text-align:center}
.guide_pro03_05 li .tit .cell{display:table-cell; width:100%; height:40px; vertical-align:middle; }
.guide_pro03_05 li .info .cell{height:60px;}

.guide_pro03_06 li{width:24%}
.guide_pro03_06 li:after{right:-5%}

.guide_on_lec_list{}
.guide_on_lec_list li{float:left; position:relative; width:31.33%; margin:1%; padding:15px 0; border-top:6px solid #10b877; }
.guide_on_lec_list li:before{display:block; position:absolute; top:-6px; right:0; width:10%; height:6px; background:#218754; content:""}
.guide_on_lec_list li:nth-child(3n+1){clear:both}
.guide_on_lec_list li span{display:block;}
.guide_on_lec_list .lec_video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.guide_on_lec_list .lec_video iframe, 
.guide_on_lec_list .lec_video object, 
.guide_on_lec_list .lec_video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.guide_on_lec_list li .tit{margin:15px 0 5px; font-size:1.25em; font-weight:700; color:#218754; text-align:center}
.guide_on_lec_list li .name{float:left; line-height:28px;  }
.guide_on_lec_list li .btn{float:right; background:#97c509; border-color:#97c509}
.guide_on_lec_list li .name_info{margin-top:10px; padding-top:10px; border-top:1px solid #eaeaea; font-size:0.9em; color:#676767;}

/* 생활문화 -------------------------*/
/* 생활문화란*/
.welcome_wrap{min-height:500px; margin-top: 50px; line-height:26px;}
.welcome_wrap > div.clear{position:relative; display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: wrap;}
.welcome_wrap > div.clear .img_wrap{width: 43%; margin: 0; position: absolute; left: 0;}
.welcome_wrap > div.clear .img_wrap img{width: 100%;}

.welcome_wrap p.taj{position:relative; width: 65%; margin-left: 5%; font-size: 16px; right: 0; background: #fafafa; color: #222; text-align:left; padding: 4% 2%; top: 50px;
					box-shadow: 11px 12px 18px 0 rgb(0 0 0 / 20%); z-index:1;}
.welcome_wrap p.taj::after{display:block; width: 40px; height: 40px; content:''; background: #527cc6; position:absolute; top:-15px; right:-15px; z-index:0;}
.welcome_wrap p.taj::before{display:block; width: 60px; height: 60px; content:''; background: #4cb3e0; position:absolute; bottom:-15px; left:-15px; z-index:0;}
.welcome_wrap p.taj > span{display:inline-block; width: 100%; font-size:32px; font-weight:bold;}
.welcome_wrap p.taj span.name{margin-top: 30px; font-weight:normal; text-align:right; font-size:14px;}
.welcome_wrap p.taj span.name b{font-size:16px;}

.about_top_point{font-size:1.25em; line-height:1.5em; font-weight:500; color:#78589c;}
.about_top_point span{display:block; }
.about_top_point .tit{margin-top:20px; font-size:0.8em; color:#555}
.about_top{margin-top:30px; }
.about_top .img_wrap{float:left; width:45%; margin:0; padding:30px 0; background:#65b9ff}
.about_top .img_wrap img{height:250px; }
.about_top .info_wrap{float:right; width:53%; text-align:center}
.about_top .info_wrap .table{display:table; width:100%; height:100%; text-align:center}
.about_top .info_wrap .cell{display:table-cell; height:310px; vertical-align:middle; }
.about_top .info_wrap .cell .info01{color:#999}
.about_top .info_wrap .cell .info02{margin-top:30px; font-size:1.05em;  }
.about_top .info_wrap .cell .info03{margin-top:10px; font-size:1.5em; line-height:1.5em; color:#004d69;}
.about_top .info_wrap .cell .info03 span{display:block; }

.about_vision_wrap{ text-align:center}
.about_vision_wrap .vision_left{float:left; width:55%}
.about_vision_wrap .vision_left h5{display:block; width:100px; height:100px; margin:20px auto; padding:0; background:#f77d00; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; line-height:100px; color:#fff; text-align:center}
.about_vision_wrap h5:before{display:none; }
.about_vision_wrap .vision_left p{margin-top:30px; font-size:1.5em; line-height:1.5em; color:#ea5700}
.about_vision_wrap .vision_right{float:right; width:45%;}
.about_vision_wrap .vision_right h5{display:block;margin:10px 0; padding:8px 15px; border-top:1px solid #f77d00; border-bottom:1px solid #f77d00; color:#f77d00; text-align:center}
.about_vision_wrap .vision_right ul li{margin:8px 0; padding:12px 15px; border:1px solid #fbf5f3; text-align:center}


.about_promote_wrap{}
.about_promote_wrap .promo_box{float:left; width:23%; height:190px; margin:1%; padding:25px 10px; border:1px solid #eaeaea; text-align:center;}
.about_promote_wrap .promo_box h5{display:block; margin:0 !important; font-weight:500; text-align:center;}
.about_promote_wrap .promo_box h5:before{display:none;}
.about_promote_wrap .promo_box h5:after{display:block; width:1px; height:18px; margin:10px auto; background:#f77d00; content:"";}
.about_promote_wrap .promo_box .info{display:block; margin-top:15px;}
.about_promote_wrap .promo_box .info span{display:block;}

.group{width: 100%;}
.group ul{position:relative; display:flex; flex-direction: column; flex-wrap: wrap; align-items: center; max-width:800px; width: 100%; margin: 25px auto 50px; z-index:0;}
.group ul::after{display:block; width: 1px; height: 100%; background: #ccc; content:''; position:absolute; top:0; left: 50%; transform:translate(-50%,0); z-index:-1;}
.group ul li{width: 100%; padding: 4% 2%; text-align:center;}
.group ul li + li{margin-top: 50px;}
.group ul li:nth-child(1){background: #4996d8; color: #fff;}
.group ul li:nth-child(2){background: #f1f1f1; border:1px solid #ccc;}
.group ul li:nth-child(3){background: #fafafa; border:1px solid #ccc;}
.group ul li:nth-child(4){background: #fff; border:1px solid #ccc;}

/* 지원사업*/
.busi_about_list{}
.busi_about_list li{float:left; width:25%; padding:20px 5px; text-align:center}
.busi_about_list li .icon{display:block; width:70px; margin:0 auto 15px; }
.busi_about_list li .tit{display:block; font-size:1.2em; line-height:1.3em; font-weight:500; color:#3a423f; text-align:center}
.busi_about_list li .tit span{display:block; }

.about_vision_wrap .vision_right h5{display:block;margin:10px 0; padding:8px 15px; border-top:1px solid #f77d00; border-bottom:1px solid #f77d00; color:#f77d00; text-align:center}
.about_vision_wrap .vision_right ul li{margin:8px 0; padding:12px 15px; border:1px solid #eaeaea; text-align:center}

.busi_cult_list{}
.busi_cult_list li{float:left; width:31.33%; margin:1%; text-align:center}
.busi_cult_list li:nth-child(3n+1){clear:both;}
.busi_cult_list li .tit{display:block; padding:8px 0; font-size:1.3em; border-top:1px solid #f77d00; border-bottom:1px solid #f77d00;text-align:center}
.busi_cult_list li .tit:before{display:none}
.busi_cult_list li .info{display:table; width:100%; height:100%; margin-top:5px; padding:20px 0; background:#fbf5f3; }
.busi_cult_list li .info span{display:block; }
.busi_cult_list li .info .cell{display:table-cell; width:100%; height:125px; vertical-align:middle; }

/* 문의·오시는길*/
.map_info_wrap{margin:10px 0 30px;}
.map_info_wrap dl{position:relative; max-width:700px; width:100%; margin:0 auto 5px;}
.map_info_wrap dt{display:block; position:absolute; top:0; left:0; width:51px; height:51px; margin-left:15px; background:#ddd; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-indent:-9999px;  text-align:center; vertical-align:top}
.map_info_wrap dt.add{background:#f36c5d url(/img/2020/sub/icon_add.png) no-repeat 50% 50%; background-size:auto 27px;}
.map_info_wrap dt.tel{background:#f6825d url(/img/2020/sub/icon_tel.png) no-repeat 50% 50%; background-size:auto 27px;}
.map_info_wrap dt.fax{background:#faa95d url(/img/2020/sub/icon_fax.png) no-repeat 50% 50%; background-size:auto 27px;}
.map_info_wrap dt.mail{left:40%; background:#fdc05d url(/img/2020/sub/icon_mail.png) no-repeat 50% 50%; background-size:auto 27px;}
.map_info_wrap dd{display:inline-block; min-width:35%; margin-right:15px; margin-left:10px; padding-left:65px; line-height:51px; vertical-align:top}
.map_info_wrap dd .tit{display:inline-block; margin:3px 8px 3px 15px; padding:0 10px; background:#fbf5f3; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:0.9em; line-height:29px; }

/* 다음 지도 */
.os_mac.root_daum_roughmap, .os_mac.root_daum_roughmap button, .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
{font-family:'S_CoreDream','Malgun Gothic',Dotum,sans-serif !important;}
.root_daum_roughmap .section_busline .wrap_list .txt .txt_item{line-height:1.4em !important;}

/* 시민문화팀 조직도*/
.contact_list{border-bottom:2px solid #555}
.contact_list > li{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; border-top:1px solid #ddd;}
.contact_list li > span{display:block; float:left; padding:10px;}
.contact_list li .name{width:25%; text-align:center;}
.contact_list li .name .affi{display:inline-block; float:none; padding:3px 15px; background:#fbf5f3; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; font-size:0.85em; line-height:1.2em; color:#878787;}
.contact_list li .name .name_inner{display:inline-block; margin-left:10px;}
.contact_list li .info{width:55%;}
.contact_list li .tel{width:20%; text-align:center;}

/* 생동지기 -------------------------*/
.club_about_top{padding:10px 13px; text-align:center; position:relative; margin-bottom:80px;}
.club_about_top::before{content: "";display: inline-block;position: absolute;top: 50%; left: 0px;width: 29px; height: 103px;background: url(/img/2023/sub/border_left.png) no-repeat center/contain;
    vertical-align: middle; transform: translateY(-50%);}
.club_about_top::after{content: ""; display: inline-block; position: absolute;top: 50%;right: 0px;width: 29px;height: 103px; background: url(/img/2023/sub/border_right.png) no-repeat center/contain;vertical-align: middle;
    transform: translateY(-50%);}
.club_qu{font-size:28px; font-family: 'OTWelcomeRA'; text-align:center; display:block; margin:0 auto; color:#363636;}
.club_about_top h4:after{margin:15px auto}
.club_about_top .sub_tit{margin:0px 0 -7px; font-size:40px; line-height:1.3em; font-family: 'OTWelcomeBA';}
.club_about_top .sub_tit span:nth-child(1){}
.club_about_top .sub_tit span:nth-child(2){}
.club_about_top .info{font-family: 'Pretendard-Light';}

.club_process_list{margin-top:30px; }
.club_process_list li{float:left; position:relative;  width:23%; margin:0 1%; padding:36px 10px; background:#16bfd1;color:#fff;  text-align:center; border-radius:20px; box-shadow:2px 3px 4px #20818b;}
.club_process_list li:after{display:block; position:absolute; top:50%; right:-7%; width:10px; height:15px; margin-top:-7px; background:url(/img/2023/sub/proce_arr.png) no-repeat; background-size:auto 15px; content:""}
.club_process_list li:last-of-type:after{display:none; }
.club_process_list li span{display:block; }
.club_process_list li .tit{font-size:28px; line-height:1.1em; font-weight:700; font-family: 'OTWelcomeBA';}
.club_process_list li .date{margin:12px 0 12px; font-size:1.133em; line-height:1.1em; color:#f7ef00; font-family: 'Pretendard-Bold';}
.club_process_list li .info{display:table; width:100%; height:100%; font-size:0.95em; text-align:center; font-family: 'Pretendard-Light';}
.club_process_list li .info .cell{display:table-cell; height:40px; vertical-align:middle; }

.club_tab_list{width:100%; margin:0 auto 100px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; text-align:center }
.club_tab_list li{display:inline-block; padding:0 22px; vertical-align:top; font-family: 'Pretendard-Bold';}
.club_tab_list li a{display:block; padding:0 5px; font-size:21px; line-height:50px; color:#ccc; transition:all 0.3s; border-bottom:5px solid transparent;}
.club_tab_list li a.on{padding-top:4px; border-bottom:5px solid #00c5b3; line-height:42px; font-weight:500; color:#00c5b3; transition:0.2s;}
.club_tab_list li a:hover{color:#00c5b3; border-bottom:5px solid #00c5b3;}

.club_search_wrap{margin-bottom:10px; text-align:right}
.club_search_wrap select{width:110px; font-size:0.9em; }
.club_search_wrap input{width:130px; font-size:0.9em;}
.club_search_wrap .btn{width:auto; padding:8px 20px;}

.club_box{margin-top:40px; }
.club_box h4{ line-height:40px; color:#191919; margin-bottom:45px;}
.club_box h4:after{display:none; }
.club_box .cate{display:inline-block; margin-right:10px; padding:3px 13px; font-size:15px; line-height:30px; font-weight:300; background:#bfac8c; border-radius:18px; -webkit-border-radius:18px; -moz-border-radius:18px; color:#fff; vertical-align:top }
.club_box .cate01{background:#f36d5c}
.club_box .cate02{background:#f48ca0}
.club_box .cate03{background:#f4940b}
.club_box .cate04{background:#b44826}
.club_box .cate05{background:#06a175}
.club_box .cate06{background:#2e56bc}
.club_box .cate07{background:#367bbf}
.club_box .cate08{background:#77579b}
.club_box .clear{position:relative; }

.club_box .img_wrap{position:absolute; top:0; left:0; width:420px; max-height:290px; margin:0; text-align:center; overflow:hidden }
.club_box .img_wrap img{max-height:285px}
.club_box .info_wrap{ padding-left:440px }
.club_box .info_wrap .info_list{}
.club_box .info_wrap .info_list li{}
.club_box .info_wrap .info_list li .tit{width:27%}
.club_box .info_wrap .info_list li .info{width:72%}

.accordion_detail_wrap{}
.accordion_detail_wrap dt{padding:10px 0; text-align:right}
.accordion_detail_wrap dt .btn{padding-right:40px; background:url(/img/2020/sub/arr_club.gif) no-repeat 95% 50%; background-size:auto 7px; border-color:#f36c5d; font-size:0.95em }
.accordion_detail_wrap dt.con_open .btn{background:url(/img/2020/sub/arr_club_up.gif) no-repeat 95% 50%; background-size:auto 7px; }
.accordion_detail_wrap dd{width:100%; padding:15px; border-bottom:1px solid #dadada; text-align:justify }

.club_step_wrap{}
.club_step_wrap li{float:left; width:25%; padding:0 10px; text-align:center}
.club_step_wrap li.step01{color:#ffc000}
.club_step_wrap li.step02{color:#ff773b}
.club_step_wrap li.step03{color:#06a175}
.club_step_wrap li.step04{color:#2e56bc}
.club_step_wrap li .tit{display:block; font-size:2em;  font-family: 'OTWelcomeBA';}
.club_step_wrap li .icon{display:block; margin:10px 0}
.club_step_wrap li .icon img{width:auto; height:150px; }
.club_step_wrap li .step{display:block; margin:10px 0; font-size:1.2em; font-family: 'Pretendard-Bold';}
.club_step_wrap li .year{display:block; }
.club_step_wrap li .year .point{display:block; font-size:1.2em; }

.club_supp_wrap{margin:15px 0 50px; padding:10px 5px;}
.club_supp_wrap li{padding:5px 0; }
.club_supp_wrap li > span{display:block; float:left; text-align:center}
.club_supp_wrap li span.w25{width:25%}
.club_supp_wrap li span.w50{width:50%}
.club_supp_wrap li span.w75{width:75%}
.club_supp_wrap li span.w100{width: 100%;}
.club_supp_wrap li span.red{padding:8px 0; background:#dd9596; color:#fff;}
.club_supp_wrap li span.yellow{padding:8px 0; background:#ecbb54; color:#fff;}
.club_supp_wrap li span.org{padding:8px 0; background:#fa8d64; color:#fff;}
.club_supp_wrap li span.green{padding:8px 0; background:#50c49f; color:#fff;}
.club_supp_wrap li span.blue{padding:8px 0; background:#79bec5; color:#fff;}
.club_supp_wrap li span.gry{padding:8px 0; background:#8bb0db; color:#fff;}
.club_supp_wrap li span.perple{padding:8px 0; background:#c896d5; color:#fff;}

.edu p{margin-top:12px;}

.edu_list{display:flex;}
.edu_list dl{position:relative; flex:1; text-align:center;}
.edu_list dl:first-of-type::after{display:none;}
.edu_list dl::after{display:block; width: 24px; height: 24px; content:''; background: url(/img/2022/sub/edu_list_icon.png)no-repeat; position:absolute; top:50%; left: -9%; transform:translate(-50%,0);}
.edu_list dl + dl{margin-left: 4%;}
.edu_list dl dt{padding: 4% 2%; background: #024176; color: #fff; font-weight:bold;}
.edu_list dl dd{min-height:90px; padding: 8% 2%; background: #fafafa; border:2px solid #eee;}

/* 대관 --------------------------- */
.room_tab{}
.room_tab ul{display:flex;}
.room_tab ul li{flex:1;}
.room_tab ul li + li{margin-left: 2%;}
.room_tab ul li a{display:inline-block; width: 100%; height: 100%; text-align:center; border:0; border-bottom:3px solid #ccc; font-size:23px; color:#ccc; padding: 2%; font-weight:bold; transition:all 0.2s;}
.room_tab ul li a.on{color:#009feb; border-bottom:3px solid #009feb;}
.room_tab ul li a.on:hover{color:#009feb; border-bottom:3px solid #009feb;}
.room_tab ul li a:hover{color:#ccc; border-bottom: 3px solid #ccc;}

.space01{}
.space01 .tstyle tr td a{display:inline-block; width: 100%; height: 100%; transition:all 0.2s;}
.space01 .tstyle tr td a:hover{color:#fff; font-weight:bold;}
.space01 .tstyle tr td a.link:hover{color:#655ab0; font-weight:bold;}
.space01 .btn_wrap{}
.space01 .btn_wrap a{margin: 0 auto;}

.room_info{}
.room_info li{width: 100%;}
.room_info li.flex_none dl{display:block;}
.room_info li dl{display:flex;}
.room_info li dt{margin-bottom:10px;}
.room_info li dd{padding-left: 0.5%; font-family: 'Pretendard-Light';}
.room_info li b{color:#292929;}

.day_info{padding: 2%; border:3px solid #ccc; background: #eee; text-align:center;}
.day_info dl{font-size:18px;}
.day_info dl + dl{margin-top: 2%; padding-top: 2%; border-top: 1px solid #ccc;}
.day_info dl dt{font-weight:bold;}
.day_info dl dd{}

.regi_info{display:flex;}
.regi_info > div{position:relative; width: 25%; text-align:center; border:1px solid #eee; padding: 2% 1%;}
.regi_info > div + div::after{display:block; width: 26px; height: 22px; background: url(/img/2022/sub/regi_arr.png)no-repeat; content:''; position:absolute; top:20%; left: -2.5%; transform:translate(-50%,0);}
.regi_info > div + div{margin-left: 1%;}
.regi_info > div img{margin-bottom: 10%;}
.regi_info > div dl{}
.regi_info > div dl dt{padding:4% 1%; background: #eee; font-weight:bold; border:2px solid #ccc;}
.regi_info > div dl dd{padding:6% 1% 0;color:#666;}


.space_wrap{margin-top: 10px;}
.space_wrap ul{}
.space_wrap ul + ul{margin-top: 25px; padding-top: 25px; border-top: 1px dashed #ccc;}
.space_wrap ul li{width: 100%;}
.space_wrap ul li.floor h3{font-size:26px; font-weight:bold; color: #213756;}
.space_wrap ul li.floor_info{display:flex; flex-direction: row; flex-wrap: wrap; margin-top: 10px;}
.space_wrap ul li.floor_info a{position:relative; display:inline-block; width: 48%; height: initial; text-align:left; background: #f1f1f1; color:#999; transition:all 0.2s; margin: 1%; border:1px solid transparent;}
.space_wrap ul li.floor_info a:hover{color:#213756; background: #fff; border-color:#213756;box-shadow:0 0 7px 0 rgba(33,55,86,0.7);}
.space_wrap ul li.floor_info a:hover .tit:after{opacity:1;}
.space_wrap ul li.floor_info a:on{}

.space .tab_menu_line{}
.space .tab_menu_line ul{display:flex;}
.space .tab_menu_line ul li{flex:1;}
.space .tab_menu_line ul li a{padding: 10px;}

.floor_tab{margin: 0 0 80px;}
.space .floor_forcus .slick-arrow{}
.space .floor_forcus .slick-next{right: -6%;}
.space .floor_forcus .slick-prev{left: -6%;}

.space .floor_forcus{max-width:1100px; width: 100%; margin: 0 auto;}
.space .floor_forcus li{margin: 0 10px; cursor:pointer;}
.space .floor_forcus li.slick-slide{opacity:0.3; padding: 2px;}
.space .floor_forcus li.slick-slide img{margin: 0 auto;}
.space .floor_forcus li.slick-active{}
.space .floor_forcus li.slick-current{opacity:1; background: #fdfdfd; box-shadow:0 0 5px 3px rgba(0,0,0,0.2);}

.space_tab ul{display:flex; flex-wrap:wrap; border-bottom:none;}
.space_tab li{width:calc(100% / 5);}
.space_tab li a.on{display:block; color:#00a7e7; border:none; border-bottom:5px solid #00a7e7;}
.space_tab li a{font-family: 'Pretendard-Bold'; color:#ccc; font-size:21px; background:none; border:none; border-bottom:5px solid #fff; transition:0.2s;}
.space_tab li a:hover{border-bottom:5px solid #00a7e7; color:#00a7e7; background:none;}


.over_view{display:none; width: 100%; height: 100%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9998; padding: 0 4%;}
.over_view::after{display:block; width: 100%; height: 100%; position:absolute; top:0; left: 0; content:''; background: rgba(0,0,0,0.8); z-index:-1;}
.over_view ul{max-width:60%; top:50%; transform:translate(0,-50%); margin: 0 auto;}
.over_view ul li{}
.over_view ul li.slick-current{}
.over_view ul .slick-arrow{z-index:9999; /* color:#fff; font-size:16px; font-weight:bold; text-indent: 0; background: none; transition:all 0.2s; */}
.over_view ul .slick-arrow:hover{letter-spacing: 2px;}
.over_view ul .slick-next{background: url(/img/2022/sub/floor/arr_slide_next)no-repeat; background-size: 17px auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -8%;}
.over_view ul .slick-prev{background: url(/img/2022/sub/floor/arr_slide_prev)no-repeat; background-size: 17px auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -8%;}
.over_view ul li img{margin: 0 auto;}
.over_view a{position:absolute; top:4%; right: 2%; display:inline-block; width: 24px; height: 24px; background: url(/img/2022/sub/floor/floor_close.png)no-repeat;}
.over_view a span{color:#fff; font-weight:bold; font-size:14px; color: #fff; font-weight: bold; font-size: 16px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); transition:all 0.3s; opacity:0;}
.over_view a:hover span{left: -56px; opacity:1;}

.floor_info{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin: 4% auto 0;}
.floor_info:first-of-type{margin: 0;}
.floor_info h4{flex:unset; width: 100%; margin: 0 !important;}
.floor_info ul{width: 100%; padding: 0; margin: 2% 0;}
.floor_info li{display: flex;flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: flex-end; text-align:left;}
.floor_info li + li{margin-top: 1%; padding-top: 1%; border-top: 1px dashed #eee;}
.floor_info li span{display:inline-block;}
.floor_info li span.tit{width: 100%; position:relative; padding: 0 0 0 25px;  font-size:18px;  font-family: 'Pretendard-Medium';}
.floor_info li span.tit::after{display:block; width: 17px; height: 17px; content:''; position:absolute; top:50%; left: 0; transform:translate(0,-50%);}
.floor_info li.info_lounge span::after{background: url(/img/2022/sub/floor_icon02.png)no-repeat; background-size:cover;}
.floor_info li.info_object span::after{background: url(/img/2022/sub/floor_icon01.png)no-repeat; background-size:cover;}
.floor_info li.info_money span::after{background: url(/img/2022/sub/floor_icon03.png)no-repeat; background-size:cover;}
.floor_info li span.info{width: 100%; margin-top: 0.5%; text-align:left; font-size:15px; font-family: 'Pretendard-Light';}

/* .space_wrap ul li.floor_info a:after{opacity:0; display:block; content:''; position:absolute; bottom:13px; right: 2%;  background: url(/img/2022/sub/space_arrow.png)no-repeat; background-size:contain; width: 20px; height: 15px; transition:all 0.2s;} */
.space_wrap ul li.floor_info a > span{display:inline-block; width: 100%;}
.space_wrap ul li.floor_info a > span.tit{position:relative; padding: 15px 2%; font-size:16px;}
.space_wrap ul li.floor_info a > span.tit:after{opacity:0; display:block; content:''; position:absolute; top:19px; right: 2%; background: url(/img/2022/sub/space_arrow.png)no-repeat; background-size:contain; width: 20px; height: 15px; transition:all 0.2s;}
.space_wrap ul li.floor_info a > span.img{max-height:340px; padding: 0; text-align:center; overflow:hidden;}

/* 생활문화제 -------------------------*/

/* 시민향유 -------------------------*/
.home_btn{display: block; width: 35%; margin: 40px auto 0; font-size: 1.3em; padding: 2% 1%; background: #fdc05d; color: #fff; text-align:center;}
.citi_top_box{margin:20px 0; font-size:1.25em; color:#3a5ba9; text-align:center}
.citi_contest_wrap{margin-top:30px}
.citi_contest_wrap .citi_poster_wrap{float:left; width:40%; }
.citi_contest_wrap .citi_info_wrap{float:right; width:58%}
.citi_contest_wrap .citi_info_wrap .guide_info_list > li{padding:12px 0; }
.citi_contest_wrap .citi_info_wrap .guide_info_list > li > .tit{top:12px}
.citi_contest_wrap .citi_info_wrap .guide_info_list > li > .info{padding:0; padding-top:40px; padding-left:10px; }
.youtube_link_list{margin-top:3px; padding:5px; }
.youtube_link_list li{float:left; width:33.33%; padding:1px 0}
.youtube_link_list li a{display:block; font-size:0.85em; color:#777; transiiton:all 0.3s}
.youtube_link_list li a:hover{text-decoration:underline;}
.youtube_link_list li a .date{display:inline-block; width:60px; margin-right:3px; background:#fafafa; text-align:center}

.busking_wrap .citi_poster_wrap{float:left; width:55%; }
.busking_wrap .citi_info_wrap{float:right; width:43%}
.busking_about{padding:10px 20px 20px}
.busking_about li{margin-top:5px;}
.busking_list li{float:left; width:50%; padding:1px 0; font-size:0.85em; }
.busking_list li .date{display:inline-block; width:140px; margin-right:3px; background:#fafafa; text-align:center}

.cult_card_wrap{margin:0 0 40px; padding:40px 30px; background:#f6f6f6; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;  }
.cult_card_wrap .img_wrap{float:left; width:38%; }
.cult_card_wrap .info_wrap{float:right; max-width:670px; width:60%}
.cult_card_wrap .info_wrap .top_tit{margin:0 0 30px; font-size:1.5em; font-weight:300; color:#3a5ba9; text-align:center}
.cult_card_wrap .info_wrap .guide_info_list{margin-top:20px}

.card_issue_list{margin:0 0 10px}
.card_issue_list > li{float:left; width:48%; height:400px; margin:0 0.5% 1%; padding:30px 20px; border:1px solid #ddd;}
.card_issue_list li .tac{display:block; }
.card_issue_list li .guide_info_list{margin-top:30px; }
.card_issue_list li .guide_info_list > li > .tit{}
.card_issue_list li .guide_info_list > li > .info{padding:0; padding-top:35px; }

.issue_tit{display:inline-block; margin:0 auto; border-top:1px solid #f36c5d; border-bottom:1px solid #f36c5d; font-size:1.3em; line-height:2em;  color:#f36c5d}
.citizen .use_sub_tit{display:inline-block; width:190px; margin:10px 0 5px; padding:0 1%; background:#fdc05d; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; font-size:1.1em; line-height:30px; font-weight:500; text-align:center; }
.tk_use_table img{min-width:120px; }

.citiz_pro li .tit{padding:30px 3px; font-size:1.05em;}

.card_sns_list li{float:left; width:50%; padding:0 10px; }
.card_sns_list li a{display:block; padding:8px; padding-right:30px}
.card_sns_list li a.sns_kakao{background:#ffde00; color:#3c1e1e; }
.card_sns_list li a.sns_fb{background:#4267b2; color:#fff; }
.card_sns_list li a .sns_icon{display:block; float:left; height:30px; margin-right:15px; }
.card_sns_list li a .sns_icon img{width:auto; height:30px}
.card_sns_list li a .tit{display:block; float:right; font-size:1.05em; line-height:30px; transition:all 0.3s}
.card_sns_list li a:hover  .tit{text-decoration:underline}
.card_sns_list li a .tit > span{font-size:0.85em;}

.card_info_img{display:block; max-width:1000px; width:100%; margin:20px auto}

.bom_result_list{}
.bom_result_list li{float:left; width:49%; margin:1% 0.5%;}
.bom_result_list li:nth-child(2n+1){clear:both}
.bom_result_list li a{display:block;}
.bom_result_list li a span{display:block;}
.bom_result_list li a .img{float:left; width:55%; padding-top:38%; text-align:center}
.bom_result_list li a .info_wrap{float:right; width:45%; padding:20px; }
.bom_result_list li a .type{display:inline-block; padding:2px 8px; border:1px solid #aaa; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; font-size:0.8em; color:#888}
.bom_result_list li a .title{margin:10px 0 30px; font-size:1.15em; font-weight:700}
.bom_result_list li a .name{margin-top:5px; font-size:0.95em}

.result_list{}
.result_list li{float:left; width:24%; margin:10px 0.5%;}
.result_list li:nth-child(4n+1){clear:both}
.result_list li a{display:block;  text-align:center}
.result_list li a span{display:block;}
.result_list li a .img{padding-top:60%;}
#port_5 .result_list li a .img{padding-top:110%;}
.result_list li a .type{display:inline-block; margin:15px 0 5px; padding:2px 8px; border:1px solid #aaa; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; font-size:0.8em; color:#888}
.result_list li a .title{padding:0 5px; font-size:1.15em; font-weight:700;}
.result_list li a .name{margin-top:5px; font-size:0.95em}


.result_view{max-width:1180px; width:100%; margin:0 0 30px; }
.result_view .result_left{float:left; width:45%; vertical-align:top}
.result_view .result_left a{display:block; width:100%}
.result_view .result_right{float:right; width:52%;}
.result_view .result_right .result_top{font-size:1.1em;}
.result_view .result_right .result_top .cate{font-size:1.2em; font-weight:700}
.result_view .result_right .result_top .type{display:inline-block; margin:10px 0; padding:3px 20px; border:1px solid #aaa; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; font-size:0.9em; color:#888}
.result_view .result_right .result_top .name{margin:20px 0 5px}
.result_view .result_right .result_top .local{margin:0 0 25px; font-size:0.9em; color:#888}
.result_view .result_right .contest_copy{margin-top:50px; padding:5px 20px; background:#fafafa; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; text-align:center}

.essay_wrap .result_left{display:none}
.essay_wrap .result_right{float:none; width:100%; padding-left:3%; vertical-align:top}
.essay_content{max-width:1100px; width:100%; margin:40px auto 0; line-height:1.5em;}

/* 생활문화숲 -------------------------*/


/* 뉴스레터 */
.news_mane{margin:2% 0 4%;}
.news_mane ul{display:flex;}
.news_mane ul li{flex:1;}
.news_mane ul li + li{margin-left: 2%;}
.news_mane ul li a{display:inline-block; width: 100%; height: 100%; border:0; padding-bottom: 2%; border-bottom:2px solid #ccc; color: #ccc; font-weight: 600; font-size:21px; text-align:center; transition:all 0.2s;}
.news_mane ul li a:hover{letter-spacing: 4px; color:#ccc;}
.news_mane ul li.on a{border-bottom: 2px solid #0093e9; color: #0093e9; background: none;}


/* 유튜브 반응형 */
.youtube {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow: hidden;}
.youtube iframe,.youtube object,.youtube embed {position:absolute;top: 0;left:0;width:100%;height:100%;}


/* 230609 운영사업*/
.guide_box {margin:30px 0;padding-bottom:30px; position:relative; }
.guide_box:after{content:''; position:absolute;    bottom:-50px; left:50%; transform: translateX(-50%); background: url('/img/2023/sub/vis_arrow_2.png')  center no-repeat; width:190px; height:85px; background-size: 45%;}
.guide_box .full{padding:15px;border-radius:5px;margin-bottom:8px; background:rgba(255,255,255,.3); color:#5884b1;border: 1px solid #aac9e8; text-align:center;}
.guide_box .track{display:flex; justify-content: space-between; text-align:center;}
.guide_box .track > li{width:calc(100% / 4 - 40px); position:relative;}
.guide_box .track > li:after{content:''; position:absolute;     right: -50px;  top: 50%; transform: translateY(-50%); background: url('/img/2023/sub/vis_arrow_3.png') right center no-repeat; width:50px; height:50px;background-size: 70%;}
.guide_box .track > li span{color:#fff; display:block; padding:15px; border-radius:5px;}
.guide_box .track > li p{ border: 1px solid #eee;padding: 10px; margin-top: 5px;  background: #fafafa; border-radius:5px;}
.guide_box .track > li > div{ border: 1px solid #eee;padding: 10px; margin-top: 5px;  background: #fafafa; border-radius:5px;}
.guide_box .track > li > div > .dot_list li{text-align:left;}
.guide_box .track > li > div > .dot_list li:before{top:7px;}
.guide_box .track > li:nth-child(1) span{background:#449a97;}
.guide_box .track > li:nth-child(2) span{background:#3c67b7;}
.guide_box .track > li:nth-child(3) span{background:#00349b;}
.guide_box .track > li:nth-child(4) span{background:#43b4c9;}
/* .guide_box .track > li:nth-child(4) { border: 1px solid #eee;padding: 10px;  background: #fafafa; border-radius:5px; display: flex; align-items: center;justify-content: center;} */
.guide_box .track > li:nth-child(3):after,
.guide_box .track > li:nth-child(4):after{background:none;}
.guide_info {padding-bottom:50px;}

.guide_box.type2:after{display:none;}
.guide_box .track.type2 {padding-bottom:10px;}
.guide_box .track.type2 > li{width:calc(100% / 2 - 10px);}
.guide_box .track.type2 > li:after{display:none;}
.guide_box .track.type2 > li em{font-style:normal; font-size:14px; background:#505050; color:#fff; border-radius:3px; display:inline-block; padding:1px 8px;}

.dot_list li{position: relative; padding-left: 15px; margin-bottom:0 !important;}
.dot_list li:before {content: '';  position: absolute; left: 0; top:12px;  width: 3px; height: 3px; background: #333; border-radius: 50px;}
.mt50 {margin-top:5rem;}


/* 230614 참여단체 팝업 */
.view_img {cursor:pointer;}
.view_img:hover{text-decoration: underline;}
.popup { display: none; position:fixed; width: 100%; height: 100%; top:0;left:0; /*background:rgba(0,0,0,0.5);*/  z-index: 99999;}
.popup-inner { position:absolute; width: 100vh; top:45%; left:50%; transform:translate(-50%, -50%); padding : 30px; background:#fff; box-shadow:2px 2px 12px 4px rgb(0 0 0 / 32%);}
.popup-inner.sec02{top:70%;}
.sub_content .popup-inner img{width:100%; margin:0;}
.popup-close{ position: absolute; display: block; top:10px; right: 10px; line-height:10px; font-size: 1.7rem; cursor: pointer;}
.popup-inner .tbl_wrap .tbl img{width:50%; margin: auto; display: block;}
.popup-inner .tbl_wrap .tbl td{text-align: left;}
.pop_list {display: flex; flex-wrap: wrap; border-top: 2px solid #333;}
.pop_list li {width: calc(100% / 4); display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 15px 10px; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.pop_list li img {max-width: 187px; width: 100%;}
.pop_list li:nth-child(4n+1) {border-left: none;}
.pop_list li dl {width: 100%; text-align: center;}

/* 교육신청 링크 */
.edu_link{position: relative; display: inline-block; padding: 6px 30px; color: #fff; background: linear-gradient(90deg, #007ac3 0%,#6b3087 100%); border-radius: 50px; transition: all .3s; font-size: 1rem;}


/*230920 생활문화주간*/
body.popBg{overflow: hidden;}
#root.popBg{}
#root.popBg::before{content:"";position: absolute;background:rgba(0,0,0,0.3);width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.dongne {text-align: left;}
.dongne .pop > h4 {margin: 20px 0; line-height: inherit; font-size: 1.75rem;}
.dongne .pop > h4::after {display: none;}
.dongne .map img[usemap] {height: auto; max-width: 100%; width: auto;}
.dongne .pop{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 95%;max-width:1000px;background:#fff;min-height: 70vh;max-height: 70vh;overflow-y: overlay; z-index: 2;  padding: 3rem; border-radius: 10px;}
.dongne .pop::-webkit-scrollbar {width: 5px;}
.dongne .pop::-webkit-scrollbar-thumb {background: #bbb; border-radius: 10px;}
.dongne .pop::-webkit-scrollbar-track {background: transparent;}
.dongne .pop .box_info{display: flex; flex-wrap: wrap;margin-top: 30px; border-top: 2px solid #333;}
.dongne .pop .box_info .row{width: calc(100% / 2); display: flex; flex-wrap: wrap; align-content: flex-start; gap: 10px; border-bottom: 1px solid #ddd; padding: 12px 15px; position: relative;}
.dongne .pop .box_info .row:nth-child(2n+2) {border-left: 1px solid #ddd;}
.dongne .pop .box_info .row .tit{width: 30%;  font-weight: 600; font-size: 1rem; line-height: 1.25; position: relative;}
.dongne .pop .box_info .row .tit::before {content: ""; width: 0; height: 10px; border-right: 1px solid #ddd; position: absolute; top: 5px; right: 0;}
.dongne .pop .box_info .row .info{width: calc(70% - 10px); font-size: 1rem; line-height: 1.25;}
.dongne .pop .box_info .row .info ul.bullet_dot{margin-top: -10px;}
.dongne .pop .box_info .row .info ul li{}
.dongne .pop .box_info .slide{margin-top: 30px;}
.dongne .pop .box_info .slide .slick-prev {background: url(/img/2023/sub/ico_leftPopup.svg) center center no-repeat!important; width: 50px; height: 50px; background-size: cover!important; left: 15px!important;}
.dongne .pop .box_info .slide .slick-next {background: url(/img/2023/sub/ico_rightPopup.svg) center center no-repeat!important; width: 50px; height: 50px; background-size: cover!important; right: 15px!important;}
.dongne .pop .box_info .slide button.slick-disabled {opacity: .4;}
.dongne .pop .box_info .slick-slide > div > div {width: 100%; padding-top: 48.5%; position: relative; text-align: center; border: 1px solid #ddd; background: #dedede;}
.dongne .pop .box_info .slick-slide > div > div img {width: 100%; height: 100%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.dongne .pop .box_info .slick-slide > div > div span {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; background: rgba(0,0,0,.5); color: #fff; padding: 15px; width: 100%;}
.dongne .pop_close{position: absolute; right: 3rem; top: calc(3rem + 20px); background: url(/img/2023/sub/ico_closePopup.svg) center center no-repeat; background-size: cover; font-size: 0; width: 30px; height: 30px;}


/* 240401 */
.lg_block{display:block;}


/*교육신청*/
.edu_list {display: grid; gap: 1.5rem; grid-template-columns:1fr 1fr 1fr;}
.edu_list .edu_item a {display: block; width: 100%; height: 100%; border-radius: 10px; overflow: hidden;}
.edu_list .edu_item a .thum {width: 100%; height: 0; padding-top: 62.5%; position: relative; background:#f2f4fa;}
.edu_list .edu_item a .thum img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.edu_list .edu_item a .thum img.no_img {max-width:60%; height:auto; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity:.3;}
.edu_list .edu_item a .thum .sort {position:absolute; right:15px; top:15px;}
.edu_list .edu_item a .thum .sort span {/*background:#8d8d8d;*/ border:0;}
.edu_list .edu_item a ul {padding: 1.5rem; background: #f9fafb;}
.edu_list .edu_item a ul li {display:flex; font-size:.95rem; margin-top:10px;}
.edu_list .edu_item a ul li:first-child {margin-top:0;}
.edu_list .edu_item a ul li .tit {min-width:100px;}
.edu_list .edu_item a ul li .txt {color:#666; width:calc(100% - 100px);}
.edu_list .edu_item a ul li .txt span {display:inline-block; background: #fff !important;font-size: 0.85em;padding: 3px 5px;border: 1px solid #ced0d7; margin-left:3px;}
.edu_list .edu_item a ul li .title {font-size: 1.15rem;font-weight: 700;line-height: 1.4;margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;word-wrap: break-word;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 55px;color: #111;font-weight: 600;}

.edu_view {position:relative; display:flex;justify-content: space-between;background: #f9fafb;padding: 3rem;margin-bottom:2rem;}
.edu_view .edu_item {display: block; width: 35%; height: 100%; border-radius: 10px; overflow: hidden;}
.edu_view .edu_item .thum {width: 100%; height: 0; padding-top: 62.5%; position: relative; background:#f2f4fa;}
.edu_view .edu_item .thum img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.edu_view .edu_item .thum img.no_img {max-width:60%; height:auto; left: 50%; top: 50%; transform:translate(-50%,-50%); opacity:.3;}
.edu_view .info {width:calc(100% - 40%);}
.edu_view .info h4 {margin:0; font-size:1.6rem;}
.edu_view .info h4:after {display:none;}
.edu_view .info h4 .sort {display:inline-block; }
.edu_view .info h4 .sort span {position:relative;background:#8d8d8d;border:0;cursor:default;font-size:1rem;display: inline-block;padding: 5px 10px;color: #fff;font-weight: 300;}
.edu_view .info .refer {padding:15px; background:#eaf8fe; margin:20px 0;}
.edu_view .info .refer:before {content:"!"; display:inline-block; border-radius:100%; border:2px solid #009feb; color:#009feb; width:15px; height:15px; margin-right:5px; text-align:center; line-height:15px; font-size:.8rem; font-weight:bold; vertical-align:1px;}
.edu_view .list_form li {display:flex; margin-top:15px;}
.edu_view .list_form li:first-child {margin-top:0;}
.edu_view .list_form li span.info,.edu_view .list_form li span.tit {border:0; padding:0; float:none;}
.edu_view .list_form li span.tit {color:#000; font-weight:500; width:150px;}
.edu_view .list_form li span.tit:before {content:""; display:inline-block; width:4px; height:4px; background:#009feb; margin-right:7px; vertical-align:middle;}
.edu_view .list_form li span.info {color:#444;}
.edu_view .btn {position:absolute; right:0; bottom:0; border-radius:0; background:#206de1; opacity:.9;}
.edu_view .btn:hover {opacity:1; transition:.2s;}


@media (max-width: 1060px) {

	/*인사말*/
	.ceo .title {text-align: center;}
	.ceo .title h1 {font-size:2rem;}
	.ceo .img {height:300px;}
	.ceo .img:before {position:relative; content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9;}
	.ceo .info {right:auto; bottom:auto; top:50%; left:50%; transform:translate(-50%,-50%); z-index:9; width:100%; height:auto; text-align:center; padding:0 20px; background:none;}
	.ceo .info h2 { font-size:2rem;}
	.ceo .info p {font-size:1rem;}
	.ceo .txt {flex-wrap:wrap;}
	.ceo .txt p {font-size:1.1rem;}
	.ceo .txt .txt_wrap {width:100%;}

	/*교육신청*/
	.edu_list {grid-template-columns:1fr 1fr;}

	.edu_view {padding:2rem;}
	.edu_view .edu_item {width:45%;}
	.edu_view .info {width:calc(100% - 50%)}
	.edu_view .info h4 {font-size:1.4rem;}
	.edu_view .info h4 .sort span {font-size:.9rem; margin:0;}
	.edu_view .list_form li span.info {width:calc(100% - 130px)}
	.edu_view .btn {position:relative;display: flex;justify-content: center;margin-top: 1.5rem;padding: 10px;font-size: 1rem;}

}

@media (max-width: 767px) {
	.guide_box_01{padding-bottom:10px;}
	.guide_box_01 .track{flex-wrap:wrap;}
	.guide_box_01 .track li{width:100%; padding-bottom:40px;}
	.guide_box_01 .track li:after{bottom:-5px; top:inherit; left:50%; transform: translateX(-50%);background: url('/img/2023/sub/vis_arrow_2.png')  center no-repeat; width:100px; background-size: 70%; }
	.guide_box_01:after{width:100px; height:50px; background-size: 70%; }
	.dot_list li:before {top: 10px;}
	.sm_block{display:block;}
	.lg_block{display:inline;}

	/*인사말*/
	.ceo {margin-bottom:0;}
	.ceo .title {margin:40px 0px;}
	.ceo .title h1 {font-size:1.6rem;}
	.ceo .title h1:before,.ceo .title h1:after {width:23px; height:20px; background-size:cover;}
	.ceo .title h1:before {margin-right:10px; }
	.ceo .title h1:after {margin-left:10px;}
	.ceo .img {height:250px;}
	.ceo .info {padding:30px;}
	.ceo .info h2 { font-size:1.6rem;}
	.ceo .txt {flex-wrap:wrap;}
	.ceo .txt p {font-size:1rem;}
	.ceo .txt .txt_wrap {width:100%;}
	.ceo .txt .txt_wrap p:first-child {margin-top:0;}

	/* 230614 참여단체 팝업*/
	.popup-inner{width: 90vw; overflow-y: scroll;}
    .popup-inner .tbl_wrap .tbl img {width: 100%;}
	.pop_list li {width: calc(100% / 2);}
    .pop_list li:nth-child(2n+1) {border-left: none;}

	/*230920 생활문화주간*/
	.dongne .pop {padding: 1.5rem;}
	.dongne .pop > h4 {font-size: 1.5rem;}
	.dongne .pop .box_info .row{width: 100%;}
	.dongne .pop .box_info .row:nth-child(2n+2) {border-left: 0;}
	.dongne .pop_close {top: calc(1.5rem + 20px); right: 1.5rem;}

	/*교육신청*/
	.edu_view {flex-wrap:wrap;}
	.edu_view .edu_item {width:60%; margin:0 auto 2rem auto;}
	.edu_view .info {width:100%;}
	.edu_view .list_form li {margin-top:10px;}
	

	

}

@media (max-width: 566px) {
	/* 230614 참여단체 팝업*/
	.popup-inner{top:30%;}
	.popup-inner.sec02{top:80%;}

	/*230920 생활문화주간*/
	.dongne .pop .box_info .row .tit {width: 100%; font-size: .9375rem; line-height: inherit;}
	.dongne .pop .box_info .row .tit::before {display: none;}
	.dongne .pop .box_info .row .info {width: 100%;}
	.dongne .pop .box_info .slide .slick-prev {width: 30px; height: 30px;}
	.dongne .pop .box_info .slide .slick-next {width: 30px; height: 30px;}

	/*교육신청*/
	.edu_list {gap:1rem;}
	.edu_list .edu_item a ul {padding:1rem;}
	.edu_list .edu_item a ul li {display:block;}
	.edu_list .edu_item a ul li .title {font-size:1.1rem; line-height:1.6rem;}
	.edu_list .edu_item a ul li .tit {min-width:100%;}
	.edu_list .edu_item a ul li .txt {width:100%; margin-top:5px;}

	.edu_view .edu_item {width:90%;}

}

@media (max-width: 459px) {

	.edu_link{font-size:.9rem; padding:0 5px;}

	/*교육신청*/
	.edu_list {grid-template-columns:1fr;}
	.edu_list .edu_item a ul {padding:1.3rem;}
	.edu_list .edu_item a ul li {display:flex; margin-top:5px;}
	.edu_list .edu_item a ul li .tit {min-width:100px;}
	.edu_list .edu_item a ul li .txt  {width:calc(100% - 100px); margin-top:0px;}

	.edu_view {padding:1.5rem;}
	.edu_view .edu_item {width:100%;}
	.edu_view .info h4 {font-size:1.3rem;}
	.edu_view .list_form li span.tit {width:110px;}
}


/* .dongne-wrap {display:flex;} */
#map{width:100%;height:700px; position:relative;}
.info-map{}
.dongne-list{width:100%;}
.dongne-list li.active ul {display: block;}
.dongne-list .depth01 {display:flex; gap:10px;}
.dongne-list .depth01 > li {position:relative; cursor:pointer; flex: 1;}
.dongne-list .depth01 > li > span{position: relative; color:#333;text-align:center; display:block;padding:15px;border-radius:10px; background:#fff; margin-bottom:10px; box-shadow:0 4px 16px rgba(0,0,0,.05); font-weight:600; transition: all .2s;}
.dongne-list .depth01 > li > span:before,
.dongne-list .depth01 > li > span:after{content: "";position: absolute;top: 23px; right:1rem; display: block;width: 10px;height: 2px;background: #777; border-radius: 1px; display:none;}
.dongne-list .depth01 > li > span:after{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}
.dongne-list .depth01 > li > span:hover,
.dongne-list .depth01 > li > span.active{background:#539b34; color :#fff;}
.dongne-list .depth01 > li > span:hover:after,
.dongne-list .depth01 > li > span:hover:before,
.dongne-list .depth01 > li > span.active:after,
.dongne-list .depth01 > li > span.active:before{background:#fff;}
.dongne-list .depth01 > li:first-child > span:before,
.dongne-list .depth01 > li:first-child > span:after{display:none;}
.dongne-list .depth01 .depth02{display:none;}
.dongne-list .depth02{padding: 15px;  margin-bottom:10px; display:flex; flex-wrap:wrap; background:#fff;box-shadow: 0 4px 16px rgba(0, 0, 0, .05); border-radius:10px; justify-content: center; gap:20px;}
.dongne-list .depth02 li{}
.dongne-list .depth02 li span{cursor:pointer; display:block; position:relative;  font-weight: 600; padding:5px 0;}
.dongne-list .depth02 li span:before{content:''; width:5px; height:2px; display:inline-block; background:#1c50a3; position:absolute; left:0; top:12px; display:none;}
.dongne-list .depth02 li span:hover{color:#3e8438;}
.label{display:inline-block; padding:3px;    font-style: normal; font-size: .9rem; border-radius:3px; color:#fff; margin-right:5px;font-weight: 500;}
.label.a{background:#e59f01;}
.label.b{background:#56b4e8;}
.label.c{background:#009f73;}
.label.d{background:#0072b1;}
.label.e{background:#d55d00;}
.label.f{background:#ce78a9;}
.label.g{background:#8aa1ec;}
.label.h{background:#858274;}
.label.i{background:#896cc8;}
.label.j{background:#002863;}
.label.k{background:#90b4b2;}

.info-box {background:#fff; padding:50px; position:relative;/*  position:absolute; z-index:100; */  ; margin-top:20px;    box-shadow: 0 4px 16px rgba(0, 0, 0, .05);}
.info-box .info-tit strong{font-size:30px;}
.info-box .link-group {padding-left:10px; display: flex; align-items: center;}
.info-box .link-group a{width:30px; height:30px; display:inline-block;}
.info-box .link-group a.ico-blog{background:url('/img/2023/sub/blog.svg') no-repeat;}
.info-box .link-group a.ico-instagram{background:url('/img/2023/sub/instagram.svg') no-repeat;}
.info-box .link-group a.ico-youtube{background:url('/img/2023/sub/youtube.svg') no-repeat;}
.info-box .link-group a.ico-facebook{background:url('/img/2023/sub/facebook.svg') no-repeat;}
.info-box .close{width:40px; height:40px; background:url('/img/2023/sub/ico-close.svg') no-repeat; border:0; position: absolute; right: 40px; top: 40px; cursor: pointer; display:none;}
.info-tit {display:flex; align-items:center;}
.info-tit .homepage{display:inline-block; padding:5px 10px; margin-left:10px; border-radius:50px; border:1px solid #555; font-size:.95rem; transition:all .2s;}
.info-tit .homepage:hover{background:#2052a0; color:#fff; border:1px solid #2052a0;}
.info-contact{display:flex; padding:15px 0; }
.info-contact li{position:relative;}
.info-contact li+li{margin-left:30px;}
.info-contact li:before{content: ''; position: absolute; width: 1px; height: 10px; background: #999;  left: -15px; top: 5px; vertical-align: bottom;}
.info-contact li:first-child:before{display:none;}
.info-contact li.tel{color:#666; background: url("/img/2023/sub/ico_tel.svg") left center no-repeat; padding-left: 20px; }
.info-contact li.mail{color:#666; background: url("/img/2023/sub/ico_mail.svg") left center no-repeat; padding-left: 20px;}
.info-contact li.address{color:#666; background: url("/img/2023/sub/ico_map.svg") left center no-repeat; padding-left: 20px;}
.info-contact li.homepage a{display: inline-block;border: 1px solid #777777;color: #777;padding: 0 10px; margin-right: 5px;margin-bottom: 5px;}
.info-contact .blind{position:absolute;}
.info-contact .txt {display: inline-block; }
.info-etc{display:flex;}
.info-etc li{display:flex;}
.info-etc li+li{padding-left:50px;}
.info-etc li span{  display: inline-block; font-weight: 600; vertical-align: top; color: #444; position: relative; padding-right:30px; }
.info-etc li p{ display: inline-block; color:#555;}
.info-intro li{padding-top:15px;}
.info-intro span{font-weight: 600;; color: #444; display:block; padding-bottom:5px;}
.info-intro p {color:#555;}
.info-box .slide{margin-top: 30px;}
.info-box .slide .slick-prev {background: url(/img/2023/sub/ico_leftPopup.svg) center center no-repeat!important; width: 50px; height: 50px; background-size: cover!important; left: 15px!important;}
.info-box .slide .slick-next {background: url(/img/2023/sub/ico_rightPopup.svg) center center no-repeat!important; width: 50px; height: 50px; background-size: cover!important; right: 15px!important;}
.info-box .slide button.slick-disabled {opacity: .4;}
.info-box .slick-slide > div > div {width: 100%; padding-top: 48.5%; position: relative; text-align: center; border: 1px solid #ddd; background: #dedede;}
.info-box .slick-slide > div > div img {width: 100%; height: 100%; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.info-box .slick-slide > div > div span {position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: block; background: rgba(0,0,0,.5); color: #fff; padding: 15px; width: 100%;}

@media (max-width: 991px) {
	.dongne-list .depth01{flex-wrap:wrap; gap:5px; padding-bottom:10px;}
	.dongne-list .depth01 > li{width:calc(100% / 5 - 4px);flex: none;}
	.dongne-list .depth01 > li > span{padding:15px 5px; margin-bottom:0;}
	.dongne-list .depth02{flex-wrap:wrap; gap:10px;}
	.dongne-list .depth02 li span{padding:0;}
	#map{height:500px;}
	.info-box{padding:20px;}
	.info-tit{flex-wrap:wrap;}
	.info-box .info-tit strong{font-size:1.6rem; padding:5px 10px 5px 0;}
	.info-tit .homepage{margin-left:0; }
	.info-contact{flex-wrap:wrap;}
	.info-contact li{width:100%;margin-bottom:5px;}
	.info-contact li+li{margin:0; }
	.info-contact li:before{display:none;}
	.info-etc{flex-wrap:wrap;}
.info-etc li{width:100%;}
	.info-etc li+li{padding-left:0; margin-top:5px;}

}