@charset "UTF-8";

/* reset.css*/
html{box-sizing:border-box;overflow-x:hidden;}
*,*:before,*:after{box-sizing:inherit;}
* {-webkit-text-size-adjust:none;}
::selection {background: #ebf0f6;}
body{font-size: 16px;margin:0;padding:0;overflow-x:hidden;font-weight:400;line-height:1.5;color:#333;word-break:break-all;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
a{color:inherit;text-decoration:none;}
img{border:0;vertical-align:middle;font-size:0;width: auto;max-width: 100%; height: auto;}
table{border-collapse:collapse;width:100%;}
caption,legend{ overflow: hidden; border: 0; width: 1px; height: 1px;  clip: rect(1px, 1px, 1px, 1px);}
select, input, textarea{color:inherit;font-size:1rem;}
textarea { resize: none; -webkit-appearance: none; overflow: auto; vertical-align: top;  outline: none;}
select, input{vertical-align:middle;}
address,em,i{font-style:normal;}
button{cursor:pointer; border: 0; outline: 0; margin: 0; padding: 0;}
hr{margin:0;border:none;padding:0;display:block;}
form, figure, figcaption{padding:0;margin:0;}
fieldset{border:none;padding:0;margin:0;}
input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
header, footer, article, section, aside, nav, main{display:block;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder{color:#bababa !important;font-size:1rem;}

input:-ms-input-placeholder{color:#bababa !important;font-size:1rem !important;}
select:-ms-input-placeholder{color:#bababa !important;font-size:1rem !important;}
textarea:-ms-input-placeholder{color:#bababa !important;font-size:1rem !important;}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#bababa;font-size:1rem;}


/** Custom Select **/
.custom-select-wrapper{position:relative;display:inline-block;user-select:none;}
.custom-select-wrapper select{display:none;}
.info-select{position:relative;z-index:1;display:inline-block;background:#fff;border-radius:20px;}
.info-select.opened{position:relative;z-index:2;}
.custom-select-trigger{position:relative;z-index:3;display:block;min-width:172px;height:35px;padding:0 13px;color:#bababa;font-size:.65rem;line-height:35px;overflow:hidden;cursor:pointer;}
.custom-select-trigger:before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%;border:1px solid #e9e9f0;border-radius:20px;z-index:1;content:'';}
.info-select.opened .custom-select-trigger:before{display:none;}
.custom-select-trigger:after{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-family:'xeicon';font-size:1rem;color:#656565;font-weight:400 !important;content:'\e942';-webkit-transition:transform .3s;transition:transform .3s;}
.select-box.active .custom-select-trigger{color:#5878e1;font-weight:700;}
.info-select.opened .custom-select-trigger:after{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);}
.custom-options{position:absolute;display:none;width:100%;max-height:235px;min-height:35px;background:#fff;border-radius:20px;padding:35px 0 10px !important;margin-top:-35px !important;-webkit-box-shadow:0 10px 10px 0 rgba(52,52,52,.2);box-shadow:0 10px 10px 0 rgba(52,52,52,.2);z-index:2;}
.info-select.opened .custom-options:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border:1px solid #5878e1;border-radius:20px;content:'';}
.info-select.opened .custom-select-trigger{color:#656565;}
.custom-option{position:relative;display:block;padding:7.5px 13px;color:#656565;font-size:.65rem;cursor:pointer;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.custom-options .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical{margin:31px 0 12px !important;opacity:1 !important;}
.custom-options .mCSB_scrollTools .mCSB_draggerRail{width:100%;background:#f5f5f8 !important;}
.custom-options .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#5d73fa !important;}
.custom-options .mCSB_scrollTools .mCSB_draggerContainer{width:4px !important}

.search-form-wrap2{display:inline-block;margin-right:15px;vertical-align:middle;}
.search-form-wrap2 .custom-select-trigger{height:46px;padding:0 1.25rem;line-height:44px;font-size:.8rem;}
.search-form-wrap2 .custom-select-trigger:before{border:1px solid #e9e9f0;background:#f4f4f4;border-radius:30px;z-index:-1;}
.search-form-wrap2 .select-box.active .custom-select-trigger{color:#1c1d21;font-weight:800;}
.search-form-wrap2 .custom-options{padding-top:46px !important;margin-top:-46px !important;background:#f4f4f4;-webkit-box-shadow:none;box-shadow:none;}
.search-form-wrap2 .custom-option{padding:7.5px 1.25rem;font-size:.8rem;}
.search-form-wrap2 .info-select.opened .custom-options:before{border:1px solid #e9e9f0;background:#f4f4f4;}

input {outline:0;color:#333; font-size: 1rem;}

/*input-group*/
.input-wrap{position:relative;display:block;min-width:237px;height:45px; background:#fff; border:3px solid #3c7cd1;}
.input-wrap input{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 13px;color:inherit;font-size: 1rem;border:0;}
.input-wrap textarea{width:100%;height:100%;padding:13px;border-radius:20px;background:transparent;color:#333;font-size:1rem;border:0;overflow-style:none;scrollbar-width:none;}
.input-wrap textarea::-webkit-scrollbar{display:none;}
.input-wrap input:focus,
.input-wrap textarea:focus {outline:0;color:#333; }
.input-style {min-width: 100px; height: 45px; background: #fff; border: 1px solid #ececec; position: relative;} 
.input-style input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 13px; color: #333; font-size: 1rem; border: none;}
.input-style input:focus {color: #333;}

/*pager*/
.pager{overflow:hidden;overflow-x:auto;margin:auto;text-align:center;white-space:nowrap;}
.pager > *{display:inline-block;overflow:hidden;position:relative;width:30px;height:30px; line-height: 30px; margin:0 .25rem;vertical-align:top;border-radius:50%;color:#585858;text-align:center;line-height:30px;font-size:1rem;font-weight:400;transition:background .3s, color .3s;-webkit-transition:background .3s, color .3s;}
.pager .active{font-weight:500;background:#3c7cd1; color: #fff;}
.pager .arr{position:relative;margin:0 0.1rem;}
.pager .arr.prev{margin-right:.5rem;}
.pager .arr.next{margin-left:.5rem;}
.pager .arr::before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:30px;height:30px;font-family:'xeicon';font-size:1rem;color:#585858;content:'\e93c';}
.pager
.arr.first::before{left:calc(50% - 3px);}
.arr.first::after{position:absolute;top:50%;left:calc(50% - -1px);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);width:30px;height:30px;font-family:'xeicon';font-size:1rem;color:#585858;content:'\e93c';}
.pager .arr.next::before{content:'\e93f';}
.pager .arr.last::before{content:'\e93f';left:calc(50% - 3px);}
.pager .arr.last::after{position:absolute;top:50%;left:calc(50% - -1px);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:30px;height:30px;font-family:'xeicon';font-size:1rem;color:#585858;content:'\e93f';}

/*layerPopup*/
.layerPopup{position:fixed;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:100%;height:100%;background:rgba(0,0,0,.5);z-index:99;opacity:0;visibility:hidden;transition:opacity .3s, visibility .3s;-webkit-transition:opacity .3s, visibility .3s;}
.layerPopup .popup-wrap{position:absolute;top:70%;left:50%;width:1280px;max-height:800px;padding:2rem 1rem 2rem 2rem; border-radius:25px;background:#fff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;transition:opacity .3s, top .3s;-webkit-transition:opacity .3s, top .3s;}
.layerPopup .popup-wrap .tit-area{margin-bottom:30px;}
.layerPopup .popup-wrap .tit-area .btn-style1:hover,
.layerPopup .popup-wrap .tit-area .btn-style1:focus{background:#fff;border-color:#e9e9f0;color:#1c1d21;}
.layerPopup .popup-wrap .tit-area .btn-style1:hover > i,
.layerPopup .popup-wrap .tit-area .btn-style1:focus > i{color:#8a8a8a;}
.layerPopup .scroll-wrap{max-height:500px;height:calc(100% - 62px);border-bottom:0; overflow-y: auto; padding-right: 20px;}
.layerPopup .scroll-wrap.mCustomScrollbar{padding-right:1rem;border-bottom:0;}
.layerPopup .btn-close{position:absolute;top:1.1rem;right:1.1rem;color:#555;}
.layerPopup .btn-close i{transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:transform .3s;-webkit-transition:transform .3s; font-size: 1.2rem;}
.layerPopup .btn-close:hover i,
.layerPopup .btn-close:focus i{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.layerPopup .custom-options{-webkit-box-shadow:0 10px 10px 0 rgba(52,52,52,.2);
box-shadow:0 10px 10px 0 rgba(52,52,52,.2);}

.layerPopup.active{opacity:1;visibility:visible;}
.layerPopup.active .popup-wrap{top:50%;opacity:1;}

@media screen and (max-width:1200px) {
    .layerPopup .popup-wrap {width: 90%; margin: 0 auto;padding: 2rem 1.5rem 2rem 2rem;}
}