
#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;
    
}
.mainVisual_contentWrap{color: var(--txt-w); color: #fff; text-align: center; 
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    padding-top: 120px;
}
.mainVisual_txtWrap{position: relative;}
.mainVisual_Tit{font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 55px; line-height: 80px;
    margin-bottom: 45px; position: relative;
    position: relative; top: -25px;
    transition: top 0.5s ease-in-out;
    visibility: hidden; opacity: 0;
}

.mainVisual_Tit::before{ content: "";
    width: 370px;height: 4px;
    background-color: var(--txt-w); color: #fff;
    display: inline-block;
    position: absolute;left: 50%;top: 65px;
    transform: translateX(-50%);
    transition-delay: 0.5s;
    opacity: 0;
    transition: top 0.3s;
}

.mainVisual_Tit::after{ content: "";
    width: 520px;height: 4px;
    background-color: var(--txt-w); color: #fff;
    display: inline-block;  
    position: absolute;left: 50%;bottom: 5px;
    transform: translateX(-50%);
    transition-delay: 1s;
    opacity: 0;
    transition: bottom 0.3s;
}
.mainVisual_Desc{
    font-size: 19px; font-weight: 300; ;line-height: 34px;
    margin-bottom: 80px;
    position: relative; top: -20px;
    transition: opacity 0.7s ease-in-out;
    visibility: hidden; opacity: 0;
    transition-delay: 0.5s;
}
.mainVisual_Desc.load{ top: 0px;
    visibility: visible; opacity: 1;
}
.mainVisual_btn{
    width: 240px;
    display: inline-flex; justify-content: space-between; align-items: center;
    padding: 0 25px; 
    font-weight: 500; font-size: 18px;line-height: 56px;
    border: 2px solid #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
    opacity: 0;
    transition: opacity 0.5s;
    transition-delay:1s ;
    
}
.mainVisual_btnWrap.load .mainVisual_btn{
    opacity: 1;
}

.mainVisual_btn::before{content:"";
    width: 32%; height: 100%;
    position: absolute; top: 0; left: -153%;
    transform: skew(45deg);
    background-color: rgba(225,225,225,0.08);
    transition: all 0.5s;
}

