@charset "utf-8"; /* 타이틀 관련 */ .cont_title1 {margin-top:30px; padding-left:14px; font-size:21px; background:url(/images/react/common/blt_title1.gif) no-repeat 0 9px; line-height:29px; letter-spacing:-0.1em; } .cont_title2 {position:relative; margin-top:35px; padding-left:21px; font-size:18px; background:url(/images/react/common/blt_title2.gif) no-repeat 0 9px; line-height:26px; z-index:60; letter-spacing:-0.1em;} .cont_title3 {position:relative; margin-top:20px; padding-left:17px; font-size:15.5px; /* color:#00539f; */ color:#4b4b4b; font-weight:bold; background:url(/images/react/common/blt_title3.gif) no-repeat 0 6px; z-index:60;} .round_title {display:inline-block; padding:6px 25px 8px 25px; font-size:14px; font-weight:bold; background:#5b6f90; border-radius:30px; color:#fff; } .cont_title1.clrB {color:#3366cc;} .cont_title1.clrBL {color:#333333;} .cont_title1.bgN {padding-left:0; background:none;} .cont_title1.line {padding-left:0; background:url(/images/react/common/cont_title_line_bg.png) repeat-x left bottom;} .cont_title1.line span {display:inline-block; position:relative; background:#fff; padding:0 6px 2px 0; margin-bottom:-2px;} .cont_title2.bltR {background:url(/images/react/common/blt_title1.gif) no-repeat 0 7px; padding-left:14px;} .cont_title2.bgN {padding-left:0; background:none;} .cont_title3.bltD {background:url(/images/react/common/blt_title2.gif) no-repeat 0 6px; padding-left:20px;} .cont_title3.bgN {padding-left:0; background:none;} /* 리스트 관련 */ .cont_list1, .cont_list2, .cont_list3, .cont_olist1 { margin-top:12px; } .cont_list1 > li{margin-bottom:10px; padding-left:11px; background:url(/images/react/common/blt_square.png) no-repeat 0 9px; } .cont_list2 > li{margin-bottom:5px; padding-left:10px; color:#515151; background:url(/images/react/common/blt_bar.png) no-repeat 0 10px;} .cont_list3 > li {margin-bottom:5px; padding-left:8px; color:#666; font-size:13px; line-height:21px; background:url(/images/react/common/blt_square_sm.png) no-repeat 0 10px;} .cont_list4 > li {padding-left:8px; background:url(/images/react/common/blt_bar_sm.png) no-repeat 0 10px; font-size:12px; color:#666;} .cont_olist1 { list-style:none; } .cont_olist1 li { padding:5px 0 5px 17px; text-indent:-17px; } .cont_list_deci {margin-left:13px;} .cont_list_deci > li{margin-bottom:5px; list-style:decimal; line-height:22px;} .cont_list_deci > li > ul, .cont_list_deci > li > ol, .cont_list_deci > li > p{margin:5px 0 10px 0;} .cont_list1 > li > ul, .cont_list1 > li > p {margin:10px 0 0 0;} .cont_list1 > li > ul > li {margin:7px 0; padding-left:10px; color:#515151; background:url(/images/react/common/blt_bar.png) no-repeat 0 10px;} .cont_list1 > li > ul > li > ul {margin-top:7px; font-size:13px; line-height:21px;} .cont_list1 > li > ul > li > ul > li {margin-bottom:7px; padding-left:8px; color:#666; background:url(/images/react/common/blt_square_sm.png) no-repeat 0 10px;} .cont_list1 > li > ul > li > ul > li > ul {margin-top:5px; font-size:12px; color:#666;} .cont_list1 > li > ul > li > ul > li > ul > li {padding-left:8px; background:url(/images/react/common/blt_bar_sm.png) no-repeat 0 10px; } .desc_list {margin:5px 0 0 0 !important; font-size:12px !important; color:#393939 !important; line-height:20px !important;} .desc_list em{margin-right:5px !important;} .desc_list > li {margin:0; padding:0 !important; background:none !important; } .inline_list li{display:inline-block; margin:5px 10px 0 0;} .none_list li{margin-bottom:5px; background:none !important; padding:0 !important; } .box_list {border-left:1px solid #c2c5d1;} .box_list:after {content:""; display:block; clear:both;} .box_list li{float:left; width:33.333%; margin-top:-1px;} .box_list li p{padding:10px; background:#fff; border:1px solid #c2c5d1; border-left:0; font-size:12px; font-weight:bold; } .box_list li p span {padding-left:14px; background:url(/images/react/common/bul_diag_gray.gif) no-repeat 0 5px;} .cont_list1.bltD > li {margin-bottom:10px; padding-left:18px; background:url(/images/react/common/blt_title2.gif) no-repeat 0 6px;} .cont_list1.bltD > li > ul, .cont_list1.bltD > li > p {margin:10px 0 0 0;} .cont_list1.bltD > li > ul > li {margin:7px 0; padding-left:10px; color:#515151; background:url(/images/react/common/blt_square.gif) no-repeat 0 9px;} .cont_list1.bltD > li > ul > li > ul {margin-top:7px; font-size:13px; line-height:21px;} .cont_list1.bltD > li > ul > li > ul > li {margin-bottom:7px; padding-left:10px; color:#666; background:url(/images/react/common/blt_bar.gif) no-repeat 0 10px;} .cont_list1.bltD > li > ul > li > ul > li > ul {margin-top:5px; font-size:12px; color:#666; } .cont_list1.bltD > li > ul > li > ul > li > ul > li {padding-left:8px; background:url(/images/react/common/blt_arrow.gif) no-repeat 0 8px;} .box_list.bgN li p span {padding-left:0; background:none;} /*리스트 사이 여백 제어 */ .list_mgb5 > li{margin-bottom:5px !important;} .list_mgb10 > li{margin-bottom:10px !important;} .list_mgb20 > li{margin-bottom:20px !important;} .list_mgb30 > li{margin-bottom:30px !important;} /* 테이블 ol 리스트 */ .tb_ol_list > li {margin:7px 0 15px 0; } .tb_ol_list > li > ol, .tb_ol_list > li > ul {margin:10px 0 10px 0; padding:15px 20px 5px 20px; font-size:13px; color:#666; background:#f8f8f8; } .tb_ol_list > li > ol > li, .tb_ol_list > li > ul > li {margin:0 0 10px 0; } /* 텍스트 관련 */ .cont_text1 {margin:7px 0; padding-left:10px; background:url(/images/react/common/blt_square.gif) no-repeat 0 9px; } .cont_text2 {margin:7px 0; padding-left:10px; color:#515151; background:url(/images/react/common/blt_bar.gif) no-repeat 0 10px;} .cont_text3 {margin-bottom:5px; padding-left:10px; color:#666; font-size:13px; line-height:21px; background:url(/images/react/common/blt_arrow.gif) no-repeat 0 8px;} .cont_text4 {padding-left:8px; background:url(/images/react/common/blt_cercle.gif) no-repeat 0 9px; font-size:12px; color:#666;} .txt_emph {display:block;/* margin-top:5px !important; */ margin-top:5px; padding-left:15px; color:#666; background:url(/images/react/common/blt_emph_gray.png) no-repeat 0 6px; font-size:12px;} .txt_star {display:block; margin-top:5px !important; padding-left:8px; font-size:12px; text-indent:-8px;} .txt_atten {margin-top:5px; padding-left:15px; font-size:13px; color:#666; background:url(/images/react/common/blt_atten.gif) no-repeat 0 7px;} .fs_small {margin-top:5px; font-size:12px !important; color:#666; } .fs_small2 {margin-top:10px; font-size:13px; color:#666; } .fs_13 {font-size:13px;} .fs_16 {font-size:16px;} .fs_20 {font-size:20px;} /* 들여쓰기 및 여백 관련 */ .cont_title1 + p, .cont_title1 + ul, .cont_title1 + ol{margin-top:15px;} /* 타이틀 바로 아래 콘텐츠 여백지정 */ .cont_title3 + p, .cont_title3 + ul, .cont_title3 + ol, .cont_title3 ~ .gray_box {margin:15px 0 0 22px; } /* 세번째 타이틀 아래 들여쓰기 여백 지정 */ .cont_title3 + p ~ p,.cont_title3 + p ~ div, .cont_title3 + p ~ ul, .cont_title3 ~ ul {margin-left:22px; } /* 세번째 타이틀 아래 들여쓰기 여백 지정 */ .cont_title3 ~ .tb_scroll, .cont_title3 ~ .tb_unit_wrap, .cont_title3 ~ .img_box {margin-left:0px; } /* 세번째 타이틀 아래 들여쓰기 여백 지정 */ .indent_box {margin:15px 0 0 15px;} .indent_box2 {margin:15px 0 0 12px; } .cont_title3 ~ ul.card_list {margin-left:-30px;} .cont_title3 + p ~ div.foot_author {margin-left:0;} /* 포인트 컬러 */ .point_cr1 {color:#ff7800 !important;} .point_cr2 {color:#00539f !important;} .point_cr3 {color:#0d7bba !important;} .point_cr4 {color:#007c8e !important;} .point_cr5 {color:#cd3702 !important;} .point_cr6 {color:#6666cc !important;} .point_cr7 {color:#1b59af !important;} /* 박스스타일 관련 */ .notice_box {margin-top:25px; padding:5px; background:url(/images/react/common/bg_notice_box.gif) repeat;} .notice_box .notice_cont{padding:5px 15px 5px 15px; background-color:#fff; } .notice_box .notice_cont .notice_title{margin:10px 0 15px 0; font-size:20px; font-weight:bold; } .notice_box .notice_cont > ul > li{margin:5px 0; padding-left:9px; background:url(/images/react/common/blt_square_gray.gif) no-repeat 0 10px; } .notice_box .notice_cont > ul > li > ul {margin:10px 0; padding:5px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; font-size:13px; color:#797979;} .notice_box .notice_cont > ul > li > ul > li{padding-left:10px; color:#000; background:url(/images/react/common/blt_bar.gif) no-repeat 0 11px;} .notice_box .notice_cont .notice_text{margin:10px 0; padding-left:9px; background:url(/images/react/common/blt_square_gray.gif) no-repeat 0 11px; } .notice_box .notice_btn{margin-top:10px; background:#fff; text-align:center; } .line_box {margin:15px 0 15px 0; padding:16px 25px 20px 60px; border:2px solid #e3e4e8; background:url(/images/react/common/bg_linebox.gif) no-repeat 18px 16px;} .line_box2 {margin:15px 0 10px 0; padding:20px; border:1px solid #d8d8d8; text-align:center; font-size:13px; background:#fff;} .line_box2.ta_l {text-align:left;} .dot_box{margin:15px 0 15px 0;/* padding:10px 15px 12px 15px; */ padding:15px 20px; border:1px dashed #a8a8a8; font-size:13px; background:#fff; } .gray_box {/* margin:15px 0 20px 0; */ margin:8px 0px 0px 0px; /* padding:10px 20px 5px 20px; */ padding:15px 20px; background:#f0f1f5; font-size:13px;} .gray_box .cont_list1 li{margin-bottom:5px;} /* 버튼스타일 */ /* 기본버튼 */ .btn_basic {display:inline-block; margin-bottom:5px; padding:7px 20px 8px 20px; font-size:14px; font-weight:bold; border-radius:2px; vertical-align:middle; text-align:left;} button.btn_basic {padding:9px 20px 11px 20px; font-family:'Malgun Gothic','맑은고딕';} .btn_color, a.btn_color {background:#484e62; color:#fff; border:1px solid #484e62;} .btn_line, a.btn_line {border:1px solid #484e62; color:#484e62; background:#fff; } .btn_color .btn_down{padding-right:25px; background:url(/images/react/common/icon_down_white.png) no-repeat 100% 70%;} .btn_color .btn_link{padding-right:25px; background:url(/images/react/common/icon_link_white.png) no-repeat 100% 70%;} .btn_color .btn_bln{padding-right:25px; background:url(/images/react/common/icon_bln_white.png) no-repeat 100% 70%;} .btn_line .btn_down{padding-right:25px; background:url(/images/react/common/icon_down_color.png) no-repeat 100% 70%;} .btn_line .btn_link{padding-right:25px; background:url(/images/react/common/icon_link_color.png) no-repeat 100% 70%;} .btn_line .btn_bln{padding-right:25px; background:url(/images/react/common/icon_bln_color.png) no-repeat 100% 70%;} .btn_line .btn_srch{padding-right:25px; background:url(/images/react/common/icon_srch.gif) no-repeat 100% 70%;} .btn_color:hover, .btn_color:focus, .btn_color:active {background-color:#5b6f90; text-decoration:none; border-color:#5b6f90;} .btn_line:hover, .btn_line:focus, .btn_line:active {border-color:#7ea1d2; color:#5b6f90; text-decoration:none;} .btn_inline, a.btn_inline {display:inline-block; margin-bottom:5px; padding:2px 10px 3px 10px; font-size:12px; font-weight:bold; color:#595959; border:1px solid #c8c8c8; border-radius:2px; background:#fff; vertical-align:top; text-align:left;} /* 작은버튼 */ button.btn_inline {padding:5px 10px 7px 10px; font-family:'Malgun Gothic','맑은고딕';} .btn_inline .btn_down {padding-right:24px; background:url(/images/react/common/icon_down_sm.png) no-repeat 100% 70%;} .btn_inline .btn_down2 {background:url(/images/react/common/icon_down_sm.png) no-repeat 100% 70%;} .btn_inline .btn_link {padding-right:20px; background:url(/images/react/common/icon_link_sm.png) no-repeat 100% 70%;} .btn_inline .btn_bln{padding-right:20px; background:url(/images/react/common/icon_bln_color.png) no-repeat 100% 70%;} .btn_inline + .btn_disa {border-color:#dedfe4; color:#666;} .btn_disa .btn_down {padding-right:24px; background:url(/images/react/common/icon_down_disa.png) no-repeat 100% 70%; } .btn_inline:hover, .btn_inline:focus, .btn_inline:active {border-color:#7ea1d2; text-decoration:none;} .btn_disa:hover, .btn_disa:focus, .btn_disa:active {border-color:#dedfe4; text-decoration:none;} .btn_small {display:inline-block; padding:1px 10px 2px 10px; font-size:12px; font-weight:bold; color:#cd3702; border:1px solid #cd3702; border-radius:2px; background:#fff; vertical-align:top; line-height:18px; text-indent:0; text-align:left;} .btn_inline_gray {display:inline-block; background:#fbfbfb; border:1px solid #d2d2d2; border-bottom:1px solid #a9a9a9; border-radius:3px; padding:2px 15px;} .btn_inline_gray > span {display:block; font-size:12px; line-height:21px; letter-spacing:-0.06em; color:#000; padding:0 0 2px 0;} .btn_inline_gray:hover, .btn_inline_gray:focus, .btn_inline_gray:active {border-color:#7ea1d2; text-decoration:none;} .btn_inline_gray .btn_down {padding-right:25px; background:url(/images/react/common/icon_down_sm.png) no-repeat right center;} .btn_inline_gray .btn_link {padding-right:14px; background:url(/images/react/common/icon_link_sm.png) no-repeat right center;} .btn_inline_gray .btn_bln {padding-right:18px; background:url(/images/react/common/icon_bln_color.png) no-repeat right center;} .btn_inline_gray .btn_srch {padding-right:25px; background:url(/images/react/common/icon_srch.gif) no-repeat 100% 70%;} .btn_inline_blue {display:inline-block; background:#484e62; border:1px solid #484e62; border-radius:3px; padding:2px 17px;} .btn_inline_blue > span {display:block; font-size:12px; line-height:21px; letter-spacing:-0.06em; color:#fff; padding:0 0 2px 0;} .btn_inline_blue:hover, .btn_inline_blue:focus, .btn_inline_blue:active {background-color:#5b6f90; text-decoration:none; border-color:#5b6f90;} .btn_inline_blue .btn_down {padding-right:25px; background:url(/images/react/common/icon_down_white.png) no-repeat right center;} .btn_inline_blue .btn_link {padding-right:14px; background:url(/images/react/common/icon_link_white.png) no-repeat right center;} .btn_inline_blue .btn_bln {padding-right:18px; background:url(/images/react/common/icon_bln_white.png) no-repeat right center;} @media screen and (min-width:1025px) and (max-width:1199px) { .btn_inline_gray > span, .btn_inline_blue > span {padding:1px 0;} } @media screen and (min-width:768px) and (max-width:1024px) { .btn_inline_gray > span, .btn_inline_blue > span {padding:1px 0;} } @media screen and (max-width:767px) { .btn_inline_gray > span, .btn_inline_blue > span {padding:1px 0;} } /* 콘텐츠 내용돋보기 */ .btn_site_zoom{display:inline-block; padding:2px 10px 5px 10px; margin-left:5px; font-weight:bold; color:#00539f; border:1px solid #00539f; border-radius:2px; font-size:12px; vertical-align:middle; line-height:20px;} .btn_site_zoom span{padding-right:20px; background:url(/images/react/common/icon_site_zoom_off.png) no-repeat right bottom;} .btn_site_zoom:hover, .btn_site_zoom:focus, .btn_site_zoom:active {background:#00539f; color:#fff; text-decoration:none;} .btn_site_zoom:hover span, .btn_site_zoom:focus span, .btn_site_zoom:active span {background:url(/images/react/common/icon_site_zoom_on.png) no-repeat right bottom;} /* 버튼위치 제어 */ .btn_position {position:relative; min-height:40px;} .btn_position .btn_right{position:absolute; top:0px; right:0; } /* 기본 테이블 */ .tb_base {width:100%; margin:15px 0 10px 0; border-collapse:separate; border-top:1px solid #363a41; color:#393939;} .tb_base caption em{display:block; margin-bottom:10px; text-align:center; color:#333; font-style:normal;} .tb_base caption span{position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px;} .tb_base thead th,.tb_base thead td {padding:7px 5px 9px 5px; background:#f0f1f5; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; vertical-align:middle; } .tb_base thead th.bl_none {border-left:0;} .tb_base tbody th{padding:7px 5px 9px 16px; background:#f0f1f5; border-bottom:1px solid #d7d7d7; text-align:left; vertical-align:middle; } .tb_base tbody th.ta_l {text-align:left; } .tb_base tbody td {position:relative; padding:7px 10px 9px 15px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; vertical-align:middle; word-wrap:break-word; word-break:keep-all;} .tb_base tbody td .tb_btn{position:absolute; top:5px; right:10px;} .tb_base tfoot th {padding:7px 5px 9px 5px; background:#f4f9ff; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#00539f; text-align:center; vertical-align:middle;} .tb_base tfoot td {padding:7px 5px 9px 5px; text-align:center; font-weight:bold; background:#f4f9ff; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#00539f; vertical-align:middle;} .tb_base tfoot.tb_right td {padding:7px 10px 9px 5px; text-align:right; } .tb_base td table{width:100%; margin:5px 0 10px 0; border-collapse:collapse; border-top:1px solid #9c9c9c; font-size:12px; } .tb_base td table thead th {padding:5px 5px 7px 5px; text-align:center; background:#f8f8f8; color:#00539f; } .tb_base td table tbody th {padding:5px 5px 7px 10px; background:none;} .tb_base td table tbody td {padding:5px 5px 7px 10px; color:#666; } .tb_base tbody tr.tb_sum,.tb_base tbody tr.tb_sum th, .tb_base tfoot tr.tb_sum td,.tb_base tfoot tr.tb_sum th {font-weight:bold; background:#fdf5fa; color:#a01933;} .tb_base tbody tr.tb_sum2,.tb_base tbody tr.tb_sum2 th, .tb_base tfoot tr.tb_sum2 td,.tb_base tfoot tr.tb_sum2 th {font-weight:bold; background:#f0fdfa; color:#07775d;} /* tdody th만 가운데 정렬 */ .tb_base tbody.th_center th {position:relative; padding:7px 10px 9px 10px; border-bottom:1px solid #d7d7d7; vertical-align:middle; text-align:center;;} /* 전체 가운데정렬 */ .tb_base tbody.tb_center th {position:relative; padding:7px 10px 9px 10px; border-bottom:1px solid #d7d7d7; vertical-align:middle; text-align:center;} .tb_base tbody.tb_center td {position:relative; padding:7px 5px 9px 5px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; vertical-align:middle; text-align:center;} .tb_base tbody.tb_center td.ta_l {padding:7px 10px 9px 15px; text-align:left;} /* 전체 오른쪽정렬 */ .tb_base tbody.tb_right td {position:relative; padding:7px 10px 9px 5px; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; vertical-align:middle; text-align:right;} /* 테이블 정렬 및 라인 정리 */ .tb_base tbody td.ta_c {padding:7px 5px 9px 10px; text-align:center;} .tb_base tbody td.ta_r {padding:7px 10px 9px 10px; text-align:right;} .tb_base tbody td.bl_none {border-left:0;} .tb_base tbody th.th_bl {border-left:1px solid #d7d7d7;} .tb_base tbody th.ta_c {padding:7px 5px 9px 10px; text-align:center;} .tb_base tbody th.th_none { background-color:#fff; font-weight:normal;border-left:1px solid #d7d7d7;} .tb_base td .btn_inline {margin-bottom:0;} .tb_base td ul {margin-top:5px;} .tb_base td ul li {margin-bottom:5px; } /* 테이블 상단 단위 및 정보 전달 */ .tb_unit_wrap {position:relative; padding-top:23px; margin-top:-22px; } .tb_unit_wrap .tb_unit, .tb_unit_wrap .tb_unit2 {position:absolute; top:0; right:0; font-size:13px; text-align:left; z-index:65;} .tb_unit_wrap.unit_reset{margin-top:0; } .img_medicine {width:60px; vertical-align:middle; } .tb_base.tbl_fix {table-layout:fixed; width:100%;} /* 설명 아이콘 */ .desc_type1 {display:inline-block; width:5px; height:5px; background:url(/images/react/common/bg_desc.png) no-repeat; text-indent:-9999px; vertical-align:middle;} .desc_type2 {display:inline-block; width:12px; height:5px; background:url(/images/react/common/bg_desc.png) no-repeat 0 -17px; text-indent:-9999px; vertical-align:middle;} .desc_type3 {display:inline-block; width:19px; height:5px; background:url(/images/react/common/bg_desc.png) no-repeat 0 -34px; text-indent:-9999px; vertical-align:middle;} .desc_type4 {display:inline-block; width:26px; height:5px; background:url(/images/react/common/bg_desc.png) no-repeat 0 -51px; text-indent:-9999px; vertical-align:middle;} .icon_major1 {display:inline-block; width:34px; height:18px; background:url(/images/react/common/icon_major.gif) no-repeat 0 0; text-indent:-9999px; vertical-align:middle;} .icon_major2 {display:inline-block; width:34px; height:18px; background:url(/images/react/common/icon_major.gif) no-repeat 0 -18px; text-indent:-9999px; vertical-align:middle;} .icon_major3 {display:inline-block; width:34px; height:18px; background:url(/images/react/common/icon_major.gif) no-repeat 0 -36px; text-indent:-9999px; vertical-align:middle;} .icon_major4 {display:inline-block; width:34px; height:18px; background:url(/images/react/common/icon_major.gif) no-repeat 0 -54px; text-indent:-9999px; vertical-align:middle;} /* 전역클래스 */ a.text_blank {padding-right:17px; background:url(/images/react/common/icon_text_bln1.gif) no-repeat 100% 70%; color:#00539f; letter-spacing:0; } a.text_blank.blck {color:#666;} a.text_email {padding-right:17px; background:url(/images/react/common/icon_email2.gif) no-repeat 100% 70%; color:#cb3107; letter-spacing:0; } a.text_email.blck {color:#666;} .mgt0 {margin-top:0px !important;} .mgl0 {margin-left:0px !important; } .mgl5 {margin-left:5px;} .mgl10 {margin-left:10px;} .mgl15 {margin-left:15px;} .mgl20 {margin-left:20px;} .tip_text {margin-left:40px;} .clear_box {overflow:hidden; } sup{vertical-align:super;} sub{vertical-align:sub;} .tb_unit {font-size:13px; font-weight:normal; color:#333; } .title_zidx {position:relative; z-index:60;} .mo_block {display:none;} /* 개인정보 처리방침 */ .privacy_wrap {margin-top:20px;} .privacy_wrap > ol > li {margin-bottom:10px;} .privacy_wrap ol.none_deci > li {margin-bottom:5px;} .privacy_wrap ol.none_deci > li > ul{margin:5px 0 0 22px;} .privacy_wrap ol.none_deci > li > ul {font-size:12px; color:#666;} .privacy_wrap ol.none_deci > li > ul > li {margin-bottom:5px;} .privacy_wrap .privacy_list {margin-top:10px; } .privacy_wrap .privacy_list li{display:inline-block; margin-right:15px; margin-bottom:5px; } .privacy_wrap .privacy_list li a{display:inline-block; padding-left:11px; background:url(/images/react/common/blt_square.gif) no-repeat 0 10px; color:#333;} .privacy_wrap .privacy_list li a:hover, .privacy_wrap .privacy_list li a:focus, .privacy_wrap .privacy_list li a:active{text-decoration:underline;} /* 장애인 이용안내 */ .movie_play {overflow:hidden; margin-top:20px; } .movie_play dt,.movie_play dd {float:left; width:50%;} .movie_play dd div{overflow-y:auto; height:176px; margin-left:20px; padding:20px; border:1px solid #d7d7d7;} /* 이미지 확대 */ .img_box {margin:20px 0; padding:20px; text-align:center; border:1px solid #ddd;} .img_box .img_zoom {display:none;} .img_box .wp100 {width:100%;} .img_cont {margin:20px 0; padding:10px; border:1px solid #ddd; text-align:center;} /* 좌-이미지 / 우-텍스트 */ .left_img { display:inline-block; width:35%; vertical-align:top; } .left_img img { width:100%; } .right_text { display:inline-block; width:62%; margin-left:3%; vertical-align:top; text-align:left; } /* 정책콘텐츠 박스 */ .policy_box {min-height:90px; margin:30px 0 30px 0; padding:30px 30px 30px 137px; border:2px solid #ddd; border-top-color:#5b6f90; background:url(/images/react/common/bg_policy_info.gif) no-repeat 30px 30px;} .policy_box .policy_info{margin-bottom:14px; padding-bottom:18px; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; } .policy_type {font-weight:bold; } .policy_type span{display:inline-block; margin-right:5px; padding:5px 8px 6px 8px; background:#5b6f90; color:#fff; border-radius:4px;} /* 뷰어다운로드 */ .viewer_down {overflow:hidden; margin:30px 0 0 -20px; } .viewer_down li{float:left; width:50%; margin-bottom:20px; } .viewer_down li p{position:relative; padding:28px 50px 30px 75px; margin-left:20px; border:1px solid #d8d8d8; font-size:15px; font-weight:bold; background:url(/images/react/common/bg_viewer1.gif) no-repeat 12px 50%; } .viewer_down li p a{position:absolute; top:50%; right:15px; display:inline-block; width:34px; height:28px; margin-top:-15px; border:1px solid #c8c8c8; border-radius:2px; background:url(/images/react/common/icon_down_sm.png) no-repeat 50% 50% #fff; text-indent:-9999px; } .viewer_down li + li p{background-image:url(/images/react/common/bg_viewer2.gif);} .viewer_down li + li + li p{background-image:url(/images/react/common/bg_viewer6.gif);} .viewer_down li + li + li + li p{background-image:url(/images/react/common/bg_viewer4.gif);} .viewer_down li + li + li + li + li p{background-image:url(/images/react/common/bg_viewer5.gif);} .viewer_down li + li + li + li + li + li p{background-image:url(/images/react/common/bg_viewer6.gif);} .viewer_down li + li + li + li + li + li + li p{background-image:url(/images/react/common/bg_viewer7.gif);} .viewer_down li p:hover {border-color:#7ea1d2; background-color:#f0f1f5;} /* 이메일 서비스 */ .email_srv {margin-top:15px; border-top:2px solid #00539f; } .email_srv li{padding:20px 20px 22px 88px; border-bottom:1px solid #ddd; background:url(/images/react/common/bg_email_srv.gif) no-repeat 0 18px;} .email_srv li + li {background-position:0 -141px;} .email_srv li + li + li {background-position:0 -300px;} .email_srv li + li + li + li {background-position:0 -459px;} .email_srv li + li + li + li + li {background-position:0 -618px;} .email_srv li .service_title{margin-bottom:10px; font-size:16px; font-weight:bold;} /* 정책>건강보험>보험정책>연혁 */ .policy_history {padding:25px 25px 10px 25px; border:1px solid #d8d8d8; border-top:2px solid #00539f; background:url(/images/react/common/bg_policy_history.gif) repeat-y;} .policy_history li{padding:18px 0; border-top:1px solid #d8d8d8; } .policy_history li:first-child{ padding-top:0; border-top:0; } .policy_history li dt{display:inline-block; width:110px; padding-left:17px; font-size:16px; color:#00539f; font-weight:bold; background:url(/images/react/common/blt_title3.gif) no-repeat 0 5px; vertical-align:middle; } .policy_history li dd{display:inline-block; width:75%; padding-left:20px; vertical-align:middle;} /* 푸드뱅크 다단 레이아웃 */ .food_cont1 {overflow:hidden; margin:20px 0 0 -20px; } .food_cont1 li{float:left; width:50%; text-align:center; } .food_cont1 li p{margin-top:10px; } .food_cont1 li .food_box{margin-left:20px; text-align:center; } .food_cont1 li .food_box p.food_img {margin-top:0; padding:20px; border:1px solid #d7d7d7;} .food_cont1 li .food_box p.food_img img{width:100%;} .food_cont2 {overflow:hidden; margin:20px 0 0 -10px; } .food_cont2 li{float:left; width:25%; text-align:center; } .food_cont2 li p{margin-top:10px; } .food_cont2 li .food_box{margin-left:10px; text-align:center; } .food_cont2 li .food_box p.food_img {margin-top:0; padding:10px; border:1px solid #d7d7d7;} .food_cont2 li .food_box p.food_img img{width:100%;} /* 행복나눔 캠페인 */ .nanum_info {position:relative; min-height:118px; margin-top:25px; padding:15px; border-top:2px solid #00539f; border-bottom:1px solid #d7d7d7;} .nanum_info .nanum_logo{position:absolute; top:15px; left:15px;} .nanum_info .nanum_cont{padding:0 0 0 140px; } .nanum_info .nanum_cont li{position:relative; margin-bottom:7px; padding-left:15px; } .nanum_info .nanum_cont li span{position:absolute; top:0; left:0; } .nanum_info .nanum_cont li em{font-size:16px; font-style:normal; color:#f50146;} /* 민원이용안내 (2019.02.19) */ .minwon_info {overflow:hidden; margin:20px 0 0 -20px;} .minwon_info > li { } .minwon_info > li .minwon_box{min-height:100px; margin:0 0 10px 20px; padding:20px 25px 12px 95px; border:1px solid #d8d8d8; background:url(/images/react/common/bg_minwon1.gif) no-repeat 20px 17px; background-size:60px; font-size:14px;} .minwon_info > li + li .minwon_box {background-image:url(/images/react/common/bg_minwon2.gif)} .minwon_info > li + li + li .minwon_box {min-height:127px; background-image:url(/images/react/common/bg_minwon3.gif)} .minwon_info > li .minwon_box .minwon_title{margin-bottom:10px; font-size:20px; font-weight:bold;} .minwon_info > li .minwon_box .minwon_title span{display:block; margin-top:3px; font-size:14px; color:#00539f; } .minwon_info > li .minwon_box .minwon_text { line-height:140%; } .minwon_info > li .minwon_box .minwon_text02 { padding-top:21px; color:#5b6f90; } .minwon_info > li .minwon_box .minwon_text02 span { font-weight:bold; } .minwon_info .minwon_btn{margin-top:13px} .minwon_info .minwon_btn a{display:inline-block; margin-bottom:3px; padding:2px 10px 3px 10px; font-size:12px; font-weight:bold; color:#fff; border:1px solid #5b6f90; border-radius:2px; background:#5b6f90; vertical-align:top;} .minwon_info .minwon_btn a span {padding-right:20px; background:url(/images/react/common/icon_link_white.png) no-repeat 100% 74%;} /* 보건의료인 면허(자격)민원 */ .license_info {overflow:hidden; margin:20px 0 0 -20px;} .license_info > li{float:left; width:50%; } .license_info > li .license_box{min-height:138px; margin:0 0 10px 20px; padding:20px 25px 12px 25px; border:1px solid #d8d8d8; background:url(/images/react/common/bg_license1.gif) no-repeat right 17px; background-size:25%; font-size:13px;} .license_info > li + li .license_box {background-image:url(/images/react/common/bg_license2.gif)} .license_info > li + li + li .license_box {min-height:127px; background-image:url(/images/react/common/bg_license3.gif)} .license_info > li + li + li + li .license_box {background-image:url(/images/react/common/bg_license4.gif)} .license_info > li .license_box .license_title{margin-bottom:10px; font-size:20px; font-weight:bold;} .license_info > li .license_box .license_title span{display:block; margin-top:3px; font-size:14px; color:#00539f; } .license_info > li .license_box .license_text { line-height:140%; } .license_info > li .license_box > ul > li {margin-bottom:0; line-height:140%;} .license_info .license_btn{margin-top:13px} .license_info .license_btn a{display:inline-block; margin-bottom:3px; padding:2px 10px 3px 10px; font-size:12px; font-weight:bold; color:#fff; border:1px solid #5b6f90; border-radius:2px; background:#5b6f90; vertical-align:top;} .license_info .license_btn a span {padding-right:20px; background:url(/images/react/common/icon_link_white.png) no-repeat 100% 74%;} .license_info .license_btn a + a{color:#142d56; border:1px solid #5b6f90; background:#fff;} .license_info .license_btn a + a span {background:url(/images/react/common/icon_link_color.png) no-repeat 100% 74%;} .btn_inst1 {display:inline-block; width:187px; margin-bottom:5px; padding:13px 15px; color:#fff; border:1px solid #5b6f90; border-radius:2px; background:#5b6f90; text-align:left; font-size:13px; } .btn_inst1 span{display:block; background:url(/images/react/common/bg_inst1.png) no-repeat 100% 50%;} .btn_inst1 b{display:block; font-size:14px;} .btn_inst2 {display:inline-block; width:187px; margin-bottom:5px; padding:13px 15px; color:#142d56; border:1px solid #5b6f90; border-radius:2px; background:#fff; text-align:left; font-size:13px; } .btn_inst2 span{display:block; background:url(/images/react/common/bg_inst2.png) no-repeat 100% 50%;} .btn_inst2 b{display:block; font-size:14px;} /* 정책 > 그래프 영역 */ .graph_box {position:relative; min-height:230px; margin-top:15px; border:1px solid #d8d8d8; font-size:14px; color:#333;} .graph_box .graph_img{position:absolute; top:0; left:0; padding:10px; } .graph_box .graph_cont{padding:20px 20px 15px 310px; } .graph_box .graph_cont .line_cont{margin-top:15px; padding:15px 10px; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; color:#464d60; background:#f8f8f8; font-size:13px; text-align:center; } /* 정책 > 원형 도식 스타일 */ .round_vision {margin:20px 0; padding:15px 20px; border:1px solid #d8d8d8;} .round_vision .vision_title {color:#006d9f; font-size:25px; font-weight:bold} .round_vision .vision_p_text { font-size:20px; font-weight:bold; color:#d34558} .round_vision ul {margin:20px 0; } .round_vision ul>li {line-height:25px;} .round_vision > li{padding:30px 0; border-top:1px dashed #ababab;} .round_vision > li:first-child{border-top:0; } .round_vision > li > dl {position:relative; min-height:110px; } .round_vision > li > dl > dt{position:absolute; top:0; left:0; display:inline-block; width:110px; height:110px; border-radius:110px; font-size:20px; line-height:110px; background:#00539f; text-align:center; color:#fff; } .round_vision > li > dl > dd{padding:0 0 0 140px; } .round_vision > li > dl > dd .cont_list1 > li {margin-bottom:5px;} .round_vision > li > dl > dd .vision_title{padding:15px 0 5px 0; font-size:16px; color:#00539f; font-weight:bold; } .round_vision > li > dl > dd .vision_title.pdt45{padding-top:45px;} .round_vision > li + li > dl > dt {background:#006d9f;} .round_vision > li + li > dl > dd .vision_title{color:#006d9f ;} .round_vision > li + li + li > dl > dt {background:#07809e;} .round_vision > li + li + li > dl > dd .vision_title{color:#026c86;} .round_vision > li > dl > dd + dd .vision_title{margin-top:20px; border-top:1px solid #d8d8d8; } /* 정책 > 순서도식 스타일 */ .flow_list {overflow:hidden; margin:20px 0 0 -30px !important; } .flow_list li{float:left; width:33.3% !important; margin:0 0 25px 0 !important; padding:0 !important; background:none !important;} .flow_list li .flow_box { margin-left:30px; } .flow_list li .flow_box > p{padding:12px 20px 14px 20px; background:#5b6f90; color:#fff; } .flow_list li .flow_box > div{min-height:135px; padding:15px 20px; border:1px solid #d8d8d8; border-top:0; background:url(/images/react/common/bg_flow_pt.gif) no-repeat bottom right;} .flow_list li:nth-child(even) .flow_box > p{background:#484e62 !important;} /* 정책 > 복지허브 */ .welfare_hub {position:relative; min-height:118px; margin-top:25px; padding:15px; border-top:2px solid #00539f; border-bottom:1px solid #d7d7d7;} .welfare_hub .hub_img{position:absolute; top:15px; left:15px;} .welfare_hub .hub_cont{padding:0 0 0 250px; } .welfare_hub .hub_cont li{margin-bottom:12px; color:#243c5e; font-weight:bold;} .welfare_hub .hub_cont li + li {color:#dd1b35;} /* 정책 > 장애인 > 장애인편의시설 관련정책 */ .barrier_wrap {min-height:163px;} .barrier_wrap .hub_cont {margin-top:30px; } .barrier_wrap .hub_cont li {padding-left:10px; background:url(/images/react/common/blt_arrow.gif) no-repeat 0 8px; color:#333; } .barrier_wrap .hub_cont li + li {color:#333;} /* 정책 > qna */ .cont_qna {margin:25px 0; border:1px solid #d8d8d8; border-bottom:0; } .cont_qna dt {position:relative; padding:13px 25px 13px 65px; background:#f0f1f5; border-bottom:1px solid #d8d8d8; font-weight:bold; } .cont_qna dt .icon_ques {position:absolute; top:10px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_ques.gif) no-repeat;} .cont_qna dt .icon_pact {position:absolute; top:10px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_pact.gif) no-repeat;} .cont_qna dd {position:relative; padding:13px 25px 13px 65px; border-bottom:1px solid #d8d8d8; color:#666; font-size:13px; } .cont_qna dd .icon_answ{position:absolute; top:10px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_answ.gif) no-repeat;} /* 정책 > 건강 > 정신건강정책 > 팩트체크 */ .cont_qna_box .cont_qna_fact {margin:-1px; border-top:1px solid #d8d8d8; border-bottom:0; } .cont_qna_box .cont_qna_fact dt {position:relative; padding:13px 55px 13px 45px; border-bottom:1px solid #d8d8d8; font-weight:bold; cursor:pointer;} .cont_qna_box .cont_qna_fact dt a {display:block;} .cont_qna_box .cont_qna_fact dt button { border:0 none;} .cont_qna_box .cont_qna_fact dt button:hover, .cont_qna_box .cont_qna_fact dt button:focus { cursor:pointer;} .cont_qna_box .cont_qna_fact dt .icon_fact {position:absolute; top:16px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_fact.png) no-repeat;} .cont_qna_box .cont_qna_fact dt .ico_arrow {position:absolute; right:20px; top:50%; margin-top:-15px; display:block; width:13px; height:30px; background:url(/images/react/common/btn_tg_down.png) no-repeat center center;} .cont_qna_box .cont_qna_fact.on dt .ico_arrow {background:url(/images/react/common/btn_tg_up.png) no-repeat center center;} .cont_qna_box .cont_qna_fact dd {display:none; position:relative; padding:13px 25px 13px 25px; border-bottom:1px solid #d8d8d8; color:#666; font-size:13px; } .cont_qna_box .cont_qna_fact.on dd {display:block;} /* 정책 > 건강 > 정신건강정책 > 이슈&이슈 */ .cont_qna_box {margin-top:10px;} .cont_qna_box .cont_qna_issue {margin:-1px; border-top:1px solid #d8d8d8; border-bottom:0; } .cont_qna_box .cont_qna_issue dt {position:relative; padding:13px 55px 13px 55px; border-bottom:1px solid #d8d8d8; font-weight:bold; cursor:pointer;} .cont_qna_box .cont_qna_issue dt a {display:block;} .cont_qna_box .cont_qna_issue dt button { border:0 none;} .cont_qna_box .cont_qna_issue dt button:hover, .cont_qna_box .cont_qna_issue dt button:focus { cursor:pointer;} .cont_qna_box .cont_qna_issue dt .icon_ques{position:absolute; top:10px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_ques.gif) no-repeat;} .cont_qna_box .cont_qna_issue dt .icon_fact{position:absolute; top:10px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_pact.gif) no-repeat;} .cont_qna_box .cont_qna_issue dt .ico_arrow {position:absolute; right:20px; top:50%; margin-top:-15px; display:block; width:13px; height:30px; background:url(/images/react/common/btn_tg_down.png) no-repeat center center;} .cont_qna_box .cont_qna_issue.on dt .ico_arrow {background:url(/images/react/common/btn_tg_up.png) no-repeat center center;} .cont_qna_box .cont_qna_issue dt .ques_tit {position:absolute; top:13px; left:20px; display:inline-block; width:30px; height:30px; /* color:#066ec6; */ color:#c72a00; } .cont_qna_box .cont_qna_issue dd {display:none; position:relative; padding:13px 25px 13px 25px; border-bottom:1px solid #d8d8d8; color:#666; font-size:13px; } .cont_qna_box .cont_qna_issue.on dd {display:block;} .cont_qna_box .cont_qna_issue dd .icon_answ{position:absolute; top:10px; left:20px; display:inline-block; width:30px; height:30px; text-indent:-10000px; background:url(/images/react/common/icon_answ.gif) no-repeat;} /*정책 > 건강 > 정신건강정책 > 리스트*/ .maeum_list_box {border:1px solid #d8d8d8; border-bottom:0; border-radius:4px 4px 0 0;} .maeum_list_box > div {padding:20px;} .maeum_list_box > div::after {display:block; content:''; clear:both;} .maeum_list_box .mlb_txt p {display:block;} .maeum_list_box .mlb_txt .mlb_title {font-size:20px; line-height:28px; letter-spacing:-0.06em; font-weight:bold; color:#0052a0;} .maeum_list_box .mlb_txt .mlb_txt {font-size:14px; line-height:22px; letter-spacing:-0.06em;} .maeum_list_box .mlb_img img {display:block; width:100%;} .maeum_s_list {background:#f5f5f5; border:1px solid #d8d8d8; border-radius:0 0 4px 4px;} /* 정신건강정책 목록 */ .policy_list_maeum {} .policy_list_maeum::after {display:block; content:'' ; clear:both;} .policy_list_maeum li{float:left; width:50%; } .policy_list_maeum li p{position:relative; display:block; padding:15px 0;;} .policy_list_maeum li p span {display:inline-block; padding-left:9px; font-size:16px; font-weight:bold; background:url(/images/react/common/blt_square.gif) no-repeat 0 12px; line-height:24px;} .policy_list_maeum li p a.btn_detail {display:inline-block; position:absolute; top:50%; right:18px; height:26px; margin-top:-14px; padding:0 7px; border:1px solid #c8c8c8; border-radius:2px; color:#595959; font-size:12px; line-height:24px; background:#fff;} .policy_list.msl {margin:0 0 0 -18px; padding:10px 0;} .policy_list.msl li p {margin:0 0 0 18px; min-height:28px; padding:10px 100px 10px 18px; border:0;} @media screen and (min-width:1200px) { .maeum_list_box .mlb_txt, .maeum_list_box .mlb_img {display:block; float:left;} .maeum_list_box .mlb_txt {width:218px; padding-right:20px;} .maeum_list_box .mlb_img {width:580px;} } @media screen and (min-width:1025px) and (max-width:1199px) { .maeum_list_box .mlb_tbl {display:table; table-layout:fixed; width:100%;} .maeum_list_box .mlb_tbl * {vertical-align:top;} .maeum_list_box .mlb_txt, .maeum_list_box .mlb_img {display:table-cell;} .maeum_list_box .mlb_txt {width:200px; padding-right:20px;} .policy_list.msl li p span {font-size:15px;} } @media screen and (min-width:768px) and (max-width:1024px) { .maeum_list_box .mlb_tbl {display:table; table-layout:fixed; width:100%;} .maeum_list_box .mlb_tbl * {vertical-align:top;} .maeum_list_box .mlb_txt, .maeum_list_box .mlb_img {display:table-cell;} .maeum_list_box .mlb_txt {width:200px; padding-right:20px;} .policy_list.msl li p span {font-size:15px;} } @media screen and (max-width:767px) { .policy_list.msl {margin:0 0 0 0;} .policy_list.msl li p{min-height:0; margin:0 0 5px 0; padding:15px; }/* padding:18px 18px 0 18px; */ .policy_list.msl li p span {font-size:15px;} } /* 정책 > 이미지 2열 레이아웃 */ .img_layout2 {overflow:hidden; margin:20px 0 0 -20px;} .img_layout2 .img_type_box{float:left; width:50%; } .img_layout2 .img_type_box .img_type_cont{margin-left:20px; } .img_type_cont {min-height:110px; border:1px solid #d8d8d8; } .img_type_cont .img_title{padding:10px 20px; background:#f0f1f5; font-weight:bold; border-bottom:1px solid #d8d8d8;} .img_type_cont .type_img.img_box {border:none; margin:0; padding:10px; text-align:center;} .img_layout2 .img_useEx{min-height:425px;} .img_useEx .img_type_text{width:267px; margin:0px auto 0 auto; padding-left:49px;} .img_useEx .img_type_text ul{line-height:24px} .img_type_text.useEx_pd{text-align:left; padding:0px 0px 15px 55px; margin-top:-15px;} /* 리스트 스타일 버튼 */ .btn_list {overflow:hidden; margin:10px 0 0 1px; border-left:1px solid #c2c5d1;} .btn_list li{float:left; width:50%; border-top:1px solid #c2c5d1; } .btn_list li + li + li {border-top:0;} .btn_list li a{display:block; margin:0 0 0 -1px; padding:12px 40px 12px 15px; border:1px solid #c2c5d1; border-top:0; background:url(/images/react/common/icon_btn_list_off.gif) no-repeat 97% 50% #fff; } .btn_list li a span{display:inline-block; padding-left:15px; background:url(/images/react/common/bul_diag_gray.gif) no-repeat 0 6px; font-weight:bold; color:#484e62; } .btn_list li a:hover, .btn_list li a:focus, .btn_list li a:active{background:url(/images/react/common/icon_btn_list_on.gif) no-repeat 97% 50% #fff; } .btn_list li a:hover span, .btn_list li a:focus span, .btn_list li a:active span{background:url(/images/react/common/bul_diag_blue.gif) no-repeat 0 6px; color:#00539f;} .btn_list.bgN li a span {background:none; padding-left:0;} /* step list */ .step_list > li{margin-bottom:20px; } .step_list > li > .step_title{padding:15px; color:#fff; background:#5b6f90; font-weight:bold;} .step_list > li:nth-child(even) > .step_title{background:#484e62;} .step_list > li > .step_cont{padding:15px; border:1px solid #d8d8d8; border-top:0; } .step_list > li > .step_cont .cont_list1{margin-top:0} .step_list > li > .step_cont .cont_list1 > li{margin-bottom:5px;} .step_list > li > .step_cont .cont_list1 > li > ul {margin-top:5px;} .step_list > li > .step_cont .cont_list1 > li > ul > li{margin:0 0 5px 0;} .step_list > li > .step_cont .gray_box{margin-bottom:0; padding:10px; background:#f8f8f8;} /* tab_box */ .tab_box {border-top:1px solid #00539f; padding:10px 0 10px 0;; border-bottom:1px solid #00539f;} /* 카드뉴스 */ .card_list {overflow:hidden; margin:25px 0 0 -30px; } .card_list li {float:left; width:33.333%; margin-bottom:30px;} .card_list li > .card_box {margin-left:30px; border:1px solid #d8d8d8;} .card_list li > .card_box .thum_img img{display:block; width:100%; vertical-align:middle;} .card_list li > .card_box .thum_info {padding:15px 20px; border-top:1px solid #d8d8d8; text-align:right} .card_list li > .card_box .thum_info > p{overflow:hidden; width:100%; margin-bottom:5px; font-weight:bold; text-align:left; text-overflow:ellipsis; white-space:nowrap; } .card_list li > .card_box .thum_info > span.btn_card a{display:inline-block; padding:0 30px 1px 10px; font-weight:bold; color:#00539f; border:1px solid #c8c8c8; border-radius:2px; font-size:12px; background:url(/images/react/common/icon_text_bln1.gif) no-repeat 88% 50%;} .card_lst {margin:25px 0 0 0; } .card_lst > ul {margin-left:-25px;} .card_lst > ul:after {display:table; content:''; clear:both;} .card_lst > ul > li {float:left; width:33.333%;} .card_lst > ul > li > div {padding:0 0 15px 25px;} .card_lst > ul > li > div > div {border:1px solid #d8d8d8;} .card_lst .card_box .thum_img img {display:block; width:100%; vertical-align:middle;} .card_lst .card_box .thum_img a {display:block; } .card_lst .card_box .thum_info {padding:15px 20px; border-top:1px solid #d8d8d8; text-align:right} .card_lst .card_box .thum_info > p {overflow:hidden; width:100%; margin-bottom:5px; font-weight:bold; text-align:left; text-overflow:ellipsis; white-space:nowrap; } .card_lst .card_box .thum_info > span.btn_card a {display:inline-block; padding:0 30px 1px 10px; font-weight:bold; color:#00539f; border:1px solid #c8c8c8; border-radius:2px; font-size:12px; background:url(/images/react/common/icon_text_bln1.gif) no-repeat 88% 50%;} @media screen and (min-width:769px) and (max-width:1199px) { .card_lst > ul > li {width:33.3333%;} } @media screen and (max-width:768px) { .card_lst > ul {margin-left:-10px;} .card_lst > ul > li {width:50%;} .card_lst > ul > li > div {padding:0 0 15px 10px;} } /* 카드뉴스_new(정책>건강>정신건강정책>정신건강복지법 쉽게 이해하기 */ .card_list_policy {margin:25px 0 0 0; } .card_list_policy li{margin-top:-1px; border-top:1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;} .card_list_policy li > .card_box_policy .thum_img {display:inline-block; padding:10px;} .card_list_policy li > .card_box_policy .thum_info_1 {background:url(/images/react/policy/maeum_img_info.png) no-repeat 15px 15px;} .card_list_policy li > .card_box_policy .thum_info_2 {background:url(/images/react/policy/maeum_img_webtoon.png) no-repeat 15px 15px;} .card_list_policy li > .card_box_policy .thum_info_3 {background:url(/images/react/policy/maeum_img_cardnews.png) no-repeat 15px 15px;} .card_list_policy li > .card_box_policy .thum_info_img {padding:0 0 0 150px; min-height:100px;} .card_list_policy li > .card_box_policy .thum_info_box {padding-top:35px; height:30px;} .card_list_policy li > .card_box_policy .thum_info_txt {font-size:18px; font-weight:bold; letter-spacing:-0.1em; } .card_list_policy li > .card_box_policy .thum_info > p{overflow:hidden; width:100%; margin-bottom:5px; font-weight:bold; text-align:left; text-overflow:ellipsis; white-space:nowrap; } .card_list_policy li > .card_box_policy .thum_info > span.btn_card {display:block; float:right;} .thum_info span.thum_info_txt{display:inline-block; display:-moz-grid-group; border:0; padding:0 10px; height:30px; font-family:'Malgun gothic'; font-size:20px; line-height:27px; letter-spacing:-0.06em; color:#000; margin:0 2px; } /* 참여 > 나눔문화 > 행복나눔인 / 정보 > 규제개혁 > 규제심사등록 */ /* 비주얼 이미지 좌측에 있을경우 사용 */ .visual_info {margin-top:25px; padding:20px 25px 15px 140px; border:1px solid #e6e6e6; } .visual_info .visual_title{font-size:23px; font-weight:600; } .visual_info .visual_cont{margin:20px 0; padding:10px 0; border-top:1px dashed #ababab; border-bottom:1px dashed #ababab; line-height:22px;} .visual_info .visual_cont span{color:#00539f; font-weight:bold; } /* 비주얼 이미지 우측에 있을경우 사용 */ .visual_info_bg {margin-top:25px; padding:30px 170px 30px 30px; border:1px solid #e6e6e6; } .visual_info_bg .visual_title{font-size:23px; font-weight:600; } .visual_info_bg .visual_cont{margin:20px 0; padding:10px 0; border-top:1px dashed #ababab; border-bottom:1px dashed #ababab; line-height:22px;} .visual_info_bg .visual_cont span{color:#00539f; font-weight:bold; } /* 비주얼 없을경우 사용 */ .visual_info_normal {margin-top:25px; padding:30px 25px 30px 25px; border:1px solid #e6e6e6; } .visual_info_normal .visual_title{font-size:23px; font-weight:600; } .visual_info_normal .visual_cont{margin:20px 0 0 0; padding:10px 0 0 0; border-top:1px dashed #ababab; line-height:22px;} .visual_info_normal .visual_cont span{color:#00539f; font-weight:bold; } /* 의견쓰기 안내메세지 박스 */ .visual_user_write {margin-top:5px; padding:15px 25px 0px 150px; border:1px solid #e6e6e6; } .visual_user_write .visual_title{font-size:23px; font-weight:600; } .visual_user_write .visual_cont{margin:10px 0; padding:5px 0; border-top:1px dashed #ababab; line-height:22px;} .visual_user_write .visual_cont span{color:#00539f; font-weight:bold; } .nanum_box {margin-top:25px;background:url(/images/react/common/bg_nanum.gif) no-repeat 30px 30px;} .regul_info {background:url(/images/react/common/bg_regul_info.gif) no-repeat 30px 30px;} .regul_info_img {background:url(/images/react/common/bg_regul_info_img.gif) no-repeat 20px 61px;} .policy_info_img {background:url(/images/react/common/bg_policy_info_img.gif) no-repeat 25px 16px;} .user_wt_info {background:url(/images/react/common/bg_txt_user_write.gif) no-repeat 15px 15px;} /* 참여 > 나눔문화 > 행복나눔인 > 나눔인추천하기 */ .visual_cont_btn {margin:0 0 0 15px;} /* 기초연금 홈페이지 */ .visual_info_policy {margin-top:25px; padding:15px 25px 0px 180px; border:1px solid #e6e6e6; } .visual_info_policy .visual_title{font-size:23px; font-weight:600; } .visual_info_policy .visual_cont{margin:20px 0 0 0; padding:10px 0; border-top:1px dashed #ababab; line-height:22px;} .visual_info_policy .visual_cont span{color:#00539f; font-weight:bold; } /* 소개 > 비전/임무 */ .vision_top {margin-top:30px;} .vision_top p{font-size:24px; line-height:34px; letter-spacing:-0.075em;} .vision_top p + p {margin:10px 0 30px 0; font-size:14px; line-height:22px; letter-spacing:-0.075em;} @media screen and (min-width:581px) { .vision_desktop { display:block; } .vision_desktop img { width:100%; } .vision_mobile { display:none; } } @media screen and (max-width:580px) { .vision_desktop { display:none; } .vision_mobile { display:block; } .vision_mobile img { width:100%; } } /* .vision_list{margin:45px 48px;} .vision_list .vision_title{height:60px; background:#06b499; color:#fff; font-size:30px; text-align:center; border-radius:60px; line-height:52px;} */ .vision_list{margin:10px 0; border:1px solid #ddd; border-radius:10px; padding:43px 60px;} .vision_list .vision_title{height:58px; background:#fff; color:#333; font-size:28px; text-align:center; border:2px solid #0c8a75; border-radius:60px; line-height:52px;} .vision_list .vision_title:after{content:""; display:block; height:30px; margin-top:8px; background:url(/images/react/common/bg_vision_arrow.gif) no-repeat center;} .vision_list dl{position:relative; margin-top:42px; border-top:1px solid #ddd; } .vision_list dl dt{position:absolute; top:0; left:0; width:118px; padding:69px 0 0 8px; font-size:25px; font-weight:bold; color:#05836f; } .vision_list dl dd{padding-left:126px; } .vision_list dl dd li{padding:17px 0 17px 10px; font-size:18px; border-bottom:1px solid #ddd; } .vision_list dl dd li span{display:inline-block; width:35px; color:#666666; font-weight:bold;} /* 소개 > 연혁 */ .intro_history_box{margin-top:25px; padding:5px; background:url(/images/react/common/bg_notice_box.gif) repeat;} .intro_history_box .intro_history{min-height:320px; padding:5px 15px 5px 193px; background:url(/images/react/intro/bg_intro_history.gif) no-repeat #fff; } .intro_history_box .intro_history .history_title{position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;} /* .intro_history_box .intro_history ul li{margin:0; padding:8px 0 8px 14px; font-size:13px; background:url(/images/react/common/bul_diag_blue.gif) no-repeat 0 16px; border-top:1px dashed #d8d8d8; word-wrap:break-word; word-break:keep-all;} */ .intro_history_box .intro_history ul li{margin:0; padding:8px 0; font-size:13px; border-top:1px dashed #d8d8d8; word-wrap:break-word; word-break:keep-all;} .intro_history_box .intro_history ul li:first-child{border-top:0;} /* 소개 > 로고배너 > 정부상징 */ .simbol_box {position:relative; } .simbol_box .simbol_img{margin-top:20px; padding:20px 0; height:350px; border:1px solid #d8d8d8; background:url(/images/react/intro/img_simbol.jpg) no-repeat center; text-indent:-9999px;} .simbol_box .btn_simbol_down{margin-top:20px; text-align:right;} /* 소개 > 로고배너 > 색상/시그니처 */ .logo_color > li{position:relative; min-height:175px; margin-bottom:25px; border:1px solid #d8d8d8; } .logo_color > li p.color_type{position:absolute; top:0; left:0; width:195px; min-height:175px; border-right:1px solid #d8d8d8; text-indent:-9999px;} .logo_color > li .color_info{padding:25px 25px 25px 235px; } .logo_color > li .color_info .color_title{padding-bottom:15px; border-bottom:1px solid #ddd; font-size:16px; font-weight:bold; } .logo_color > li .color_info .color_cont{overflow:hidden; margin-top:15px;} .logo_color > li .color_info .color_cont ul{float:left; width:50%; line-height:24px;} .bg_blue {background:#053863;} .cr_blue {color:#093989;} .bg_red {background:#e4032f;} .cr_red {color:#e4032f;} .bg_gray {background:#575556;} /* 소개 > 로고배너 > 그래픽모티브 */ .motive_box {overflow:hidden; margin:30px 0 0 -22px; } .motive_box > li{float:left; width:33.3333%;} .motive_box > li > div{margin-left:22px; border:1px solid #d8d8d8; } .motive_box > li > div .motive_img img{width:100%; vertical-align:top; border-bottom:1px solid #d8d8d8;} .motive_box > li > div .motive_cont{padding:15px; min-height:80px;} .motive_box > li > div .motive_cont p:first-child{margin-bottom:10px; font-size:16px; font-weight:bold; } .img_layout1 {overflow:hidden; margin:20px 0 0 0;} .img_layout1 .img_type_info{padding:20px 20px 15px 20px; border:1px solid #d8d8d8; border-bottom:0; background:#f0f1f5; } .img_layout1 .img_type_info p:first-child{margin-bottom:10px; font-size:16px; font-weight:bold; } .img_layout1 .img_type_info p + p{margin-bottom:5px;} .img_layout1 .img_box{margin-top:0; } /* 소개 > 로고배너 > 활용 */ .logo_banner1 {overflow:hidden; margin-top:30px; padding:30px; border:1px solid #d8d8d8;} .logo_banner1 .banner_img{float:left; } .logo_banner1 .banner_info{float:right; width:182px; } .logo_banner1 .banner_info p:first-child{margin-bottom:10px; padding-bottom:15px; font-size:16px; font-weight:bold; border-bottom:1px solid #d8d8d8;} .logo_banner2 {height:335px; margin-top:20px; padding:20px 0; background:url(/images/react/intro/img_useEx03.jpg) no-repeat center; text-indent:-9999px; border:1px solid #d8d8d8; } /* 소개 > 조직 > 조직도 */ .organ_btn {text-align:right; } .organ_wrap {width:860px; margin:30px auto 0 auto; background:url(/images/react/intro/bg_org_line_pc.gif) no-repeat;} .organ_wrap .organ_top {position:relative; min-height:367px; } .organ_wrap .organ_top .organ_text, .organ_wrap .organ_top .organ_text a{display:inline-block; width:190px; height:44px; text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:40px;} .organ_wrap .organ_top .organ_text2, .organ_wrap .organ_top .organ_text2 a {display:inline-block; width:186px; height:40px; text-align:center; color:#333; font-size:16px; font-weight:bold; line-height:36px;} .organ_wrap .organ_top ul.organ_detail {margin-top:10px; padding:10px 15px; background:#fff; border:1px solid #dedede;} .organ_wrap .organ_top ul.organ_detail li{ padding-left:8px; background:url(/images/react/common/blt_cercle.gif) no-repeat 0 11px; color:#666;} .organ_wrap .organ_top ul.organ_detail li a{color:#666;} .organ_wrap .organ_top .organ1{position:absolute; top:0; left:333px; background:#c72a00; } .organ_wrap .organ_top .organ2{position:absolute; top:43px; left:20px; } .organ_wrap .organ_top .organ3{position:absolute; top:43px; right:20px; } .organ_wrap .organ_top .organ4{position:absolute; top:150px; left:333px; background:#ba5801;} .organ_wrap .organ_top .organ5{position:absolute; top:194px; left:20px; } .organ_wrap .organ_top .organ6{position:absolute; top:250px; left:20px; } .organ_wrap .organ_top .organ7 {position:absolute; top:194px; right:20px;} .organ_wrap .organ_top .organ2 .organ_text2{border:2px solid #c72a00; } .organ_wrap .organ_top .organ3 .organ_text2 {border:2px solid #c72a00;} .organ_wrap .organ_top .organ5 .organ_text2, .organ_wrap .organ_top .organ6 .organ_text2, .organ_wrap .organ_top .organ7 .organ_text2 {border:2px solid #ba5801; background:#fff;} .organ_wrap .organ_list > ul{overflow:hidden; margin-left:-13px; padding:0 20px;} .organ_wrap .organ_list > ul > li{float:left; width:185px; margin-left:13px; } /*조직도>실(타이틀)*/ .organ_wrap .organ_list > ul > li .dept_title{height:44px; margin-bottom:11px; background:#514cb2; color:#fff; font-size:15px; font-weight:bold; line-height:42px; text-align:center; } .organ_wrap .organ_list > ul > li .dept_title a{color:#fff;} /*조직도>국(타이틀)*/ .organ_wrap .organ_list > ul > li .dept_title_guk{height:44px; margin-bottom:11px; border:2px solid #514cb2; background:#fff; color:#514cb2; font-size:15px; font-weight:bold; line-height:42px; text-align:center; } .organ_wrap .organ_list > ul > li .dept_title_guk a{color:#514cb2;} .organ_wrap .organ_list > ul > li .organ_dept{ min-height:555px; border-top:0;} .organ_wrap .organ_list > ul > li .dept_sub{height:38px; line-height:34px; border:1px solid #e0e0e0; text-align:center; font-weight:bold; background:#f0f0f0;} .organ_wrap .organ_list > ul > li .dept_sub_01{padding:3px 0; line-height:15px;border:1px solid #e0e0e0; text-align:center; font-weight:normal; background:#f0f0f0;} .organ_wrap .organ_list > ul > li .dept_list{margin-bottom:10px; padding:10px 0 12px 0; line-height:21px; border:1px solid #e0e0e0; } .organ_wrap .organ_list > ul > li .dept_list > li > a{margin:0 10px 0 15px; padding-left:9px; background:url(/images/react/common/blt_cercle.gif) no-repeat 0 10px; color:#666;} .organ_wrap .organ_list > ul > li .dept_list > li > ul{margin:7px 12px 7px 15px; padding:10px 10px 10px 12px; background:#f7f7f7; font-size:13px;} .organ_wrap .organ_list > ul > li .dept_list > li > ul li a{padding-left:9px; background:url(/images/react/common/blt_bar2.gif) no-repeat 0 10px; color:#666;} .organ_wrap .organ_list > ul > li + li + li + li + li .organ_dept{ min-height:270px;} .organ_wrap .organ_list > ul > li + li + li + li + li + li + li + li + li .organ_dept{ min-height:100px;} .organ_wrap .organ_list > ul > li .dept_sub + .dept_list {border-top:0;} /*소개 > 조직 > 소속기관, 산하기관 (180417 추가) 시작 */ @media screen and (min-width:880px) { .sub_organ_wrap { width:860px; margin:30px auto 0 auto; } .sub_organ_wrap ul { } .sub_organ_wrap ul li { float:left; width:268px; height:158px; margin:0 25px 40px 0; border:1px solid #d8d8d8; } .sub_organ_wrap ul li:nth-child(3n) { margin-right:0; } .sub_organ_wrap ul .logo_img { margin:9px; width:249px; height:98px; border:1px solid #d8d8d8; text-align:center; } .sub_organ_wrap ul .logo_img img { padding-top:14px; } .sub_organ_wrap ul .txt { text-align:center; padding-top:3px; } } @media screen and (min-width:480px) and (max-width:879px) { .sub_organ_wrap { width:100%; margin:30px auto 0 auto; } .sub_organ_wrap ul { } .sub_organ_wrap ul li { float:left; width:48%; height:158px; margin:0 3% 30px 0; border:1px solid #d8d8d8; } .sub_organ_wrap ul li:nth-child(2n) { margin-right:0; } .sub_organ_wrap ul .logo_img { margin:9px; height:98px; border:1px solid #d8d8d8; text-align:center; } .sub_organ_wrap ul .logo_img img { padding-top:14px; max-width:100%; } .sub_organ_wrap ul .txt { text-align:center; padding-top:3px; } } @media screen and (max-width:479px) { .sub_organ_wrap { width:100%; margin:30px auto 0 auto; } .sub_organ_wrap ul { } .sub_organ_wrap ul li { width:100%; height:134px; margin:0 3% 30px 0; border:1px solid #d8d8d8; } .sub_organ_wrap ul .logo_img { margin:9px; height:78px; border:1px solid #d8d8d8; text-align:center; } .sub_organ_wrap ul .logo_img img { padding-top:4px; } .sub_organ_wrap ul .txt { text-align:center; padding-top:3px; } } /*소개 > 조직 > 소속기관, 산하기관 (180417 추가) 끝 */ /*소개 > 장관소개 > 인사말*/ .minister_greeting { display:block; margin-top:30px; } .minister_greeting_m { display:none; } .minister_greeting p{margin:15px 0; font-size:14px; line-height:24px; letter-spacing:-0.1em;} .minister_greeting .grt_point {margin:40px 0 10px; font-size:16px; font-weight:bold; line-height:24px; letter-spacing:-0.1em;} .minister_greeting .minister_date {display:block; text-align:right; font-size:16px;} .minister_greeting .minister_name {display:block; text-align:right; font-size:18px;} .minister_greeting .minister_name img{margin-left: 10px; position:relative; top:20px; left:0;} /* 장관소개 > 인사말 모바일에서 강제줄바꿈 없이 word-break만 */ @media screen and (max-width:600px) { .minister_greeting { display:none; } .minister_greeting_m { display:block; } .minister_greeting_m p {margin:15px 0; font-size:14px; line-height:24px; letter-spacing:-0.1em; word-break:keep-all; } .minister_greeting_m .grt_point {margin:30px 0 10px; font-size:16px; font-weight:bold; line-height:24px; letter-spacing:-0.1em;} } /* 소개 > 장관약력 */ .minister_info {position:relative; margin-top:35px; padding:0 0 30px 170px; border-bottom:1px solid #dfdfdf;} .minister_info .img_minister{position:absolute; top:0; left:0; } .minister_info .img_minister img{border:1px solid #d3d3d3;}k .minister_info .minister_cont{padding-top:24px; } .minister_info .minister_cont > p{font-size:30px; font-weight:bold; } .minister_info .minister_cont > p em{font-style:normal;} .minister_info .minister_cont > p span{font-size:16px; font-weight:normal; font-family: Malgun Gothic; padding-right:11px; background:url(/images/react/common/blt_minister_bar.gif) no-repeat right; } .minister_info .minister_cont > p span + span{background:none;} .minister_info .minister_cont .minister_data{margin-top:30px; padding:22px 25px 19px 25px; background:#f6f6f6; } .minister_info .minister_cont .minister_data li{margin-bottom:8px;} .minister_info .minister_cont .minister_data li span{display:inline-block; width:68px; font-weight:bold; } .minister_list .cont_title1 {margin-top:30px; } .minister_list .cont_list1 {margin-top:25px; padding-bottom:25px; border-bottom:1px solid #e2e2e2;} .minister_list .cont_list1 li{margin-bottom:10px;} .minister_list .cont_list1 li em{display:inline-block; width:135px; font-style:normal; font-weight:bold;} /* 소개 > 오시는길 */ .bird_view .img_box {padding:0;} .bird_view .img_box img{border:1px solid #dbdbdb; vertical-align:top;} .location_detail{padding:35px 0 20px 0; border-bottom:1px solid #dddddd;} .location_detail .location_list{padding:0 10px;} .location_detail h5{padding-left:25px; font-size:18px; font-weight:bold; } .location_detail h6{margin:20px 0 10px 0; color:#8D4225; font-size:16px; } .location_detail h5.type_car{background:url(/images/react/common/icon_car.gif) no-repeat 0 4px;} .location_detail h5.type_train{background:url(/images/react/common/icon_train.gif) no-repeat 0 4px;} .location_detail h5.type_bus{background:url(/images/react/common/icon_bus.gif) no-repeat 0 4px;} /* 사이트맵 */ .sitemap_area {overflow:hidden; margin-top:25px; margin-left:-19px;} .sitemap_area > li{float:left; width:272px; margin-left:19px; } .sitemap_area > li > h4{height:46px; text-align:center; color:#2951b3; font-size:18px; font-weight:bold; border-top:1px solid #00539f; border-bottom:1px solid #00539f; line-height:38px;} .sitemap_area > li > ul > li > a{display:block; padding:9px 5px 9px 20px; background:url(/images/react/common/blt_dot_off.gif) no-repeat 10px 19px; border-top:1px dotted #d0d0d0; font-weight:bold;} .sitemap_area > li > ul > li:first-child > a{border-top:0;} .sitemap_area > li > ul > li > a:hover, .sitemap_area > li > ul > li > a:focus, .sitemap_area > li > ul > li > a:active{color:#00539f; background:url(/images/react/common/blt_dot_on.gif) no-repeat 10px 19px;} .sitemap_area > li > ul > li > ul{padding:10px 10px 10px 20px; font-size:12px; border-top:1px dotted #d0d0d0;} .sitemap_area > li > ul > li > ul > li > a{display:inline-block; padding-left:14px; background:url(/images/react/common/blt_bar_off.gif) no-repeat 0 11px; color:#666;} .sitemap_area > li > ul > li > ul > li > a:hover, .sitemap_area > li > ul > li > ul > li > a:focus, .sitemap_area > li > ul > li > ul > li > a:active{background:url(/images/react/common/blt_bar_on.gif) no-repeat 0 11px; color:#066ec6;} .sitemap_area a[target="_blank"] span{padding-right:15px; padding-bottom: 5px; background:url(/images/react/common/icon_sitemap_bln.gif) no-repeat right 4px;} .sitemap_area > li {min-height:885px;} .sitemap_area > li + li + li + li {min-height:1210px; border-bottom:1px solid #c8c8c8; } .sitemap_area > li + li + li + li + li {min-height:550px; border-bottom:0;} .sitemap_area > li + li + li + li + li + li + li{min-height:660px; border-bottom:1px solid #c8c8c8;} /* 사이트맵-모바일 */ @media screen and (max-width:767px) { .sitemap_area > li{width:100%; min-height:0;} } /* 정책 목록 */ .policy_list {overflow:hidden; margin:20px 0 0 -18px; } .policy_list li{float:left; width:50%; } .policy_list li p{position:relative; display:block; min-height:67px; margin:0 0 15px 18px; padding:18px 125px 0 18px; border:1px solid #d8d8d8; background:#f5f5f5; border-radius:4px;} .policy_list li p span {display:inline-block; padding-left:9px; font-size:16px; font-weight:bold; background:url(/images/react/common/blt_square.gif) no-repeat 0 12px; line-height:24px;} .policy_list li p a.btn_detail {display:inline-block; position:absolute; top:50%; right:18px; height:26px; margin-top:-14px; padding:0 7px; border:1px solid #c8c8c8; border-radius:2px; color:#595959; font-size:12px; line-height:24px; background:#fff;} /* 정보목록 */ .dept_btn .btn_mo{display:none;} .dept_btn .btn{height:30px !important; vertical-align:top; } .search_date a > span { display:inline-block; height:28px; border:1px solid #d3d6db; background:#fff; border-radius:2px;font-size:12px; line-height:26px; color:#333; padding:0 6px; vertical-align:top;} .search_date a.selcetbtn_on span{ background:#4577bc; border:1px solid #4577bc; color:#fff; } .search_date .date_text{ width:90px;} .btn_info_search {padding:0 14px; height:30px; line-height:27px; background:#476da2; color:#fff; border-radius:2px; border:0; font-family:'Malgun Gothic','맑은고딕';} .info_list {position:relative; } /*재결사례*/ .search_date .select_w200{width:200px;} .search_date .select_w290{width:290px;} .search_date .input_text{width:370px;} /* 부서명 찾기 팝업 */ .infoorg_pop {position:absolute; z-index:999; top:240px; left:50%; width:400px; margin-left:-200px; background-color:#fff; border:1px solid #484f62;} .infoorg_pop_title { height:40px; background-color:#484f62; font-size:15px; color:#fbfbfb; font-weight:bold; text-align:center; line-height:38px; } .infoorg_pop .scbox { background-color:#fafbfd; border-bottom:1px solid #dfdade; padding:10px 20px; } .infoorg_pop .scbox input { height:28px; line-height:26px; } .infoorg_pop .scbox input[type="text"] {padding:0; width:198px; border:1px solid #dedede;} .infoorg_pop .scbox input[type="submit"] {height:30px; background-color:#476da2; color:#ffffff; font-weight:bold; padding:0 15px; border:0; cursor:pointer; border-radius:2px;} .infoorg_pop .scbox input[type="button"] {height:30px; background-color:#484e62; color:#ffffff; font-weight:bold; padding:0 10px; border:0; cursor:pointer; border-radius:2px;} .infoorg_pop .scbox p { padding:10px 0 0 0; font-size:12px;} .infoorg_pop .info_org, .infoorg_pop #data03search {padding:20px; height:300px; overflow:scroll;} .infoorg_pop .info_org ul li {padding:3px 25px 2px; background-image:url('/images/react/common/icon_tree.png'); background-repeat:repeat-y; background-position:left 5px;} .infoorg_pop .btnbox { padding:15px 20px; text-align:center; } .infoorg_pop .btnbox a {padding:8px 20px; border:1px solid #484e62; border-radius:2px; } .infoorg_pop #data03search > p {display:block; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #d7d7d7; margin-bottom:10px;} /* 상세보기 팝업 */ .boardList { position:relative; overflow-x:visible !important;} .infolist_pop {position:absolute; z-index:999; top:540px; left:50%; width:600px; margin-left:-300px; background-color:#fff; border:1px solid #484f62;} .infolist_pop_title { background-color:#484f62; height:40px; color:#fbfbfb; font-size:15px; font-weight:bold; line-height:38px; text-align:center; } .infolist_box1 { padding:10px; } .infolist_box1 .grid { width:100%; border-top:1px solid #d7d7d7; font-size:13px; } .infolist_box1 .grid th,.infolist_box1 .grid td { border-bottom:1px solid #d7d7d7; padding:6px 0; line-height:22px;} .infolist_box1 .grid th { font-weight:bold; text-align:left; padding-left:10px; border-left:0 ;} .infolist_box1 .grid th.bl_line {border-left:1px solid #d7d7d7;} .infolist_box1 .grid td { line-height:14px; } .infolist_box1 .grid .bottom_td { border-bottom:1px solid #a3a3a3; } .infolist_pop .btnbox { text-align:center; margin:0 10px; padding-bottom:10px; } .infolist_pop .btnbox a, .infolist_pop .btnbox button { display:inline-block; padding:5px 15px; font-size:14px; } .infolist_pop .btnbox button { padding-top:6px; padding-bottom:6px; font-family:Malgun Gothic,Dotum,sans-serif; } .infolist_pop .btnbox a:hover, .infolist_pop .btnbox a:focus, .infolist_pop .btnbox button:hover, .infolist_pop .btnbox button:focus { text-decoration:underline;cursor:pointer} .infolist_pop .btnbox .btnask { background-color:#484e62; border:1px solid #484e62; color:#fff ;border-radius:2px; } .infolist_pop .btnbox .btnclose { border:1px solid #484e62; color:#484e7a; border-radius:2px; } /*민원 > 건강보험분쟁조정위원회 > 인사말 */ .greeting_box { margin-top: 25px; position:relative;} .greeting_box .grt_point{margin-top: 30px; font-size: 20px; font-weight: bold; line-height: 30px; letter-spacing: -0.1em;} .greeting_cont.grt_txt p{line-height:24px; margin:15px 0;} .greeting_img {float:right; margin:20px 0 0 20px;} /* 201710 table중첩 방지를 위한 처리*/ .innerTb {display:table; margin:5px 0 10px 0; width:100%; height:auto; border-top:1px solid #9c9c9c; font-size:12px;overflow:hidden;} .innerTb .thead {display:table-header-group;} .innerTb .thead>* {display:table-cell; box-sizing:border-box; padding:5px 7px; width:auto; text-align:center; font-weight:700; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; background-color:#f8f8f8; color:#00539f;} .innerTb .thead>*:first-child{border-left:0 none} .innerTb .tbody {display:table-row-group; width:100%; height:auto; border-bottom:1px solid #d7d7d7;overflow:hidden;} .innerTb .row {display:table-row;} .innerTb .row>* {display:table-cell; box-sizing:border-box; padding:5px 7px; width:auto; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; color:#666; vertical-align:middle} .innerTb .row>*:first-child {border-left:0 none} .innerTb.col2 .thead>*, .innerTb.col2 .row>* {width:50%} .innerTb.col3 .thead>*, .innerTb.col3 .row>* {width:33.333%} .innerTb.col4 .thead>*, .innerTb.col4 .row>* {width:25%} .innerTb.col5 .thead>*, .innerTb.col5 .row>* {width:20%} .innerTb.col2_etc .thead>*, .innerTb.col2_etc .row>*, .innerTb.col3_etc .thead>*, .innerTb.col3_etc .row>*, .innerTb.col4_etc .thead>*, .innerTb.col4_etc .row>* , .innerTb.col5_etc .thead>*, .innerTb.col5_etc .row>* {width:auto} .innerTb .cen, .innerTb .cen * { text-align:center} .innerTb .right, .innerTb .right * { text-align:right} .innerTb .left, .innerTb .left * { text-align:left} .innerTb .bold { font-weight:800; color:#393939} .innerTb .noneleft { border-left:0 none} .innerTb .rowspanBefore { position:relative;} .innerTb .rowspan { position:absolute; left:0; top:0; background-color:#fff; z-index:2; width:100%;} /* PC에서만 사용 */ @media screen and (min-width:1025px) { } /* 태블릿 */ @media screen and (min-width:768px) and (max-width:1024px) { /* 정책 > 순서도식 스타일 */ .flow_list {margin:20px 0 0 -20px !important; } .flow_list li{width:50% !important; margin:0 0 20px 0 !important;} .flow_list li .flow_box { margin-left:20px; } /* 보건의료인 면허(자격)민원 */ .license_info > li .license_box{padding:28px 5px 25px 15px; border:1px solid #d8d8d8; background:url(/images/react/common/bg_license1.gif) no-repeat 108% 25px; font-size:13px;} /* 소개 > 로고배너 > 색상/시그니처 */ .logo_color > li{min-height:auto;} .logo_color > li p.color_type{position:relative; width:auto; min-height:90px; border-right:0; border-bottom:1px solid #d8d8d8} .logo_color > li .color_info{padding:15px; } .logo_color > li .color_info .color_title{padding-bottom:15px;} .logo_color > li .color_info .color_cont{margin-top:15px;} .logo_color > li .color_info .color_cont ul{float:none; width:auto;} /* 소개 > 로고배너 > 활용 */ .logo_banner1 {padding:20px;} .logo_banner1 .banner_img{float:none; text-align:center; } .logo_banner1 .banner_info{float:none; width:auto; } .logo_banner1 .banner_info p:first-child{margin-bottom:10px; padding-bottom:15px; font-size:16px; font-weight:bold; border-bottom:1px solid #d8d8d8;} /* 소개 > 연혁 */ .intro_history_box{padding:0; background:none;} .intro_history_box .intro_history{padding:0; background:none; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} .intro_history_box .intro_history ul li{padding:15px 0 15px 14px; background-position:0 22px} /* 소개 > 조직 > 조직도 */ .organ_wrap {width:728px; margin:30px auto 0 auto; background:url(/images/react/intro/bg_org_line_tab.gif) no-repeat;} .organ_wrap .organ_top .organ_text, .organ_wrap .organ_top .organ_text a{width:160px;} .organ_wrap .organ_top .organ_text2, .organ_wrap .organ_top .organ_text2 a{width:156px; background:#fff; } .organ_wrap .organ_top .organ1{left:285px;} .organ_wrap .organ_top .organ4{left:285px;} .organ_wrap .organ_top .organ2,.organ_wrap .organ_top .organ5,.organ_wrap .organ_top .organ6 {left:0;} .organ_wrap .organ_top .organ3,.organ_wrap .organ_top .organ7 {right:0} .organ_wrap .organ_list > ul{margin-left:-10px; padding:0;} .organ_wrap .organ_list > ul > li{width:169.5px; margin-left:10px;} .organ_wrap .organ_list > ul > li .dept_list > li > a{margin:0 5px 0 10px; font-size:13px;} .organ_wrap .organ_list > ul > li .dept_list > li > ul{margin:5px 0; padding:7px 10px 7px 24px; } .organ_wrap .organ_list > ul > li .dept_list > li > ul li a{padding-left:9px; background:url(/images/react/common/blt_bar2.gif) no-repeat 0 10px; color:#666;} .organ_wrap .organ_list > ul > li + li + li + li + li .organ_dept{ min-height:265px;} .organ_wrap .organ_list > ul > li + li + li + li + li + li + li + li + li .organ_dept{ min-height:100px;} /*소개>로고배너>활용*/ .img_type_text.useEx_pd{padding:0px 0px 15px 45px;} } /* 태블릿 / PC 중간 사이즈 */ @media screen and (min-width:768px) and (max-width:890px) { .wd100 {width:100%;} /* 리스트 스타일 버튼 */ .btn_list {margin-left:0px; border-left:0;} .btn_list li{float:none; width:auto; border-top:0; } .btn_list li:first-child{border-top:1px solid #c2c5d1; } .btn_list li a{margin-left:0; padding:12px 45px 12px 20px; } /* 카드뉴스 */ .card_list {margin:25px 0 0 -20px; } .card_list li{margin-bottom:20px;} .card_list li > .card_box{margin-left:20px;} /* 정보공개 */ .dept_btn .btn_mo{display:inline-block; width:29px; height:30px; border:1px solid #c8c8c8; border-radius:2px; background:url(/images/react/common/bg_btn_mo.gif) no-repeat center; text-indent:-9999px; vertical-align:top;} .board_edit .dept_btn .btn{display:none !important;} .input_wrap {display:block; position:relative; padding-right:45px;} .input_wrap input[type=text] {display:inline-block; width:100% !important;} .input_wrap .btn_wrap {position:absolute; top:4px; right:0;} .search_date {overflow:hidden; margin:0 0 0 -4px;} .search_date a{float:left; width:50%;} .search_date a span{display:block; margin-left:4px; text-align:center; margin-bottom:4px;} .search_date .date_pic_wrap{clear:both; display:block; margin-left:4px; margin-bottom:4px;} } @media screen and (min-width:768px) and (max-width:1199px) { .img_layout2 .type_img img{width:100%;} .infoorg_pop {position:absolute; top:160px; left:50%; width:80%; height:auto; margin-left:-40%;} .infolist_pop {position:absolute; top:160px; left:50%; width:80%; height:auto; margin-left:-40%;} } /* 모바일 */ @media screen and (max-width:767px) { html,body {line-height:22px;} /* 들여쓰기 재정의 */ .indent_box {margin-left:0;} .indent_box2 {margin-left:0; } .cont_title3 + p, .cont_title3 + ul, .cont_title3 + ol, .cont_title3 ~ .gray_box {margin:15px 0 0 0; } .cont_title3 + p ~ p, .cont_title3 + p ~ div, .cont_title3 + p ~ ul, .cont_title3 ~ ul{margin-left:0; } .privacy_wrap ol.none_deci > li > ul, .privacy_wrap ol.none_deci > li > p{margin:5px 0 0 0px;} /* 테이블 스크롤 */ .tb_scroll {position:relative; width:1px; min-width:100%; overflow-x:scroll; overflow-y:hidden; padding-top:30px; background:url(/images/react/common/btn_hand4.gif) no-repeat right 10px; -webkit-overflow-scrolling:touch;} .tb_scroll > table{width:860px; margin-bottom:0;} .tb_unit_wrap {padding-top:0px; margin-top:0;} .tb_unit_wrap .tb_scroll {background-position:left 10px;} .tb_unit_wrap .tb_unit {position:absolute; top:10px; right:0px; z-index:50; } .tb_unit_wrap .tb_unit2 {position:relative; top:0px; right:0px; z-index:50; margin-top:10px; text-align:right;} .tb_base caption em{text-align:left; } .tb_base {width:839px; margin:15px 0 10px 0; border-collapse:separate; border-top:1px solid #363a41; color:#393939;} .tb_base.no_mobile { width:100%;} /* 이미지 확대 */ .img_box {position:relative; } .img_box img{width:100%;} /*좌-이미지 / 우-텍스트 */ .left_img { display:block; width:100%; } .right_text { display:block; width:100%; margin-left:0%; vertical-align:top; } .img_box .img_zoom{display:inline-block; position:absolute; bottom:0; right:-2px; width:40px; height:40px; text-indent:-99999px; background:url(/images/react/common/btn_zoom.png) no-repeat;} .img_cont img{width:100%;} /* 정책콘텐츠 박스 */ .policy_box {min-height:auto; padding:20px; background:none;} /* 박스스타일 관련 */ .notice_box .notice_cont{min-height:auto;} /* 뷰어다운로드 */ .viewer_down {margin:30px 0 0 0; } .viewer_down li{float:none; width:100%;} .viewer_down li p{margin-left:0; padding:28px 55px 30px 75px; font-size:14px; } /* 정책>건강보험>보험정책>연혁 */ .policy_history {background:none;} .policy_history li{padding:10px 0; border-top:1px solid #d8d8d8; } .policy_history li:first-child{border-top:0; } .policy_history li dt{width:auto; } .policy_history li dd{display:block; width:auto; margin-top:10px; padding-left:0px;} /* 푸드뱅크 다단 레이아웃 */ .food_cont1 {overflow:hidden; margin:20px 0 0 -10px; } .food_cont1 li .food_box{margin-left:10px;} .food_cont1 li .food_box p.food_img, .food_cont2 li .food_box p.food_img {padding:0px; border:0;} /* 행복나눔 캠페인 */ .nanum_info .nanum_logo{position:relative; top:0; left:0; text-align:center;} .nanum_info .nanum_cont{padding:0; margin-top:15px; } /* 보건의료인 면허(자격)민원 */ .license_info {overflow:hidden; margin:20px 0 0 0;} .license_info > li{float:none; width:auto; } .license_info > li .license_box{min-height:auto; margin:0 0 20px 0; padding:18px 20px 15px 20px; background:none;} .license_info > li + li .license_box {background:none;} .license_info > li + li + li .license_box {min-height:auto; background:none;} .license_info > li + li + li + li .license_box {background:none;} /* 박스형식 리스트 */ .box_list {border:0; border-bottom:1px solid #c2c5d1; } .box_list li{float:none; width:auto} .box_list li p{border:1px solid #c2c5d1; border-bottom:0; } /* 정책 > 그래프 영역 */ .graph_box .graph_img{position:relative; text-align:center; } .graph_box .graph_cont{margin-top:15px; padding:15px 10px 15px 10px; } /* 정책 > 도식화 영역 */ .round_vision > li > dl {text-align:center; } .round_vision > li > dl > dt{position:relative; font-size:18px; } .round_vision > li > dl > dd{padding:0 0 0 0; text-align:left; } .round_vision > li > dl > dd .vision_title{padding:15px 0 5px 0; font-size:16px; color:#00539f;} .round_vision > li > dl > dd .vision_title.pdt45{padding-top:15px;} /* 정책 > 순서도식 스타일 */ .flow_list {margin:20px 0 0 0 !important; } .flow_list li{float:none; width:auto !important;} .flow_list li .flow_box { margin-left:0; } .flow_list li .flow_box > div{min-height:auto; background:none; } /* 정책 > 복지허브 */ .welfare_hub {min-height:auto;} .welfare_hub .hub_img{position:relative; top:0px; left:0px; text-align:center; } .welfare_hub .hub_cont{padding:0 0 0 0; margin-top:20px; } /* 정책 > 이미지 2열 레이아웃 */ .img_layout2 {margin:20px 0 0 0;} .img_layout2 .img_type_box{float:none; width:auto; } .img_layout2 .img_type_box .img_type_cont{margin-bottom:10px; margin-left:0px; } .img_layout2 .img_useEx{min-height:auto;} .img_useEx .type_img {padding-bottom:0;} .img_layout2 .type_img img{width:100%;} .img_useEx .img_type_text{width:auto; padding:15px;} .img_useEx .img_type_text ul{line-height:24px} /* 버튼위치 제어 */ .btn_position .btn_right{position:relative; /* margin-top:15px !important; */ margin:10px 0 10px 0; text-align:right; } /* 리스트 스타일 버튼 */ .btn_list {margin-left:0px; border-left:0;} .btn_list li{float:none; width:auto; border-top:0; } .btn_list li:first-child{border-top:1px solid #c2c5d1; } .btn_list li a{margin-left:0; padding:12px 45px 12px 20px; } /* 카드뉴스 */ .card_list {margin:25px 0 0 -10px; } .card_list li{width:50%; margin-bottom:10px;} .card_list li > .card_box{margin-left:10px;} .card_list li > .card_box .thum_info {padding:10px 10px 10px 10px;} /* 장애인 이용안내 */ .movie_play dt,.movie_play dd {float:none; width:auto;} .movie_play dd div{margin-left:0;} /* 참여 > 나눔문화 > 행복나눔인 / 정보 > 규제개혁 > 규제심사등록 */ /* .visual_info {padding:170px 20px 20px 20px;} 비주얼 이미지 있을경우 사용*/ .visual_info {padding:20px;} .nanum_box, .regul_info_img {background:none;} /* 기초연금 홈페이지 */ .visual_info_policy {padding:15px 25px 0px 25px; } .policy_info_img {background:none;} /* 의견쓰기 안내메세지 박스 */ .visual_user_write {margin-top:5px; padding:15px 25px 0px 25px; } .user_wt_info {background:none;;} /* 소개 > 비전/임무 */ .vision_top {margin-top:20px; text-align:center; } .vision_top p{font-size:26px; line-height:34px; text-align:left; } .vision_list{margin:30px 0; padding:15px;} .vision_list .vision_title{font-size:24px;} .vision_list .vision_title:after{height:22px; background:url(/images/react/common/bg_vision_Marrow.gif) no-repeat center;} .vision_list dl{margin-top:35px; border-top:0; } .vision_list dl dt{position:relative; width:auto; padding:0; text-align:center; } .vision_list dl dd{margin-top:20px; padding-left:0; border-top:1px solid #ddd; } .vision_list dl dd li{padding:17px 0 17px 20px; letter-spacing:-2px; } .vision_list dl dd li span{width:23px;} /* 소개 > 연혁 */ .intro_history_box{padding:0; background:none;} .intro_history_box .intro_history{padding:0; background:none; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;} .intro_history_box .intro_history ul li{margin:0; padding:15px 0 15px 14px; background-position:0 22px} /* 소개 > 로고배너 > 정부상징 */ .simbol_box .simbol_img{height:495px; background:url(/images/react/intro/img_m_simbol.jpg) no-repeat center;} .simbol_box .btn_simbol_down{position:relative; top:0; right:0; margin-top:10px;} /* 소개 > 로고배너 > 색상/시그니처 */ .logo_color > li{min-height:auto;} .logo_color > li p.color_type{position:relative; width:auto; min-height:90px; border-right:0; border-bottom:1px solid #d8d8d8} .logo_color > li .color_info{padding:15px; } .logo_color > li .color_info .color_title{padding-bottom:15px;} .logo_color > li .color_info .color_cont{margin-top:15px;} .logo_color > li .color_info .color_cont ul{float:none; width:auto;} /* 소개 > 로고배너 > 그래픽모티브 */ .motive_box {margin-left:0; } .motive_box > li{float:none; width:auto; margin-bottom:20px;} .motive_box > li > div{margin-left:0;} .motive_box > li > div .motive_cont{min-height:auto;} /* 소개 > 로고배너 > 활용 */ .logo_banner1 {padding:20px;} .logo_banner1 .banner_img{float:none; text-align:center; } .logo_banner1 .banner_img img{width:100%;} .logo_banner1 .banner_info{float:none; width:auto; } .logo_banner1 .banner_info p:first-child{margin-bottom:10px; padding-bottom:15px; font-size:16px; font-weight:bold; border-bottom:1px solid #d8d8d8;} .logo_banner2 {height:480px; background:url(/images/react/intro/img_m_useEx03.jpg) no-repeat center;} /* 소개 > 조직 > 조직도 */ .organ_btn {margin-top:15px; text-align:right; } .organ_wrap {width:100%; margin:20px 0 0 0; background:url(/images/react/intro/bg_org_line_mo.gif) no-repeat top center;} .organ_wrap .organ_top {position:relative; min-height:318px;} .organ_wrap .organ_top>li:first-child {position:relative; } .organ_wrap .organ_top .organ_text, .organ_wrap .organ_top .organ_text { position:absolute; } .organ_wrap .organ_top .organ_text, .organ_wrap .organ_top .organ_text a{width:140px; height:30px; font-size:13px; line-height:28px;} .organ_wrap .organ_top .organ_text2, .organ_wrap .organ_top .organ_text2 a{width:100%; height:26px; font-size:13px; line-height:22px; box-sizing:border-box; font-weight:normal;} .organ_wrap .organ_top .organ1 {top:0; left:50%; margin-left:-70px;} .organ_wrap .organ_top .organ4 {top:0; left:50%; margin-top:159px; margin-left:-70px; } .organ_wrap .organ_top .organ2 {top:48px; left:0; width:50%; box-sizing:border-box; padding-right:20px;} .organ_wrap .organ_top .organ3 {top:48px; right:0; width:50%; box-sizing:border-box; padding-left:20px;} .organ_wrap .organ_top .organ5 {top:207px; left:0; width:50%; box-sizing:border-box; padding-right:20px;} .organ_wrap .organ_top .organ6 {top:255px; left:0; width:50%; box-sizing:border-box; padding-right:20px;} .organ_wrap .organ_top .organ7 {top:207px; right:0; width:50%; box-sizing:border-box; padding-left:20px;} .organ_wrap .organ_top ul.organ_detail {margin-top:8px; padding:6px 10px 6px 8px; font-size:12px; } .organ_wrap .organ_list {padding:0;} .organ_wrap .organ_list > ul{overflow:hidden; margin-left:0; padding:0; } .organ_wrap .organ_list > ul > li{width:50%; margin-left:0; box-sizing:border-box; padding-right:20px;} .organ_wrap .organ_list > ul > li:nth-child(even) {float:right; padding-left:20px; padding-right:0;} .organ_wrap .organ_list > ul > li .organ_dept{min-height:auto;} .organ_wrap .organ_list > ul > li .organ_dept_m{min-height:465px;} /*2020년 3월 2일 추가*/ .organ_wrap .organ_list > ul > li .organ_dept_m_1{min-height:465px;}/*2020년 3월 2일 추가*/ .organ_wrap .organ_list > ul > li + li + li + li + li .organ_dept{ min-height:auto;} .organ_wrap .organ_list > ul > li + li + li + li + li + li + li + li + li .organ_dept{ min-height:auto;} .organ_wrap .organ_list > ul > li:first-child .organ_dept {border-bottom:0;} .organ_wrap .organ_list > ul > li .dept_title{position:relative; height:30px; line-height:28px; font-size:13px; margin-bottom:5px;} .organ_wrap .organ_list > ul > li .dept_title_guk{position:relative; height:30px; line-height:28px; font-size:13px; margin-bottom:5px; box-sizing:border-box;} .organ_wrap .organ_list > ul > li .dept_sub{height:30px; line-height:28px; font-size:13px; } .organ_wrap .organ_list > ul > li .dept_sub_01{padding:3px 0; line-height:15px;border:1px solid #e0e0e0; text-align:center; font-weight:normal; background:#f0f0f0;;} .organ_wrap .organ_list > ul > li .dept_list{margin-bottom:5px; padding:6px 0 8px 0; line-height:21px; font-size:12px; } .organ_wrap .organ_list > ul > li .dept_list > li > a{display:inline-block; padding:0px 0px 0 6px; margin:0 6px 0 7px} .organ_wrap .organ_list > ul > li .dept_list > li > ul{margin:5px 5px 7px 9px; padding:5px 5px 5px 7px; font-size:12px;} .organ_wrap .organ_list > ul > li .dept_list > li > ul li a{display:inline-block; } .organ_wrap .organ_list > ul > li {min-height:415px;} .organ_wrap .organ_list > ul > li + li + li {min-height:478px;} .organ_wrap .organ_list > ul > li + li + li + li + li {min-height:248px;} .organ_wrap .organ_list > ul > li + li + li + li + li + li + li {min-height:248px;} .organ_wrap .organ_list > ul > li + li + li + li + li + li + li + li + li {min-height:auto; margin-bottom:20px;} /* 소개 > 장관약력 */ .minister_info {padding:0 0 30px 0;} .minister_info .img_minister{position:relative; text-align:center; } .minister_info .minister_cont{padding-top:10px; } .minister_info .minister_cont > p{font-size:21px; text-align:center;} .minister_info .minister_cont > p em{display:block; margin-bottom:8px;} .minister_info .minister_cont .minister_data{margin-top:15px; padding:22px 25px 19px 25px; background:#f6f6f6; } .minister_info .minister_cont .minister_data li{margin-bottom:8px;} .minister_info .minister_cont .minister_data li span{display:inline-block; width:68px; font-weight:bold; } .minister_list .cont_title1 {margin-top:25px; } .minister_list .cont_list1 {margin-top:25px; padding-bottom:25px; border-bottom:1px solid #e2e2e2;} .minister_list .cont_list1 li em{display:block; width:auto;} /* 정책 목록 */ .policy_list {margin:20px 0 0 0; } .policy_list li{float:none; width:auto; } .policy_list li p{min-height:0; margin:0 0 5px 0; padding:15px; }/* padding:18px 18px 0 18px; */ .policy_list li p a.btn_detail {display:none;} /* 정신건강정책 목록 */ /* .policy_list_maeum {margin:20px 0 0 0; } */ .policy_list_maeum li{float:none; width:auto; } .policy_list_maeum li p{min-height:0; margin:0 0 5px 0; padding:15px; } .policy_list_maeum li p a.btn_detail {display:none;} /* 카드뉴스_new(정책>건강>정신건강정책>정신건강복지법 쉽게 이해하기 */ .card_list_policy li .btn_inline{display:none;} .card_list_policy li > .card_box_policy .thum_info_txt {font-size:16px; font-weight:bold; letter-spacing:-0.1em; } /* 정보공개 */ .dept_btn .btn_mo{display:inline-block; width:29px; height:30px; border:1px solid #c8c8c8; border-radius:2px; background:url(/images/react/common/bg_btn_mo.gif) no-repeat center; text-indent:-9999px; vertical-align:top;} .board_edit .dept_btn .btn{display:none !important;} .input_wrap {display:block; position:relative; padding-right:35px;} .input_wrap input[type=text] {display:inline-block; width:100% !important;} .input_wrap .btn_wrap {position:absolute; top:4px; right:0;} .search_date {overflow:hidden; margin:0 0 0 -4px;} .search_date a{float:left; width:50%;} .search_date a span{display:block; margin-left:4px; text-align:center; margin-bottom:4px;} .search_date .date_pic_wrap{clear:both; display:block; margin-left:4px; margin-bottom:4px;} /* 부서명 찾기 팝업 */ .infoorg_pop .info_org, .infoorg_pop #data03search {padding:20px; height:180px; overflow:scroll;} .infoorg_pop {position:fixed; top:60px; left:50%; width:80%; height:auto; margin-left:-40%;} .infoorg_pop .scbox .sc_input {display:block; position:relative; padding-right:65px; margin-bottom:4px;} .infoorg_pop .scbox .sc_input input[type="text"] {width:100%;} .infoorg_pop .scbox .sc_input input[type="submit"] {position:absolute; top:0; right:0;} .infoorg_pop .scbox input[type="button"] {width:100%; height:30px; background-color:#484e62; color:#ffffff; font-weight:bold; padding:0 10px; border:0; cursor:pointer; border-radius:2px;} .infoorg_pop .scbox p { padding:10px 0 0 0; font-size:12px;} /* 상세보기 팝업 */ .infolist_pop {position:fixed; top:60px; left:50%; width:80%; height:auto; margin-left:-40%;} .infolist_box1 .grid th,.infolist_box1 .grid td { border-bottom:1px solid #d7d7d7; padding:6px 0; line-height:22px; font-size:12px !important;} .infolist_box1 .grid th { font-weight:bold; text-align:left; padding-left:10px; border-left:0 ;} .infolist_box1 .grid th.bl_line {border-left:1px solid #d7d7d7;} .infolist_box1 .grid td { line-height:14px; } .infolist_box1 .grid .bottom_td { border-bottom:1px solid #a3a3a3; } .infolist_pop .btnbox { text-align:center; margin:0 10px; padding-bottom:10px; } .infolist_pop .btnbox a { display:inline-block; padding:5px 15px; font-size:14px; } .infolist_pop .btnbox .btnask { background-color:#484e62; border:1px solid #484e62; color:#fff ;border-radius:2px; } .infolist_pop .btnbox .btnclose { border:1px solid #484e62; color:#484e7a; border-radius:2px; } /* 전역 클래스 */ .m_mgt0 {margin-top:0 !important; } .m_wd200 {width:200% !important;} .tip_text {margin-left:0px;} .mgl0 {margin-left:0px !important; } .mgl5 {margin-left:0px;} .mgl10 {margin-left:0px;} .mgl15 {margin-left:0px;} .mgl20 {margin-left:0px;} .mo_block {display:block !important;} /*민원 > 건강보험분쟁조정위원회 > 인사말 */ .greeting_img {display:none;} /*소개>로고배너>활용*/ .img_type_text.useEx_pd{padding:0px 35px 15px 35px;} } @media screen and (max-width:469px) { /* 참여 > 나눔문화 > 행복나눔인 > 나눔인추천하기 */ .visual_cont_btn {margin:10px 0 0 0;} } @media screen and (max-width:380px) { /* 정책 > 이미지 2열 레이아웃 */ .img_layout2 .type_img img{width:100%;} /* 참여 > 나눔문화 > 행복나눔인 > 나눔인추천하기 */ .visual_cont_btn {margin:10px 0 0 0;} } /* 참여 > 나눔문화 > 2018 나눔국민대상 공모 */ .nanum_button { padding-top:20px; height:90px; } .nanum_button a { display:block; width:40%; height:60px; border-radius:5px; font-size:140%; color:#ffffff; font-weight:bold; text-align:center; line-height:52px; } /* .nanum_button .btn01 { float:left; margin-left:8%; background-color:#028447; }*/ .nanum_button .btn01 { margin:0 auto; background-color:#028447; } .nanum_button .btn02 { float:right; margin-right:8%; background-color:#2380c3; } /* 나눔국민대상 응모하기, 응모목록보기 버튼 */ .nanum_button02 { margin:70px 0; } .nanum_button02 a { display:inline-block; width:49%; height:80px; font-size:18px; font-weight:bold; border-radius:2px; vertical-align:middle; text-align:center; background-color:#484e62; color:#fff; line-height:74px; background-image:url(/images/react/common/icon_link_white.png); background-repeat:no-repeat; background-position:95% center; } .nanum_button02 a:hover { background-color:#5b6f90; } @media screen and (max-width:768px) { /* 참여 > 나눔문화 > 행복나눔인 > 나눔인추천하기 */ .nanum_button { padding-top:0px; } .nanum_button a { display:block; width:100%; height:40px; margin-bottom:20px; line-height:38px; font-size:110%; } .nanum_button .btn01 { margin-left:0; } .nanum_button .btn02 { margin-right:0; } } /* 본인인증 */ .sasul_btn { margin:15px 0 0 0; } .sasul_btn a { display:inline-block; width:32%; padding:5px 0; border:1px solid #7ea1d2; text-align:center; } .sasul_btn a:hover { border:1px solid #484e62; } @media screen and (max-width:768px) { .sasul_btn a { display:inline-block; width:100%; padding:5px 0; } } /* 비공개 대상정보 세부기준 다운로드 버튼 */ .relative_box { position:relative; } .begong_btn { position:absolute; right:0; margin-top:-33px; } @media screen and (max-width:768px) { .begong_btn { position:relative; left:0; margin-top:0px; margin-top:10px; } } /*공공누리*/ .step_btn {border-radius:100px; width:40px;height:40px; line-height:40px; display:inline-block;;background-color:#c00000; color:#fff ; text-align:center; font-weight:bold; font-size:18px} .kogl_open {text-align:center; margin-top:20px; } .kogl_open li {width:33.3%; float:left} .kogl_open li strong{display:block;background-color:#31b39f;padding:5px; border-radius:3px; width:95%;} .kogl_open li a{display:block;background-color:#00539f;padding:5px; border-radius:3px; width:95%;margin:15px 0; color:#fff; font-weight:bold} .kogl_open li p{display:block; margin:15px 0;width:100%;} .kogl_open::after {display:block; content:''; clear:both;} .kogl_open_2 {text-align:center; margin-top:20px; } .kogl_open_2 li {width:50%; float:left} .kogl_open_2 li a{display:block;background-color:#0d7bba;padding:5px; border-radius:3px; width:95%;margin:15px 0; color:#fff; font-weight:bold} .kogl_open_2::after {display:block; content:''; clear:both;} @media screen and (max-width:767px) { .kogl_open li {width:100%;} .kogl_open_2 li {width:100%;} } .kogl_green {display:block; background-color:#03b295; padding:5px;color:#fff;font-weight:bold} .kogl_silver {display:block; background-color:#8e8d92; padding:5px;color:#fff;font-weight:bold} .kogl_gold {display:block; background-color:#9a8244; padding:5px;color:#fff;font-weight:bold} .kogl_black {display:block; background-color:#251a06; padding:5px;color:#fff;font-weight:bold} /* 연명의료결정제도 */ .care_list {margin-top:25px;} .care_list ul {} .care_list ul::after {display:block; content:''; clear:both;} .care_list ul li {position: relative;float:left;width:12.5%;height:50px;padding-top:80px;text-align:center;background-repeat:no-repeat; background-position:center 0;background-size:70px;} .care_list ul li:nth-child(1) {background-image:url(/images/react/policy/care_list_img1.png);} .care_list ul li:nth-child(2) {background-image:url(/images/react/policy/care_list_img2.png);} .care_list ul li:nth-child(3) {background-image:url(/images/react/policy/care_list_img3.png);} .care_list ul li:nth-child(4) {background-image:url(/images/react/policy/care_list_img4.png);} .care_list ul li:nth-child(5) {background-image:url(/images/react/policy/care_list_img5.png);} .care_list ul li:nth-child(6) {background-image:url(/images/react/policy/care_list_img6.png);} .care_list ul li:nth-child(7) {background-image:url(/images/react/policy/care_list_img7.png);} .care_list ul li:nth-child(8) {background-image:url(/images/react/policy/care_list_img8.png);} .care_list p {padding:10px 15px;border: 1px solid #ddd;border-radius: 3px;} @media screen and (max-width:768px) { .care_list ul li {float:none;width:100%;} } .care_step {overflow: hidden;margin-top:10px;} .care_step > ul {} .care_step > ul > li {margin-bottom:20px;padding-left: 10px;} .care_step > ul > li > dl {position: relative;border-radius: 7px;padding:65px 170px 15px 15px;} .care_step > ul > li > dl::after {display:block; content:"";position: absolute;top: 45px; left: -8px; width: 11px;height: 10px;transform: rotate(45deg);z-index: -2;} .care_step > ul > li > dl > dt {position: absolute;top:10px;left:-10px;font-size: 16px;font-weight: 600;color:#fff;padding: 6px 20px 10px 15px;} .care_step > ul > li > dl > dt > span {display: inline-block;margin-right: 10px;} .care_step > ul > li > dl > dt > span > i {position: relative;display: inline-block;width: 20px;height:20px;font-style: normal;color: #fff;margin-right:2px;} .care_step > ul > li > dl > dt > span > i::after {display:block; content:"1";position: absolute;top:5px;left:0;width:20px;height:20px;text-align:center;font-size:14px;line-height:17px;border-radius: 50%;background:#ddd;z-index:0; } .care_step > ul > li > dl > dd {position: relative;padding:0 0 8px 70px;} .care_step > ul > li > dl > dd > span {position: absolute;top:0;left:0;display: inline-block;font-weight: bold;} .care_step > ul > li:nth-child(1) > dl {border:2px solid #007f38;} .care_step > ul > li:nth-child(1) > dl::after {background: #235a13;} .care_step > ul > li:nth-child(1) > dl > dt {background: #89b57d;} .care_step > ul > li:nth-child(1) > dl > dt > span {color: #235a13;} .care_step > ul > li:nth-child(1) > dl > dt > span > i::after {content:"1";background:#235a13 } .care_step > ul > li:nth-child(1) > dl > dd > span {color:#007f38;} .care_step > ul > li:nth-child(2) > dl {border:2px solid #38a2b3} .care_step > ul > li:nth-child(2) > dl::after {background: #0e505a;} .care_step > ul > li:nth-child(2) > dl > dt {background: #57b4c3;} .care_step > ul > li:nth-child(2) > dl > dt > span {color: #0e505a;} .care_step > ul > li:nth-child(2) > dl > dt > span > i::after {content:"2";background:#0e505a } .care_step > ul > li:nth-child(2) > dl > dd > span {color:#38a2b3;} .care_step > ul > li:nth-child(3) > dl {border:2px solid #7956a1;} .care_step > ul > li:nth-child(3) > dl::after {background: #3d1967;} .care_step > ul > li:nth-child(3) > dl > dt {background: #b69ad6;} .care_step > ul > li:nth-child(3) > dl > dt > span {color: #3d1967;} .care_step > ul > li:nth-child(3) > dl > dt > span > i::after {content:"3";background:#3d1967 } @media screen and (max-width:768px) { .care_step > ul > li > dl {padding: 65px 15px 120px 15px;} } .care_wr {margin-top:20px;border: 1px solid #ddd; border-radius: 7px;padding-top:20px;padding-bottom:20px;text-indent: 0;overflow: hidden;} .care_wr > p {font-size: 16px;font-weight: 600;margin-bottom:30px;text-align: center;} .care_wr > ul {margin-left:-50px;} .care_wr > ul::after {display:block; content:''; clear:both;} .care_wr > ul > li {float:left;width:33.333%;text-indent: 0;padding:0;} .care_wr > ul > li > div {position: relative;text-align:center;font-size:14px;padding-top:90px;margin-left:50px;} .care_wr > ul > li > div::before {display:block; content:"";position: absolute;top:34px;left:-20px;width:10px;height:2px;margin-left:-5px;transform: rotate(45deg);background:#9e9e9e; } .care_wr > ul > li > div::after {display:block; content:"";position: absolute;top:40px;left:-20px;width:10px;height:2px;margin-left:-5px;transform: rotate(-45deg);background:#9e9e9e; } .care_wr > ul > li > div > span {display:block;font-weight: 600;font-size:16px;margin-bottom:10px;} .care_wr > ul > li > div > ul > li {position: relative;padding:2px 0 8px 0;} .care_wr > ul > li > div > ul > li::after {display:block; content:"";position: absolute;top:0;left:50%;width:10px;height:2px;margin-left:-5px;background:#609b39; } .care_wr > ul > li:nth-child(1) > div {background:url(/images/react/policy/care_wr_img1.png) no-repeat center 0;} .care_wr > ul > li:nth-child(2) > div {background:url(/images/react/policy/care_wr_img2.png) no-repeat center 0;} .care_wr > ul > li:nth-child(3) > div {background:url(/images/react/policy/care_wr_img3.png) no-repeat center 0;} @media screen and (max-width:768px) { .care_wr > ul {margin-left:0;margin-bottom:-50px;} .care_wr > ul > li {float: none;width: 100%;} .care_wr > ul > li > div {margin-left:0;margin-bottom:50px;} .care_wr > ul > li > div::before {top:auto;bottom:-25px;left:50%;margin-left:-8px;} .care_wr > ul > li > div::after {top:auto;bottom:-25px;left:50%;margin-left:-2px;} } /*보육체계 개편안내*/ .seo_list {margin-top:20px;} .seo_list li { position:relative; border-bottom:#CCC dotted 1px; padding:5px 0px 5px 15px;display:block;} .seo_list li::after {display:block;content:"";clear:both;position:absolute; top:15px; left:0; width:5px; height:5px; background:#999} .seo_list li span{display:inline-block; width:85%} .seo_list li a { display:inline-block; border-radius:3px; background:#999; color:#fff; font-size:13px; width:100px; height:25px;text-align:center;} @media screen and (max-width:768px) { .seo_list li span{display:inline-block; width:78%} } /*규제요청*/ /*레이어팝업*/ .control_lay { position:relative;width:450px;padding-bottom:20px; position:absolute;z-index:100; left:40% ;display:none} @media screen and (max-width:768px) { .control_lay {width:80%; left:30px; } }