#smtg_logo_div{
	position: fixed!important;
    z-index: 8888!important;
    display: inline!important;
    left: 1px!important;
	top:inherit!important;
    bottom: 1px!important;
    width: 134px!important;
    height: 38px!important;
}
/* ======================================MAIN VISUAL ======================================*/

#mainVisual{width: 100%;height: 100vh;
    background-image: url(../img/visual/mainVisual.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition:all 3s;   
}
#mainVisual2{width: 100%;height: 100vh;
    background-image: url(../img/visual/new_MainVisual.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition:all 3s;   
}
.mainPerson {
    bottom: 0px;
    position: absolute;
    right: 0px;
    z-index: 90;
}
.pcperImg{
	display:inline-block;
}
.moperImg{
	display:none;
}
.mainPerson img{
	height:889px;
}
.mainVisual_contentWrap{margin: 0 auto;color: var(--txt-w); color: #fff; text-align: left; 
    max-width: 1820px; height: 100%;
    padding-left: 20px; padding-right: 20px;
    display: flex; align-items: center; justify-content: left; 
}
.mainVisual_content{padding: 0!important;z-index:100;}
.mainVisual_txtWrap{position: relative;
    text-align: left;
}
.mainVisual_Tit{font-weight: 400; font-size: 24px; line-height: 80px;letter-spacing: -0.3px;
    margin-bottom: 35px; position: relative;
    position: relative; top: -25px;
    transition: top 0.5s ease-in-out;
    visibility: hidden; opacity: 0;
    color: #222;
}

.mainVisual_Desc{font-family: 'cardo', serif;
    font-size: 80px; font-weight: 400; ;line-height: 90px; letter-spacing: -0.1px;
    margin-bottom: 55px;
    position: relative; top: -20px;
    transition: opacity 0.7s ease-in-out;
    visibility: hidden; opacity: 0;
    transition-delay: 0.5s;
    color: #222;
}
.mainVisual_Desc.load{ top: 0px;
    visibility: visible; opacity: 1;
}
.mainVisual_btnWrap {text-align: left;}
.mainVisual_btn{
    width: 180px;
    display: inline-flex; justify-content: space-between; align-items: center;
    padding: 0 20px; 
    font-weight: 500; font-size: 16px;line-height: 55px; letter-spacing: -0.1px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: #222;
    opacity: 0;
    transition: opacity 0.5s;
    transition-delay:1s ;
    
}
.mainVisual_btn a{width: 100%;
    display: block;
}
.mainVisual_btnWrap.load .mainVisual_btn{
    opacity: 1;
}

