@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);

/* 공통 스타일
-----------------------------------------------------------------------------*/
body {font-size:13px;color:#333;line-height:1.8em;}
body, form {padding:0;margin:0;}
div, td, li {line-height:1.8em;}

hr { display:none;visibility:hidden; }

a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#333;text-decoration:none;}
a img {border:0;}

#contentDiv a[target] {padding-right:26px;background-image:url(/asset/images/icon_link.png);background-repeat:no-repeat;background-position:97% 50%;}
#contentDiv a[target].no-icon {padding-right:0;background-image:none;}
#contentDiv a[target].btn_big_map {padding-right:0;}

.form {border:1px solid #999;text-align:left;}
.t0 {text-decoration:none;}
.t1 {font-size:9pt;}
.bigtext {font-size:13pt;}
.bodytext {font-size:9pt;line-height:25px;}
.bodytext1 {font-size:9pt;line-height:16px;}
.bodytext2 {font-size:8pt;line-height:16px;}
.bold {font-size:9pt;font-weight:bold;}

.top-menu {font-size:8pt;}
.top-menu a:link,
.top-menu a:visited,
.top-menu a:hover {color:#9D9D9D ! important;text-decoration:none;}

.invisible {text-indent:-200px;height:1px;width:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;position:absolute;left:-1000px;top:-1000px;visibility:hidden;overflow:hidden;}

a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;}
a.button span {display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;}





/* 서브 공통
-----------------------------------------------------------------------------*/


#contentDiv {font-family:'nanumgothic';clear:both;width:1140px;min-height:400px; margin: 0 auto;padding:0;text-align:left;color:#000;}
/*#contentDiv * {font-family:'nanumgothic';}*/
#contentDiv * {font-size:16px;line-height:1.7;}
#contentDiv img {max-width:100%;}
#contentDiv .hide {overflow:hidden;display:inline-block;width:1px;height:1px;/*약도오른쪽텍스트 안나오는 현상으로 가려둠font-size:1px;text-indent:-3000px;*/}



#contentDiv .img_full {-webkit-overflow-scrolling:touch;position:relative;}
#contentDiv .img_full img {margin:0 !important;}
#contentDiv .img_full.on img {max-width:none;/*max-width:600px;*/}
#contentDiv .img_full .cover {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:url(/asset/images/enlarge.gif) no-repeat 100% 0;box-sizing:border-box;border:solid 1px #ccc;}

    @media (max-width:991px){
    /*#contentDiv * {font-family:'nanum gothic';}*/
    }

    @media (max-width:575px){
    #contentDiv {min-height:auto;}
    #contentDiv * {font-size:14px;line-height:1.4;}
    #contentDiv .img_full img {margin-top:20px !important;}
    }



/* 서브 콘텐츠
-----------------------------------------------------------------------------*/

.facility_topimg { margin: 40px 0 20px 0;}
.facility_topimg img { width: 100%; border-radius: 30px;}


    @media (max-width:575px){
    .facility_topimg { margin: 20px 0 0 0;}
    .facility_topimg img {border-radius: 10px;}  
    }

/* 콘텐츠 기본 속성 */
.business {clear:both;overflow:hidden;width:100%;padding:20px 0 0 0;}
.business dt {padding:2px 0 10px 35px;font-size:18px !important;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 7px;}
.business dt strong {color:#f00;font-size:18px !important;font-weight:600;}
.business dt span { float:right;padding:0;font-size:13px;font-weight:500;color:#000;}
.business dd {padding:0 0 0 35px;margin:0; font-size:16px;}
.business dd img {margin:10px 0;}
.business dd.none {padding:0;margin:0;}
.business dd p strong { font-weight: 600;}
.business dd ol {padding:0 0 0 20px;margin:0 0 0 0px;}
.business dd ol li {list-style: auto;}
.business dd ul {padding:0 0 0 5px;margin:0;list-style:none;font-size:16px;}
.business dd ul li { padding:6px 0 5px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;}
.business dd ul li ol {padding:0 0 0 25px;}
.business dd ul li ol li {padding:6px 0 5px 0; background-image:none; list-style: auto;}
.business dd ul li span.text1 {font-weight:600;color:#005CC2;}
.business dd ul li ul {padding:0;margin:5px 0;list-style:none;}
.business dd ul li ul strong{font-weight:600;}
.business dd ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet1.gif) no-repeat 3px 14px;}
.business dd ul li ul li ol {padding:0;margin:0;list-style:none; background-image:none;}
.business dd ul li ul li ol li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet2.gif) no-repeat 3px 14px;}
.business dd ul li ul li ul {padding:0;margin:0;list-style:none;}
.business dd ul li ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet2.gif) no-repeat 3px 14px;}


.business dt.no1{padding-left:40px;background:url(/guide/sub2/images/icon_01.png) no-repeat 0 0;}
.business dt.no2{padding-left:40px;background:url(/guide/sub2/images/icon_02.png) no-repeat 0 0;}
.business dt.no3{padding-left:40px;background:url(/guide/sub2/images/icon_03.png) no-repeat 0 0;}
.business dt.no4{padding-left:40px;background:url(/guide/sub2/images/icon_04.png) no-repeat 0 0;}
.business dt.no5{padding-left:40px;background:url(/guide/sub2/images/icon_05.png) no-repeat 0 0;}
.business dt.no6{padding-left:40px;background:url(/guide/sub2/images/icon_06.png) no-repeat 0 0;}
.business dt.no7{padding-left:40px;background:url(/guide/sub2/images/icon_07.png) no-repeat 0 0;}
.business dt.no8{padding-left:40px;background:url(/guide/sub2/images/icon_08.png) no-repeat 0 0;}
.business dt.no9{padding-left:40px;background:url(/guide/sub2/images/icon_09.png) no-repeat 0 0;}
.business dt.no10{padding-left:40px;background:url(/guide/sub2/images/icon_10.png) no-repeat 0 0;}
.business dt.no11{padding-left:40px;background:url(/guide/sub2/images/icon_11.png) no-repeat 0 0;}
.business dt.no12{padding-left:40px;background:url(/guide/sub2/images/icon_12.png) no-repeat 0 0;}
.business dt.no13{padding-left:40px;background:url(/guide/sub2/images/icon_13.png) no-repeat 0 0;}
.business dt.no14{padding-left:40px;background:url(/guide/sub2/images/icon_14.png) no-repeat 0 0;}

.business dt.no15{padding-left:40px;background:url(/guide/sub2/images/icon_15.png) no-repeat 0 4px;}
.business dt.no16{padding-left:40px;background:url(/guide/sub2/images/icon_16.png) no-repeat 0 4px;}
.business dt.no17{padding-left:40px;background:url(/guide/sub2/images/icon_17.png) no-repeat 0 4px;}

