@charset "utf-8";

/*common*/
*{box-sizing:border-box;word-break:keep-all !important;}
body{line-height:1.4;}
a {color: inherit;text-decoration: none;}
.con-flex{display:flex;align-items:center;}
.con-flex-bet{display:flex;align-items:center;justify-content:space-between;}
.contents{padding:140px 0;overflow:hidden;}
.inner{position:relative;width:1400px;margin:0 auto;overflow:hidden;}
.btn{display:flex;align-items: center;border-radius:30px;justify-content: center;}
.m-only{display:none;}
.videoWrapper {
    position: relative;
    /* padding-bottom: 56.25%;  */
    width:100%;
    height: 100%;
}
.videoWrapper iframe {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

.br-m{display:none;}
.swiper{height:100%;}
input{outline: none;border:none;}
button{outline: none;border:none;}
.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}
.videoWrapper video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 	background-position: center center;
 	background-size: contain;
    object-fit: cover; /*cover video background */
	z-index:-1;
}


/*************form*************/
/*checkbox*/
.chk-wrap label {display: block;position: relative;padding-left: 35px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.chk-wrap label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.chk-wrap .chkmark {position: absolute;top: 0;left: 0;height: 24px;width: 24px;background:url(../img/common/ico_chk_off.svg) no-repeat center;background-size:24px;}
.chk-wrap label input:checked ~ .chkmark {background:url(../img/common/ico_chk_on.svg) no-repeat center;background-size:24px;}
.chk-wrap .chkmark:after {content: "";position: absolute;display: none;}
.chk-wrap label input:checked ~ .chkmark:after {display: block;}
.chk-wrap label .chkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/*header*/
header{position:fixed;top:0;left:0;width:100%;z-index:999;width:100%;height:90px;border-bottom: 1px solid rgba(255, 255, 255, 0.20);background:#00378A;}
header.scr{background:#00378A;border-bottom: 1px solid #00378A;}
header .inner{overflow:visible;height:100%;}
header .inner .menu,
header .inner .menu ul{overflow:visible;height:100%;gap:80px;}
header .inner .menu li{overflow:visible;position:relative;height:100%;line-height:90px;}
header .inner .menu li.on::after{content:'';display:block;position:absolute;bottom:-1px;left:50%;z-index:999;width:150%;height:1px;background:#DD372B;transform:translateX(-50%);}
header .inner .menu li a{font-size:18px;font-weight:700;color:#fff;}
header .inquiry-btn{width:152px;height:52px;border:1px solid #fff;background:transparent;color:#fff;font-size:18px;font-weight:700;}
header .inquiry-btn::before{content:'';display:inline-block;width:24px;height:24px;margin-right:5px;background:url(../img/common/ico_hd_inquiry.svg) no-repeat;background-size:24px;}
header h1 img{width:220px;}

/*footer*/
footer{width:100%;background:#0B1F51;}
footer .ft-top{padding:100px 0;border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .ft-top .con-l{width:40%;}
footer .ft-top .con-r{width: 60%;}
footer .inner{align-items: flex-start;}
footer .cs-info{padding-bottom:44px;margin-bottom:44px;border-bottom:1px solid rgba(255, 255, 255, 0.1);font-size:28px;color:#fff;}
footer .ft-top .con-l h2{font-size:60px;font-weight:700;color:#fff;}
footer .cs-info ul{flex-direction: column;align-items: flex-start;}
footer .com-info{color:rgba(255,255,255,.4);line-height:1.8;}
footer .ft-bt{padding:32px 0;font-size:14px;color:rgba(255,255,255,.3);}
footer .phone-wrap a:first-child{display:inline-block;padding-right:24px;margin-right:24px;}
footer .phone-wrap a:first-child::after{content:'';display:inline-block;position:relative;top:0px;right:-24px;width:1px;height:16px;background:#fff;}

/*paging*/
/* .pg_wrap .pg_next.disable,
.pg_wrap .pg_prev.disable{opacity:.5;} */
.pg_page.pg_prev{background:url(../img/common/ico_paging_prv_on.svg) no-repeat center;background-size:24px;}
.pg_page.pg_next{background:url(../img/common/ico_paging_nxt_on.svg) no-repeat center;background-size:24px;}
.pg_page.pg_prev.disable{background:url(../img/common/ico_paging_prv_off.svg) no-repeat center;background-size:24px;}
.pg_page.pg_next.disable{background:url(../img/common/ico_paging_nxt_off.svg) no-repeat center;background-size:24px;}
.pg_page{background:#fff;color:#C2C2D1;}
.pg_current{background:#fff;color:#000;}