.mainVisual_btn:first-of-type::after{content:"";
    width: 20px; height: 20px;
    background: url(../img/icon/icon_speechB.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mainVisual_btn:last-of-type::after{content:"";
    width: 17px; height: 17px;
    background: url(../img/icon/icon_coin.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mainVisual_btn + .mainVisual_btn{margin-left: 20px}
.mainVisual_contentWrap .visualSideTxt{
    text-transform: uppercase; font-family: 'Lato', sans-serif; color: #222; font-weight: 700; font-size: 12px; letter-spacing: 2.5px;
    transform: rotate(-90.1deg);
    position: absolute; left: 0; bottom: 15%;
}
.mainVisual_contentWrap {position: relative;}

.mainVisual_contentWrap .visualSideTxt::after{content:"";
    width: 0.1px; height: 86px;
    background-color: #ddd;
    display: inline-block;
    position: absolute; left: 235px; bottom: -37px;
    transform: rotate(-90deg);
}
/* hover/ js animation */
#header:hover{background-color: #fff;}
@keyframes buttonShiny {
    from {
        left: -25%;
    }
  
    to {
        left: 82%;
    }
  }
.mainVisual_btn:hover::before{    
    animation-duration: 0.5s;
    animation-name: buttonShiny;
}

.mainVisual_Tit.load{
    top: 0;
    visibility: visible; opacity: 1;
}
.mainVisual_Tit.load::before{
    opacity: 1; 
    top: 68px;
}
.mainVisual_Tit.load::after{
    opacity: 1;
    bottom: 1px; 
}
.mainVisual_contentWrap::before{
    content: "";
    width: 13px;height: 30px;
    background: url(../img/main/scroll.png) no-repeat center;
    background-size: 13px 30px;
    position: absolute; bottom: 11%; left: 50%;
    transform: translateX(-50%);
    animation: scrollTxt 1.5s infinite;
    box-sizing: border-box;
    /* animation: scrollIcon 2s infinite;
    opacity: 1;
    transition: bottom 0.5s ease-in-out, opacity 0.5s;  */
}


.mainVisual_contentWrap::after{
    content:"Scroll Down";
    font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 1.5px;
    color: #222;
    position: absolute; bottom: 5%; left: 50%;
    transform: translateX(-40%);
    /* animation: scrollTxt 2s infinite;
    opacity: 1;
    transition: bottom 0.5s ease-in-out, opacity 0.5s;  */
}
@keyframes scrollIcon {
    from {
        bottom: 9%;
        opacity: 1;
    }
    50% {
        bottom: 7%;
        opacity: 0;
    }
    100% {
        bottom: 9%;
        opacity: 1;
    }
}
@keyframes scrollTxt {
    0% {
      transform: translate(0, 0);
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: translate(0, 20px);
      opacity: 0;
    }
  }


/* media */
@media (max-width: 1650px){
    #mainVisual {background-position: 80%;}
    .mainVisual_contentWrap .visualSideTxt { display: none;    }
	.mainPerson {right: -80px;}
	.mainPerson img {height: 809px;}
}
@media (max-width: 1300px){
	.mainPerson {right: -120px;}
	.mainPerson img {height: 729px;}
}
@media (max-width: 1200px){
    #mainVisual{    height: 100vh;}
    .mainVisual_txtWrap dt{font-size: 20px; line-height: 24px;
        margin-bottom: 30px;
    }
	.mainVisual_txtWrap h1{font-size: 20px; line-height: 24px;
        margin-bottom: 30px;
    }
    .mainVisual_txtWrap dd {
        font-size: 68px; line-height: 80px;
        margin-bottom: 150px;
    }
	.mainVisual_txtWrap h2 {
        font-size: 68px; line-height: 80px;
        margin-bottom: 150px;
    }
    .visualSideTxt{display: none;}
}

@media (max-width: 991px){
    
    #mainVisual {padding: 150px 0 100px 0;}
    .mainVisual_txtWrap dd {font-size: 55px; line-height: 70px;
        margin-bottom: 200px;
    }
	.mainVisual_txtWrap h2 {font-size: 55px; line-height: 70px;
        margin-bottom: 200px;
    }
    .mainVisual_btn {
        line-height: 50px;
        font-size: 15px;
    }
    .mainVisual_btn::after {  width: 20px;height: 20px;}
    .mainVisual_contentWrap::before{bottom: 2%;  }
    .mainVisual_contentWrap::after{ bottom: -5%;}
    @keyframes scrollIcon {
        from {
            bottom: 0%;
            opacity: 1;
        }
        50% {
            bottom: -5%;
            opacity: 0;
        }
        100% {
            bottom: 0%;
            opacity: 1;
        }
    }
    @keyframes scrollTxt {
        0% {
          transform: translate(0, 0);
          opacity: 0;
        }
        50% {
          opacity: 1;
        }
        100% {
          transform: translate(0, 20px);
          opacity: 0;
        }
      }
    
}
@media (max-width: 960px){
	.mainPerson {right: -120px;}
	.mainPerson img {height: 579px;}
}
@media (max-width: 767px){
    #mainVisual {  max-height: 980px;height: auto;
        background-image: url(../img/visual/mainVisual_m.jpg); 
        padding: 250px 0 100px 0;
        background-position: top center;
    }
	.mainPerson {right: -120px;}
	.mainPerson img {height: 579px;}
    .mainVisual_txtWrap dt {font-size: 18px; line-height: 30px;
        margin-bottom: 20px;
    }
	 .mainVisual_txtWrap h1 {font-size: 18px; line-height: 30px;
        margin-bottom: 20px;
    }
    .mainVisual_txtWrap dt .mBr{display: block;}
	 .mainVisual_txtWrap h1 .mBr{display: block;}
    
    .mainVisual_txtWrap dd {font-size: 40px; line-height: 50px;  font-weight: 400;
        margin-bottom: 150px;
      
    }
	.mainVisual_txtWrap h2 {font-size: 40px; line-height: 50px;  font-weight: 400;
        margin-bottom: 150px;
      
    }
    .mainVisual_btnWrap{display: flex; justify-content: center;
        width: 100%;
    }
    .mainVisual_btn {  padding: 10px 15px;
        width: 200px;
        font-size: 14px;
        max-height: 45px;
    }
    .mainVisual_contentWrap::before,  .mainVisual_contentWrap::after{display: none;  }
   
}
@media (max-width: 600px){
	.mainPerson {
		box-sizing: border-box;
		width: 100%;
		display: block;
		right: inherit;
		transform: inherit;
		left: 0px;
		text-align: center;
	}
	.mainPerson img {position:relative;height: 489px;left: 9%;}
}
@media (max-width: 500px){
	.mainVisual_contentWrap{
		display:block;
	}
	.mainVisual_content {
		height: 100%;
		top: 0px;
		padding-top: 90px!important;
	}
	.mainVisual_txtWrap h2 {
		margin-bottom: 0px;
	}
	
    .mainVisual_txtWrap dt {font-size: 16px; line-height: 26px;
        margin-bottom: 18px;
    }
	.mainVisual_txtWrap h1 {font-size: 16px; line-height: 26px;
        margin-bottom: 18px;
    }
    .mainVisual_txtWrap dd{
        font-size: 32px; line-height: 40px;
    }
	.mainVisual_txtWrap h2{
        font-size: 32px; line-height: 40px;
    }
	.mainVisual_btnWrap {
		position: absolute;
		display: flex;
		justify-content: center;
		width: 100%;
		left: 0px;
		bottom: 50px;
	}
    .mainVisual_btn + .mainVisual_btn { margin-left: 15px; }
    .mainVisual_btn {  width: auto;flex: 1;}
	
	.pcperImg{
		display:none;
	}
	.moperImg{
		display:inline-block;
	}
	.mainPerson img {
		position: relative;
		height: auto;
		left: 0px;
		width: 100%;
	}
}
/* //media */
/* ======================================// MAIN VISUAL ======================================*/
/* ====================================== MAIN INTRO ======================================*/
.mainIntro{width: 100%;height: 480px;
    background: url(../img/main/introBannerBg.png) no-repeat center;
    background-size: cover
}
.mainIntro_wrap .inr{display: flex; align-items: flex-end;
    max-width: 1200px;  height: 480px;
    margin: 0 auto;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.intro_imgWrap .intro_imgFigure img{
    max-width: 100%; max-height: 419px;
}
.intro_imgFigure  {position: relative;left: -200px;
    opacity: 0;
    transition: left 0.8s ease-in, opacity 0.5s;
}

.intro_txtWrap{display: flex; flex-direction: column; justify-content: center;
    height: 100%; margin-right: 55px;
}
.intro_txt{opacity: 0;
    transition: opacity 0.5s ease-in-out;
    transition-delay: 0.5s;
}
.intro_txt em{font-size: 32px; font-weight: 350; letter-spacing: -0.4px; color: #222; line-height: 44px;
    margin-bottom: 15px;
    display: block;
}
.intro_txt p{
    font-size: 16px; line-height: 32px; color:#222; font-weight: 300;
    margin-bottom: 40px; letter-spacing: -0.1px;
}
.intro_txt h3{
    font-size: 16px; line-height: 32px; color:#222; font-weight: 300;
    margin-bottom: 40px; letter-spacing: -0.1px;
}
.intro_btn{width: 130px;
    font-size: 14px; color: #222; line-height: 45px; text-align: center;
    border: 1px solid #eee;border-radius: 5px;
}
.intro_btn:hover{border: 1px solid #000; transition:all 400ms linear}

/* js.animation */
.intro_imgFigure.scroll{left: 0; 
    opacity: 1;
}
.intro_txt.scroll{opacity: 2;}
@media (max-width: 1200px){
    .intro_txtWrap {margin-right: 40px;}
}
@media (max-width: 991px){
    .mainIntro{background-position: right;}
    .intro_txt .pointTit{
        font-size: 18px; margin-bottom: 8px;
    }
    .intro_txt em{font-size:30px; 
        margin-bottom: 10px;
    }
    .intro_txt p{font-size: 15px}
    .intro_txt p br{display: none;}
	.intro_txt h3{font-size: 15px}
    .intro_txt h3 br{display: none;}
    .intro_txtWrap { width: 80%;}
    .intro_imgWrap .intro_imgFigure img {   max-height: 500px;}
}
@media (max-width: 767px){
    .mainIntro{background: url(../img/main/introBannerBg_m.png) no-repeat center;
        background-size: cover;
    }
    .mainIntro_wrap .inr{   display: block;
        padding: 50px 20px 110px 20px!important;
    }
    .intro_txtWrap{width: 100%;
        display: block;
        padding: 0 32px
    }
    .mainIntro, .mainIntro_wrap .inr{height: auto;}
    .mainIntro_wrap .inr{padding: 0 20px}
    .intro_imgWrap{margin-bottom: 35px;}
    .intro_imgWrap .intro_imgFigure{text-align: center;}
    .intro_imgWrap .intro_imgFigure img {
        max-height: 260px;
    }
    .intro_txt .pointTit{font-size: 14px;
        margin-bottom: 15px;
    }
    .intro_txt em{font-size: 22px; line-height: 50px;
        margin-bottom: 0;
    }
    .intro_txt p{
        font-size: 14px; line-height: 28px;
    }
	.intro_txt h3{
        font-size: 14px; line-height: 28px;
    }
    .intro_btn{border: 1px solid #222;}
  
}
@media (max-width: 500px){
    .mainIntro{
        background-size: 100%;
        background-position:bottom ;

    }
    
}
/* ======================================// MAIN INTRO ======================================*/
/* ====================================== MAIN REGISTER ======================================*/
.mainReg{width: 100%;
    background-color: var(--info-B);
    background-color: #F6FAFC;
    padding: 100px 0 110px 0;
}
.mainRegs_Box{
    display: block; 
    width: 100%;
    vertical-align: middle;
}
.mainRegs_Box + .mainRegs_Box{
    margin-top: 70px
}
.regBox_contentLeft{margin-right: 40px;}
.mainRegs_wrap {padding-bottom: 20px;}
.regBox_tit{margin-bottom: 25px;position:relative;}
.regBox_tit strong{color: var(--txt-D); color: #222; font-size: 26px; font-weight: 500;}
.regBox_content{width: 100%;}
.regBox_content{display: flex;}
.regBox_content>div{flex: 1;}
.regBox_contentInfo ul{display: flex;}
.regBox_contentInfo ul li{min-width: 270px;
    background-color: #fff;
    border-radius: 5px;
    padding: 12px 30px 30px 30px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
}
.regBox_contentInfo ul li .regiLink{position: relative;
    overflow: hidden;
    z-index: 999;
}
.regBox_contentInfo ul li .regiLink::after{
    content:""; width: 100%; height: 100%;
    background: #222;
    display: inline-block;position: absolute; left: 0; top: -100%;z-index: -1;
    transition: all 0.4s linear;
}
.regBox_contentInfo ul li + li{margin-left: 20px;}
.regType{font-size: 18px; font-weight: 500; letter-spacing: -0.1px; color: #444;
    display: flex; justify-content: space-between; align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.regType:after{content:"";
    display: inline-block;
    width: 17px;height: 14px;
    background: url(../img/icon/rightArrow02.png) no-repeat center;
    background-size: 100%;
}
.regBox_contentInfo dl{padding: 35px 0 40px 0;}
.regBox_contentInfo dt{font-size: 16px; color: #444; font-weight: 500; letter-spacing: -0.1px;
    padding-bottom: 20px;
}
.regBox_contentInfo dd:first-of-type .num{
    font-family: 'Spectral', serif;font-weight: 500; font-size: 70px; letter-spacing: -0.1px; color: #222
}
.regBox_contentInfo dd:first-of-type{
    font-size: 27px; letter-spacing: -0.1px; color: #222;
    margin-bottom: 40px;
}
.regBox_contentInfo dd:last-of-type{
    font-size: 16px; line-height: 24px; letter-spacing: -0.4px; color: #444; font-weight: 300;
}
.regiLink{width: 100%; 
    display: inline-block;
    border-radius: 3px;
    font-size: 16px; letter-spacing: -0.1px; font-weight: 400; line-height: 52px;text-align: center;
}
.regiLink.btn_blckadd{background-color: #222;
    border: 1px solid #222;
    color: #fff;
}
.regiLink.btn_blck{background-color: #fff;
    border: 1px solid #eee;
    color: #222;
}
.regiLink.btn_greyLine{background-color: #fff;
    border: 1px solid #eee;
    color: #222;
}
.regBox_contB_tit{font-size: 20px; letter-spacing: -0.2px; color: #444; font-weight: 500;
    padding-bottom: 22px; border-bottom: 1px solid #222;
    display: flex;justify-content: space-between; align-items: center;
}
.regBox_contB_tit .more{font-size: 14px; letter-spacing: -0.5px; color: #444;
    display: flex;align-items: center;
}
.regBox_contB_tit .more::after{
    content:""; width: 18px; height: 11px;
    display: inline-block; 
    background: url(../img/icon/rightArrow04.png) no-repeat center;
    background-size: 100%;
    margin-left: 10px;

}

#slider, #slider2{position: relative;
    width: 100%;
}
.stinner, .stinner2{display: flex; justify-content: space-between; align-items: center;
    font-size: 16px; font-weight: 300;
    line-height: 67px;
    border-bottom: 1px dashed #ccc;
}
.regsMon{font-family: "cardo", serif; font-size: 16px; color: #222}
.regsDay{font-family: "cardo", serif; font-size: 22px; color: #222}

.wst01{flex: 1}
.wst02{flex: 2;
    font-size: 16px; color: #222; font-weight: 400;
}
.wst03{flex:5;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
/* hover */
.regBox_contB_tit .more:hover{font-weight: 500;}
.regBox_contentInfo ul li:hover{border: 1px solid #000; transition:all 400ms linear}
.regBox_contentInfo ul li:hover .regiLink {color: #fff;}
.regBox_contentInfo ul li:hover .regiLink::after{top: 0;}
#statustableContainer2{height: 479px;
    overflow-x:hidden;
    overflow-y:scroll
}
#statustableContainer{height: 290px;
    overflow-x:hidden;
    overflow-y:scroll
}


.nm_regItem{
	width:100%;
	position:relative;
}
.nm_regItem ul{
	width:100%;
	position:relative;
}
.nm_regItem ul li{
	width:100%;
	position:relative;
	padding:15px 30px 18px 30px;
	margin-bottom:16px;
	background-color:#fff;
	box-shadow: 0px 4px 6px rgba(102, 102, 102, 0.3);
	border-radius: 5px; 
}
.nmAno{background-color:#f1e6d1!important;}
.nmAno .nmregType{
	font-size: 16px!important;
	border-bottom: 1px solid rgba(255,255,255,0.6)!important;
}
.nmAno .nmregType dt {
    background-color: #705522;
    border-radius: 3px;
    padding: 6px 10px 7px 10px;
	color:#fff!important;
}
/* .nmAno .nmregType:after { */
    /* content: ""; */
    /* display: inline-block; */
    /* width: 17px; */
    /* height: 14px; */
    /* background: url(../img/icon/rightArrow02_w.png) no-repeat center; */
    /* background-size: 100%; */
/* } */
/* .nmAno .nmgPri dl{color:#fff!important;} */
/* .nmAno .nmgPri span{color:#fff!important;} */
/* .nmAno .nmgPri span b{color:#fff!important;} */
/* .nmAno .nmgSub dl{color:#fff!important;} */

.nm_regItem ul li:last-child{
	margin-bottom:0px;
}
.nmregType {
    font-size: 18px;
	line-height:18px;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: #444;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #eee;
    width: 100%;
}
.nmregType:after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 14px;
    background: url(../img/icon/rightArrow02.png) no-repeat center;
    background-size: 100%;
}
.nmgLine{
	display:block;
	position:relative;
	width:100%;
	padding:15px 280px 0px 0px;
}
.nmgPri{
	display:inline-block;
	text-align:left;
}
.nmgPri dl{
	display:block;
	font-size: 14px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	color:#444444;
	margin-bottom:12px;
	
}
.nmgPri span{
	display:block;
font-size: 22px;
font-weight: 400;
line-height: 32px;
letter-spacing: -0.01em;
text-align: left;
color:#222222;

}
.nmgPri span b{
	font-family: 'Spectral', serif;
	display:inline-block;
font-size: 58px;
font-weight: 500;
line-height: 50px;
letter-spacing: -2px;
text-align: left;
color:#222222;
margin-right:5px;
}
.nmgSub{
	position:absolute;
	right:0px;
	width:280px;
	text-align:left;
	top:0px;
	padding-top:15px;
}

.nmgSub dl{
	display:block;
	font-size: 15px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: -0.30000001192092896px;
	text-align: left;
	color:#444444;
	margin-bottom:11px;
}
.nmgSubBtn{
	width:100%;
	position:relative;
	height:48px;
}
.nmgSubBtn a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#222222;
	color:#fff;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 400;
	line-height: 48px;
	letter-spacing: -0.01em;
	text-align: center;
}
.br500{display:none;}
/* media */
@media (max-width: 1200px){
    .regBox_contentInfo dl {padding: 20px 0;}
    .regBox_contentInfo {padding-bottom: 15px;}
    .regBox_contentInfo dd:first-of-type .num{font-size: 53px}
    .regBox_contentInfo dd:first-of-type{font-size: 23px;
        margin-bottom: 30px;
    }
    .regBox_contentInfo dd:last-of-type{font-size:14px;}
    #statustableContainer, #statustableContainer2{height: 300px;}
   
    
}
@media (max-width: 1100px){
	.nmgLine {
		padding: 15px 265px 0px 0px;
	}
	.nmgSub dl {
		font-size: 14px;
		margin-bottom: 10px;
	}
	.nmgSub {
		position: absolute;
		right: 0px;
		width: 265px;
		text-align: left;
		top: 0px;
		padding-top: 15px;
	}
	.nmgPri span {
		font-size: 20px;
		line-height: 32px;
	}
	.nmgPri span b {
		font-size: 52px;
		line-height: 50px;
		letter-spacing: -2px;
		margin-right: 4px;
	}
}
@media (max-width: 991px){
	.regBox_contentLeft {
		margin-bottom: 40px;
		margin-right: 0px;
	}
    .regBox_content{display: block;}
    .regBox_contentInfo ul li{min-width: auto;
        flex: 1 50%
    }
    .regBox_contentInfo { padding-bottom: 50px;
        width: 100%;
    }
    
    
}
@media (max-width: 767px){
    .mainReg{padding: 40px 0;}
    .pointDesc{font-size:24px}
    .regBox_contentLeft{margin-right: 0;}
    .regBox_contentInfo ul li{padding: 16px 20px;}
    .regBox_contentInfo ul li + li { margin-left: 10px;}
    .stinner, .stinner2{line-height: 48px;}
}
@media (max-width: 500px){
    .regBox_contentInfo ul{display: block;}
    .regBox_contentInfo ul li + li { margin-left: 0;margin-top: 10px;}
    .regBox_contentInfo dt{font-size: 14px; padding-bottom: 8px;}
    .regBox_contentInfo dd:first-of-type{font-size: 20px; margin-bottom: 16px;}
    .regBox_contentInfo dd:first-of-type .num{font-size: 45px; }
    .regBox_contentInfo dd br{display: none;}
    .regsMon{font-size: 14px; }
    .regsDay{font-size: 16px;}
    .wst02{flex: 1px;}
    .wst03{font-size:15px}
    .wst04 .regsStat_btn{width: 60px;
        line-height: 25px;
        font-size: 12px;
    }
	
	.nm_regItem ul li {
		padding: 15px 14px 18px 14px;
		/* padding: 15px 20px 18px 20px; */
		margin-bottom: 16px;
		border-radius: 5px;
	}
	.nmgLine {
		height: 102px;
		padding: 15px 170px 0px 0px;
	}
	.nmgSub {
		position: absolute;
		right: 0px;
		width: 170px;
		text-align: left;
		top: 0px;
		padding-top: 15px;
	}
	.nmgSub dl {
		font-size: 13px;
		margin-bottom: 6px;
	}
	
	.nmgPri span {
		position: absolute;
		font-size: 18px;
		line-height: 30px;
		left: 0px;
		bottom: -6px;
	}
	.nmgPri span b {
		font-size: 40px;
		line-height: 40px;
		/* font-size: 48px; */
		/* line-height: 48px; */
		letter-spacing: -2px;
		margin-right: 5px;
	}
	
	.nmgSubBtn {
		height: 44px;
	}
	.nmgSubBtn a {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: #222222;
		color: #fff;
		border-radius: 3px;
		font-size: 16px;
		font-weight: 500;
		line-height: 44px;
		letter-spacing: -0.01em;
		text-align: center;
	}
	.br500{display:block;}
}
/* ======================================// MAIN REGISTER ======================================*/
/* ====================================== CONTACT ======================================*/
.contact{padding: 100px 0;
    width: 100%;
    background: url(../img/main/contactBannerBg.png) no-repeat center;
    background-size: 100%;
    background-position: bottom;
}
.contact .inr{ display: flex; justify-content: space-between}
.contact_left{margin-right: 40px;}
.contact_left ul li + li{margin-top: 40px;}
.contact_left ul {position: absolute; bottom: 25%;}
.contact_left ul li strong{
    font-family: 'cardo', serif; font-size: 20px; line-height: 44px; letter-spacing: 0.4px;
    color: #333;
}
.contact_left ul li:nth-child(1) strong::after{content:"";
    width: 20px; height: 1px;
    background-color: #000;
    display: inline-block;
    position: relative; left: -30px; top: 20px;
}

.contact_left ul li:nth-child(2) strong::after{content:"";
    width: 20px; height: 1px;
    background-color: #000;
    display: inline-block;
    position: relative; left: -40px; top: 20px;
}


.contact_left ul li em{
    display: block;
    font-family: 'cardo', serif;font-size: 20px; line-height: 60px; color:#333; font-weight: 700;
}
.contact_right{width: 910px;}

.formContentWrap{
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 60px 40px 50px
}
.contact_right .half_form{display: flex; }
.contact_right .half_form .contact_inputWrap{flex: 1;}
.contact_right .half_form .contact_inputWrap + .contact_inputWrap{margin-left: 40px;}
.contact_right .contact_inputWrap{ width: 100%;
    margin-bottom: 30px;
}
.contact_right .contact_inputWrap{position: relative;
    display: flex; align-items: center;
}
.contact_right .contact_inputWrap label,
.contact_txtAreaWrap label,
.contact_txtAreaWrap02 span label{
   min-width: 102px; margin-right: 15px; font-weight: 500; color: #444 !important;
   display: inline-block;
}

.contact_right .contact_inputWrap input{line-height: 32px;
    padding-left: 10px;
    border: none;
    border-bottom: 1px solid #ddd!important;
    flex: 1;
    outline: none;
    background-color: transparent;    
    font-weight: 300; font-size: 15px;
}
.contact_right .contact_inputWrap input:active{
    border-bottom: 1px solid #000;
}
.contact_right form>.contact_inputWrap + .contact_inputWrap{margin-top: 35px;}
.contact_txtAreaWrap{margin-top: 35px;
    display: flex; align-items: center;
}
.contact_txtAreaWrap label,
.contact_txtAreaWrap02 label{vertical-align: top;}
.contact_txtAreaWrap textarea,
.contact_txtAreaWrap02 textarea{flex: 1;
    max-height: 200px;
    padding: 20px;
    background-color: #F6FAFC;
    border-radius: 5px; border: none;
    font-size: 15px ;color: #333; letter-spacing: -0.1px; font-weight: 100;
}
.contact_txtAreaWrap02 textarea{max-height: 120px;}
.contact_txtAreaWrap02{margin-top: 35px;
    display: block!important;
}
.contact_txtAreaWrap02>span{display: flex!important;    align-items: center;
    margin-bottom: 12px;
}
.contact_txtAreaWrap02 input{
    background-color: #F6FAFC;
    border: none;outline: none;
    padding-left: 10px;
    flex: 1;
    font-weight: 300; font-size: 15px;line-height: 45px;
}
.contact_right .agreeWrap{margin-top: 12px; 
    position: relative;
}
.contact_right .agreeWrap label{
    font-size: 14px !important; color: #444; font-weight: 400; text-decoration: underline !important;
}
.contact_right .btn_blck{
    width: 370px; 
    line-height: 70px;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 24px; font-weight: 500; letter-spacing: -0.3px; color: #fff;
    background-color: #222;
    border: none; outline: none;
    border-radius: 5px;
    position: relative;
    margin: 40px auto 0 auto;
    display: block;
    cursor: pointer;
    padding-top: 3px;
}
.contact_right .btn_blck::after{
    content:"";
    width: 28px;height: 18px;
    display: inline-block;
    background: url(../img/icon/rightArrow02_white.png) no-repeat center;
    background-size: 100%;
    position: absolute; right: 20px; top: 50%;
    transform: translateY(-50%);
   
}
.contact_right .contact_inputWrap input:focus{border-color: #222!important;}
.mainContactFile{
    margin: 0!important;
    padding:20px 0 20px 120px!important
}
.mainContactFile .file_up_load_box {
    display: flex; align-items: center;
}
/* js animation */
.contact_txtAreaWrap,
.contact_txtAreaWrap02{display: none!important;}
.contact_txtAreaWrap.active{display: flex!important;}
.contact_txtAreaWrap02.active{display: block!important;}

.botDeBtnBox {
    padding-left: 118px;
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}
.botDeBtnBox span{
	font-weight: 400;
    color: #888;
    display: inline-block;
	line-height:24px;
}
.botDeBtnBox span b{
	display:inline-block;
	text-decoration:underline;
}
.botDeBtn {
    top: 0px;
    right: 0px;
    position: absolute;
	width:120px;
	height:48px;
	border-radius:5px;
}
.botDeBtn a{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#A8C2D7;
	border-radius:5px;
	text-align:center;
	color:#fff;
	line-height:48px;
}
@media (max-width: 1200px){
    .contact{height: auto;}
    .contact .inr{display: block;}
    .contact_left{margin-right: 0; margin-bottom: 40px;
        display: flex; justify-content: space-between; align-items: center;
    }
    .contact_left ul{position: static;}
    .contact_left ul li{display: inline-block;}
    .contact_left ul li + li{margin-left: 20px; margin-top: 0;}
    .contact_right{width: 100%;}
    
}
@media (max-width: 991px){
    .contact_right form{padding: 30px;}
    .mainContactFile .fileBox{padding: 0;}
	.botDeBtnBox span {
		font-size: 14px;
		line-height: 22px;
	}
	.botDeBtn {
		width: 110px;
		height: 44px;
		border-radius: 5px;
	}
	.botDeBtn a {
		background-color: #A8C2D7;
		border-radius: 5px;
		line-height: 44px;
	}
}
@media (max-width: 767px){
    .contact{padding: 40px 0;
        background: url(../img/main/contactBannerBg_m.png) no-repeat center;
        background-size: 65%;
        background-position: top right;
    }
    .formContentWrap{padding: 30px 15px;}
    .contact_left ul {display: none;}
    .contact_left {margin-bottom: 20px;}
    .contact_right .half_form{display: block;}
    .contact_txtAreaWrap{display: block;}
    .contact_txtAreaWrap textarea{width: 100%; flex: 1 100%;}
    .contact_txtAreaWrap label{margin-bottom: 20px;}
    .contact_right .contact_inputWrap label{position: absolute;}
    .contact_right .half_form .contact_inputWrap + .contact_inputWrap{margin-left: 0; margin-top: 35px;}
    .contact_right .contact_inputWrap input{margin-left: 100px;}
    .inputRadioWrap{padding-left: 100px; }
    .contact_right .contact_inputWrap label, .contact_txtAreaWrap label{margin: 0 5px 10px 5px}
    .contact_right .btn_blck {
        width: 100%;
        line-height: 55px;font-size: 16px; 
    }
    .mainContactFile {padding: 30px 0 20px 0!important;}
}
@media (max-width: 730px){
	.botDeBtnBox {
		padding-left: 118px;
		margin-top: 30px;
	}
	.botDeBtn {
		position: relative;
		width: 140px;
		height: 44px;
		border-radius: 5px;
		margin-top: 20px;
	}
}
@media (max-width: 500px){
    .contact { background-size: 100%; }
    .contact_left { margin-bottom: 40px;}
    .contact_right form{border: none; 
        padding: 0;
    }
    .contact_right .contact_inputWrap label{position: static;
        display: block;
    }
    .contact_right .contact_inputWrap input{margin-left: 0;}
    .contact_right .contact_inputWrap{display: block;}
    .contact_right .contact_inputWrap input{display: block; width: 100%;}
    .inputRadioWrap {
        padding-left: 0; padding-top: 10px; 
        display: block;
    }
    .contact_txtAreaWrap.active{display: block!important;}
    .contact_txtAreaWrap02>span, .contact_txtAreaWrap02>span input{display: block!important;
        width: 100%;
    }
    .mainContactFile .file_up_load_box{display: block;
        height: auto;
    }
    .mainContactFile .file_up_load_box input{
        
        margin-left: 0!important; margin-top: 50px!important;
        padding-left: 10px!important;
    }
	
	.botDeBtnBox {
		text-align: center;
		padding-left: 0px;
		margin-top: 20px;
	}
	.botDeBtnBox span {
		display: block;
		text-align: left;
		font-size: 13px;
		line-height: 20px;
	}
	.botDeBtn {
		display: inline-block;
		position: relative;
		width: 130px;
		height: 44px;
		border-radius: 5px;
		margin-top: 10px;
	}
    
}
/* ======================================// CONTACT ======================================*/
/* ====================================== BOTTOM BANNER ======================================*/
.buttonBanner{width: 100%; height: auto;
    background-color: #fff;
}
.buttonBanner ul{
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: nowrap;
    padding: 0!important;
}
.buttonBanner ul li img{width: 100%; max-height: 240px;}


/* ======================================// BOTTOM BANNER ======================================*/


/* ====================================== main case ======================================*/

.concepWrap {
	width: 100%;
    position: relative;
	padding:100px 0px 100px 0px;
    overflow: hidden;
    background-size: cover;
	background-color:#fff;
}
.conbg{
	position:absolute;
	right:0px;
	top:0px;
	z-index:80;
}
.concep_sideBox {
    overflow: hidden;
    max-width: 1240px;
    padding: 0px 20px 0px 20px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 90;
}
.section_T{
	position:relative;
	width:100%;
	display:block;
	text-align:left;
}
.section_T h2{
	display:block;
	font-weight:600;
	font-size:45px;
	line-height:60px;
	color:#000000;
	font-family: 'Poppins', sans-serif;
}
.section_T span{
	display:block;
	font-weight:700;
	font-size:20px;
	line-height:44px;
	color:#CAB378;
}

.cwiper02-container{position: relative; margin:0 auto;overflow:unset;list-style:none;padding:0;z-index:1}.cwiper02-container-no-flexbox .cwiper02-slide{float:left}.cwiper02-container-vertical>.cwiper02-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.cwiper02-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.cwiper02-container-android .cwiper02-slide,.cwiper02-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.cwiper02-container-multirow>.cwiper02-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.cwiper02-container-free-mode>.cwiper02-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.cwiper02-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.cwiper02-slide-invisible-blank{visibility:hidden}.cwiper02-container-autoheight,.cwiper02-container-autoheight .cwiper02-slide{height:auto}.cwiper02-container-autoheight .cwiper02-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.cwiper02-container-3d{-webkit-perspective:1200px;perspective:1200px}.cwiper02-container-3d .cwiper02-cube-shadow,.cwiper02-container-3d .cwiper02-slide,.cwiper02-container-3d .cwiper02-slide-shadow-bottom,.cwiper02-container-3d .cwiper02-slide-shadow-left,.cwiper02-container-3d .cwiper02-slide-shadow-right,.cwiper02-container-3d .cwiper02-slide-shadow-top,.cwiper02-container-3d .cwiper02-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.cwiper02-container-3d .cwiper02-slide-shadow-bottom,.cwiper02-container-3d .cwiper02-slide-shadow-left,.cwiper02-container-3d .cwiper02-slide-shadow-right,.cwiper02-container-3d .cwiper02-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.cwiper02-container-3d .cwiper02-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.cwiper02-container-3d .cwiper02-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.cwiper02-container-3d .cwiper02-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.cwiper02-container-3d .cwiper02-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.cwiper02-container-wp8-horizontal,.cwiper02-container-wp8-horizontal>.cwiper02-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.cwiper02-container-wp8-vertical,.cwiper02-container-wp8-vertical>.cwiper02-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}..cwiper02-button-next.cwiper02-button-disabled,.cwiper02-button-prev.cwiper02-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.cwiper02-button-prev,.cwiper02-container-rtl .cwiper02-button-next,.cwiper02-container-rtl .cwiper02-button-prev.cwiper02-button-white,.cwiper02-container-rtl .cwiper02-button-next.cwiper02-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.cwiper02-button-next.cwiper02-button-white,.cwiper02-container-rtl .cwiper02-button-prev.cwiper02-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.cwiper02-button-prev.cwiper02-button-black,.cwiper02-container-rtl .cwiper02-button-next.cwiper02-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.cwiper02-button-next.cwiper02-button-black,.cwiper02-container-rtl .cwiper02-button-prev.cwiper02-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.cwiper02-button-lock{display:none}.cwiper02-pagination{position:absolute; width:100%;bottom:50px;margin-top: 8px; text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.cwiper02-pagination.cwiper02-pagination-hidden{opacity:0}.cwiper02-container-horizontal>.cwiper02-pagination-bullets,.cwiper02-pagination-custom,.cwiper02-pagination-fraction{bottom:0px;left:0;width:100%}.cwiper02-pagination-bullets-dynamic{overflow:hidden;font-size:0}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.cwiper02-pagination-bullet{ border-radius:50%;margin: 6px;width:10px;height:10px;display:inline-block;background:rgba(255,255,255,0.5);opacity:1}button.cwiper02-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cwiper02-pagination-clickable .cwiper02-pagination-bullet{cursor:pointer}.cwiper02-pagination-bullet-active{width: 10px; height: 10px; opacity:1;background:#fff}.cwiper02-container-vertical>.cwiper02-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.cwiper02-container-vertical>.cwiper02-pagination-bullets .cwiper02-pagination-bullet{margin:6px 0;display:block}.cwiper02-container-vertical>.cwiper02-pagination-bullets.cwiper02-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.cwiper02-container-vertical>.cwiper02-pagination-bullets.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.cwiper02-container-horizontal>.cwiper02-pagination-bullets .cwiper02-pagination-bullet{margin:0 4px}.cwiper02-container-horizontal>.cwiper02-pagination-bullets.cwiper02-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.cwiper02-container-horizontal>.cwiper02-pagination-bullets.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.cwiper02-container-horizontal.cwiper02-container-rtl>.cwiper02-pagination-bullets-dynamic .cwiper02-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.cwiper02-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.cwiper02-pagination-progressbar .cwiper02-pagination-progressbar-fill{background:#333333;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.cwiper02-container-rtl .cwiper02-pagination-progressbar .cwiper02-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.cwiper02-container-horizontal>.cwiper02-pagination-progressbar,.cwiper02-container-vertical>.cwiper02-pagination-progressbar.cwiper02-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.cwiper02-container-horizontal>.cwiper02-pagination-progressbar.cwiper02-pagination-progressbar-opposite,.cwiper02-container-vertical>.cwiper02-pagination-progressbar{width:4px;height:100%;left:0;top:0}.cwiper02-pagination-white .cwiper02-pagination-bullet-active{background:#fff}.cwiper02-pagination-progressbar.cwiper02-pagination-white{background:rgba(255,255,255,.25)}.cwiper02-pagination-progressbar.cwiper02-pagination-white .cwiper02-pagination-progressbar-fill{background:#fff}.cwiper02-pagination-black .cwiper02-pagination-bullet-active{background:#000}.cwiper02-pagination-progressbar.cwiper02-pagination-black{background:rgba(0,0,0,.25)}.cwiper02-pagination-progressbar.cwiper02-pagination-black .cwiper02-pagination-progressbar-fill{background:#000}.cwiper02-pagination-lock{display:none}.cwiper02-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.cwiper02-container-horizontal>.cwiper02-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.cwiper02-container-vertical>.cwiper02-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.cwiper02-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.cwiper02-scrollbar-cursor-drag{cursor:move}.cwiper02-scrollbar-lock{display:none}.cwiper02-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.cwiper02-zoom-container>canvas,.cwiper02-zoom-container>img,.cwiper02-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.cwiper02-slide-zoomed{cursor:move}.cwiper02-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:cwiper02-preloader-spin 1s steps(12,end) infinite;animation:cwiper02-preloader-spin 1s steps(12,end) infinite}.cwiper02-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.cwiper02-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes cwiper02-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes cwiper02-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.cwiper02-container .cwiper02-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.cwiper02-container-fade.cwiper02-container-free-mode .cwiper02-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.cwiper02-container-fade .cwiper02-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.cwiper02-container-fade .cwiper02-slide .cwiper02-slide{pointer-events:none}.cwiper02-container-fade .cwiper02-slide-active,.cwiper02-container-fade .cwiper02-slide-active .cwiper02-slide-active{pointer-events:auto}.cwiper02-container-cube{overflow:visible}.cwiper02-container-cube .cwiper02-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.cwiper02-container-cube .cwiper02-slide .cwiper02-slide{pointer-events:none}.cwiper02-container-cube.cwiper02-container-rtl .cwiper02-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.cwiper02-container-cube .cwiper02-slide-active,.cwiper02-container-cube .cwiper02-slide-active .cwiper02-slide-active{pointer-events:auto}.cwiper02-container-cube .cwiper02-slide-active,.cwiper02-container-cube .cwiper02-slide-next,.cwiper02-container-cube .cwiper02-slide-next+.cwiper02-slide,.cwiper02-container-cube .cwiper02-slide-prev{pointer-events:auto;visibility:visible}.cwiper02-container-cube .cwiper02-slide-shadow-bottom,.cwiper02-container-cube .cwiper02-slide-shadow-left,.cwiper02-container-cube .cwiper02-slide-shadow-right,.cwiper02-container-cube .cwiper02-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cwiper02-container-cube .cwiper02-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.cwiper02-container-flip{overflow:visible}.cwiper02-container-flip .cwiper02-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.cwiper02-container-flip .cwiper02-slide .cwiper02-slide{pointer-events:none}.cwiper02-container-flip .cwiper02-slide-active,.cwiper02-container-flip .cwiper02-slide-active .cwiper02-slide-active{pointer-events:auto}.cwiper02-container-flip .cwiper02-slide-shadow-bottom,.cwiper02-container-flip .cwiper02-slide-shadow-left,.cwiper02-container-flip .cwiper02-slide-shadow-right,.cwiper02-container-flip .cwiper02-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cwiper02-container-coverflow .cwiper02-wrapper{-ms-perspective:1200px}
.cwiper02-button-prev{opacity:1;    background-size: 37px;position: absolute;  bottom:-30px;	left: 0px;background-image:url(/public/img/icon/sl_prev.png);}
.cwiper02-button-next{transform: rotate(180deg);opacity:1;background-size: 37px;position: absolute; bottom:-30px;right: 0px; background-image:url(/public/img/icon/sl_next.png);}
.cwiper02-button-next,.cwiper02-button-prev{position:absolute;width:40px;height:30px;z-index:600;cursor:pointer;background-position:center;background-repeat:no-repeat;background-color:#fff;opacity: 1;}
.cwiper02-button-prev:hover{background-image:url(/public/img/icon/sl_prev_b.png);}
.cwiper02-button-next:hover{background-image:url(/public/img/icon/sl_prev_b.png);}

.slide_Content_02{width:100%;position:relative;padding:5px 0px 0px 0px;}

.slide_Content_02 .sl_02_Wrap{max-width: 1640px;margin: 0 auto;width: 100%;position: relative;padding-left: 0px;padding-right: 0px;}
.slide_Content_02 .sl_Content_Box_02{max-width: 1440px;margin: 0 auto;width: 100%;position: relative;padding-left: 0px;padding-right: 0px;margin-top: 0px;}



.slBtn_02Box {transform: translateY(-50%);width: 110px;position: absolute;z-index: 100;right: 0px;top: 50%;}

.main_registerCases_list{
    width: 100%;
    max-height: 418px;
    padding: 40px 30px;
    display: inline-block;
    border: 1px solid;
    border-color: #444 #eee #eee #eee;
    cursor: pointer;
}
.main_caseList_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
.main_regiStat {
    width: 75px;
    height: 28px;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: #fff;
    text-align: center;
    line-height: 28px;
}
.main_postedDate {
    font-size: 15px;
    letter-spacing: -0.4px;
    color: #888;
    font-family: 'Spectral', sans-serif;
    font-weight: 400;
}

.main_caseTit {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #222;
    line-height: 30px;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main_caseDesc {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.4px;
    color: #888;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.main_caseList_img {
    width: 100%;
    height: 173px;
    margin: 20px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.main_caseList_img img {
    height: 173px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.main_casemark_img01 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
}
.main_casemark_img01 img {
    height: 82px!important;
}

.main_caseList_img::after {
    content: "";
    width: 129px;
    height: 82px;
    background-size: 100%;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
}
.main_caseMore {
    font-size: 13px;
    font-weight: 400;
    color: #444;
    letter-spacing: -0.4px;
    width: 100%;
    text-align: right;
    display: block;
}
.main_caseMore::after {
    content: "";
    width: 21px;
    height: 6px;
    display: inline-block;
    margin-left: 8px;
    background: url(../img/icon/rightArrow01.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
@media (max-width: 850px){
	.main_caseList_top {
		margin-bottom: 10px;
	}
	.main_regiStat {
		width: 62px;
		height: 25px;
		font-size: 14px;
		line-height: 25px;
	}
	.main_caseTit {
		font-size: 18px;
	}
}
@media (max-width: 767px){
	.concepWrap {
		padding: 40px 0px 40px 0px;
	}
	.slide_Content_02 {
		padding: 0px;
	}
	.slide_Content_02 .sl_Content_Box_02 {
		padding-right: 30px;
		margin-top: 0px;
	}
	.slBtn_02Box {
		transform: inherit;
		width: 100px;
		position: absolute;
		z-index: 100;
		right: 0px;
		top: 24px;
	}
}
/* ====================================== // main case ======================================*/

/* ====================================== main new contact ======================================*/
.newcontact {
    width: 100%;
    position: relative;
    height: 250px;
    background: url(../img/main/new_conBanner.jpg) no-repeat center;
    background-size: cover;
    background-position: right;
}
.newcontactSideBox {
    display: flex;
    height: 100%;
    width: 100%;
    max-width: 1240px;
    position: relative;
    margin: 0 auto;
    padding: 0px 20px 0px 20px;
    align-items: center;
}
.newcontactSideBox .regBox_tit{
	display: flex;
	margin-bottom:0px;
}

.frBtn{
	margin-left:100px;
	position:relative;
	display:inline-block;
	width:330px;
	height:80px;
	background: #CAB378;
	border-radius: 5px;
}
.frBtn a{
	width:100%;
	position:absolute;
	height:100%;
	text-align:Center;
	line-height:80px;
	color:#fff;
	
font-size: 24px;
letter-spacing: -0.01em;

	
}
.frBtn img {
    top: 50%;
    height: 16.5px;
    position: absolute;
    right: 20px;
    transform: translateY(-50%);
}
@media (max-width: 767px){
	.newcontact {
		background: url(../img/main/new_conBanner_m.jpg) no-repeat center;
		background-size: cover;
		background-position: center;
		background-color: #fff;
		width: 100%;
		position: relative;
		height: 260px;
	}
	.newcontactSideBox {
		display: block;
		height: 100%;
		width: 100%;
		max-width: 1240px;
		position: relative;
		margin: 0 auto;
		padding: 30px 20px 0px 20px;
		align-items: center;
	}
	.newcontactSideBox .regBox_tit {
		height: 100%;
		display: block;
		margin-bottom: 0px;
		width: 100%;
	}
	.frBtn {
		margin-left: 0px;
		position: absolute;
		display: inline-block;
		width: 100%;
		height: 50px;
		background: #CAB378;
		border-radius: 5px;
		margin-top: 0px;
		left: 0px;
		top: 70px;
	}
	.frBtn a {
		width: 100%;
		position: absolute;
		height: 100%;
		text-align: Center;
		line-height: 50px;
		color: #fff;
		font-size: 16px;
		letter-spacing: -0.01em;
	}
	.frBtn img {
		top: 50%;
		height: 14px;
		position: absolute;
		right: 20px;
		transform: translateY(-50%);
	}
}
/* ====================================== // main new contact ======================================*/