@charset "utf-8";

@import url("setting.css");

a{ color:#4b93bb; text-decoration:none; transition:0.2s all;}
a:hover{ color:#f60; text-decoration: none;}
a:focus{ text-decoration: none;}

p{ line-height: 1.5em; }

main{ background: #fff; }

.container{ max-width: 1240px; padding: 0 20px; }
.container.w2{ max-width: 1031px; }
.container.w3{ max-width: 808px; }

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

/*** HEADER ***/
header{ width: 100%; height: 74px; padding: 10px 0; background: #fff; }

.logo{ float: left; width: 197px; height: 54px; margin: 0; padding: 0; background: url('../../img/pic-logo.png') center center no-repeat; background-size: cover; text-indent: -9999px;}
.logo a{ width: 197px; height: 54px; display: block; }

ul.menu{ float: right; margin: 12px 0 0 0; padding: 0; list-style: none; overflow: hidden;}
ul.menu li{ float: left; margin: 0 0 0 30px; font-size: 1.125em; }
ul.menu li a{ color: #333; }
ul.menu li a:hover{ color: #4b93bb; }
ul.menu li a.current{ color: #f60; }

.menu-mobile{ width: 45px; position: absolute; top: 18px; right: 5px; z-index: 900; display: none; }
.menu-mobile button{ width: 100%; padding: 8px 15px 9px 15px; }
.menu-mobile .dropdown-toggle, .menu-mobile .dropdown-toggle:focus, .menu-mobile .dropdown-toggle:active{ background: none; border: 0 !important; }
.menu-mobile .dropdown-toggle:after{ display: none; }

.dropdown-menu{ text-align: center; }
/*** /HEADER ***/

/*** BNR ***/
.bnr{ width: 100%; height: 700px; background:#ecf9fe url('../../img/bg-bnr.jpg') center bottom no-repeat; background-size: cover; position: relative; display: table; text-align: center; overflow: hidden; }
.bnr img{ width: 100%; height: auto; }
.bnr_slogan{ display: table-cell; vertical-align: middle; }
.bnr_slogan span{ font-size: 3.75em; font-weight: 700; letter-spacing: 26px; text-indent: 26px; }
.bnr_slogan span:nth-child(2){ color: #4b93bb; }
.bnr_slogan p{ margin: 17px 0; color: #666; font-size: 2.75em; letter-spacing: 13px; text-indent: 13px; }
.bnr_slogan p br{ display: none; }
.bnr_slogan p i{ font-style: normal; }
.bnr_plane{ width: 546px; height: auto; position: absolute; top: 82px; right: 180px; }
.bnr_building_01{ width: 453px; height: auto; position: absolute; bottom: 0px; left: 426px; z-index: 3; }
.bnr_building_02{ width: 380px; height: auto; position: absolute; bottom: 0px; right: 300px; z-index: 2; }
.bnr_building_03{ width: 247px; height: auto; position: absolute; bottom: 0px; left: 197px; z-index: 1; }
/*** /BNR ***/

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

#sidebar { width: 250px; height: 100vh; position: fixed; top: 0; left: -250px; z-index: 998; background: #b4dcfd; color: #fff; transition: all 0.3s; overflow-y: scroll;}
#sidebar.active { left: 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.3s; -o-transition: all 0.3s; transition: all 0.3s;} */
.overlay { width: 100vw; height: 100vh; display: none !important; position: fixed !important; background: rgba(0, 0, 0, 0.9); z-index: 901; opacity: 1; transition: all 0.3s ease-in-out;}
.overlay.active { display: block !important; opacity: 1;}

/* .accordion_header{ height: 80px; background: #4b93bb; } */
.accordion_header{}
.accordion{ border: 0;}
.accordion-item{ margin-bottom: 10px; border: 0; }
.accordion-body{ width: calc(100% - 10px); margin-left: 10px; padding: 15px 20px; background: #f8f8f8; border-radius: 10px; /* border: 5px solid #f00; */ }
.accordion-body a{ padding: 10px 15px; color: #000; display: block; }

.accordion-button{ padding: 10px 20px; border-radius: 10px !important; }
.accordion-button:hover{ border: 0; }
.accordion-button.nocollapsed, .accordion-button.nocollapsed::after{ color: #fff; background: none; background: #4b93bb; box-shadow: none; }
.accordion-button[aria-expanded="false"]{ color: #333; background: #fff; border: 1px solid #ccc}
.accordion-button[aria-expanded="true"]{ color: #fff; background: #4b93bb;}
.accordion-button[aria-expanded="false"]:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23cccccc'><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;}
.accordion-button[aria-expanded="true"]: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;}

.menu_left .accordion-body a{ margin: 5px 0; padding: 0; }
.menu_left .accordion-body a:hover{ color: #4b93bb; }
.menu_left .accordion-body a.current{ color: #f60; }

#sidebar .accordion_header{}
#sidebar .accordion{ border: 0;}
#sidebar .accordion-item{ margin-bottom: 10px; border: 0; }
#sidebar .accordion-body{ width: 100%; margin-left: 0px; padding: 15px 20px; background: #f8f8f8; border-radius: 0px; }
#sidebar .accordion-body a{ padding: 10px 0px; color: #000; display: block; }
#sidebar .accordion-body a.current{ color: #f60; }

#sidebar .accordion-button{ padding: 10px 20px; border-radius: 0px !important; }
#sidebar .accordion-button:hover{ border: 0; }
#sidebar .accordion-button.nocollapsed, .accordion-button.nocollapsed::after{ color: #4b93bb; background: none; background: #b4dcfd; box-shadow: none; }
#sidebar .accordion-button[aria-expanded="false"]{ color: #4b93bb; background: #b4dcfd; border: 0px solid #ccc}
#sidebar .accordion-button[aria-expanded="true"]{ color: #fff; background: #4b93bb;}
#sidebar .accordion-button[aria-expanded="false"]:after { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b93bb'><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;}
#sidebar .accordion-button[aria-expanded="true"]: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;}
/*** /SIDEBAR ***/

/*** SECTION ***/
section{ padding: 75px 0; }
section h2{ margin-bottom: 40px; margin-left: 10px; color: #4b93bb; font-weight: 700; line-height: 1.325em; letter-spacing: 10px; text-align: center; }
section h2.t2{ margin-left: 0px; text-align: left; }
section h2 .bar{ width: 80px; height: 3px; margin: 10px auto 0 auto !important; background: #4b93bb; margin: 0 auto; display: block; }
section h2 .bar.t2{ margin: 10px 0 0 2px !important; }

#nation{ background: #f7f7f7 url('../../img/bg-nation.png'); }

#news .swiper-slide a{ text-align: center; }
#news .swiper-slide a h3{ color: #333; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition:0.2s all; }
#news .swiper-slide a:hover h3{ color: #4b93bb; }
#news .swiper-slide a span{ margin-top: 10px; color: #999; display: block; }

#inquiry{ padding: 0; background: url('../../img/bg-inquiry.jpg') center center no-repeat; background-size: cover; }
#inquiry .collist{ text-align: center; }
#inquiry img{ margin-top: -30px; }
#inquiry .inquiry_box{ padding: 93px 0; text-align: center;}
#inquiry .inquiry_box span{ margin: 0 15px; color: #fff; font-size: 1.875em; font-weight: 700; line-height: 1em; display: inline-block; }
#inquiry .inquiry_box button{ margin-top: 20px; padding: 15px 90px;}
/*** /SECTION ***/

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

/*** BREADCRUMB ***/
nav[aria-label="breadcrumb"]{ padding:8px 0 7px 0; font-size: .875em; color: #999; }
ol.breadcrumb{ margin: 10px 0 0 0; padding: 0; text-align: center; display: block;}
.breadcrumb-item{ display: inline-block; }
.breadcrumb-item:before{ color: #999 !important; }
.breadcrumb-item.active{ color: #333; font-weight: bold; }
ol.breadcrumb a{ color: #e3e3e3; }
ol.breadcrumb a:hover{ color: #fff; }
/*** /BREADCRUMB ***/

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

/*** PRODUCT ***/
/*** /PRODUCT ***/

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

/*** CNT ***/
#inner .container{ min-height: 350px; }
/* #inner article{ margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #ccc; } */
#inner article:last-child{ margin-bottom: 0; }
#inner h3{ margin-bottom: 20px; color: #4b93bb; }
#inner h3 i{ margin-right: 10px; color: #f90; }
#inner ol{ margin: 0 0 0 5px; }
#inner ol li{ list-style: disc; line-height: 1.625em; }
#inner p{ line-height: 1.625em; }
#inner table{ min-width: 1038px; border-collapse: collapse; text-align: center; }
#inner table.w-100{ width: 100%; min-width: auto;}
#inner table th, #inner table td{ padding: 10px; border: 1px solid #ccc; }
#inner table th{ color: #fff; font-weight: 400; background: #333; }
#inner table td.bg01{ background: #f3f3f3; }

.about_img{ text-align: right; }

.box_wrap{ margin: 5px 0; position: relative; }
.box_img{ border-radius: 10px; }
a .box_img{ transition:0.2s all; }
a:hover .box_img{ box-shadow: 0 0 20px rgba(0, 0, 0, .75); }
.box_img img{ width: 100%; height: auto; }
.box_cap{ width: 100%; padding: 10px 10px 12px 10px; color: #fff; line-height: 1em; background: rgba(0, 0, 0, .75); border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; position: absolute; bottom: 0; z-index: 1; text-align: center; }

.nbox_wrap{ margin: 0px 0; border: 1px solid #ccc; border-radius: 10px; position: relative; }
a .nbox_wrap{ transition:0.2s all; }
a:hover .nbox_wrap{ box-shadow: 0 0 10px rgba(0, 0, 0, .75); }
.nbox_city{ max-width: 100%; padding: 5px 15px 7px 15px; color: #fff; font-size: .813em; background: rgba(0, 0, 0, .75); border-top-left-radius: 10px; border-bottom-right-radius: 10px; position: absolute; }
.nbox_img{ border-radius: 10px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.nbox_img img{ width: 100%; height: auto; }
.nbox_txt{ width: 100%; padding: 15px 15px 17px 15px; background: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.nbox_txt h5{ height: 50px; margin-bottom: 10px; color: #000; line-height: 1.25em; }
.nbox_txt p{ height: 60px; color: #999; line-height: 1.25em !important; }

.menu-left{ margin: 0; padding: 0; list-style: none; }
.menu-left li{ margin-bottom: 10px; color: #666; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .25); }
.menu-left li:hover{ color: #4b93bb; }
.menu-left li a{ padding: 10px 15px; color: #666; display: block; }
.menu-left li a:hover{ color: #4b93bb; }
.menu-left li a.current{ color: #fff; background: #4b93bb; border-radius: 10px; }
.menu-left-gap{ display: none; }
.menu-left-search{ width: 100%; max-width: 355px; margin: 8px 0!important; padding: 10px 15px; color: #4b93bb !important; display: none;}
.menu-left-search i{ margin-right: 8px; }

.form_search{ padding: 20px; border: 1px solid #ccc; border-radius: 10px; }
.form_search input{ margin-left: 0 !important; }

.city{ margin: 0 0 -7px 0; padding: 0; list-style: none; overflow: hidden; }
.city li{}
.city li a{ margin: 0 0 10px 0; padding: 5px 15px 7px 15px; color: #666; border: 1px solid #ccc; border-radius: 5px; display: block; }
.city li a:hover{ color: #4b93bb; border-color: #4b93bb; }

.news_box, .news_box:focus{ padding: 30px; border-radius: 10px; box-shadow: 0 0 5px rgba(0, 0, 0, .25) !important; overflow: hidden; position: relative; }
.news_box h3{ color: #333 !important; font-weight: 700; line-height: 1.25em; word-break: break-all; }
a .news_box h3{ color: #333 !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; transition:0.2s all; }
a:hover .news_box h3{ color: #4b93bb !important; }
a .news_box p{ color: #666; }
.news_box span{ margin: 10px 20px 0 0; color: #999; display: inline-block; }
.news_box span i{ margin-right: 8px; }
.news_box p{ text-overflow: clip; white-space: normal; word-break: break-all; }

.quote_1{ text-overflow: ellipsis !important; white-space: nowrap !important; overflow: hidden; }
.quote_2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.quote_3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }

.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 span{ margin: 0 0 0 0; }
.inner_tv i{ margin: 0 8px 0 0;}

.service_wrap{ background:#ecf9fe; border-radius: 20px; }
.service_wrap .img_bg_service{ padding: 40px; }
.service_wrap .img_bg_service img{ max-width: 100%; height: auto; }
.service_item{ padding: 30px 60px; display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
.service_item:nth-child(2n+1){ background: #e6f0f7; }
.service_item:first-child{ border-top-right-radius: 20px; border-top-left-radius: 20px; }
/* .service_item:last-child{ border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } */
.service_ico{ flex-basis: 300px; text-align: center; }
.service_ico img{ max-height: 150px; }
.service_txt{ }
.service_txt h4{ margin-bottom: 10px; font-weight: 700; }

.list01 li{ margin: 0 0 0 25px; padding: 0 0 0 7px; list-style: decimal; }

.search_float{ width: 80px; height: 80px; color: #4e9bc6; font-size: 2em; line-height: 80px; background: #b4dcfd; border-radius: 50%; position: fixed; right: 20px; bottom: 20px; z-index: 99; text-align: center; cursor: pointer; }

.flex_wrap{ align-items: stretch; display: flex; }
.flex_wrap span{ padding: 10px; color: #4b93bb; background: #dcefff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; flex-basis: 100px; align-items: center; justify-content: center; display: flex; }
.flex_wrap p{ padding: 10px; background: #f9f9f9; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; flex-basis: calc(100% - 100px); display: flex; }
/*** /CNT ***/

/*** PAGINATION ***/
.pagination_wrap{ width: 100%; text-align: center; }
.pagination{ margin-top: 50px; }
.pagination li{ list-style: none; }
.pagination .page-item, .pagination .page-item a{ margin: 0 1px; border-radius: 5px !important; }
.pagination a{ color: #666; }
.pagination a:hover{ color: #666; background: #f3f3f3; }
.pagination .active .page-link{ background: #4b93bb; border-color: #dee2e6; }
/*** /PAGINATION ***/

/*** FOOTER ***/
footer{ padding: 40px 0; background: #fff; overflow: hidden; }
footer ul.social{ float: left; margin: 0; padding: 0; list-style: none; overflow: hidden; }
footer ul.social li{ float: left; margin-right: 20px; }
footer ul.social li img{ width: 50px; height: auto; }

ul.info{ float: right; margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.info li{ float: left; margin-left: 20px; }
ul.info li a{ color: #333; }
ul.info li a:hover{ color: #4b93bb;}
ul.info li i{ margin-right: 8px; color: #4b93bb;}
ul.info p{ color: #666; text-align: right; }

ul.info.t2{ float: none; }
ul.info.t2 li{ float: none; font-size: 1.125em; margin: 0 0 10px 0; }
ul.info.t2 i{ width: 18px; text-align: center; }
/*** /FOOTER ***/

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

/*** BTN ***/
.btn{ padding: 13px 40px 15px 40px; font-weight: 700; line-height: 1em; border-width: 3px; border-radius: 10px; }
.btn_wrap{ width: 100%; margin:30px 0 0 0; }

.btn-primary{ background: #4b93bb; border-color: #4b93bb; }
.btn-primary:hover, .btn-primary:focus{ background: #b4dcfd !important; border-color: #b4dcfd !important; }

.btn-outline-primary{ color: #4b93bb; background: #fff; border-color: #4b93bb; }
.btn-outline-primary:hover, .btn-outline-primary:focus{ color: #fff !important; background: #4b93bb; border-color: #4b93bb; }

.btn-outline-light{ color: #fff; background: none; border-color: #fff; }
.btn-outline-light:hover, .btn-outline-light:focus{ color: #fff !important; background: #4b93bb; border-color: #4b93bb; }

#q_btn button:hover, #q_btn button:focus{ background: #4b93bb !important; border-color: #4b93bb !important;}

.btn_wrap.chk .btn{ margin: 5px 10px; }
/*** /BTN ***/

/*** COLOR ***/
.color01{ color: #4b93bb; }
.color02{ color: #ff6500; }
.color_note, .color_note a{ color: #c00; }
.color_note a:hover{ text-decoration: underline; }
/*** /COLOR ***/

/*** FORM ***/
/*** /FORM ***/

/*** 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 ***/

/*** MODAL ***/
.modal-body{ padding: 30px; }
.modal-body input, .modal-body select{ margin: 0 0 10px 0 !important; border-radius: 5px; }
.modal-open{ padding-right: 0 !important; }
/*** /MODAL ***/


@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 */
}