.mainVisual_btn:first-of-type{
	background-color:#fff;
}
.mainVisual_btn:first-of-type a{
	color:#14335A;
	font-weight:700;
	font-size:18px;
}
.mainVisual_btn:first-of-type::after{content:"";
	width: 22px;
    height: 22px;
    background: url(../img/icon/icon_speechB_new.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mainVisual_btn:first-of-type:hover{
	border:2px solid #0048A3;
}

.mainVisual_btn:last-of-type{
	background-color:#0048A3;
	border:2px solid #0048A3;
}
.mainVisual_btn:last-of-type a{
	color:#fff;
	font-weight:700;
	font-size:18px;
}
.mainVisual_btn:last-of-type::after{content:"";
   width: 22px;
    height: 22px;
    background: url(../img/icon/icon_coin.png) no-repeat center;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
}
.mainVisual_btn:last-of-type:hover{
	border:2px solid #ffffff;
}
.mainVisual_btn + .mainVisual_btn{margin-left: 20px}
/* hover/ js animation */
@keyframes buttonShiny {
    from {
        left: -25%;
    }
  
    to {
        left: 82%;
    }
  }
/* .mainVisual_btn:hover::before{     */
    /* animation-duration: 0.5s; */
    /* animation-name: buttonShiny; */
/* } */
/* .mainVisual_btn:hover{ */
    /* background-color: rgba(225,225,225,0.05); */
/* } */
.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; 
}
/* media */
@media (max-width: 1650px){
    .mainVisual_contentWrap{padding-top: 200px;}
}
@media (max-width: 1200px){
    .mainVisual_txtWrap dt{font-size: 48px}
    .mainVisual_txtWrap dd {
        font-size: 18px;
        margin-bottom: 150px;
    }
	.mainVisual_txtWrap h1 {
        font-size: 18px;
        margin-bottom: 150px;
    }

}
@media (max-width:990px){
    .mainVisual_contentWrap{padding-top: 0  ;}
}
@media (max-width: 991px){
    #mainVisual {padding: 150px 0 100px 0;}
    .mainVisual_txtWrap dt {font-size: 40px}
    .mainVisual_Tit::before { top: 56px;
        width: 280px; 
    }
    .mainVisual_Tit.load::before { top: 61px}
    .mainVisual_Tit::after { width: 420px;
        bottom: 12px;
    }
    .mainVisual_Tit.load::after {  bottom: 9px; }
    .mainVisual_txtWrap dd {font-size: 16px;
        margin-bottom: 100px;
    }
	.mainVisual_txtWrap h1 {font-size: 16px;
        margin-bottom: 100px;
    }
    .mainVisual_btn {
        line-height: 50px;
        font-size: 15px;
    }
    .mainVisual_btn::after {  width: 20px;height: 20px;}
}
@media (max-width: 767px){
    #mainVisual {  max-height: 980px;height: auto;
        background-image: url(../img/visual/mainVisual_m.jpg); 
        padding: 180px 0 100px 0;
    }
    .mainVisual_contentWrap{padding-top: 0;}
    .mainVisual_txtWrap dt {font-size: 32px; line-height: 60px;}
    
    .mainVisual_Tit::before { top: 45px; 
        width: 220px;
    }
    .mainVisual_Tit.load::before { top: 50px}
    .mainVisual_Tit::after { width: 305px; 
        bottom: 9px;
    }
    .mainVisual_Tit.load::after {  bottom: 0px; }

    .mainVisual_txtWrap dd {font-size: 15px; line-height: 24px;  font-weight: 400;
        margin-bottom: 150px;
    }
	.mainVisual_txtWrap h1 {font-size: 15px; line-height: 24px;  font-weight: 400;
        margin-bottom: 80px;
    }
    .mainVisual_btnWrap{display: flex; justify-content: center;
        width: 100%;
    }
    .mainVisual_btn {  padding: 10px 10px;
        width: 200px;
        font-size: 14px;
        max-height: 50px;
    }
	.mainVisual_btn:first-of-type a {
		font-size: 16px;
	}
	.mainVisual_btn:first-of-type::after {
		width: 18px;
		height: 18px;
	}
	.mainVisual_btn:last-of-type a {
		font-size: 16px;
	}
	.mainVisual_btn:last-of-type::after {
		width: 18px;
		height: 18px;
	}
}
@media (max-width: 500px){
    .mainVisual_txtWrap dd br{display: none;}
    .mainVisual_txtWrap dd .mBr{display: block;}
	.mainVisual_txtWrap h1 br{display: none;}
    .mainVisual_txtWrap h1 .mBr{display: block;}
    .mainVisual_txtWrap dt::before,
    .mainVisual_txtWrap dt::after{height: 3px;}
    .mainVisual_txtWrap dt {line-height: 55px;
        margin-bottom: 025px;
    }
    .mainVisual_Tit.load::before { top: 47px}
    .mainVisual_Tit.load::after {  bottom: 2px; }
    .mainVisual_btn + .mainVisual_btn { margin-left: 10px; }
    .mainVisual_btn {width: auto; flex: 1;}
}
/* //media */
/* ======================================// MAIN VISUAL ======================================*/
/* ====================================== MAIN INTRO ======================================*/
.mainIntro{width: 100%; max-height: 540px;
    background-color: var(--tab-B); background-color: #14335A;
    padding-top: 70px;
    position: relative;
}
.mainIntro_wrap{width: 100%; max-width: 1500px;
    margin: 0 auto;
    position: relative;
}
.mainIntro .inr{display: flex;justify-content: center;align-items: flex-end;}
.intro_imgWrap, .intro_txtWrap{display: inline-block;
    vertical-align: bottom;
    position: relative;
    z-index: 1;
}
.intro_imgFigure{max-width: 392px; max-height: 470px;
    position: relative; left: -200px!important;
    transition: left 0.8s ease-in-out;
    opacity: 0;
}

.intro_imgWrap img{width: 100%; max-height: 470px;
    object-fit: contain;
}
.intro_Name{font-family: 'OTEnjoystoriesBA'; font-weight: 300; color: var(--txt-w); color: #fff;
    position: absolute; left: 0; bottom: 40px;
    opacity: 0;
    transition: opacity 0.7s;
    transition-delay: 1s;
}

