a:link { color:#636363; text-decoration:none; } a:visited { color:#636363; text-decoration:none; } a:hover { color:#0030ae; text-decoration:underline; } a:active { color:#0030ae; text-decoration:underline; } /* 본문바로가기 */ .accessibility {overflow:hidden;position:relative;z-index:1000;width:100%;} .accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center} .accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;} #contents input[type="text"], #contents input[type="password"], #contents input[type="date"], #contents input[type="time"], #contents select{ height: 30px; padding:2px 8px; border: 1px solid #dfdfdf;} #contents textarea {padding:2px 8px; border: 1px solid #dfdfdf;} #contents input[type=radio] + label {margin:0 10px 0 3px; vertical-align:middle} #contents .h0 { clear: left; font-family:"Pretendard"; margin: 0; padding: 0; background: transparent; color :#636363;font-size: 1em; font-weight:600; letter-spacing:0;} #contents h3 span, #contents h4 span, #contents h5 span, #contents h6 span, #contents .h3 span, #contents .h4 span, #contents .h5 span, #contents .h6 span{color:#777;font-size:0.85em;font-weight:normal;} #contents h3 + h4 {margin-top:0px !important} /* 목록(List) */ #contents .bu.list_2 {font-size:0px} #contents .bu.list_2 li { display:inline-block;width:50%; box-sizing:border-box; font-size:16px; vertical-align:top} #contents .bu{margin:10px 10px; } #contents .bu li {position:relative;margin:0;padding:3px 0 3px 15px; color:#222; line-height:1.4em; word-break:Keep-all; list-style:none} #contents .bu > li:before{display:inline-block;position:absolute; left:3px; top:10px; content:''; width:7px; height:3px; border-radius:5px; background:#0088c1} #contents .box .bu > li:before {background:#424242;} #contents .bu li .num {margin:0px} #contents .bu li .num li{position:relative; padding:0px 0 5px 25px;} #contents .bu li li { padding-left:15px;color:#363636; font-size:14px;} #contents .bu li li li {color:#696969;} #contents .bu > li > .bu > li:before{top:10px;left:5px;width:4px;height:4px; border-radius:5px; background:#7b7b7b;} #contents .bu > li > .bu > li .bu > li:before{top:10px;left:5px;width:2px;height:2px;background:#545454;} #contents .bu ul,.bu ol{margin:0;padding:8px 0 2px 0;} #contents img {max-width:100%} @media all and (max-width:1000px) { #contents h3, #contents .h3 {margin:30px 0 10px 0; padding:6px 0 5px 0px; font-size:22px; } #contents h4, #contents .h4 {margin: 20px 0 10px 0; padding:3px 0 3px 28px; color: #333; font-size:17px; } #contents h5, #contents .h5 {margin:15px 0 0 0; color: #444; font-size: 16px; } } @media all and (max-width:640px) { #contents h3, #contents .h3 {margin:25px 0 10px 0; padding:6px 0 5px 0px; font-size:20px; } } #contents .bu.type2 > li {} #contents .bu.type2 > li:before{ top:8px;width:3px; height:3px; background:#7d8791} #contents .bu.list_3 {font-size:0px} #contents .bu.list_3 li { display:inline-block;width:33.33%; font-size:16px; vertical-align:top;} @media all and (max-width:1320px) { .bu.list_3 li {width:50%} } @media all and (max-width:800px) { } @media all and (max-width:480px) { .bu.list_3 li {width:100%} } .gray_li li {color:#606060 !important} /* 호국원이랑 민주묘지쪽 숫자박스만 있는경우 */ .box .box_wrap .num:first-child, .box .box_wrap .bu:first-child { margin-top:0px !important;padding:0px !important} .box .box_wrap .num, .box .box_wrap .bu {margin-left:0px !important} #contents .btn_bd_box {position:relative; width:100%; display:Inline-block; vertical-align:top; border:1px solid #dbe0e4; border-radius:5px; padding:14px 20px} #contents .btn_bd_box .btn_bd_box_wrap {width:100%; display:Inline-block; vertical-align:top; padding:0 0 0 22px; background:url('../images/template/dot_line_2.gif') repeat-x left center; } #contents .btn_bd_box .btn_bd_box_wrap > .icon {position:absolute; left:15px; top:12px; width:28px; height:28px; display:inline-block; vertical-align:top;} #contents .btn_bd_box .computer_icon {background:url('../images/template/computer_icon.png') no-repeat center center #fff} #contents .btn_bd_box .down_text {display:inline-block; vertical-align:top; background:#fff; padding:5px 10px} #contents .btn_bd_box .down_btn {position:relative; float:right; padding:0 25px; line-height:32px; font-size:14px; border-radius:5px} #contents .btn_bd_box .down_btn:before {position:absolute; top:0px; left:-10px; background:#fff; display:block; content:""; width:10px; height:100%; } #contents .btn_bd_box .down_btn.blue_btn {background:#006fd7; color:#fff} #contents .btn_bd_box .down_btn .icon {width:20px; height:20px; display:inline-block; vertical-align:top; margin:5px 0 0 5px} #contents .btn_bd_box .down_btn .down_icon {background:url('../images/template/down_icon_wh.png') no-repeat center center;} #contents .btn_bd_box .down_btn .link_icon {background:url('../images/template/blank_icon_wh.gif') no-repeat center center;} #contents .zoom_img {} #contents .zoom_img img {max-width:100%} #contents .zoom_img a {display:none} #contents .gray_box .warning {padding:0 0 0 22px;} #contents .gray_box .warning:before {top:0px} #contents .warning {position:relative; padding:8px 0 8px 22px; color:#cd1c1c; } #contents .warning:before {position:absolute; top:8px; left:0px; width:18px; height:20px; display:block; content:""; background:url(/resource/kcmf/common/images/template/wraning_bg.png) no-repeat center center; background-size:18px auto;} #contents .warning.blue {color:#0063ab; } #contents .warning.blue:before { background:url(/resource/kcmf/common/images/template/wraning_bg_blue.png) no-repeat center center; background-size:18px auto;} #contents .info_tx {position:relative; padding:5px 0 5px 22px; color:#cd1c1c; } #contents .info_tx:before {position:absolute; top:4px; left:0px; width:18px; height:20px; display:block; content:""; background:url(/resource/kcmf/common/images/template/info_bg.png) no-repeat center center; background-size:20px auto;} #contents .info_tx.blue {color:#0063ab; } #contents .info_tx.blue:before { background:url(/resource/kcmf/common/images/template/info_blue_bg.png) no-repeat center center; background-size:20px auto;} #contents .info_tx_list {} #contents .info_tx_list > li {position:relative; padding:4px 0 3px 22px; color:#cd1c1c; } #contents .info_tx_list > li:before {position:absolute; top:3px; left:0px; width:18px; height:20px; display:block; content:""; background:url(/resource/kcmf/common/images/template/info_bg.png) no-repeat center center; background-size:20px auto;} #contents .info_tx_list.blue > li {color:#0063ab; } #contents .info_tx_list.blue > li:before { background:url(/resource/kcmf/common/images/template/info_blue_bg.png) no-repeat center center; background-size:20px auto;} #contents .info_tx_list > li ul.bu li {color:#333} #contents .blt { margin: 0; padding: 2px 0 3px 12px; background: url(/resource/kcmf/common/images/template/bu_li.png) no-repeat 0 9px;} #contents .num{margin:5px 10px; } #contents .num .num {margin:5px 0} #contents .num li{position:relative; padding:3px 0 3px 25px;} #contents .num ul li:before{display:inline-block;position:absolute;content:'';} #contents .num li .item{display:inline-block; overflow:hidden;position:absolute;top:6px;left:0;z-index:11; width:18px;height:18px; border:1px solid #818594;border-radius:50%; box-sizing:border-box; background:#fff;color:#808495;font-size:11px;line-height:18px;text-align:center} #contents .num > li{counter-increment:number;} #contents .num > li:before{display:inline-block; overflow:hidden;position:absolute;top:3px;left:0;z-index:11;width:18px;height:18px; border:1px solid #818594;border-radius:50%; box-sizing:border-box; background:#fff;color:#808495;font-size:11px;line-height:18px;text-align:center; content:counter(number,decimal)} #contents .num.type2 > li:before{border:1px solid #027edd; background:#027edd;color:#fff;} #contents .num > li > .num > li:before, #contents .num > li > .num > li .item { display: block; position: absolute; left: 0; width: 18px; height: 18px; border: none; background-color: #eceef2; color: #3e4363; font-size: 11px; font-weight: bold; line-height:18px; content:counter(number,decimal);} #contents .num ul li:before { content:"";} #contents .num { overflow: hidden; position: relative; counter-reset: number;} #contents .num li li{margin:0; padding-left: 15px; color:#363636;} #contents .num li .num li {padding-left:20px} #contents .num li li li {color:#696969;} #contents .num li .bu li:before{top:10px;left:5px;width:5px;height:2px;background:#0088c1;} #contents .num li .bu li .bu li:before{top:10px;left:5px;width:2px;height:2px;background:#888888;} #contents .num ul,.num ol{margin:0;padding:4px 0 4px 0;} #contents .fl_num li {margin:0 20px 0 0} #contents .list_2.list_box_bold {width:100%; display:inline-block; font-size:0px} #contents .list_2.list_box_bold li {width:50%; display:inline-block; font-size:17px; padding:2px 0; } #contents p.num{ position:relative;margin:5px 0 5px 25px; padding: 0 5px 0 35px;} #contents p.num .item {display:inline-block;overflow:hidden;position:absolute;top:0;left:0;z-index:11;width:25px;height:25px;border-radius:50%;background-color:#41516b;color:#fff;font-size:16px;line-height:26px;text-align:center;} #contents .flow {display:flex; width:100%; flex-wrap:wrap; justify-content: space-between; } #contents .flow.list_2 li {width:calc(50% - 16px);} #contents .flow.list_3 li {width:calc(33.33% - 16px);} #contents .flow.list_4 li {width:calc(25% - 16px);} #contents .flow.list_5 li {width:calc(20% - 16px);} #contents .flow li {position:Relative; border:2px solid #ccdae5; text-align:center; border-radius:10px; padding:30px 10px; background:#fff;} #contents .flow li:before {width:37px; height:37px; border-radius:50%; display:block; content:""; position:absolute; top:50%; left:-31px; background-image:url('../images/template/flow_arrow.png'); background-repeat:no-repeat; background-position:center center; transform: translate(0px, -50%);} #contents .blue_flow li:before {background-color:#1c86ea} #contents .flow li:first-child {margin:0px} #contents .flow li:first-child:before {display:none;} #contents .flow li .num_text {font-size:18px; font-weight:bold; display:block} #contents .flow li .flow_text {font-size:16px; margin-top:10px; word-break:keep-all;} #contents .m_block {display:none} .waring_bu li {padding:0px} /* 테이블 서식 */ #contents .table_unit{margin-top:-23px;font-size:0.9em;text-align:right} #contents .table{position:relative; width:100%;margin:5px 0 10px; border-collapse: separate; border-top:3px solid #0063ab} #contents .table:before {position:absolute; left:0px; top:2px; width:1px; height:100%; background:#fff; display:block; content:"";} #contents .table thead tr th{border-bottom:1px solid #ececec; border-left:1px solid #ececec; background:#f4f5f9; color:#000; padding:12px 0; font-weight:bold} #contents .table th, #contents table.table td{padding:10px ; height:50px; border-bottom:1px solid #ececec;vertical-align: middle} #contents .table thead th{color:#333; font-weight:normal; background:#f4f4f4; text-align:center;} #contents .table tfoot th, #contents table.table tfoot td{font-weight:normal; background-color:#fafafa;} #contents .table tbody th{font-weight:bold; color:#333; background:#fafafa;} #contents .table td {border-left:1px solid #ececec} #contents .table td img{vertical-align:middle} #contents .must {color:#e53e3e; margin:0 0 0 3px} #contents .table.type2 tbody tr:first-child th, #contents .table.type2 tbody tr:first-child td{border-top: 2px solid #4688d6;border-bottom:1px solid #aaa} #contents .table.type2 th, #contents .table.type2 td{padding:6px 6px 4px;border:1px solid #c8c8c8;} #contents .table.type2 tbody th{color:#333; font-weight:normal;background-color:#fafafa;} /* 버튼 / 링크 / */ #contents a.blank {display:inline-block;margin:0 2px; border-bottom:1px dotted #666;white-space: nowrap; } #contents a.blank i{display:inline-block;width:22px;height:22px;margin:0 1px;background:transparent url(/resource/kcmf/common/images/template/template.png) no-repeat 3px 3px;vertical-align: middle} #contents a.download{display:inline-block;margin:0 2px;border-bottom:1px dotted #666;color: #222; white-space: nowrap; } #contents a.download i{display:inline-block;width:22px;line-height:22px;margin:0 1px;background:transparent url(/resource/kcmf/common/images/template/template.png) no-repeat -76px -38px;vertical-align: middle} #contents .btn.sm_btn, #contents .state_sp.sm_state { line-height: 28px; font-size:14px; padding:0px 13px;} #contents .btn {cursor: pointer; } #contents .btn, #contents .state_sp {display:inline-block;margin:0 1px;padding:0 25px; border-radius:4px; border:1px solid #2e2e2e;background:#2e2e2e;color:#fff;line-height:36px;text-decoration: none;vertical-align: top; transition: all 0.25s ease 0s;} #contents .btn i{display:inline-block;vertical-align: middle;} #contents .btn i.fa {vertical-align:top;} #contents .btn.type2, #contents .state_sp.type2{border:1px solid #2477c0;border-radius:4px;background:#2e84d1;color:#fff;} #contents .btn.type2:hover{color:#fff; background-color:#1e6bb0; border-color:#1e6bb0;} #contents .btn.type3, #contents .state_sp.type3{border:1px solid #7daf18;border-radius:4px;background:#8bbe23;color:#fff;} #contents .btn.type3:hover{color:#fff; background-color:#799f2c; border-color:#799f2c;} #contents .btn.type4, #contents .state_sp.type4{border:1px solid #e53e3e;border-radius:4px;background:#e53e3e;color:#fff;} #contents .btn.type5, #contents .state_sp.type5{border:1px solid #3e3e3e;border-radius:4px;background:#3e3e3e;color:#fff;} #contents .btn.type5:hover{color:#fff; background-color:#111; border-color:#111;} #contents .cate_tab {position:relative; width:100%; display:inline-block; margin:15px 0 10px; vertical-align:top; padding-left:1px} #contents .cate_tab:before {position:absolute; width:100%; height:1px; display:block; content:""; left:0px; bottom:0px; background:#ccc;} #contents .cate_tab a {position:relative; border:1px solid #ccc; border-bottom:0px; border-radius:0; padding:10px 35px; float:left; margin-left:-1px;} #contents .cate_tab a.on {background:#0063ab; color:#fff; border-bottom:1px solid #0063ab; border-color:#0063ab; z-index:2} #contents .cate_tab a:first-child {border-radius:5px 0 0 0;} #contents .cate_tab a:last-child {border-radius:0 5px 0 0;} #contents .btn.def_btn {background:#fff; border:1px solid #ccc; color:#333;} #contents .btn.def_btn:hover {background:#333; border:1px solid #333; color:#fff;} #contents .btn.type3 i{} #contents .btn.download{border:1px solid #2e2e2e;background:#2e2e2e;color:#fff; padding:0 20px} #contents .btn.download i{width:16px;height:16px;margin-left:8px;background:transparent url(/resource/kcmf/common/images/template/download_wh.svg) no-repeat center center; vertical-align: middle } #contents .btn.download.type2{background-color: #1e6bb0; border-radius:4px; border-color: #1e6bb0; color:#fff;} #contents .btn.download.type3{background-color: #7daf18; border-radius:4px; border-color: #7daf18; color:#fff;} #contents .btn.download.type4{background-color: #e53e3e; border-radius:4px; border-color: #e53e3e; color:#fff;} #contents .btn.download.type2 i{} #contents .btn.link{border:1px solid #ed9f35;background:#f7a93f;color:#fff;} #contents .btn.link i{width:12px;height:12px;margin-left:8px;background:transparent url(/resource/kcmf/common/images/template/template.png) no-repeat -40px 0;} #contents .btn.link.type2{border:1px solid #ec542c;border-radius:4px;background:#fa6239;color:#fff;} /* 선, 박스 */ #contents .line { display: block; margin:10px 0; border-bottom : 1px solid #ccc; } #contents .dot{ display: block; margin:10px 0; border-bottom : 1px dotted #ccc; } #contents .dash{display: block; margin:10px 0; border-bottom : 1px dashed #ccc; } #contents .box{border:solid 1px #dbe0e4; background:#f4f5f9; padding:20px 30px; width:100%; display:inline-block; vertical-align:top; border-radius:5px} #contents .box .box_wrap{ line-height:1.35em} #contents .box.cont_box {padding:13px 25px} #contents .box.type2{border:solid 1px #e2e2e2; background:none} #contents .box.type2 .box_wrap{ border:none;background:transparent;} #contents .gray_box {padding:15px 25px; background:#f4f5f7; border-radius:8px; width:100%; display:inline-block; vertical-align:top; } #contents .wh_box {padding:15px 25px; border:1px solid #eee; border-radius:8px; width:100%; display:inline-block; vertical-align:top; } #contents .nobg{background: none} /* 강조 글자 */ #contents .small { font-size: 0.92em;} #contents .large { font-size: 1.167em; letter-spacing: -1px; } #contents .underline {padding-bottom:1px;border-bottom:1px solid #888} #contents .em_blue {color:#0e64a7 !important;} #contents .em_orange {color:#e64a20 !important;} #contents .em_red {color:#de2500 !important;} #contents .em_green {color:#398308 !important;} #contents .em_green2 {color:#19ae86 !important;} #contents .em_purple {color:#8a56af !important;} #contents .em_point{color:#185194 !important;} #contents .em_gray {color:#484848 !important;} #contents .em_gold {color:#87600e !important;} #contents .em_b_blue {color:#0e64a7 !important; font-weight:bold;} #contents .em_b_orange {color:#e64a20 !important; font-weight:bold;} #contents .em_b_red {color:#de2500 !important; font-weight:bold;} #contents .em_b_green {color:#398308 !important; font-weight:bold;} #contents .em_b_purple {color:#8a56af !important; font-weight:bold;} #contents .em_b_point{color:#185194 !important; font-weight:bold;} #contents .em_b_green2 {color:#19ae86 !important; font-weight:bold;} #contents .em_b_gold {color:#87600e !important; font-weight:bold;} /* 텍스트 정렬 */ #contents .text_center {text-align:center;} #contents .text_right {text-align:right;} #contents .text_left {text-align:left;} #contents .vt_top{vertical-align:top} #contents .vt_mid{vertical-align:middle} #contents .vt_bot{vertical-align:bottom} /* 들여쓰기 */ #contents .indent {margin:10px 0 0 10px;} #contents div.indent p {margin:10px 0;} #contents .indent10 { margin-left: 10px; } #contents .indent20 { margin-left: 20px; } #contents .indent30 { margin-left: 30px; } #contents .indent40 { margin-left: 40px; } #contents .indent50 { margin-left: 50px; } /* margin */ #contents .margin_0{margin:0 !important;} #contents .margin_10{margin:10px !important;} #contents .margin_20{margin:20px !important;} #contents .margin_30{margin:30px !important;} #contents .mt_0{margin-top:0 !important;} #contents .mt_5{margin-top:5px !important;} #contents .mt_10{margin-top:10px !important;} #contents .mt_15{margin-top:15px !important;} #contents .mt_20{margin-top:20px !important;} #contents .mt_25{margin-top:25px !important;} #contents .mt_30{margin-top:30px !important;} #contents .mt_35{margin-top:35px !important;} #contents .mt_40{margin-top:40px !important;} #contents .mt_45{margin-top:45px !important;} #contents .mt_50{margin-top:50px !important;} #contents .mr_0{margin-right:0 !important;} #contents .mr_5{margin-right:5px !important;} #contents .mr_10{margin-right:10px !important;} #contents .mr_15{margin-right:15px !important;} #contents .mr_20{margin-right:20px !important;} #contents .mr_25{margin-right:25px !important;} #contents .mr_30{margin-right:30px !important;} #contents .mr_35{margin-right:35px !important;} #contents .mr_40{margin-right:40px !important;} #contents .mr_45{margin-right:45px !important;} #contents .mr_50{margin-right:50px !important;} #contents .mb_0{margin-bottom:0 !important;} #contents .mb_5{margin-bottom:5px !important;} #contents .mb_10{margin-bottom:10px !important;} #contents .mb_15{margin-bottom:15px !important;} #contents .mb_20{margin-bottom:20px !important;} #contents .mb_25{margin-bottom:25px !important;} #contents .mb_30{margin-bottom:30px !important;} #contents .mb_35{margin-bottom:35px !important;} #contents .mb_40{margin-bottom:40px !important;} #contents .mb_45{margin-bottom:45px !important;} #contents .mb_50{margin-bottom:50px !important;} #contents .ml_0{margin-left:0 !important;} #contents .ml_5{margin-left:5px !important;} #contents .ml_10{margin-left:10px !important;} #contents .ml_15{margin-left:15px !important;} #contents .ml_20{margin-left:20px !important;} #contents .ml_25{margin-left:25px !important;} #contents .ml_30{margin-left:30px !important;} #contents .ml_35{margin-left:35px !important;} #contents .ml_40{margin-left:40px !important;} #contents .ml_45{margin-left:45px !important;} #contents .ml_50{margin-left:50px !important;} /* padding */ #contents .padding_0{padding:0 !important;} #contents .padding_10{padding:10px !important;} #contents .padding_20{padding:20px !important;} #contents .padding_30{padding:30px !important;} #contents .pt_0{padding-top:0 !important;} #contents .pt_5{padding-top:5px !important;} #contents .pt_10{padding-top:10px !important;} #contents .pt_15{padding-top:15px !important;} #contents .pt_20{padding-top:20px !important;} #contents .pt_25{padding-top:25px !important;} #contents .pt_30{padding-top:30px !important;} #contents .pt_35{padding-top:35px !important;} #contents .pt_40{padding-top:40px !important;} #contents .pt_45{padding-top:45px !important;} #contents .pt_50{padding-top:50px !important;} #contents .pr_0{padding-right:0 !important;} #contents .pr_5{padding-right:5px !important;} #contents .pr_10{padding-right:10px !important;} #contents .pr_15{padding-right:15px !important;} #contents .pr_20{padding-right:20px !important;} #contents .pr_25{padding-right:25px !important;} #contents .pr_30{padding-right:30px !important;} #contents .pr_35{padding-right:35px !important;} #contents .pr_40{padding-right:40px !important;} #contents .pr_45{padding-right:45px !important;} #contents .pr_50{padding-right:50px !important;} #contents .pb_0{padding-bottom:0 !important;} #contents .pb_5{padding-bottom:5px !important;} #contents .pb_10{padding-bottom:10px !important;} #contents .pb_15{padding-bottom:15px !important;} #contents .pb_20{padding-bottom:20px !important;} #contents .pb_25{padding-bottom:25px !important;} #contents .pb_30{padding-bottom:30px !important;} #contents .pb_35{padding-bottom:35px !important;} #contents .pb_40{padding-bottom:40px !important;} #contents .pb_45{padding-bottom:45px !important;} #contents .pb_50{padding-bottom:50px !important;} #contents .pl_0{padding-left:0 !important;} #contents .pl_5{padding-left:5px !important;} #contents .pl_10{padding-left:10px !important;} #contents .pl_15{padding-left:15px !important;} #contents .pl_20{padding-left:20px !important;} #contents .pl_25{padding-left:25px !important;} #contents .pl_30{padding-left:30px !important;} #contents .pl_35{padding-left:35px !important;} #contents .pl_40{padding-left:40px !important;} #contents .pl_45{padding-left:45px !important;} #contents .pl_50{padding-left:50px !important;} /* width */ #contents .w5p{width:5% !important;} #contents .w10p{width:10% !important;} #contents .w15p{width:15% !important;} #contents .w20p{width:20% !important;} #contents .w25p{width:25% !important;} #contents .w30p{width:30% !important;} #contents .w35p{width:35% !important;} #contents .w40p{width:40% !important;} #contents .w45p{width:45% !important;} #contents .w50p{width:50% !important;} #contents .w55p{width:55% !important;} #contents .w60p{width:60% !important;} #contents .w65p{width:65% !important;} #contents .w70p{width:70% !important;} #contents .w75p{width:75% !important;} #contents .w80p{width:80% !important;} #contents .w85p{width:85% !important;} #contents .w90p{width:90% !important;} #contents .w95p{width:95% !important;} #contents .w100p{width:100% !important;} #contents .icon_box {position:relative; width:100%; display:inline-block; vertical-align:top; border-top:2px solid #3a62c9; margin:0 0 30px 0 } #contents .icon_box:before {position:absolute; top:-2px; left:0px; width:138px; height:87px; display:inline-block; content:""; background:url('../images/template/icon_box_left_top.jpg') no-repeat center center;} #contents .icon_box:after {position:absolute; top:-2px; right:0px; width:25px; height:87px; display:inline-block; content:""; background:url('../images/template/icon_box_right_top.jpg') no-repeat center center;} #contents .icon_box .box_wrap {position:relative; width:100%; padding:40px 40px 40px 200px; background:url('../images/template/icon_box_line.gif') repeat-x bottom center; min-height:170px; display:inline-block; vertical-align:top;} #contents .icon_box .box_wrap:before {position:absolute; bottom:0px; left:0px; width:18px; height:16px; display:inline-block; content:""; background:url('../images/template/icon_box_left_bot.gif') no-repeat center center;} #contents .icon_box .box_wrap:after {position:absolute; bottom:0px; right:0px; width:18px; height:16px; display:inline-block; content:""; background:url('../images/template/icon_box_right_bot.gif') no-repeat center center;} #contents .icon_box .box_wrap .icon {position:absolute; left:50px; top:32px; width:105px; height:105px; background-color:#fff; background-position:center center; background-repeat:no-repeat; border-radius:50%; display:inline-block; filter: drop-shadow(0px 5px 16px #ced3e8); } #contents .icon_box .box_wrap h3.h0 {color:#000; font-size:25px; line-height:1.25em; margin-bottom:12px;} #contents .icon_box .box_wrap .text {font-size:16px; word-break:keep-all; line-height:1.35em} #contents .cont_img_box {position:relative; border:1px solid #ececec; padding:20px 15px;} #contents .cont_img_box:before {position:absolute; bottom:-1px; left:-1px; width:18px; height:16px; display:inline-block; content:""; background:url('../images/template/icon_box_left_bot.gif') no-repeat center center;} #contents .cont_img_box:after {position:absolute; bottom:-1px; right:-1px; width:18px; height:16px; display:inline-block; content:""; background:url('../images/template/icon_box_right_bot.gif') no-repeat center center;} #contents .cont_img_box.list_3 ul li {width:calc(33.33% - 10px);} #contents .cont_img_box.list_4 ul li {width:calc(25% - 10px);} #contents .cont_img_box.list_5 ul li {width:calc(20% - 10px);} #contents .cont_img_box ul {width:100%; display:inline-block; vertical-align:top;} #contents .cont_img_box ul li { margin:0 5px; float:left} #contents .cont_img_box ul li img {width:100%; vertical-align:top;} #contents .floatRight {float:right} #contents .floatleft {float:left} #contents .cont_bd_box {} #contents .cont_bd_box.list_2 > ul > li {width:calc(50% - 10px); } #contents .cont_bd_box.list_3 > ul > li {width:calc(33.33% - 10px); } #contents .cont_bd_box.list_4 > ul > li {width:calc(25% - 20px); margin:0 10px;} #contents .cont_bd_box.list_5 > ul > li {width:calc(20% - 10px); margin:0 5px;} #contents .cont_bd_box > ul {width:100%; display: flex; justify-content: space-between; flex-wrap: nowrap; vertical-align:top;} #contents .cont_bd_box > ul > li { display: flex; flex-direction: column; border:1px solid #dbe0e4; border-radius:8px; overflow:hidden;} #contents .cont_bd_box > ul > li .title_box { width:100%; display:inline-block; font-size:16px; color:#000; font-weight:bold; padding:15px; word-break:keep-all; text-align:center; border-bottom:0px; border-radius:10px 10px 0 0} #contents .cont_bd_box > ul > li .title_box.bd_line {border-bottom:1px solid #dbe0e4} #contents .cont_bd_box > ul > li .img_box {} #contents .cont_bd_box > ul > li .text_box {padding:20px 15px; display:inline-block; width:100%; vertical-align:top; } #contents .cont_bd_box > ul > li .img_box.full img {max-width:100%; vertical-align:top; border-radius:8px; width: 100%; } #contents .cont_bd_box > ul img {max-width:100%} @media screen and (max-width:1000px) { #contents .icon_box {border-top: 1px solid #3a62c9;} #contents .icon_box .box_wrap {padding: 30px 30px 30px 160px;} #contents .icon_box .box_wrap .icon {transform: scale(0.8); transform-origin: left top; top:28px; left:40px} #contents .icon_box:before {top:-1px; transform: scale(0.5); transform-origin: left top;} #contents .icon_box:after {top:-1px; transform: scale(0.5); transform-origin: right top;} #contents .icon_box .box_wrap h3.h0 {font-size:22px} #contents .icon_box .box_wrap .text {font-size:15px} #contents .cont_bd_box > ul > li .title_box {font-size:15px;} } @media screen and (max-width:640px) { .responsive_table{position:relative;overflow-x:auto;} .responsive_table::-webkit-scrollbar {height:14px;} .responsive_table::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,0.3);} .responsive_table::-webkit-scrollbar-thumb{border-radius:10px;background-color:#333;} #contents .responsive_table table{width:820px;} .responsive_table > i{display:none;position:absolute;right:10px;bottom:10px;width:57px;height:33px;} #contents .btn_bd_box .btn_bd_box_wrap {background:none} #contents .m_responsive_table table {} #contents .m_responsive_table table colgroup {display: none} #contents .m_responsive_table table tbody {display: table-row-group;} #contents .m_responsive_table table thead {display:none} #contents .m_responsive_table table:before {display:none} #contents .m_responsive_table table tr:nth-child(even) {background:#fafafa;} #contents .m_responsive_table table td.data_title::before {position:absolute; top:4px; left:0px; width:70px; text-align:left; content: attr(data-title)""; font-size:13px; padding:3px 5px; color:#333; border-radius:10px; margin:0 10px 0 0; min-width:60px; vertical-align: top; display:inline-block;} #contents .m_responsive_table table td.data_title {padding-left:100px; border-bottom: 1px solid #eee;} #contents .m_responsive_table table td.data_title:last-child {border-bottom:none} #contents .m_responsive_table table td .time_btn_ch_box {display:inline-block;} #contents .m_responsive_table table td.td_num2 {display:none} #contents .m_responsive_table table tr {display: inline-block; width: 100%; border:1px solid #ececec; padding:10px 15px; border-radius:10px; margin:0 0 10px 0 } #contents .m_responsive_table table th br, #contents .m_responsive_table table td br {display:none;} #contents .m_responsive_table tbody th, #contents .m_responsive_table table td {position:relative; border:0px; display: inline-block; width:100%; height:auto; padding:6px 10px;font-size:14px; margin-top:-1px; text-align: left; box-sizing: border-box; overflow: hidden;} #contents .m_responsive_table table td a {color:#333;} #contents .m_responsive_table table td.data_subject {font-weight: bold; color: #333; background: #f4f5f9; padding: 7px 10px !important; border-radius: 5px; font-size: 16px; margin: 0 0 10px 0; letter-spacing: 0px;} #contents .m_responsive_table table td .bo_tit {display:inline-block;} #contents .m_responsive_table table td.btn_td {padding:10px 0;} #contents .m_responsive_table table td.btn_td a, #contents .m_responsive_table table td.btn_td button {width:100%; text-align:center} #content .m_block {display:block} #contents .m_responsive_table .type2 tr {padding:0px;} #contents .m_responsive_table .type2 tbody th {border:1px solid #ececec; height:auto; min-height:auto} #contents .program_view_table > table {} #contents .program_view_table > table colgroup {display: none} #contents .program_view_table > table > tbody {display: table-row-group;} #contents .program_view_table > table > thead {display:none} #contents .program_view_table > table > tbody > tr {display: inline-block; width: 100%; } #contents .program_view_table > table > tbody > tr > th br, #contents .program_view_table > table > tbody > tr > td br {display:none;} #contents .program_view_table > table > tbody > tr > th, #contents .program_view_table > table > tbody > tr > td {position:relative; border:0px; display: inline-block; width:100%; height:auto; padding:8px 12px;font-size:14px; margin-top:-1px; text-align: left; box-sizing: border-box; overflow: hidden;} #contents .program_view_table > table > tbody > tr > th {border:1px solid #ececec; height:auto; min-height:auto} #contents .program_view_table > table > tbody > tr > td .bo_tit {display:inline-block;} #contents .program_view_table > table > tbody > tr > td table {max-width:100%} #contents .zoom_img {display:inline-block;position:relative;width:auto;margin:0 0 20px;padding:0;font-size:0;line-height:0;vertical-align:middle;} #contents .zoom_img a{display:block;position:absolute;right:0;bottom:0;padding:5px 10px;background-color:rgba(0,0,0,0.7);color:#fff !important;font-size:14px;line-height:25px; border-radius:5px;} #contents .flow li {width:100% !important; padding:15px 10px; margin:5px 0 !important; } #contents .flow li:before {width:30px; height:30px; background-size:10px auto; border-radius:50%; top: -20px; left: 50%; background-position:10px center; transform: translate(-50%, 0) rotate(90deg); } #contents .box {padding:15px 20px} #contents .btn, #contents .state_sp {font-size:14px} } @media screen and (max-width:520px) { #contents .icon_box .box_wrap .icon {display:none} #contents .icon_box .box_wrap {padding:25px;} #contents .cont_img_box.list_3 ul li {width:100%; margin:5px 0} #contents .cont_bd_box > ul {width:100%; display:inline-block} #contents .cont_bd_box.list_2 > ul > li {width:100%; margin:5px 0} }