@charset "utf-8";

@import url("setting.css");

a{ color:#333; text-decoration:none; transition:0.2s all;}
a:hover{ color:#2faeff; text-decoration: none;}
a:focus{ text-decoration: none;}

section{ padding: 80px 0; position: relative; }
section h2{ margin-bottom: 40px; font-weight: 700; letter-spacing: 5px; text-indent: 5px; text-align: center; }

main{ background: #fff; }

/* .container{ max-width: 1240px; padding: 0 20px; overflow: hidden; }
.container.w2{ max-width: 728px; }
.container.w3{ max-width: 1340px; } */

.box_wrapper{ margin: -10px auto; }
.box_wrap{ margin: 10px auto; overflow: hidden; }

.row{ margin-right: -12px !important; margin-left: -12px !important; }

/*** HEADER ***/
header{ width: 100%; height: auto; padding: 20px 0px; background: #fff; overflow: hidden; /* border-bottom: 1px solid #ccc; position: absolute; top: 0; z-index: 1; */ }
.logo{ float: left; overflow: hidden; }
.logo a{ width: 297px; height: 80px; background: url('../../img/pic-logo.png') no-repeat; background-size: cover; text-indent: -9999px; display: block; }

/* header.active{ height: 89px; position: fixed; z-index: 1;}
header.active .top{ display: none;} */
/*** /HEADER ***/

/*** MENU ***/
ul.menu{ float: right; margin: 25px 0 0 0; padding: 0; list-style: none; }
ul.menu li{ float: left; margin: 0 0 0 30px; color: #333; font-size: 1.125em; }

.dropbtn { margin: 0; padding: 0; color: #333; background: none; border: 0; }
.dropdown { position: relative; display: inline-block;}
.dropdown-content {  padding: 5px; font-size: .813em; display: none; position: absolute; right: -10px; background-color: #fff; min-width: 100px; box-shadow: 5px 5px 16px rgba(0,0,0,0.2); z-index: 99;}
.dropdown-content a { color: #fff; padding: 5px 15px; text-align: left; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #fff;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn { color: #2faeff; background-color: #fff;}
/*** /MENU ***/

/*** SIDEBAR ***/
.btn_toggle{ display: none; }

#sidebar { width: 250px; height: 100vh; position: fixed; top: 0; right: -250px; z-index: 998; background: #114f76; color: #fff; transition: all 0.2s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
#sidebar.active { right: 0;}
#dismiss { width: 35px; height: 35px; line-height: 45px; text-align: center; color: #fff; background: none; position: absolute; top: 7px; right: 10px; cursor: pointer; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.overlay { width: 100vw; height: calc(100vh + 30px); margin-top: -30px; display: none !important; position: fixed !important; background: rgba(0, 0, 0, 0.7); z-index: 901; opacity: 1; transition: all 0.5s ease-in-out;}
.overlay.active { display: block !important; opacity: 1;}
#sidebar ul.components { padding: 56px 0 0 0; transition: all 0.1s;}
#sidebar ul.components.active { padding: 56px 0 0 0;}
#sidebar ul p { color: #fff; padding: 10px;}
#sidebar ul li{ border-bottom: 1px dashed rgba(255, 255, 255, .5); }
#sidebar ul li span{ background: #ccc; border-top: 1px solid rgba(255, 255, 255, .15); display: block; }
#sidebar ul li a { padding: 10px 15px; color: #fff; font-size: 1em; display: block;}
#sidebar ul li a:hover { color: #fff;}
/*** /SIDEBAR ***/

/*** SECTION ***/
/*** /SECTION ***/

/*** LIST ***/
/*** /LIST ***/

/*** ABOUT ***/
/*** /ABOUT ***/

/*** NEWS ***/
#news{ background: url('../../img/bg-compass.png') right bottom -500px fixed no-repeat;}
#news.inner{ background: none; }
#news .box_wrap{ margin: 10px 0px; padding: 0px; position: relative; transition:0.2s all; }
#news .box_wrap .box{ border: 0px solid #eee;}
#news .box_wrap .box_img{ transition: 1s all; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }
#news .box_wrap:hover .box_img{ transform: scale(1.15); }
#news .box_wrap .box_date{ padding: 12px 20px 12px 40px; color: #fff; font-weight: 700; line-height: 1em; background: rgba(47, 174, 255, .9); border-top-left-radius: 40px; text-align: right; position: absolute; right: 0; bottom: 0; z-index: 2; }
#news .box_wrap p{ width: 100%; height: 48px; margin: 10px 0 0px 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#news .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#news .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition: 1s all; }
#news .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#news .box_wrap .box img{ width: 100%; height: auto; }
#news a:hover .box_wrap .box .box_overlay{ opacity: 1; }
/* #news a:hover .box_wrap .box{ border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);} */
/* #news a:hover .box_wrap .box p{ color: #2faeff; } */
/*** /NEWS ***/

/*** SECTION TYPE2 ***/
.section_type2 h2{ font-size: 3.75em; letter-spacing: 13px; text-indent: 13px; }
.section_type2 span{ margin: 0 15px; font-size: 1.875em; display: inline-block; }

#mbr_iadd{ color: #fff; background: url('../../img/bg-mbr_iadd.jpg') center center no-repeat; background-size: cover; text-align: center; }
#mbr_iadd .btn-outline-light:hover, .btn-outline-light:focus{ color: #2b83a6; background: #fff; border-color: #fff;}

#cont{ color: #fff; background: url('../../img/bg-cont.jpg') center center fixed no-repeat; background-size: cover; text-align: center; }
#cont .btn-outline-light:hover, .btn-outline-light:focus{ color: #2b83a6; background: #fff; border-color: #fff;}
/*** /SECTION TYPE2 ***/

/*** ABM ***/
#abm .box_wrap{ padding: 5px; background: #fff; border: 1px solid #ccc; position: relative; transition:1s all; }
#abm .box_wrap .box_img{ transition:1s all; }
#abm .box_wrap:hover .box_img{ transform: scale(1.15); }
#abm .box_wrap p{ width: calc(100% - 10px); padding: 5px 10px; color: #fff; background: rgba(0, 0, 0, .75); position: absolute; bottom: 5px; z-index: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#abm .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#abm .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:1s all; }
#abm .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#abm .box_wrap .box img{ width: 100%; height: auto; }
#abm a:hover .box_wrap .box .box_overlay{ opacity: 1; }

#abm_ph .box_wrap{ margin: 10px 10px; padding: 5px; background: #fff; border: 1px solid #ccc; transition:1s all; }
#abm_ph .box_wrap .box_img{ transition:1s all; }
#abm_ph .box_wrap:hover .box_img{ transform: scale(1.25, 1.25); }
#abm_ph .box_wrap p{ width: 100%; margin: 15px 0 2px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#abm_ph .box_wrap .box{ width: 100%; height: 100%; position: relative; overflow: hidden; }
#abm_ph .box_wrap .box .box_name{ width: 100%; padding: 5px 10px 7px 10px; color: #fff; position: absolute; bottom: 0; z-index: 2; background: rgba(0, 0, 0, .5); }
#abm_ph .box_wrap .box .box_overlay{ width: 100%; height: 100%; color: #fff; font-size: 2em; line-height: 1em; position: absolute; z-index: 1; display: table; background: rgba(0, 0, 0, .5); opacity: 0; transition:1s all; }
#abm_ph .box_wrap .box .box_overlay i{ display: table-cell; vertical-align: middle; text-align: center; }
#abm_ph .box_wrap .box img{ width: 100%; height: auto; }
#abm_ph a:hover .box_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, 1.0);}
#abm_ph a:hover .box_wrap .box .box_overlay{ opacity: 1; }
/*** /ABM ***/

/*** INQUIRY ***/
#inquiry{ padding: 0; }
#inquiry{
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 30px, rgba(218,37,28,1) 30px); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 30px,rgba(218,37,28,1) 30px); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 30px,rgba(218,37,28,1) 30px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2faeff',GradientType=0 ); /* IE6-9 */
}

.inquiry_box{ padding: 126px 0 88px 0; }
.inquiry_box span{ margin: 0 15px; color: #fff; font-size: 2em; font-weight: 700; display: inline-block; }
.inquiry_box button{ margin-top: 20px; padding: 8px 90px;}
/*** /INQUIRY ***/

/*** CONTACT ***/
.gmap{ width: 100%; height: 294px; margin-top: 10px; }
/*** /CONTACT ***/

/*** CNT ***/
.hr_h2{ /* width: calc(100% - 20px); */ height: 1px; margin: 0 0 40px 0; background: #ccc; }
.hr_h2 span{ width: 50px; height: 1px; margin: 0 auto; background: #2faeff; display: block; }

nav[aria-label="breadcrumb"]{ padding:10px 0 10px 0; font-size: .875em; background: #2faeff; }
ol.breadcrumb{ margin: 0; padding: 0;}
.breadcrumb-item:before{ color: #fff !important; }
.breadcrumb-item.active{ color: #fff; }
ol.breadcrumb a{ color: #fff; }
ol.breadcrumb a:hover{ color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, .75); }

.inner h3{ margin-bottom: 20px; color: #777; }
.inner h4{ margin-bottom: 10px; color: #777; }
.inner_img{ margin-bottom: 40px; text-align: center; overflow: hidden; }
.inner_img img{ max-width: 100%; max-height: 500px; }
.inner_info{ margin: 40px 0 0 0; padding: 10px 0; list-style: none; border: 1px solid #ccc; border-right: none; border-left: none; overflow: hidden; }
.inner_info li{ float: left; }
.inner_info li:last-child{ float: right; }
.inner_info li a{ margin: 0 10px 0 0; }
.inner_info li img{ max-height: 60px; }
.inner_tv{ float: right; margin-top: 11px; }
.inner_tv li{ float: left; width: auto; margin-left: 40px; color: #666; font-size: 1.5em; overflow: hidden; }
.inner_tv i{ margin: 0 8px 0 0;}
.inner .cnt_wrap{ padding: 20px; background: #f9f9f9; border: 1px solid #ccc;}
.inner .cnt_wrap.w2{ max-width: 480px; margin: 0 auto; }

.inner_side{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.inner_side li a{ margin-bottom: 8px; padding: 6px 0 8px 20px; border-left: 2px solid #2faeff; display: block; }
.inner_side li a.current{ color: #fff; background: #114f76; border-left: 2px solid #114f76;}

.faith_img{ width: 100%; height: 100%; }

#abt .row:nth-child(3){ margin-bottom: 40px; }
#abt.inner ul{ margin: 0 0 0 0px; padding: 0 0 0 20px;}
#abt.inner ul li{ list-style: decimal;}

.list_wrap{ margin: 0; padding: 0; list-style: none; }
.list_wrap li{ margin-bottom: 10px; padding: 10px 20px 11px 20px; line-height: 1em; background: #fff; border: 1px solid #ccc; overflow: hidden; transition:0.2s all; }
.list_wrap li:last-child{ margin-bottom: 0px;}
.list_wrap li:hover{ color: #fff; background: #2faeff; cursor: pointer; }
.list_wrap li .list_time{ float: left; width: 85px; padding: 1px 0 2px 0; display: block; }
.list_wrap li .list_no{ float: left; width: 146px; margin: 0 0 0 20px; padding: 1px 0 2px 20px; border-left: 1px solid #ccc; display: block; }
.list_wrap li .list_cap{ float: left; width: calc(100% - 271px); margin: 0 0 0 20px; padding: 1px 0 2px 20px; border-left: 1px solid #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }

.list_wrap2{ margin: 0; padding: 0; list-style: none; }
.list_wrap2 li{ margin-bottom: 10px; line-height: 1.325em; background: #fff; overflow: hidden; }
.list_wrap2 li:last-child{ margin-bottom: 0px;}
.list_wrap2 li .list_time{ float: left; width: 104px; height: 33px; padding: 5px 10px 7px 10px; color: #fff; background: #2faeff; display: block; text-align: justify; text-justify: inter-ideograph; }
.list_wrap2 li .list_time:after{ width: 100%; content: ''; display: inline-block;}
.list_wrap2 li .list_cap{ float: left; width: calc(100% - 104px); margin: 0; padding: 5px 0 7px 20px; background: #f6f6f6; display: block; }

.bg01{ background: #f6f6f6; }

.border01{ border: 1px solid #ccc; }

.benefit{ margin: 0; padding: 0; list-style: none; }
.benefit li{ padding: 10px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.benefit li span{ float: left; width: 184px; position: relative; }
.benefit li span:after{ content: "〉"; position: absolute; right: 0; }
.benefit li p{ float: left; width: calc(100% - 184px);}

.contact h2{ text-align: left; }
.contact ul{ margin: 0; padding: 0; list-style: none; }
.contact li{ margin: 0 0 10px 0; font-size: 1em; }
.contact li a{ color: #333; }
.contact li a i{ width: 16px; margin-right: 8px; text-align: center; }
.contact li a i, .contact li a:hover{ color: #2faeff; }
.select[name="title"] option:first-child{ color: #f00; }

.recruit_item{ margin: 0 12px; padding: 30px; background: #fff; border: 1px solid #ccc; }

.eitem_wrap{ height: 37px; margin:5px 0; font-size: 1.25em; overflow: hidden; }
.eitem_wrap span{ float: left; width: 114px; padding: 5px 10px 7px 10px; color: #fff; line-height: 1.325em; background: #2faeff; display: block; text-align: justify; text-justify: inter-ideograph;}
.eitem_wrap span:after{ width: 100%; content: ''; display: inline-block;}
.eitem_wrap p{ float: left; width: calc(100% - 114px); margin: 0; padding: 5px 0 7px 20px; line-height: 1.325em; background: #f6f6f6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}

label{ position: relative; }
.note{ margin-left: 10px; padding: 0 8px 1px 8px; color: #fff; font-size: .75em; font-weight: 400; background: #990710; border-radius: 5px; position: absolute; bottom: 2px; cursor: pointer; }
.note i{ margin-right: 5px; }

.reg_wrap{ margin-bottom: 0px; border: 1px solid #114f76; }
.reg_wrap h4{ padding: 11px 15px 15px 15px; color: #fff; line-height: 1em; background: #114f76; }
.reg_wrap .row{ margin: 0px; padding: 20px 30px 20px 30px; }
.reg_wrap .alert{ margin-top: 0px; }

.registor_list_wrap{ margin: 10px 0; padding: 20px; list-style: none; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }
.registor_list_wrap li{ float: left; list-style: none; }
.registor_list_wrap li span{ margin-top: 1px; padding: 0px 8px; color: #fff; font-size: .813em; background: #114f76; border-radius: 5px; display: inline-block; }
.registor_list_wrap li p{ margin:5px 0 0 0; padding: 0; font-weight: normal; line-height: 1.125em; }
.registor_list_wrap li:nth-child(1){ width: 200px; }
.registor_list_wrap li:nth-child(2){ width: calc(100% - 243px); }
.registor_list_wrap li:nth-child(3){ width: 43px; }
.registor_list_wrap button{ width: calc(100% - 47px); margin: 1px 0; padding-right: 0; padding-left: 0; }
.registor_list_wrap button:last-child{ width: 43px; line-height: 1em; }
.special{ margin: 0 5px; }

.gb_list{ margin: 20px 0 0 0; padding: 0 30px; list-style: none; background: #f6f6f6; border: 1px solid #ccc; }
.gb_list li{ padding: 20px 0; border-bottom: 1px dashed #ccc; }
.gb_list li:last-child{ border: 0; }
.gb_list li b{ color: #114f76; }
.gb_list li span{ margin: 0 0 0 20px; color: #999; font-size: .75em; }
.gb_list li p{ margin-top: 5px; }

.quote_1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.quote_2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/*** /CNT ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 50px; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; border-radius: 0 !important; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #fff; background: #2faeff; }
.pagination .active .page-link{ background: #114f76; border-color: #dee2e6; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ margin: 0; padding: 40px 10px; background: #eee; overflow: hidden; }
footer .flogo{ margin: 0; padding: 0; list-style: none; }
footer .flogo li{ float: left; margin-right: 50px; }
footer .flogo a{ display: block;}
footer .finfo{ margin: 0; padding: 0; list-style: none; }
footer .finfo li{ margin: 0 0 5px 0; font-size: 1em; }
footer .finfo li:last-child{ margin-bottom: 0; }
footer .finfo li a{ color: #333; }
footer .finfo li a i{ width: 16px; margin-right: 8px; color: #2faeff; text-align: center; transition:0.2s all; }
footer .finfo li a:hover i, footer li a:hover{ color: #2faeff; }
footer .finfo li.fmenu{ margin-bottom: 10px; }
footer .finfo li.fmenu a:after{ margin: 0 7px 0 10px; content: '/'; }
footer .finfo li.fmenu a:last-child:after{ margin: 0; content: ''; }

.copyright{ padding: 10px 10px; color: #fff; background: #114f76; clear: both; text-align: center;}
/*** /FOOTER ***/

/*** CAPTCHA ***/
.captcha_wrap{ float: left; margin: 10px 0 0 20px; }
.captcha_wrap2{ overflow: hidden; }
#captcha_code{ float: left; width: 100px; }
/*** /CAPTCHA ***/

/*** BTN ***/
.btn{ padding: 11px 50px 14px 50px; border-radius: 5px; line-height: 1em; }
.btn_wrap{ width: 100%; margin: 40px 0 0 0; }
.inner .btn_wrap{ margin: 20px 0 0 0; }

.btn-primary{ background: #2faeff; border-color: #2faeff; }
.btn-primary:hover, .btn-primary:focus{ background: #114f76; border-color: #114f76;}

.btn-outline-primary{ color: #2faeff; border-color: #2faeff; }
.btn-outline-primary:hover, .btn-primary:focus{ background: #114f76; border-color: #114f76;}

.btn-light{ color: #2faeff; background: #fff; border-color: #fff; }
.btn-light:hover, .btn-light:focus{ color: #fff; background: #2faeff; border-color: #fff;}
/*** /BTN ***/

/*** COLOR ***/
.color01{ color: #ab7fda; }
.color02{ color: #8c61bc; }
.color03{ color: #f19100; }
.color04{ color: #c00; }
.color05{ color: #999; }
/*** /COLOR ***/

/*** ACCORDION ***/
.accordion-item{ margin-top: 20px; border:1px solid #ccc !important; border-radius: 0;}
.accordion-item:last-child{ margin-bottom: 0; }
.accordion-item .accordion-header{ margin: 0; padding: 0; background: #f9f9f9; border-radius: 0; }
.accordion-item .accordion-header button{ width: 100%; padding: 15px 10px 17px 10px; line-height: 1em; background: none; border: 0; border-radius: 0 !important; cursor: pointer; white-space: nowrap; }
.accordion-item .accordion-header button div{ width: 100%; text-align: center; }
.accordion-item .accordion-header button i{ color: #bbb; }
.accordion-item .accordion-header button:hover, .accordion-item .accordion-header button:hover i{ color: #fff; background: #2faeff !important; }
.accordion-item .accordion-header button[aria-expanded="true"]{ color: #fff; background: #114f76 !important; }
.accordion-item .accordion-header button[aria-expanded="true"] i{ color: #fff; }
.accordion-item .accordion-header button[aria-expanded="false"]{ background: #f9f9f9; }
.accordion-item .accordion-collapse{ border-radius: 0px;}
.accordion-item .accordion-body{ margin: 0; background: #f9f9f9;}
.accordion-item .accordion-body .btn_wrap{ margin: 15px 0;}
.accordion-item .accordion-body .btn_wrap span{ margin-bottom: 15px; font-weight: 700; text-align: center; display: block; transition:0.2s all; }
.accordion-item .accordion-body .btn_wrap span span{ width: auto; margin: 0; display: inline-block; cursor: pointer; }
.accordion-item .accordion-body .btn_wrap span span:hover{ color: #2faeff; }
.accordion-button:after{ display: none; }
/* .accordion-button:hover:after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;}
.accordion-button:not(.collapsed):after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important; background-position: 0 1px !important;} */
.accordion-button a{ color: #bbb; display: block; }
.accordion-button:hover a{ color: #fff !important; }

.accordion.apply h3{ margin-top: 40px; }
.accordion.apply h3:first-child{ margin-top: 0px; }
/*** /ACCORDION ***/

/*** MODAL ***/
.modal{ }
.modal-header{ color: #fff; background: #114f76; }
.modal-open { padding-right: 0 !important;} 
.modal-backdrop { opacity: .9 !important; }
.modal-content{ position: relative; }
.btn-close-wrap{ background-color: #2faeff; border-radius: 0; border-top-right-radius: 5px; border-bottom-left-radius: 5px; position: absolute; top: 0; right: 0; z-index: 10; }
.btn-close{ padding: 15px 15px;}
.modal-body{ padding: 30px 30px 30px 30px; overflow: hidden; }
.modal-body h4{ font-weight: 700; line-height: 1.25em; text-align: center; }
.modal-body h4 span{ font-size: .6em; font-weight: 400; display: block; text-transform: uppercase; }
.modal-body button{ margin-top: 5px; margin-bottom: 5px; }
.modal-img{ height: 130px; text-align: center; }
.modal-img img{ width: auto; max-height: 100%; }
.modal-list{ margin: 20px 0 0 0; padding: 20px 0 0 0; list-style: none; border-top: 1px solid #ccc; }
.modal-list li{ margin: 5px 0; background: #f3f3f3; display: flex; overflow: hidden; }
.modal-list li span{ display: flex; width: 120px; padding: 4px 20px 5px 20px; color: #fff; background: #2faeff; justify-content:flex-end; }
.modal-list li p{ display: flex; width: calc(100% - 120px); padding: 4px 20px 5px 20px; word-break: break-all; }

.list_wrap2 li .list_time{ float: left; width: 104px; height: 33px; padding: 5px 10px 7px 10px; color: #fff; background: #2faeff; display: block; text-align: justify; text-justify: inter-ideograph; }
.list_wrap2 li .list_time:after{ width: 100%; content: ''; display: inline-block;}
.list_wrap2 li .list_cap{ float: left; width: calc(100% - 104px); margin: 0; padding: 5px 0 7px 20px; background: #f6f6f6; display: block; }

.list_wrap .modal .list_wrap2 li{ padding: 0; border: 0; }
.list_wrap .modal .list_wrap2 li:hover{ color: #333; background: none; cursor: default; }
.list_wrap .modal .list_wrap2 li .list_time{ padding: 7px 20px 7px 10px; color: #114f76; font-weight: 700; background: none; }
.list_wrap .modal .list_wrap2 li .list_cap{ padding: 7px 0 7px 20px; text-overflow: clip; white-space: normal; }
/*** /MODAL ***/

/*** MARGIN PADDING ***/
.mt-0{ margin-top: 0; }
.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 20px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-0{ margin-bottom: 0; }
.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }
.mb-30{ margin-bottom: 30px; }

.pl-0{ padding-left: 0; }
.pr-0{ padding-right: 0; }
/*** /MARGIN PADDING ***/

/*** POPOVER ***/
[data-bs-toggle="popover"]{ cursor: pointer; }
.popover{ padding:5px; border: 5px solid #ccc; border-radius: 10px; }
.popover-arrow{ display: none !important; }
/*** /POPOVER ***/


@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome */
}

@media all and (-ms-high-contrast:none){ /* IE 11 */
     *::-ms-backdrop, .label_name{ }
}

@supports (display:-ms-grid) { /* Edge */
}