@charset "utf-8";

/************************************************************************
 * 파일명      : design.css
 * 설명        : 공통
 * 작성자      : 박수림
 * 작성일      : 2020.11.03
************************************************************************/

/* main */
.main_bg {position:relative; width:100%; min-height:254px; background:url('../img/main/main1_bg.jpg') no-repeat 85% 0;}
.main_shape_bg {position:relative; width:100%; height:254px; margin:0 auto;}

/* main slogan & search */
.main_title {padding-top:45px;}
.main_title .slogan {margin:0 auto; font-size:0; overflow:hidden; width:421px; height:80px; background:url('../img/main/m_slogan.png') no-repeat center 0;}
.main_title .m_search {position:relative; width:64%; margin:0 auto;}
.main_title .m_search .searchbox {position:relative; width:80%; margin:15px 0; border:3px solid #4389df; box-sizing:border-box; padding:0 70px 0 30px; background:#fff; z-index:999;}
.main_title .m_search .searchbox .m_srh_input {width:100%; padding:20px 0; border:0; font-size:16px; color:#999;}
.main_title .m_search .searchbox .btnsearch {position:absolute; top:15px; right:15px;}
.main_title .m_search .searchbox button {position:absolute; top:-3px; right:-182px;}
.main_title .m_search .searchbox button.btn_alllist {cursor:pointer; border:0; height:69px; padding:0 15px 0 38px; margin:0; font-size:14px; color:#fff; background:url('../img/main/ico_plus.gif') #24377b no-repeat 15px 26px;} 
.m_search .search_word {overflow:hidden;}
.m_search .search_word dl dt {float:left;padding:0 15px 10px 10px; font-size:16px; color:#333; font-family:'NotoB'}
.m_search .search_word dl dd {float:left; font-size:15px; padding-right:10px;}
.m_search .search_word span.num {display:inline-block; margin:0 3px; border-radius:10px; width:20px; height:20px; line-height:20px; font-size:13px; text-align:center; background:#4389df; color:#fff;}

/* main bg */
.main_shape_wrap {position:absolute; top:0; left:0; width:100%;}
.main_shape_wrap .shape_bg1 {position:absolute; top:-124px; left:10%; width:439px; height:367px; background:url('../img/main/shape_bg1.png') no-repeat 0 0;}
.main_shape_wrap .shape_bg2 {position:absolute; top:-50px; right:10%; width:347px; height:453px;  background:url('../img/main/shape_bg2.png') no-repeat 0 0;}

/* 하단 컨텐츠 */
.m_cont {position:relative;}
.m_cont .gr_bg { position:absolute; top:0; left:0; width:100%;  height:337px; background: rgb(7,49,149); background: linear-gradient(90deg, rgba(7,49,149,1) 18%, rgba(10,58,175,1) 36%, rgba(46,38,128,1) 70%, rgba(28,20,108,1) 100%); opacity:0.85; z-index:1;}

/* 국정모니터링시스템 & SDGs 지표 바로가기 */
.m_index {overflow:hidden; position:relative; z-index:999;}
.m_index .btn_bnr1 {float:left; margin:73px 0 33px 0; width:200px; height:231px; background:#abc6eb; border-radius:11px; text-align:center;}
.m_index .btn_bnr2 {float:left; margin:73px 0 33px 0; width:200px; height:231px; background:#898be0; border-radius:11px; text-align:center;}
.m_index .btn_bnr1 a, .m_index .btn_bnr2 a {display:block; width:200px; height:231px;}
.m_index .btn_bnr1 span img, .m_index .btn_bnr2 span img {margin:13px 0 8px 0;}
.m_index .btn_bnr1 .tit, .m_index .btn_bnr2 .tit {font-family:'NotoB'; font-size:17px; color:#303030; line-height:20px;}
.m_index .btn_bnr1 .txt_st1, .m_index .btn_bnr2 .txt_st1 {font-family:'NotoM'; font-size:15px; color:#3f3f3f;}
.m_index .btn_bnr1 .btn_go, .m_index .btn_bnr2 .btn_go {position:relative; margin:6px auto; width:25px; height:25px; font-size:0; border-radius:15px; background:#2c73ef;}
.m_index .btn_bnr2 .btn_go {background:#414092;}
.m_index .btn_bnr1 .ico_arrow, .m_index .btn_bnr2 .ico_arrow {position:absolute; top:0; left:-14px; display:inline-block; width:55px; background:url('../img/main/ico_arrow.png')  no-repeat 0 0;}

/* 국가지표체계 바로가기 */
.m_index .index_box {float:left; margin:33px 16px; width:588px; height:271px; padding:0 11px; background:url('../img/main/index_box_bg.png') no-repeat 0 0;}
.m_index .index_box h3.title {font-size:20px; color:#fff; padding:15px 0 0 26px;}
.m_index .index_box .index_bnr {float:left; margin:20px 8px; width:180px; height:194px; background:#a5c2fe; border-radius:11px; text-align:center;}
.m_index .index_box .index_bnr a {display:block; width:180px; height:174px; padding-top:20px; text-align:center;}
.m_index .index_box .index_bnr span img {display:block; margin:0 auto 13px; width:98px; height:98px;}
.m_index .index_box .index_bnr .tit {font-family:'NotoB'; font-size:16px; color:#303030;}
.m_index .index_box .index_bnr .btn_go {position:relative; margin:6px auto; width:25px; height:25px; font-size:0; border-radius:15px; background:#3b69be;}
.m_index .index_box .index_bnr .ico_arrow {position:absolute; top:0; left:-14px; display:inline-block; width:55px; background:url('../img/main/ico_arrow.png')  no-repeat 0 0;}

/* 팝업존 */
.m_popupzone {position:absolute; top:-56px; right:0; width:335px; height:320px; background:#fff000; box-shadow:10px 12px 20px #2f2a62; z-index:999;}
.m_popupzone .top {width:297px; height:54px; background:#fbfbfb; padding:0 18px; border:1px solid #c4c7d8;}
.m_popupzone .top .h3_title {float:left; font-size:18px; color:#333; margin-top:18px;}
.m_popupzone .top .move_btn {float:right; margin-top:12px;}
.m_popupzone .top .move_btn button {font-size:0; border:0; cursor:pointer;}
.m_popupzone .top .move_btn button.mvbtn_left {width:21px; height:21px; background:url('../img/main/pop_btn_prev.png') no-repeat 0 0;}
.m_popupzone .top .move_btn button.mvbtn_stop {margin:0 10px; width:21px; height:21px; background:url('../img/main/pop_btn_stop.png') no-repeat 0 0;}
.m_popupzone .top .move_btn button.mvbtn_right {width:21px; height:21px; background:url('../img/main/pop_btn_next.png') no-repeat 0 0;}
.m_popupzone .slide_bnr {position:relative; width:333px; height:262px; border:1px solid #414487;}
.m_popupzone .slide_bnr img {width:333px; height:262px;}

/* 공지사항 */
.m_notice {overflow:hidden; height:60px; background:#fff;}
.m_notice .tit_txt {float:left; font-size:18px; font-family:'NotoB'; color:#000; padding:20px 28px 20px 0; background:url('../img/common/ico_gap.png') no-repeat right 25px;}
.m_notice ul.notice_list {float:left; height:60px; overflow:hidden;}
.m_notice ul.notice_list li a {display:inline-block;  padding:18px 20px 18px 16px; font-size:16px;}
.m_notice ul.notice_list .ico_new {display:inline-block; vertical-align:top; font-size:0; color:#fff; line-height:36px; width:25px; height:25px; padding-left:10px; background:url('../img/common/ico_new.png') no-repeat 0 0;}
.m_notice button.btnmore {margin:15px 0; height:30px; border:0; background:url('../img/common/btn_more.gif') no-repeat 67px 0; padding:0 46px 0 15px; font-family:'NotoR'; font-size:15px; color:#626262; cursor:pointer;}


/************************************************* sub style *************************************************/
/* sub top visual - 220720 SY edit */
.sub_top_visual { width:100%; height:295px; background:#fff; }
.sub_top_visual .top_visual { height:295px; }
.top_visual .left_tab { float: left; width: 590px; height:295px; }
.top_visual .left_tab ul { height: 170px; margin-top: 45px; }
.top_visual .left_tab li { width: 176px; height: 207px; float: left; border-radius: 10px; text-align: center; transition: .3s; }
.top_visual .left_tab li:nth-of-type(1) { background:#343f5a; margin-right: 31px; }
.top_visual .left_tab li:nth-of-type(2) { background:#324fa6; margin-right: 31px; }
.top_visual .left_tab li:nth-of-type(3) { background:#9b2d73; }
.top_visual .left_tab li:hover,
.top_visual .left_tab li:nth-of-type(1).on,
.top_visual .left_tab li:nth-of-type(2).on,
.top_visual .left_tab li:nth-of-type(3).on { margin-top: -10px; box-shadow:10px 10px 10px #999; }
.top_visual .left_tab li a { display: block; width: 100%; height: 100%; color: #fff; box-sizing: border-box; padding: 20px; }
.top_visual .left_tab li .tit { font-size: 17px; margin: 13px 0; font-weight: 600; }
.top_visual .left_tab li.on .tit,
.top_visual .left_tab li:hover .tit { margin: 25px 0 15px; }
.top_visual .left_tab li .exp { font-size: 14px; display: none; font-weight: 400; margin-top: 20px}
.top_visual .left_tab li.on .exp,
.top_visual .left_tab li:hover .exp { display: block; }
.top_visual .left_tab li.on .illust,
.top_visual .left_tab li:hover .illust, 
.top_visual .left_tab li.on .arrow,
.top_visual .left_tab li:hover .arrow {display: none; }
.top_visual .left_tab li .arrow {display: inline-block; width: 25px; height: 25px; background: rgba(0,0,0,0.25); border-radius: 50%; margin-top: -3px; }
.top_visual .left_tab li .arrow img {  margin-left: -20px;}
.top_visual .right_graph { position: relative; float: right; width: 760px;  height:295px; }
.top_visual .right_graph .graph_area { width: 715px;height: 220px;margin-left: 40px;margin-top: 30px;}
/*2023년 개선사업 행렬전환 */
.top_visual .right_graph .graph_area img{width:340px; height:230px; cursor: pointer;}/*20220719 이지영 추가*/
.top_visual .right_graph .btn_arrow { position: absolute; width: 100%; /* height: 40px; */  top: 48%; transform: translateY(-50%); }
.top_visual .right_graph .btn_arrow a { position: absolute; top: -15px; width: 30px; height: 30px; border-radius: 50%; background: #ddd; display: block; }/*20230410 YP 수정*/
.top_visual .right_graph .btn_arrow a:hover { background: #ccc; }
.top_visual .right_graph .btn_arrow a:after { content: ''; position: absolute; display: block; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); top: 10px; left: 12px; }
.top_visual .right_graph .btn_arrow a.right_arrow:after { transform: rotate(-135deg); left: 8px; }
.top_visual .right_graph .btn_arrow a.left_arrow { left: 0; }
.top_visual .right_graph .btn_arrow a.right_arrow { right: 0; }
.top_visual .right_graph .paging_dot { text-align: center; margin-top: 15px; }
.top_visual .right_graph .paging_dot a { display: inline-block; width: 10px; height: 10px; background: #ddd; border-radius: 50%; margin: 0 3px; }
.top_visual .right_graph .paging_dot a:hover,
.top_visual .right_graph .paging_dot a.on {background: #999;}

/* tab menu */  
.cont_layout.tab {display: flex; justify-content: space-between;}
.tab_layout {background:#435eb5; width:100%; height:50px;}
.tab_layout .tab_menu {position:relative;  width: 62%; border-left:1px solid #697ec4;}
.tab_layout .tab_menu ul {position:relative; width:100%; display: flex; flex-wrap: nowrap;}
.tab_layout .tab_menu li {cursor:pointer; position:relative; width:33.3333%; line-height:50px; padding:0 20px 0 25px; box-sizing: border-box; border-right:1px solid #697ec4; color:#fff; font-size:16px;}
.tab_layout .tab_menu>ul>li:after {position: absolute; right: 20px; top:50%; transform: translateY(-50%); display: inline-block; content: ''; width: 10px; height: 2px; background: #fff;}
.tab_layout .tab_menu li:hover,
.tab_layout .tab_menu li.on {background: #24377b;}
.tab_layout .tab_menu>ul>li:hover:after {position: absolute; right: 20px; top:40%; transform: translateY(-50%); display: inline-block; content: ''; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; background: none; transform: rotate(45deg);}
.tab_layout .tab_menu li a {color:#fff; display: block; white-space: nowrap;}
.tab_layout .tab_menu li ul.sublist { display:none; position:absolute; top:50px; left:0; padding:20px 0; border:1px solid #697ec4; background:#24377b; opacity:0.98; z-index:999;}
.tab_layout .tab_menu li:hover ul.sublist {display:block;}
.tab_layout .tab_menu li ul.sublist > li {display:block; border:none; background:none; padding:0 20px; font-size:15px;}
.tab_layout .tab_menu li ul.sublist > li a {color:#a7d6ff; width:244px; line-height:36px; }
.tab_layout .tab_menu li ul.sublist > li a:hover {text-decoration: underline;}
.tab_layout {background:#435eb5; width:100%; height:50px;}
.tab_layout .sub_search {width: 38%; border-right:1px solid #697ec4; padding-right: 20px;}
.tab_layout .sub_search .search_form {display: flex; justify-content: flex-end; align-items: center;width: 100%; height: 100%;}
.tab_layout .sub_search .search_form input.search_input {border:0; width:90%; height:32px; padding: 0 15px; box-sizing: border-box; border-radius:20px; background:#fff; color:#ccc; font-size:14px;}
.tab_layout .sub_search .search_form input.search_input:focus {outline: none;}
.tab_layout .sub_search .search_form a.btn_sub_search {position:absolute; top:50%; transform: translateY(-50%); right:3%; display:block; width:28px; height:28px; background:url('../img/common/ico_bg.png') no-repeat -5px -10px;}

/* tab menu 스크롤 상단고정 */
.tab_layout.sticky {position: fixed; z-index: 9999; top: 0; left: 0;}

/* Left style */
.snb {border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.snb.sub {margin-top: 45px;}
.snb h2.snb_title {padding:47px 0 0 43px; height:97px; border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0; background: rgb(36,76,174);background: linear-gradient(132deg, rgba(36,76,174,1) 0%, rgba(72,65,143,1) 70%); }
.snb h2.snb_title .tit {color:#fff; font-size:25px;}
.snb h2.snb_title .txt {margin-top:13px; color:#a8acce; font-size:16px;}
.snb ul.snb_list {background:#fff; }
.snb ul.snb_list li a {display:block; line-height:48px; padding:0 40px; border-bottom:1px solid #d1d1d4; font-size:16px; color:#333; font-family:'NotoM'; background:url('../img/common/ico_bg.png') no-repeat 225px -158px;}
.snb ul.snb_list li a.on {background:url('../img/sub/snb_on_bg.gif') no-repeat 0 0; color:#fff;}
.snb ul.snb_list li a:hover {color: #2a42c2;} /* 220623 add */
.snb ul.snb_list li a.on:hover {color:yellow;}

/* 저출산 특화추가 20231222*/
.snb ul.snb_list_lbirth {background:#fff; }
.snb ul.snb_list_lbirth li a {display:block; line-height:48px; padding:0 20px; border-bottom:1px solid #d1d1d4; font-size:16px; color:#333; font-family:'NotoM'; background:url('../img/common/ico_bg.png') no-repeat 225px -158px;}
.snb ul.snb_list_lbirth li a.on {background:url('../img/sub/snb_on_bg.gif') no-repeat 0 0; color:#fff;}
.snb ul.snb_list_lbirth li a:hover {color: #2a42c2;} /* 220623 add */
.snb ul.snb_list_lbirth li a.on:hover {color:yellow;}



/* snb -> top menu */
.top_menu {display: none; position: relative; width: 100%; height: 48px; margin: 10px 0 20px;}
.top_menu>ul {position: relative; display: flex; width: 100%; height: 100%;}
.top_menu>ul>li {position: relative; width: 50%; height: 100%;  background: #2a42c2; color: #fff;}
.top_menu>ul>li>a {display: block; width: 100%; padding: 0 20px; color: #fff; line-height: 48px; font-family: 'NotoM'; font-size: 15px;}
.top_menu>ul>li:last-of-type {background: linear-gradient(to right,#2a42c2, #bb285c); border-left: 1px solid #5368cf;}
.top_menu>ul>li:last-of-type:after {position: absolute; right: 20px; top:50%; transform: translateY(-50%); display: inline-block; content: ''; width: 10px; height: 2px; background: #fff;}
.top_menu>ul>li:last-of-type:hover:after {position: absolute; right: 20px; top:40%; transform: translateY(-50%); display: inline-block; content: ''; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; background: none; transform: rotate(45deg);}
.top_menu>ul>li ul {position: relative; z-index: 1; width: 100%; height: 190px; top: 0; overflow-y: auto; padding-top:5px; background: #24377b; border: 1px solid #697ec4; box-sizing: border-box; display: none;}
/* .top_menu>ul>li:hover ul {display: block;} */
.top_menu>ul>li ul::-webkit-scrollbar {width: 8px;}
.top_menu>ul>li ul::-webkit-scrollbar-track {background: none; border-radius: 5px;}
.top_menu>ul>li ul::-webkit-scrollbar-thumb {background: #697ec4; border-radius: 5px;}
.top_menu>ul>li ul li {color: #000; border-bottom: 1px solid #697ec4;}
.top_menu>ul>li ul li a {display: block; padding: 8px 20px; font-size: 15px; color: #a7d6ff;}
.top_menu>ul>li ul li a:hover {color: #fff;}

/* list & table view (20201216) */ 
.btn_view_style {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width:100%; padding: 15px 0 10px; }
.btn_view_style .alpha_btn .txt_tit, .btn_view_style .alpha_life_btn .txt_tit {font-weight:bold; padding:0 10px; background:url('../img/common/ico_bg.png') no-repeat -131px -111px;}
.btn_view_style .alpha_btn a, .btn_view_style .alpha_life_btn a {display:inline-block; padding:0 8px; height:26px; text-align:center; line-height:26px; font-size:12px; background:#fdfdfe; border:1px solid #435eb5; border-radius:3px;}
.btn_view_style .alpha_btn a:hover, .btn_view_style .alpha_life_btn a:hover {background:#24377b; color:#fff;}
.btn_view_style .alpha_btn a.on, .btn_view_style .alpha_life_btn a.on {background:#435eb5; color:#fff;}
.btn_view_style .align_btn,
.btn_view_style .align_life_btn {display: flex;}
.btn_view_style .align_btn a, .btn_view_style .align_life_btn a {display: inline-block;width:75px; height:32px; text-align:center; line-height:34px; font-size:13px; background:#fff; border:1px solid #435eb5; border-radius:3px;}
.btn_view_style .align_btn a:hover, .btn_view_style .align_life_btn a:hover {background:#24377b; color:#fff;}
.btn_view_style .align_btn a.on, .btn_view_style .align_life_btn a.on {background:#435eb5; color:#fff;}
.btn_view_style .align_btn a.on:hover, .btn_view_style .align_life_btn a.on:hover {background:#24377b; color:#fff;}
.btn_view_style .align_life_btn a.mr5{margin-right: 5px;}
.btn_view_style .align_life_btn a.trend {float:left;width:75px;height:32px;text-align:center;line-height:34px;font-size:13px; border: 1px solid #e24265;border-radius:3px;color: #333; padding: 0 8px;}
.btn_view_style .align_life_btn a.trend:hover {background:#e24265; color:#fff;}
.btn_view_style button {margin:0px 2px; width:34px; height:34px; border:0; font-size:0; cursor:pointer;}
.btn_view_style button.btn_multi {width: 33px; height: 33px; margin-left:8px; border: 1px solid #c1c1c1; border-radius: 2.5px; background: #fff; color: #c1c1c1;}
.btn_view_style button.btn_multi.on {border: 1px solid #6178c2; color: #90bdf3;}
.btn_view_style button.btn_list {margin-left:3px; background:url('../img/common/ico_bg.png') no-repeat -63px -59px;}
.btn_view_style button.btn_list.on {background:url('../img/common/ico_bg.png') no-repeat -63px -8px;}
.btn_view_style button.btn_table {margin-left:3px; background:url('../img/common/ico_bg.png') no-repeat -105px -8px;}
.btn_view_style button.btn_table.on {background:url('../img/common/ico_bg.png') no-repeat -105px -59px;}

/* box_list */
.box_list_area {position: relative; width:100%;}
.box_list_area .box_list {position: relative; width:100%; cursor:pointer; margin-bottom:19px; border:1px solid #dcdcdc; border-radius:8px; background:#fff;  padding:19px 15px; height:auto; transition:.1s;}
.box_list_area .box_list.on {border:3px solid #234caf; border-radius:8px; background:#fff;  padding:17px 13px; height:auto; box-shadow: 5px 5px 5px #888888;}
.box_list_area .box_list table {}
.box_list_area .box_list table tr td {/* display: flex; */ align-items: center; padding:0 15px; height:auto; font-size:15px; color:#333;}
.box_list_area .box_list table tr {display:grid; grid-template-columns: 3fr 150px 150px 1.5fr; height: 100%; }
.box_list_area .box_list table tr td:nth-of-type(1) {}
.box_list_area .box_list table tr td:nth-of-type(2) {justify-content: center;border-left:1px solid #cbcbcb; }
.box_list_area .box_list table tr td:nth-of-type(3) {border-left:1px solid #cbcbcb;}
.box_list_area .box_list table tr td:nth-of-type(4) {border-left:1px solid #cbcbcb;}
.box_list_area .box_list table tr td:last-child {border-right:0;}
.box_list_area .box_list table tr td.ta_c {min-width: 130px; text-align:center; padding:0; color:#666;}
.box_list_area .box_list table tr td.ta_c div.val1_div{margin-top:17px;}
.box_list_area .box_list table tr td.ta_c div.tdBg {width:85%; height:100%; background:#f4f8fd; margin:0 auto;}
.box_list_area .box_list table tr td.ta_c div.tdBg .fs_14 {margin-top:17px; display:inline-block;}
.box_list_area .box_list table tr td .explain {padding:0 10px; font-size:15px; color:#333; max-height:70px; vertical-align:middle; overflow-y:auto; word-break:keep-all;}
.box_list_area .box_list table tr td .explain dt {font-size:14px; color:#333; background:url('../img/common/ico_bg.png') no-repeat -131px -109px; padding-left:8px;}
.box_list_area .box_list table tr td .explain dt.dit{margin-top: 30px;}
.box_list_area .box_list table tr td .explain dd {font-size:13px; color:#666; word-break:keep-all;} 
.box_list_area .box_list dl.title {display: flex; } 
.box_list_area .box_list dl.title dt.icon {width:56px; height:56px; background:#e6e9f2; border-radius:35px; text-align:center; margin-top: 10px;  }
.box_list_area .box_list dl.title dd.text {width: calc(100% - 86px); padding-left: 30px;}
.box_list_area .box_list dl.title dd.text .tit {position: relative; width: 100%; display:inline-block; color:#000; font-family:'NotoB'; font-size:20px;}
.box_list_area .box_list dl.title dd.text .txt {display:block; margin-top:10px; color:#7e7e7e; font-family:'NotoR'; font-size:13px; line-height:13px;}
.box_list_area .box_list dl.title dd.text .txt_ct{display: inline-block;margin-bottom:6px; color: #585858;font-family:'NotoR';font-size: 12px;line-height:14px;border: 1px solid #ccc; padding: 4px 7px; border-radius: 3px; white-space: nowrap;}

/*tool Tip*/
.box_list_area .box_list dl.title dd.text .tit:hover span.def {display:block; position:absolute; background:#fff; font:13px "NotoR"; width:325px; border: 1px solid #000; padding:10px;}
.box_list_area .box_list dl.title dd.text .tit span.def{display:none; z-index: 1;}
.box_list_area .box_list dl.title dd.text .tit img.info {margin: 0 0 5px 5px;}

/* box table */
.box_list_area {display: flex; flex-wrap: wrap; }
.box_list_area .box_table {position: relative; width: 32%; height: 0; padding-bottom: 18%; cursor:pointer;border:1px solid #dcdcdc;border-radius:8px;background:#fff; position: relative; box-sizing: border-box;margin-bottom: 2%;}
.box_list_area .box_table:not(:nth-of-type(3n)) {margin-right: 2%;}
.box_list_area .box_table.on {border:3px solid #234caf; border-radius:8px; background:#fff; box-shadow: 5px 10px 10px #888888; padding: 0 2px calc(18% - 4px) 0;}
.box_list_area .box_table table {position: absolute; width: 100%; top: 50%; transform: translateY(-50%); }
.box_list_area .box_table table tr {position: relative; width: 100%; }
.box_list_area .box_table table tr td {position: relative; width: 100%; border-right:1px solid #cbcbcb; padding:0 35px; font-size:15px; color:#333; }
.box_list_area .box_table table tr td:last-child {border-right:0;}
.box_list_area .box_table dl.title {overflow:hidden;}
.box_list_area .box_table dl.title dt.icon {float:left; width:56px; height:56px; background:#e6e9f2; border-radius:35px; text-align:center;}
.box_list_area .box_table dl.title dd.text {position: relative; width: 100%;}
.box_list_area .box_table dl.title dd.text .tit {display:block; color:#000; font-family:'NotoB'; font-size:20px; }
.box_list_area .box_table dl.title dd.text .txt {display:block;margin-top:13px; color:#7e7e7e; font-family:'NotoR'; font-size:13px; line-height:15px;}
.box_list_area .box_table dl.title dd.text .txt_ct{display: inline-block;margin-bottom:6px;color: #585858;font-family:'NotoR';font-size: 12px;line-height:14px;border: 1px solid #ccc; padding: 4px 7px; border-radius: 3px;}

/* box table : 삶의 질 */
.box_list_area.life .box_table:not(:nth-of-type(3n)) {margin-right: 0;}
.box_list_area.life .box_table:not(:nth-of-type(3n+1)) {margin-right: 2%;}
th.except_pc {display: none;}

/*total_area */
.box_list_area .total_area {position: relative; max-width: 1400px; width: 100%; margin: 0 auto;}
.total_area .frame {position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 50px;}

/*box trend*/
.total_area .frame .box_trend {cursor:pointer;border:1px solid #dcdcdc;border-radius:8px; padding:15px 15px;width: 49.5%; margin-bottom: 1%; background: #fff; box-sizing: border-box;}
.total_area .frame .box_trend table tr td {border-right:1px solid #cbcbcb; padding:0 15px; vertical-align:middle; color:#333; }
.total_area .frame .box_trend>table>tbody>tr>td:first-of-type {width: 70px;}
.total_area .frame .box_trend table tr td:last-child {border-right:0;}
.total_area .frame .box_trend table tr td.first {padding: 0;}
.total_area .frame .box_trend table tr td.first img {width: 90%; padding: 0 15px; box-sizing: border-box;}
.total_area .frame .box_trend table tr td.first span {display: flex; justify-content: flex-end; padding-right: 20px;}

.ft_color { color:#949599; border-color:#949599; }
.border_big { border:2px solid; border-radius:5px; padding:8px; margin:7px; float:none !important; }
.img_big { width:50px; text-align: center;}
.txt_big { width:50px; font-weight:bold; font-size:16px; text-align: center; margin-top: 10px;}
.img_emotion { width:18px; }
/*.center {padding: 5px; margin-left: 3px;}*/
.append a {font-weight:bold;text-decoration:none;color:#666666;cursor:pointer;}
.append a:hover {font-weight:bold;text-decoration:none;color:#234caf;;cursor:pointer;}

.btn_more {width:100%;float:left;}
.btn_more a.btn_more_down {display:flex; align-items: center; justify-content: center;margin:20px auto 50px; width:85px; height:85px; background: #fff; border-radius: 50%; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); font-size: 32px; color: #666;}

/*life traffic light*/
.signal {font-family:'NotoB'; font-size:15px;}
.signal .light {width:23px;}

.fs_14 {font-size: 14px;}
.fs_16 {font-size: 16px;}
.unit{margin-left: 2px}

/*.ml_80{margin-left: 80px;}*/
.ml_5 {margin-left: 5px;}

/* 삶의질 정보게시판 : 이미지 슬라이드 */
.inner_box .report {position: relative; margin: 50px 0 40px;}
.inner_box .report ul {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; padding: 0 30px; box-sizing: border-box;}
.inner_box .report ul li {width: 17%; margin-right: 6%;}
.inner_box .report ul li:last-of-type {margin-right: 0;}
.inner_box .report ul li a {position: relative; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; }
.inner_box .report ul li a img {position: relative; width: 100%; border : 1px solid #e6e6e6}
.inner_box .report ul li a span {display: block; width: 100%; padding-top: 10px; font-family: 'NotoM'; text-align: center; font-size: 16px; white-space: nowrap; text-overflow:  ellipsis; overflow:  hidden;}
.inner_box .report .page_arrow {position: absolute; top: calc(50% - 74px); transform: translateY(-50%); width: 100%; height: 50px;}
.inner_box .report .page_arrow a {position: absolute; top: 12px; width: 25px; height: 25px; border-right: 3px solid #ccc; border-bottom: 3px solid #ccc; transition: .2s;}
.inner_box .report .page_arrow a:hover {border-color: #999;}
.inner_box .report .page_arrow a.left {left: 3%; transform: rotate(135deg);}
.inner_box .report .page_arrow a.right {right: 3%; transform: rotate(-45deg);}
.inner_box .report .pager {display: flex; justify-content: center; padding-top: 30px;}
.inner_box .report .pager a {display: inline-block; width: 11px; height: 11px; border-radius: 50%; margin: 0 4px; background: #e6e6e6;}
.inner_box .report .pager a.on {background: #435eb5;}

/* 게시판 셀렉박스 (화면너비 680px 이하) */
.m_cont_layout .board_select {display: none; position: absolute; top: -90px; left: 50%; transform: translateX(-50%); width: 90%; height: 40px;} 
.m_cont_layout .board_select select {width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; padding-left: 20px; height: 30px;}
.m_cont_layout .board_select select:focus {outline: none;}
.m_cont_layout .board_select:after {width: 6px; height: 6px; display: inline-block; position: absolute; content: ''; border-bottom: 2px solid #435eb5; border-right: 2px solid #435eb5; right: 20px; top: 15px; transform: rotate(45deg);}


/* 게시판 검색 */
.m_cont_layout.board .board_search {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; margin: 30px 0 30px; background: #f9f9f9; padding: 30px 20px; box-sizing: border-box; border: 1px solid #e6e6e6;}
.m_cont_layout.board .board_search .board_search_wrap {position: relative; height: 30px; display: flex; align-items: center; background: #fff; padding-left: 15px; border: 1px solid #e6e6e6; border-radius: 3px;}
.m_cont_layout.board .board_search .board_search_wrap select {border: none; font-size: 14px;}
.m_cont_layout.board .board_search .board_search_wrap input:focus,
.m_cont_layout.board .board_search .board_search_wrap select:focus {outline: none;}
.m_cont_layout.board .board_search .board_search_wrap input {width: calc(100% - 130px); margin-left: 14px; padding: 3px 12px; font-size: 14px; border: none;}
.m_cont_layout.board .board_search .board_search_wrap a.search_btn {position: relative; width: 50px; height: 100%; font-size: 15px; font-family: 'NotoM'; color: #fff; background: #435eb5; border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; line-height: 30px; border: 1px solid #435eb5}

/*게시판 탭버튼 추가(211105)추가*/
.sub_contents.boardTab .board_tab{display: flex; height: 40px; background: #4f67b4; margin-top: 20px;} 
.sub_contents.boardTab .board_tab a{display: flex; justify-content: center; align-items: center; width: 33.3333%; color: #fff; white-space: nowrap;}
.sub_contents.boardTab .board_tab a.on{background: #fff; font-family: 'NotoB'; color: #435eb5; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); border: 1px solid #435eb5;}

/*삶의질 정보자료실 (20211126)추가*/
.sub_contents.boardTab .board_tab2{display: none; height: 40px; background: #4f67b4; margin-top: 20px;} 
.sub_contents.boardTab .board_tab2 a{display: flex; justify-content: center; align-items: center; width: 50%; color: #fff; white-space: nowrap;}
.sub_contents.boardTab .board_tab2 a.on{background: #fff; font-family: 'NotoB'; color: #435eb5; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); border: 1px solid #435eb5;}

	
/* 게시판 버튼 */
.m_cont_layout.board .board_btn {position: relative; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; width: 100%; margin-top: 20px;}
.m_cont_layout.board .board_btn .btn_wrap2 span {position: relative; padding-left: 10px; margin-right: 5px;}
.m_cont_layout.board .board_btn .btn_wrap2 span:before {position: absolute; display: inline-block; content: ''; width: 3px; height: 3px; background: #435eb5; top: 50%; transform: translateY(-50%); left: 0; }
.m_cont_layout.board .board_btn .btn_wrap a {padding: 2px 7px; border: 1px solid #435eb5; border-radius: 3px; margin: 0 1px; transition: .2s; display: inline-block;}
.m_cont_layout.board .board_btn .btn_wrap a.on,
.m_cont_layout.board .board_btn .btn_wrap a:hover {background: #435eb5; color: #fff;}
.m_cont_layout.board .board_btn .btn_wrap1 a {padding: 3px 10px;}

/* 게시판 테이블 */
.m_cont_layout.board .board_table {position: relative; margin-top: 20px; }
.m_cont_layout.board .board_table col.num {width: 10%;}
.m_cont_layout.board .board_table col.title {width: 50%;}
.m_cont_layout.board .board_table col.date {width: 10%;}
.m_cont_layout.board .board_table col.author {width: 10%; }
.m_cont_layout.board .board_table col.views {width: 10%;}
.m_cont_layout.board .board_table thead tr {border-top: 2px solid #435eb5; border-bottom: 1px solid #e6e6e6; height: 50px; background: #f2f6ff;}
.m_cont_layout.board .board_table thead tr th {font-size: 15px; font-family: 'NotoM'; white-space: nowrap;}
.m_cont_layout.board .board_table tbody tr {height: 50px; border-bottom: 1px solid #e6e6e6;}
.m_cont_layout.board .board_table tbody tr td {font-size: 15px; text-align: center;}
.m_cont_layout.board .board_table tbody tr td span.top{border: 1px solid #333;display: inline-block;border-radius: 15px;padding: 0 15px;font-size: 14px; font-weight: bold; color:red}
.m_cont_layout.board .board_table tbody tr td.title {position: relative; text-align: left; max-width: 350px;}
.m_cont_layout.board .board_table tbody tr td.title a {position: relative; width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 게시판 페이지 버튼 */
.board_pager {position: relative; display: flex; flex-wrap: wrap; justify-content: center;width: 100%;  margin-top: 20px; padding: 10px 0 30px; }
.board_pager span {display: inline-block; width: 38px; height: 38px; border: 1px solid #d8d8d8; margin: 0 3px;}
.board_pager ol li a,
.board_pager span a {display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;}
.board_pager span.first {background: url(../../main/img/main/first_arrow.png) no-repeat center,#f8f8f8; }
.board_pager span.prev {background: url(../../main/img/main/prev_arrow.png) no-repeat center,#f8f8f8; }
.board_pager span.next {background: url(../../main/img/main/next_arrow.png) no-repeat center,#f8f8f8; }
.board_pager span.last {background: url(../../main/img/main/last_arrow.png) no-repeat center,#f8f8f8; }
.board_pager ol {display: flex; margin: 0 5px;}
.board_pager ol li {width: 38px; height: 38px; margin: 0 3px; border: 1px solid #d8d8d8; background: #F8F8F8;}
.board_pager ol li a {font-size: 15px;}
.board_pager ol li:hover a,
.board_pager ol li.on a {background: #435eb5; color: #fff;}

/* 게시판 n개 보기 셀렉트박스 */
.m_cont_layout.board .view_select { display: flex; justify-content: space-between; margin-top: 10px;}
.m_cont_layout.board .view_select select {padding-left: 10px;}
.m_cont_layout.board .view_select a.write {padding: 4px 13px; border-radius: 3px; background: #435eb5; color: #fff;}

/* 게시판 내부 */
.m_cont_layout.board .board_box {width: 100%; min-height: 550px; margin: 30px 0; background: rgba(255,255,255,0.9); border-radius: 12px; box-sizing: border-box; }
.m_cont_layout.board .board_box .board_table {border-top:2px solid #435eb5; border-bottom:2px solid #435eb5; text-align: left; word-break: break-all;}
.m_cont_layout.board .board_box .board_table tr {border-bottom: 1px solid #e6e6e6;}
.m_cont_layout.board .board_box .board_table tr th {background: #f2f6ff; padding: 15px 40px; font-weight: 700; font-size: 15px; white-space: nowrap;}
.m_cont_layout.board .board_box .board_table tr td {padding: 15px 20px; font-size: 15px; text-align: left;}
.m_cont_layout.board .board_box .board_table tr td p {font-size: 15px; text-align: left;}
.m_cont_layout.board .board_box ul {border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; margin: 30px 0 20px;}
.m_cont_layout.board .board_box ul li {padding: 15px 40px; font-size: 15px; display: flex;}
.m_cont_layout.board .board_box ul li:first-of-type {border-bottom: 1px solid #e6e6e6;}
.m_cont_layout.board .board_box ul li strong {white-space: nowrap;}
.m_cont_layout.board .board_box ul li a {padding-left: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.m_cont_layout.board .board_box .btn_right {text-align: right;}
.m_cont_layout.board .board_box .btn_right a {display: inline-block; text-align: right; background: #394d96; padding: 7px 24px; color:#fff; transition: .3s; border-radius: 3px; font-size: 15px;}
.m_cont_layout.board .board_box .btn_right a:hover {background: #24377b;}

/* 인트로 */
.introImg1 {margin-top: 30px; margin-bottom: 20px;}
.inner_box.intro .pageTitle {font-size: 17px; font-family: 'NotoM';}
.inner_box.intro .l_tit {margin-top: 20px; font-size: 20px; font-family: 'NotoB';}

/* 가이드 */
.inner_box.guide .tab {display: flex; justify-content: center; flex-wrap: wrap; margin: 40px 0 50px;}
.inner_box.guide .tab a.tab_btn {width: 22%; padding: 10px 0; box-sizing: border-box; text-align: center;font-family: 'NotoM'; font-size: 15px;}
.inner_box.guide .tab a.tab_btn {border: 1px solid #435eb5;}
.inner_box.guide .tab a.tab_btn:not(:last-of-type) {border-right: none;}
.inner_box.guide .tab a.tab_btn:first-of-type {border-bottom-left-radius: 5px; border-top-left-radius: 5px;}
.inner_box.guide .tab a.tab_btn:last-of-type {border-bottom-right-radius: 5px; border-top-right-radius: 5px;}
.inner_box.guide #GuideImg1,
.inner_box.guide #GuideImg2,
.inner_box.guide #GuideImg3,
.inner_box.guide #GuideImg4 {max-width:900px; min-height :600px; margin:0 auto; margin-top: 2%; text-align: center;}
.guideImg1, .guideImg2, .guideImg3, .guideImg4, .guideImg5 {border: 1px solid #ccc;}
.guideImg2 {margin-right: 3%}
.guideImg2, .guideImg3 {width: 48%;}

/* 지표서비스 : 연관지표 */
.sub_box.rel .sub_conts strong {width: 100%; display: block; margin: 5px 0; font-size: 15px;} 
.sub_box.rel .sub_conts strong i {font-size: 16px;}
.sub_box.rel .sub_conts .graph_area {margin-top: 15px; overflow-x: auto;  padding: 15px 0;}/*그래프 임시영역*/

/* 지표서비스 : 서비스 만족도 조사 */
.sub_box .sub_conts {font-size: 14px;}
.sub_box.service .sub_conts input {padding: 0 10px; box-sizing: border-box;}
.sub_box.service .sub_conts table tbody tr th {text-align: left; white-space: nowrap; width: 100px;}
.sub_box.service .sub_conts table tbody tr:first-of-type td,
.sub_box.service .sub_conts table tbody tr:nth-of-type(2) td {width: calc(100% - 100px);}
.sub_box.service .sub_conts table tbody tr:first-of-type, 
.sub_box.service .sub_conts table tbody tr:nth-of-type(2) {height: 40px;}
.sub_box.service .sub_conts table tbody tr:first-of-type th, 
.sub_box.service .sub_conts table tbody tr:nth-of-type(2) th {width: 90px;}
.sub_box.service .sub_conts input {height: 30px;}
.sub_box.service .sub_conts .infoDiv {display: flex; flex-wrap: wrap;}
.sub_box.service .sub_conts .infoDiv .name {display: flex; align-items: center;}
.sub_box.service .sub_conts .infoDiv .password {display: flex; align-items: center;}
.sub_box.service .sub_conts .starDiv {display: flex; align-items: center; flex-wrap: wrap;}
.sub_box.service .sub_conts .infoDiv span,
.sub_box.service .sub_conts .starDiv span {white-space: nowrap; font-size: 13px;}
.sub_box.service .sub_conts .starDiv .cont {width: calc(100% - 270px);}
.sub_box.service .sub_conts .starDiv .cont input {width: calc(100% - 100px);}
.sub_box.service span {font-size: 14px;}

/* 해외사례 */
/* 지도 */
.mapWrap {overflow-x: scroll; position: relative; }
.mapWrap .wrapper {position: relative; min-width: 900px; height: 100%; margin: 0 auto;}
.mapWrap img.map {position: relative; width: 100%; padding: 20px 0; display: block;}

.mapWrap a.location {position: absolute; display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.mapWrap a.location img {}
.mapWrap a.location.eng {top: 23%; left: 2%;} 
.mapWrap a.location.fin {top: 22%; left: 7%;} 
.mapWrap a.location.irl {top: 30%; left: 0;} 
.mapWrap a.location.chn {top: 45%; left: 34%;} 
.mapWrap a.location.ita {top: 38%; left: 7%;} 
.mapWrap a.location.aus {top: 73%; left: 39%;} 
.mapWrap a.location.nzl {top: 83%; left: 49%;} 
.mapWrap a.location.bhu {top: 44%; left: 28%;} 
.mapWrap a.location.ger {top: 29%; left: 6%;} 
.mapWrap a.location.ast {top: 31%; left: 7%;} 
.mapWrap a.location.bel {top: 29%; left: 11%;} 
.mapWrap a.location.sui {top: 33%; left: 3%;} 
.mapWrap a.location.jpn {top: 39%; left: 40%;} 
.mapWrap a.location.can {top: 25%; right: 23%;} 
.mapWrap a.location span {white-space: nowrap; font-size: 11px; font-family: 'NotoM'; position: relative; z-index: 1; width: 100%;}
.mapWrap a.location:hover span {font-family: 'NotoB';}

.abroad_exp {display: block; padding-bottom: 15px; padding-left: 8px; color: #666; background: url(../img/etc/ico_bg.png) no-repeat -8px -654px; font-size: 12px;}

/* 탭 */
.sub_contents.abroad .logo_box {margin-top: 20px;}
.sub_contents.abroad .logo_box ul {display: flex; justify-content: space-between;}
.sub_contents.abroad .logo_box ul li {width: 18%; border: 1px solid #ccc;}
.sub_contents.abroad .logo_box ul li a {position: relative; display: flex; flex-wrap: wrap; width: 100%;}
.sub_contents.abroad .logo_box ul li a img {width: 100%;}
.sub_contents.abroad .logo_box ul li a span {display: none; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; z-index: 333; width: 100%; height: 100%; text-align: center; font-size: 16px;}
.sub_contents.abroad .logo_box ul li:hover a span {display: flex; background:rgba(0,0,0,0.8); color: #fff;}

/* 표 */
.aborad_table {margin: 20px 0 30px}
.aborad_table table {border-top: 2px solid #435eb5; border-bottom: 2px solid #435eb5;}
.aborad_table th, .aborad_table td.title>p {font-family: 'NotoB';}
.aborad_table span.link {font-family: 'NotoR';}
.aborad_table span.link a {color: #1a58cc;}
.aborad_table span.link a:hover {text-decoration: underline;}
.aborad_table th.flag img {width: 80px;}
.aborad_table th {background: #f2f6ff;border-right: 1px solid #ccc; font-size: 14px;}
.aborad_table table tr {border-bottom: 1px solid #ccc;}
.aborad_table table tr th,
.aborad_table table tr td {padding: 13px 15px; box-sizing: border-box;}


/* 지표서비스 : 그래프, 연관지표 */
.sub_contents .inner_box .sub_box .sub_conts .graph,
.sub_contents .inner_box .sub_box .sub_conts .rel_graph {width: 100%; overflow-x: auto;}



/* 삶의 질 측정포럼 */
.sub_contents.forum .inner_box {padding: 15px 35px 25px 35px;}
.sub_contents.forum .inner_box .m_cont_layout .btn_more a {margin: 10px auto 30px;}
.sub_contents.forum h3 {font-family: 'NotoB'; font-size: 18px; margin: 25px 0 20px;}
.sub_contents.forum h3 span {position: relative; z-index: 0; display: inline-block;} 
.sub_contents.forum h3 span:before {display: inline-block; position: absolute; content: ''; width: 106%; height: 10px; left: 50%; transform: translateX(-50%); bottom: -4px; z-index: -1; background: #e4eafa;} 
.sub_contents.forum p.purpose {font-size: 15px;}
.sub_contents.forum .board_tab {margin-top: 35px;}

/* 삶의 질 측정포럼 : 연혁 내용 */
.sub_contents.forum .history {margin-left: 90px; border-left: 3px solid #dee4f5; margin-top: 30px;}
.sub_contents.forum .history .contWrap {position: relative; margin-left: 55px; border: 1px solid #ccd8e1; margin-bottom: 30px; border-radius: 10px;}
.sub_contents.forum .history .contWrap:after {content: ''; display: block; width: 9px; height: 9px; background: #4f67b4; border: 3px solid #dee4f5; border-radius: 50%; left: -65px; top: -1px; position: absolute;}
.sub_contents.forum .history .timeLine {position: absolute; left: -135px; top: 25px; color: #213985; font-family: 'NotoB'; font-size: 17px;}
.sub_contents.forum .history .timeLine.tab {position: static; margin-left: 25px; margin-bottom: 15px; display: none;}
.sub_contents.forum .history .timeLine.tab span {display: inline;}

.sub_contents.forum .history .timeLine span {font-size: 15px; display: block; text-align: center;}
.sub_contents.forum .history .contWrap .cont .top {position: relative; background: #f1f5fb; border-top-left-radius: 10px; border-top-right-radius: 10px; font-family: 'NotoM'; color: #303030; font-size: 14px; padding: 15px 30px;}
.sub_contents.forum .history .contWrap .cont .top:after {content: ''; position: absolute; display: block; width: 8px; height: 8px; border-left: 1px solid #ccd8e1; border-bottom: 1px solid #ccd8e1; background: #f1f5fb; transform: rotate(45deg); left: -5px; top: 17px;}
.sub_contents.forum .history .contWrap .cont .bottom {padding: 15px 30px;}
.sub_contents.forum .history .contWrap .cont .bottom li {position: relative; padding-left: 12px;}
.sub_contents.forum .history .contWrap .cont .bottom li:after {content: ''; position: absolute; width: 3px; height: 3px; background: #0029a2; border-radius: 50%; left: 0; top:50%; transform: translateY(-50%);}
.sub_contents.forum .history .contWrap .cont .bottom li a {color: #4f67b4;}
.sub_contents.forum .history .contWrap .cont .bottom li a:hover {text-decoration: underline;}


/* 지표서비스 : 관심지표 등록 모달 (220415) */
.myIndex_popup {display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.myIndex_popup .popCont {position: absolute; top: 50%; left: 50%; background: #fff; width: 450px; height: 400px; transform: translate(-50%,-50%); border: 2px solid #3f75e7;}
.myIndex_popup .popCont .close {display: block; position: absolute; width: 50px; height: 50px; top: 0; right: 0; transition: .3s;}
.myIndex_popup .popCont .close i {font-size: 25px; margin: 13px 0 0 13px; transition: .4s;}
.myIndex_popup .popCont .close:hover {background: #3f75e7;}
.myIndex_popup .popCont .close:hover i {color: #fff; transform: rotate(90deg);}
.myIndex_popup .popCont .popTit {font-size: 18px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff; margin-bottom: 10px}
.myIndex_popup .popCont .popBtm {position: relative; width: 100%; height: calc(100% - 77px); padding: 20px 30px 0; box-sizing: border-box;}
.myIndex_popup .popCont .popBtm .listWrap {position: relative;width: 100%; height: calc(100% - 70px); border: 1px solid #e6e6e6; padding: 15px 20px; box-sizing: border-box;}
.myIndex_popup .popCont .popBtm .group_list {position: relative; width: 100%; height: calc(100% - 10px); overflow: auto;}
.myIndex_popup .popCont .popBtm .group_list li {padding-right: 15px; font-size: 16px;}
.myIndex_popup .popCont .popBtm .group_list li a:focus {color: #3f75e7; font-family: 'NotoM';}
.myIndex_popup .popCont .popBtm .group_list li i {margin-right: 10px;}
.myIndex_popup .popCont .popBtm .group_btn {position: relative; display: flex; justify-content: flex-end; width: 100%; height:50px;}
.myIndex_popup .popCont .popBtm .group_btn .group_add {display: none; position: absolute; width: 100%; height: 100%; background: #fff; margin-top: 10px;}
.myIndex_popup .popCont .popBtm .group_btn .group_add input {border: 1px solid #e6e6e6; width: calc(100% - 130px); padding: 5px 10px;}
.myIndex_popup .popCont .popBtm .group_btn .group_add input:hover {cursor: text;}
.myIndex_popup .popCont .popBtm .group_btn .group_add button {color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px;background: #3f75e7; border: none; line-height: 170%; font-family: 'NotoR'; margin-left: 10px; cursor: pointer;}
.myIndex_popup .popCont .popBtm .group_btn .group_add a.return {margin-top: 0; margin-left:3px;}
.myIndex_popup .popCont .popBtm .group_btn a {display: inline-block; background: #3056a6; color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px; margin-top: 23px; margin-left: 5px; transition: .2s;}
.myIndex_popup .popCont .popBtm .group_btn a:hover {background: #264b9b;}
.myIndex_popup .popCont .popBtm .group_btn a.add {background: #3f75e7;}
.myIndex_popup .popCont .popBtm .group_btn a.add:hover {background: #3169e1;}

/* 지표서비스 : 행렬전환 팝업 (220510) */
.setting_popup {position: relative; background: #fff; width: 550px; height: 350px;}
.setting_popup .popTit {font-size: 18px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff; margin-bottom: 20px;}
.setting_popup .popBtm {position: relative; width: 100%; height: calc(100% - 30px); padding: 0 30px; box-sizing: border-box; }
.setting_popup .popBtm .settingArea {display: flex; justify-content: space-between; position: relative; width: 100%; height: 68%; margin-bottom: 20px;}
.setting_popup .popBtm .settingArea .box {position: relative; width: 49%; height: 100%;}
.setting_popup .popBtm .settingArea .box .tit {position: relative;  font-size: 15px; font-family: 'NotoB'; padding-left: 9px; margin-bottom: 10px;}
.setting_popup .popBtm .settingArea .box .tit:before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; content: ''; width: 0px; height: 0px; border-left: 3px solid #1e96f1; border-top: 3px solid transparent; border-bottom: 3px solid transparent;}
.setting_popup .popBtm .settingArea .box .tit select {width: 174px; margin-left: 10px;}
.setting_popup .popBtm .settingArea .box.item .tit {margin-bottom: 12px;}
.setting_popup .popBtm .settingArea .box .contWrap {border: 1px solid #e6e6e6; padding: 10px 15px; height: calc(100% - 53px);}
.setting_popup .popBtm .settingArea .box .contWrap .cont {overflow-y: auto; height: 100%;}
.setting_popup .popBtm .settingArea .box .contWrap .cont input[type="checkbox"] {margin-right: 3px;}
.setting_popup .popBtm .btnArea {position: relative; width: 100%; text-align: center;}
.setting_popup .popBtm .btnArea a {display: inline-block; background: #3056a6; color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px; margin-left: 5px; transition: .2s;}
.setting_popup .popBtm .btnArea a:hover {background: #264b9b;}

/* 2023년 개선사업 행렬전환 - 지표서비스 : 조회설정 팝업 (220510) */
.switch_popup {position: relative; background: #fff; width: 467px; height: 320px;}
.switch_popup .popTit {font-size: 18px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff;  margin-bottom: 20px;}
.switch_popup .popBtm {position: relative; width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box;}
.switch_popup .popBtm .switchArea {display: flex; position: relative; width: 100%; height: 77%;}
.switch_popup .popBtm .switchArea .section {width: 49%; height: 100%;}
.switch_popup .popBtm .switchArea .section.mid {position: relative; width: 14%;}
.switch_popup .popBtm .switchArea .section.mid .btnWrap {width: 100%; position: absolute; top: 50%; transform: translateY(-50%);}
.switch_popup .popBtm .switchArea .section.mid .btnWrap a {display: block; width: 100%; height: 22px; text-align: center;}
.switch_popup .popBtm .switchArea .section.mid .btnWrap a.left span {display: inline-block; width: 31px; height: 22px; background: url(../img/sub/switch.png) -48px -23px;}
.switch_popup .popBtm .switchArea .section.mid .btnWrap a.right {margin-bottom: 5px;}
.switch_popup .popBtm .switchArea .section.mid .btnWrap a.right span {display: inline-block; width: 31px; height: 22px; background: url(../img/sub/switch.png) -48px 0;}
.switch_popup .popBtm .switchArea .section .top {display: inline-flex; justify-content: space-between; height: 30px;}
.switch_popup .popBtm .switchArea .section.left .top .label {width: 19px; height: 19px; background: url(../img/sub/switch.png);}
.switch_popup .popBtm .switchArea .section.head .top .label {width: 19px; height: 19px; background: url(../img/sub/switch.png) -24px 0;}
.switch_popup .popBtm .switchArea .section.head{margin-left: 20px;}
.switch_popup .popBtm .switchArea .section .top span.labelNm{margin: 0 5px; color: #7c7c7c; font-family: 'NotoB';}
.switch_popup .popBtm .switchArea .section .top .arrow {margin-top: 3px;}
.switch_popup .popBtm .switchArea .section .top .arrow a.up {display:inline-block; width: 14px; height: 15px;background: url(../img/sub/switch.png) -119px 0; margin-right: 3px;}
.switch_popup .popBtm .switchArea .section .top .arrow a.down {display:inline-block; width: 14px; height: 15px;background: url(../img/sub/switch.png) -136px 0;}
.switch_popup .popBtm .switchArea .section .btm {width: 100%; height: 180px; border: 1px solid #e6e6e6; padding: 10px; box-sizing: border-box;}
.switch_popup .popBtm .switchArea .section .btm ul{height: 150px;}
.switch_popup .popBtm .switchArea .section .btm li {width: 100%; text-align: center; background: #e8f5ff; border: 1px solid #a3bad9; margin-bottom: 8px; padding: 5px; box-sizing: border-box; cursor: pointer;}
.switch_popup .popBtm .switchArea .section .btm li.on {border: 1px solid #3f75e7;  color: #3f75e7;  font-family: 'NotoM';}
.switch_popup .popBtm .btnArea {position: relative; width: 100%; text-align: center;}
.switch_popup .popBtm .btnArea a {display: inline-block; background: #3056a6; color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px; margin-left: 5px; transition: .2s;}
.switch_popup .popBtm .btnArea a:hover {background: #264b9b;}

/* 지표서비스 : 데이터 찾기 팝업 (220420) */
.data_popup {position: relative; background: #fff; width: 350px; height: 180px;}
.data_popup .popTit {font-size: 18px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff;}
.data_popup .popBtm {position: relative; width: 100%; padding: 0 30px; box-sizing: border-box;}
.data_popup .popBtm .settingArea {padding-top: 30px; display: flex;}
.data_popup .popBtm .settingArea select {padding-right: 8px; height: 25px;}
.data_popup .popBtm .settingArea input[type=text] {margin-left: 3px; width: 160px;}
.data_popup .popBtm .btnArea {position: relative; width: 100%; text-align: center; margin-top: 25px;}
.data_popup .popBtm .btnArea a {display: inline-block; background: #3056a6; color:#fff; font-size: 13px; padding: 2px 10px; border-radius: 3px; margin-left: 5px; transition: .2s;}
.data_popup .popBtm .btnArea a:hover {background: #264b9b;}

/* 지표서비스 : 상위 버튼목록 추가 (220809) */
.service_top_btn {display: flex; justify-content: flex-end; max-width: 1440px; margin: 0 auto; padding-bottom: 15px; background: #fff;}
.service_top_btn a {display: flex; align-items: center; padding: 0 10px; height: 30px; margin-left: 6px; border-radius: 4px; border: 1px solid #ccc; color: #666; font-size: 14px; transition: .2s; white-space: nowrap;}
.service_top_btn a:hover {color:#3f75e7; border: 1px solid #3f75e7;}
.service_top_btn a i {margin-right: 5px; font-size: 16px;}

/* 스크롤 디자인 (211026) 추가 */
div::-webkit-scrollbar {width: 6px; height: 8px;}
div::-webkit-scrollbar-track {background: #e9eaf0; border-radius: 5px;}
div::-webkit-scrollbar-thumb {background: #d3d6e1; border-radius: 5px;}

/*지표모아보기 :상세지표 팝업 (220802) */ 
.my_popup {position: relative; background: #fff; width: 550px; height: 350px;}
.my_popup .idxTit {font-size: 18px; font-family: 'NotoB'; padding: 14px 25px; background: #e8f0ff;}
.my_popup .idxList .idx_table thead tr th { border-right: 1px solid #ccc; border-top: 1px solid #ccc; font-size: 14px; font-family: 'NotoB'; text-align: center;  padding: 10px; }
.my_popup .idxList .idx_table tbody tr th { border-right: 1px solid #ccc; border: 1px solid #ccc;}

/* 소개페이지 탭 221205 SY Edit */
.inner_box.intro .tab {display: flex; height: 40px; background: #fff; margin-top: 20px; margin-bottom: 30px; border:1px solid #435eb5;}
.inner_box.intro .tab a.tab_btn {display: flex; justify-content: center; align-items: center; width: 50%; color: #435eb5; white-space: nowrap; font-size: 15px; font-family: 'NotoM'; }
.inner_box.intro .tab a.tab_btn.on {background: #435eb5; font-family: 'NotoB'; color: #fff; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); }

/* 소개페이지 본문 220915 SY */
.inner_box.intro .l_tit {margin-top: 20px; font-size: 20px; font-family: 'NotoB';}
.inner_box.intro .intro_title { position: relative; font-size: 20px; font-family: 'NotoB'; color: #435eb5; padding-left: 10px; margin-bottom: 20px; }
.inner_box.intro .intro_title:before {content: ''; display: block; width: 4px; height: 15px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #435eb5;}
.inner_box.intro .pg { margin-bottom: 20px; font-size: 15px;}
.inner_box.intro .pg b { font-size: 17px; font-family: 'NotoB'; margin-bottom: 5px; display: block;}
.p_img { overflow-x: auto;}

/* 국가발전 소개 테이블 CSS 220915 SY */
table.tbl-p { border-top:2px solid #435eb5; width:100%; font-size:14px; width:100%; table-layout:fixed; }
table.tbl-p>thead>tr>th { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB'; }
table.tbl-p>thead>tr>th:last-child { border-right:0; }
table.tbl-p>thead>tr>td { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table.tbl-p>thead>tr>td:last-child { border-right:0; }
table.tbl-p>tbody>tr>th { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB'; }
table.tbl-p>tbody>tr>th:last-child { border-right:0; }
table.tbl-p>tbody>tr>td { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
table.tbl-p>tbody>tr>td:last-child { border-right:0; }
.tbl-p>table { border-top:2px solid #435eb5; width:100%; font-size:14px; width:100%; table-layout:fixed; }
.tbl-p>table>thead>tr>th { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB'; font-size:15px !important; }
.tbl-p>table>thead>tr>th:last-child { border-right:0; }
.tbl-p>table>thead>tr>td { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px !important; }
.tbl-p>table>thead>tr>td:last-child { border-right:0; }
.tbl-p>table>tbody>tr>th { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB'; }
.tbl-p>table>tbody>tr>th:last-child { border-right:0; }
.tbl-p>table>tbody>tr>td { padding:5px 7px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px !important; }
.tbl-p>table>tbody>tr>td:last-child { border-right:0; }
.tbl-p .ws-normal { white-space:normal; }
.tbl-p .ws-normal * { white-space:normal; }
.tbl-info { margin:25px 0 10px 0; font-size:14px; }
.tbl-nbt { margin:25px 0 0 0; font-size:14px; }

/* 삶의 질 소개 테이블 CSS 220915 SY */
#tbl_qol_01 { width:100%; }
#tbl_qol_01 th { width:120px; font-size:20px; color:#435eb5; vertical-align:top; font-size: 15px;}
#tbl_qol_01 tr th, #tbl_qol_01 tr td { border-top:1px solid #cccccc; padding:15px 0px; font-size: 15px;}
#tbl_qol_02 { width:100%;margin:auto; border-top: 2px solid #435eb5; border-bottom: 1px solid #ccc;}
#tbl_qol_02 th { border-left:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB';font-size: 15px; padding: 5px;}
#tbl_qol_02 td { border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:10px; font-size: 15px;}
#tbl_qol_02 tr th:first-child, #tbl_qol_02 tr td:first-child { border-left:0; }
#tbl_qol_03 { width:100%; }
#tbl_qol_03 td { padding-bottom:15px; padding-left:10px; text-indent:-10px; font-size: 15px;}
#tbl_qol_03 th { width:120px; vertical-align:top; font-size: 15px; font-family:'NotoB';}
#tbl_qol_04 { width:100%; }
#tbl_qol_04 td { padding-bottom:15px; padding-left:10px; text-indent:-10px; font-size: 15px;}
#tbl_qol_04 th { width:120px; vertical-align:top; font-size: 15px; font-family:'NotoB';}
#tbl_qol_05 th { width:110px; font-weight:bold; text-align:left; vertical-align:top; font-size: 15px; font-family:'NotoB';}
#tbl_qol_05 td {font-size: 15px;}
#tbl_qol_05 tr.pt th, #tbl_qol_05 tr.pt td { padding-top:20px; }
#tbl_qol_05 .first { text-indent:-10px; }
#tbl_qol_06 { width:100%; }
#tbl_qol_06 th { width:45px; vertical-align:top; font-family:'NotoB';}
#tbl_qol_06 th, #tbl_qol_06 td { padding:5px; font-size: 15px;}
#tbl_qol_07 { border-top:2px solid #435eb5; border-bottom:1px solid #ccc; width:100%; }
#tbl_qol_07 th { padding:5px; border-left:1px solid #cccccc; padding:5px; border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB'; font-size: 15px;}
#tbl_qol_07 td { padding:5px; text-align:center; border-top:1px solid #cccccc; border-left:1px solid #cccccc; font-size: 15px;}
#tbl_qol_07 th.nbl, #tbl_qol_07 td.nbl { border-left:0; }
#tbl_qol_07 tr td:last-child { text-align:left; }
#tbl_qol_08 { width:100%; border-top: 2px solid #435eb5; border-bottom: 1px solid #ccc; }
#tbl_qol_08 th, #tbl_qol_08 td { border-left:1px solid #cccccc; padding:5px; font-size: 15px; } 
#tbl_qol_08 thead th { border-bottom:1px solid #cccccc; background:#f3f4f5; color:#435eb5; font-family:'NotoB';}
#tbl_qol_08 tbody th, #tbl_qol_08 tbody td { border-top:1px solid #cccccc; border-left:1px solid #cccccc; }
#tbl_qol_08 tr th:first-child, #tbl_qol_08 tr td:first-child { border-left:0; }

/* 사회지표 소개 테이블 CSS */
#tbl_qol_09 { width:100%; }
#tbl_qol_09 td { padding-bottom:15px; padding-left:10px; text-indent:-10px; font-size: 15px;}
#tbl_qol_09 th { width:120px; vertical-align:top; font-size: 15px; font-family:'NotoB';}

/* 운영정책 221115 SY Add (230612 수정 길도연) */
.top_confirm_cntnt .confirm_cntnt { width: 100%; margin: 20px 0; }
.top_confirm_cntnt .confirm_cntnt th { border: 1px solid #d7d7d7;color: #646464; text-align: center; height : 40px; }
.top_confirm_cntnt .confirm_cntnt td { border: 1px solid #d7d7d7;color: #646464; text-align: center; width:33%; height:160px; }
.top_confirm_cntnt .confirm_cntnt li.mImg { height: 95px; }
.confirm_cntnt li.m1{margin-left:3px; background:url('../../main/img/main/m1.png') no-repeat left, url('../../main/img/main/m01.png') no-repeat center; background-position: 0px, 29px; padding-left:65px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m2{margin-left:3px; background:url('../../main/img/main/m2.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m3{margin-left:3px; background:url('../../main/img/main/m3.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m4{margin-left:3px; background:url('../../main/img/main/m4.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m5{margin-left:3px; background:url('../../main/img/main/m5.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m6{margin-left:3px; background:url('../../main/img/main/m6.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m7{margin-left:3px; background:url('../../main/img/main/m7.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m8{margin-left:3px; background:url('../../main/img/main/m8.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m9{margin-left:3px; background:url('../../main/img/main/m9.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m10{margin-left:3px; background:url('../../main/img/main/m10.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m11{margin-left:3px; background:url('../../main/img/main/m11.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m12{margin-left:3px; background:url('../../main/img/main/m12.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}
.confirm_cntnt li.m13{margin-left:3px; background:url('../../main/img/main/m13.png') no-repeat left; padding-left:34px; background-size:30px; font-size:15px;}

.top_confirm_cntnt table.confirm_cntnt td li.m1{margin-left:3px; background:url('../../main/img/main/m6.png') no-repeat; padding-left:28px; background-size:100px; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m2{margin-left:3px; background:url('../../main/img/main/m1.png') no-repeat; padding-left:28px; background-size:100px; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m3{margin-left:3px; background:url('../../main/img/main/m2.png') no-repeat; padding-left:28px; background-size:100px; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m4{margin-left:3px; background:url('../../main/img/main/m3.png') no-repeat; padding-left:28px; background-size:100px; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m5{margin-left:3px; background:url('../../main/img/main/m4.png') no-repeat; padding-left:28px; background-size:100px; background-position:center;}
.top_confirm_cntnt table.confirm_cntnt td li.m6{margin-left:3px; background:url('../../main/img/main/m11.png') no-repeat; padding-left:28px; background-size:100px; background-position:center;}
.confirm_cntnt.list { padding:10px; border:1px solid #d7d7d7; color: #646464; line-height:29px; overflow-x: auto; margin-bottom: 20px;}
.confirm_cntnt.list table { width: 100%; }
.confirm_cntnt.list li {  word-break: keep-all; white-space: nowrap; }
.confirm_cntnt.list tr { float: left; width: 50%; position: relative; }
.confirm_cntnt.list td.head { float: left; display: block; width: 120px; }
.confirm_cntnt.list td.tit { float: left; display: block; width: calc(100% - 120px); }
.confirm_cntnt.list td.tit ul {font-size:15px;}
.confirm_cntnt.list td.tit ul li b{font-size:15px;}

.h5_ul li h5 {position: relative; margin: 35px 0px 10px 0px; padding-left: 15px; font-size: 18px; color: #3f75e7; line-height: 26px;}
.h5_ul li.confirm_subtitle1 h5 {margin-left:3px; background:url('../../main/img/main/m1.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle2 h5 {margin-left:3px; background:url('../../main/img/main/m2.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle3 h5 {margin-left:3px; background:url('../../main/img/main/m3.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle4 h5 {margin-left:3px; background:url('../../main/img/main/m4.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle5 h5 {margin-left:3px; background:url('../../main/img/main/m5.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle6 h5 {margin-left:3px; background:url('../../main/img/main/m6.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle7 h5 {margin-left:3px; background:url('../../main/img/main/m7.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle8 h5 {margin-left:3px; background:url('../../main/img/main/m8.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle9 h5 {margin-left:3px; background:url('../../main/img/main/m9.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle10 h5 {margin-left:3px; background:url('../../main/img/main/m10.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle11 h5 {margin-left:3px; background:url('../../main/img/main/m11.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle12 h5 {margin-left:3px; background:url('../../main/img/main/m12.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}
.h5_ul li.confirm_subtitle13 h5 {margin-left:3px; background:url('../../main/img/main/m13.png') no-repeat left; padding-left:28px; font-weight:bold; margin-bottom:5px; background-size:25px !important;}

.h5_ul li.confirm_subtitle1,
.h5_ul li.confirm_subtitle2,
.h5_ul li.confirm_subtitle3,
.h5_ul li.confirm_subtitle4,
.h5_ul li.confirm_subtitle5,
.h5_ul li.confirm_subtitle6,
.h5_ul li.confirm_subtitle7,
.h5_ul li.confirm_subtitle8,
.h5_ul li.confirm_subtitle9,
.h5_ul li.confirm_subtitle10,
.h5_ul li.confirm_subtitle11,
.h5_ul li.confirm_subtitle12,
.h5_ul li.confirm_subtitle13 { background: none; padding:0 !important; }

.h5_ul.confirm_cntnt { margin: 0 !important; }

/* 국민 삶의 질 지표 > 소개 동영상 *YP 230913 */
.video_box { max-width:100%; }
.video_box video { width:100%;}

/* 231129 YP 저출산지표 add */
.top_visual .left_tab li.tab_lbw {height: 250px; width:100%; margin-top: -22px; overflow: hidden; background: unset;  }
.top_visual .left_tab li.tab_lbw:hover{ /* margin-top: 0; */ }
.top_visual .left_tab li.tab_lbw:hover .illust { display: block; }