.intro_imgWrap dt{font-size: 25px; line-height: 25px; letter-spacing: -2px;
    position: relative;left: -50px;
}
.intro_imgWrap dd{font-size: 45px; line-height: 45px; letter-spacing: -2px;
    position: relative;left: -25px;
    font-family: 'OTEnjoystoriesBA';
}
.intro_txtWrap{max-width: 610px; max-height: 440px;
    padding: 55px 90px 55px 60px;
    background-color: var(--info-B); background-color: #F2F7FC;
    margin-left: 110px;
}
.top_txt{
	position: absolute;
    top: -60px;
    color: #fff;
    left: 0px;
    font-size: 26px;
    line-height: 38px;
}
.intro_txt>span{font-family: 'Montserrat', sans-serif; color: var(--txt-Dblu); color: #153359; font-weight: 800; letter-spacing: 8.5px; font-size: 14px;
    margin-bottom: 25px;
    display: block;
}
.intro_txt em{font-style: normal; font-weight: 300; color: var(--txt-D); color: #222; font-size: 36px;
    display: block;
    margin-bottom:  28px
}
.intro_txt p{font-style: normal; font-weight: 300; color: var(--txt-D); color: #222; font-size: 16px; letter-spacing: -0.15px; line-height: 35px;
    margin-bottom: 40px
}
.intro_txt p .fontBold{font-weight: 500!important;}
.intro_txt h3{font-style: normal; font-weight: 300; color: var(--txt-D); color: #222; font-size: 16px; letter-spacing: -0.15px; line-height: 35px;
    margin-bottom: 40px
}
.intro_txt h3 .fontBold{font-weight: 500!important;}
.intro_bgTxt{
    color: var(--txt-w); color: #fff; font-family: 'Montserrat', sans-serif; font-weight: bold; font-size: 60px; line-height: 80px; letter-spacing: 5px;
    position: absolute; left: -200px!important; top: 50px;
    transition: left 0.6s ease-out;
    transition-delay: 0.3s;
    opacity: 0;
}

