/* subpage common */
img {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }

.row { margin-left: 0; margin-right: 0; }

.sub .container { margin-bottom: 40px; position: relative; padding-left: 0; padding-right: 0; width: 1200px; }

.sub .container p { display: block; max-width: 1000px; font-size: 18px; line-height: 1.6em; }

.sub .container .text-sm { display: block; max-width: 1000px; font-size: 16px; line-height: 1.6em; }

.subpage-content { padding-top: 30px; padding-bottom: 30px; position: relative; }

.img-wrap { display: block; margin-left: auto; margin-right: auto; text-align: center; }

/* 준비중페이지 */
.commingsoon-wrap { display: block; position: relative; padding-bottom: 80px; }

.sub .container .sub-commingsoon { margin: 100px auto; font-weight: 500; font-size: 22px; }

/* 게시판 공통 레이아웃 */
.subpage-amboard-wrap { position: relative; padding-bottom: 60px; }

/* subpage banner */
.subpage-banner { position: relative; width: 100%; height: 340px; margin-top: 0; background: url("/img/subpage/subpage_banner.png") top center no-repeat; background-size: cover; overflow: visible; }

.subpage-banner h1 { font-size: 50px; font-weight: 700; color: #fff; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }

.subpage-menu-bg { width: 100%; background-color: rgba(241, 241, 241, 0.5); position: absolute; left: 0; bottom: 0; }

.subpage-menu-bg .subpage-menu-wrap { max-width: 1200px; padding: 0; margin: 0 auto; }

.subpage-menu>li { position: relative; float: left; display: block; min-width: 220px; height: 60px; font-size: 20px; line-height: 60px; background-color: #fff; color: #57504a; padding: 0 25px; border-right: 1px solid #cec9c7; border-bottom: 1px solid #ebe9e9; }

.subpage-menu>li:after { content: ""; display: block; width: 24px; height: 24px; background: url("/img/subpage/subpage_manu_arrow.png") center center no-repeat; position: absolute; top: 50%; right: -12px; margin-top: -12px; z-index: 1; }

.subpage-menu>li:last-child { border-right: none; }

.subpage-menu>li:last-child:after { display: none; }

.subpage-menu>li.down { padding: 0; }

.subpage-menu>li.down>button { display: block; width: 100%; height: 100%; font-size: 20px; line-height: 60px; color: #57504a; padding: 0 50px 0 25px; text-align: left; }

.subpage-menu>li.down>button:after { content: ""; display: block; background: url("/img/subpage/subpage_manu_down.png") 0 0 no-repeat; width: 17px; height: 10px; position: absolute; top: 50%; right: 25px; margin-top: -5px; }

.subpage-menu>li.down.active>button:after { transform: rotate(180deg); }

.subpage-menu>li>ul { width: calc(100% + 2px); background-color: #fff; border: 1px solid #ebe9e9; border-top: none; position: absolute; top: 59px; left: -1px; max-height: 0; transition: max-height 0.15s ease-out; overflow: hidden; z-index: 2; }

.subpage-menu>li.down>button.current { font-weight: bold; }

.subpage-menu>li.active>ul { max-height: 650px; transition: max-height 0.15s ease-in; }

.subpage-menu>li>ul>li { height: 54px; line-height: 54px; }

.subpage-menu>li>ul>li>a { display: block; font-size: 18px; padding: 0 25px; }

.subpage-menu>li>ul>li>a:hover { background-color: #eee; }

.subpage-menu>li.home { min-width: 70px; padding: 17px 25px 17px 20px; }

/* title */
.top-title { position: relative; display: block; width: 100%; text-align: left; margin: 60px 0; }

.top-title:before { content: ""; display: block; width: 62px; height: 17px; background: url("/img/subpage/toptitle.png") 0 0 no-repeat; margin-bottom: 5px; }

.top-title:after { content: ""; display: block; width: 100%; height: 1px; background-color: #ddd; position: absolute; left: 0; bottom: 27px; z-index: -1; }

.top-title h2 { position: relative; display: inline-block; background-color: #fff; font-size: 36px; padding-right: 25px; }

div.box_content ul { margin-top: 5px; }

div.box_content ul li { list-style: square; list-style-position: inside; }

.subtitle-lg { position: relative; font-size: 28px; padding-left: 35px; margin-top: 30px; margin-bottom: 20px; }

.subtitle-lg:before { content: ""; display: block; width: 21px; height: 16px; background: url("/img/subpage/subtitle_lg.png") 0 0 no-repeat; position: absolute; top: 50%; left: 0; margin-top: -8px; }

.subtitle-lg-center { position: relative; font-size: 28px; margin-top: 30px; margin-bottom: 20px; text-align: center; }

.subtitle-lg-center:before { content: ""; display: inline-block; width: 21px; height: 16px; background: url("/img/subpage/subtitle_lg.png") 0 0 no-repeat; padding-left: 10px; }

.subtitle-md { position: relative; font-size: 23px; padding-left: 30px; margin-top: 20px; margin-bottom: 20px; }

.subtitle-md:before { content: ""; display: block; width: 14px; height: 14px; background: url("/img/subpage/subtitle_md.png") 0 0 no-repeat; position: absolute; top: 50%; left: 7px; margin-top: -7px; }

.subtitle-sm { position: relative; font-weight: 400; padding-left: 40px; font-size: 20px; font-weight: 500; margin-top: 10px; margin-bottom: 10px; }

.subtitle-sm::before { content: ""; display: block; width: 4px; height: 4px; background: #ccc; position: absolute; top: 50%; left: 30px; margin-top: -2px; }

/* box content */
.box-title { position: relative; display: block; max-width: max-content; background-color: #f8f8f8; padding: 60px 45px; margin: 40px auto; text-align: center; }

.box-title::before { content: ""; display: block; background: url("/img/subpage/boxtitle_left.png") 0 0 no-repeat; width: 46px; height: 51px; position: absolute; top: -5px; left: -5px; z-index: 1; }

.box-title::after { content: ""; display: block; background: url("/img/subpage/boxtitle_right.png") 0 0 no-repeat; width: 46px; height: 49px; position: absolute; right: -5px; bottom: -5px; z-index: 1; }

.box-title.box-md { padding: 25px 30px; margin: 30px auto; }

.box-title.box-md::before { background: url("/img/subpage/boxtitle_left_md.png") 0 0 no-repeat; width: 38px; height: 38px; position: absolute; }

.box-title.box-md::after { background: url("/img/subpage/boxtitle_right_md.png") 0 0 no-repeat; width: 37px; height: 37px; }

.box-title.box-sm { padding: 25px; margin: 20px auto; }

.box-title.box-sm::before { background: url("/img/subpage/boxtitle_left_sm.png") 0 0 no-repeat; width: 24px; height: 23px; position: absolute; }

.box-title.box-sm::after { background: url("/img/subpage/boxtitle_right_sm.png") 0 0 no-repeat; width: 23px; height: 23px; }

.box-title.box-gray::before { background: url("/img/subpage/boxtitle_left_gray.png") 0 0 no-repeat; }

.box-title.box-gray::after { background: url("/img/subpage/boxtitle_right_gray.png") 0 0 no-repeat; }

.sub .container .box-title p { font-size: 16px; }

.box-con { display: block; width: auto; height: auto; padding: 40px 45px; border: 10px solid #cec9c7; }

.box-con2 { display: block; width: auto; height: auto; padding: 30px 35px; border: 1px solid #ddd; }

/* 목록 */
.sub-dot-list { position: relative; list-style: none; }

.sub-dot-list li { position: relative; font-size: 17px; padding-left: 13px; margin: 6px 0px; }

.sub-dot-list1 li:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #eae3e1; position: absolute; top: 9px; left: 0px; }

.sub-dot-list2 li:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #28a7e1; position: absolute; top: 9px; left: 0px; }

.sub-dot-list3 li:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #8fc43d; position: absolute; top: 9px; left: 0px; }

.sub-dot-list4 li:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #f39938; position: absolute; top: 9px; left: 0px; }

.sub-dash-list { position: relative; list-style: none; }

.sub-dash-list li { position: relative; font-size: 16px; padding-left: 10px; margin: 6px 0px; }

.sub-dash-list li:before { content: ""; width: 6px; height: 1px; background-color: #717171; position: absolute; top: 10px; left: 0px; }

/* table */
.table-responsible { width: 100%; overflow-x: auto; padding-bottom: 10px; }

.table-responsible:last-child { padding-bottom: 110px; }

.table-responsible .table { display: table; width: 100%; max-width: 100%; border-collapse: collapse; }

.table thead { border-top: 4px solid #56504b; }

.table thead tr th { font-size: 16px; font-weight: 700; padding: 17px 15px; text-align: center; background-color: #f5f5f5; }

.table thead tr th.bg-white { background-color: #fff; }

.table thead tr td { font-size: 16px; font-weight: 700; padding: 17px 15px; text-align: left; }

.table tbody tr th { font-size: 18px; font-weight: 700; padding: 15px; text-align: left; }

.table tbody tr td { font-size: 16px; padding: 15px; text-align: left; }

.table tr>* { border: 1px solid #ddd; }

.table tr>*:first-child { border-left: none; }

.table tr>*:last-child { border-right: none; }

.table-bottom-text { text-align: right; margin-left: auto; }

.table tbody tr th { font-size: 16px; font-weight: 500; }

.table .btn { font-weight: 600; min-width: 140px; padding: 10px 20px; }

.notice-table .col1 { width: 10%; }

.notice-table .col2 { width: 15%; }

.notice-table .col3 { width: 5%; }

.notice-table .col4 { width: 20%; }

.notice-table .col5 { width: auto; }

.notice-table .col6 { width: 12%; }

.org-table .col1 { width: 20%; }

.org-table .col2 { width: 10%; }

.org-table .col3 { width: auto; }

.org-table .col4 { width: 20%; }

.org-table tbody tr td { }

.department_table td { cursor: pointer; }

.tab-btn { cursor: pointer; }
.table tfoot, .table caption{display:none;}
/** 재단소개 **/
/* 인사말 */
.introduce .box-title.box-sm { margin-top: 50px; }

.introduce .box-title.box-start:after { background: none; }

.introduce-last-box { font-weight: bold; margin-bottom: 80px; }

.sub .introduce .container p { margin-top: 5px; margin-bottom: 5px; line-height: 1.7em; text-shadow: 2px 2px 10px white, 1px 1px 2px white;  max-width: 100%; text-align:center;}

/* 비전 미션 */
.operation_goal_list li.goal_list_tit { display: inline-block; background-color: #eae3e1; width: 288px; height: 58px; border-radius: 30px; margin: 10px 3px; line-height: 58px; text-align: center; font-weight: 500; }

.unit_business_wrap { position: relative; width: 100%; border: 1px solid #ddd; border-radius: 80px; padding: 80px 40px 60px 40px; }

.unit_business_wrap img { position: absolute; top: -30px; left: calc(50% - 140px); }

.unit_first_list_con { width: 50%; padding-left: 110px; position: relative; }

.unit_first_list_con:after { content: ''; display: block; width: 1px; height: 200px; background-color: #ddd; position: absolute; top: 0px; right: 0px; }

.unit_secon_list_con { padding-right: 110px; }

.unit_first_list_con li,
.unit_secon_list_con li { font-weight: 500; }

.vision_mission .img-wrap{}
.vision_mission .img-wrap.pc{margin-bottom:70px;}
.vision_mission .img-wrap img{}



/* 연혁 */
.history_year_tab { text-align: center; }

.history_year_tab li { display: inline-block; width: 190px; border: 1px solid #ddd; line-height: 60px; text-align: center; background-color: #f4f3f3; font-weight: bold; height: 60px; color: #cbcbcb; font-size: 28px; }

.history_year_tab li span::before { content: url("/img/foundation_introduction/history_tab_off_icon.png"); vertical-align: middle; padding-right: 5px; display: inline-block; position: relative; top: -3px; margin-right: 3px; }

.history_year_tab li.on { background-color: #fff; color: #56504b; }

.history_year_tab li.on span::before { content: url("/img/foundation_introduction/history_tab_on_icon.png"); vertical-align: middle; padding-right: 5px; }

/* 조직도 */
.org-division-tit { background-color: #8fc43d; border-radius: 80px; padding: 15px 0px; text-align: center; color: #fff; }

.table.department_table tbody tr th { font-size: 24px; text-align: center; }

.table.department_table tbody td { font-size: 18px; text-align: center; }

.table.department_table tbody td.on { background-color: #eae3e1; font-weight: bold; }

/* ci */
.group_in_con { width: 33%; display: inline-block; text-align: center; }

.group_in_con p { font-weight: 900; margin-top: 10px; }

.color_box { height: 28px; }

.color_box.green { background: #8dc558; }

.color_box.blue { background: #29abdf; }

.color_box.orange { background: #f59551; }

div.ci-btn a:first-child { margin-right: 10px; }

/* 오시는 길 */
.location_table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.location_table tr th { padding: 23px 10px; }

.location_subway_wrap img,
.location_subway_wrap>div { display: inline-block; }
.location_subway_wrap img, .location_bus_wrap img{width:60px;}
.location_subway_wrap>div { width: 400px; }

.location_subway_wrap div h5,
.location_bus_wrap div h5 { padding: 10px 0px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }

.one_line_icon:before { content: '1'; display: inline-block; width: 20px; height: 20px; background-color: #263c96; border-radius: 100px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; margin-right: 5px; }
.one_line_icon.subway1:before{content: '1'; background-color: #263c96;}
.one_line_icon.subway2:before{content: '2'; background-color: #009D3E;}
.one_line_icon.subway3:before{content: '3'; background-color: #EF7C1C;}
.one_line_icon.subway4:before{content: '4'; background-color: #00A5DE;}
.one_line_icon.subway5:before{content: '5'; background-color: #996CAC;}
.one_line_icon.subway6:before{content: '6'; background-color: #CD7C2F;}
.one_line_icon.subway7:before{content: '7'; background-color: #747F00;}
.one_line_icon.subway8:before{content: '8'; background-color: #EA545D;}
.one_line_icon.subway9:before{content: '9'; background-color: #BB8336;}
.one_line_icon.ic_subway1:before{content: '인천1호선'; width: 60px; background-color: #00A5DE;}
.one_line_icon.ic_subway2:before{content: '인천2호선'; width: 60px; background-color: #EF7C1C;}

.location_bus_wrap img,
.location_bus_wrap>div { display: inline-block; }

.location_bus_wrap>div { width: 400px; }

.bus_line_icon:before { content: '간선'; display: inline-block; width: 40px; height: 20px; background-color: #3556a6; border-radius: 100px; color: #fff; font-size: 12px; font-weight: bold; text-align: center; line-height: 20px; margin-right: 5px; }

.bus_line_icon.type2:before { content: '지선'; background-color: #50a232; }

.bus_line_icon.type3:before{ content: '광역'; background-color: #e60012; }

.bus_line_icon.type4:before{ content: '일반'; background-color: #33CC99; }

.bus_line_icon.type5:before{ content: '직행'; background-color: #e60012; }

.bus_line_icon.type6:before{ content: '좌석'; background-color: #3556a6; }

.kakao_shortcuts_btn { text-align: right; }

/* 사회서비스모델 구축 */
.link_short_btn_wrap { position: absolute; top: 25px; right: 0px; }

.info-tab.execution { border: 2px solid #56504b;
    border-width: 0 0 2px 0;
    background-color: #f5f5f5;
    position: relative;
    margin: 60px 0 70px;
    font-size: 0; }

#body.execution .subpage-content { padding: 0; }

#body.execution .subpage-content .subtitle-lg { margin-top: 0; padding-bottom: 0; margin-bottom: 27px; }

#body.execution .subtitle-md { margin-bottom: 26px; }

#body.execution .subpage-content .table-responsible { padding-bottom: 0; }

#body.execution hr { margin-top: 50px; margin-bottom: 50px; }

#body.execution .btn { margin: 20px 0 0; }

.info-tab.execution li {text-align: center;
    padding: 20px 45px;
    width: 25%;
    /* float: left; */
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;}

.info-tab.execution li.tab_on { }

.info-tab.execution li.tab_on span { border-bottom: 8px solid #8fc43d; position: absolute; width: 100%; left: 0; bottom: -2px; }

.info-tab.execution li.tab_on span::after { content: ""; display: block; width: 0px; height: 0px; border-top: 5px solid #8fc43d; border-bottom: none; border-right: 5px solid transparent; border-left: 5px solid transparent; position: absolute; left: 50%; bottom: -13px; z-index: 10; }

/* 복지협력체계구축 */
.mini-square { display: inline-block; width: 35px; height: 3px; background-color: #56504b; position: relative; top: 20px; }

/* 노인지원index */

.comprehensive_index .subtitle-lg { margin: 0px 0 30px; line-height: 1; }
.comprehensive_index .box-con {margin-top:70px; }

.comprehensive_index .tab_box { margin-bottom: 0; display: inline-block; }

.comprehensive_index .tab_box ul { float: left; }

.comprehensive_index .tab_box ul li { float: left; }

.comprehensive_index .tab_box ul li a { display: inline-block; width: 155px; height: 54px; border-radius: 30px; line-height: 54px; box-shadow: 3.4px 6.1px 5px 0 rgba(6, 0, 1, 0.07); background-color: #cec9c7; font-size: 19.5px; font-weight: bold; letter-spacing: -0.2px; text-align: center; color: #fff; margin-right: 10px; }

.comprehensive_index .tab_box ul li a.active { background-color: #f39938; }

/* 어르신지원 */
.content-box { width:100%; }
.content-box-1 { width:100%; background:#f7f7f7; }
.content-box .content { width:1200px; margin:0 auto; }
.content-box .subpage-content { width:1200px; margin:0 auto; padding:100px 0 130px; font-size:0; }
.content-box .subtitle-lg { margin: 0px; }
.content-box .subtitle-lg:before { left:0; }
.content-box .content ol { }
.content-box .content ol > li { }
.content-box .content ol > li > p {font-size: 18px; padding-left: 24px; line-height: 1; color: #56504b; margin:30px 0 0; }
.content-box .content p.list-title { font-size: 20px; font-weight: 600; padding-left:0; letter-spacing: -0.6px; line-height:1; color: #56504b; margin:70px 0 0; }
.content-box .content p.list-title img { vertical-align: middle; margin-right:10px; }
.content-box .content ol > li > div {width:1190px; margin:0 auto;min-height: 250px; margin: 30px 0 0px;border-radius: 10px;padding:35px 0; background-color: #fff; }
.content-box .content ol div ul { font-size:0; width:100%; height:100%; }
.content-box .content ol div ul li { display:inline-block; width:33.3%; vertical-align: top; padding:0 40px; min-height: 180px; position:relative; }
.content-box .content ol div ul li:before {content: ""; display: inline-block; width: 1px; left: 0; position: absolute; height: 100%; background: #ddd; }
.content-box .content ol div ul li:first-child:before { display:none; }
.content-box .content ol div h2 { line-height:1; margin-bottom:20px; font-size: 20px; font-weight: 600; letter-spacing: -0.6px; text-align: left; color: #56504b; }
.content-box .content ol div h2:before { content:""; display:inline-block; width: 6px; height: 6px; margin: 0px 10px 4px 0; background-color: #8ec43e; }
.content-box .content ol div p {font-size: 16px;letter-spacing: normal;line-height: 1.5;margin-bottom: 5px;text-align: left;color: #56504b; }
.content-box .content ol div p:last-child { margin-bottom:0; }
.content-box .content ol div p.list-style { position:relative; padding-left:10px; }
.content-box .content ol div p.list-style:before { content:"-"; position:absolute; left:0; }

/* 대체인력 지원센터 순서도 추가 */
.content-box .content div.line{text-align:left;    min-height: auto;padding:0;background: none; margin: 30px 0 0 0; font-size:0; width:920px; vertical-align:top; }
.content-box .content div.line div{    display: inline-block;
    width: 200px;
    min-height: 150px;
    vertical-align: top;
    position: relative;
    border-radius: 10px;
    padding:35px 0;
    border: solid 1px #ddd;
    margin-right: 40px;
    background-color: #fff;}
.content-box .content div.line div::after{
    display:block;
    content : "▶";
    font-size:13px;
    color:#8fc43d;
    position: absolute;
    top:50%;
    right:-26px;
    transform: translate(0%, -50%);

}
.content-box .content div.line div:nth-child(4n){margin-right:0;}
.content-box .content div.line div:nth-child(4n)::after{display:none;}
.content-box .content div.line h2{padding:0 0 14px;text-align:center;font-size: 20px;
    font-weight: 600;margin-bottom:0;
    letter-spacing: -0.6px;
    color: #8fc43d;}
.content-box .content div.line h2:before{display:none;}
.content-box .content div.line p{ font-size: 16px;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: center;
    color: #56504b;}
.content-box .content div.line span.block{
    display:block;
    margin-top:20px;
    font-size: 16px;
    line-height: 1;
    text-align: left;
    color: #56504b;
}
.content-box .content div.line.table div{display:inline-table;}
.content-box .content div.line.table div:nth-child(4n){margin-right:0;}
.content-box .content div.line.table p{display:table-cell;vertical-align:middle;}
.content-box .content div.line.table p{ font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.6px;
    text-align: center;
    color: #56504b;}
/* 장애인 권익옹호기관 순서도 */
.content-box-1-3 + .content-box-1-2 .subpage-content{padding-top:70px;}
.content-box-1-3  content, .content-box .subpage-content {width:1250px; }
.content-box-1-3  .subpage-content{padding-bottom:0;}
.content-box-1-3 .content div.line{width:100%; margin-bottom:70px;}
.content-box-1-3 .content div.line div{width:200px;padding:0; height:200px; border:none;background:url('/img/subpage/icon-1.png') center 27px no-repeat #f39938; background-size:auto; margin-right:50px; }
.content-box-1-3 .content div.line div:nth-child(2){background:url('/img/subpage/icon-2.png') center 35px no-repeat #56504b;}
.content-box-1-3 .content div.line div:nth-child(3){background:url('/img/subpage/icon-3.png') center 25px no-repeat #8fc43d;}
.content-box-1-3 .content div.line div:nth-child(4){background:url('/img/subpage/icon-4.png') center 25px no-repeat #43b2e5; margin-right:50px;}
.content-box-1-3 .content div.line div:nth-child(5){background:url('/img/subpage/icon-5.png') center 30px no-repeat #56504b;}

.content-box-1-3 .content div.line div:after{content:"";background:url('/img/subpage/arrow-icon.png') center center no-repeat;  width: 19px;
    height: 32px;right: -33px;}
.content-box-1-3 .content div.line div:after, .content-box-1-3 .content div.line div:nth-child(4):after {display:block;}
.content-box-1-3 .content div.line div:last-child:after{display:none;}

.content-box-1-3 .content div.line div p{    margin-top: 119px;font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #fff;}
.content-box-1-3 .content .btn{margin:25px 0 0;}

/* 산하기관 오시는 길 */
.content-box-1-2 .map div.center:nth-child(2){text-align:right;}
.content-box-1-2 div.center div{text-align:left;}
.content-box-1-2 div[class*=location]{display:inline-block;width:50%; vertical-align: top;margin-bottom:100px;}
.content-box .location_subway_wrap p, .content-box .location_bus_wrap p{font-size:16px; margin:0 0 5px;}
/* 찾아오시는 길 */
.content-box .subpage-content .row a img,.content-box #kakaomap { width:100%; margin-top:30px; }
.content-box #kakaomap div { font-size:14px; }
.content-box #kakaomap div[style*='https://t1.daumcdn.net/localimg/localimages/07/mapjsapi/triangle.png'],
.content-box #kakaomap div[style*='http://t1.daumcdn.net/localimg/localimages/07/mapjsapi/triangle.png']
{ top: 100% !important; }
.content-box .subpage-content .row .t_center { margin-bottom:70px; }
.content-box .subpage-content .row .t_center a { margin:0; }
.content-box #business_board { }
.comprehensive_index { margin-bottom:0px !important; }
.content-box .subpage-content .subpage-amboard-wrap { padding-bottom:0; }
.content-box-1-2 .subtitle-lg ~ .col-lg-12 { padding:0; }


.sch_select_box { width: 175px; height: 50px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/admin/amboard/skin/policy_board_real_policy/skin_images/arrow_select.png) no-repeat 95% 50%; font-size: 18px; font-weight: 500; color: #56504b; border-bottom: 2px solid #56504b; padding-left: 10px; cursor: pointer; outline: none; border-radius: 0; }

.comprehensive_index .left-swiper-box { width: 570px; height: 380px; float: left; box-sizing: content-box;position:relative; }
.comprehensive_index .left-swiper-box .swiper-container { height: 380px;}
.comprehensive_index .editer-swiper img {  max-width: none; height: 100% !important; }

.comprehensive_index .table-responsible { width: 580px; margin-left: 50px; overflow-x: auto; text-align: center; float: right; padding-bottom: 0; }
.comprehensive_index .table-responsible table { border-top: 4px solid #56504b; min-height: 380px; box-sizing: border-box; }
.comprehensive_index .table-responsible table + .btn{ margin-top:20px; }

.comprehensive_index .table-responsible table td { padding: 21px; font-size: 16px; font-weight: 300; line-height: 1.2; letter-spacing: -0.48px; text-align: left; color: #56504b; }

.comprehensive_index .table-responsible table th { width: 130px; line-height: 1; font-size: 17px; font-weight: bold; padding: 22px; letter-spacing: -0.51px; text-align: left; color: #56504b; }

.comprehensive_index .subpage-content { clear: both; display: inline-block; padding-top:70px; width: 100%; padding-bottom: 70px; }

.comprehensive_index table.board_list td { border-bottom: 1px solid #ddd; padding: 0; height: 80px; }

.comprehensive_index .notice-pagination { position: absolute; bottom: -34px; width:100% !important; text-align: center; z-index: 9; display:none;font-size:0; line-height: 1; }

.comprehensive_index .notice-pagination .swiper-pagination-bullet { width: 14px; height: 14px; display: inline-block; margin-left: 8px; border-radius: 100%; background: transparent; opacity: 1; border: 1px solid #56504b; }

.comprehensive_index .notice-pagination .swiper-pagination-bullet-active { background: #56504b; }
.comprehensive_index .swiper-button-prev { width:50px; height:60px; left:0; top:180px; background:url('/img/subpage/slide_left.png'); }
.comprehensive_index .swiper-button-next { width:50px; height:60px; right:0; top:180px; background:url('/img/subpage/slide_right.png'); }

/* 종합안내센터 */
.subtitle-full { display: block; padding: 15px; width: 100%; text-align: center; }

.sub-infobox { border: 1px solid #eae3e1; padding: 30px; margin-top: 30px; position: relative; }

.sub-infobox .subtitle-full { position: absolute; top: 0; left: 0; }

.sub .container .sub-infobox p { font-size: 17px; }

.sub-infobox .btn { padding: 10px 20px; min-width: 140px; font-size: 18px; }

/* 종합안내센터 2021리뉴얼 */
.sub-infobox-2021 { display: block; width: 100%; height: 100%; border: 1px solid #eae3e1; margin-bottom: 30px; }

.sub-infobox-2021:hover { background-color: #f5f5f5; }

.sub-infobox-table .title-td { width: auto; padding-left: 40px; }

.infobox-title { display: block; position: relative; font-size: 24px; font-weight: 500; line-height: 1.2em; margin-top: 10px; }

.infobox-title:before { content: ""; display: block; background: url(/img/main/centers_icon2.png) 0 0 no-repeat; width: 45px; height: 12px; position: absolute; top: -15px; left: 2px; }

.sub-infobox-table .circle-td { width: 180px; padding: 30px 40px; text-align: right; }

.sub-infobox-circle { display: inline-block; width: 100px; height: 100px; border-radius: 50%; background-color: #f39938; text-align: center; }

.sub-infobox-circle * { color: #fff; }

.sub-infobox-2021:hover .sub-infobox-circle { background-color: #ea8519; }

.infobox-circle-text { font-size: 18px; font-weight: 600; padding-top: 24px; display: block; }

/* 시민력 강화 지원 사업 */
.act_table_cr_wrap { background-color: #f0e9e7; border-top: 4px solid #56504b; }

/* 홍보 자료실 탭 */
ul.op_list li { line-height: 44px; display: inline-block; padding: 0 5px 5px 0; font-weight: 500; font-size: 18px; text-align: center; color: #56504b; }

ul.op_list li.on { background-color: #8fc43d; border-radius: 50px; padding: 0px 22px; box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); }

ul.op_list li.on a { color: #fff; }

.tab_bar { display: inline-block; width: 1px; height: 13px; background-color: #56504b; margin: 0px 25px; }

/* 노인지원 */
.content-box .board_list { }

.content-box .board_list { display: none; }

.content-box .board_list.active { display: table; width: 100%; }

/* 사이트맵 */
.site-map .col-xs-12.col-md-4:nth-child(4),
.site-map .col-xs-12.col-md-4:nth-child(7),
.site-map .col-xs-12.col-md-4:nth-child(10)
{
	clear:both;
}

/* 사회복지시설 역량강화 */
.container.cooperation {    margin-bottom: 95px;}
.container.cooperation .subpage-content{
	padding:35px 0 35px;
}
.cooperation .table-responsible:last-child {
    padding-bottom: 0px;
}
.policy_development .table-responsible:last-child {
    padding-bottom: 10px;
}
/* 모바일, 태블릿, 768px 이상 */
@media (min-width: 768px) { }

/* 중간 기기들 (노트북 992px 이상) */
@media (min-width: 992px) { }

/* 큰 기기들 (큰 데스크탑, 1200px 이상) */
@media (min-width: 1200px){
 .subpage-menu>li.down>button { padding-right: 70px; }

 .subpage-amboard-wrap { padding-bottom: 80px; }

 .subpage-menu>li.down>button.subpage-menu3 { min-width: 310px; }

 .box-title { max-width: 860px; max-width: max-content; }

 .mx_control { max-width: 637px; }

 .infobox-title { font-size: 30px; }
 }

/* 1400px 이상 */
@media (min-width: 1400px){
 .subpage-amboard-wrap { padding-bottom: 100px; }
 .comprehensive_index .subpage-amboard-wrap { padding-bottom: 80px; }
 }

/* max css */
/* 큰 기기들 (큰 데스크탑, 1200px 이하) */
@media (max-width: 1200px) {
 .subpage-menu-wrap .container { padding: 0; }

 .location_bus_wrap>div,
 .location_subway_wrap>div { width: 290px; }

 .introduce { -webkit-background-size: contain; background-size: 65%; background-position-y: 50%; }
 .sub .container { width: 1024px; }
.comprehensive_index .editer-swiper {width: 470px;height: 340px; }


.comprehensive_index .table-responsible {width: 530px; }
header .gnb {width: 1024px; }
header .navbar {width: 16px;top: 47px; }
.subpage-banner h1 { top: 50%; }
 }

/* 중간 기기들 (노트북 992px 이하) */
@media (max-width: 992px){
 .sub .container p { font-size: 16px; }

 /* banner */
 .subpage-banner { height: 240px; }

 .subpage-banner h1 { font-size: 42px; top: 40%; }

 /* subpage menu */
 .subpage-menu>li:nth-child(2) { display: none; }

 .subpage-menu>li:after { display: none; }

 .subpage-menu>li { min-width: auto; }

 .subpage-menu>li.down { width: 280px; }

 .subpage-menu>li.down>button:after { right: 15px; }

 .operation_goal_list li { width: 48%}

 .unit_first_list_con { padding-left: 0px; }

 .unit_secon_list_con { padding-right: 0px; }

 .group_in_con { max-width: 32%; }

 .location_bus_wrap>div,
 .location_subway_wrap>div { width: 200px; }

 .introduce { background-size: 65%; /*background-position-y: bottom; */}
 }

/* 태블릿, 모바일 전용 (767px 이하) */
@media (max-width: 767px) {body#body.sub {padding-top: 90px; }
.subpage-banner h1 { font-size: 30px; top: 50%; width: 100%; text-align: center; }
header .header-wrap {height: 90px;padding-top: 35px; }
header .gnb {width: 100%; }
header .gnb ul.topmenu {display:none; }
header .logo {display: inline-block;position: absolute;left: 15px; }
header .navbar { top: 2px; transform: translateY(-100%); width: 23px; }
.sub .container {width: 90%; }
 .sub .container .text-sm { font-size: 14px; }
 .subpage-banner { height: 230px; margin-top: 0; }
 .mini-square{display:none;}
 /* subpage menu */
 .subpage-menu>li.down>button { padding-left: 10px; font-size: 16px; }

 .subpage-menu>li>ul>li>a { font-size: 14px; line-height: 40px; }
 .top-title { margin: 50px 0 35px; }
 .top-title h2 { font-size: 25px; }

 .subtitle-lg { font-size: 22px;
	 /* margin: 0px 0 35px;  */
 }

 .subtitle-md { font-size: 20px; }
 .subtitle-md:before { content: ""; display: block; width: 14px; height: 14px; background: url(/img/subpage/subtitle_md.png) 0 0 no-repeat; position: absolute; top: 9px; left: 7px; margin-top: 0; }
 .box-title h4 { font-size: 20px; }

 .sub-dot-list li { font-size: 16px; }

 .operation_goal_list li { width: 100%}

 .unit_first_list_con { padding-left: 0px; width: 100%; }

 .unit_secon_list_con { padding-right: 0px; width: 100%; }

 .unit_first_list_con:after { display: none; }

 .group_in_con { max-width: 100%; width: 100%; }

 .location_bus_wrap>div,
 .location_subway_wrap>div { width: 65%; }

 .location_bus_wrap,
 .location_subway_wrap { float: none; }

 .location_subway_wrap img,
 .location_bus_wrap img { width: 23%; }

 .location_bus_wrap:not(.center) { margin-top: 30px; }

 .kakao_shortcuts_btn { text-align: center; }

 .link_short_btn_wrap { position: inherit; right: calc(50% - 125px); top: 0px; }

 .introduce { background-image: none; padding-bottom: 20px; }

 .history_year_tab li { width: 160px; }

 .operation_goal_list { text-align: center; }

 .sub-infobox-table .title-td { padding-left: 20px; }

 .sub-infobox-table .circle-td { width: 130px; padding: 30px 20px; }

 .sub-infobox-circle { width: 90px; height: 90px; }

 .infobox-circle-text { font-size: 16px; }
/* 산하기관 */


 .comprehensive_index .subpage-content, .content-box .subpage-content { padding-top: 50px; padding-bottom: 50px; }



.comprehensive_index .tab_box ul { float: left; margin-bottom: 10px; }
.comprehensive_index .tab_box ul li a { width: auto; height: auto; padding: 0px 12px; line-height: 44px;font-size:18px;margin-right:10px; }
.comprehensive_index table.board_list td { padding: 30px 0px; }
.box-con { padding: 20px 25px; font-size: 14px; margin-top: 35px !important; }
table.board_list tr { display: revert; width: 100%; }
.board_list td.board_list_number {display:none !important; }
.board_list td.mobile_hidden_con {display:none !important; }
.board_list .list_subject {display:table-cell; font-size: 16px; }
.comprehensive_index .board_list colgroup { }
.pc_hidden_con { }




/* 스와이프 */
.comprehensive_index .editer-swiper { width: 100%; height: auto !important; float: none;}
.comprehensive_index .editer-swiper img {max-width: 100%; height: auto !important;}
.comprehensive_index .swiper-button-next, .comprehensive_index .swiper-button-prev {width: 38px; height: 46px; top: 50%; background-size: cover; transform: translateY(-50%); margin-top: 0; }
 .comprehensive_index .swiper-button-next {display: block;}
 .comprehensive_index .swiper-button-prev { }
.comprehensive_index .left-swiper-box, .content-box .content, .content-box .subpage-content, .content-box .content ol > li > div {width:100%; }
.content-box .content {width: calc(100% - 30px) !important; margin: 0 auto; padding-left: 0; padding-right: 0; }
.content-box .subpage-content {width:100%; }
.comprehensive_index .left-swiper-box {height: auto; padding-bottom: 24px; float: none; padding-left: 0; padding-right: 0; }
.comprehensive_index .notice-pagination .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 2px; }
.comprehensive_index .notice-pagination { bottom:0; }
/* 테이블 */
.comprehensive_index .table-responsible { width: 100%; margin-top: 25px; }
.comprehensive_index .table-responsible table th { width: 80px; font-size: 16px; padding: 15px 0 15px 15px; }
.comprehensive_index .table-responsible table td { padding: 15px 0 15px 15px; font-size: 16px; line-height: 1.2; }
/* 주요사업 */

.content-box .content ol > li > p.list-title {font-size: 18px;margin: 35px 0 0;display: block;line-height: 1.2;width: 100%;position: relative;padding-left: 25px; }
.content-box .content ol > li > p.list-title img {position: absolute;top: 3px;left: 0; }
.content-box .content ol > li > div { padding: 0 20px; margin: 25px 0 35px; }

.content-box .content ol div ul li:before { width: 100%; left: 0; top: 0; height: 1px; }
.content-box .content ol div ul li { display: inline-block; width: 100%; vertical-align: top; padding: 25px 0px; min-height: auto; position: relative; }
.content-box .content ol > li > p { font-size: 16px; padding-left: 25px; line-height: 1.4; color: #56504b; margin: 15px 0 0; }

.content-box .content ol div h2 { font-size: 16px; }
.content-box .content ol div p {font-size:14px; line-height:22px; }

/* 대체인력센터 순서도 */
.content-box .content div.line{width:100%;}
.content-box .content div.line div {
    width: calc(50% - 27px);
    margin-right: 36px;
    margin-bottom: 10px;
}
.content-box .content div.line div:nth-child(2n),
.content-box .content div.line div:nth-child(4n){
    margin-right:0;

}
.content-box .content div.line.table p{font-size:18px;}

/* 장애인권익옹호기관 */
.content-box-1-2 .row{margin-bottom:70px;}
.content-box-1-3 .subpage-content {
    padding-bottom: 0;
}
.content-box-1-3  div.line div{}
.content-box-1-3 .content  div.line div{
    background-size: 30% !important;height:150px;
    width: calc(50% - 22px);
    margin-right: 36px;background-position: center 27px ;
    margin-bottom: 10px;}
.content-box-1-3 .content div.line div p{
    margin-top: 90px;line-height: 1.2;
    font-size: 16px;}
.content-box-1-3 .content div.line div:nth-child(2){background-position: center 30px;}
.content-box-1-3 .content div.line div:nth-child(3){background-position:center 20px;}
.content-box-1-3 .content div.line div:nth-child(4){background-position:center 20px;}
.content-box-1-3 .content div.line div:nth-child(5){background-position:center 25px;}
.content-box-1-3 .content div.line div:after {right: -29px; }
.content-box-1-3 .content div.line div:last-child{margin-bottom:0;}
.content-box-1-3 .content div.line div:last-child:after{display:none;}
/* 찾아오는 길 */
.content-box #kakaomap {margin-top:35px; }
.content-box #kakaomap div[style*='https://t1.daumcdn.net/localimg/localimages/07/mapjsapi/2x/triangle.png'] {top:100% !important; }
 .subpage-menu>li:first-child,
 .subpage-menu>li:last-child { display: none; }

 .subpage-menu>li { width: 100%; border-right: none; }

 .subpage-menu>li.active>ul>li { border-top: 1px solid #ebe9e9; }

 .table.department_table tbody td { display: block; width: 100%; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: none; }

 .infobox-title { font-size: 20px; }

 /* 사회서비스모델 */
 .info-tab.execution li { padding: 20px 0; width: 25%; text-align: center; font-size:16px; font-weight:normal; }

 .info-tab.execution li:last-child::after { display: none; }

 .info-tab.execution li.tab_on span::after { margin-left: -2px; }

.table-responsible.box-table th, .table-responsible.box-table td {font-size:14px;padding: 5px 10px;line-height: normal;height: auto;text-align: left; }
.table-responsible:last-child { padding-bottom:0; margin-top:50px;}
.total_count {line-height: 40px; }
/* 산하기관 오시는 길 */
.content-box-1-2 div[class*=location]{display:block;margin-bottom: 0px; width:100%;}
.content-box .location_subway_wrap {

}
.content-box-1-2 .map div.center:nth-child(2) {margin-top:30px; text-align:left;}

.site-map .btn {
    padding: 13px 20px !important;
    line-height: 1;
}


}

/* 매우 작은 기기들 (모바일폰) */
@media (max-width: 480px) {
}