.business dd a { color: #005dc6;}

/* 콘텐츠 기본 속성(가로2단) */

.business_1 {float:left;width:49%;padding:20px 0 0 0;margin:10px 5px;}
.business_1 dt {padding:2px 0 10px 35px;font-size:18px !important;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 7px;}
.business_1 dd {padding:0;margin:0; font-size:15px;}
.business_1 dd img {margin:10px 0;}
.business_1 dd p {padding:10px;margin:0;}
.business_1 dd ul {padding:0 0 0 20px;margin:0;list-style:none;font-size:16px;}
.business_1 dd ul li { padding:6px 0 5px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;}
.business_1 dd ul li span.text1 {font-weight:600;color:#005CC2;}


/* 콘텐츠 기본 속성(왼쪽 이미미 조합) */

.business_2 {display: flex;align-items: flex-start;justify-content: flex-start;gap: 40px;width: 100%;box-sizing: border-box;}
.business_2 img {display: block;flex: 0 0 auto;max-width: 100%;height: auto;margin: 0;}
.business_2 dl { flex: 1 1 auto;min-width: 0;margin: 0;}
.business_2 dt {text-align: left;padding:2px 0 10px 35px;font-size:18px !important;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 7px;}
.business_2 dd {margin-left: 0;padding-left: 0;text-align: left !important;font-size:15px;}
.business_2 dd p {padding:10px;margin:0;}

.business_2 dd ul {padding:0 0 0 20px;margin:0;list-style:none;font-size:16px;}
.business_2 dd ul li { padding:10px 0 10px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 20px;}
.business_2 dd ul li span.text1 {font-weight:600;color:#005CC2;}
.business_2 dd ul li ul {padding:0;margin:5px 0;list-style:none;}
.business_2 dd ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet1.gif) no-repeat 3px 14px;}
.business_2 dd ul li ul li ol {padding:0;margin:0;list-style:none; background-image:none;}

/* 별도 블릿형 타이틀 */
.s_title {padding:2px 0 10px 35px;font-size:18px !important;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 7px;}



@media (max-width:1350px){
    #contentDiv {width:100%;}
    
    .business_1 {float:left;width:49%;padding:20px 0 0 0;margin:0 1% 0 0;}
    .business_1:nth-child(2) {width:50%; margin-right: 0;}
    .business_1 dt {padding:7px 0 10px 25px;font-size:16px !important; background-size: 18px;background-position-y:9px;}
}
@media (max-width:991px){
    



}
@media (max-width:575px){
    .business {padding:10px 0 0 0;}
    .business dt {padding:7px 0 10px 25px;font-size:16px !important; background-size: 18px;background-position-y:9px;}
    .business dt strong {color:#f00;font-size:16px !important;}
    .business dt span { width: 100%; font-size: 13px !important; line-height: 1.3 !important;}
    .business dd { padding: 0;}
    .business dd ul {padding:0 0 0 10px;}
    .business dd ul li {padding:6px 0 5px 15px; background-position-y:13px; }
    .business dd ul li ol {padding:0 0 0 10px;}
    .business dd ul li ul li {background-position-y:10px;}
    .business dd ul li ul li ol li {background-position-y:10px;}
    .business dd ul li ul li ul li {background-position-y:11px;}
    
    .business_1 {width:100%;}
    .business_1:nth-child(2){width:100%;}
    
    .business_1 dd ul li {background-position-y:12px;}
    
    .business_2 dt {padding:7px 0 10px 25px;font-size:16px !important; background-size: 18px;background-position-y:10px;}
    .business_2 dd ul li {background-position-y:12px;padding:5px 0 5px 15px;}
    
    .s_title {padding:7px 0 10px 25px;font-size:16px !important; background-size: 18px;background-position-y:9px;}
    
}




/* 별도 블릿 적용 (고객서비스 실천행동 강령) */

.stt {width:100%; margin:0 0 20px 0;padding:0 0 0 0;border:1px dotted #808080;}
.stt:after {content:"";clear:both;display:table;}
.stt dt {float:left; width:25%;padding:40px 0 0 40px;margin:0 0 10px 0;font-size:23px;font-weight:600;color:#474747;background:url(/asset/images/stt_title_bg.gif) no-repeat 40px 30px;}
.stt dd {float:right; width:67%;padding:30px 30px 30px 20px;margin:4px 0;line-height: 1.8;font-size:16px;}
.stt dd span{padding:0;margin:0;font-size:13px;font-weight:600; color:#663300;}
.stt dd ul {padding:0;margin:0;list-style:none;}
.stt dd ul li {padding:10px 0 10px 25px;list-style:none;background:url(/asset/images/s_bulet1.gif) no-repeat 10px 22px;}
.stt dd ol {padding:0;margin:0;list-style:none;}
.stt dd ol li {padding:10px 0 10px 25px;list-style:none;background:url(/asset/images/s_bulet1.gif) no-repeat 10px 22px;}
.stt dd ol li ul {padding:0;margin:0;list-style:none;}
.stt dd ol li ul li{ padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet2.gif) no-repeat 3px 14px;line-height:1.8;}

.stt2 {width:100%; margin:0 0 20px 0;padding:0 0 0 0;border:1px dotted #808080;}
.stt2:after {content:"";clear:both;display:table;}
.stt2 dt {float:left; width:18%;padding:40px 0 0 40px;margin:0 0 10px 0;font-size:23px;font-weight:600;color:#474747;background:url(/asset/images/stt_title_bg.gif) no-repeat 40px 30px;}
.stt2 dd {float:right; width:73%;padding:30px 30px 30px 20px;margin:4px 0;line-height: 1.8;font-size:16px; letter-spacing:-1px;}
.stt2 dd span{padding:0;margin:0;font-size:13px;font-weight:600; color:#663300;}
.stt2 dd ul {padding:0;margin:0;list-style:none;}
.stt2 dd ul li {padding:10px 0 10px 25px;list-style:none;background:url(/asset/images/s_bulet1.gif) no-repeat 10px 22px;}
.stt2 dd ol {padding:0;margin:0;list-style:none;}
.stt2 dd ol li {padding:10px 0 10px 25px;list-style:none;background:url(/asset/images/s_bulet1.gif) no-repeat 10px 22px;}
.stt2 dd ol li ul {padding:0;margin:0;list-style:none;}
.stt2 dd ol li ul li{ padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet2.gif) no-repeat 3px 14px;line-height:1.8;}

.stt2 h4 { font-size:23px; color:#0053B0; padding:0; margin:0;}
.stt2 p { font-size:16px; font-weight:600;}

/* 별도 블릿 적용 (고객만족도) */

.stt1 {clear:both;overflow:hidden;width:100%;padding:0;}
.stt1 dt {padding:2px 0 10px 35px;font-size:18px;font-weight:600;color:#00890E;background:url(/asset/images/bulet_green.gif) no-repeat 0 4px;}
.stt1 dd {padding:0 0 0 35px;margin:0; font-size:15px;}
.stt1 dd span.text1 {font-weight:600;color:red;}
.stt1 dd img {margin:10px 0;}
.stt1 dd.none {padding:0;margin:0;}
.stt1 dd ol {padding:0 0 0 20px;margin:0 0 0 0px;}
.stt1 dd ul {padding:0;margin:0;list-style:none;font-size:16px;}
.stt1 dd ul li { padding:6px 0 5px 25px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 13px;}

#grap {clear:both;overflow:hidden;padding:20px;margin:40px 0 0 0;border:2px dashed #ddd;}
#grap.p0 {background:url(/opengov/sub3/images/s6_5_gra2015.jpg) no-repeat 95% 85%;}
#grap.p1 {background:url(/opengov/sub3/images/s6_5_gra2016.jpg) no-repeat 95% 85%;}
#grap.p2 {background:url(/opengov/sub3/images/s6_5_gra2017.jpg) no-repeat 95% 85%;}
#grap.p3 {background:url(/opengov/sub3/images/s6_5_gra2018.jpg) no-repeat 95% 85%;}
#grap.p4 {background:url(/opengov/sub3/images/s6_5_gra2019.jpg) no-repeat 95% 85%;}
#grap.p5 {background:url(/opengov/sub3/images/s6_5_gra2020.jpg) no-repeat 95% 85%;}
#grap.p6 {background:url(/opengov/sub3/images/s6_5_gra2021.jpg) no-repeat 95% 85%;}
#grap.p7 {background:url(/opengov/sub3/images/s6_5_gra2022.jpg) no-repeat 95% 85%;}
#grap.p8 {background:url(/opengov/sub3/images/s6_5_gra2023.jpg) no-repeat 95% 85%;}
#grap.p9 {background:url(/opengov/sub3/images/s6_5_gra2024.jpg) no-repeat 95% 85%;}
#grap.p10 {background:url(/opengov/sub3/images/s6_5_gra2025.jpg) no-repeat 95% 85%;}
    @media (max-width:991px){
    #grap.p1,
    #grap.p2,
    #grap.p3,
    #grap.p4,
    #grap.p5,
    #grap.p6,
    #grap.p7,
    #grap.p8 { background-image: none;}    
    }

    @media (max-width:575px){
        
    .stt1 dt { padding-left: 25px;  background-size: 18px;}
    #grap {padding:10px;}
     }

p.basic {padding:0;margin:0;list-style:none;font-size:16px;line-height: 2.0;}


h4.Txt {padding:2px 0 10px 35px;font-size:18px;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 4px;}
h4.s_Txt {padding:0;;margin:0;font-size:25px !important;font-weight:500;color:#0067D0; font-family:Paperlogy !important; letter-spacing: 0 !important;}
h4.s_Txt span{padding:0 5px 0 0;font-size:35px !important;color:#363636;font-weight:700;}

    @media (max-width:575px){
    h4.s_Txt {font-size:18px !important;}
    }

.greyTxtBox{margin:0 0 40px 0 ! important;;border:1px solid #e1e1e1; background:#f5f5f5;line-height:26px;padding:20px 0;text-align:center;font-size:16px;color:#333}

/* 테이블 기본 속성 */

.data_t {width:100%;clear:both; margin:10px 0 20px 0;font-size:10pt; border-collapse:collapse; border-bottom: 1px solid #454545; border-top: 2px solid #454545;}
.data_t caption {display: none;padding:2px 0 10px 35px;font-size:20px !important;font-weight:600;color:#000;text-align:left;background:url(/asset/images/bulet.gif) no-repeat 0 8px;}
.data_t caption span {float:right;right:0;font-size:11pt;font-weight:400;color:#333;padding-top:5px;}
.data_t thead th {padding:10px 10px;border:1px solid #d7d7d7;background-color:#f7f7f7;font-size:13pt;text-align:center;font-weight:600;}
.data_t tbody td {border:1px solid #d7d7d7;padding:10px 15px;font-size:11pt;text-align:center;}
.data_t tbody td a {color:#005DC6; border-bottom:1px dashed #005DC6;}
.data_t tbody td a:hover {font-weight:600;text-decoration:none;}
.data_t tbody th {padding:10px 10px;color:#4B4B4B;border:1px solid #d7d7d7;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}
.data_t tbody td.txLeft {text-align:left; padding: 20px;}
.data_t tbody td.txLeft ul { padding: 0 0 20px 10px; margin: 0; list-style: none;}
.data_t tbody td.txLeft ul li {padding:6px 0 5px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;}
.data_t tbody td.txLeft ul li ul{ padding: 0 0 0 10px; margin: 0; list-style: none;}
.data_t tbody td.txLeft ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet2.gif) no-repeat 3px 14px;}
.data_t tbody td.t_top { vertical-align: top !important;}
.data_t tbody td strong { font-weight: 600;}
.data_t tbody td span.month {font-size:12pt;font-weight:600;}
.data_t tbody td strong.name {font-size:15pt;font-weight:600;line-height:2.5;}
.data_t tbody td ul {padding:0;margin:20px 0 0 0;list-style:none;}
.data_t tbody td ul li {padding:0 0 0 0;margin:0;line-height:1.8;font-size:15px;}
.data_t tfoot td {padding:10px 10px;color:#4B4B4B;border:1px solid #d7d7d7;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}

/* 테이블 좌측 정렬 작은 테이블 */
.data_t1 {width:50%;clear:both; margin:10px 0 20px 30px;font-size:10pt; border-collapse:collapse;border-bottom: 1px solid #454545; border-top: 2px solid #454545;}
.data_t1 caption {display: none;padding:2px 0 10px 35px;font-size:20px !important;font-weight:600;color:#000;text-align:left;background:url(/asset/images/bulet.gif) no-repeat 0 8px;}
.data_t1 caption span {float:right;right:0;font-size:11pt;font-weight:400;color:#333;padding-top:5px;}
.data_t1 thead th {padding:10px 10px;border:1px solid #d7d7d7;background-color:#F5FFF6;font-size:13pt;text-align:center;font-weight:600;}
.data_t1 tbody td {border:1px solid #d7d7d7;padding:10px 15px;font-size:11pt;text-align:center;}
.data_t1 tbody td a {color:#005DC6; border-bottom:1px dashed #005DC6;}
.data_t1 tbody td a:hover {font-weight:600;text-decoration:none;}
.data_t1 tbody th {padding:10px 10px;color:#4B4B4B;border:1px solid #d7d7d7;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}
.data_t1 tbody td.txLeft {text-align:left;}
.data_t1 tfoot td {padding:10px 10px;color:#4B4B4B;border:1px solid #d7d7d7;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}

/* 테이블 _ 녹색 */
.data_t2 {width:100%;clear:both; margin:10px 0 20px 0;font-size:10pt; border-collapse:collapse;border-bottom: 1px solid #454545; border-top: 2px solid #454545;}
.data_t2 caption {display: none;padding:2px 0 10px 35px;font-size:20px !important;font-weight:600;color:#00890E;text-align:left;background:url(/asset/images/bulet_green.gif) no-repeat 0 8px;}
.data_t2 caption span {float:right;right:0;font-size:11pt;font-weight:400;color:#333;padding-top:5px;}
.data_t2 thead th {padding:10px 10px;border:1px solid #d7d7d7;background-color:#F5FFF6;font-size:11pt;text-align:center;font-weight:600;}
.data_t2 tbody td {border:1px solid #d7d7d7;padding:10px 15px;font-size:10pt;text-align:center;}
.data_t2 tbody td a {color:#005DC6; border-bottom:1px dashed #005DC6;}
.data_t2 tbody td a:hover {font-weight:600;text-decoration:none;}
.data_t2 tbody th {padding:10px 10px;color:#4B4B4B;border:1px solid #d7d7d7;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}
.data_t2 tbody td.txLeft {text-align:left;}
.data_t2 tfoot td {padding:10px 10px;color:#4B4B4B;border:1px solid #d7d7d7;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}


/* 테이블 (자주하는질문) */

.data_t3 {width:100%;clear:both; margin:10px 0 10px 0;font-size:10pt; border-collapse:collapse;}
.data_t3 caption {display: none;padding:2px 0 10px 35px;font-size:20px !important;font-weight:600;color:#000;text-align:left;background:url(/asset/images/bulet.gif) no-repeat 0 8px;}
.data_t3 caption span {float:right;right:0;font-size:11pt;font-weight:400;color:#333;padding-top:5px;}
.data_t3 thead th {padding:10px 10px;border:1px solid #898989;background-color:#F4F9FF;font-size:12pt;text-align:center;font-weight:600;}
.data_t3 tbody td {border:1px solid #898989;padding:10px 15px;font-size:11pt;text-align:center;background-color:#FFFFFF;}
.data_t3 tbody td a {color:#005DC6; border-bottom:1px dashed #005DC6;}
.data_t3 tbody td a:hover {font-weight:600;text-decoration:none;}
.data_t3 tbody th {padding:10px 10px;color:#4B4B4B;border:1px solid #898989;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}
.data_t3 tbody td.txLeft {text-align:left;}
.data_t3 tfoot td {padding:10px 10px;color:#4B4B4B;border:1px solid #898989;background-color:#e9f3ff;font-size:12pt;text-align:center;font-weight:600;}

/* 테이블 예약부분 */
.data_t4 {width:100%;clear:both; margin:10px 0 20px 0;font-size:10pt; border-collapse:collapse; border-bottom: 2px solid #454545; border-top: 2px solid #454545;}
.data_t4 caption {display: none;}
.data_t4 td {border:1px solid #d7d7d7;padding:10px 15px;font-size:11pt;text-align:center; border-right: 0;padding: 15px 30px; text-align: left;}
.data_t4 th {padding:15px 30px;color:#4B4B4B;background-color:#f7f7f7;font-size:12pt;text-align:center;font-weight:600;text-align: left; border-bottom: 1px solid #d7d7d7;}
.data_t4 th:last-child {border-bottom: 0;}
.data_t4 td.txLeft {text-align:left; padding: 20px;}
.data_t4 td strong { font-weight: 600;}


/* 테이블 td 왼쪽 정렬 */
.tdLeft tbody td,
table th.text_left,
table td.text_left,
table td.fleft {text-align:left;}

/* 테이블 td 오른쪽 정렬 */
.tdright tbody td,
table th.text_right,
table td.text_right{text-align:right;}

/* 테이블부분 타이틀(캡션) */
.table_caption { margin-top: 20px; padding:2px 0 10px 35px;font-size:18px !important;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 7px;}
.table_caption span{ float: right;}
.table_caption small { font-weight:600; vertical-align: bottom;}
.table_caption strong {color: red; font-weight: 500;}
.table_caption br { display: none;}
.table_scroll { display: none;}

.table_caption_gr { margin-top: 20px; padding:2px 0 10px 35px;font-size:18px !important;font-weight:600;color:#000;background:url(/asset/images/bulet_green.gif) no-repeat 0 7px;}

/* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */
table.blue {border-top:1px solid #539CCA;}
table.blue thead th {color:#255C6F;border-bottom:1px solid #539CCA;background-color:#F0F4FD;}
table.green {border-top:1px solid #008550;}
table.green thead th {color:#008550;border-bottom:1px solid #008550;background-color:#EDFAF5;}
table.orange {border-top:1px solid #FF6600;}
table.orange thead th {color:#FF6600;border-bottom:1px solid #FF6600;background-color:#FEEFDE;}
table.violet {border-top:1px solid #8560A8;}
table.violet thead th {color:#64259E;border-bottom:1px solid #8560A8;background-color:#F7EFF8;}

/* 표 하단 오른쪽 정렬 문구 */
.Txt_r { text-align: right;}

    @media (max-width:991px){
    .table_full  {overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative; width: 100%;}
    .table_full table th,
    .table_full table td {white-space:nowrap;}

    .table_scroll { display: block;font-size:13px !important; text-align: right; width: 100%; font-family: 'nanumgothic';}

    }

    @media (max-width:575px){
    /* 모바일에서 테이블 가로 스크롤이 되지 않는 현상으로 수정함 (20260414) */
    .table_full table th,
    .table_full table td {}
    
    /*.table_full table th,
    .table_full table td {white-space: normal;}*/
        
    .table_caption {padding:7px 0 10px 25px;font-size:16px !important; background-size: 18px;background-position-y:9px;}
    .table_caption_gr {padding:7px 0 10px 25px;font-size:16px !important; background-size: 18px;background-position-y:9px;}    
    .table_caption br { display: block;}
    .table_caption span { width: 100%; display: block; float: none;}
    .table_caption strong { width: 100%; display: block;float: none;}
    .Txt_r { text-align: right; font-size: 14px;}
    }

/* 본문 내에 링크 텍스트 색상 지정 */
table.blue tr a,
table.blue td a,
a.blue {color:#1F62C8;}
table.green tr a,
table.green td a,
a.green {color:#008550;border-bottom:1px dashed #008550;}
table.orange tr a,
table.orange td a,
a.orange {color:#FF6600;border-bottom:1px dashed #FF6600;}
table.violet tr a,
table.violet td a,
a.violet {color:#64259E;border-bottom:1px dashed #8560A8;}

#tabs-sub {display:table;width:100%;clear:both;padding:0;margin:10px 0 40px 0;list-style:none;border-top:solid 1px #d5d5d5;border-left:solid 1px #d5d5d5;border-spacing:0;border-collapse:collapse;}
#tabs-sub li {display:table-cell;border-right:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;}
#tabs-sub li a {display:block;padding:12px 0;color:#000;text-align:center;font-size:1.0em;}
#tabs-sub li a:hover,
#tabs-sub li.current a {background:#3c5fb3;text-decoration:none;color:#fff;}

/* 탭 속성 6개일때*/
#tabs {float:left;clear:both;overflow:hidden;width:100%;padding:0;margin:10px 0 40px 0;list-style:none;}
#tabs li {display:inline;float:left;width:188px;margin:0;font-weight:600;}
#tabs li a {float:left;width:188px;padding:12px 0;color:#000;text-align:center;font-size:1.1em;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background-color:#fff;}
#tabs li a:hover,
#tabs li.current a {text-decoration:none;color:#fff;border:1px solid #d5d5d5;background-color:#3c5fb3;}

/* 탭 속성 5개일때*/
#tabs_1 {float:left;clear:both;overflow:hidden;width:100%;padding:0;margin:10px 0 40px 0;list-style:none;}
#tabs_1 li {display:inline;float:left;width:225px;margin:0;font-weight:600;}
#tabs_1 li a {float:left;width:225px;padding:12px 0;color:#000;text-align:center;font-size:1.1em;border:1px solid #d5d5d5;background-color:#fff;}
#tabs_1 li a:hover,
#tabs_1 li.current a {text-decoration:none;color:#fff;border:1px solid #d5d5d5;background-color:#3c5fb3;}

/* 탭 속성 3개일때*/
#tabs_2 {float:left;clear:both;overflow:hidden;width:100%;padding:0;margin:10px 0 40px 0;list-style:none;}
#tabs_2 li {display:inline;float:left;width:375px;margin:0;font-weight:600;}
#tabs_2 li a {float:left;width:375px;padding:12px 0;color:#000;text-align:center;font-size:1.1em;border:1px solid #d5d5d5;background-color:#fff;}
#tabs_2 li a:hover,
#tabs_2 li.current a {text-decoration:none;color:#fff;border:1px solid #d5d5d5;background-color:#3c5fb3;}


/* 탭 속성 311개일때*/
#tabs_3 {float:left;clear:both;overflow:hidden;width:100%;padding:0;margin:10px 0 40px 0;list-style:none;}
#tabs_3 li {display:inline;float:left;width:103px;margin:0;font-weight:600;}
#tabs_3 li a {float:left;width:103px;padding:12px 0;color:#000;text-align:center;font-size:1.1em;border:1px solid #d5d5d5;background-color:#fff;}
#tabs_3 li a:hover,
#tabs_3 li.current a {text-decoration:none;color:#fff;border:1px solid #d5d5d5;background-color:#3c5fb3;}



/* 탭 속성 탭 하위 */
#tabs-sub_s {display:table;width:100%;clear:both;padding:0;margin:10px 0 40px 0;list-style:none;border-top: solid 2px #000;background-color: #fff;border-spacing:0;border-collapse:collapse;}
#tabs-sub_s li {display:table-cell;border-right:solid 1px #d5d5d5;border-bottom:solid 1px #000;width: 50%;}
#tabs-sub_s li a {display:block;padding:12px 0;color:#000;text-align:center;font-size:1.0em;}
#tabs-sub_s li a span {font-weight: 600 !important;}
#tabs-sub_s li a:hover,
#tabs-sub_s li.current a {background-color: #edf3ff;text-decoration:none;color:#3c5fb3; }

/* 모바일에만 보이는 탭*/
.mobile_tabs { display: none;}

    @media (max-width:991px){
    .mobile_tabs { display: block;}    
    }

    @media (max-width:575px){
    #tabs-sub { margin-bottom: 20px;}
    #tabs-sub li { display: inline-block; width: 50%;}
    }


/* 청소년수련관 시설배치도 */
.floor {float:left;width:49.5%;padding:0;margin:20px 0;}
.floor h4 {padding:10px 0;margin:0;font-size:50px !important;font-weight:600;color:#000;}
.floor h4 span {padding:0 0 0 10px;font-size:15px !important;font-weight:600;color:#000;}

    @media (max-width:575px){
        .floor {width:100%; margin: 0;}
        .floor h4 { padding: 0; font-size:30px !important;}
    }



/* 비공개대상 세부기준 */

#box_2 {width:100%; margin:0 0 20px 0;padding:0 0 0 0;border: 1px dashed #949495;border-radius: 30px;}
#box_2 p { text-align:center; font-weight:600;}
#box_2 h5 { width:100%; padding:30px 0; margin:0; line-height:30px;text-align:center; font-size:16px; font-weight:600; background-color:#edf3ff;border-top-left-radius:30px;  border-top-right-radius:30px;}
#box_2 h5 strong { font-size:20px; font-weight:600; color:#105DB4;}
#box_2 ul { padding:30px; margin:0; list-style:none;}
#box_2 ul li {padding:10px 0 10px 15px;list-style:none;}
#box_2 ul li ul {padding:0;margin:0;list-style:none;}
#box_2 ul li ul li{ padding:3px 0 3px 25px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 13px 14px;line-height:1.8;}


    @media (max-width:575px){
        #box_2 {width:100%; margin:0 0 20px 0;padding:0 0 0 0;}
        #box_2 p { text-align:center; font-weight:600;}
        #box_2 h5 { width:100%; padding:20px; margin:0; line-height:20px;text-align:center; font-size:12px; font-weight:600;}
        #box_2 h5 strong { font-size:15px; font-weight:600; color:#105DB4;}
        #box_2 ul { padding:20px; margin:0; list-style:none;}
        #box_2 ul li {padding:10px 0 10px 5px;list-style:none;}
        #box_2 ul li ul {padding:0;margin:0;list-style:none;}
        #box_2 ul li ul li{ padding:3px 0 3px 15px;margin:0; background-position-x:3px; }
    }


/* 경영방침 상단 */
#policy {padding:0 0 120px 0;margin:0 0 40px 0;background:url(/coding/sub7/images/s1_1_bg_up.gif) no-repeat 50% bottom;}
#policy h4 {padding:20px 0 0 0;margin:0 0 10px 0;font-size:25px;font-weight:600;color:#5E5E5E;letter-spacing:-1px;line-height:1.8; text-align:center;}
#policy h4 strong {font-size:35px;font-weight:600;color:#006ECC;}


/* top스타일과 충돌을 일으켜 주석처리해둠 251020
.box {float:left;width:195px; height:240px;margin:0 15px 30px 15px;text-align:center; border:1px solid #006ECC;}
.box dt {display:block;margin:0 0 20px 0;color:#0058A3;font-size:22px;font-weight:600;}
.box dd {display:block;padding:120px 0 10px 0;margin:0;}
.box dd ul {padding:0;margin:0;list-style:none;font-size:15px;}
.box dd ul li {padding:0;margin:0;}
.box.box1 {background:url(/coding/sub7/images/s1_1_icon01.png) no-repeat 50% 0;}
.box.box2 {background:url(/coding/sub7/images/s1_1_icon02.png) no-repeat 50% 0;}
.box.box3 {background:url(/coding/sub7/images/s1_1_icon03.png) no-repeat 50% 0;}
.box.box4 {background:url(/coding/sub7/images/s1_1_icon04.png) no-repeat 50% 0;}
.box.box5 {background:url(/coding/sub7/images/s1_1_icon05.png) no-repeat 50% 0;}
*/

/* 경영방침 2023 */
#policy_2023 {padding:260px 70px 0 70px;margin:0;background:url(/coding/sub7/images/policy_bg.jpg) no-repeat 0 0;}
#policy_2023 ul {margin:0; padding:70px; background-color:#fff; list-style:none;}
#policy_2023 ul li {font-size:19px;font-weight:500;color:#000;background:url(/coding/sub7/images/policy_bl.gif) no-repeat 0 6px; font-family:'GmarketSansMedium'; margin:25px 0; padding:0 0 0 35px; letter-spacing:-1px;}
#policy_2023 ul li.sign { margin-top:70px;background-image:none;text-align:right; font-size:22px;font-family:'GmarketSansMedium';}
#policy_2023 ul li.sign strong{font-size:30px;font-weight:600;font-family:'GmarketSansMedium'; margin-left:20px;}

/* 미래상 */
#future {padding:0;margin:80px 0 40px 0;height:620px;background:url(/coding/sub7/images/s2_1_bg_center.gif) no-repeat 50% 50%;}
#future h4 {padding:300px 0 0 0;margin:0 0 10px 0;font-size:25px;font-weight:600;color:#0041A3;letter-spacing:-1px;line-height:1.5;text-align:center;}

.box_01 {float:left;position:relative;display:block;left:0;top:-450px;width:272px; height:272px;margin:0;padding:0;text-align:center;background:url(/coding/sub7/images/s2_1_icon01.png) }
.box_02 {float:right;position:relative;display:block;left:0;top:-450px;width:272px; height:272px;margin:0;padding:0;text-align:center;background:url(/coding/sub7/images/s2_1_icon02.png) }
.box_03 {float:left;position:relative;display:block;left:-272px;top:-80px;width:272px; height:272px;margin:0;padding:0;text-align:center;background:url(/coding/sub7/images/s2_1_icon03.png) }
.box_04 {float:right;position:relative;display:block;left:272px;top:-80px;width:272px; height:272px;margin:0;padding:0;text-align:center;background:url(/coding/sub7/images/s2_1_icon04.png) }
.box_01 h5 {padding:15px 0 0;color:#fff;font-size:20px;font-weight:600;}
.box_02 h5 {padding:15px 0 0;color:#fff;font-size:20px;font-weight:600;}
.box_03 h5 {padding:15px 0 0;color:#fff;font-size:20px;font-weight:600;}
.box_04 h5 {padding:15px 0 0;color:#fff;font-size:20px;font-weight:600;}



/* 미션 비전 */
.box_1 {float:left;width:535px; height:290px;margin:0 15px 30px 15px;text-align:center; border:1px solid #006ECC;}
.box_1 dt {display:block;margin:150px 0 20px 0;color:#0058A3;font-size:30px;font-weight:600;text-transform:uppercase;}
.box_1 dd {display:block;padding:0;margin:0;}
.box_1 dd ul {padding:0;margin:0;list-style:none;font-size:16px;}
.box_1 dd ul li {padding:0;margin:0;}
.box_1.box1 {background:url(/coding/sub7/images/s3_1_icon01.png) no-repeat 50% 0;}
.box_1.box2 {background:url(/coding/sub7/images/s3_1_icon02.png) no-repeat 50% 0;}


/* 인사말 */

.ceo_top { text-align: center; margin-bottom: 40px;}
/*.ceo_top br { display: none;}*/
.ceo_top img {}
.ceo_top strong { font-size: 55px !important;font-family: 'Manse' !important;line-height: 1.2 !important;}
.ceo_top strong .txt1 {font-size: 55px !important; color: #3c5fb3;font-family: 'Manse' !important;line-height: 1.2 !important;}
.ceo_top strong .txt2 {font-size: 55px !important; color: #22ad91;font-family: 'Manse' !important;line-height: 1.2 !important;}
.ceo_top p { font-size: 25px !important;font-family: 'Paperlogy' !important; font-weight: 400; margin-top: 20px;}

#greeting { display: flex;padding:50px 0 0 0;margin:0; gap:30px;}
#greeting .txt_area { width: 60%;}
#greeting .txt_area h4 {font-family: 'Paperlogy'; font-size: 22px; font-weight: 500; line-height: 1.3; margin-top: 20px; margin-bottom: 20px;}
#greeting .txt_area p  {padding:35px 0 0 0;font-size:18px;line-height:1.7;}
#greeting .txt_area p strong {color: #3c5fb3; font-weight: 600;font-size:18px;line-height:1.7;}
#greeting .img_area { float: right; width: 40%; text-align: right;}
#greeting .img_area p{ text-align: right; margin-top: 20px; padding-right: 30px;}
#greeting .img_area p strong {font-family: 'Paperlogy' !important; font-size: 20px !important;}
#greeting .img_area p img{ margin-top: 10px;}

#Txt p span {float:right;}
#Txt p span strong {font-size:27px;font-weight:600;padding-left:10px; color:#000;}
#Txt p span strong img { vertical-align:bottom;}
#Txt p strong {font-size:18px;font-weight:600; padding-right:5px; color:#0051AD;}

    @media (max-width:991px){
    .ceo_top { margin-bottom: 0;}
    .ceo_top img { width: 35px;}
    .ceo_top strong { font-size: 35px !important;font-family: 'Manse' !important;}
    .ceo_top strong .txt1 {font-size: 35px !important;font-family: 'Manse' !important;}
    .ceo_top strong .txt2 {font-size: 35px !important;font-family: 'Manse' !important;}
    .ceo_top p { font-size: 18px !important;}

    #greeting { flex-flow:column-reverse wrap; } 
    #greeting .txt_area { width: 100%;}



    #greeting .img_area { width: 100%; text-align: center;}
    #greeting .img_area p{ text-align: center;padding-right: 0;}
    }

    @media (max-width:575px){

    .ceo_top br { display: block;}
    .ceo_top img { display: none;}
    .ceo_top strong { font-size: 25px !important;}
    .ceo_top strong .txt1 {font-size: 25px !important;}
    .ceo_top strong .txt2 {font-size: 25px !important;}
    .ceo_top p { font-size: 16px !important;}
    #greeting { padding-top: 20px;}
    #greeting .txt_area h4 {font-size: 16px;}
    #greeting .txt_area p  {padding:15px 0 0 0;font-size:14px;line-height:1.3;}
    #greeting .txt_area p strong {font-size:14px;line-height:1.3;}
    #greeting .img_area { width: 80%; margin: 0 auto;}
    }

/* 고객서비스 실천행동 강령 */
.service_01 {width:100%;padding:40px 0 0 50px;margin:0;height:240px;background:url(/coding/sub5/images/s1_3_bg01.jpg) no-repeat 0 0;}
.service_01 h4 {padding:0;margin:0;font-size:30px;font-weight:600;color:#0053B0;letter-spacing:-1px; line-height:1.5;}
.service_01 p {padding:25px 600px 0 0;font-size:16px;line-height:1.7;font-weight:600;}

.promise {clear:both;padding:20px 0;font-size:17px;color:#0053B0;font-weight:600;text-align:center;}

/* 사이트 바로 연결 버튼 */
.btn_blue {padding:15px 60px 15px 20px;margin:10px 0 10px 0;background:#287ACE url(/asset/images/bt_icon_blank.png) no-repeat 90% 50%;font-size:15px !important;font-weight:600;color:#FFFFFF;border:1px solid #00326B; border-radius: 50px;}
.btn_blue:hover{background-color:#144BB0;}
.btn_blue br{ display: none;}

/* 페이지내로 이동 버튼 */
.btn_green {padding:15px 50px;margin:10px 0 10px 0;background-color:#3AA80E;font-size:15px !important;font-weight:600;color:#FFFFFF;border:1px solid #207300;border-radius: 50px;}
.btn_green:hover{background-color:#2A9500;}

/* 파일다운로드 버튼 */
.btn_orange {padding:15px 80px 15px 40px;margin:10px 0 10px 0;background:#C37300 url(/asset/images/bt_icon_down.png) no-repeat 88% 50%;font-size:15px !important;font-weight:600;color:#FFFFFF;border:1px solid #824600;border-radius: 50px;}
.btn_orange:hover{background-color:#B25900;}

/* 하아그린파크 둘러보기 버튼 */
.btn_mint {padding:20px 60px 20px 110px;margin:10px 0 10px 0;background:#00B8C8 url(/coding/sub3/images/icon_haagp.png) no-repeat 15px 54%;font-size:15px !important;font-weight:600;color:#FFFFFF;border:1px solid #006A7D;border-radius: 50px;}
.btn_mint:hover{background-color:#009EC0;}


/* 내용바로보기 연결 버튼 */
.btn_blue1 {padding:10px 60px 10px 20px;margin:10px 0 10px 0;background:#287ACE url(/asset/images/bt_icon_blank.png) no-repeat 90% 50%;font-size:15px !important;font-weight:600;color:#FFFFFF;border:1px solid #00326B;border-radius: 50px;}
.btn_blue1:hover{background-color:#144BB0;}


a.btn_blue,
a.btn_orange {display:inline-block;color:#fff !important;text-decoration:none;}
a.btn_blue1 {color:#fff !important;text-decoration:none; margin-left:20px;}
#contentDiv a.btn_blue[target] {background-image:url(/asset/images/bt_icon_blank.png);background-repeat:no-repeat;background-position:90% 50%;padding-right:80px; padding-left: 40px;}
#contentDiv a.btn_orange[target] {background-image:url(/asset/images/bt_icon_down.png);background-repeat:no-repeat;background-position:88% 50%;padding-right:80px;}

a.btn_green {display:inline-block;color:#fff !important;text-decoration:none; background-image:none;}
#contentDiv a.btn_green[target] {background-image:none;}


a.btn_mint {display:inline-block;color:#fff !important;text-decoration:none;}
#contentDiv a.btn_mint[target] {background-image:url(/facility/sub3/images/icon_haagp.png);background-repeat:no-repeat;background-position:30px 54%; padding-right: 50px;}

    @media (max-width:575px){
    .btn_blue br{ display: block;}
    .btn_blue,
    .btn_green,
    .btn_orange,
    .btn_mint,
    .btn_blue1{font-size:13px !important; padding-top: 10px; padding-bottom: 10px;}
        
    #contentDiv a.btn_mint[target] { background-size: 50px;}
    }



/* 자주하는 질문 */
#qna {margin-top:10px;border-top:2px solid #252525;}
.question {border-bottom:1px solid #aaaaaa;}
.question dt {padding:6px 0 8px 80px;margin:12px 0;background:url(/coding/sub5/images/s7_bt_q.png) no-repeat 20px 6px;font-size:16px;}
.question dt a {font-weight:600;}
.question dt a span {float:right;padding-right:20px;}
.question dd {display:none;padding:20px 30px 20px 80px;margin:0;background:url(/coding/sub5/images/s7_bt_a.png) no-repeat 20px 25px;background-color:#F8F8F8;border-top:1px solid #aaaaaa;}
.question dd ul {padding:5px 0 0 3px;margin:0;list-style:none;}
.question dd ul li {padding:2px 0 5px 25px;margin:0;background:url(/asset/images/bulet_grey.png) no-repeat 0 7px;}
.question dd ul li ul {padding:0;margin:5px 0;list-style:none;}
.question dd ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet1.gif) no-repeat 3px 14px;}
.question dd ul li ul li ul {padding:0;margin:5px 0;list-style:none;}
.question dd ul li ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/bulet_grey_s.png) no-repeat 3px 14px;}

#page-contents-edit .question dd {display:block;}

.qna_top {clear:both;overflow:hidden;padding:30px 30px 30px 380px;margin:0 0 40px 0;border: 1px dashed #949495;background:#edf3ff url(/community/images/s7_1_icon.png) no-repeat 70px 50%;border-radius: 30px; background-size: 230px;}
.qna_top ul {padding:0;margin:0;list-style:none;}
.qna_top ul li {padding:0 0 0 0;margin:0;line-height:1.8;font-weight:600;color:#424242;font-size:16px;}
.qna_top ul li span {line-height:4.0;font-weight:600;color:#0059BD;}
.qna_top ul li form {width:auto;padding:0;margin:10px 0 0 0;}
.qna_top ul li select {padding:7px;color:#404040;background-color:#ffffff;border:1px solid #C7C7C7; font-size: 14px !important; line-height: 1.2 !important;}
.qna_top ul li button {padding:0 20px;margin-left:10px;color:#fff;cursor:pointer;border:0;background-color:#666;height:32px;font-size:13px;border-radius:50px;}

    @media (max-width:991px){
.qna_top {padding:130px 10px 10px 10px;margin:0; background-position-x: 50%;background-position-y:10px; background-size: 150px;border-radius: 10px; margin-bottom: 20px; }
.qna_top ul li {font-size:13px;text-align:justify;}
.qna_top ul li span {display:block;padding:10px 0;}
.qna_top ul li form {width:100%;padding:0 90px 0 0;margin:0;position:relative;box-sizing:border-box;}
.qna_top ul li select {padding:5px;font-size:13px;width:100%;}
.qna_top ul li button {padding:0;text-align:center;width:80px;position:absolute;right:0;top:0;}
}


/* 클린신고센터 */
.clean_top {clear:both;overflow:hidden;padding:30px 0 20px 360px;margin:0 0 40px 0;border:1px solid #DADADA;background:#F8F8F8 url(/coding/sub5/images/s8_1_icon.png) no-repeat 50px 50%;}
.clean_top ul {padding:0;margin:0;list-style:none;}
.clean_top ul li {padding:0 0 0 0;margin:0;line-height:1.8;font-weight:600;color:#424242;font-size:16px;}
.clean_top ul li span {line-height:4.0;font-weight:600;color:#0059BD;}

/* 장사문화공원 상단 */
.jangsa_top {clear:both;overflow:hidden;padding:30px 30px 30px 270px;margin:0 0 40px 0;border:1px solid #DADADA;background:#F8F8F8 url(/facility/sub2/images/s4_1_icon.png) no-repeat 30px 50%;}
.jangsa_top ul {padding:0;margin:0;list-style:none;}
.jangsa_top ul li {padding:0 0 0 0;margin:0;line-height:1.8;font-weight:500;color:#424242;font-size:16px !important;}
.jangsa_top ul li span {line-height:3.0;font-weight:600;color:#0059BD;font-size:25px !important; letter-spacing:-1px;}
.jangsa_top ul li form {width:auto;padding:0;margin:0;}
.jangsa_top ul li select {padding:7px;color:#404040;background-color:#ffffff;border:1px solid #C7C7C7;}
.jangsa_top ul li button {padding:0 15px;margin-left:10px;color:#fff;cursor:pointer;border:0;background-color:#666;height:32px;font-size:13px;font-weight:600;border-radius:5%;}


/* 클린센터하단정보 */
#box_info {width:100%; margin:30px 0 20px 0; padding:30px;list-style:none;background-color:#F1F8FF;border:1px dotted #808080;}
#box_info li {padding:3px 0 3px 25px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 13px 14px;line-height:1.8; font-size:16px;}

    @media (max-width:575px){
    #box_info {margin:10px 0 20px 0; padding:10px;}
    #box_info li { background-position-y:10px; line-height:1.4; font-size:14px;}
    }

    @media (max-width:991px){
      .jangsa_top { background-image: none; padding: 20px 10px; text-align: center;}  

    }
    @media (max-width:575px){
      .jangsa_top ul li {font-size:14px !important;}
      .jangsa_top ul li span {line-height:2.0 !important;font-size:18px !important;}
      .jangsa_top ul li br { display: none;}
    }

/* 관련사이트 선택 */
.family_site {width:200px;font-size:12px;vertical-align:middle;background:#000;/*설렉박스화살표이미지background:#000 url(/coding/sub5/images/s7_bt_select.gif) right 0 no-repeat;*/}
.family_site {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.family_site::-ms-expand {display:none;}

/* 친절직원 */
.kindness {clear:both;overflow:hidden;width:100%;position:relative;left:140px;padding-bottom:20px;margin-bottom:20px;background:url(/coding/sub5/images/s3_1_bg.gif) no-repeat 0 0;}
.kindness h4 {float:left;padding:5px;font-size:20px;background-color:#245BA6;font-weight:500;line-height:1.3;color:#fff;letter-spacing:-1px;}
.kindness img {float:left;margin:30px;width:320px;height:410px;}
.kindness dl {float:left;position:relative;left:0;padding:0;margin:0;}
.kindness dl dt {margin:10px 0 40px 0;padding:0 10px;font-size:40px;font-weight:600;color:#2471C8;}
.kindness dl dt strong {font-size:22px; padding:2px 10px;background-color:#245BA6;font-weight:500;line-height:6.0;color:#fff;letter-spacing:-1px;}
.kindness dl dd {padding:0;margin:0;}
.kindness dl dd div {padding:20px 0 20px 15px;margin:35px 0 0 0;width:100%;font-size:15px; border-top:1px dashed #AEAEAE;letter-spacing:-1px;font-weight:600;line-height:1.5;color:#424242;}
.kindness dl dd ul {padding:0 0 0 15px;margin:0;list-style:none;}
.kindness dl dd ul li {padding:5px 0 5px 20px;margin:0;font-size:18px;background:url(/asset/images/s_bulet.gif) no-repeat 0 15px;line-height:2.0;}

.kindness_last {float:left;display:inline;width:530px;margin:20px 15px;border:1px solid #C3C3C3;}
.kindness_last img {float:left;margin:20px;width:140px;}
.kindness_last dt {font-size:15pt;font-weight:600;line-height:2.5; margin:15px 0;}
.kindness_last dt strong {font-size:12pt;font-weight:600;}
.kindness_last dd {padding:0;margin:0;}
.kindness_last dd ul {padding:0;margin:20px 0 0 0;list-style:none;}
.kindness_last dd ul li {padding:0 0 0 0;margin:0;line-height:1.8;font-size:15px;}

/* 통합예약 */
.apply_list {float:left;width:480px;padding:20px 20px 15px 20px;margin:20px 20px;border:1px solid #C7C7C7;}
.apply_list dt {padding:0;font-size:23px;font-weight:600;color:#000; letter-spacing:-1px;}
.apply_list dt span a {float:right;font-size:14px;font-weight:600;padding:5px 10px;background-color:#C17300;color:#fff;}
.apply_list dt span a:hover {background-color:#A56200;text-decoration:none;}
.apply_list dd {padding:0;margin:20px 0 0 0;font-size:14px;line-height:1.5;color:#474747;}
.apply_list dd img {margin:0;}

/* 연혁 */
#company {padding:100px 70px 70px 70px;margin:0 0 10px 0;background:url(/about/sub2/images/s7_1_bg01.jpg) no-repeat 0 0; border-top-left-radius: 30px; border-top-right-radius: 30px;text-align: center; border-bottom: 1px dashed #333333;}
#company h4 {padding:0;margin:0;font-size:35px;font-weight:600;color:#fff;line-height:1.5;font-family: 'YeogiOttaeJalnan'; }
#company p { background-color: #fff;padding:40px 30px 40px 30px; margin-top: 80px; font-size:20px;line-height:1.6;font-weight:600;border-top-left-radius: 30px; border-top-right-radius: 30px;font-family: 'Paperlogy'; font-weight: 400;}

#history_wrap { display: flex; background:url(/about/sub2/images/s7_1_bg02.gif) no-repeat 0 400px;}
#history_wrap .history_title { min-width: 380px; font-size: 18px !important; margin-top: 60px; font-family: 'Paperlogy' !important; font-weight: 400;}
#history_wrap .history_title strong{ display: block;font-size: 35px !important; font-family: 'YeogiOttaeJalnan' !important;}

#history_wrap .history_con { float: right;}
#history_wrap .history_con h3.year {clear:both;position:relative;top:60px;font-size:35px !important;font-weight:600;color:#00aab0;display:inline;}
#history_wrap .history_con .history {clear:both;}
#history_wrap .history_con .history dl {clear:both;overflow:hidden;padding:5px 0;margin:0 0 15px 120px;}
#history_wrap .history_con .history dl dt {float:left;padding:15px 0 10px 10px;margin:0;font-size:18px;font-weight:600;color:#000;line-height:20px;}
#history_wrap .history_con .history dl dd {padding:10px;margin:0 0 0 50px;font-size:18px;border-bottom:1px dashed #D7D7D7;}

    @media (max-width:1200px){
    #company { padding: 50px 40px; height: auto; background-size: contain;}
    #company p { padding: 20px 30px 40px 30px; margin-top: 40px; font-size: 16px; line-height: 1.4;}

    #history_wrap { display: block;background-image: none;}
    #history_wrap .history_title {width: 100%;}
    #history_wrap .history_title br { display: none;}
    #history_wrap .history_con {width: 100%;}
    #history_wrap .history_con h3.year { width: 100%; display: block; top: 20px;}
    #history_wrap .history_con .history dl { margin: 10px 0;}
    #history_wrap .history_con .history dl dt { padding-left: 0;}
    #history_wrap .history_con .history dl dd { margin-left: 30px;}
    }
    @media (max-width:991px){
        #company {  padding-left: 20px; padding-right: 20px; padding-bottom: 0;}
        #company p { padding-left: 10px; padding-right: 10px;}
        #history_wrap .history_title { margin-top: 20px;}
    }

    @media (max-width:575px){
    #company {  padding-top: 40px;}
    #company h4 { font-size: 25px;}
    #company p { font-size: 14px; line-height: 1.2; padding-bottom: 20px;}

    #history_wrap .history_title { min-width:inherit; font-size: 14px !important; line-height: 1.2; text-align: center;}
    #history_wrap .history_title strong { font-size: 25px !important;}
    #history_wrap .history_title br { display: block;}
    #history_wrap .history_con h3.year { font-size: 20px !important; top: 0;}
    #history_wrap .history_con .history dl { margin-top: 0;}
    #history_wrap .history_con .history dl dt {font-size: 14px !important; padding-top: 10px;}
    #history_wrap .history_con .history dl dd {font-size: 14px !important;}
}
    
    
/* 경영방침 */
.policy-box-wrap { background-color: #f1f1f1; border-radius: 30px; padding: 30px; margin-bottom: 30px; }
.policy-box-wrap .policy-box { background-color: #fff; border: 1px solid #cccccc; border-radius: 30px;padding: 40px 30px; }
.policy-box-wrap .policy-box .list-head h3 {font-size:38px !important; text-align:center; word-break:keep-all; font-family:'YeogiOttaeJalnan' !important;}
.policy-box-wrap .policy-box .list-head h3 b {font-size:38px !important; color:var(--color-active); font-family:'YeogiOttaeJalnan' !important;}
.policy-box-wrap .policy-box .list-head h3 b.gn {color:#22ad91;}
/*.policy-box-wrap .policy-box .list-head h3 br { display: none;}*/
.policy-box-wrap .policy-box .list-head p {font-size:22px; font-weight:500; color:#333; text-align:center; word-break:keep-all; margin:25px 0 0;}
.policy-box-wrap .policy-box .list-body {margin:35px auto 0; width:calc(100% - 30px); border-radius:20px; padding:30px; background:#edf3ff url('/about/sub2/images/policy_logo.png') no-repeat 40px 50%;}
.policy-box-wrap .policy-box .list-body .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.policy-box-wrap .policy-box .list-body .title h4 {padding:5px 60px; font-size:28px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-active); color:#fff; border-radius:50px;}
.policy-box-wrap .policy-box .list-body .text {}
.policy-box-wrap .policy-box .list-body .text ul { margin-left: 40%;}
.policy-box-wrap .policy-box .list-body .text ul li {padding:10px 0 10px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 25px;}
.policy-box-wrap .policy-box .list-body .text ul li small{ display: inline-block; width: 60%; font-size: 20px !important; font-family: 'Paperlogy' !important; font-weight: 400;}
.policy-box-wrap .policy-box .list-body .text ul li b {color:var(--color-active); width:60px;font-size: 28px !important; font-family: 'Paperlogy' !important; font-weight: 700; line-height: 28px !important;}

    @media (max-width:1350px){
    .policy-box-wrap .policy-box .list-head h3 {line-height:1.3 !important;}
    .policy-box-wrap .policy-box .list-head h3 b {line-height:1.3 !important;}
    .policy-box-wrap .policy-box .list-head h3 br { display: block;}  
    .policy-box-wrap .policy-box .list-body { background-position-x:50%;background-position-y:30px; background-size: 200px;}
    .policy-box-wrap .policy-box .list-body .text ul { margin-top: 120px; margin-left: 10%;}
    }

    @media (max-width:768px){
    .policy-box-wrap .policy-box .list-head h3 {font-size:25px !important;}
    .policy-box-wrap .policy-box .list-head h3 b {font-size:25px !important;}
    .policy-box-wrap .policy-box .list-body .text ul { margin-left: 2%;}    
    .policy-box-wrap .policy-box .list-body .text ul li {background-position-y:20px;}
    .policy-box-wrap .policy-box .list-body .text ul li small{font-size: 18px !important;}
    .policy-box-wrap .policy-box .list-body .text ul li b {font-size: 23px !important;line-height: 28px !important;}
    }
    @media (max-width:575px){
    .policy-box-wrap {border-radius: 20px; padding: 10px; }
    .policy-box-wrap .policy-box { border-radius: 20px;padding: 20px 0; }
    .policy-box-wrap .policy-box .list-head h3 { font-size: 20px !important;}
    .policy-box-wrap .policy-box .list-head h3 b { font-size: 20px !important;}
    .policy-box-wrap .policy-box .list-body { padding:10px; background-position-y:20px; background-size: 100px; margin-top: 20px;}
    .policy-box-wrap .policy-box .list-body .text ul { margin-top: 60px; margin-left: 0;}
    .policy-box-wrap .policy-box .list-body .text ul li { text-align: center; background-image: none; padding-left: 0;}
    .policy-box-wrap .policy-box .list-body .text ul li small { width: 100%;font-size: 15px !important;}
    .policy-box-wrap .policy-box .list-body .text ul li b {font-size: 20px !important;}

    }

/* ccm선포문 */
.ccm-box-wrap { background-color: #f1f1f1; border-radius: 30px; padding: 30px;}
.ccm-box-wrap .ccm-box { background-color: #fff; border: 1px solid #cccccc; border-radius: 30px;padding: 40px 30px;background:#fff url(/about/sub2/images/ccm_icon.png) no-repeat 50% 30px; }
.ccm-box-wrap .ccm-box .list-body {margin:180px auto 0; width:calc(100% - 30px); border-radius:20px; padding:30px; background: #edf3ff;}
.ccm-box-wrap .ccm-box .list-body .text { text-align: center;}
.ccm-box-wrap .ccm-box .list-body .text .t1 {font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500; padding: 10px;}
.ccm-box-wrap .ccm-box .list-body .text .t2 {font-size: 20px !important;font-family: 'Paperlogy' !important; font-weight: 600; padding: 10px;}
.ccm-box-wrap .ccm-box .list-body .text .t2 strong {font-size: 20px !important;font-family: 'Paperlogy' !important; color: #3c5fb3;font-weight: 600;}


    @media (max-width:991px){
    .ccm-box-wrap { padding: 20px;}
    .ccm-box-wrap .ccm-box { padding: 30px 10px; background-position-y: 20px}
    .ccm-box-wrap .ccm-box .list-body {padding:20px;}
    }

    @media (max-width:575px){
    .ccm-box-wrap {border-radius: 20px; padding: 10px;}
    .ccm-box-wrap .ccm-box { border-radius: 20px;padding: 20px 0; background-size: 150px;background-position-y:20px; }
    .ccm-box-wrap .ccm-box .list-body { padding:10px; margin-top: 100px;}
    .ccm-box-wrap .ccm-box .list-body .text { padding: 0;}
    .ccm-box-wrap .ccm-box .list-body .text .t1 { font-size: 13px !important; line-height: 1.3 !important;}
    .ccm-box-wrap .ccm-box .list-body .text .t2 { font-size: 14px !important; line-height: 1.3 !important;}
    .ccm-box-wrap .ccm-box .list-body .text .t2 strong{ font-size: 14px !important; line-height: 1.3 !important;}    
    }

/* ccm선포문 */
#mission-wrap {}
#mission-wrap h4{text-align: center; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#mission-wrap h4 .bl{ color: #3c5fb3; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#mission-wrap h4 .gr{ color: #22ad91; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#mission-wrap h4:after{ display: block; content: ""; width: 100px; border-bottom: 1px solid #333; margin: 40px auto; }

#mission-wrap h5 { text-align: center;font-size: 25px !important;font-family: 'Paperlogy' !important;font-weight: 400;}
#mission-wrap h5 small{font-size: 20px !important;font-family: 'Paperlogy' !important;font-weight: 400;}
#mission-wrap h5 strong{ display: inline-block; margin-top: 20px; font-size: 25px !important;font-family: 'Paperlogy' !important; font-weight: 500; padding: 5px 60px; background-color: #3c5fb3; border-radius: 50px; color: #fff;}
#mission-wrap h5:after { display: block; content: ""; width: 240px;height: 240px; margin: 0 auto;background: url('/asset/images/icon_facility_arrow.png') no-repeat center / 240px auto;}
    
#mission-wrap .box_round { display: flex; background-color:#f3f9ff;border-radius:100px; width: 100%; padding: 30px 60px; border: 1px solid #3c5fb3;}
#mission-wrap .box_round .mission{ width: 50%; padding: 0 30px 0 150px;background: url('/about/sub2/images/mission_icon.png') no-repeat 30px 50%; border-right: 1px dashed #333;}
#mission-wrap .box_round .mission dt { font-size: 35px !important; color: #3c5fb3; font-family: 'YeogiOttaeJalnan' !important; text-transform: uppercase;}
    
#mission-wrap .box_round .vision{ width: 50%; padding: 0 30px 0 150px; background: url('/about/sub2/images/vision_icon.png') no-repeat 30px 50%; }
#mission-wrap .box_round .vision dt { font-size: 35px !important; color: #22ad91; font-family: 'YeogiOttaeJalnan' !important; text-transform: uppercase;}
   
#mission-wrap .box_round .mission dd,
#mission-wrap .box_round .vision dd { font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 400;line-height: 1.3 !important;}
    
#future-wrap { margin-top: 80px;}
#future-wrap h4{text-align: center; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#future-wrap h4 .bl{ color: #3c5fb3; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#future-wrap h4:after { display: block; content: ""; width: 100px; border-bottom: 1px solid #333; margin: 40px auto; }
    
#future-wrap h5 { text-align: center;font-size: 25px !important;font-family: 'Paperlogy' !important;font-weight: 400;}
#future-wrap h5 strong{ display: inline-block; margin-top: 20px; font-size: 25px !important;font-family: 'Paperlogy' !important; font-weight: 500; padding: 5px 60px; background-color: #3c5fb3; border-radius: 50px; color: #fff;}
#future-wrap h5:after { display: block; content: ""; width: 100%;height: 103px; margin: 0 auto;background: url('/about/sub2/images/future_line.png') no-repeat center; background-size: contain;}
#future-wrap h5 br { display: none;}
   
#future-wrap .future-list ul {display:flex; flex-wrap:wrap;}
#future-wrap .future-list ul li {flex:1; min-width:0; margin:0 20px 0 0; border-radius:15px; overflow:hidden; border: 2px solid #22ad91; height: 180px;}
#future-wrap .future-list ul li strong{ display: block; text-align: center; color: #fff; background-color: #22ad91; height: 50px; line-height: 50px;font-size: 20px !important;font-family: 'Paperlogy' !important;font-weight: 400;}
#future-wrap .future-list ul li:nth-of-type(1) {background: url('/about/sub2/images/future_icon1.png') no-repeat center 60px;}
#future-wrap .future-list ul li:nth-of-type(2) {background: url('/about/sub2/images/future_icon2.png') no-repeat center 60px;}
#future-wrap .future-list ul li:nth-of-type(3) {background: url('/about/sub2/images/future_icon3.png') no-repeat center 60px;}
#future-wrap .future-list ul li:nth-of-type(4) {background: url('/about/sub2/images/future_icon4.png') no-repeat center 60px;}

/* 핵심가치 */
#value-wrap { margin-top: 80px;}
#value-wrap h4{text-align: center; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#value-wrap h4 .bl{ color: #3c5fb3; font-size: 38px !important; font-family: 'YeogiOttaeJalnan' !important;}
#value-wrap h4:after { display: block; content: ""; width: 100px; border-bottom: 1px solid #333; margin: 40px auto; }

#value-wrap ul {display:flex; flex-wrap:wrap;}
#value-wrap ul li {flex:1; min-width:0; margin:0 20px 0 0; border-radius:15px; overflow:hidden;border:1px solid #19a5be;}
#value-wrap ul li:last-of-type {margin:0;}
#value-wrap ul li strong {padding:15px 10px; font-size:18px; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; text-align:center; word-break:keep-all; font-family: 'Paperlogy' !important;font-weight: 400;line-height: 1.2; background: #19a5be;}
#value-wrap ul li p {padding:15px; font-size:15px; text-align:center; color:#333; word-break:keep-all; line-height:1.3;font-family: 'Paperlogy' !important;font-weight: 400;}
#value-wrap ul li p strong {font-size:17px; color: #00849b; background: none; padding: 10px;font-weight: 600;}

    
    @media (max-width:1350px){
    #mission-wrap .box_round { display: inline-block; border-radius:30px; padding: 30px 60px; border: 1px solid #3c5fb3;}   
    #mission-wrap .box_round .mission { width: 100%; border-right: none;border-bottom: 1px dashed #333; padding-bottom: 40px; background-position-y:0;}
    #mission-wrap .box_round .vision{ width: 100%; margin-top: 30px;}
        
    #mission-wrap .box_round .mission dd br,
    #mission-wrap .box_round .vision dd br{ display: none;}
    }
    
    @media (max-width:991px){
    #future-wrap h5:after { height: 60px; }
    #future-wrap .future-list ul li strong{font-size: 17px !important;}
        
    #value-wrap .value-list ul li strong{font-size: 17px !important;}
    }
    
    @media (max-width:575px){
    #mission-wrap {margin-top: 30px;}
    #mission-wrap h4{font-size: 25px !important;}
    #mission-wrap h4 .bl{font-size: 25px !important;}
    #mission-wrap h4 .gr{font-size: 25px !important;}
    #mission-wrap h4:after{ margin: 20px auto; }   
    #mission-wrap h5 {font-size: 18px !important;}
    #mission-wrap h5 small{font-size: 15px !important;}
    #mission-wrap h5 strong{ font-size: 18px !important; margin-top: 10px;}
    #mission-wrap h5:after { width: 60px;height: 60px;  background-size:60px;}
    
    #mission-wrap .box_round { padding: 20px; border-radius: 20px;}
    #mission-wrap .box_round .mission {background-position-x:50%; text-align: center; background-size:70px; padding: 0 0 20px 0;}
    #mission-wrap .box_round .vision {background-position-x:50%;background-position-y:0; text-align: center; background-size:70px; padding: 0 0 20px 0;margin-top: 10px;}
    #mission-wrap .box_round .mission dt,
    #mission-wrap .box_round .vision dt {font-size: 25px !important; padding-top: 80px;}
    #mission-wrap .box_round .mission dd,
    #mission-wrap .box_round .vision dd { font-size: 14px !important;}
    #mission-wrap .box_round .mission dd br,
    #mission-wrap .box_round .vision dd br{ display:  block;}
    
    #future-wrap {margin-top: 30px;}
    #future-wrap h4{font-size: 25px !important;}
    #future-wrap h4 .bl{font-size: 25px !important;}
    #future-wrap h4:after{ margin: 20px auto; }   
    #future-wrap h5 {font-size: 18px !important;}
    #future-wrap h5 strong{ font-size: 18px !important; margin-top: 10px;}
    #future-wrap h5 br { display: block;}
    #future-wrap h5:after { background-image: none; height: 20px;}
    #future-wrap .future-list ul li {flex:auto; width: 48%; margin:0 1% 20px 1%; height: 150px;}
        
    #future-wrap .future-list ul li:nth-of-type(1),
    #future-wrap .future-list ul li:nth-of-type(2),
    #future-wrap .future-list ul li:nth-of-type(3),
    #future-wrap .future-list ul li:nth-of-type(4) { background-size: 80px;}
    #future-wrap .future-list ul li strong { font-size: 14px !important;}
        
    #value-wrap {margin-top: 30px;}
    #value-wrap h4{font-size: 25px !important;}
    #value-wrap h4 .bl{font-size: 25px !important;}
    #value-wrap h4:after{ margin: 20px auto; }   
    #value-wrap h5 {font-size: 18px !important;}
    #value-wrap h5 strong{ font-size: 18px !important; margin-top: 10px;}
    #value-wrap h5 br { display: block;}
    #value-wrap h5:after { background-image: none; height: 20px;}
    #value-wrap .value-list ul li {flex:auto; width: 100%; margin:0 1% 20px 1%; height: 150px;font-size: 14px !important;}
        
    
    }

/* CI소개 */
.ci_img_area { margin: 10px 0 30px 0; background-image:linear-gradient(#e8e8e8 1px, transparent 1px),linear-gradient(to left, #e8e8e8 1px, transparent 1px); background-size:17px 17px; border: 1px solid #e8e8e8; text-align: center; padding: 76px 0;}  
.ci_img_area ul { display: flex; align-items: center; justify-content: center; gap:30px;}
.ci_img_area ul li { }
.ci_txt_area { margin: 50px 0; text-align: center;font-family: 'Paperlogy' !important;}
.ci_txt_area strong { display: inline-block;font-size: 22px !important;font-family: 'Paperlogy' !important; font-weight: 600; margin-bottom: 20px;}
.ci_txt_area p { font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.ci_txt_area .bl {color: #3c5fb3; font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 500;}
.ci_txt_area .gr {color: #00a685; font-size: 18px !important; font-family: 'Paperlogy' !important; font-weight: 500;}
        
    @media (max-width:575px){
    .ci_img_area {padding: 20px 0;} 
    .ci_img_area ul { display: block;}
    .ci_img_area ul li:first-child { margin-bottom: 30px;}
    .ci_txt_area { margin: 20px 0;} 
    .ci_txt_area strong {font-size: 16px !important;}
    .ci_txt_area p { font-size: 14px !important;}
    .ci_txt_area .bl {font-size: 14px !important;}
    .ci_txt_area .gr {font-size: 14px !important;}   
    }

/* 조직구성 전화연결 */
.link-phone {background:url(/about/sub3/images/tel_icon.png) no-repeat 0 5px; padding-left: 30px;}

@media (max-width:575px){
    .link-phone { background-size: 15px; background-position-y: 2px;padding-left: 20px;}
}

/* 맵 컨트롤러 수정 부분 */
.root_daum_roughmap .wrap_controllers.hide { display: block !important; width: 100% !important; height: 40px !important;}
.root_daum_roughmap .wrap_controllers.hide img{ margin-top: 5px;}

#contentDiv .wrap_controllers a[target] {background-image: none;padding-right: 0;font-size: 13px !important;}
#contentDiv .root_daum_roughmap a[target] {background-image: none !important;padding-right: 0;font-size: 13px !important;}
#contentDiv .roughmap_maker_label .roughmap_lebel_text {font-size: 13px !important;}



/* 오시는 길 */
.location_box {border-top:2px solid #333333; padding:35px 0; display:flex; flex-wrap:wrap;}
.location_box li {width:30%; border-left:1px dashed #333333; padding-left:70px;}
.location_box li:nth-child(2) {width:40%;}
.location_box li.title {font-family: 'Paperlogy' !important; font-weight: 500; font-size:25px !important;border-left:0;}

.location_box li .address {position:relative;padding-left:30px; padding-top: 3px; font-size:18px !important;}
.location_box li .address:before {position:absolute; left:0; top:0; font-family: 'FontAwesome'; content: "\f041";font-size:22px !important;}

.location_box li .tel {position:relative; padding-left:40px; padding-top: 3px; font-size:18px !important;}
.location_box li .tel:before {position:absolute; left:0; top:0; font-family: 'FontAwesome'; content: "\f095";font-size:22px !important;}


    @media all and (max-width:991px){

    .location_box {padding:0;}
    .location_box li {width:100%; border-left:0; border-bottom:1px dashed #333333; padding:20px 0;}
    .location_box li:nth-child(2) {width:100%;}
    .location_box li .tel {padding-left:30px;}
    .location_box li .tel br { display: none;}

    }

    @media all and (max-width:575px){

    .location_box li.title {font-size:22px !important; text-align:center;}
    .location_box li .address,
    .location_box li .tel{font-size:14px !important;}
    .location_box li .address:before,
    .location_box li .tel:before {font-size:18px !important;}
    .location_box li .tel br { display: block;}

    }

/* 역대이사장 */
.ceoList {float:left;width:250px; height:370px;margin:15px;padding:0;border:1px solid #CACACA;text-align:center;}
.ceoList dt {padding:300px 0 0 0;margin:0 0 5px 0;font-size:18px;font-weight:600;color:#0063D3;}
.ceoList dd {padding:0;margin:0;font-size:15px;font-weight:600;}

#ceo1 {background:url(/coding/sub7/images/s5_1_img01.jpg) no-repeat 10px 10px;}
#ceo2 {background:url(/coding/sub7/images/s5_1_img02.jpg) no-repeat 10px 10px;}
#ceo3 {background:url(/coding/sub7/images/s5_1_img03.jpg) no-repeat 10px 10px;}
#ceo4 {background:url(/coding/sub7/images/s5_1_img04.jpg) no-repeat 10px 10px;}
#ceo5 {background:url(/coding/sub7/images/s5_1_img05.jpg) no-repeat 10px 10px;}
#ceo6 {background:url(/coding/sub7/images/s5_1_img06.jpg) no-repeat 10px 10px;}
#ceo7 {background:url(/coding/sub7/images/s5_1_img07.jpg) no-repeat 10px 10px;}

/* 심볼 */
.logo_ci {clear:both;overflow:hidden;padding:0;background:url(/coding/sub7/images/s6_1_img01.gif) no-repeat 0 50px;}
.logo_ci dt {padding:2px 0 10px 35px;font-size:18px;font-weight:600;color:#000;background:url(/asset/images/bulet.gif) no-repeat 0 3px;}
.logo_ci dd {padding:0 0 0 470px;margin:0; font-size:16px;}
.logo_ci dd p {padding:10px;margin:0;}
.logo_ci dd p span { color:#0063D3;font-weight:600;}
.logo_ci dd p strong { color:#00900A;font-weight:600;}

/* 예약이용안내 */
ul.resv-chart {display:block;padding:0;margin:0;list-style:none;}
ul.resv-chart * {box-sizing:border-box;}
ul.resv-chart:after {content:"";clear:both;display:table;}
ul.resv-chart li.col {display:block;float:left;width:30%;margin-left:3%;padding:0 0 20px 0;border:solid 1px #CCCCCC; text-align:center; min-height:350px;}
ul.resv-chart li.col a.title_1,
ul.resv-chart li.col a.title_2,
ul.resv-chart li.col a.title_3 {display:block;padding:40px 0 0 0;}
ul.resv-chart li.col a.title_1 {background:url(/coding/sub8/images/s1_icon01.png) no-repeat 50% 50px !important;}
ul.resv-chart li.col a.title_2 {background:url(/coding/sub8/images/s1_icon02.png) no-repeat 50% 45px !important;}
ul.resv-chart li.col a.title_3 {background:url(/coding/sub8/images/s1_icon03.png) no-repeat 50% 45px !important;}
ul.resv-chart a.title_1 span {display:inline-block;margin:100px 0 20px 0;font-size:25px;font-weight:600;text-decoration:none; background-color:#006ECC; color:#fff; padding:5px;}
ul.resv-chart a.title_1:focus span,
ul.resv-chart a.title_1:hover span {background-color:#454545;}
ul.resv-chart a.title_2 span {display:inline-block;margin:100px 0 20px 0;font-size:25px;font-weight:600;text-decoration:none; background-color:#00A485; color:#fff; padding:5px;}
ul.resv-chart a.title_2:focus span,
ul.resv-chart a.title_2:hover span {background-color:#454545;}
ul.resv-chart a.title_3 span {display:inline-block;margin:100px 0 20px 0;font-size:25px;font-weight:600;text-decoration:none; background-color:#F08235; color:#fff; padding:5px;}
ul.resv-chart a.title_3:focus span,
ul.resv-chart a.title_3:hover span {background-color:#454545;;}
ul.resv-chart ul {list-style:none;margin-top:30px;padding:0 20px 0 20px; text-align:left;}
ul.resv-chart ul li {background:url(/coding/sub8/images/bl_square.gif) no-repeat 5px 9px; padding:0 0 0 15px; margin:10px 0; font-size:14px; line-height:1.6;}
ul.resv-chart ul a {display:inline-block;position:relative;color:#00f;white-space:nowrap;text-decoration:none;}
ul.resv-chart ul a:after {content:"";position:absolute;left:0;bottom:0;border-top:dotted 1px #00f;width:100%;}
ul.resv-chart ul a:focus:after,
ul.resv-chart ul a:hover:after {animation-duration:0.5s;animation-name:underline;border-color:#f00;}

@keyframes underline {
    from {left:50%;width:1px;}
    to {left:0;width:100%;}
}

.in-edit-off {position:fixed;right:0;bottom:0;padding:0;text-align:center;background:#000;color:#fff;font-size:9pt;z-index:65501;}

/* 만족도 조사 */
#scoreBoard { max-width: calc(1560px + (var(--container-padding) * 2)); padding:20px 40px;border:1px dashed #949495; background-color: #edf3ff; margin:0 auto 40px auto; clear:both;border-radius:20px;}
#scoreBoard .lb1 {float:left;text-align:left; font-size: 16px;}
#scoreBoard .lb2 {float:right;text-align:right; font-size: 16px;line-height: 1.5;}
#scoreBoard .lb3 {clear:both;padding-top:10px;font-size:0;}
#scoreBoard .lb3:after {content:"";clear:both;display:table;}
#scoreBoard .lb3 input {border:solid 1px #ccc;padding:10px;font-size:12pt;width:80%;float:left;}
#scoreBoard .lb3 button {border:none;background:#333;color:#fff;padding:10px;font-size:12pt;width:15%;float:right;border-radius:50px;}
#scoreBoard *:where(input,select) {appearance:auto;-webkit-appearance:auto;vertical-align:middle;}


#formFilter {text-align:right;}
#formFilter * {box-sizing:border-box;vertical-align:middle;}
#formFilter input {padding:0 10px;border:solid 1px #ccc;height:40px;font-size:15px;line-height:40px;}
#formFilter button {padding:0 12px;border:solid 1px #444;background:#444;color:#fff;font-size:15px; font-weight: 600; height:40px;line-height:40px;cursor:pointer;}

@media (max-width:840px){
#scoreBoard .lb1 { width: 100%;}
#scoreBoard .lb2 {float:left;text-align:left;}
    
}

@media (max-width:575px){
#scoreBoard {margin:0 10px 20px 10px; border-radius:10px; padding:10px 20px;}
#scoreBoard .lb1 { font-size: 13px;}
#scoreBoard .lb2 { font-size: 13px !important;}
#scoreBoard .lb3 input { width: 100%; font-size: 13px;}
#scoreBoard .lb2 label { font-size: 13px;}
#scoreBoard .lb3 button {width:40%;float:none; margin: 10px 30%; font-size: 14px; padding: 5px 10px; }
}

/* 부패방지방침 */
.prevention {width:100%; height:650px;margin:0 0 20px 0;padding:30px 0 0 0;border:1px dotted #808080;background:url(/coding/sub5/images/s10_1_bg01.jpg) no-repeat 0 bottom;}
.prevention p {font-size:17px; line-height:1.5; text-align:left; padding:5px 50px;}
.prevention p strong { display:block; margin-top:50px;font-weight:600; text-align:center;}
.prevention p .point { font-weight:600;font-size:19px;}
.prevention p .name { font-size:25px; font-weight:600; text-align:center; padding-top:20px; display:block;}

/* 자동로그아웃 */
#warn-timeout {position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;background-color:rgba(255,255,255,.9);z-index:65010;overflow:auto;}
#warn-timeout > div {width:320px;padding:10px 20px;border:solid 1px #000;margin:20px auto;background:#fff;box-shadow:#ccc 0 0 10px;}
#warn-timeout .link-of {text-align:center;}
#warn-timeout .link-of a {display:inline-block;line-height:2.2;padding:0 16px;background:#000;color:#fff;text-decoration:none;}
#warn-timeout .link-of a.keep-this {background:#669cd9;}

/* 개인정보처리방침_ 아이콘형식 */
h4.no_list_title { font-size:17px !important; text-align:center; font-weight:600 !important; margin-top:40px;}
h4.no_list_title strong{ font-size:24px !important; line-height:2.5 !important;font-weight:600 !important;}

.no_list { display:inline-block;width:100%; padding:20px; border:1px dashed #626262; list-style:none; margin-top: 30px;}
.no_list li { float:left;padding:5px 0; margin:10px 2%; width:45%; font-size:15px; font-weight:600}
.no_list li a { color: #333;}

.no_list li.no1{padding-left:40px;background:url(/guide/sub2/images/icon_01.png) no-repeat 0 4px;}
.no_list li.no2{padding-left:40px;background:url(/guide/sub2/images/icon_02.png) no-repeat 0 4px;}
.no_list li.no3{padding-left:40px;background:url(/guide/sub2/images/icon_03.png) no-repeat 0 4px;}
.no_list li.no4{padding-left:40px;background:url(/guide/sub2/images/icon_04.png) no-repeat 0 4px;}
.no_list li.no5{padding-left:40px;background:url(/guide/sub2/images/icon_05.png) no-repeat 0 4px;}
.no_list li.no6{padding-left:40px;background:url(/guide/sub2/images/icon_06.png) no-repeat 0 4px;}
.no_list li.no7{padding-left:40px;background:url(/guide/sub2/images/icon_07.png) no-repeat 0 4px;}
.no_list li.no8{padding-left:40px;background:url(/guide/sub2/images/icon_08.png) no-repeat 0 4px;}
.no_list li.no9{padding-left:40px;background:url(/guide/sub2/images/icon_09.png) no-repeat 0 4px;}
.no_list li.no10{padding-left:40px;background:url(/guide/sub2/images/icon_10.png) no-repeat 0 4px;}
.no_list li.no11{padding-left:40px;background:url(/guide/sub2/images/icon_11.png) no-repeat 0 4px;}
.no_list li.no12{padding-left:40px;background:url(/guide/sub2/images/icon_12.png) no-repeat 0 4px;}
.no_list li.no13{padding-left:40px;background:url(/guide/sub2/images/icon_13.png) no-repeat 0 4px;}
.no_list li.no14{padding-left:40px;background:url(/guide/sub2/images/icon_14.png) no-repeat 0 4px;}
.no_list li.no15{padding-left:40px;background:url(/guide/sub2/images/icon_15.png) no-repeat 0 4px;}
.no_list li.no16{padding-left:40px;background:url(/guide/sub2/images/icon_16.png) no-repeat 0 4px;}
.no_list li.no17{padding-left:40px;background:url(/guide/sub2/images/icon_17.png) no-repeat 0 4px;}


.no_list_point { display:inline-block;width:100%; padding:20px; border:1px dashed #626262; list-style:none; margin-bottom: 30px;}
.no_list_point li { float:left;padding:50px 0 5px 0; width:16%; font-size:15px; font-weight:600; text-align:center}
.no_list_point li.point1{background:url(/guide/sub2/images/icon_06.png) no-repeat 50% 4px;}
.no_list_point li.point2{background:url(/guide/sub2/images/icon_01.png) no-repeat 50% 4px;}
.no_list_point li.point3{background:url(/guide/sub2/images/icon_02.png) no-repeat 50% 4px;}
.no_list_point li.point4{background:url(/guide/sub2/images/icon_03.png) no-repeat 50% 4px;}
.no_list_point li.point5{background:url(/guide/sub2/images/icon_04.png) no-repeat 50% 4px;}
.no_list_point li.point6{background:url(/guide/sub2/images/icon_12.png) no-repeat 50% 4px;}

/* 청소년수련관 수영장 이용 */
/* 상단 공지 2가지 스타일 들어갈때 높이.youth_swim { width:910px; height:530px; margin:50px auto 0 auto; padding:30px 0 0 0; background:#3A69DF url(/coding/sub8/images/youth_bg.png) no-repeat 0 0; text-align:center; }*/
.youth_swim { width:910px; height:520px; margin:50px auto 0 auto; padding:30px 0 0 0; background:#3A69DF url(/coding/sub8/images/youth_bg.png) no-repeat 0 0; text-align:center; }
.youth_swim h3 { font-size:40px; color:#272557;font-family: 'GangwonEduPowerExtraBoldA'; margin-bottom:0;}
.youth_swim h3 strong { display:block;font-size:50px; color:#00C8BF; margin:30px 0 20px 0;font-family: 'GangwonEduPowerExtraBoldA'}
.youth_swim .left,
.youth_swim .right {border:2px solid #000;border-radius:15px; padding:30px 20px;box-sizing:border-box; list-style:none; box-shadow:4px 4px 4px rgba(0,0,0,1)}
.youth_swim .left{ float:left;width:40%;background:#fff url(/coding/sub8/images/swim_icon1.png) no-repeat 30px 50%; margin:40px 2% 20px 8%}
.youth_swim .right{ float:right;width:40%;background:#fff url(/coding/sub8/images/swim_icon2.png) no-repeat 30px 50%; margin:40px 8% 20px 2%;}
.youth_swim .call{ display:inline-block;font-size:20px; font-weight:600; color:#fff; margin-top:10px;}
.youth_swim .left li,
.youth_swim .right li { font-size:17px; color:#000; text-align:left; padding-left:100px; line-height:1.4;}
.youth_swim .left li strong,
.youth_swim .right li strong{ font-size:25px; color:#E62D54;}
.youth_swim .left li span,
.youth_swim .right li span{ position:absolute; margin-left:50px;}


.youth_swim .point {font-size:16px; color:#fff; font-weight:600; background-color:#E62D54; padding:5px 20px; width:80%; margin:0 10% 10px 10%;display:inline-block;}
.youth_swim .point_date {font-size:16px; color:#fff; font-weight:600; background-color:#272557; padding:5px 20px; width:80%; margin:0 10% 10px 10%;display:inline-block;}

/* 맑은누리파크 수영장 이용 */
.clear_swim { width:910px; height:680px; margin:50px auto 0 auto; padding:30px 0 0 0; background:#00c8bf url(/coding/sub8/images/clear_bg.png) no-repeat 0 0; text-align:center; }
/* 상단 공지 1가지 스타일 들어갈때 높이.clear_swim { width:910px; height:600px; margin:50px auto 0 auto; padding:30px 0 0 0; background:#00c8bf url(/coding/sub8/images/clear_bg.png) no-repeat 0 0; text-align:center; }*/
.clear_swim h3 { font-size:40px; color:#272557;font-family: 'GangwonEduPowerExtraBoldA';margin-bottom:0;}
.clear_swim h3 strong { display:block;font-size:50px; color:#00C8BF; margin:30px 0;font-family: 'GangwonEduPowerExtraBoldA'}
.clear_swim .left,
.clear_swim .center,
.clear_swim .right {border:2px solid #000;border-radius:15px; padding:30px 20px;box-sizing:border-box; list-style:none; box-shadow:4px 4px 4px rgba(0,0,0,1)}
.clear_swim .left{ float:left;width:40%;background:#fff url(/coding/sub8/images/swim_icon1.png) no-repeat 30px 50%; margin:20px 2% 20px 8%}
.clear_swim .center{ float:left;width:60%;margin:20px 20% 50px 20%; background-color:#fff;}
.clear_swim .right{ float:right;width:40%;background:#fff url(/coding/sub8/images/swim_icon2.png) no-repeat 30px 50%; margin:20px 8% 20px 2%;}
.clear_swim .call{ display:inline-block;font-size:20px; font-weight:600; color:#000; margin-top:10px;}
.clear_swim .left li,
.clear_swim .right li { font-size:17px; color:#000; text-align:left; padding-left:100px; line-height:1.4;}
.clear_swim .center li { text-align:center;}
.clear_swim .left li strong,
.clear_swim .right li strong{ font-size:25px; color:#E62D54;}

.clear_swim .center li strong{ font-size:20px; color:#000;}
.clear_swim .left li span,
.clear_swim .right li span{ position:absolute; margin-left:50px;}

.clear_swim .point{font-size:16px; color:#fff; font-weight:600; background-color:#E62D54; padding:0 10px; margin:0; display:inline-block; width:80%; margin:0 10%;}
.clear_swim .point_date {font-size:16px; color:#fff; font-weight:600; background-color:#272557; padding:5px 20px; margin:0; display:inline-block; margin-bottom:10px;}


/* 고객게시판 상단 */
.customer_board_box { padding:20px 30px; background-color:#edf3ff;border: 1px dashed #949495; border-radius: 30px; margin-bottom: 50px; }
.customer_board_box p { color:#0B62C3; font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.customer_board_box ul { padding:0 0 0 20px; margin:0; list-style:none;}
.customer_board_box ul li {padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;font-size: 16px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.customer_board_box ul li strong {font-weight: 600;}

/* 페이지 상단 공지 */
.page_notice_box { padding:30px; background-color:#edf3ff;border: 1px dashed #949495; border-radius: 20px; margin-bottom: 50px;  text-align: center;}
.page_notice_box p { color:#0B62C3; font-size: 20px !important;font-family: 'Paperlogy' !important; font-weight: 500; margin-bottom: 10px;}
.page_notice_box ul { padding:0; margin:0; list-style:none;}
.page_notice_box ul li {padding:3px 0 3px 15px;margin:0; background-image: none; font-size: 17px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.page_notice_box ul li strong {font-weight: 600;}

@media (max-width:575px){
    .customer_board_box { padding:10px 20px;border-radius: 10px; margin-bottom: 30px; }    
    .customer_board_box p {font-size: 14px !important;}
    .customer_board_box ul { padding-left: 0;}
    .customer_board_box ul li { padding-left: 10px; font-size: 13px !important;  background-position-y: 10px}
    
    .page_notice_box { padding:10px 20px;border-radius: 10px; margin-bottom: 30px; }    
    .page_notice_box p {font-size: 14px !important;}
    .page_notice_box ul { padding-left: 0;}
    .page_notice_box ul li { padding-left: 10px; font-size: 13px !important;}
}

/* 2025 청소년수련관 수영장 이용공지 */
.check_t1 {border: 1px dashed #949495;background:#edf3ff url(/reserve/sub1/images/check_icon1.png) no-repeat 60px 50%; border-radius: 30px; padding: 30px; margin-bottom: 20px;min-height: 200px;}
.check_t1 ul { padding: 0; margin: 0 0 0 35%; list-style: none;}
.check_t1 ul li { padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.check_t1 ul li .point_1{ color: #1752b4;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t1 ul li .point_2{ color: #d93847;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t1 ul p{ font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400; margin-top: 30px;}
        
        @media (max-width:991px){
        .check_t1 {background-position-x:20px; background-position-y:30px; background-size: 25%;min-height: auto;}       
        .check_t1 ul { margin-left: 30%;}
        }
        
        @media (max-width:575px){
        .check_t1 {border-radius: 10px; padding: 10px 10px 20px 10px; background-position-x:50%; background-position-y:10px; background-size: 170px;margin-bottom: 10px;}   
        .check_t1 ul {  width: 100%; margin: 110px auto 0 auto;}
        .check_t1 ul li { background-position-y:10px; padding-left: 10px;}
        .check_t1 ul li,
        .check_t1 ul li .point_1,
        .check_t1 ul li .point_2,
        .check_t1 ul p{ font-size: 13px !important}
        .check_t1 ul p{margin-top: 10px;}
        }

/* 2025 청소년수련관 시설 이용공지 */
.check_t4 {border: 1px dashed #949495;background:#edf3ff url(/reserve/sub1/images/check_icon4.png) no-repeat 60px 50%; border-radius: 30px; padding: 30px; margin-bottom: 20px;min-height: 200px;}
.check_t4 ul { padding: 0; margin: 0 0 0 35%; list-style: none;}
.check_t4 ul li { padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.check_t4 ul li .point_1{ color: #1752b4;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t4 ul li .point_2{ color: #d93847;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t4 ul p{ font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400; margin-top: 30px;}
        
        @media (max-width:991px){
        .check_t4 {background-position-x:20px; background-position-y:30px; background-size: 25%;min-height: auto;}       
        .check_t4 ul { margin-left: 30%;}
        }
        
        @media (max-width:575px){
        .check_t4 {border-radius: 10px; padding: 10px 10px 20px 10px; background-position-x:50%; background-position-y:10px; background-size: 170px;margin-bottom: 10px;}   
        .check_t4 ul {  width: 100%; margin: 110px auto 0 auto;}
        .check_t4 ul li { background-position-y:10px; padding-left: 10px;}
        .check_t4 ul li,
        .check_t4 ul li .point_1,
        .check_t4 ul li .point_2,
        .check_t4 ul p{ font-size: 13px !important}
        .check_t4 ul p{margin-top: 10px;}
        }


/* 2025 맑은누리스포츠센터 이용공지 */
.check_t2 {border: 1px dashed #949495;background:#edfcff url(/reserve/sub2/images/check_icon2.png) no-repeat 60px 50%; border-radius: 30px; padding: 30px;margin-bottom: 20px;min-height: 200px;}
.check_t2 ul { padding: 0; margin: 0 0 0 35%; list-style: none;}
.check_t2 ul li { padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.check_t2 ul li .point_1{ color: #1752b4;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t2 ul li .point_2{ color: #d93847;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t2 ul p{ font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400; margin-top: 30px;}


.check_t2_1 {border: 1px dashed #949495;background:#edfcff url(/reserve/sub2/images/check_icon2_1.png) no-repeat 60px 50%; border-radius: 30px; padding: 30px;margin-bottom: 20px;min-height: 200px;}
.check_t2_1 ul { padding: 30px 0 0 30px; margin: 0 0 0 35%; list-style: none;}
.check_t2_1 ul li { padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.check_t2_1 ul li .point_1{ color: #1752b4;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t2_1 ul li .point_2{ color: #d93847;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 500;}
.check_t2_1 ul p{ font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400; margin-top: 30px;}
        
        @media (max-width:991px){
        .check_t2 {background-position-x:20px; background-position-y:30px; background-size: 25%;min-height: auto;}       
        .check_t2 ul { margin-left: 30%;}
            
        .check_t2_1 {background-position-x:20px; background-position-y:30px; background-size: 25%;min-height: auto;}       
        .check_t2_1 ul { margin-left: 30%; padding: 0;}
        }
        
        @media (max-width:575px){
        .check_t2 {border-radius: 10px; padding: 10px 10px 20px 10px; background-position-x:50%; background-position-y:10px; background-size: 170px;margin-bottom: 10px;}   
        .check_t2 ul {  width: 100%; margin: 110px auto 0 auto;}
        .check_t2 ul li { background-position-y:10px; padding-left: 10px;}
        .check_t2 ul li,
        .check_t2 ul li .point_1,
        .check_t2 ul li .point_2,
        .check_t2 ul p{ font-size: 13px !important}
        .check_t2 ul p{margin-top: 10px;}
            
        .check_t2_1 {border-radius: 10px; padding: 10px 10px 20px 10px; background-position-x:50%; background-position-y:10px; background-size: 170px;margin-bottom: 10px;}   
        .check_t2_1 ul {  width: 100%; margin: 110px auto 0 auto;}
        .check_t2_1 ul li { background-position-y:10px; padding-left: 10px;}
        .check_t2_1 ul li,
        .check_t2_1 ul li .point_1,
        .check_t2_1 ul li .point_2,
        .check_t2_1 ul p{ font-size: 13px !important}
        .check_t2_1 ul p{margin-top: 10px;}
        }

/* 예약형태선택 */  
.pl_list_type ul {display:block; text-align:right; margin-bottom: 30px;}
.pl_list_type ul li {display:inline-block; width:135px; margin-left:5px;}
.pl_list_type ul li a {display:flex; height:45px; border:1px solid #bbbbbb; align-items:center; justify-content:center; border-radius: 50px;font-size: 16px !important; font-family: 'Paperlogy' !important; font-weight: 400;}
.pl_list_type ul li a { padding-left: 20px;}   
.pl_list_type ul li a.type_img{background:url(/reserve/sub1/images/icon_img.png) no-repeat 20px 50%;}
.pl_list_type ul li a.type_img.active{background:#3b3b3b url(/reserve/sub1/images/icon_img_white.png) no-repeat 20px 50%; color: #fff;}
.pl_list_type ul li a.type_list{background:url(/reserve/sub1/images/icon_list.png) no-repeat 20px 50%;}   
.pl_list_type ul li a.type_list.active{background:#3b3b3b url(/reserve/sub1/images/icon_list_white.png) no-repeat 20px 50%;color: #fff;}

/* 교육목록 */   
ul.class_list * {font-family:'Paperlogy' !important;}
ul.class_list  { padding:0px;  margin:30px 0 0 0; overflow: hidden;list-style : none;}
ul.class_list li{ float: left;width: 31%; margin-right: 3.5%; margin-bottom: 50px;} 
ul.class_list li:nth-child(3n){ margin-right:0;} 
ul.class_list li .name{padding:0px  10px 15px 10px;text-align: left;font-size: 20px !important;font-weight: 400;border-bottom: 1px dashed #333;line-height: 1.2 !important;height: 70px;white-space: normal;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; /* 두 줄까지만 표시 */-webkit-box-orient: vertical;}
ul.class_list li .photo_img{ margin:0 auto 15px auto;  text-align:center; }
ul.class_list li .photo_img img{width:100%; border-radius: 30px;}
ul.class_list li .photo_img .black{ position: relative;}
ul.class_list li .photo_img .black::before {content: "";position: absolute; top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);z-index: 1;border-radius: 30px;}
ul.class_list li .photo_img .black .preparation,
ul.class_list li .photo_img .black .deadline,
ul.class_list li .photo_img .black .early,
ul.class_list li .photo_img .black .complete,
ul.class_list li .photo_img .black .ready {position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%); width: 130px;color: #ffffff;text-align: center;padding: 5px 0;z-index: 2;border-radius: 50px; }
ul.class_list li .photo_img .black .preparation {background-color: #19be6f; }
ul.class_list li .photo_img .black .deadline {background-color: #19a5be; }
ul.class_list li .photo_img .black .early {background-color: #be3419; }
ul.class_list li .photo_img .black .complete {background-color: #000000; }
ul.class_list li .photo_img .black .ready {background-color: #88bb19; }
ul.class_list li .category_1,
ul.class_list li .category_2,
ul.class_list li .category_3 { display: inline-block; padding: 0 15px; border-radius: 50px;font-size: 13px !important;text-align: center; color: #fff; font-weight: 500; letter-spacing: 0; margin-left: 10px; margin-bottom: 10px;}
ul.class_list li .category_1 { background: #22ac92;}
ul.class_list li .category_2 { background: #19a5be;}
ul.class_list li .category_3{ background: #19be6f;}
ul.class_list li .gall_info{padding:20px 0 20px 10px;}
ul.class_list li .detail{  width:150px;  padding:0; background:#3c5fb3; border-radius: 50px; height: 40px; text-align: center; margin: 0 auto;}
ul.class_list li .detail:hover{background:#000;}
ul.class_list li .detail p{ font-size:16px;  color:#fff; line-height: 40px !important;}
 
.date,
.location,
.group,
.number {font-size:15px; color:#000;  letter-spacing:0; padding:5px  0px 5px 35px ; display: block; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 30px;}
.date{background:url(/reserve/sub1/images/icon_date.png) no-repeat left  ; }
.location{background:url(/reserve/sub1/images/icon_location.png)  no-repeat left ;  }
.group{background:url(/reserve/sub1/images/icon_target.png)  no-repeat left ;  }
.number{background:url(/reserve/sub1/images/icon_number.png)  no-repeat left ;  }

    
    @media (max-width:991px){
    ul.class_list  { gap:30px;}
    ul.class_list li .name{font-size: 16px !important; line-height: 1.2 !important; height: 50px;}
    }
    @media (max-width:575px){
    .pl_list_type ul { text-align: center;}
    ul.class_list li{ width: 100%;} 
    .date,
    .location,
    .group,
    .number {font-size:13px; }
    ul.class_list li .photo_img .black .preparation,
    ul.class_list li .photo_img .black .early,
    ul.class_list li .photo_img .black .deadline,
    ul.class_list li .photo_img .black .complete{width: 100px;color: #ffffff;text-align: center;padding: 2px 0;font-size:13px; }
    }

/* 각 사업소별 링크 select_box*/   
.select_box { display: inline-block; width: 100%; padding: 30px; background: #edf3ff; border: 1px dashed #949495; border-radius: 20px; margin-bottom: 30px;} 
.select_box h4 { float: left;font-family:'Paperlogy' !important;font-size: 20px !important; padding-left: 20px; line-height: 45px !important; background-color:#3c5fb3;border-radius:50px; padding: 0 40px; color: #fff;} 
.select_box .select_list { float: right; right: 0; border: 1px solid #d5d5d5; position:relative; width:260px; height:45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 30px; font-size:15px; color:#333;font-family:'Paperlogy' !important;background:#fff url('/asset/images/select_icon_arrow_down.png') no-repeat 90% 50%;}

        
        @media (max-width:575px){
        .select_box { padding: 10px 10px 20px 10px; border-radius: 10px; margin-bottom: 20px;} 
        .select_box h4 { width: 80%; font-size: 15px !important; padding:10px 20px; line-height: 15px !important; text-align: center; margin: 10px 10%;} 
        .select_box .select_list { float: none;  margin: 0 auto;}  
        }
/* 각 지난자료보기*/ 
.btn_past { width: 100%;  text-align: center; margin-top: 50px;}
.btn_past a { width: 200px; background-color:#3c5fb3;border-radius:50px; padding: 0 35px; height: 45px;}
.btn_past a {font-family:'Paperlogy' !important;font-size: 18px !important;color: #fff; line-height: 45px !important;}

/* 지난 개인정보처리방침 보기*/ 
.privacy_past { padding:6px 0 5px 15px;margin:5px 0 5px 30px; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;}
.privacy_past a { border-bottom: dashed 1px #005dc6;}
.privacy_pastwrap { }
.privacy_pastwrap .title_1 {font-family:'Paperlogy' !important;font-size: 22px !important; text-align: center;}
.privacy_pastwrap .title_2 {font-size:16px !important;text-align:center;padding:10px;margin:20px 0; border: 1px dashed #949495; background-color: #edf3ff; font-weight: 600;}
.privacy_pastwrap .title_3 {font-size:16px !important;text-align:center;padding:10px 0;margin:20px 0; font-weight: 600; text-align: left;}
.privacy_pastwrap p { margin: 10px 0;}
.privacy_pastwrap p strong { font-weight: 600;}
.privacy_pastwrap a {color:#0066FF; border-bottom: dashed 1px #005dc6;}

@media (max-width:575px){
    .privacy_past { background-position-y: 13px; margin-left: 10px; margin-top: 0; margin-bottom: 0;}
    .privacy_past a {font-size:12px !important;}
    .privacy_pastwrap .title_1 {font-size: 14px !important;}
    .privacy_pastwrap .title_2 {font-size:14px !important;}
    .privacy_pastwrap .title_3 {font-size:14px !important;}
    .privacy_pastwrap p {font-size:14px !important;}
    .privacy_pastwrap a{ display: contents;}
    
    h4.no_list_title {font-size:16px !important;}
    h4.no_list_title strong {font-size:16px !important;}
    .no_list li { width: 100%; padding-bottom: 15px;}
    .no_list_point li { width: 33%;}
    .business dd a { /*display: contents;*/}
    
}


/* 본인인증하기 */
.identity_top {border: 1px dashed #949495;background:#edf3ff url(/asset/images/identity_icon.png) no-repeat 60px 50%; border-radius: 30px; padding: 30px;}
.identity_top ul { padding: 0; margin: 0 0 0 28%; list-style: none;}
.identity_top ul li { padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 17px;font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400;}
.identity_top ul a{ font-size: 18px !important;font-family: 'Paperlogy' !important; font-weight: 400; margin-top: 20px; background-color: #3c5fb3; border-radius: 50px;color: #fff; text-align: center; width: 180px; padding: 5px 0;}
        
        @media (max-width:991px){
        .identity_top {background-position-x:20px; background-position-y:30px; background-size: 25%;}       
        .identity_top ul { margin-left: 30%;}
        }
        
        @media (max-width:575px){
        .identity_top {border-radius: 10px; padding: 10px 10px 20px 10px; background-position-x:50%; background-position-y:10px; background-size: 100px;}   
        .identity_top ul {  width: 100%; margin: 80px auto 0 auto;}
        .identity_top ul li { background-position-y:10px; padding-left: 10px;}
        .identity_top ul li,
        .identity_top ul a{ font-size: 13px !important}
        .identity_top ul a{margin-top: 10px;}
        .identity_top ul p{ text-align: center;}
        }

.cont {display:none;}

/* 통합검색결과 타이틀 */    
.search_title {border: 1px dashed #949495; background-color: #edf3ff; margin: 20px 0; padding:20px;font-size:22px !important;font-weight:600;color:#333; text-align: center;font-family: 'Paperlogy' !important; font-weight: 500;border-radius: 10px;}

@media (max-width:575px){
    .search_title {margin: 10px 0; padding:10px;font-size:16px !important;}
}

/* 모바일에서 이미지 크게 보기*/ 


        .img_full {
            position: relative;
            overflow: hidden;
            touch-action: none; /* 핀치 드래그 안정화 */
            transform-origin: center center;
        }

        .img_full img {
            display: block;
            max-width: 100%;
            height: auto;
        }

        /* 확대 후 transform 표현 */
        .img_full.zooming {
            transition: transform .05s linear;
        }
.img_enlarge_text { display: none;}

@media (max-width:991px){
        .img_full.cover {position:absolute;left:0;top:0; padding-top: 0; width:100%;height:100%;z-index:2;/*background:url(/asset/images/enlarge.gif) no-repeat 50% 0;*/box-sizing:border-box;}
        .img_enlarge_text { display: block; position: relative; margin-top: 40px; text-align: right;}
        }

/*안전보건경영방침 */
.safety-box {margin:100px 0 0;}
.safety-box .list-head h3 {font-size:38px; text-align:center; word-break:keep-all; font-family:'YeogiOttaeJalnan'; line-height:1.3;}
.safety-box .list-head h3 b {font-size:38px; color:var(--color-active); font-family:'YeogiOttaeJalnan'; line-height:1.3;}
.safety-box .list-head h3 b.gn {color:#22ad91;}
.safety-box .list-head p {font-size:22px; font-weight:500; color:#333; text-align:center; word-break:keep-all; margin:25px 0 0;}
.safety-box .list-body {margin:35px auto 0; width:calc(100% - 30px); outline:15px solid var(--color-active); border-radius:20px; padding:10px;}
.safety-box .list-body .inner {border:2px solid #fbc508; border-radius:20px; padding:40px;}
.safety-box .list-body .inner .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.safety-box .list-body .inner .title h4 {padding:5px 60px; font-size:28px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--color-active); color:#fff; border-radius:50px;}
.safety-box .list-body .inner .text ul {border-radius:20px; background:var(--color-light-active); padding:40px;}
.safety-box .list-body .inner .text ul li {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.safety-box .list-body .inner .text ul li:last-of-type {margin:0;}
.safety-box .list-body .inner .text ul li b {font-size:22px; font-weight:800; color:var(--color-active); width:60px;}
.safety-box .list-body .inner .text ul li p {font-size:22px; font-weight:500; color:#333; word-break:keep-all; flex:1; min-width:0;}
.safety-box .list-body .inner .bottom {margin:30px 0 0;}
.safety-box .list-body .inner .bottom p {font-size:20px; font-weight:500; color:#333; text-align:center; word-break:keep-all;}
.safety-box .list-body .inner .bottom .bottom_logo {margin-top:50px;font-size:20px; font-weight:500;}
.safety-box .list-body .inner .bottom .bottom_logo img {width:100px;margin-right:20px;}
.safety-box .list-body .inner .bottom .bottom_logo strong {font-size:20px;font-weight:500;}
.safety-box .list-body .inner .bottom .bottom_logo strong img {font-size:20px;font-weight:500;margin-left:10px;}
     
.zero-box {margin:100px 0 0;}
.zero-box .list-head h3 {font-size:38px; text-align:center; word-break:keep-all; font-family:'YeogiOttaeJalnan'; line-height:1.3;}
.zero-box .list-head h3 b {font-size:38px; color:var(--color-active); font-family:'YeogiOttaeJalnan'; line-height:1.3;}
.zero-box .list-head h3 b.gn {color:#22ad91;}
.zero-box .list-body {margin:35px auto 0; width:calc(100% - 30px); outline:15px solid #22ad91; border-radius:20px; padding:10px;}
.zero-box .list-body .inner {border:2px solid #fbc508; border-radius:20px; padding:40px;}
.zero-box .list-body .inner .title {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.zero-box .list-body .inner .title h4 {padding:5px 60px; font-size:28px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#22ad91; color:#fff; border-radius:50px;}
.zero-box .list-body .inner .text ul {border-radius:20px; padding:40px 40px 40px 40%;background:#e7fbf7 url(/manage/sub3/images/icon_zero.png) no-repeat 80px 50%;}
.zero-box .list-body .inner .text ul li {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.zero-box .list-body .inner .text ul li:last-of-type {margin:0;}
.zero-box .list-body .inner .text ul li b {font-size:22px; font-weight:800; color:#22ad91; width:60px;}
.zero-box .list-body .inner .text ul li p {font-size:22px; font-weight:500; color:#333; word-break:keep-all; flex:1; min-width:0;}
.zero-box .list-body .inner .text ul li p  strong {font-size:22px; font-weight:500; color:#00987a;}
.zero-box .list-body .inner .text ul li ul { width: 100%; padding: 10px 0 0 70px; background-image: none;}
.zero-box .list-body .inner .text ul li ul li { padding:3px 0 3px 15px;margin:0; background:url(/asset/images/s_bulet.gif) no-repeat 0 15px;}

@media (max-width:1300px){
    .zero-box .list-body .inner .text ul { background-image: none; padding: 40px;}
     }
@media (max-width:991px){
.safety-box {margin:50px 0 0;}
.safety-box .list-head h3 {font-size:25px;}
.safety-box .list-head h3 b {font-size:25px;}
.safety-box .list-head h3 b.gn {display:block;}
.safety-box .list-head p {font-size:15px; margin:10px 0 0;line-height: 1.4;}
.safety-box .list-body {width:calc(100% - 10px); outline:5px solid var(--color-active);}
.safety-box .list-body .inner {padding:40px 10px;}
.safety-box .list-body .inner .title h4 {padding:5px 30px; font-size:18px;}
.safety-box .list-body .inner .text:before {width:75px; height:29px; margin:20px auto; background-size:75px auto;}
.safety-box .list-body .inner .text ul {padding:20px;}
.safety-box .list-body .inner .text ul li {margin:0 0 10px;}
.safety-box .list-body .inner .text ul li b {font-size:14px; width:45px;}
.safety-box .list-body .inner .text ul li p {font-size:14px; line-height: 1.4;}
.safety-box .list-body .inner .bottom p {font-size:18px;}

    
.zero-box {margin:50px 0 0;}
.zero-box .list-head h3 {font-size:25px;}
.zero-box .list-head h3 b {font-size:25px;}
.zero-box .list-head h3 b.gn {display:block;}
.zero-box .list-body {width:calc(100% - 10px); outline:5px solid var(--color-active);}
.zero-box .list-body .inner {padding:10px;}
.zero-box .list-body .inner .title h4 {padding:5px 30px; font-size:18px;}
.zero-box .list-body .inner .text:before {width:75px; height:29px; margin:20px auto; background-size:75px auto;}
.zero-box .list-body .inner .text ul {padding:20px;}
.zero-box .list-body .inner .text ul li {margin:0 0 10px;}
.zero-box .list-body .inner .text ul li b {font-size:14px; width:45px;}
.zero-box .list-body .inner .text ul li p {font-size:14px; line-height: 1.4;}
.zero-box .list-body .inner .text ul li p  strong {font-size:14px; line-height: 1.4;}
.zero-box .list-body .inner .text ul li ul {padding: 10px 0 0 50px;}
.zero-box .list-body .inner .text ul li ul li { padding:3px 0 3px 15px;font-size:14px; line-height: 1.4; background-position-y: 10px}
}
@media (max-width:575px){
.safety-box .list-head p br {display:none;}
.safety-box .list-head h3 b.gn {display:inline-block;}
.safety-box .list-body .inner { padding-bottom: 10px; padding-top: 10px;}
.safety-box .list-body .inner .title h4  {font-size:15px; text-align: center;}
.safety-box .list-body .inner .bottom p {font-size:14px;line-height: 1.4;}
.safety-box .list-body .inner .bottom .bottom_logo { margin-top: 20px;}
.safety-box .list-body .inner .bottom .bottom_logo img { display: block; margin: 10px auto}
.safety-box .list-body .inner .bottom .bottom_logo strong {font-size:14px;}
.safety-box .list-body .inner .bottom .bottom_logo strong img { display: block; margin: 10px auto}
    
.zero-box .list-head p br {display:none;}
.zero-box .list-head h3 b.gn {display:inline-block;}
.zero-box .list-body .inner { padding-bottom: 10px; padding-top: 10px;}
.zero-box .list-body .inner .title h4  {font-size:15px; text-align: center;}
}

/*버튼 라운드 */
.gears .action {border-radius:50px;}

/*버튼 블루라운드형 */

.action_blue {border-radius:50px;font-size:16px !important;background:#3c5fb3; color:#fff !important;padding:7px 30px;margin-top:10px;font-weight:600;}
/*버튼 민트 사각 라운드형 */
.action_mint {border-radius:50px;font-size:16px !important;background:#22ac92; color:#fff !important;padding:7px 50px;margin:10px;font-weight:600;}


<!-- ============================================================
     안동시시설관리공단 > 청소년프로그램 (facility/sub3/sub1_8.asp)
     이미지 왼쪽 / .business_2 dd 콘텐츠 오른쪽 2단 배치 + 반응형
     ※ 관리자 콘텐츠 편집기의 [HTML 편집] 모드에서
        <div class="right-body" data-contents> 안의 내용을
        아래 블록으로 통째로 교체하세요.
     ============================================================ -->

<style>
/* ── 2단(이미지 좌 / 내용 우) 레이아웃 ───────────────────────── */

.prog-view { display: block; width: 100%; overflow: hidden;}  /* 부모 높이 확보 */

/* 공통 .business_2 의 float:left; width:100% 해제 (2단 배치 방해) */
.prog-view .business_2 { float: none; width: auto; padding: 0; margin: 0; }

.prog-view__head { padding: 20px 0 0 0 !important; margin: 10px 5px 0 !important;  }

.prog-view__body {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 30px;
  margin: 14px 5px 10px;
}

/* 왼쪽 : 사진 */
.prog-view__photo {
  flex: 0 0 40%;
  max-width: 400px;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.prog-view__photo img {
  float: none;          /* .business_2 img{float:left} 무력화 */
  display: block;
  width: 100%;
  height: auto;
}

/* 오른쪽 : dd 내용 */
.prog-view__info { flex: 1 1 0; min-width: 0; margin: 0; }
.prog-view__info dd { padding: 0; margin: 0; }
.prog-view__info dd > ul > li { display: flex; align-items: baseline; }
.prog-view__info dd > ul > li > .text1 { flex: 0 0 auto; white-space: nowrap; margin-right: 5px; }
.prog-view__info dd > ul > li > .text1::after { color: #333; font-weight: 400;}
.prog-view__info dd > ul > li > .txt { flex: 1 1 auto; min-width: 0; margin-left: 5px; }
.prog-view__info dd > ul > li { flex-wrap: wrap; }
.prog-view__info dd > ul > li > .txt { flex: 1 1 0; }
.prog-view .business_2 dd > ul > li > ul { flex: 0 0 100%; width: 100%; padding: 0; margin: 2px 0 0; }

.point_t { font-weight: 600;margin: 20px 0 0 0;}
a.link_txt{ color: #005CC2; font-weight: 600;}

/* ── 반응형 ─────────────────────────────────────────────────── */

/* 태블릿 : 2단 유지, 사진 비율만 축소 */
@media (max-width: 991px) {
  .prog-view__body { gap: 24px; }
  .prog-view__photo { flex-basis: 40%; }
}

/* 모바일 : 사진 위 / 내용 아래로 세로 배치 */
@media (max-width: 767px) {
  .prog-view__head {  padding-top: 0;}
  .prog-view__body { display: block; margin: 12px 5px 10px; }
  .prog-view__photo { max-width: 100%; margin: 0 0 18px; }
  .prog-view__photo img { border-radius: 4px; }
    
  .prog-view__info dd > ul > li > .text1 { font-size: 14px;line-height: 1.4;}
  .prog-view__info dd > ul > li > .txt { font-size: 14px; line-height: 1.4;}
  .point_t { font-size: 14px; line-height: 1.4; margin: 10px 0 0 0;}
    
  .prog-view .business_2 dd ul { padding: 0 0 0 10px; font-size: 15px; }
  .prog-view .business_2 dd ul li { background-position-y: 20px; }
}

/* 소형 모바일 : 타이포·불릿 축소 (사이트 .business 규칙과 동일 톤) */
@media (max-width: 575px) {
  .prog-view__head { margin: 10px 0 0 !important; }
  .prog-view__body { margin: 12px 0 10px; }
  .prog-view .business_2 dt {
    padding: 7px 0 10px 25px;
    font-size: 16px !important;
    background-size: 18px;
    background-position-y: 12px;
  }
  .prog-view .business_2 dd ul { padding: 0 0 0 10px; font-size: 18px; }
  .prog-view .business_2 dd ul li { background-position-y: 13px; }
}