.intro_bgTxt span{color: #5E6D82; font-weight: 100;}
.intro_btn{ border: 1px solid #222;
    display: inline-block;
    width: 190px; height: 45px;
    line-height: 42px;
    position: relative;
    cursor: pointer;
    transition: border 0.5s
}
.intro_btn::after{
    border-right: 0px solid #000;border-bottom: 0px solid;
    transition: border 0.5s
}

.intro_btn span{
    color: var(--txt-D); color: #222;  font-size: 14px; line-height: 45px; letter-spacing: -0.5px;
    /* padding: 0px 15px 0 15px; */
    display: block;
    cursor: pointer;
    outline: none;
    width: 100%;height: 100%;
}
.intro_btn span::after{content:""; 
    display: inline-block;
    width: 24px; height: 7px;
    background: url(../img/icon/rightArrow01.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
    margin-left: 24px;
    margin-bottom: 8px;
}
/* hover/ js animation */
.intro_btn:hover::after,
.intro_btn:focus::after,
.intro_btn:active::after{content: "";
    width: 100%;height: 100%;
    border-right: 1px solid #000;border-bottom: 1px solid;
    position: absolute;left: 3px;top: 2px;
}
.intro_btn:hover span{font-weight: 600;}
.intro_imgFigure.scroll{left: 0!important;
    opacity: 1;
}
.intro_bgTxt.scroll{left: 20px!important; 
    opacity: 1;
}
.intro_Name.scroll{ opacity: 1;}
/* media */
@media (max-width: 1200px){
    .mainIntro .inr {justify-content: flex-end;}
    .intro_txtWrap{margin-left: 50px;}
    .intro_txtWrap {padding: 55px 15px 55px 30px;}
    .intro_txt p{font-size: 15px}
	.intro_txt h3{font-size: 15px}
    .intro_imgWrap dl{left: 20px;}
}
@media (max-width: 991px){
    .intro_imgWrap dl { left: 50px; }
    .intro_txt p {font-size: 14px; line-height: 29px; letter-spacing: -0.2px;}
    .intro_txt p br{display: none;}
	.intro_txt h3 {font-size: 14px; line-height: 29px; letter-spacing: -0.2px;}
    .intro_txt h3 br{display: none;}
    .intro_txt em {font-size: 30px;}
    .intro_txt>span {letter-spacing: 6px; }
    .intro_txtWrap {padding: 30px 15px 55px 30px;
        max-width: 400px;
    }
    .intro_bgTxt {
        font-size: 40px; line-height: 45px;
        top: 0px;
    }
	.top_txt{
		top: -50px;
		font-size: 18px;
		line-height: 38px;
	}
}
@media (max-width: 767px){
    .mainIntro .inr{display: block;}
    .mainIntro{max-height: fit-content; max-height: 100%;}
    .intro_txtWrap {max-width: 100%; width: 100%;
        margin-left: 0;
        padding: 35px 35px 38px 35px;
    }
    .intro_txt p br{display: block;}
	.intro_txt h3 br{display: block;}
    .intro_imgWrap, .intro_txtWrap{width: 100%;}
    .intro_imgWrap figure{margin: 0 auto}
    .intro_imgWrap img{width: 80%;}
    .intro_imgWrap{text-align: center;}
    .intro_imgWrap dl {left: 25%; bottom: 30px;}
	.top_txt{
		position: absolute;
		top: -420px;
		color: #fff;
		left: 0px;
		font-size: 18px;
		line-height: 38px;
	}
}
@media (max-width: 500px){
    .intro_txt>span {letter-spacing: 4px; }
    .intro_imgWrap dt { font-size: 24px;line-height: 22.5px;}
    .intro_imgWrap dd {font-size: 38px;}
    .intro_txt em { font-size: 22px;
        margin-bottom: 15px; 
    }
    .intro_txt p br{display: none;}
	.intro_txt h3 br{display: none;}
    .intro_bgTxt {
        font-size: 30px; line-height: 40px;
        top: 0px;
    }
    .intro_bgTxt{left: 33px;}
	.top_txt{
		position: absolute;
		top: -410px;
		color: #fff;
		left: 0px;
		font-size: 18px;
		line-height: 38px;
	}
}
@media (max-width: 499px){
	.top_txt{
		top: -425px;
	}	
}
@media (max-width: 389px){
	.top_txt{
		top: -375px;
	}	
}
@media (max-width: 360px){
	.top_txt{
		top: -355px;
	}	
}
/* //media */
/* ======================================// MAIN INTRO ======================================*/
/* ====================================== MAIN REGISTER ======================================*/
.mainReg{width: 100%;
    background-color: var(--info-B);
    background-color: #F2F7FC;
    padding: 100px 0 110px 0
}
.mainRegs_Box{
    display: inline-block;
    width: calc(100% / 2 - 10px);
    vertical-align: middle;
}
.mainRegs_Box + .mainRegs_Box{
    margin-left: 15px
}
.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_tit h2{display: inline-block;color: var(--txt-D); color: #222; font-size: 26px; font-weight: 500;}
.regBox_content{width: 100%;min-height: 660px;
    background-color: #fff;
    padding: 30px;
}
.regBox_contentTop{padding-bottom: 40px;
    border-bottom: 1px dashed #eee;
}



.regBox_contentInfo{margin-bottom: 12px;}
.regBox_contentInfo ul{ display: flex;}

.regBox_contentInfo li{flex: 1;
    /* padding-right: 20px; */
	padding-bottom: 20px;
    padding-top: 20px;
}
.regBox_contentInfo li:not(:nth-child(1)){
    /* padding-left: 20px; */
    /* border-left: 1px solid #eee */
}


.regbItem{
	position:relative;
}
.regbpad2{
	padding-right: 20px;
}
.regbpad{
	border-left: 1px solid #eee;
	padding-left: 20px;
	padding-right: 20px;
}

.fastCol{background-color:#FBF5FE;}
.fastBtn{
    display: inline-block;
    padding: 7px 10px;
    color: var(--txt-w);
    font-size: 14px;
    background-color: #DF76F9;
}
.regBox_contentInfo dl{padding-top: 18px}
.regBox_contentInfo dt{font-size: 16px; letter-spacing: -1px; font-weight: 500; 
    padding-bottom: 10px
}
.regBox_contentInfo dd:first-of-type{font-size: 30px; letter-spacing: -1px;  font-weight: 500;
    padding-bottom: 25px
}
.regBox_contentInfo dd .num{font-family: 'Montserrat', sans-serif; font-size: 40px; font-weight: bold;}
.regBox_contentInfo dd:last-of-type{font-size: 13px; min-height:40px;letter-spacing: -1px; color: var(--txt-M); color: #444; font-weight: 300; line-height: 20px;}
.regBox_contentBtn{width: 100%; padding: 21px 30px;
    background-color: var(--btn-Lblu); background-color: #0048A3;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.regBox_contentBtn a{
	z-index:100;
	position:relative;
	width:100%;
	height:100%;
	display:block;
	padding: 21px 30px;
}
.nonepad{padding:0px!important;}
.regBox_contentBtn span{display: block;
    text-align: center; color: var(--txt-w); color: #fff; font-size: 18px; font-weight: 400;
}
.regBox_contentBtn span::after{content:"";
    display: inline-block;
    width: 26px; height: 7px;
    background: url(../img/icon/rightArrow01_w.png) no-repeat center;
    background-size: 100%;
    float: right;
    padding-top: 5px
}
.regBox_contentBottom{padding-top: 30px}
.reg_patent .regBox_contB_tit{padding-bottom: 20px;
    border-bottom: 1px solid ;
    border-color: var(--btn-Lblu);
}
.reg_brand .regBox_contB_tit{padding-bottom: 18px;
    border-bottom: 1px solid;
    border-color: var(--btn-Lppl);
}
.regBox_contB_tit strong{ font-size: 18px; font-weight: 500;}
.regBox_contB_tit .more{float: right;
    font-size: 14px; font-weight: 400;
}

.regBox_contB_tit .more::after{content:"";
    width: 26px;height: 26px;
    border-radius: 50%;
    margin-left: 10px;
    display: inline-block;
    background: url(../img/icon/rightArrow_circle.png) no-repeat center;
    background-size: 100%;
    vertical-align: middle;
}
.statustableBox{padding-top: 20px;}
#slider, #slider2{position: relative;
    width: 100%;
}
.stinner, .stinner2{display: flex; justify-content: space-between; align-items: center;
    font-size: 15px; font-weight: 300;line-height: 40px;
}

.wst01{flex: 4}
.wst02{flex: 1.5;
    color: var(--txt-L); color: #888;font-size: 14px;font-weight: 300;
    
}
.wst03{flex: 0.5;}
/* hover */
.regBox_contB_tit .more:hover{font-weight: 500;}


/* ::::::::::::::::::::::::::: regsBanner :::::::::::::::::::::::::::*/
.regsBanner{max-width: 1200px; max-height: 260px;
    background: url(../img/main/regsBanner.jpg) no-repeat center;
    padding: 40px 50px 50px 40px;
    color: var(--txt-w); color: #fff;
    background-size: cover;
    position: relative;
    margin-top: 20px;
}
.regsBanner_left dt{font-size: 26px; font-weight: 500; letter-spacing: -0.5px;
    padding-bottom: 15px
}
.regsBanner_left dd{font-size: 17px; font-weight: 100; letter-spacing: -0.15px;
    padding-bottom: 42px;
}
.regsBanner_left ul li + li{padding-top: 15px;}
.regsBanner_left ul li strong{width: 250px;
    font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 500;
    margin-right: 115px;
    display: inline-block;
}
.regsBanner_left ul li strong::before{content:"";
    width: 22px; height: 22px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.regsBanner_left ul li:nth-child(1) strong::before{background: url(../img/icon/icon_tel.png) no-repeat center;
    background-size: 100% ;
}
.regsBanner_left ul li:nth-child(2) strong::before{background: url(../img/icon/icon_airplane.png) no-repeat center;
    background-size: 100% ;
}
.regsBanner_left ul li em {font-weight: 300;}
.regsBanner_left ul li em .time{font-weight: 600;}
.regsBanner_right {
    position: absolute; right: 50px; top: 50%;
    transform: translateY(-50%);
}
.regsBanner_right strong{font-size: 22px; letter-spacing: -0.5px; font-weight: 500;}
.regsBanner_right strong::after{content:"";
    display: inline-block;
    width: 45px; height: 13px;
    background: url(../img/icon/rightArrow01_w.png) no-repeat center;
    background-size: 100%;
    margin-left: 40px; 
    vertical-align: top;
}
#statustableContainer,
#statustableContainer2{height: 215px;
    overflow-x:hidden;
    overflow-y:scroll
}
/* ::::::::::::::::::::::::::: //regsBanner :::::::::::::::::::::::::::*/
/* media */
@media (max-width: 1200px){
	.regbpad2 {
		padding-right: 10px;
	}
	.regbpad{
		padding-left: 10px;
		padding-right: 10px;
	}
    /* .regBox_contentInfo li {padding-right: 5px;} */
    /* .regBox_contentInfo li:not(:nth-child(1)) { padding-left: 17.5px;} */
    .regBox_contentInfo dd:first-of-type {font-size: 25px;}
    .regBox_contentInfo dd .num{font-size: 35px;}
    .regBox_contentInfo dd.pd_b12{padding-bottom: 0;}
    .regBox_contentInfo dd .tBr{display: block;}
    .wst01 {flex: 3;}
}
@media (max-width: 991px){
    .mainRegs_Box {
        display: block;
        width: 100%;
    }
    .mainRegs_Box + .mainRegs_Box {margin-left: 0; margin-top: 40px;}
    .regsBanner_left dt {font-size: 22px;}
    .regsBanner_left dd {
        font-size: 14px;
        padding-bottom: 30px;
    }
    .regsBanner_left ul li strong {
        width: 200px;
        font-size: 16px;
        margin-right: 20px;
    }
    .regsBanner_left ul li strong::before {width: 16px;height: 16px;
        margin-right: 15px;
    }
	.regbpad2 {
		padding-right: 20px;
	}
	.regbpad{
		padding-left: 20px;
		padding-right: 20px;
	}
    .regsBanner_right {right: 50px;top: 50%;}
    .regsBanner_right strong {font-size: 18px;}
    .regsBanner_right strong::after { width: 25px; }
    .regsBanner_left ul li em{font-size: 14px;}
}
@media (max-width: 767px){
    .mainReg{padding: 80px 0}
    .reg_brand .regBox_contentInfo dd br{display: none;}
    .regsStat_btn {  width: 60px;height: 25px;
        font-size: 12px; line-height: 23px;
    }
    .wst01 { width: 150px;
        white-space: nowrap;text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;font-weight: 400;
    }   
    .wst02 {font-size: 13px;}
    .regBox_contB_tit .more{font-weight: 400;}
    .regBox_contB_tit .more::after {width: 20px;height: 20px;
        vertical-align: sub;
       margin-left: 6px;
    }
    .regBox_contentInfo dd .num {font-size: 34px;}
    .regBox_contentInfo dt {font-size: 14px;}
    .regBox_contentInfo dd:first-of-type {font-size: 22px; }
    .regBox_contentInfo { margin-bottom: 30px;}
    .regBox_contB_tit strong { font-size: 17px;}
    .regBox_tit strong {font-size: 24px; letter-spacing: -1px;}
	.regBox_tit h2 {font-size: 24px; letter-spacing: -1px;}
    .regBox_contentInfo dd:last-of-type { font-size: 12px; line-height: 16px; letter-spacing: -0.2px; }  
    .regsBanner_left ul li strong { display: block; }
    .regsBanner_left ul li em {
        display: block;
        padding: 10px 0 0 30px;
    } 
    .regsBanner{background-position: right;}
    .regBox_tit .lineBtn em.nM{display: none;}
    .regBox_contentBtn{padding: 18px 30px}
    .mainRegs_Box em{display: none;}

	.regBox_contentBtn a{
		padding: 18px 30px;
	}
}
@media (max-width: 500px){
    .mainReg{padding: 40px 0}
    .regBox_content{padding: 20px;}
    .regBox_contentInfo ul {
        display: block;
        width: 100%;
    }
    
	.regbpad2 {
		padding-right: 0px;
	}
	.regbpad{
		border-left: none;
		padding-left: 0px;
		padding-right: 0px;
	}
	.fastCol{
		position:relative;
	}
	.fastBtn {
		padding: 7px 10px;
		font-size: 12px;
		background-color: #DF76F9;
		position: absolute;
		right: 0px;
		top: 30px;
	}
    .regBox_contentInfo li:not(:last-child){border-bottom: 1px solid #eee!important;
        padding: 0 0 20px 0!important
    }
    .regBox_contentInfo li{ border-left: none!important; padding-left: 5px!important;    padding-right: 5px;}
    .regBox_contentInfo .blackBtn{float: right;
        font-size: 12px;
    }
    .regBox_contentInfo dl{padding-top: 0;}
    .regBox_contentInfo dd:first-of-type{padding-bottom: 10px;}
    .regBox_contentInfo dd br{display: none!important;}
    .regBox_contentInfo li + li{ margin-top: 20px}
    .wst02 { flex: 1.8;
        text-align: center;
    }
    .regsBanner {
        background: url(../img/main/regsBanner_m.jpg) no-repeat right;
        padding: 25px;
        max-height: 380px
    }
    .regsBanner_right {width: 100%;
        position: static;
        display: block;
        margin-top: 60px;
        text-align: right;
    }
    .regsBanner_left ul li strong { font-size: 20px;}
    .regsBanner_left dt {font-size: 24px;}
    .regsBanner_left ul li strong{width: 100%;}
    .regsBanner_left dd { font-size: 15px; line-height: 24px; letter-spacing: -0.1px;}
    .regsBanner_left ul li em {
        display: block;
        padding: 15px 0 0 30px;
        font-size: 14px; font-weight: 300;
    }
    .regsBanner_left ul li em .fontBold{font-family: 'Montserrat';
        font-weight: 500;}
    .regsBanner_left ul li + li {padding-top: 25px;}
    .regsBanner_right strong {width: 240px;height: 50px;
        border: 1px solid #fff;
        display: block;
        text-align: center;line-height: 46px; font-weight: 300; font-size: 16px;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .regsBanner_right strong::before{content:"";
        content: "";
        width: 32%;height: 100%;
        position: absolute; top: 0; left: -153%;
        transform: skew(45deg);
        background-color: rgba(225,225,225,0.08);
        transition: all 0.5s;
    }

    .regsBanner_right strong:hover::before{    
        animation-duration: 0.5s;
        animation-name: buttonShiny;
    }
    .regsBanner_right strong:hover{
        background-color: rgba(225,225,225,0.05);
    }
    .regsBanner_right strong::after{vertical-align: baseline;}
}
/* ======================================// MAIN REGISTER ======================================*/
/* ====================================== 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 ======================================*/


/*-----
#  첨부파일 css 시작
------*/

.file_input_textbox {
    float:left;
    height:29px;
}
.file_input_div {
	text-align: center;
    position: absolute;
    width:50px;
	height:50px;
    overflow:hidden;
	/* margin-left: 10px; */
}
.file_input_img_btn {
	background-color: #999999;
	text-align: center;
	width: 50px;
	height: 50px;
	border-radius:6px;
}

.file_input_img_btn img{
	display: inline-block;
	width: 100%;
}

.file_input_hidden {
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

.file_up_load_box{
	height: 50px;
    width: 100%;
}

.file_up_load_box input{
	height: 50px !important;
	width: 100%;
    background-color: #f7f7f7;
    font-size: 15px;
    padding-left: 60px!important;
    border: none !important;
	font-family: 'Noto Sans KR', sans-serif;
}

.file_up_load_box input::placeholder{
	color: #999999;
	font-size: 15px;
	font-family: 'Noto Sans KR', sans-serif;
}

/*-----
#  첨부파일 css 끝
------*/


/* ====================================== 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: 38px;position: absolute;  bottom:-30px;	left: 0px;background-image:url(/public/img/icon/hl_prev.png);}
.cwiper02-button-next{opacity:1;background-size: 38px;position: absolute; bottom:-30px;right: 0px; background-image:url(/public/img/icon/hl_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/hl_prev_b.png);}
.cwiper02-button-next:hover{background-image:url(/public/img/icon/hl_next_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 {;width: 110px;position: absolute;z-index: 100;right: 0px;top: 0px;}

.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: 0px;
	}
}
/* ====================================== // main case ======================================*/
