/* 본문제목 */
h3,h4,h5,h6,.h3,.h4,.h5,.h6{position:relative; font-weight: 600;font-weight:400;text-align:left;}
h3,.h3{ margin-top: 40px; margin-bottom: 20px;color: #222;  font-size: 24px; font-weight: 600; line-height: 26px;}
h4,.h4{ margin-top:35px; margin-bottom: 15px;color:#3a62bd;  font-size:22px;line-height:24px;}
h5,.h5{margin-top:30px; margin-bottom:15px; padding:5px 0 0px 19px;color:#222;font-size:20px;line-height:22px;}
h6,.h6{margin-top:10px; margin-bottom:5px; padding:5px 0 0px 19px;color:#222;font-size:18px;line-height:20px;}

h5:before,h6:before,.h4:before,.h5:before,.h6:before{display:inline-block;position:absolute;content:'';}
h5:before,.h5:before{top:12px;left:0px;width:7px;height:10px; background:url('../images/template.png') no-repeat -125px -52px;}
h6:before,.h6:before{top:12px;left:0px;width:8px;height:8px; background:url('../images/template.png') no-repeat -173px -53px;}

h3 span { margin:0 0 0 5px;color:#9d9d9d;font-size:18px; font-weight:400;}
h4 span,h5 span,h6 span,.h3 span,.h4 span,.h5 span,.h6 span{color:#9d9d9d;font-size:0.85em;font-weight:400;}
#contents .h3:first-child {margin-top:0px}
h3 + h4 {margin-top:25px}
h4 + h5 {margin-top:20px}

.h0{margin:0;padding:0;color:inherit;font-size:1em;font-weight:400;    letter-spacing: -0.025em;}
h3.skip:before,h4.skip:before,h5.skip:before,h6.skip:before,.h0:before{display:none;}

.map_info_box_list2 h5:first-child {margin-top:0px}

@media all and (max-width:640px) {
    h3,.h3 {margin-top:35px; margin-bottom:15px; font-size:22px}
    h4,.h4{ margin-top:25px;color:#3a62bd;  font-size:20px;line-height:20px;}
    h3 + h4 { margin-top:15px;}
    h4 + h5 {margin-top:15px}
    h5,.h5{margin-top:30px; margin-bottom:15px; padding:5px 0 0px 19px;color:#222;font-size:18px;line-height:18px;}
    h6,.h6{margin-top:10px; margin-bottom:5px; padding:5px 0 0px 19px;color:#222;font-size:17px;line-height:18px;}
}

/* 목록(List) */
.bu.list_2 {font-size:0px}
.bu.list_2 li { display:inline-block;width:50%; box-sizing:border-box; font-size:16px; vertical-align:top}
.bu{margin:5px 0; }
.bu li{position:relative;margin:0;padding:0 0 5px 15px; color:#222; line-height:1.4em; word-break:Keep-all; list-style:none}
.bu li:before{display:inline-block;position:absolute;content:'';}
.bu li .num li{position:relative; padding:0px 0 5px 30px;}
.bu > li:before{top:10px;left:0;width:4px;height:4px;background:url('../images/template.png') no-repeat -151px -54px;}
.bu li li { padding-left:15px;color:#363636;}
.bu li li li {color:#696969;}
.bu > li > .bu > li:before{top:10px;left:5px;width:5px;height:2px;background:#8e99cb;}
.bu > li > .bu > li .bu > li:before{top:10px;left:5px;width:2px;height:2px;background:#545454;}
.bu ul,.bu ol{margin:0;padding:8px 0 2px 0;}


.bu.type2 > li {padding:3px 0 3px 30px}
.bu.type2 > li:before{ top:4px;width:21px; height:21px; border-radius:21px; background:url('../images/template.png') no-repeat -630px -8px #e9edf4}

.bu.list_3 {font-size:0px}
.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:0px;padding:0px}


.blt.type0 {position:relative;margin:0;padding:0 0 2px 15px; color:#222; list-style:none;}
.blt.type0:before {display:inline-block;position:absolute;top:10px;left:0;left:0;width:4px;height:4px;background:url('../images/template.png') no-repeat -173px -53px;content:'';}
.blt{position:relative;margin:0;padding:0 0 2px 35px;}
.blt:before{display:inline-block;position:absolute;top:10px;left:25px;width:5px;height:2px;background:#333;content:'';}

.num{margin:5px 0; padding:5px 0;}
.num li{position:relative; padding:0px 0 3px 30px;}
.num ul li:before{display:inline-block;position:absolute;content:'';}
.num li .item{display:inline-block; overflow:hidden;position:absolute;top:3px;left:0;z-index:11; width:20px;height:20px; border:1px solid #818594;border-radius:50%; box-sizing:border-box; background:#fff;color:#808495;font-size:11px;line-height:18px;text-align:center}
.num > li{counter-increment:number;}
.num > li:before{display:inline-block; overflow:hidden;position:absolute;top:3px;left:0;z-index:11;width:20px;height:20px; 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)}

.num > li > .num li:before,
.num > li > .num li .item { display: block; position: absolute; left: 0; width: 20px; height: 20px; border: none; background-color: #eceef2; color: #3e4363; font-size: 11px; font-weight: bold; line-height:20px;  content:counter(number,decimal);}
.num  { overflow: hidden; position: relative; counter-reset: number;}
.num li li{margin:0; padding-left: 15px; color:#363636;}
.num li .num li {padding-left:30px}
.num li li li {color:#696969;}
.num li .bu li:before{top:10px;left:5px;width:5px;height:2px;background:#8e99cb;}
.num li .bu li .bu  li:before{top:10px;left:5px;width:2px;height:2px;background:#545454;}
.num ul,.num ol{margin:0;padding:4px 0 4px 0;}

p.num{ position:relative;margin:5px 0 5px 25px; padding: 0 5px 0 35px;}
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;}

.waring_bu li {padding:0px}

.year_ul {position:relative; }
.year_ul li { float:left;width:100%;}
.year_ul .year_date_text { display:inline-block; float:left;position:relative; width:84px; padding-bottom:8px; color:#2637b8;}
.year_ul .year_date_text:before { display:block;position:absolute; bottom:0px; left:0px; z-index:-1; width:100%; height:16px; background:#d4faff; }
.year_ul .year_text { display:inline-block; float:left;width:calc(100% - 110px); margin:0 0 0 26px; word-break:break-all;}


/* 테이블 서식 */

.table_unit {margin-bottom:-10px; font-size:0.9em; text-align:right;}
.table_group { position:relative;overflow-x:auto; overflow-y:hidden;}
table.table {position:relative; width:100%; margin-top:10px; margin-bottom:10px; border-top:1px solid #3b4667; border-bottom:1px solid #b2b5c0; border-collapse:separate;}
table.table:before {display:block; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#fff;}
table.table caption + thead tr:first-child th, table.table caption + thead tr:first-child td, table.table colgroup + thead tr:first-child th, table.table colgroup + thead tr:first-child td, .table caption + tbody tr:first-child th, .table caption + tbody tr:first-child td, .table colgroup + tbody tr:first-child th, .table thead + tbody tr:first-child td,  .table tbody tr:first-child th, .table colgroup + tbody tr:first-child td,  table.table colgroup + tfoot tr:first-child th, table.table colgroup + tfoot tr:first-child td {border-top-width:0;}

table.table th, table.table td {padding:13px 10px 11px; border-top:1px solid #e0e1e3;  border-left:1px solid #e0e1e3;}
table.table tr:first-child td {border-top:0px}
table.table thead th { border-top:0px; border-bottom:1px solid #c5c9d6;background-color:#f5f6fa; color:#292f4d; font-weight:normal; text-align:center;}
table.table tbody th { background-color:#fcfcfc; color:#222121;font-weight:400; text-align:center;}
table.table tbody td {background-color:#fff; color:#2b2b2b;}
table.table td ul li, table.table td ol li {font-size:16px}


table.table tfoot tr {background-color:#fafafa;}
table.table tfoot th {font-weight:400;}
table th img, table td img {vertical-align:middle;}
table td ul, table td ol, table td li, table td .blt{text-align:left;}
table td .blt{padding-top:0; padding-bottom:0;}
table td ul.bu, table td ol.num {margin:0; padding:0;}
@media screen and (max-width:1240px) {
    .table_group .table.type2 {width:100%;}
}
@media screen and (max-width:970px) {
    .table_group .table.type2 {width:960px;}
}
@media all and (max-width:800px) {
    table.table th, table.table td {padding-right:7px; padding-left:7px;}
}
@media all and (max-width:640px) {
    table.table th, table.table td {padding:8px 5px 6px}
    table.table.type2 {width:940px;}
    table.table td ul li, table.table td ol li {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:995px;}
    .responsive_table > i{display:none;position:absolute;right:10px;bottom:10px;width:57px;height:33px;}
}

#contents > .table_text_box:first-child h3 {margin-top:0px}
.table_text_box {position:Relative; min-height:40px}
.table_text_box .table_text {position:absolute; top:3px; right:0px;}

.table_text { display:inline-block;position:relative; padding-bottom:3px; color:#2b2b2b}
.table_text:before { display:block;position:absolute; bottom:0px; left:0px; z-index:-1; width:100%; height:11px; background:#f8f8fa; }

@media screen and (max-width:800px) {
    .table_text_box  {text-align:right}
    .table_text_box .table_text {position:relative; top:auto; right:auto; }

}
/* 버튼 / 링크 / */
a.blank{ display:inline-block;position:relative;margin:0 2px; margin-right:21px; margin-bottom:2px; padding-bottom:3px; background:url('/site/mpva/images/contents/line_type2.gif') repeat-x left bottom;color:#111; white-space:nowrap; }
a.blank.line { padding:0 0 3px 0; background:url('/site/mpva/images/contents/line_type2.gif') repeat-x left bottom;line-height:1.3em;}
a.blank:after{display:inline-block; position:absolute; top:7px; right:-18px;width:12px;height:14px; background:url(/common/images/template.png) -201px -13px no-repeat;vertical-align:middle;content:'';}
a.blank:hover {text-decoration:none}

.btn.blank:after{display:inline-block;position:relative; top:auto; right:auto;width:12px;height:18px;margin:0 0 0 14px;background:url(/common/images/template.png) -201px -11px no-repeat;vertical-align:middle; content:'';}
.btn.blank:hover:after{background:url(/common/images/template.png) -424px -11px no-repeat;}
.btn.blank:hover {color:#fff;}
.btn.blank { margin-right:0px;margin-bottom:0px; padding-bottom:0px; background:#fff; }

h3 .btn {font-weight:normal}

@media only screen and (max-width:1000px){
    a.blank {word-break:break-all; white-space: pre-wrap;}
}



.blank.btn:hover {background:#303d8f; color:#fff;}

.arrow:after{display:inline-block;width:5px;height:15px;margin:4px 0 0 14px;background:url(/common/images/template.png) -230px -12px no-repeat; vertical-align:middle;content:'';}
.btn.arrow:after{display:inline-block;content:''; }
.btn.arrow:hover:after {background-position:-454px -14px;}


.down{ display:inline-block;position:relative;margin:0 2px; margin-right:21px; margin-bottom:2px; padding-bottom:3px; background:url('/site/mpva/images/contents/line_type2.gif') repeat-x left bottom;color:#111; white-space:nowrap; }
.down:after {display:inline-block; position:absolute; top:7px; right:-18px;width:12px;height:14px; background:url(/common/images/template.png) -172px -12px no-repeat;vertical-align:middle;content:'';}
.down.btn:hover:after{background:url(/common/images/template.png) -395px -12px no-repeat;}
.down:hover {text-decoration:none}
.btn.down { margin-right:0px;margin-bottom:0px; padding-bottom:0px; background:#fff; }
.btn.down:after { display: inline-block;position: relative; top: auto; right: auto; width: 12px; height: 17px;  margin: 0 0 0 14px; background: url(/common/images/template.png) -172px -12px no-repeat;  vertical-align: middle;  content: '';}


.download{ display:inline-block;position:relative;margin:0 2px; margin-right:21px; margin-bottom:2px; padding-bottom:3px; background:url('/site/mpva/images/contents/line_type2.gif') repeat-x left bottom;color:#111; white-space:nowrap; }
.download:after {display:inline-block; position:absolute; top:7px; right:-18px;width:12px;height:14px; background:url(/common/images/template.png) -172px -12px no-repeat;vertical-align:middle;content:'';}
.download.btn:hover:after{background:url(/common/images/template.png) -395px -12px no-repeat;}
.download:hover {color:#303d8f; text-decoration:none}
.download:hover:after{background:url(/common/images/template.png) -282px -12px no-repeat;}
.btn.download { margin-right:0px;margin-bottom:0px; padding-bottom:0px; background:#fff; }
.btn.download:after { display: inline-block;position: relative; top: auto; right: auto; width: 12px; height: 17px;  margin: 0 0 0 14px; background: url(/common/images/template.png) -172px -12px no-repeat;  vertical-align: middle;  content: '';}


.btn_tel {display:inline-block; margin:0 2px 0 5px}
.btn_tel img { margin:0 5px 0 0;vertical-align:middle}
.btn {display:inline-block;overflow:hidden; position:relative;height:44px;margin:0;padding:0 20px;border: 1px solid #c8c8c8; box-sizing:border-box; background-color: #fff;color: #111111; font-family:"NotoKr";font-size:16px; line-height:40px; text-decoration:none !important;text-align: center;vertical-align:middle;cursor:pointer}

.btn:hover { border:1px solid #303d8f;background:#303d8f; color:#fff;}

.btn.small{ height:30px; padding: 0 15px;font-size:15px; line-height:28px;}
.p-table .btn.small{ height:30px;font-size:15px; line-height:28px}


.table .btn.small.blank,
.table .btn.small.down,
.table .btn.small.download,
.table .btn.small.arrow,
.table .btn.small.blank {padding-right:12px;}

.table .btn.small.blank:after,
.table .btn.small.down:after,
.table .btn.small.download:after,
.table .btn.small.arrow:after,
.table .btn.small.blank:after {margin: 0 0 0 6px;}

.btn.type2{border-color: #5073d9; background:#5073d9; color: #fff;}
.btn.type2.blank {background:#5073d9;}
.btn.type2:hover { border-color:#172163;background:#172163;}
.btn.type3 {border-color: #5073d9;background-color:#fff; color:#5073d9; }
.btn.type3:hover { border-color:#5073d9;background:#f8faff; color:#204bc9 !important}


.btn.type4 {border-color: #222;background-color:#222; color:#fff; }
.btn.type4:hover { border-color:#000;background:#000; color:#fff !important}

.btn.type5 {border-color: #303d8f;background-color:#303d8f; color:#fff; }
.btn.type5:hover { border-color:#172163;background:#172163; color:#fff !important}

.cate_btn {font-size:15px; }
.cate_btn .text { display:inline-block; height:30px;padding:0 10px;border:1px solid #c8c8c8; border-left:0px; box-sizing:border-box; line-height:28px; vertical-align:top; }
.cate_btn .text:after {display:inline-block;width:13px;height:15px;margin:0 0 0 5px;background:url(/common/images/template.png) -172px -13px no-repeat;vertical-align:middle;content:'';}
.cate_btn .pdf { display:inline-block; height:30px;  padding:0 5px; border:1px solid #ef3f3f; box-sizing:border-box;background:#ffe2e2; color:#ef3f3f; font-size:12px; line-height:28px; vertical-align:top;}

.btn.type2.arrow:after,
.btn.type2.arrow:hover:after{background-position: -454px -14px}
.btn.type2.down:after,
.btn.type2.down:hover:after{background-position: -395px -13px}
.btn.type2.download:after,
.btn.type2.download:hover:after{background-position: -395px -13px}
.btn.type2.blank:after,
.btn.type2.blank:hover:after{background-position: -424px -11px}



.btn.type3.arrow:after,
.btn.type3.arrow:hover:after{background-position: -341px -14px}
.btn.type3.download:after,
.btn.type3.download:hover:after{background-position: -282px -13px}
.btn.type3.down:after,
.btn.type3.down:hover:after{background-position: -282px -13px}
.btn.type3.blank:after,
.btn.type3.blank:hover:after{background-position: -311px -11px}


.btn.type4.arrow:after,
.btn.type4.arrow:hover:after{background-position: -454px -14px}
.btn.type4.down:after,
.btn.type4.down:hover:after{background-position: -395px -13px}
.btn.type4.blank:after,
.btn.type4.blank:hover:after{background-position: -424px -11px}



.btn.type5.arrow:after,
.btn.type5.arrow:hover:after{background-position: -454px -14px}
.btn.type5.down:after,
.btn.type5.down:hover:after{background-position: -395px -13px}
.btn.type5.blank:after,
.btn.type5.blank:hover:after{background-position: -424px -11px}

.btn.link:after{width:21px;height:17px;margin:0 -5px 0 10px;background-position:-50px -50px;}

@media only screen and (max-width:640px){
    .btn {height:36px; padding:0 15px; font-size:15px; line-height:34px}
}



.cst_sel_title { display:inline-block;width:100%; margin:10px 0}
.cst_sel_title .sel_box,
.cst_sel_title .btn_area {float:right;}
.cst_sel_title h3 {float:left; margin:3px 0}
.sel_box select {display:inline-block; float:left; width:120px; margin:0 0 0 10px}


.title_sel_box { display:inline-block;position:relative; width:100%; margin-bottom:20px; vertical-align:top}
.title_sel_box h3 { float:left;margin-top:5px; margin-bottom:0px;}
.title_sel_box .right_area {float:right;}
.title_sel_box .sel_de_box { float: right;  position: relative;  top:0px;  height: 42px; margin-left:10px; padding-right:75px;  padding-left: 15px;  border: 1px solid #c2c2c2;  box-sizing: border-box;  background: url(/common/images/sub/de_sel_arrow.gif) no-repeat right center;  color: #3d3d3d; font-size:15px;     -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.title_sel_box .sel_de_box::-ms-expand {display: none}
.title_sel_box .sel_de_box:focus {  background: url(/common/images/sub/de_sel_arrow_up.gif) no-repeat right center;}
.title_sel_box + .down_box {margin-top:0px !important}
@media only screen and (max-width:480px){
    .title_sel_box h3 {width:100%; margin-bottom:5px}
    .title_sel_box .right_area  {float:left; width:100%}
    .title_sel_box .sel_de_box {float:left;; margin-right:10px; margin-left:0px;}

}




.box_center{padding:20px 0;text-align:center;}
.box_left{padding:20px 0;text-align:left;}
.box_right{padding:20px 0;text-align:right;}

/* 자주 쓰는 유형 */
.temp_map .root_daum_roughmap,.temp_map #map{overflow:hidden;width:100%;height:450px;}
.temp_map .root_daum_roughmap .wrap_map{height:450px;}

@media only screen and (max-width:640px){
    .temp_map .root_daum_roughmap{height:300px;}
    .temp_map .root_daum_roughmap .wrap_map{height:300px;}
}
/* 강조 글자 */

.ft_15 {font-size:15px}

.small{font-size:0.92em;}
.large{font-size:1.167em;letter-spacing:-1px;}
.underline{padding-bottom:1px;border-bottom:1px solid #888;}
.em_blue{color:#1b66c3;}
.em_blue2{color:#5e92c9;}
.em_blue3{color:#2637b8;}


.em_orange{color:#f16c09;}
.em_red{color:#df3246;}
.em_green{color:#398308;}
.em_purple{color:#8a56af;}
.em_point{color:#e8209f;}
.em_black {color:#000;}
.em_gray {color:#949494}
.em_b_blue{color:#0861bc;font-weight:600;}
.em_b_orange{color:#f16c09;font-weight:600;}
.em_b_red{color:#df0101;font-weight:600;}
.em_b_green{color:#398308;font-weight:600;}
.em_b_purple{color:#8a56af;font-weight:600;}
.em_b_point{color:#e8209f;font-weight:600;}
.em_b_black{color:#000;font-weight:bold;}

/* 텍스트 정렬 */
.text_center{text-align:center;}
.text_right{text-align:right;}
.text_left{text-align:left;}
.vertical_top{vertical-align:top;}
.vertical_middle{vertical-align:middle;}
.vertical_bottom{vertical-align:bottom;}

/* 들여쓰기 */
.indent{margin-top:15px;}
.indent p{margin-top:15px;}
.indent10{margin-left:10px;}
.indent20{margin-left:20px;}
.indent30{margin-left:30px;}
.indent40{margin-left:40px;}
.indent50{margin-left:50px;}

/* margin */
.margin_0{margin:0 !important;}
.margin_10{margin:10px !important;}
.margin_20{margin:20px !important;}
.margin_30{margin:30px !important;}

.margin_t_0{margin-top:0 !important;}
.margin_t_5{margin-top:5px !important;}
.margin_t_10{margin-top:10px !important;}
.margin_t_15{margin-top:15px !important;}
.margin_t_20{margin-top:20px !important;}
.margin_t_25{margin-top:25px !important;}
.margin_t_30{margin-top:30px !important;}
.margin_t_35{margin-top:35px !important;}
.margin_t_40{margin-top:40px !important;}
.margin_t_45{margin-top:45px !important;}
.margin_t_50{margin-top:50px !important;}
.margin_t_60{margin-top:60px !important;}
.margin_t_65{margin-top:65px !important;}
.margin_t_70{margin-top:70px !important;}

.margin_r_0{margin-right:0 !important;}
.margin_r_5{margin-right:5px !important;}
.margin_r_10{margin-right:10px !important;}
.margin_r_15{margin-right:15px !important;}
.margin_r_20{margin-right:20px !important;}
.margin_r_25{margin-right:25px !important;}
.margin_r_30{margin-right:30px !important;}
.margin_r_35{margin-right:35px !important;}
.margin_r_40{margin-right:40px !important;}
.margin_r_45{margin-right:45px !important;}
.margin_r_50{margin-right:50px !important;}

.margin_b_0{margin-bottom:0 !important;}
.margin_b_5{margin-bottom:5px !important;}
.margin_b_10{margin-bottom:10px !important;}
.margin_b_15{margin-bottom:15px !important;}
.margin_b_20{margin-bottom:20px !important;}
.margin_b_25{margin-bottom:25px !important;}
.margin_b_30{margin-bottom:30px !important;}
.margin_b_35{margin-bottom:35px !important;}
.margin_b_40{margin-bottom:40px !important;}
.margin_b_45{margin-bottom:45px !important;}
.margin_b_50{margin-bottom:50px !important;}
.margin_b_60{margin-bottom:60px !important;}
.margin_b_70{margin-bottom:70px !important;}
.margin_b_80{margin-bottom:80px !important;}
.margin_b_90{margin-bottom:90px !important;}

.margin_l_0{margin-left:0 !important;}
.margin_l_5{margin-left:5px !important;}
.margin_l_10{margin-left:10px !important;}
.margin_l_15{margin-left:15px !important;}
.margin_l_20{margin-left:20px !important;}
.margin_l_25{margin-left:25px !important;}
.margin_l_30{margin-left:30px !important;}
.margin_l_35{margin-left:35px !important;}
.margin_l_40{margin-left:40px !important;}
.margin_l_45{margin-left:45px !important;}
.margin_l_50{margin-left:50px !important;}

/* padding */
.padding_0{padding:0 !important;}
.padding_10{padding:10px !important;}
.padding_20{padding:20px !important;}
.padding_30{padding:30px !important;}

.padding_t_0{padding-top:0 !important;}
.padding_t_5{padding-top:5px !important;}
.padding_t_7{padding-top:7px !important;}
.padding_t_10{padding-top:10px !important;}
.padding_t_15{padding-top:15px !important;}
.padding_t_20{padding-top:20px !important;}
.padding_t_25{padding-top:25px !important;}
.padding_t_30{padding-top:30px !important;}
.padding_t_35{padding-top:35px !important;}
.padding_t_40{padding-top:40px !important;}
.padding_t_45{padding-top:45px !important;}
.padding_t_50{padding-top:50px !important;}

.padding_r_0{padding-right:0 !important;}
.padding_r_5{padding-right:5px !important;}
.padding_r_10{padding-right:10px !important;}
.padding_r_15{padding-right:15px !important;}
.padding_r_20{padding-right:20px !important;}
.padding_r_25{padding-right:25px !important;}
.padding_r_30{padding-right:30px !important;}
.padding_r_35{padding-right:35px !important;}
.padding_r_40{padding-right:40px !important;}
.padding_r_45{padding-right:45px !important;}
.padding_r_50{padding-right:50px !important;}

.padding_b_0{padding-bottom:0 !important;}
.padding_b_5{padding-bottom:5px !important;}
.padding_b_10{padding-bottom:10px !important;}
.padding_b_15{padding-bottom:15px !important;}
.padding_b_20{padding-bottom:20px !important;}
.padding_b_25{padding-bottom:25px !important;}
.padding_b_30{padding-bottom:30px !important;}
.padding_b_35{padding-bottom:35px !important;}
.padding_b_40{padding-bottom:40px !important;}
.padding_b_45{padding-bottom:45px !important;}
.padding_b_50{padding-bottom:50px !important;}

.padding_l_0{padding-left:0 !important;}
.padding_l_5{padding-left:5px !important;}
.padding_l_10{padding-left:10px !important;}
.padding_l_15{padding-left:15px !important;}
.padding_l_20{padding-left:20px !important;}
.padding_l_25{padding-left:25px !important;}
.padding_l_30{padding-left:30px !important;}
.padding_l_35{padding-left:35px !important;}
.padding_l_40{padding-left:40px !important;}
.padding_l_45{padding-left:45px !important;}
.padding_l_50{padding-left:50px !important;}

/* width */
.w5p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}

/* template 가이드용 스타일 */
.template pre{margin:10px 0;padding:10px 20px 0;border:1px solid #e9e9e9;background:#fafafa;font-size:13px;}
.template .tab_item{margin:15px 0 20px;}
.template .tab_item{border-left:1px solid #d9d9d9;}
.template .tab_item li{display:inline;float:left;width:11.1%;border-top:1px solid #d9d9d9;background:#eee;}
.template .tab_item li.active{border-top:solid 1px #d9d9d9;background:#fff;}
.template .tab_item li a{display:block;padding:0;border-right:1px solid #d9d9d9;font-size:15px;line-height:46px;text-decoration:none;text-align:center;white-space:nowrap;}
.template .tab_item li.active a,.tab_obj li a:hover{background-color:#fff;}
.tab_obj{display: none;position:relative;padding:0;}

/* 버튼 클릭효과 없애기 */
span{position:relative;}

/* 이미지 크게보기 */
.img_original{display:inline-block;position:relative;width:auto;margin:0 0 20px;padding:0;font-size:0;line-height:0;vertical-align:middle;}
.img_original.type2{display:block;width:inherit;padding:40px 0;border:1px solid #dadada;text-align:center;}
.img_original a{display:none;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;}
.img_original a i{display:inline-block;width:25px;height:25px;margin: 0 0px 0 10px; background:url('/common/images/template.png') no-repeat -10px -45px; color:#fff;vertical-align:middle;}

@media screen and (max-width:1000px) {
    .img_original{padding:0 0 55px;}
    .img_original a{display:block;}
}

/* 스크롤해서 이미지보기 */

.img_scroll_box .scroll_text {display:none}

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

    .img_scroll_box .scroll_img {width:100%; overflow-x:scroll}
    .img_scroll_box .scroll_img img {max-width: fit-content;}
    .img_scroll_box .scroll_text {display:block}
}


/* 플로우 차트 */
ul.flow{display: flex; width: 100%; justify-content:space-between;}
ul.flow>li{display: flex; position: relative; padding: 25px 0; border: 1px solid #757575; border-radius:10px; box-sizing:border-box; background-color: #fff; line-height: 1.2; text-align: center; align-items:center; justify-content:center; }
ul.flow>li:not(:first-child):before{display: block; position: absolute; top: 50%; left: -26px; width: 11px; height: 16px; background: url(/common/images/template.png) no-repeat -40px -10px; transform:translateY(-50%);}
ul.flow>li:last-child{border-color: #3538bc; background-color: #f6f6ff; color: #3538bc;}
ul.flow.cell3 > li{width: calc(33.3333% - 26px); word-break:keep-all;}
ul.flow.cell3 > li:not(:first-child){margin-left: 39px;}

@media only screen and (max-width:640px){
    ul.flow{display: block;}
    ul.flow > li{display: block; width: 100% !important; margin-top: 30px;}
    ul.flow>li:not(:first-child):before{top: -23px; left: 50%; transform:translateX(-50%) rotate(90deg);}
    ul.flow>li:first-child{margin-top: 0;}
    ul.flow.cell3 > li:not(:first-child){margin-left: 0;}
}

/* 게시판 상단 */
.bbs .p-search{padding:30px 30px; background-color: #f4f4f4;}
.bbs .p-search .form_wrap{ width: 850px; max-width:100%;margin: 0 auto}
.bbs .p-search .form_wrap li{display: flex; align-items:center;}
.bbs .p-search .form_wrap > li:not(:first-child){margin-top: 10px;}
.bbs .p-search .form_wrap .form-title{width:80px;}
.bbs .p-search .form_wrap .form-title + .form-group{display: flex; width: calc(100% - 80px); align-items:center; flex-wrap:wrap;}
.bbs .p-search .form_wrap select.p-input{min-width: 128px;}
.bbs .p-search .form_wrap select.p-input + input[type="text"].input_text{ width: calc(100% - 230px);margin-left: 5px;}

@media screen and (max-width:1000px){
    .bbs .p-search .form_wrap{margin: 0 ;}
}
@media screen and (max-width:765px){
    .bbs .p-search .form_wrap li{display: block;}
    .bbs .p-search .form_wrap .form-title{ width:100%;margin-bottom: 5px;}
    .bbs .p-search .form_wrap .form-title + .form-group{width: 100%;}
    .bbs .p-search .form_wrap select.p-input + input[type="text"].input_text{width: calc(100% - 135px);}
    .bbs .p-search .p-button{position: relative; left: -4px; width: 100%;}


}






/* .pop_alert{width: 400px;} */
.modal__open{height: auto !important;}
.pop_alert.modal{position: fixed;}
.pop_alert .modal__body{max-width:600px; border: none; border-radius:20px; background-color: transparent;}
.pop_alert .modal__header{display:flex; height: 60px; margin: 0; padding: 0; border: none; border-radius:20px 20px 0 0; background-color: #5073d9; align-items:center; justify-content:center;  }
.pop_alert .modal__header .modal__title{ color: #fff;font-size: 20px; text-align: center;}
.pop_alert .modal__content{padding:40px; background-color: #fff; text-align: center;}
.pop_alert .modal__content.no_pd {padding:0px; border-radius:0 0 20px 20px}
.pop_alert .modal__content.no_pd img {vertical-align:top;}
.pop_alert .modal__content.no_btn {padding:40px 40px 0 40px;}
.pop_alert .modal__content .text{display: flex; position: relative; min-height:46px; padding-left: 75px; color: #000; font-size: 17px; text-align: left; word-break:keep-all; align-items:center;}
.pop_alert .modal__content .text:before{ display: block; position: absolute; top: 0; left: 0; background: url(/common/images/alert_icon_sprite.png) no-repeat -10px -16px;content:''; }
.pop_alert .modal__content .text.success:before{width: 46px; height: 55px; background-position: -74px -10px;}
.pop_alert .modal__content .text.fail:before{width: 47px; height: 49px; background-position: -10px -16px;}
.pop_alert .modal__content .alert_btn{display: inline-block; height: 44px; margin-top: 20px; padding: 0 35px; border: 1px solid #5073d9; color: #5073d9; font-size: 16px; line-height: 44px; text-decoration: none;}
.pop_alert .modal__content .img_box { display:inline-block;width:100%; vertical-align:top;}
.pop_alert .modal__content .text_box { display:inline-block;width:100%; margin-top:15px; padding:0px; color:#222222; font-size:16px; vertical-align:top; word-break:keep-all;}
.pop_alert .modal__footer{padding: 0 0 40px; border: none; border-radius:0 0 20px 20px; background-color: #fff;}

.pop_alert .modal__close{position: absolute; top: 18px; right:18px;}
.pop_alert .modal__close-button{width: 28px; height: 28px;}
.pop_alert .modal__close-button span{position: absolute; top: 0; left: 0; background-color:transparent; color: transparent; font-size: 0;}
.pop_alert .modal__close-button span:before,
.pop_alert .modal__close-button span:after{ display: block; position: absolute; top: calc(50% - 10px); left: calc(50% - 2px); width: 3px; height: 19px; background-color: #fff;content:'';}
.pop_alert .modal__close-button span:before{transform:rotate(-45deg);}
.pop_alert .modal__close-button span:after{transform:rotate(45deg);}



@media screen and (max-width:640px){
    .pop_alert .modal__body {max-width:90%; margin:0 5%;}
}

/* 프로그램 ui */
.p-input{ height: 40px; font-size:16px; line-height: 40px; }
.p-input::placeholder { font-family:"NotoKr";font-size:22px}
#contents .p-form-radio__input + .p-form-radio__label:before{background-color: #f7f8fb;}
#contents .p-form-radio__input:checked + .p-form-radio__label:before{opacity:0;}
#contents .p-form-radio__input:checked + .p-form-radio__label:after{top: 1px; left: 1px; width: 21px; height: 21px; border:8px solid #5073d9; box-sizing:border-box; background-color: #fff;}




.tab_menu { position:relative; z-index:10;width:100%; margin-bottom:40px}
.tab_menu .tab_nav { display: inline-block;width: 100%; vertical-align: top;}
.tab_menu .tab_select {display:none;}
.tab_menu .tab_contents {margin-top:50px;}

@media all and (min-width:801px) {
    /* 탭메뉴 유형2 */
    .tab_menu.type2 {width:calc(100% + 10px); }
    .tab_menu.type2 .tab_list {overflow:hidden; position:relative;  width: 100%; padding-top:1px; padding-left:1px; font-size:0; line-height:0;  vertical-align: top;}
    .tab_menu.type2 .tab_item {display:inline-block; position:relative; width:calc(25% - 10px); margin-right:10px;  margin-bottom:10px; border:1px solid #d5d5d5; background-color:#fff; text-align:center; vertical-align:top; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear;}
    .tab_menu.type2 .tab_open {display:block; display: flex; height:58px; padding:0 10px; color:#353434; font-size:16px; line-height:18px; word-break:keep-all; transition:color 0.25s linear;  align-items: center;  justify-content: center;}
    .tab_menu.type2 .tab_list.list_2 li {width:calc(50% - 10px);}
    .tab_menu.type2 .tab_list.list_3 li {width:calc(33.33% - 10px);}
    .tab_menu.type2 .tab_list.list_4 li {width:calc(25% - 10px);}
    .tab_menu.type2 .tab_list.list_5 li {width:calc(20% - 10px);}



    /* 탭메뉴 유형2 활성화 */
    .tab_menu.type2 .tab_item:hover,
    .tab_menu.type2 .tab_item.active {z-index:10;  border:1px solid #527fd0; border-color:transparent; background-color:#527fd0; }
    .tab_menu.type2 .tab_item:hover .tab_open,
    .tab_menu.type2 .tab_item.active .tab_open {color:#fff; text-decoratioN:none}

    .tab_menu.type2 .tab_open[target=_blank]:after { display:block;  width: 13px; height: 11px;margin-left:7px;     background: url(/common/images/template.png) -201px -13px no-repeat;
        transition: all 0s ease 0s; content: "";}
    .tab_menu.type2 .tab_item .tab_open[target=_blank]:hover:after {    background: url(/common/images/template.png) -424px -13px no-repeat;}





    /* 탭메뉴 유형1 */

    .tab_menu.type1 {width:calc(100% + 10px)}
    .tab_menu.type1 .tab_list {position:relative; font-size:0; line-height:0;}
    .tab_menu.type1 .tab_item {display:inline-block; position:relative; width:calc(25% + 1px);  margin-top:10px; margin-left:-1px;  border:1px solid #d5d5d5; background-color:#fff; text-align:center; vertical-align:top; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear;}
    .tab_menu.type1 .tab_open {display:block; display: flex; height:56px; padding:0 10px; font-size:16px; line-height:18px; word-break:keep-all; transition:color 0.25s linear;  align-items: center;  justify-content: center;}
    .tab_menu.type1 .tab_list.list_2 li {width:50%;}
    .tab_menu.type1 .tab_list.list_3 li {width:33.33%;}
    .tab_menu.type1 .tab_list.list_4 li {width:25%;}
    .tab_menu.type1 .tab_list.list_5 li {width:20%;}


    /* 탭메뉴 유형1 활성화 */
    .tab_menu.type1 .tab_item:hover,
    .tab_menu.type1 .tab_item.active {z-index:10;  border:1px solid #3b53e2; border-color:transparent; background-color:#f3f9ff; box-shadow:0 0 15px 5px rgba(206, 216, 227, 0.3); }
    .tab_menu.type1 .tab_item:hover {z-index:9;}
    .tab_menu.type1 .tab_item.active {z-index:10;}
    .tab_menu.type1 .tab_item:hover .tab_open,
    .tab_menu.type1 .tab_item.active .tab_open {color:#1f33c6; text-decoratioN:none}




    /* 탭메뉴 유형3 */


    .tab_menu.type3 {width:100%; padding:0 0 25px 0; background:url('/site/mpva/images/contents/line_type1.gif') repeat-x left bottom}
    .tab_menu.type3 .tab_list {overflow:hidden; position:relative; font-size:0; line-height:0;}
    .tab_menu.type3 .tab_item {display:inline-block; position:relative; width:auto; margin:6px 19px 6px 0; border:none; text-align:center; vertical-align:top; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear}
    .tab_menu.type3 .tab_open {display:block;  display: flex; padding:0 10px; color:#686868; font-size:16px; line-height:18px; word-break:keep-all; transition:color 0.25s linear;  align-items: center;  justify-content: center;}



    /* 탭메뉴 유형3 활성화 */
    .tab_menu.type3 .tab_item:hover,
    .tab_menu.type3 .tab_item.active {z-index:10; border-color:transparent;  }
    .tab_menu.type3 .tab_item .tab_open:before { display:block; position:absolute; top:8px; left:0px; width:5px; height:1px;background:#686868}
    .tab_menu.type3 .tab_item:hover .tab_open,
    .tab_menu.type3 .tab_item.active .tab_open {color:#000; text-decoratioN:none}
    .tab_menu.type3 .tab_item:hover .tab_open:before,
    .tab_menu.type3 .tab_item.active .tab_open:before {background:#000}

    .tab_menu.type3 .tab_open[target=_blank]:after { display:block;  width: 13px; height: 11px;margin-left:7px;   background: url(/common/images/template.png) -201px -13px no-repeat; transition: all 0s ease 0s; content: ""; opacity:0.6;}
    .tab_menu.type3 .tab_item .tab_open[target=_blank]:hover:after {    opacity:1}


    /* 탭메뉴 유형4 */


    .tab_menu.type4 {width:100%; background:url('/common/images/board_tab_bg.gif') repeat-x left top; }
    .tab_menu.type4 .tab_nav {position:relative; width:100%; padding:30px 38px; background:url('/common/images/board_tab_bg2.gif') repeat-x left bottom}
    .tab_menu.type4 .tab_nav:before { display:block;position:absolute; top:0px; left:0px; width:1px; height:100%; background:url('/common/images/board_tab_bg.gif') repeat-y left top;}
    .tab_menu.type4 .tab_nav:after { display:block;position:absolute; top:0px; right:0px; width:1px; height:100%; background:url('/common/images/board_tab_bg.gif') repeat-y left top;}
    .tab_menu.type4 .tab_list {overflow:hidden; position:relative; font-size:0; line-height:0;}
    .tab_menu.type4 .tab_item {display:inline-block; position:relative; width:auto; margin:6px 30px 6px 0; border:none; text-align:center; vertical-align:top; transition-property:border-color, background-color; transition-duration:0.25s; transition-timing-function:linear}
    .tab_menu.type4 .tab_open {display:block;  display: flex; padding:0 0 0 12px; color:#686868; font-size:16px; line-height:18px; word-break:keep-all; transition:color 0.25s linear;  align-items: center;  justify-content: center;}



    /* 탭메뉴 유형3 활성화 */
    .tab_menu.type4 .tab_item:hover,
    .tab_menu.type4 .tab_item.active {z-index:10; border-color:transparent;  }
    .tab_menu.type4 .tab_item .tab_open:before { display:block; position:absolute; top:11px; left:2px; width:5px; height:1px;background:#686868}
    .tab_menu.type4 .tab_item:hover .tab_open,
    .tab_menu.type4 .tab_item.active .tab_open {color:#000; text-decoratioN:none}
    .tab_menu.type4 .tab_item:hover .tab_open:before,
    .tab_menu.type4 .tab_item.active .tab_open:before {background:#000}

    .tab_menu.type4 .tab_open[target=_blank]:after { display:block;  width: 13px; height: 11px;margin-left:7px;   background: url(/common/images/template.png) -201px -13px no-repeat; transition: all 0s ease 0s; content: ""; opacity:0.6;}
    .tab_menu.type4 .tab_item .tab_open[target=_blank]:hover:after {opacity:1}


}

@media all and (min-width:801px) and (max-width:1240px) {
    .tab_menu.type2 .tab_item {min-width:150px;}
}

@media all and (max-width:800px) {
    .tab_menu {margin-top:0px; margin-bottom:10px}
    .tab_menu {overflow:visible; margin-top:0px;}
    .tab_list.clearfix > .tab_item {float:none;}
    .tab_list.center > .tab_item {display:block;}

    /* 탭메뉴 선택 */
    .tab_menu .tab_select{display:block; position:relative; width:100%; padding:14px 37px 16px 26px;  border:1px solid #8a92d1; background-color:#fff; color:#1e297a; font-size:15px; line-height:16px; text-align:left;}
    .tab_menu .tab_select:before{display:block; position:absolute; top:50%; right:21px; width:13px; height:9px; margin-top:-5px; background: url('/common/images/template.png') no-repeat -55px -55px; }
    .tab_menu .tab_list{ margin-top:-1px;border-right:1px solid #4268df; border-bottom:1px solid #4268df; border-left:1px solid #4268df; background-color:#f6faff}
    .tab_menu .tab_select button {text-align:left;}
    .tab_menu .tab_nav {display:none; position:absolute; left:0px; z-index: 1; width:100%; background-color:#f6faff;}
    .tab_menu .tab_list { max-height:250px;overflow-x:hidden; overflow-y:auto;}
    .tab_menu .tab_item {margin-top:-1px; border-top:1px solid #4268df;}
    .tab_menu .tab_item:first-child {margin-top:0;}
    .tab_menu .tab_open {display:block; width:100%; padding:15px 5px 17px 26px; color:#223daf; font-size:14px; line-height:16px; text-align:left;}

    .tab_menu.type4 .tab_nav { position:absolute; left:0px;padding:0px;}
    .tab_menu.type4 .tab_nav:before, .tab_menu.type4 .tab_nav:after {display:none}
    .tab_menu.type4 .tab_item {width:100%;  margin:0px; margin-top: -1px; border-top: 1px solid #4268df;}
    .tab_menu.type4 .tab_item .tab_open:before {display:none}
    .tab_menu.type4 .tab_item:first-child {margin-top:0px}
    .tab_menu.type4 .tab_open {display: block; width: 100%; padding: 16px 5px 16px 26px; color: #223daf; font-size: 14px;  line-height: 16px;   text-align: left;}
    .tab_menu .tab_select.active{ position:relative; width:100%; border:1px solid #4268df;  background-color:#f6faff; color:#223daf;  }
    .tab_menu .tab_select.active:before{ transform: rotate(180deg);}
    .tab_menu .tab_item.active .tab_btn{background-color:#0092b9; color:#f7f7f7;}


    /*탭 scripttab*/
    .tab_menu.scripttab .tab_btn{display:block; position:relative; width:100%; padding:17px 37px 17px 26px; border-bottom:1px solid #ddd; background-color:#f7f7f7; color:#333; font-size:14px; line-height:16px; text-align:left;}
    .tab_menu.scripttab .tab_select{display:block; position:relative; width:100%; padding:17px 37px 17px 26px; background-color:#0092b9; color:#fff; font-size:14px; line-height:16px; text-align:left;}
}


/* 텝메뉴 */
.tab_button{margin:30px auto 10px;padding-left:1px;}
.tab_button li{float:left;position:relative;z-index:10; box-sizing:border-box;}
.tab_button li button {display:flex; width:192px; height:55px;border: 1px solid #d5d5d5; color:#353434;font-size:16px;text-decoration: none;text-align:center;vertical-align:middle;align-items:center; justify-content:center;}
.tab_button li button:before{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;content:'';}
.tab_button li.active button{z-index:11; border-color: #527fd0; background-color:#527fd0; color: #fff;}
.tab_button li:not(:first-child){margin-left: 10px;}

.tab_content  {display:none;}
.tab_content.active {display:block}


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

    .tab_button li button {height:42px;}
}




.step_list.li_2 > li {width:calc(50% - 35px);}
.step_list.li_3 > li {width:calc(33.33% - 35px);}
.step_list.li_4 > li {width:calc(25% - 35px);}
.step_list.li_5 > li {width:calc(20% - 35px);}


.step_list.li_2 > li:nth-child(n+3) {margin-top:35px}
.step_list.li_3 > li:nth-child(n+4) {margin-top:35px}
.step_list.li_4 > li:nth-child(n+5) {margin-top:35px}
.step_list.li_5 > li:nth-child(n+6) {margin-top:35px}

.step_list {display: inline-block;position:relative; width:100%; padding:40px 5px 40px 40px; border:1px solid #d7d8db; font-size:0px}
.step_list > li a.blank {color:#333}
.step_list > li { display:inline-block;position:relative; height:inherit; margin-right:35px;  border-left:none; box-sizing:border-box; font-size:16px; letter-spacing:-0.025em; vertical-align:top}
.step_list > li .cont_box { display:inline-block; overflow:hidden;width:100%; height:inherit; border:1px solid #757575; border-radius:9px; box-sizing:border-box;   vertical-align:top;}
.step_list.type2 .cont {padding:15px 10px; font-size:17px}
.step_list.type2 .cont p {line-height:1.25em; vertical-align:top}

.step_list > li:after {display:block; position:absolute; top:50%; right:-24px; z-index:10; width:11px; height:17px; margin:-9px 0 0 0; background:url(/common/images/template.png) no-repeat -40px -10px;}
.step_list > li:last-child .cont_box { z-index:11;border:1px solid #3538bc }
.step_list > li:last-child .cont {background:#f6f6ff; color:#3538bc;}
.step_list > li:last-child:after {display:none}
.step_list .tit { display: grid;width:100%; padding:12px 20px; border-radius:9px 9px 0 0;  box-sizing:border-box;  background:#f5f5f5; color:#3555a4;  color:#000000; font-size:17px;  line-height: 1.3em;  text-align:center; vertical-align:top; align-items:center;}
.step_list .tit span { color:#898989;font-size:15px}
.step_list .cont { display:flex; width:100%; padding:25px; box-sizing:border-box; color:#000000;  font-size:16px; line-height:1.3em; text-align:center; word-break:keep-all; align-items:center; justify-content: center; flex-wrap:wrap;}
.step_list .cont p {line-height:1.25em}
.step_list > li .cont > .num,
.step_list > li .cont  > .bu { display:inline-block; width:100%;margin:0px}
.step_list .cont span.gr_text {display:inline-block; width:100%; margin:5px 0 -3px 0; color:#898989; font-size:15px; line-height:1.35em; vertical-align:top}

.step_list .num_box { display:inline-block;position:relative; z-index:2; width:100%; padding:15px 0 0px; text-align:center; }
.step_list .num_box span { position:relative; padding:0 3px 2px; color:#8f8f8f;font-size:18px}
.step_list .num_box span:before { display:inline-block;position:absolute; bottom:-5px; left:0px; z-index:-1; width:100%; height:19px; border-radius:19px; background:#efefef}
.step_list .num_box + .cont { display:inline-block; padding:15px 30px 15px; font-size:18px; line-height: 1.25em; vertical-align: top;align-items: end;}
.step_list .num_box + .cont p { margin:7px 0 5px;font-size:16px}
.step_list .num_box + .cont span {display:inline-block; width:100%;     margin:5px 0 -3px 0; color:#898989; font-size:15px; line-height:1.35em; vertical-align:top}
.step_list .num_box + .cont.bot_sp {padding:15px 30px 30px}
.step_list .num_box + .cont.bot_sp span { display:inline-block;position:absolute; bottom:0px; left:0px; width:100%; margin-bottom:0px; padding:8px 0; background:url('/common/images/bot_sp_bg.gif') repeat-x left top; color:#898989}

.step_list > li .tit + .cont {padding:10px 30px;}
.step_list > li:last-child .tit + .cont {background:#fff}
.step_list > li:last-child .tit {background:#f6f6ff;  color:#3538bc;}
.step_list > li:last-child .tit span {color:#8183c3;}
.step_list li:last-child .num_box {background:#f6f6ff; }
.step_list li:last-child .num_box span {color:#a7a7d1}
.step_list li:last-child .num_box span:before {background:#e4e4fc}
.step_list li:last-child .num_box + .cont span {color:#8183c3}

.step_list + .warning  {margin-top:10px}

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

    .step_list.li_4 > li,
    .step_list.li_5 > li {width:calc(33.33% - 35px);}
    .step_list.li_4 > li:nth-child(n+4),
    .step_list.li_5 > li:nth-child(n+4) {margin-top:35px}
    .step_list > li a.blank { line-height:1.25em;word-break:break-all /*white-space: break-spaces;*/}

    .step_list .cont {word-break: break-all;}




}


@media all and (max-width:1000px) {
    .step_list .cont {padding:12px 25px}

    .step_list.li_2 > li,
    .step_list.li_3 > li,
    .step_list.li_4 > li,
    .step_list.li_5 > li {width:calc(50% - 35px);}
    .step_list.li_2 > li:nth-child(n+3),
    .step_list.li_3 > li:nth-child(n+3),
    .step_list.li_4 > li:nth-child(n+3),
    .step_list.li_5 > li:nth-child(n+3) {margin-top:35px}
}

@media all and (max-width:800px) {
    .step_list.li_2 > li:nth-child(n+3),
    .step_list.li_3 > li:nth-child(n+3),
    .step_list.li_4 > li:nth-child(n+3),
    .step_list.li_5 > li:nth-child(n+3) {margin-top:20px}
}
@media all and (max-width:640px) {
    .step_list .num_box {padding-top:10px}
    .step_list {padding:20px 5px 20px 20px}
    .step_list.li_2 > li,
    .step_list.li_3 > li,
    .step_list.li_4 > li,
    .step_list.li_5 > li {width:calc(100% - 15px);}
    .step_list.li_2 > li:nth-child(n+2),
    .step_list.li_3 > li:nth-child(n+2),
    .step_list.li_4 > li:nth-child(n+2),
    .step_list.li_5 > li:nth-child(n+2) {margin-top:30px}

    .step_list > li:after { top:auto;bottom:-23px; left:50%; margin: 0 0 0 -5px; transform: rotate(90deg); }
    .step_list .cont,
    .step_list .tit {height:auto !important}
    .step_list .num_box span {font-size:16px}
    .step_list .num_box + .cont {font-size:15px}
    .step_list .cont br {display:none;}
    .step_list .num_box span:before { bottom:-3px;height:15px}

}






.ft_16 {font-size:16px}

.no_pd {padding:0px}
.no_mg {margin:0px}

/* 선, 박스 */
.line{display:block;margin:10px 0;border-bottom:1px solid #ccc;}
.dot{display:block;margin:10px 0;border-bottom:1px dotted #ccc;}
.dash{display:block;margin:10px 0;border-bottom:1px dashed #ccc;}

.box{position:relative;margin-bottom:25px;border:solid 1px #a2b2cf;border-radius: 40px 10px 10px;box-sizing:border-box;background:#fff;word-break:keep-all;}
.box .box_wrap {position:relative; padding:36px 39px; box-sizing:border-box}
.box .box_wrap .title{ margin:0px; margin-bottom:25px; color:#0e3fae;font-size:20px; font-weight:normal; line-height: 1.2}
.box.icon2 .box_wrap .title {margin-bottom:12px}
.box .box_wrap .title.type2 {position: relative; z-index:1; color:#2637b8; font-size:18px; font-weight:normal}
.box .box_wrap .title.type2 span{display: inline-block; position: relative;}
.box .box_wrap .title.type2 span:before {  display: block;  position: absolute;  bottom: -5px;  left: 50%;  z-index: -1;  width: calc(100% + 6px);  height: 16px;  background-color: #fff;  transform: translateX(-50%); content: '';}

.box .box_wrap .title.type3 {font-size:22px}


.no_pd_mg {margin:0px !important; padding:0px !important}

.box .box_wrap .title + .text{display:block; line-height:1.55em}
.box .box_wrap .title + .text p { margin-top:20px; color:#222;line-height:1.4em}
.box .box_wrap .text{ color: #222;font-size: 16px;}
.box .box_wrap .text + .btn{ display:inline-block;margin-top:20px}
.box .box_wrap .btn_box{ display:inline-block;margin-top:20px}
.box .box_wrap .btn_box  a.btn {float:left; margin-top:10px !important; margin-right:10px; margin-left:0px !important}
.board_box .box_wrap  a.btn { margin-top:10px !important;margin-right:10px; margin-left:0px !important}


.box ul.bu{padding-left:0;}


.box.type2{border-color:#d7d8db;border-radius: 0;}
.box.type2 .box_wrap{padding: 35px 39px;background-color:#fff;}

.box.type3{border:1px dashed #f7f8fb; border-radius:15px; background-color: #f7f8fb;}
.box.type4{border:1px solid #f0f1f3; border-radius:4px}
.box.type5{ padding:1px;border:none; border-radius:0px; box-sizing:border-box; background:url('../images/line_pattern.gif') repeat left top;}
.box.type5 .box_wrap {    display: inline-block;    width: 100%;background:#fff;     vertical-align: top;}
.box.type5:after { display:block;position:absolute; top:0px; right:0px; width:1px; height:100%; background:url('../images/line_pattern.gif') repeat left top;}
.box.type5:before  { display:block;position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:url('../images/line_pattern.gif') repeat left top;}

.box.type6 { border:1px solid #f0f6fd; border-radius:15px;background:#f0f6fd}
.box + h3 {margin-top:35px}

.box.icon .box_wrap{position:relative;min-height:165px;padding-left:188px;}
.box.icon .box_wrap:before{ display: block; position: absolute; top: 45px; left: 54px;width: 92px; height: 92px;  content: '';}

.box.icon2 {border:1px solid #a2b2cf; border-radius:10px 10px 10px 38px; }
.box.icon2 .box_wrap{position:relative;min-height:110px; padding-top:46px; padding-bottom:40px;padding-left:282px;}
.box.icon2 .box_wrap:before { display: block; position: absolute; top:51px; left:44px;     width: 182px;  height: 130px;  content: '';}
.box.icon2  .box_wrap .title + .text {margin-top:10px; line-height:1.4em}
.box.icon2  .box_wrap .text + .btn {margin-top:15px}


.cst_1010.box.icon2 .box_wrap:before {width:182px; height:130px; background:url('../images/box2_sample.png') no-repeat left top}


.board_box {position:relative; min-height:165px;margin-bottom:25px; border:solid 1px #a2b2cf; border-radius:7px;box-sizing:border-box;background:#fff; word-break:keep-all;}
.board_box .box_wrap{padding:36px 40px;}
.board_box .box_wrap .title{ margin-top:0px; margin-bottom:28px; color:#34508e;font-size:20px; font-weight:normal; line-height: 1.25em;}
.board_box .box_wrap .title + .text{display:block; letter-spacing:0px}
.board_box .box_wrap .title + .text p { margin-top:20px; color:#222;line-height:1.4em}
.board_box .box_wrap .text{ color: #222;font-size: 16px;}
.board_box .box_wrap .text + .btn{ display:inline-block;margin-top:20px}
.board_box .box_wrap .text + .btn_box{ display:inline-block;margin-top:20px}
.board_box.icon .box_wrap { padding-left: 185px;}
.board_box.icon .box_wrap:before { display: block; position: absolute; top: 40px; left: 55px;width: 92px; height: 92px; content: '';}
.board_box.icon.cst_1021 .box_wrap:before {    background: url(/site/mpva//images/contents/tempbox-icon-sprite.png) no-repeat left -5px;}


.grad_bg_title { display:inline-block;position:relative; padding:0 10px; font-size:30px}
.grad_bg_title:before { display:block;position:absolute; top:-5px;left:0px; z-index:1; width:100%; height:27px;  }
.grad_bg_title span {position:relative; z-index:2;}
.grad_bg_title.blue_text:before {background: rgb(212,250,255); background: linear-gradient(90deg, rgba(212,250,255,1) 0%, rgba(255,255,255,1) 100%);}
.grad_bg_title.blue_text {color:#0e3fae;}

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

    .box { margin-bottom:15px;border-radius:30px 8px 8px 8px}
    .box.icon .box_wrap{min-height:110px;padding-left:120px;}
    .box .box_wrap,
    .box.type2 .box_wrap {padding: 20px 5%;}

    .box.icon2 .box_wrap { padding-top: 36px;padding-bottom:30px;padding-left:180px;}
    .box.icon2 .box_wrap:before { top: 38px; left: 30px; width:130px;background-size:130px auto !important;}
    .box.icon .box_wrap:before{ top: 20px !important;  left:30px !important;  height:70px !important; background-size:auto 70px !important;}

    .board_box .box_wrap .title,
    .box .box_wrap .title {margin-bottom:15px; font-size:18px}
    .board_box .box_wrap .text,
    .box .box_wrap .text {font-size:15px}

    .box .box_wrap .title + .text p,
    .board_box .box_wrap .title + .text p {margin-top:15px}
    .board_box {min-height:auto}


    .box .box_wrap .text + .btn_box a.btn { margin-top:5px !important; margin-right:5px !important; margin-left:0px !important}
    .board_box .box_wrap  a.btn { margin-top:5px !important;margin-right:5px; margin-left:0px !important}


}

@media all and (max-width:480px){
    .box {border-radius:20px 5px 5px 5px}
    .box.icon2 {border-radius:5px 5px 5px 20px}
    .board_box.icon .box_wrap,
    .box.icon2 .box_wrap {padding: 20px 5%;}
    .box.icon .box_wrap{min-height:auto;padding-left:5%;}
    .board_box.icon .box_wrap:before,
    .box.icon .box_wrap:before,
    .box.icon2 .box_wrap:before  {display:none}

}
.warning{position:relative; width:100%;padding:5px 2% 5px 30px;  box-sizing:border-box}
.warning:before{display:block;position:absolute;top:8px;left:0;width:20px;height:20px;background:url(/common/images/template.png) no-repeat -10px -10px;content:'';}

.warning.type2:before {background:url(/common/images/template.png) no-repeat -109px -10px;}

.down_box {  display:table;position:relative; width:100%; margin:10px 0; padding:17px 30px; border:1px solid #d7d8db; box-sizing:border-box; align-items:center}
.down_box p {display:inline-block; float:left; width:calc(100% - 149px);  padding-top:8px; color:#000; font-size:16px; letter-spacing:0px}
.down_box a,
.down_box button { display:inline-block;float:right; width:140px; padding-right:40px; box-sizing:border-box; text-align:left}

.down_list { display:table;position:relative; width:calc(100% + 20px);  box-sizing:border-box;}
.down_list li {  display:inline-block; float:left;position:relative; width:calc(50% - 20px); margin-top:12px; margin-right:20px; padding:17px 27px; border:1px solid #d7d8db; box-sizing:border-box; align-items:center;}
.down_list li .text {display:inline-block; float:left; width:calc(100% - 149px);  padding-top:10px; color:#000; font-size:16px}
.down_list a,
.down_list button { display:inline-block;float:right; width:140px; padding-right:40px; box-sizing:border-box; text-align:left}


.down_box .btn:after,
.down_list .btn:after {position:absolute !important; top:13px !important; right:18px !important;}

@media all and (max-width:1320px){
    .down_list {width:100%;}
    .down_list li {width:100%; margin-right:0px;}
}
@media all and (max-width:1000px){
    .down_list {width:calc(100% + 20px);}
    .down_list li {width:calc(50% - 20px); margin-right:20px; }
}


@media all and (max-width:800px){
    .down_list  {width:100%}
    .down_list li  { display: flex;width:100%; margin-right:0px; align-items:center; }
    .down_list li .text {padding-top:0px}

    .down_box  { display: flex;width:100%; margin-right:0px; align-items:center; }
    .down_box p {padding-top:0px}
}

@media all and (max-width:640px){
    .down_box { padding: 15px 15px;}
    .down_box p {font-size:15px;}
    .down_list li {padding: 10px 15px;}
    .down_list li .text {font-size:15px; }
    .down_list li .btn { height:34px;font-size:15px; line-height:32px}


    .down_box a, .down_box button, .down_list a, .down_list button {width:120px}
    .down_box p,
    .down_list li .text {width:calc(100% - 139px); margin-right:15px; word-break: break-all;}
    .down_box .btn:after, .down_list .btn:after { top:10px !important; right:12px !important;}
}



.down_list2 { display: inline-block;width:100%; padding:10px 30px; border:1px solid #d7d8db; box-sizing:border-box;}
.down_list2 ul {font-size:0px}
.down_list2 li{  display:inline-block; float:left;position:relative; width:calc(50% - 35px); padding-top:15px; padding-bottom:15px; box-sizing:content-box; align-items:center;}
.down_list2 li .text {display:inline-block; float:left; width:calc(100% - 124px);  padding-top:5px; color:#000; font-size:16px; line-height:1.25em}
.down_list2 li:nth-child(n+3) {background: url(/common/images/bot_sp_bg.gif) repeat-x left top}
.down_list2 a,
.down_list2 button { display:inline-block;float:right; width:110px; box-sizing:border-box}
.down_list2 li:nth-child(even) {padding-left:70px}
.down_list2 li.li_last {padding-right:calc(50% + 35px)}


.down_list2.li_1 li {width:100%; padding:15px 0}
.down_list2.li_1 li:nth-child(n+2) {background: url(/common/images/bot_sp_bg.gif) repeat-x left top}


@media all and (max-width:800px){
    .down_list2  {width:100%}
    .down_list2 ul { display: inline-block;width: 100%;}
    .down_list2 li { display: flex;width:100%; margin-right:0px; padding: 15px 0; box-sizing:border-box; background: url(/common/images/bot_sp_bg.gif) repeat-x left top; align-items:center}
    .down_list2 li:first-child {background:none}
    .down_list2 li .text {    width: calc(100% - 110px);}
    .down_list2 li:nth-child(even) {padding-left:0px}
    .down_list2 li.li_last {width:100%; padding:15px 0}

}

@media all and (max-width:640px){
    .down_list2.li_1 li,
    .down_list2 li {padding: 10px 0;}
    .down_list2 li.li_last,
    .down_list2 li:nth-child(even) {padding: 10px 0;}
    .down_list2 li.li_last {width:100%; padding:10px 0}
    .down_list2 li .text {padding-top:0px}
    .down_list2 li .text {font-size:15px; }
    .down_list2 li .btn { height:34px;font-size:15px; line-height:32px}
}


.notice_box {position:relative; width:100%; margin:20px 0;  padding:24px 30px; border:1px solid transparent; border-radius:16px; box-sizing:border-box}
.notice_box p { color:#000;font-size:16px; line-height:1.3em}
.notice_box .year +  p {font-size:18px}
.notice_box.big {padding:21px 30px}
.notice_box.big p {font-size:20px;}
.notice_box h3.h0 { color:#000;font-size:18px; line-height:1.3em}
.notice_box.big h3.h0 {font-size:20px;}

.notice_box.blue {background: linear-gradient(#f7f9fd, #f7f9fd) padding-box, linear-gradient(to bottom, #e7ebf2, #f7f9fd) border-box;}
.notice_box.green {background: linear-gradient(#e8faf3, #e8faf3) padding-box, linear-gradient(to bottom, #bee4d5, #e8faf3) border-box;}
.notice_box.purple {background: linear-gradient(#eae8fa, #eae8fa) padding-box, linear-gradient(to bottom, #dbd7f9, #eae8fa) border-box;}
.notice_box.red {background: linear-gradient(#fff4f4, #fff4f4) padding-box, linear-gradient(to bottom, #fbe3e3, #fff4f4) border-box;}

@media all and (max-width:640px){
    .notice_box { margin:15px 0;padding:12px 5%; border-radius:10px}
    .notice_box p {font-size:15px;}

    .notice_box.big p {font-size:16px;}
    .notice_box.big h3.h0 {font-size:16px;}


}

/* 23.04.27 접근성 추가 수정 홍기현 */
.title_sel_box .sel_de_box{float:none;}
.warning:before{font-size:0;line-height:0;content:'안내';}
.warning.type2:before{content:'경고';}