@charset "UTF-8";


:root{
    --title-color: #1e1e1e;
    --sub-color:#6E6E6E;
    --white-color:#fff;
    --red-color:#FF6565;
    --violet-color:#06BFEA;
    --dark-gray-color:#0E0E0E;
    --gray-bg-color:#f7f7f7;
 }
 em { font-style: normal; }

 .sub-header-area {
    background:#fff !important; box-shadow: 0 10px 20px rgba(0,0,0,0.1); height:130px !important;
    position: absolute;
    left:0; top:0; width: 100%;
    z-index:9999;
 }

 
 .subContainer {
    padding:210px 0 100px;
    background:var(--gray-bg-color); 
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease-out;
 }
.subContainer.on {
    padding-top:260px;
}

 .joinContainer {
    position: relative;
    
 } 
.joinContainer::before {
    content:'';
    display: block;
    width:100%;
    position:absolute;
    left:0; top:0;
    height:1000px;
 }

.emptyBox { height:800px;}
.sv1::before { background:url(../imgs/add/sv1_bg.png) no-repeat center top / cover; }
.sv2::before { background:url(../imgs/add/sv2_bg.png) no-repeat center top / cover; }
.sv3::before { background:url(../imgs/add/sv3_bg.png) no-repeat center top / cover; }
.sv4::before { background:url(../imgs/add/sv4_bg.png) no-repeat center top / cover; }
.sv5::before { background:url(../imgs/add/sv5_bg.png) no-repeat center top / cover; }
.sv6::before { background:url(../imgs/add/sv6_bg.png) no-repeat center top / cover; }
.sv7::before { background:url(../imgs/add/sv7_bg.png) no-repeat center top / cover; }

.sv1_dark::before { background:url(../imgs/add2/sv101_dark.png) no-repeat center top / cover; }
.sv1_dark::after { 
    content:""; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,1) 25%);
    position: absolute;
    left:0; top:0; z-index:1;
    width:100%; height:100%;
    display: block;
}

.sv2_dark { background:#0e0e0e;}
.sv2_dark::before { background:url(../imgs/add2/sv101_dark.png) no-repeat center top / cover; }
.sv2_dark::after { 
    content:""; 
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,1) 13%);
    position: absolute;
    left:0; top:0; z-index:1;
    width:100%; height:100%;
    display: block;
}

.sv5_speaker { background:#0e0e0e;}
.sv5_speaker::before { background:url(../imgs/add/speaker_bg.png) no-repeat center top / cover; }


.containerBox { position: relative; z-index: 100; padding-bottom:50px;}


.subHeader { position: relative; z-index:10;}
 .baseWidth { width:1180px; margin:0 auto; position: relative; box-sizing: border-box;}
 .baseWidth2 { width:1180px; margin:0 auto; position: relative; box-sizing: border-box;}
 .baseWidth1200 { width:1200px; margin:0 auto; margin-right:auto; position: relative; box-sizing: border-box;}
 .commTitle_h2 { font-size:44px; font-weight:800; color:var(--title-color); text-align: center; }
._White { color:#fff !important; }
.subTxt { margin-left:0; color:#DEDEDE; font-size:20px; font-weight:400; }
._Dark { color:#6e6e6e !important; }

 .titleRightDate { font-size:16px; position: absolute; right: 0; top: 0; text-align: right; font-weight:400; line-height:1.3;}

 .conArea { margin:40px auto 100px; position: relative; z-index: 10;}
 .tabFixed { position: relative; transition: all 0.3s ease-out; background:#fff;}
 .tabFixed.fixed{ position: fixed; top:35px; left:0; z-index:100; display: flex; justify-content: center; width:100%;  z-index:9999; box-shadow: 5px 10px 30px rgba(0,0,0,0.2); }
 .tabFixed.fixed ul { width:1200px; margin:0 auto !important; }
 


 .joinTopTab { display: flex; align-items: space-between; width:100%;  padding:0 !important}
 .joinTopTab li { flex:0 0 33.333333%; height:100%; }
 .joinTopTab li a { 
    background:var(--white-color); 
    color:var(--sub-color); 
    font-size:20px; padding:12px 0 !important; text-align: center;
    display: block;
    font-weight:700;
    height:100%;
	overflow:hidden;
}
 .joinTopTab li a.on { background:var(--dark-gray-color); color:var(--white-color); }

 .joinTopTab._Half { justify-content: center;}
 .joinTopTab._Half li { flex:0 0 392px;}

 .aboTopTab li a.on { background:var(--violet-color); color:var(--white-color); }

 .joinTopTab.jsCon li a { font-weight:700; }
 .joinTopTab.jsCon li a.on { background:#06BFEA; }

 .speakerTab li { flex:0 0 25%;}
 .speakerTab li a { 
    background:var(--white-color); 
    color:#6e6e6e; 
    font-size:20px; padding:12px 0 !important; text-align: center;
    display: block;
    font-weight:700;
    height:100%;
}
.speakerTab li a.on {
    background:#06BFEA;
    color:#fff;
}
.joinTopTab._One li {
    flex:0 0 100%;
}
.joinTopTab._Two li {
    flex:0 0 50%;
}
.joinTopTab._Three li {
    flex:0 0 33.3333333%;
}
.joinTopTab._Fourth li {
    flex:0 0 25%;
}
.joinTopTab._Five li {
    flex:0 0 20%;
}
 
 .joinBox1 { position: relative; z-index:10;}
 .joinBox1::before {
    content: "(Booth info)";
    font-family: var(--secondary-font), sans-serif !important;
    display: block;
    color:#e5e5e5;
    font-size:120px;
    font-weight:900;
    transform: rotate(90deg);
    transform-origin: center center;
    position: absolute;
    left:-350px; top:300px;
 }

 .tabHeader { 
    display: flex; justify-content: space-between; padding-bottom:25px; 
    border-bottom:1px solid #dcdcdc;
    align-items: flex-end;
}

 .tabHeader h3 { font-size:36px; color:var(--title-color); font-weight:900; }
 .tabHeader p { font-size:16px; color:var(--sub-color); font-weight:400; }


 .boothThum { 
    padding:45px 0; display: flex; height: 100%; justify-content: space-between; position: relative;
    border-bottom:1px solid #dcdcdc;
}
 .joinImg {
    text-align: center;
    flex: 1;
 }
 .joinContext { 
    display: flex; flex-direction: column; justify-content: space-between; 
    height: 100%;
    flex:0 0 552px;
    margin-left:60px;
    position: relative;
    height:320px;
}
 .joinContext h4 { display: flex; align-items: center;}
 .joinContext h4 strong { font-size:30px; font-weight:700; color:var(--title-color); margin-right:15px;}
 .joinContext h4 em { 
    display: inline-flex; border-radius:3px; 
    background-color: var(--violet-color); font-style: normal; font-size:16px; padding:4px 7px;
    color: var(--white-color);
}
 .joinContext ul { padding:10px 0 0;}
 .joinContext ul li {
    font-size:18px; font-weight:400; color:var(--sub-color); 
    position: relative;
    margin:4px 0 4px 12px;
    padding-left:15px;
 }
 .joinContext ul li::before{
    content: "";
    display: block;
    width:4px; height: 4px;
    background-color: var(--sub-color);
    border-radius:2px;
    position: absolute;
    left:0; top: 10px;

 }

 .joinPriceArea { 
    background:var(--white-color); 
    /* border-radius:10px;  */
    display: flex; align-items: flex-end; justify-content: flex-end;
    padding:10px 20px;
}
 .joinPriceArea strong { font-size:30px; font-weight:900; color:var(--title-color); margin-right:10px;}
 .joinPriceArea span { font-size:18px; font-weight:400; color:var(--sub-color); padding-bottom:5px;}

 .joinContext p { font-size:16px; font-weight:400; color:var(--red-color); text-align: right; padding:10px 0 0 0;}
 /* .absBottomRight { position: absolute; right:0; bottom:0; width:100%;} */


 .joinBox2 { position: relative; padding-top:100px;}
 .joinBox2::before {
    content: "(Benefit)";
    font-family: var(--secondary-font), sans-serif !important;
    display: block;
    color:#e5e5e5;
    font-size:120px;
    font-weight:900;
    transform: rotate(90deg);
    transform-origin: center center;
    position: absolute;
    left:-250px; top:200px;
 }
.tabHeader.bbNone { border-bottom:0;}
.benefitWrap { display: flex; flex-wrap:wrap;}
.benefitThum { 
    background-color: var(--white-color); border-radius:3px; position: relative;
    flex:0 0 32%;
    margin-left:2%;
    margin-bottom:24px;
}

.benefitWrap article:nth-child(1),
.benefitWrap article:nth-child(4) { margin-left:0;}

.beneNum {
    position: absolute;
    left: 20px; top:20px;
    border-radius:25px;
    width:49px;
    height:70px;
    background-color: var(--gray-bg-color);    
    display: flex;
    justify-content: center;
    align-items: center;

}
 .beneNum i {
    font-style: normal;
    /* background: linear-gradient(360deg, #652da0 0%, #B224EF 100%);
    background-clip: text;
    -webkit-background-clip: text; */
    color: transparent;
    color:#06BFEA;
    font-size:20px;
    font-weight:700;
    font-family: var(--secondary-font), sans-serif !important;
 }

 .beneContext {
    padding:80px 0 60px;
    display: flex; flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
 }
 .beneContext h4 { font-size:24px; font-weight:700; color:#3e3e3e; margin:45px 0 20px;}
 .beneContext p { font-size:18px; font-weight:500; color:var(--sub-color); line-height:1.5;}


 .benefitThum._half { 
     flex:0 0 49%;
 }
 .benefitThum._full { 
    flex:0 0 100%;
}
 
 .benefitWrap article:nth-child(1){ margin-left:0;}

 .fxRowCase1 { display: flex; justify-content: space-between;}
 .maching section { flex:0 0 49%;}



.subBtnBottom { position: relative; z-index: 10; text-align: center; }




.subBtn {
    display: inline-flex;
    justify-content: center;
    align-items: center;

}

.joinBox3 { position: relative; padding-top:100px;}
.joinBox3::before {
   content: "(Process)";
   font-family: var(--secondary-font), sans-serif !important;
   display: block;
   color:#e5e5e5;
   font-size:120px;
   font-weight:900;
   transform: rotate(90deg);
   transform-origin: center center;
   position: absolute;
   left:-250px; top:200px;
}

.processWrap { display: flex; padding:0 70px; }
.processThum { 
    flex:0 0 20%;
    padding:100px 0 20px;
    position: relative;
    text-align: center;
}
.processWrap::before { 
    content: "";
    display: block;
    position: absolute;
    left:0; top:90px;
    /* background: linear-gradient(300deg, rgba(255,255,255,0) 0%, #fff 100%); */
    background: url(../imgs/sub/shadow_round.svg) no-repeat center / 100%;
    width:100%;
    height:350px;
}
.processThum > div { 
    position: relative; z-index: 1000;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
}

.processNum i {

    color: transparent;
    color:#06BFEA;
    font-size:20px;
    font-weight:800;
    font-family: var(--secondary-font), sans-serif !important;

    font-style: normal;
    /* background: linear-gradient(360deg, #652da0 0%, #B224EF 100%);
    background-clip: text;
    -webkit-background-clip: text; */

	background-image: linear-gradient(to right, #25F79C , #06bfea );
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;


 }

.processContext h4 {
    font-size:24px; margin:25px 0 15px;
    font-weight:700;
}
.processContext p {
    font-size:18px;
    color:var(--sub-color);
    line-height:1.5;
    min-height:70px;
}
.processContext i {
    width:27px; height:1px; 
    background-color: var(--sub-color);
    display: block;
    margin: 0 auto;
}
.processContext ul { padding:0 !important; margin: 30px 0 0 0 !important; }
.processContext ul li { color:var(--red-color); }

.processWrap article:nth-child(1) { z-index:10;}
.processWrap article:nth-child(2) { z-index:9;}
.processWrap article:nth-child(3) { z-index:8;}
.processWrap article:nth-child(4) { z-index:7;}
.processWrap article:nth-child(5) { z-index:6;}

.pcThum1::after,
.pcThum2::after,
.pcThum3::after,
.pcThum4::after {
    content: "";
    width:32px;
    height:32px;
    display: block;
    position: absolute;
    right: -26px; top: 168px;
    background: url(../imgs/sub/join_icon_next.svg) no-repeat center / 100%
}

.formBase { margin-top:100px;}
.mt0 { margin-top:0 !important;}
.formBase h2 { 
    font-size:36px; font-weight:800; color: var(--title-color); 
}
.formBase h2.title_h2 {
    margin-bottom:30px;
}
.formBase h2.title_h2_1 {
    font-size:30px; font-weight:800; color: var(--title-color); 
    line-height:1.2;
}

.formBase2 { margin-top:50px;}


.fxb { display: flex; width: 100%; }
.fxbCase { margin-bottom:30px !important; }
.w_col_1 > div { flex:0 0 calc(100%);}
.w_col_2 > div { flex:0 0 calc(50% - 20px); margin-left:10px; margin-right:10px;}
.w_col_3 > div { flex:0 0 calc(33.333333% - 20px); margin-left:10px; margin-right:10px;}
.w_col_4 > div { flex:0 0 calc(25% - 20px); margin-left:10px; margin-right:10px;}
.w_col_5 > div { flex:0 0 calc(20% - 20px); margin-left:10px; margin-right:10px;}
.w_col_1_1 > div { flex:0 0 calc(100% - 20px); margin-left:10px; margin-right:10px }

.w_col_2.spaceBetween > div:nth-child(1) { 
    flex:0 0 calc(50% - 10px); 
    margin-left:0; margin-right:10px;
 }
.w_col_2.spaceBetween > div:nth-child(2) { 
    flex:0 0 calc(50% - 10px);  
    margin-left:10px; margin-right:0;
}

/* .formBase article { margin-bottom:30px;} */
.titleLabel { display: block; margin-bottom: 8px; font-size:14px; font-weight:500; color:#3e3e3e;}
.titleLabel em { color:var(--red-color); font-style: normal; margin-left:3px;}

.spaceB1 { justify-content: space-between;}
.spaceB1 > div:nth-child(1) { flex:0 0 40%;}
.spaceB1 > div:nth-child(2) { flex:0 0 30%;}
.spaceB1 > div:nth-child(3) { flex:0 0 65px; }


.fsbDiv { display: flex; margin-bottom:5px; position: relative; }
.fsbDiv input[type="text"]:focus { 
    border:1px solid #000; color:#000;
 }
.fsbDiv input[type="password"]:focus { 
    border:1px solid #000; color:#000;
}
.logA { 
    position:absolute; right:0; top:0; width:50px; height:50px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.logA svg path { fill:#CECECE; }
.logA svg path { fill:#CECECE; }

.fsbDiv input[type="text"]:focus + .logA svg path { fill: #000;}
.fsbDiv input[type="password"]:focus + .logA svg path { fill: #000;}


.btnx { height:50px; border:1px solid var(--sub-color); background:var(--sub-color); width:125px; margin-left:5px; color:#fff; border-radius:3px;}
.btnb { height:50px; border:1px solid var(--sub-color); background:transparent; width:100%; color:var(--sub-color); border-radius:3px;}
a.btnClose { display: flex; align-items: center; margin-top:10px;}
a.btnClose i { 
    width:14px; height:14px;
    display: block;
    background:url(../imgs/sub/x_del.svg) no-repeat center / 100%;
}
a.btnClose span { font-size:14px; color:var(--sub-color); font-weight:400; margin-left:4px; }

.inpx { 
    border:1px solid #d9d9d9; height:50px; padding:0 15px; font-size:16px; color:var(--title-color); 
    background:var(--white-color); border-radius: 5px;
}
.inpv { 
    border:1px solid #d9d9d9; height:42px; padding:0 15px; font-size:16px; color:var(--title-color); 
    background:var(--white-color); border-radius: 5px;
}
.inpw { 
    border:1px solid #d9d9d9; height:42px; padding:0 8px; font-size:16px; color:var(--title-color); 
    background:var(--white-color); border-radius: 5px;
}

::placeholder { color:#cecece; }
.w100per { width:100%; }

.subBtnBottomRight { position: relative; z-index: 10; display: flex; justify-content: flex-end; }
.subBtnBottomRight a { margin-left:10px;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt80 { margin-top:80px !important;}

.gray-btn {
    border: none;
    width: 170px;
    height: 60px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 38px;
    text-align: center;
    color: var(--sub-color);
    border:1px solid var(--sub-color);
    background-color: var(--white-color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
  }
  .gray-btn:hover {
    background-color: var(--sub-color);
    color:var(--white-color);
}

.attendTopTab {
    height:65px;
    display: flex;
    background:var(--white-color);
    border-radius:5px;
    width:100%;
    align-items: center;
    padding-left:0 !important
}
.attendTopTab li { flex:0 0 25%; height:inherit; }
.attendTopTab li a { position: relative; display: flex; justify-content: center; align-items: center; height:inherit; }
.attendTopTab li a strong { font-size:16px; color:var(--sub-color); position: absolute; left:10px; top:3px; font-weight:900;}
.attendTopTab li a em { font-size:20px; font-weight:700; color:var(--sub-color); display: block; text-align: center; font-style: normal;}

.attendTopTab li.on a { 
    background: linear-gradient(90deg, #7875FE 0%, #AE28F0 100%);
    background:#06BFEA;
    border-radius:0 34px 34px 0;
}
.attendTopTab li.on a strong { color:var(--white-color);}
.attendTopTab li.on a em { color:var(--white-color)}

.attendTopTab li:nth-child(1).on a {  border-radius: 5px 34px 34px 5px;}
.attendTopTab li:nth-child(2).on a::before,
.attendTopTab li:nth-child(3).on a::before,
.attendTopTab li:nth-child(4).on a::before {
    content:"";display:block; position:absolute; left:0; top:0;
    width:30px; border-radius:0 50px 50px 0;
    background:#fff; z-index:10;
    height:100%;
}

.attendTopTab li.on a strong { left:36px; }
.attendTopTab li:nth-child(1).on a strong { left:15px; }

.attendTopTab._Three li { flex:0 0 33.3333333%;}


.thumList { 
    border-top:1px solid #c0c0c0; display: flex; padding:40px 0; justify-content: space-between;
}

.thumConLeft { 
    flex:1; background:#fff; border-radius:5px; padding:35px 30px 20px; 
    position: relative;
}

.thumConLeft h4 { display: flex; align-items: center;}
.thumConLeft h4 strong { font-size:30px; font-weight:700; color:var(--title-color); margin-right:15px;}
.thumConLeft h4 em { 
   display: inline-flex; border-radius:3px; 
   background-color: var(--violet-color); font-style: normal; font-size:16px; padding:4px 7px;
   color: var(--white-color);
}

.thumConLeft ul { padding:10px 0 0;}
.thumConLeft ul li {
   font-size:18px; font-weight:400; color:var(--sub-color); 
   position: relative;
   margin:4px 0 4px 12px;
   padding-left:15px;
}
.thumConLeft ul li::before{
   content: "";
   display: block;
   width:4px; height: 4px;
   background-color: var(--sub-color);
   border-radius:2px;
   position: absolute;
   left:0; top: 10px;
}
.thumConLeft .joinPriceArea { 
   display: flex; align-items: flex-end; 
   padding:10px 0;
   text-align: left;
   justify-content: flex-start;
}
.thumConLeft .joinPriceArea strong { 
    font-size:30px; font-weight:900; 
    color:var(--title-color); margin-right:5px;
    /* background: linear-gradient(90deg, #7875FE 0%, #AE28F0 100%);
    background:#06BFEA;
    background-clip: text;
    -webkit-background-clip: text; */
    color: transparent;
    color:#06BFEA;
}
.thumConLeft .joinPriceArea span { font-size:18px; font-weight:400; color:var(--sub-color); padding-bottom:5px;}

.thumConRight { 
    display: flex; justify-content: flex-end;
    flex:0 0 478px;
    margin-left:50px;
}
.thumInsArea { width:100%;}
.thumInsArea > li { display: flex; align-items: center; margin-top:10px; }
.thumInsArea > li > label { font-size:16px; font-weight:600; flex:0 0 150px;}
.thumInsArea > li > div { display: flex; align-items: center;}
.thumInsArea > li > div span { padding-left:10px; font-weight:700;}

.thumInsArea > li.another { align-items: flex-start; margin-top:20px; }
.thumInsArea > li.another > label { padding-top:0px;}

.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w130 {width:130px !important;}
.w150 {width:150px !important;}
.w170 {width:170px !important;}
.taRight { text-align: right !important;}
.taCenter { text-align: center !important;}
.taLeft { text-align: left !important;}

.thumEtcForm { margin-left:0 !important; padding-left: 0 !important;}
.thumEtcForm li { margin-top:15px;}
.thumEtcForm li:nth-child(1) { margin-top:0;}

.radioType { position: relative; padding-left:25px;}
.radioType input[type="radio"] {
	appearance: none;
}
.radioType input[type="radio"] + i { 
	border: none;
	width:26px; height:26px;
    border:1px solid #e0e0e0;
    background:#fff;
    border-radius:15px;
	position: absolute;
	left:0; top:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.radioType input[type="radio"]:checked + i::after { 
	content:"";
    display:block;
    width:14px; height:14px; 
    background:#06BFEA; 
    border-radius:7px;
}

.checkingArea { position: relative; padding-left:25px; display: flex; align-items: center;}
.checkingArea input[type="checkbox"] {
	appearance: none;
}
.checkingArea input[type="checkbox"] + i { 
	border: none;
	width:26px; height:26px;
    border:1px solid #e0e0e0;
    background:#fff;
    border-radius:15px;
	position: absolute;
	left:0; top:0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkingArea input[type="checkbox"]:checked + i::after { 
	content:"";
    display:block;
    width:14px; height:14px; 
    background:#06BFEA; 
    border-radius:7px;
}
.checkingArea strong { font-weight:600; color:#3e3e3e; }
.checkingArea2 strong { font-weight:600; color:#3e3e3e;}
.checkingArea3 strong { font-weight:600; color:#3e3e3e;}

.checkingArea2 { position: relative; padding-left:25px;}
.checkingArea2 input[type="checkbox"] {
	appearance: none;
}
.checkingArea2 input[type="checkbox"] + i { 
	border: none;
	width:26px; height:26px;
    border:1px solid #e0e0e0;
    background:#fff;
	position: absolute;
	left:0; top:0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkingArea2 input[type="checkbox"]:checked + i { 
    border:1px solid #06BFEA;
    background:#06BFEA;
}
.checkingArea2 input[type="checkbox"]:checked + i::after { 
	content:"";
    display:block;
    width:20px; height:20px; 
    background:url(../imgs/sub/i_check.svg) no-repeat center / 100%; 
    border-radius:7px;
}


.checkingArea3 { position: relative; padding-right:35px; display: flex; align-items: center; justify-content: flex-end;}
.checkingArea3 input[type="checkbox"] {
	appearance: none;
}
.checkingArea3 input[type="checkbox"] + i { 
	border: none;
	width:26px; height:26px;
    border:1px solid #e0e0e0;
    background:#fff;
	position: absolute;
	right:0; top:0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.checkingArea3 input[type="checkbox"]:checked + i { 
    border:1px solid #06BFEA;
    background:#06BFEA;
}
.checkingArea3 input[type="checkbox"]:checked + i::after { 
	content:"";
    display:block;
    width:20px; height:20px; 
    background:url(../imgs/sub/i_check.svg) no-repeat center / 100%; 
    border-radius:7px;
}

.checkingArea4 { position: relative; padding-left:30px; display: flex; align-items: center; }
.checkingArea4 input[type="checkbox"] {
	appearance: none;
}
.checkingArea4 input[type="checkbox"] + i { 
	border: none;
	width:26px; height:26px;
    border:1px solid #6E6E6E;
    background:#fff;
	position: absolute;
	left:0; top:0;
    display: flex;
    justify-content: center;
    align-items: center;

}
.checkingArea4 input[type="checkbox"]:checked + i { 
    border:1px solid #06BFEA;
    background:#06BFEA;
}
.checkingArea4 input[type="checkbox"]:checked + i::after { 
	content:"";
    display:block;
    width:20px; height:20px; 
    background:url(../imgs/sub/i_check.svg) no-repeat center / 100%; 
    border-radius:7px;
}
.checkingArea4 label strong { font-weight:700; font-size:16px;}




.thumTotal {
    border-top:1px solid #c0c0c0; display: flex; padding:20px 0;
    justify-content: flex-end;
}
.thumTotal > div { 
    flex:0 0 100%;
    padding-left:30px;
    display: flex; align-items: center;
    justify-content: flex-end;
    padding-right:50px;
}
.thumTotal > div label { font-size:16px; font-weight:600; flex:0 0 150px;}
.thumTotal > div div { flex:0 0 260px; text-align:right; display:flex; align-items:flex-end; justify-content:flex-end; }
.thumTotal > div div strong { font-size:24px; font-weight:900; }
.thumTotal > div div span { font-size:16px; font-weight:700; padding-left:3px; }

.thumResultPrice {
    display: flex; padding:15px 0;
    justify-content: flex-end;
    background: linear-gradient(90deg, #7875FE 0%, #AE28F0 100%);
    background:#06BFEA;
}
.thumResultPrice > div { 
    flex:0 0 100%;
    padding-left:30px;
    display: flex; align-items: center;
    justify-content: flex-end;
    padding-right:50px;
}
.thumResultPrice > div label { font-size:16px; font-weight:600; flex:0 0 150px; color:#fff;}
.thumResultPrice > div div { flex:0 0 260px; text-align:right; display:flex; align-items:flex-end; justify-content:flex-end;}
.thumResultPrice > div div strong { font-size:30px; font-weight:900; color:#fff; }
.thumResultPrice > div div span { font-size:16px; font-weight:700; padding-left:3px; color:#fff; }

.note { padding:30px 0 50px;}


.hanabank {
    height:170px;
    position: relative;   
    border:1px solid #e4e4e4;
    background:#fff;
    width:100%;
    display: flex;
    justify-content: space-between;
    padding:30px 40px 40px 40px;
}
.hanabank > i { 
    display: block;
    width:162px; height:162px;
    background:url(../imgs/sub/logo_hana.svg) no-repeat center / 100%;
    position: absolute;
    left:50%; top:50%;
    transform: translate(-50%,-50%);
}
.hanabank > div:nth-of-type(1) { position: relative; padding-top:10px; display:flex; align-items:center;}
.hanabank > div:nth-of-type(1) i {
    display: block;
    width:167px; height:70px;
    background:url(../imgs/kme/logo.svg) no-repeat center / 100%;
}
.hanabank > div:nth-of-type(1) strong { 
	font-weight:900; font-size:24px;
	margin-left:20px;
}

.hanabank > div:nth-of-type(2) { 
    position: relative; text-align: right; 
}
.hanabank > div:nth-of-type(2) i {
    display: block;
    width:174px; height:46px;
    background:url(../imgs/sub/logo_hanabank.svg) no-repeat center / 100%;
    float: right;
}
.hanabank > div:nth-of-type(2) p {
    display: block; clear: both;
}
.hanabank > div:nth-of-type(2) p strong {
    font-weight:900; font-size:30px;
    display: block; margin:5px 0 0; line-height: 1;
}
.hanabank > div:nth-of-type(2) p span {
    font-weight:400; font-size:20px;
    display: block;
}

.chkList h3 { font-size:24px; font-weight:900; }
.formChkList { padding:30px 0 15px; border-bottom:1px solid #c9c9c9}
.formChkList._First { padding-top:30px;}
.formChkList h4 { font-size:20px; font-weight:800; padding-bottom:10px;}
.chkListDiv { display: flex; align-items: center; flex-wrap: wrap; }
.chkListDiv h5 { flex:0 0 100%; font-size:16px; font-weight:300; }
.chkListDiv ul { padding:20px 0 0; display: flex; flex:1; flex-wrap: wrap; }
.chkListDiv ul li { margin-bottom:15px; margin-right:30px;}
.chkListDiv ul li .checkingArea2 strong { font-size:16px !important; font-weight:400; margin-left:10px;}



a.btnImgLoad { 
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width:85px;
    height:85px;
    border:1px solid #6E6E6E;
    border-radius:5px;
    background:#fff;
    padding-top:4px;
}
a.btnImgLoad i { 
    display: block;
    width:32px; height:32px;
    background:url(../imgs/sub/i_camera.svg) no-repeat center / 100%; 
}
a.btnImgLoad span {
    font-size:14px; font-weight:600;
    font-style:normal;
    color:#6e6e6e;
}
.imgFxb { margin-top:-10px; }
.imgFxb .imgLoadList { margin-top:5px;}
.imgLoadList { display: flex; margin-left:20px; }
.imgLoadList li { position: relative; margin-right:20px;}
.imgLoadList li div { position: relative;}
.imgLoadList li a.img_del { position: absolute; right:-10px; top:-10px;z-index:2;}

a.btnBorderGray {
    border-radius:5px; border:1px solid #6E6E6E;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#6e6e6e;
    font-weight:600;
    height:50px;
    padding:0 30px;
}
.absRightBottom {
    position: absolute; right:25px; bottom:25px;
}
.thumListSq {
    display: flex;
    justify-content: space-between;
    margin-bottom:1px;
    border-top:1px solid #aeaeae;
    padding-top:30px;
    flex-wrap: wrap;
}
.thumConSq { 
    flex:0 0 49%; 
    background:#fff; 
    border-radius:5px;
    padding:20px 10px 15px 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:24px;
}

.thumConSq .tcsLeft { text-align: left; flex:0 0 auto;}
.thumConSq .tcsLeft h3 { font-size:30px; font-weight:800;}
.thumConSq .tcsLeft .joinPriceArea { padding-left:0; justify-content: flex-start; }
.thumConSq .tcsLeft .joinPriceArea strong {
    /* background: linear-gradient(90deg, #7875FE 0%, #AE28F0 100%);
    background-clip: text;
    -webkit-background-clip: text; */
    color: transparent;
    color:#06BFEA;
    margin-right:5px;
}
.thumConSq .thumInsArea { flex:0 0 290px; }
.thumConSq .thumInsArea label { flex:0 0 80px; }

.thumApp {
    background:#fff; padding:30px 30px;
    margin-bottom:30px;
    display: flex; justify-content: space-between;
    align-items: center;
}
.thumApp h4 { font-weight:800; padding-top:10px; line-height: 1;}
.rightBtnArea {
    display: flex;
    align-items: center;
}
.rightBtnArea a { margin-left:10px; }
.btNone { border-top:none !important}

.widthAmount { width:65px !important;}
.widthPay { width:130px !important; } 

.formHeader { justify-content: space-between; }
.fhTopRightBtn { display: flex;}
.fhTopRightBtn a { 
    width:170px; height:50px; background:#3e3e3e; border-radius:5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    font-size:16px;
    margin-left:10px;
 }

 .pbtCase {
    border-top:1px solid #aeaeae;
    padding-top:40px;
    /* padding-bottom:20px; */
 }
 .pbtCaseAnother {
    border-top:1px solid #aeaeae;
    padding-top:50px;
    padding-bottom:0;
 }

 
 .profileDiv {
    background:#fff;
    border:1px solid #cecece;
    border-radius:5px;
    padding:40px 30px 30px;
    position: relative;
 }
 .profileDiv div {
    padding-bottom:10px; margin-bottom:18px; border-bottom:1px solid #cecece; 
    display: flex; align-items: center; 
}
 .profileDiv div strong { font-size:30px; font-weight:800; margin-right:10px; color:#1e1e1e;}
 .profileDiv div em { font-size:24px; font-weight:700; color:#9E9E9E; font-style: normal;}
 .profileDiv ul { padding-left:0; margin-left:0; }
 .profileDiv ul li { font-size:20px; color:#3e3e3e; margin-top:10px; line-height: 1;}
 .profileDiv ul li:nth-child(1) { margin-top:0; }
 .btnMody { 
    width:70px;
    height:40px; 
    border:1px solid var(--sub-color); 
    background:transparent; 
    color:var(--sub-color); border-radius:3px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding:0 16px;
}
.layer_close {
    position: absolute; right:-10px;
    top:-10px;
}
.radioRowArea { padding-left:0;}
.radioRowArea li { padding:10px 0 0; }
.radioRowArea li:nth-child(1) { margin-right:30px;}
.radioRowArea li .radioType { padding-left:35px;}
.radioRowArea li .radioType span { font-weight:700; }

.mTitle_h3 { font-size:24px; font-weight:900; color:#1e1e1e; padding-bottom:25px;}

.twoCase1 {display: flex;}
.twoCase1 > div:nth-child(1) { flex:0 0 120px;} 
.twoCase1 > div:nth-child(2) { flex:1;}  

.taRight { text-align: right !important;}
.inpxDiv { display: flex; align-items: center; position: relative;}

.w70 { width:70px !important; }
.ml10 { margin-left:10px; }

.newChecking { padding:13px 0 0;}
.newChecking .checkingArea2 strong { margin-left:10px; }

.btnCalendarDate {
    display:block; width:50px; height:50px;
    position: absolute; right:0; top:0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: none;
    border: none;
}
.btnCalendarDate i {
    display: block;
    width:24px; height:24px;
    background:url(../imgs/i_c_date.svg) no-repeat center / 100%;
}
.btnCalendarDate span { display: block; text-indent: -99999px; width: 0; height: 0; overflow: hidden; }



.memberTopTab {
    height:65px;
    display: flex;
    background:var(--white-color);
    border-radius:5px;
    width:100%;
    align-items: center;
    padding-left:0 !important
}
.memberTopTab li { flex:0 0 33.333333%; height:inherit; }
.memberTopTab li a { position: relative; display: flex; justify-content: center; align-items: center; height:inherit; }
.memberTopTab li a strong { font-size:18px; color:var(--sub-color); position: absolute; left:10px; top:5px; font-weight:900;}
.memberTopTab li a em { font-size:20px; font-weight:700; color:var(--sub-color); display: block; text-align: center; font-style: normal;}

.memberTopTab li.on a { 
    background: linear-gradient(90deg, #7875FE 0%, #AE28F0 100%);
    background:#06BFEA;
    border-radius:0 34px 34px 0;
}
.memberTopTab li.on a strong { color:var(--white-color);}
.memberTopTab li.on a em { color:var(--white-color)}

.memberTopTab li:nth-child(1).on a {  border-radius: 5px 34px 34px 5px;}
.memberTopTab li:nth-child(2).on a::before,
.memberTopTab li:nth-child(3).on a::before {
    content:"";display:block; position:absolute; left:0; top:0;
    width:30px; border-radius:0 50px 50px 0;
    background:#fff; z-index:10;
    height:100%;
}
.memberTopTab li:nth-child(3).on a {  border-radius: 0 5px 5px 0;}
.memberTopTab li.on a strong { left:36px; }
.memberTopTab li:nth-child(1).on a strong { left:15px; }
.nece { color:#06BFEA; font-style:normal}
.nece2 { color:#06BFEA; font-style:normal; margin-left:4px;}

.cmBox {
    border-radius:3px; 
    border:1px solid #d9d9d9;
    background:#fff;
    height:400px; 
    overflow: hidden;
    overflow-y: auto;
    padding:20px 20px;
}

.cmBox2 {
    border-radius:3px; 
    border:1px solid #d9d9d9;
    background:#fff;
    padding:80px 50px;
    text-align:center;
}
.cmBox2 i { display: block; text-align: center;}
.cmBox2 p { margin:40px 0 60px; text-align: center;}
.cmBox2 p span { font-size:30px; font-weight:700; color:#1e1e1e; display: block; letter-spacing: -1px;}
.cmBox2 p span strong { font-size:30px; font-weight:700; color:#06BFEA; }


.agreeBox { margin-top:30px; }
.agreeCheck { padding:20px 0; display: flex; justify-content: flex-end; }
.agreeCheck > div { margin-left:40px;}

.agreeBox { border-bottom:1px solid #aeaeae;}
.agreeBox2 { border-bottom:1px solid #aeaeae; margin-top:100px;}

.agreeTotal { padding:35px 0 0; display: flex; justify-content: center;}
.agreeTotal > div strong { font-size:20px; font-weight:600; color:#3e3e3e;}

.ml50 { margin-left:50px;}
.txtRed { color:#ef4b4b; font-size:14px; margin-top:10px;}
.txtRed0 { color:#ef4b4b; font-size:14px; margin-top:0;}
.txtRed2  { color:#ef4b4b; font-size:14px; margin-top:20px;}

.subBtnBottomCenter { position: relative; z-index: 10; display: flex; justify-content: center; }
.subBtnBottomCenter a { margin-right:5px; margin-left:5px;}

.subBtnBottomLeft { position: relative; z-index: 10; display: flex; justify-content: flex-start; }
.subBtnBottomLeft a { margin-right:10px; }

.loginBox {
    border-radius:3px; 
    background:#fff;
    padding:75px 75px;
    text-align:center;
    width:600px; height:678px;
    margin:0 auto;
}

.loginBox article { text-align: left;}
.loginBox article h2 { font-size:44px; font-weight:800; line-height: 1; }
.loginBox article p { font-size:18px; font-weight:600; padding:10px 0 20px; }
.lgDiv { margin-top:20px}
.autoSave { padding:10px 0 10px;}
.lgDivEtc { display: flex; margin:35px 0 50px; justify-content: space-between; }
.lgDivEtc div { display: flex; align-items: center;}
.lgDivEtc div a { 
    font-size:14px; color:#6e6e6e; 
    font-weight:600; display: flex; align-items: center;
}
.lgDivEtc div:nth-child(1) a  { margin-right:10px; position: relative;}
.lgDivEtc div:nth-child(1) a:nth-child(2)::before { 
    position: absolute; left:0; top:4px; content:""; display:block; height:12px; width:2px; 
    background:#d9d9d9; 
}
.lgDivEtc div a:nth-child(2) { padding-left:12px; position: relative; }
.lgDivEtc div a:nth-child(2)::before { content:""; display:block; height:12px; }

.inpLoginTxt { width:452px; }
.checkingLogin strong {
    padding-left:10px;
}
.checkingLogin input[type="checkbox"]:checked + i + strong { 
    color:#06BFEA;
}
.subBtn.custom-btn2 { background:#06BFEA !important}

.btnLoginB { border-radius:0;}
.btnLoginBox { margin-top:20px;}
.btnLoginBox a { 
    height:64px; width:100%; display: flex; justify-content: center; align-items: center; font-size:16px; font-weight:700; 
    border-radius:5px;
}


#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:909999;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



.baseBox { background:#fff; border-radius:5px; padding:50px; }
.dayDivBox { display: flex; margin-bottom:10px; }
.conferLeft { flex:0 0 auto; }
.conferDay { 
    border-radius:5px; background:#06BFEA; 
    width:195px; height:161px;
    display: flex; justify-content: center;
    align-items: center;
    flex-direction: column;
}
.conferDay strong { font-size:36px; font-weight:900; color:#fff;line-height: 1; padding-bottom:5px;}
.conferDay span { font-size:28px; font-weight:300; color:#fff; line-height: 1;}

.conferRight { flex:1; padding:0 0 0 100px; }

.dayConTable { padding:20px 0;}
.commTable { width:100%; }
.th_Title {
    background:#3E3E3E; 
    width:100%; height:60px; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:14px; 
    color:#fff; font-weight:400;
    border-radius:5px;
}

.commTable tbody td .td_title1 { 
    border-radius:5px; background:#fff;
    height:60px; text-align: center;
    padding:10px 0; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.commTable tbody td .td_blank { 
    background:#fff;
    height:60px;
}



.commTable tbody td .td_title2 { 
    display: flex;
    justify-content: space-between;
    background:#E8DAF5;
    border-radius:5px;
    height:122px;
    align-items: center;
    width:100%;
}

.commTable tbody td .td_title2 p {
    height: 100%; 
    display: flex; justify-content: center; align-items: center; 
    flex-direction: column;
    width:100%;
    padding-top:15px;
}
.commTable tbody td .td_title2 strong {
    display: block; text-align: center; font-size:16px; font-weight:700; 
    margin-bottom:10px; 

}
.commTable tbody td .td_title2 span { display: block; text-align: center; font-size:16px; font-weight:700; }

.commTable tbody td .td_title3 {
    display: flex;
    background:#F7EFFF;
    border-radius:5px;
    height:60px;
    align-items: center;
    padding-left:20px;
    justify-content: space-between;
    padding-right:10px;
}
.commTable tbody td .td_title3 p { display: flex; justify-content: center; align-items: center; flex-direction: column; padding:14px 0 0; }
.commTable tbody td .td_title3 p strong { text-align: center; font-size:15px; font-weight:700; display: block; line-height:1; margin-bottom:3px;}
.commTable tbody td .td_title3 p span { text-align: center; font-size:15px; font-weight:400; display: block; line-height:1;}
.commTable tbody td .td_title3 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width:89px; height:40px;
    font-size:16px;
    font-weight:600;
    border:1px solid #6E6E6E;
    background:#fff;
    color:#6E6E6E;
    border-radius:3px;
 }


.commTable tbody tr.color2 td .td_title2 { background:#DCDAF5; }
.commTable tbody tr.color2 td .td_title3 { background:#F1EFFF; }

.commTable tbody tr.color3 td .td_title2 { background:#D3E7F2; }
.commTable tbody tr.color3 td .td_title3 { background:#DBECF5; }

.spTopHeader { display: flex; justify-content: space-between; align-items: center;}
.spLeft { padding-bottom:15px;}
.spLeft ul { display: flex; }
.spLeft ul li { position: relative; padding-right:29px; }
.spLeft ul li a { font-size:24px; font-weight:800; color:#000; display: inline-flex; padding-bottom:10px; line-height:1;}
.spLeft ul li a.on { color:#06BFEA; border-bottom:4px solid #06BFEA; }
.spLeft ul li:nth-child(2) { padding-left:30px;  }
.spLeft ul li:nth-child(2)::after {
    content:"";display:block;
    display: block;
    height:19px; width:1px;
    background:#000;
    position: absolute;
    left:0; top:2px;
}

.faqList { border-top:1px solid #aeaeae; }
.faqThum { border-bottom:1px solid #aeaeae;  }
.faqThum h3 { display: flex; padding:16px 40px 14px; position: relative; margin:0; cursor: pointer;}
.faqThum h3 em { font-size:20px; font-weight:800; line-height:1.2; padding-top:7px; flex:0 0 70px}
.faqThum h3 p { font-size:16px; font-weight:700; line-height:1.2; padding-right:100px; padding-top:10px;}
.faqThum h3 i {
    position: absolute; right:40px; 
    top:50%;
    transform: translateY(-50%);
    background:url(../imgs/add/i_plus.svg) no-repeat center / 100%;
    width:20px; height:20px;
    display: block;
}
.faqThum h3.on i {
    background:url(../imgs/add/i_minus.svg) no-repeat center / 100%;
    color:#fff;
}

.faqThum h3.on { background:#06BFEA;}
.faqThum h3.on em { color:#fff; }
.faqThum h3.on p { color:#fff;}

.faqThum article { display: flex; padding:16px 40px 14px; border-top:1px solid #aeaeae;}
.faqThum article em { font-size:20px; font-weight:800;  line-height:1.8; padding-top:7px; flex:0 0 70px; color:#06BFEA;}
.faqThum article p { font-size:14px; font-weight:500;  line-height:1.8; padding-right:40px; padding-top:10px; color:#545454; }


.spRight { 
    display: flex; justify-content: flex-end; margin-bottom:30px; 
}
.spRight article {
    display: flex; justify-content: flex-end; width:520px; 
    border:2px solid #06BFEA;
    border-radius:3px;
    margin-bottom:30px; 
}
.spCenter { 
    display: flex; justify-content: center; margin-bottom:20px; 
}
.spCenter article {
    display: flex; justify-content: flex-end; width:520px; 
    border:2px solid #06BFEA;
    border-radius:3px;
}


.inputSearchCom { position: relative; display: flex; flex:1;}
.inputSearchCom::before {
    content:"";display: block;
    width:1px; height:15px;
    background:#D9D9D9;
    position: absolute;
    left:0; top:50%; 
    transform: translateY(-50%);
    z-index:10;

}
.inputSearchCom input[type='text'] {
    height:50px; width:100%; 
    border:none;
    background:#fff;
    font-size:16px; 
    color:#333;
    padding-left:20px;
    position: relative;
    border-radius:3px;
    
}
.btnSearchCom {
    width:50px; height:50px;
    background:#06BFEA;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    font-weight:600;
    border:none;
}
.selectBoxCom { 
    flex:0 0 150px;  position: relative; 
    border-radius:3px; 
    height: 50px; 
    width:125px;
}
.selectBoxCom select{ 
    height:48px;
    border:none;
    background:none;
    padding-left:15px; 
    padding-right:15px;
    width:100%;
    background:#fff;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
}
.selectBoxCom::after{ 
    background:url(../imgs/add2/i-select-arrow.svg) no-repeat center;
    content:"";display: block;
    width:18px; height:18px;
    position: absolute;
    right:5px; top:50%;
    transform: translateY(-50%);
}


.searchBox { display: flex; }
.selectBox { margin-right:10px; }
.selectBox select{ 
    height: 50px; 
    border:1px solid #D9D9D9; 
    background:#fff;
    padding-left:10px; 
    padding-right:20px;
}

.selectBoxN {
    border:1px solid #D9D9D9; 
    background:#fff;
}
.selectBoxN select{ 
    height: 50px; 
    border:none; 
    background:none;
    padding-left:10px; 
    padding-right:20px;
}


.inputSearch { position: relative;}
.inputSearch input[type='text'] {
    height:50px; width:402px; 
    border:1px solid #D9D9D9; 
    background:#fff;
    font-size:16px; color:#6e6e6e;
    padding-left:10px;
    position: relative;
}
::placeholder { color:#cecece; }
.btnSearch {
    width:50px; height:50px;
    position: absolute; right:0; top:0;
    background: url(../imgs/i_search_p.svg) no-repeat center ;
    border:none;
}


/* mypage */
.mypageWrap {
    margin-top:40px;
    display: flex;
    justify-content: space-between;
 }
 .myNav {
    flex:0 0 240px;
 }
 .myNavTop { 
    border-radius:5px; border-top:3px solid #06BFEA; background:#fff;
    padding:25px 25px 35px 25px;
 }
 .myNavTop > li { 
    border-top:1px solid #dadada; 
    margin-top:25px;
    padding-top:25px;
 }
 .myNavTop > li:nth-child(1) { margin-top:0; padding-top:0; border-top:0;}
 .myNavTop > li h2 {
    color:#1e1e1e;
    font-size:18px; font-weight:700;
 }
 .myNavTop > li ul { padding:5px 0 0;}
 .myNavTop > li ul li a { color:#3e3e3e; font-size:16px; margin:4px 0; display: block;}
 
 .myNavBottom { 
    border-radius:5px; border-top:3px solid #3e3e3e; background:#fff;
    padding:25px 25px 10px 25px;
 }
 .myNavBottom > li {
    color:#1e1e1e;
    font-size:18px; font-weight:700;
    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #dadada;
 }
 .myNavBottom > li:nth-child(1) { border-top:0; padding-top:0; margin-top:0; }
 .myNavBottom > li em { font-style: normal; font-size:14px; font-weight:400; color:#6E6E6E; padding-bottom:6px; display: block;}
 .myNavBottom > li h3 { font-style: normal; font-size:16px; font-weight:700; color:#3E3E3E; line-height:1;}
 .myNavBottom > li p { line-height:1; font-size:18px; font-weight:800; color:#3E3E3E;  margin-top:-2px; }
 
 .myNav article { margin-bottom:30px; }
 
 .myCon { flex:0 0 915px;}
 
 .myConHeader {
    display: flex;
    justify-content: space-between;
    padding:25px 50px 25px 35px;
    position: relative;
    background-color: #fff;
    border:1px solid #CECECE;
    border-radius:5px;
    align-items: center;
    margin-left:15px;
 }
 .myd_img {
    position:absolute;
    left:35px; top:25px;
    width:61px; height:61px;
    border-radius:31px;
 }
 .myd_img i { 
    position: relative;
    width:61px; height:61px;
    border-radius:31px;
    overflow: hidden;
 }
 .myd_img a {
    width:15px; height:15px; 
    border-radius:8px;
    background:#8AE642;
    display: block;
    position: absolute;
    right:0;
    top:0;
    z-index:2;
 }

 .myd_spacebetween {
    display: flex; justify-content: space-between; align-items: center;
    flex:1;
 }

 .myd_txt {
    height:61px; 
    padding-left:85px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top:3px;
 }
 .myd_txt span em { font-style: normal;}
 .myd_txt span { display: block; font-size:20px; margin:3px 0; line-height: 1;}
 .myd_txt span strong { color:#06BFEA;}
 
 .myd_day { padding-left:55px; border-left:1px solid #CECECE; display: flex; align-items: center;}
 .myd_day strong { font-size:30px; font-weight:800; color:#06BFEA; margin-right:10px;}
 
 .myConNotice { 
    display: flex;
    padding:12px 20px;
    position: relative;
    background-color: #fff;
    border:1px solid #CECECE;
    border-radius:5px;
    align-items: center;
    margin-top:10px;
    margin-left:15px;
 }
 .myConNotice i { width:24px; height:24px; display: block; margin-right:22px; }
 .myConNotice a { color:#1E1E1E; font-size:18px; font-weight:500; }
 
 .myContent { padding:30px 0 0;}
 .myContent h3 { font-size:24px; font-weight:800;  margin-left:15px;}
 
 .myTableWrap { padding:10px 0 0; margin-left:15px;}
 .myTableWrap h4 { font-size:20px; font-weight:700; margin-bottom:15px;}
 .myTable { width: 100%;}
 .myTable thead th { 
    background:#F0F0F0; border-top:1px solid #5a5a5a; border-bottom:1px solid #d2d2d2;
    font-size:18px; padding:15px 0; text-align: center; font-weight:500; 
}
.myTable tbody td { 
    border-bottom:1px solid #d2d2d2;
    font-size:16px; padding:14px 0; text-align: center; font-weight:500;
}
.myTable tbody td.taLeft { text-align:left; padding-left:20px;}
 

 .mycList { display: flex; justify-content: flex-start; padding-top:10px; flex-wrap:wrap;}
 .mycList section {
    flex:0 0 calc(33.333333%);
    padding-left:15px;
 }
 .mycList article {
    display: flex;
    padding:28px 25px 20px;
    position: relative;
    background-color: #fff;
    border:1px solid #CECECE;
    border-radius:5px;
    flex-direction: column;
    height:200px;
    margin-bottom:15px;
 }
 .mycList article em {
    display: block;
    font-size:14px;
    color:#06BFEA;  
    font-weight:800;
 }
 .mycList article h4 {
    font-size:18px; 
    font-weight:800;
    color:#1e1e1e;
    margin-top:15px;
    padding-top:16px;
    border-top:1px solid #CECECE;
    line-height: 1;
 }
 .mycList article p {
    font-size:14px;
    color:#6e6e6e;
    line-height:1.2;
    padding-bottom:5px;
 }
 
 .mypageMobTitle { display: none;}

.btnMypQuick {
    width:62px; height:25px; display: block; 
    position: absolute; left:50%; top:0; margin-left:-31px; z-index:100; 
    display: none; 
}
.btnMypQuick .btnMypMenu { 
    width:62px; height:25px; border-radius:0 0 5px 5px; 
    display: flex; justify-content: center;
    align-items: center;
    background:#06BFEA;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
}
.btnMypQuick .btnMypMenu i { 
    display: block; width: 20px; height: 20px;
    background: url(../imgs/add/i_myp_down.svg) no-repeat center / 100%;
    transition: all 0.3s ease-out;
}
.btnMypQuick.on .btnMypMenu i {
    transform: rotate(180deg);
}



 
 .numRight { display: flex; }
 .numRight span { font-size:24px; font-weight:800; line-height: 1;}
 .numRight span strong { font-size:34px; font-weight:900; margin-right:5px;}

 /* paginate */
.pgAnother { padding:50px 0 0;}
.pgAnother2 { padding:25px 0 0;}
.paginate {text-align:center;display: flex; justify-content: center;}
.paginate a {display:inline-block;width:40px;height:40px;text-align:center;color:#000;font-size:16px;line-height:2.7em; border-radius:20px;}
.paginate a span {display:inline-block;padding:0 2px;line-height:1em;}
.paginate a.active,
.paginate a:hover {background:#06BFEA;color:#fff;}
.paginate a.active span { color:#fff;}
.paginate a:hover span {border-bottom:1px solid #fff;color:#fff;}
.paginate a.prev {
    margin:0 15px 0 0;border:none;border-left:0;
    /* background:url(../imgs/i_pg_prev.svg) no-repeat 50%; */
    background: none;
}
.paginate a.next {
    margin:0 0 0 15px;border:none;border-right:0;
    /* background:url(../imgs/i_pg_next.svg) no-repeat 50%; */
    background: none;
}
.paginate a.first {
    margin:0 0 0 0;border:none;
    /* background:url(../imgs/i_pg_prev.svg) no-repeat 50%;
    display: none; */
    background: none;
}
.paginate a.last {
    margin:0 0 0 0;border:none;
    /* background:url(../images/pg_last.jpg) no-repeat 50%;
    display: none; */
    background: none;
}
.paginate a.prev:hover,
.paginate a.next:hover,
.paginate a.first:hover,
.paginate a.last:hover { background: transparent;}

/*
.paginate a.prev:hover svg path { stroke:#3E3E3E; }
.paginate a.next:hover svg path { stroke:#3E3E3E; }
.paginate a.first:hover svg path { stroke:#3E3E3E; }
.paginate a.last:hover svg path { stroke:#3E3E3E; }
*/

.paginate a.prev.on svg path { stroke:#3E3E3E; }
.paginate a.next.on svg path { stroke:#3E3E3E; }
.paginate a.first.on svg path { stroke:#3E3E3E; }
.paginate a.last.on svg path { stroke:#3E3E3E; }




.bdTop1 { padding-top:40px; border-top:1px solid #aeaeae;}
.bdTop2 { padding-top:70px; }

.confeOutline { position: relative; }
.confeOutline .coHead { 
    position: relative; 
    background:url(../imgs/add/conf_img1.png) no-repeat right bottom / cover ;
    height:310px;
}
.confeOutline .coHead img { width:100%; }

.confeOutline .coContext { position: relative; z-index:3; }
.confeOutline .coContext .cocTitle { background:#f7f7f7; width:48%; padding:40px 0; margin-top:-80px;}
.confeOutline .coContext .cocTitle span { font-size:30px; font-weight:900; line-height:1.4; display: block; }
.confeOutline .coContext .cocDiv { display: flex; justify-content: space-between; }
.confeOutline .coContext .cocDiv div { flex:0 0 48%; }
.confeOutline .coContext .cocDiv div p { 
    font-size:18px; line-height:1.7; letter-spacing:-0.5px;
}

.conBoxWrap { margin-top:35px; }
.conferHeader { display: flex; background:#fff; padding:34px 50px; border:1px solid #CECECE;}
.conferHeader div { flex:0 0 50%; }
.conferHeader div article { display: flex; margin:6px 0; }
.conferHeader div article label  { 
    font-size:18px; color:#6e6e6e; 
    font-weight:500; 
    width:120px; 
    display: block;
}
.conferHeader div article span  { 
    display: block;
    font-size:18px; 
    color:#3e3e3e; font-weight:700; 
    position: relative; 
}
.conferHeader > div { position: relative;}
.conferHeader > div:nth-child(2) { padding-left:50px;}
.conferHeader > div:nth-child(2)::before { 
    content:""; 
    display: block;
    position: absolute;
    left:0; top:10px;
    margin:0;
    height:50px; width:1px;
    background:#cecece;
}

.sessionNav { display: flex; padding-left:0; position: relative; }
.sessionNav li { flex:0 0 276px; position: relative;}
.sessionNav li:nth-child(2) { margin-left:-28px; }
.sessionNav li a { 
    display: flex; height:68px; width:276px;
    justify-content: center;
    align-items: center;
    padding-right:10px;
    padding-bottom:12px;
    font-size:20px;
    font-weight:700;
    color:#9E9E9E;
    position: relative;
    z-index:1;
    background:url(../imgs/add/conf_tab_off.svg) no-repeat 0 0 / 273px 70px ;

}
.sessionNav li.on a { 
    color:#000;
    z-index: 100; 
    background:url(../imgs/add/conf_tab_on.svg) no-repeat 0 0 / 276px 69px ;
}

.sessionNav li.on a::after {
    content:"";
    display: block;
    width:275px;
    height:13px;
    background:#fff; 
    position: absolute;
    left:1.5px; bottom:0; 
    border-radius:0 5px 0 0;
}

.sessionNav li:nth-child(2).on a::after {
    content:"";
    display: block;
    width:278px;
    height:13px;
    background:#fff; 
    position: absolute;
    left:-2px; bottom:0; 
    border-radius:0 5px 0 0;
}

.conferSesseion { 
    border:1.5px solid #06BFEA; 
    position: relative; 
    margin-top:-30px;
    background:#fff;
    align-items: center;
    z-index:3;
    border-radius:3px;
}
.conferSesseion section {
    width:100%;
    display: flex; 
    padding:40px 50px 17px 50px;
    border-top:1px dashed #6e6e6e;
    position: relative;
} 
.conferSesseion section:nth-child(1) { border-top:none; }
.conferImg { padding-right:50px; }
.conferImg2 { padding:20px 0 50px; }
.conferImg2 img { width:100%; }
.conferInner { padding:20px 0 50px; min-height:400px; }

.coming { font-size:50px; font-weight:700; text-align:center; padding:80px 0; min-height:400px; display:flex; align-items:center; justify-content:center; }


.conferCon h2 { display: flex; align-items: flex-start;}
.conferCon h2 strong { 
    font-size:18px; 
    color:#06BFEA;
    font-weight:700;
    margin-right:10px;
}
.conferCon h2 span {
    font-size:24px; 
    color:#3e3e3e;
    font-weight:700;
}
.conferCon ul { padding:4px 0 0 0;}
.conferCon ul li {
    font-size:18px; font-weight:500; color:var(--sub-color); 
    position: relative;
    margin:4px 0 4px 8px;
    padding-left:15px;
 }
 .conferCon ul li::before{
    content: "";
    display: block;
    width:4px; height: 4px;
    background-color: var(--sub-color);
    border-radius:2px;
    position: absolute;
    left:0; top: 11px;
 }
 .bbRight {
    position: absolute;
    right:40px;
    top:50%;
    transform: translateY(-50%);
 }
 .btnCircleBase {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    width:76px; height:76px;
    border-radius:40px;
    background:#F0F0F0;
    color:#3e3e3e; 
    font-weight:600;
    font-size:14px;
    transition: all 0.3s ease-out;
 }
 .btnCircleBase:hover {
    color:#fff;
    background: #06BFEA;
 }

 .yuroPrice {
    padding:100px 0;
    background:url(../imgs/add/yuro_bg.png) no-repeat center / cover;
 }
 .sessionPolicy { position: relative;}
 .sessionPolicy h2 { text-align: center; color:#fff; }
 .bbRight2 { position: absolute; right:0; top:0;}

a.subBtnCom {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    width:185px; height:50px;
    border-radius:5px;
    background:#06BFEA;
    color:#fff; 
    font-weight:900;
    font-size:14px;
    transition: all 0.3s ease-out;
}
.priceDivBox { display: flex; justify-content: space-between; padding:30px 0 0;}
.priceDivBox article { 
   margin-bottom:30px; flex:0 0 32.5%; border-radius:5px; background:#fff; 
   padding:35px 26px; border-top:3px solid #06BFEA; 
   height:285px;
   position: relative;
   transition: all 0.3s ease-out;
}
.priceDivBox article a {
    position: absolute;
    margin:0 26px;
    left:0;
    bottom:40px;
    width:calc(100% - 52px);
    display: flex;
    justify-content: center;
    align-items: center;
    background:#fff;
    font-size:16px; font-weight:900;
    color:#06BFEA;
    opacity: 0;
    z-index:-1;
    height:50px; 
    border-radius:5px;

}
.priceDivBox article h3 { font-size:24px; font-weight:800; padding-bottom:20px; border-bottom:1px solid #cecece; }
.priceDivBox article > span { color:#6e6e6e; font-weight:500; font-size:18px; padding:15px 0 0; display: block; }
.priceDivBox article div { 
    padding:5px 0 0; display: flex; align-items:flex-end; justify-content: space-between;
    position: absolute; right:25px; bottom:40px; flex-direction: column; z-index:1;
    opacity: 1;

}
.priceDivBox article div > span { padding-bottom:7px; font-size:16px; font-weight:700; color:#c1c1c1; text-decoration: line-through; line-height: 1;}
.priceDivBox article div strong { display: flex; }
.priceDivBox article div strong em { font-size:30px; color:#06BFEA; font-weight:900; line-height:1; margin-right:4px; font-style: normal; }
.priceDivBox article div strong span { font-size:18px; color:#6E6E6E; font-weight:400; line-height:1; font-style: normal; padding:10px 0 0 0;}

.priceDivBox article:hover { background:#06BFEA; }
.priceDivBox article:hover h3 { border-bottom:1px solid #fff; color:#fff; }
.priceDivBox article:hover > span { color:#fff;}
.priceDivBox article:hover div > span { color:#fff;}
.priceDivBox article:hover div { opacity: 0; z-index:-1; }
.priceDivBox article:hover a { opacity: 1; z-index: 2; }

.txtWhite { color:#fff;}
.pb0 { padding-bottom:0 !important}

.ticketList { padding:0;}
.ticketList li { 
    background: #fff; display: flex; align-items: center; 
    border-radius: 5px; 
    position: relative;
    padding:0 60px 0 40px;
    margin-bottom:10px;
    height:100px;
    cursor: pointer;
    border:1px solid #fff;
}
.ticketList li.on {
    border:1px solid #06BFEA
}

.tic_check { position: relative; }
.tic_check input[type="checkbox"] {
	appearance: none;
    height:0;
    display: none;
    
}
.tic_check input[type="checkbox"] + i { 
	border: none;
	width:47px; height:47px;
    background:#cecece;
    border-radius:25px;
    display: block;
    background:#cecece url(../imgs/add/if_checking.svg) no-repeat center;
}
.tic_check input[type="checkbox"]:checked + i { 
	content:"";
    display:block;
    width:47px; height:47px;
    border-radius:25px;
    background:#06BFEA url(../imgs/add/if_checking.svg) no-repeat center;
}

.ticketList li .tic_title { 
    padding-left:35px; display: flex; align-items: center; 
    font-size:30px; font-weight:700;
    flex:0 0 280px;
}
.ticketList li .tic_con { 
    padding-left:20px; display: flex; align-items: center; 
    font-size:20px; font-weight:400; color:#6E6E6E;
    position: relative;
}
.ticketList li .tic_con::before { 
    content:"";display: block; width:1px; height:15px; background:#cecece; position: absolute; left:0; top:50%;
    transform: translateY(-50%); 
}

.ticketList li .tic_price { 
    position: absolute; right:60px; top:50%; transform:translateY(-50%); 
    display: flex; justify-content: flex-end; align-items: center;
}
.ticketList li .tic_price em { font-size:20px; color:#cecece; font-weight:900; text-decoration: line-through;}
.ticketList li .tic_price strong { font-size:30px; color:#06BFEA; font-weight:900; margin-right:10px; margin-left:20px;}
.ticketList li .tic_price span { font-size:18px; color:#6E6E6E;}

.formBaseInner {
    margin:60px 0;
}
.title_h3_a { font-size:24px; font-weight:800; padding-bottom:15px; }

.payResultTop { border-top:1px solid #c0c0c0;}
.payPriceArea { padding:25px 62px; display: flex; align-items: center; }
.payPriceArea > label { font-size:16px; font-weight:700; flex:0 0 220px; line-height: 1;}

.payPriceWon { display: flex; align-items: flex-end;}
.payPriceWon strong { font-size:30px; color:#06BFEA; font-weight:900; margin-right:10px; line-height: 1;}
.payPriceWon span { font-size:18px; color:#6E6E6E; line-height: 1;}

.payResultBottom {  background:#fff;}
.payPriceType { display: flex; align-items: center; margin:0; padding:0;}
.payPriceType li { display: flex; align-items: center; margin-left: 60px;}
.payPriceType li:nth-child(1) { margin-left: 0;}
.payPriceType li label { position: relative; display: flex; align-items: center;}
.payPriceType li label input[type="radio"] {
	appearance: none;
    height:0;
    display: none;;
}
.payPriceType li label input[type="radio"] + i { 
	border: none;
	width:26px; height:26px;
    border:1px solid #e0e0e0;
    background:#fff;
    border-radius:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right:10px;
}
.payPriceType li label input[type="radio"]:checked + i::after { 
	content:"";
    display:block;
    width:14px; height:14px; 
    background:#06BFEA; 
    border-radius:7px;
}
.payPriceType li label strong { font-size:16px !important; font-weight:600 !important; }

.payHelp { padding:20px; border:1px solid #CECECE; background:#f0f0f0; margin-top:30px;}
.payHelp li {
   font-size:16px; font-weight:400; color:var(--sub-color); 
   position: relative;
   margin:3px 0 3px 12px;
   padding-left:12px;
}
.payHelp li::before{
   content: "";
   display: block;
   width:3px; height: 3px;
   background-color: var(--sub-color);
   border-radius:2px;
   position: absolute;
   left:0; top: 10px;

}

.title_h3_b { display: flex; align-items: center; padding:40px 0 10px; }
.title_h3_b em { font-size:20px; color:#06BFEA; font-weight:900; margin-right:10px; line-height: 1; margin-right:10px;}
.title_h3_b strong { font-size:20px; color:#1e1e1e; line-height: 1;}

.confeWrap ul { padding-left:0;}
.confe_header { 
    border-top:1px solid #000;
    background:#f0f0f0;
    border-bottom:1px solid #dcdcdc;
    padding:13px 0;
    display: flex;
    margin:0;
}
.confe_header li {
    font-size:18px; color:#3e3e3e;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:500;
}
.confe_header li:nth-child(1) { flex:0 0 16%; }
.confe_header li:nth-child(2) { flex:0 0 50%; }
.confe_header li:nth-child(3) { flex:0 0 34%; }

.confe_con { 
    background:transparent;
    border-bottom:1px solid #dcdcdc;
    display: flex; padding:0; margin:0;
    width:100%;
}
.confe_con li {
    font-size:18px; color:#3e3e3e;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:500;
    padding:16px 0;
    margin-top:0;
}
.confe_con li:nth-child(1) { flex:0 0 16%; }
.confe_con li:nth-child(2) { flex:0 0 48%;  justify-content: flex-start; padding-left:30px;}
.confe_con li:nth-child(3) { flex:0 0 36%; }

.confe_con li div.conTy strong { 
    display: inline-flex;
    border-radius:15px; 
    border:1px solid #06BFEA;
    color:#06BFEA;
    font-size:14px;
    margin-right:10px;
    justify-content: center;
    align-items: center;
    width:40px;
    height:20px;
}
.confe_con li div.conTy span { 
    font-size:16px; font-weight:700;
}

.confe_con li div.conInfo { 
    display: flex; position: relative; 
    width:100%;
    align-items: center;
}
.confe_con li div.conInfo strong { 
    font-size:16px; font-weight:600;
    margin-right:10px;
}
.confe_con li div.conInfo span { 
    font-size:16px; font-weight:400;
}
.confe_con li div.conInfo a { 
    width:70px; height:40px;
    background:#fff; border:1px solid #6e6e6e;
    font-size:16px; font-weight:600;
    display: flex; justify-content: center;
    align-items: center;
    position: absolute;
    right:30px;
    top:50%;
    transform: translateY(-50%);
    color:#6e6e6e;
    border-radius:3px;
    transition: all 0.3s ease-out;
}
.confe_con li div.conInfo a:hover {
    border:1px solid #06BFEA;
    background:#06BFEA;
    color:#fff;
}

.confe_con_empty li { background:#f0f0f0; color:#d0d0d0; font-size:16px; font-weight:400;}
.confe_con_empty li:nth-child(1) { flex:0 0 16%;  }
.confe_con_empty li:nth-child(2) { flex:0 0 84%;  }
.breakTime { font-size:16px; font-weight:400; text-align: center; justify-content: center; width:100%; padding-right:30px; }

.layerProfileBox {
    position: fixed;
    left:0; top:0; 
    z-index:99999;
    width:100%;
    height:100%;    
    background:rgba(0,0,0,0.5);    
    display: none;
}
.layerProfileBox > section {
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lpb {
    width:900px; height:740px;
    position: relative;
    background:#fff;
}
.lpb_title {
    font-size:24px; color:#fff; height:70px; 
    background:#000; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:800;
}
.lpb_header {
    padding:50px 50px 0 50px; 
    display: flex;
    justify-content: space-between;
}

.btnLayerClose {
    position: absolute;
    right:-70px; top:0;
    width:70px; height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lpb_Left {
    flex:0 0 460px;
    border-bottom:1px solid #cecece;
}
.lpb_Left h3 { display: flex; align-items: center; padding-bottom:22px; border-bottom:1px solid #cecece;}
.lpb_Left h3 strong { font-size:24px; font-weight:700; color:#06BFEA; margin-right:10px;}
.lpb_Left h3 span { font-size:14px; color:#6e6e6e; font-weight:400;}
.lpb_Left h4 { padding:25px 0 8px; font-weight:700; font-size:20px;}
.lpb_Left ul { padding:0;}
.lpb_Left ul li {
    font-size:16px; font-weight:400; color:var(--sub-color); 
    position: relative;
    margin:5px 0 5px 4px;
    padding-left:8px
}
.lpb_Left ul li::before{
    content: "";
    display: block;
    width:3px; height: 3px;
    background-color: var(--sub-color);
    border-radius:2px;
    position: absolute;
    left:0; top: 10px;
 }
 .lpb_Right { width:280px; height:300px; overflow: hidden;}
 .lpb_Right img { width:100%; }
 .lpb_con { padding:30px 50px 0; }
 .lpb_con h3 { font-size:20px; font-weight:700; }
 .lpb_con p { font-size:16px; line-height:1.7; padding:10px 0 0; word-break: keep-all;}

 .findWrap {
    width:600px; height:678px;
    margin:0 auto;
    position: relative;
 }

 .findBox {
    border-radius:3px; 
    background:#fff;
    padding:75px 75px;
    text-align:center;
    width:100%; height:auto;
    margin:-30px auto 0;
    border:1.5px solid #06BFEA; 
    position: relative;
    z-index:10;
}

.findBox article { text-align: left;}
.findBox article h2 { font-size:44px; font-weight:800; line-height: 1; }
.findBox article p { font-size:18px; font-weight:600; padding:10px 0 20px; }

.findNav li.on a { 
    color:#06BFEA;
    z-index: 100; 
}


a.btnWhiteBorder {
    border:1px solid #6e6e6e;
    color:#6e6e6e;
    background:#fff;     
    margin-left:5px;
    width:125px; height:50px; 
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:3px;
}
a.btnWhiteBorder:hover { color:#6e6e6e;}
a.btnGrayBorder {
    border:1px solid #6e6e6e;
    color:#fff;
    background:#6e6e6e; 
    margin-left:5px;
    width:125px; height:50px; 
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:3px;
}
a.btnGrayBorder:hover { color:#fff;}

.phoneAuto { flex:0 0 calc(100% - 255px); }
.certAuto { flex:0 0 calc(100% - 130px);}

.selectBox2 { margin-right:5px; flex:0 0 120px;}
.selectBox2 select{ 
    height: 50px; 
    border:1px solid #D9D9D9; 
    background:#fff;
    padding-left:10px; 
    padding-right:20px;
    width:100%;
    border-radius:3px;
}
.mtTop1 { margin-top:40px; }


/* mobile menu */
.mobTopBtn a { margin-bottom:5px;}
a.btnMainColor { 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    font-weight:600;
    color:#fff;
    background:#06BFEA;
    height:45px;
    width:100%;
    border-radius:3px;
}
a.btnWhiteColor {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    font-weight:600;
    color:#3e3e3e;
    background:#fff;
    height:45px;
    width:100%;
    border-radius:3px;
    border:1px solid #06BFEA;
}

a.btnLightGrayColor { 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px;
    font-weight:600;
    color:#6e6e6e;
    background:#fff;
    height:45px;
    width:100%;
    border-radius:3px;
    border:1px solid #6e6e6e;
}
.mobBottomBtn { margin:40px 0 20px }

.mobNavList { 
    padding-left:0 !important; border-top:1px solid #dadada;
    margin-top:20px;
}
.mobNavList > li { 
    border-bottom:1px solid #dadada;
}
.mobNavList > li > a { 
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:18px;
    font-weight:700;
    padding:20px 0;
    color:#1e1e1e;
    position: relative;
}
.mobNavList > li > a i {
    display: block;
    width:20px; height:20px;
    background:url(../imgs/add/i_am_down.svg) no-repeat center / 100%;
    position: absolute;
    right:0; top: 50%;
    margin-top:-10px;
} 
.mobNavList > li > a.on {
    padding-bottom:10px !important;
}
.mobNavList > li > a.on i {
    transform: rotate(180deg);
}

.mobNavList ul { 
    padding:15px;
    background:#f7f7f7;
}

.mobNavList > li > ul li a { font-size:16px; color:#3e3e3e; }

.mobTopMember { position: relative; display:none;}

.mob_myd_img {
    width:61px; height:61px;
    border-radius:31px;
    position: relative;
 }
 .mob_myd_img i { 
    position: relative;
    width:61px; height:61px;
    border-radius:31px;
    overflow: hidden;
 }
 .mob_myd_img a {
    width:15px; height:15px; 
    border-radius:8px;
    background:#8AE642;
    display: block;
    position: absolute;
    right:0;
    top:0;
    z-index:2;
 }
 .mob_myd_txt { padding:15px 0 0;}
 .mob_myd_txt strong { display: block; font-size:20px; margin:3px 0; line-height: 1; font-weight:400;}

 .boardViewHeader { 
    border-top:1px solid #3e3e3e; 
    background:#f0f0f0;
    display: flex;
    justify-content: space-between;
    padding:15px 30px;
}
.boardViewHeader h2 { font-size:20px; font-weight:600; color:#3e3e3e;}
.boardViewHeader ul { display: flex; margin:0; padding:0; align-items: center;}
.boardViewHeader ul li { margin-left:15px; padding-left:16px; font-size:14px; font-weight:600; color:#3e3e3e; position: relative;}
.boardViewHeader ul li:nth-child(2)::before {
    content:"";display:block;
    position: absolute;left:0; 
    top:0; height:20px; width:1px; background:#3e3e3e;
}
.boardViewCon { min-height:200px; padding:30px 0;}
.boardViewCon p { font-size:14px; line-height:1.6;}
.boardConImg { overflow: hidden; text-align: center;}
.boardConImg img { max-width:100%;}

.prevNextArea {
    display: flex;
    position: relative;
    padding:15px 30px;
    align-items: center;
}
.nextBtnArea { border-top:1px solid #eaeaea; border-top:none !important;}
.prevBtnArea { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea}
.nextBtnArea span i {
    display: block;
    width:10px; height:5px;
    background:url(../imgs/add/pg_up.svg) no-repeat center / 100%;
    margin-right:10px;
}
.prevBtnArea span i {
    display: block;
    width:10px; height:5px;
    background:url(../imgs/add/pg_up.svg) no-repeat center / 100%;
    margin-right:10px;
}
.prevNextArea span { 
    font-size:20px; font-weight:600; 
    display: flex;
    align-items: center;
    flex:0 0 130px;
}
.prevNextArea a { font-size:14px; font-weight:600; color:#3e3e3e;}
.prevNextArea em { position: absolute; right:30px; top:50%; transform: translateY(-50%); font-size:14px; font-weight:600;}

.btnBottomCenter {
    display: flex; justify-content: center;
    margin-top:70px;
}
.btnBottomCenter a { margin:0 5px;}
a.btnListGray {
    display: flex;
    justify-content: center;
    align-items: center;
    width:170px;
    height:50px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    border-radius:3px;
    background:#3e3e3e;
}

.boardWriteCon { width:100%; }
.boardWriteCon article { display: flex; margin:20px 0; }
.boardWriteCon article label { flex:0 0 150px; text-align: center; padding-top:10px; font-size:20px; font-weight:600; }
.boardWriteCon article div { flex: 1; }
.textaCon1 { height:450px; padding:15px 20px; width:100%;}

.receptionArea h3 {
    font-size:14px; color:#06BFEA;
    font-weight:600;
    padding-bottom:5px;
}
.receptionArea div { 
    display: flex; align-items: center; justify-content: space-between;
    padding:40px 65px 36px;
    background: #fff;
    border-radius:3px;
}
.receptionArea div p {
    font-size:16px; color:#3e3e3e; line-height:1.3;
    padding-top:5px; padding-right:30px;
}
.receptionArea div ul { display: flex; align-items: center; justify-content: flex-end;}
.receptionArea div ul li { margin-left:40px;}
.receptionArea div ul li strong { margin-left:15px;}

.addrTop { margin-top:-40px;}

.chkListDiv2 { align-items: center;}
.chkListDiv2 h4 { flex:0 0 auto; font-size:16px; font-weight:300; }
.chkListDiv2 ul { padding:10px 0 0; display: flex; flex:1; }
.chkListDiv2 ul li { margin-right:30px; flex:0 0 auto; }
.chkListDiv2 ul li .checkingArea2 strong { font-size:16px !important; font-weight:400; margin-left:10px;}

.fxHe1 { height:50px; align-items: center; display: flex; }
.type2 { margin-top:-10px;}
.formChkList_t { padding:30px 0 0; border-bottom:1px solid #c9c9c9}
.newInpx1 { margin-left:20px; width:100%; }
.chkListDiv2 ul li.four { flex:1; padding-right:0; margin-right:0; }
.chkListDiv2 ul li.four .checkingArea2 { width:80px; }
.chkListDiv2 ul li.four .fxHe1 { width:100%; }

.bottomDashed { border-bottom:1px dashed #aeaeae !important;}

.fxWrap ul { flex-wrap: wrap; }
.fxWrap ul li { margin-bottom: 20px; }
.bbNone { border-bottom:none !important;}
a.boardLink { font-size:16px; font-weight:500; color:#3e3e3e;}

.mobileTitle { padding:80px 0 30px; position: relative; display: none;}
.mobileTitle h2 { font-size:36px; font-weight:800; text-align: center; }

.pcTitle { display: block; }

.bud_img { text-align: center;}
.bud_img img { max-width:100%;}
.maching { margin-top:30px;}
.maching h3 { display: flex; padding-bottom:15px;}
.maching h3 em { font-size:24px; font-weight:700; color:#06BFEA; margin-right:10px}
.maching h3 strong { font-size:24px; font-weight:700; color:#1e1e1e;}

.btnPosCenter { position:absolute; left:50%; bottom:160px; z-index:100; transform: translateX(-50%); width:100%; display:flex; justify-content:center; }
.btnPosCenter .white-btn { border:none !important; }


.joinBefore { display: flex; justify-content: space-between; height:372px; margin:100px auto 60px;}
.joinBefore article { 
    flex:0 0 32%;
    border-radius:5px;
    overflow: hidden;
    width:100%;
    height:100%;
    transition: all 0.3s ease-out;
    border:2px solid transparent;
}
.joinBefore article:nth-child(1) { background:url(../imgs/add/log_before_be1.png) no-repeat center / cover; }
.joinBefore article:nth-child(2) { background:url(../imgs/add/log_before_be2.png) no-repeat center / cover; }
.joinBefore article:nth-child(3) { background:url(../imgs/add/log_before_be3.png) no-repeat center / cover; }

a.jbLink {
    display: block;
    position: relative;
    padding:40px 30px;
    width:100%;
    height:100%;
}
a.jbLink em { 
    font-size:14px;
    color:#A6A6C5;
    display: block;
    transition: all 0.3s ease-out;
}
a.jbLink h3 { 
    font-size:24px;
    color:#fff;
    display: block;
    line-height: 1;
    padding:4px 20px 25px 0;
    border-bottom:1px solid #D9D9D9;
    transition: all 0.3s ease-out;
}
a.jbLink ul { padding:15px 0 0; }
a.jbLink ul li { display: flex; align-items: center; margin-bottom:8px; }
a.jbLink ul li i { 
    display: block;
    width:15px; height:15px;
    background:url(../imgs/add/in_check_off.svg) no-repeat center / 100%;
    margin-right:5px;
    transition: all 0.3s ease-out;
}
a.jbLink ul li span { font-size:16px; font-weight:400; color:#fff; transition: all 0.3s ease-out;}
a.jbLink ul li.on i { background:url(../imgs/add/in_check_on.svg) no-repeat center / 100%; }
a.jbLink ul li.on span { color:#FFB2B2; }

a.jbLink > span { display: flex; justify-content: flex-end; align-items: center; position: absolute; right:25px; bottom:25px; border:1px solid rgba(255,255,255,1); padding:10px 10px 10px 15px; border-radius:5px;}
a.jbLink > span strong { font-size:14px; font-weight:700; color:#fff; margin-right:5px; transition: all 0.3s ease-out;}
a.jbLink > span i { 
    display: block;
    width:21px; height:21px;
    background:url(../imgs/add/i_before_arrow.svg) no-repeat center;
    transition: all 0.3s ease-out;
}


.joinBefore article:hover {background:#fff; border:2px solid #06BFEA;} 
.joinBefore article:hover a.jbLink em { color:#A6A6C5; }
.joinBefore article:hover a.jbLink h3 { color:#1e1e1e; border-bottom:1px solid #D9D9D9;}
.joinBefore article:hover a.jbLink ul li i { background:url(../imgs/add/in_check_red.svg) no-repeat center / 100%; }
.joinBefore article:hover a.jbLink ul li span { color:#6e6e6e; }
.joinBefore article:hover a.jbLink ul li.on i { background:url(../imgs/add/in_check_violet.svg) no-repeat center / 100%; }
.joinBefore article:hover a.jbLink ul li.on span { color:#ef4b4b; }
.joinBefore article:hover a.jbLink > span { border:1px solid transparent; background:#06BFEA; }

.subBtnBottom .wide2 { width:200px !important}

.boardListTable.pc { display: block;}
.table_layout.mo { display: none;}

.galleryList { display: flex; flex-wrap: wrap;}
.galleryList article { flex:0 0 calc(33.33333333% - 2%); margin:0 1% 20px; }
.galleryList article a { display: block; width:100%;}
.galleryList article a .thumImg { overflow: hidden; border-radius: 10px; }
.galleryList article a .thumImg img { width: 100%; }
.galleryList article a span { font-size:20px; line-height:1.6; display: block; padding:20px 0 30px; color:#3e3e3e; font-weight:700;}



.speWrap { width:1200px; margin:0 auto;}
.speHeader { padding-bottom:30px;}
.speHeader em { border-radius:20px; border:1px solid #06BFEA; color:#06BFEA; font-size:16px; font-weight:700; font-family: var(--secondary-font); display: inline-flex; padding:7px 20px;}
.speHeader h3 { font-size:30px; font-weight:700; color:#fff; display: block; margin-top:15px;}

.speWrap._Dark .speHeader h3 { color:#1e1e1e; }
.speConList { display: flex;  }
.speConList .speThum { flex:0 0 calc(33.33333333% - 20px); margin:0 10px; position: relative; overflow: hidden; border-radius:7px;}

.speConList .speThum a { position: relative;}
.speConList .speThum a .speImg { position: relative;}
.speConList .speThum a .speImg img { width:100%;}

.speConList .speThum a .speOv { position: absolute; left:0; top:0; width:100%; z-index:2; height:100%}
.speConList .speThum a .speOv .speText { position: absolute; left:0; bottom:0; background:rgba(142,55,230,0.85); padding:20px 25px; width:100%; z-index:3;}
.speConList .speThum a .speOv .speText strong { display: block; font-size:24px; font-weight:700; color:#fff;}
.speConList .speThum a .speOv .speText span { display: block; font-size:14px; font-weight:400; color:#fff; padding-top:4px;}

.speConList .speThum a .speOv::before {
    content:"";display:block; position: absolute; left:0; top:0; width:100%; height:100%;
    background:rgba(142,55,230,0.85); opacity: 0; transition: all 0.5s ease-out;
}


.speConList .speThum a .speOv p { 
    font-size:24px; 
    padding:0 50px;
    font-weight:700;
    color:#fff;
    line-height:1.2;
    position: absolute;
    left:50%; top:50%;
    transform: translate(-50%,-130px);
    width:100%;
    box-sizing: border-box;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease-out;
    z-index:3;
}
.speConList .speThum a .speOv i { 
    width:76px; height:76px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:14px; 
    color:#3e3e3e;
    position: absolute;
    left:50%; top:50%;
    transform: translate(-50%,-50%);
    background: #fff;
    font-weight:700; 
    font-style: normal;
    border-radius:40px;
    transition: all 0.5s ease-out;
    opacity: 0;
    z-index:3;
}




.speConList .speThum:hover a .speImg img { filter: blur(5px); -webkit-filter: blur(5px); }
.speConList .speThum:hover a .speOv::before { opacity: 1; }
.speConList .speThum:hover a .speOv .speText { background:transparent}
.speConList .speThum:hover a .speOv p { opacity: 1;}
.speConList .speThum:hover a .speOv i { opacity: 1;}

.formBackground1 { padding-bottom:100px; position: relative;}
.formBackground1::before {
    content:"(DAY1)";
    display: block;
    position: absolute;
    left:-180px; top:580px;
    transform: rotate(90deg);
    font-size:120px;
    font-weight:900;
    color:#1e1e1e;
}
.formBackground1::after {
    content:"";
    display: block;
    width:653px;
    height:639px;
    background:url(../imgs/add/speaker_pattern.svg) no-repeat center / 100%;
    position: absolute;
    left:50%; top:50%;
    transform: translateX(300px);
    z-index:1;
}


.formBackground2 { padding-bottom:100px; background:#f7f7f7; padding-top:70px; position: relative;}
.formBackground2::before {
    content:"(DAY2)";
    display: block;
    position: absolute;
    left:-180px; top:400px;
    transform: rotate(90deg);
    font-size:120px;
    font-weight:900;
    color:#1e1e1e;
    opacity: 0.1;
}
.formBackground2::after {
    content:"";
    display: block;
    width:653px;
    height:639px;
    background:url(../imgs/add/speaker_pattern.svg) no-repeat center / 100%;
    position: absolute;
    left:50%; top:50%;
    transform: translateX(300px);
    z-index:1;
}

.fxHalf { display: flex; align-items: center; width:100% !important; padding-left:0;}
.fxHalf > li { 
    flex:0 0 50%; height:48px; 
    display: flex; align-items: center;
}
.fxHalf > li strong { margin-left:10px !important;}
.hide { display: none !important;}

.thumTotalNone { border-top:none; margin-top:-30px;}
.passTableWrap { margin-bottom:40px;}
.passTableHeader { position: relative; justify-content: space-between; display: flex;}
.passTableHeader h4 { padding-bottom:5px;}

.appTable thead th { padding:10px 0 9px; font-size:15px;}
.appTable tbody td { padding:5px 3px;}
.appTable thead th .checkingArea2 { top:-2px !important; }

.btnv  { 
    width:70px; height:40px;
    background:#fff; border:1px solid #6e6e6e;
    font-size:16px; font-weight:600;
    display: flex; justify-content: center;
    align-items: center;
    color:#6e6e6e;
    border-radius:3px;
    transition: all 0.3s ease-out;
}
.btnv:hover {
    border:1px solid #06BFEA;
    background:#06BFEA;
    color:#fff;
}

.btnd  { 
    width:auto; height:32px;
    padding:0 10px;
    background:#fff; border:1px solid #6e6e6e;
    font-size:14px; font-weight:600;
    display: flex; justify-content: center;
    align-items: center;
    color:#6e6e6e;
    border-radius:3px;
    transition: all 0.3s ease-out;
}
._Black { background:#3e3e3e; color:#fff; border:1px solid #3e3e3e;}

.btnvList { display: flex; align-items: center;}
.btnvList button { margin-left:3px;}

.btnv._Modify,
.btnv._Delete { width:46px; }


/* ._Delete { background:#333; color:#fff; }
._Delete:hover { background: #666; border:1px solid #000;} */
.btnTopApp { padding-bottom:5px;}


.appTableWrap { max-height:325px; overflow:hidden; overflow-y: auto;}
@media (max-width:1250px){
    .appTableWrap {
        overflow: auto;
        margin-bottom:30px;
    }
    .appTableWrap .appTable { width:1200px;}
    .appTableWrap .appTable tbody td { padding:5px 3px !important}
}


.errorPage { text-align: center; margin:100px 0;}
.errorPage h2 { font-weight:900; color:#000; font-size:90px; text-align: center;}
.errorPage p { font-weight:400; color:#000; font-size:20px; line-height:1.8; margin:40px 0 80px; text-align: center;}
.errorPage div { text-align: center; }
.errorPage div a { display: inline-block; padding-bottom:5px; border-bottom:1px solid #000; font-size:20px; font-weight:700; margin:0 20px; color:#000; }

.neceText { color:red; text-align:left; padding:0 20px; display:none; }

.aboutBox { position: relative; z-index:10;}
.aboutBox2 { padding-top:130px;}
.aboutBox_2 { padding-top:60px; }
.tabHeader.whiteColor h3 { color:var(--white-color); }

.fxBox { display: flex; align-items: center; padding:50px 0;}
.fxBox h4 { flex:0 0 auto; font-size:30px; font-weight:800; color:#fff; line-height:1.5; margin-right:100px;}
.fxBox p { flex:1; font-size:18px; font-weight:400; color:#fff; line-height:1.7; margin-top:5px; }
.fxBox p span { display: block;}


.fxBoxN { display: flex; align-items: center; padding:50px 0;}
.fxBoxN > div { }
.fxBoxN > div h4 { flex:0 0 auto; font-size:30px; font-weight:800; color:#fff; line-height:1.5; }
.fxBoxN > div p { flex:1; font-size:18px; font-weight:400; color:#fff; line-height:1.7; margin-top:5px; }
.fxBoxN > div p span { display: block;}

.spaceBetween {justify-content:space-between !important; }
.spaceBetween p { flex: 0 0 auto !important; }
.lifeMeta { margin-right:100px; flex:0 0 48% }
.lifeMeta p:nth-of-type(1) { margin:20px 0 30px; }
.lifeMeta p:nth-of-type(1) span { display:block; font-size:20px; }
.lifeMeta p:nth-of-type(1) strong { color:#06BFEA; }

.lifeMeta p:nth-of-type(2) { margin-bottom:30px; }
.lifeMeta p:nth-of-type(2) span { display:block; font-size:18px; color:#dedede; }

.lifeMeta article { border-radius:10px; background:rgba(255,255,255,0.1); padding:25px 30px; }
.lifeMeta article span { font-size:22px; font-weight:600; color:#fff; display:block; }
.lifeMeta article strong { 
	font-size:22px; font-weight:600; color:#fff; display:block; margin-top:7px; 
	background-image: linear-gradient(to right, #25F79C , #06bfea );
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.grey_vat { font-size:14px; color:#9E9E9E; }

.fxBoxMeta { padding:20px 0 100px; }


.fxBox2 h4 { margin-right:180px;}

.fxBoxEight { display: flex; justify-content: space-between; flex-wrap: wrap;}
.fxBoxEight article { flex:0 0 23.5%; margin-bottom:20px; border-top:2px solid var(--violet-color); background:#1E1E1E; padding:30px 0 30px;}
.fxBoxEight article h5 {  font-size:17px; font-weight:600; color:var(--violet-color); text-align: center;}
.fxBoxEight article p {  font-size:20px; padding:15px 20px 0; word-break: keep-all; color:#fff; text-align: center;}
.fxBoxEight article p span { display: block; line-height: 1.7; color:#fff;}

.fxBoxThree { display: flex; justify-content: space-between; padding-top:50px; padding-bottom:50px;}
.fxBoxThree article { flex:0 0 32%; }
.fxBoxThree article div { display: flex; align-items: flex-end; padding-bottom:10px; height:380px;}
.fxBoxThree article div img { width:100%;}
.fxBoxThree article p {  font-size:24px; padding:30px 0 30px; text-align: center; border-top:1px solid #fff;}
.fxBoxThree article p span { display: block; line-height: 1.4; color:#fff; font-weight:700;}

.fxBoxEight_3 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top:30px}
.fxBoxEight_3 article { flex:0 0 32.3%; margin-bottom:20px; border-top:2px solid var(--violet-color); background:#1E1E1E; padding:30px 0 30px;}
.fxBoxEight_3 article h5 {  font-size:17px; font-weight:600; color:var(--violet-color); text-align: center;}
.fxBoxEight_3 article p {  font-size:20px; padding:15px 20px 0; word-break: keep-all; color:#fff; text-align: center;}
.fxBoxEight_3 article p span { display: block; line-height: 1.7; color:#fff;}

.fxBoxEight_3 article.full { flex:0 0 100%; border-top:0; }


.aboutBox3 { padding:90px 0 150px; background:#290346; background-image: linear-gradient(to right, #1B4773 , #000 );}
.coreBox div { text-align: center;}
.coreBox div img { max-width:100%;}

.aboutBoxBottom { margin-top:-50px; background: #fff; position: relative; z-index:11; padding:120px 0 100px ;}
.commTitle_h2_1 { font-size:36px; font-weight:800; color:var(--title-color); text-align: left; padding-bottom:40px; border-bottom:1px solid #000;}

.aboutEtc { display: flex; justify-content: space-between; padding-top:35px; padding-bottom:50px;}
.aboutEtc article { flex:0 0 32%; height: 457px; padding:0 30px 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; }
.aboutEtc article:nth-child(1) {
    background:url(../imgs/kme/intro_img1.png) no-repeat center / 100%;
}
.aboutEtc article:nth-child(2) {
    background:url(../imgs/kme/intro_img2.png) no-repeat center / 100%;
}
.aboutEtc article:nth-child(3) {
    background:url(../imgs/kme/intro_img3.png) no-repeat center / 100%;
}

.aboutEtc article h3 {  font-size:24px; font-weight: 700; color: #fff; line-height: 1; padding-bottom:10px;}
.aboutEtc article h4 {  font-size:18px; padding:0 0 10px; line-height: 1.4; font-weight:600; color: #fff;}
.aboutEtc article p {  font-size:16px; line-height: 1.6; color:#fff; font-weight:300; word-break: keep-all;}

.navbar-expand-lg .navbar-nav .nav-link:hover { color:var(--violet-color);}

.caseMt1 { margin-top:30px; }
.caseMt1 .spRight { margin-bottom:15px; }
.caseMs1 { padding-bottom:100px !important;  }

.proTopSearch {
    align-items: center;    
    justify-content: space-between;
    position: relative;
    display: flex;
    padding:0 0;
    border-radius:5px;
    background:#0E0E0E;
    overflow: hidden;

}
.ptLeft { padding-left:0; display: flex; align-items: center;}


.ptRight {
    display: flex; justify-content: flex-end;
    align-items: center;
    height:55px;
    padding-right:20px;
}
.ptRight > div { margin-left:30px;}

a.b_details  {
    display: inline-flex;
    align-items: center;
    border-radius:3px;
    width:115px;
    padding-left:20px;
}
a.b_details i { margin-right:5px; }
a.b_details strong { font-size:16px; font-weight:700; color:#fff; }

a.b_details.on  {
    border:1px solid #3E3E3E;
    background:#3E3E3E;
}
a.b_details.on i svg path { fill:#fff; }
a.b_details.on strong { font-size:16px; font-weight:700; color:#fff; }


a.b_favorite  {
    display: flex;
    align-items: center;
    height:35px;
    border:1px solid rgba(255,255,255,0.4);
    
    justify-content: center;
    padding:0 15px 0 10px;
    border-radius:5px;
    margin-right:10px;
}
a.b_favorite i { margin-right:5px; }
a.b_favorite strong { font-size:14px; font-weight:300; color:#cecece; }

a.b_display  {
    display: flex;
    align-items: center;
    justify-content: center;    
    height:35px;
    padding:0 15px 0 10px;
    border-radius:5px;
    border:1px solid rgba(255,255,255,0.4);
}
a.b_display i { margin-right:5px; }
a.b_display strong { font-size:14px; font-weight:300; color:#cecece; }

a.btn_detail_view { 
    width:55px; border-left:1px solid rgba(255,255,255,0.2); 
    display: flex; justify-content: center; align-items: center;
    box-sizing: border-box; margin-left:10px;
    height:100%;
}
a.btn_detail_view.on i { transform: rotate(180deg); }

a.b_favorite:hover,
a.b_favorite.on {
    background:var(--violet-color);
    border:1px solid var(--violet-color);
}
a.b_favorite:hover i svg path,
a.b_favorite.on i svg path {
    fill:#fff;
}
a.b_favorite:hover strong,
a.b_favorite.on strong {
    color:#fff;
}
a.b_display:hover,
a.b_display.on {
    background:var(--violet-color);
    border:1px solid var(--violet-color);
}
a.b_display:hover i svg path,
a.b_display.on i svg path {
    fill:#fff;
}
a.b_display:hover strong,
a.b_display.on strong {
    color:#fff;
}


.proThumList { 
    display: flex;
    padding:40px 0 0;
    flex-wrap: wrap;
}
.proThumList article { flex:0 0 calc(25% - 20px); margin:0 10px 20px; position: relative;}
.proThumList article a { display: block; }
.proThumList article a .ptl_img { position: relative; border-radius:5px; overflow: hidden;}
.proThumList article a .ptl_img img { 
    position: relative;
    width:100%;
    transition: all 0.3s ease-out;
}

.proThumList article a:hover .ptl_img img { transform: scale(1.07);}

.proThumList article a .ptl_img .s_heart {
    position: absolute;
    right:15px; bottom:15px; background:rgba(0,0,0,0.5);
    border-radius:25px;
    padding:5px 10px;
    font-size:12px;
    color:#fff;
    z-index:10;
    display: flex;
    align-items: center;
}
.proThumList article a .ptl_img .s_heart span {
    margin-left:5px;
}

.proThumList article a  .ptl_con {
    display: block;
    padding:20px 0 20px;
}
.proThumList article a .ptl_con em {
    display: block;
    color:#6E6E6E; font-size:14px; font-weight:500;
    line-height:1;
}
.proThumList article a .ptl_con span {
    display: block;
    color:#111; font-size:20px; font-weight:700;
    line-height:1.3;
    margin-top:10px;
    word-break: keep-all;
}

.newBoxArea { padding-bottom:100px;}

.productDetailHeader {
    display: flex;
    justify-content: space-between;
    margin-top:50px;
    border-top:1px solid #1e1e1e;
    padding:40px 0;
}
.pdvLeft {
    flex:0 0 568px;
    width:568px;
    overflow: hidden;
    position: relative;
}
.pdvRight {
    flex:0 0 568px;
    position: relative;
    height:568px;
}
.pdvRight ul { padding-left:0;}
.sharp { display: flex;}
.sharp li { margin-right:20px; font-size:16px; font-weight:300; color:#6E6E6E;}

.pdvRight h2 { font-size:36px; font-weight:700; line-height:1.3; margin-top:10px; margin-bottom:0; padding-bottom:0;}
.pdvRight em { display: block; font-size:20px; font-weight:400; line-height:1.3; color:#6E6E6E; margin:0 0 10px;}
.detailView { border-top:1px solid rgba(0,0,0,1);  padding:25px 0; margin-top:30px;}
.detailView li { margin-bottom:25px; display: flex; align-items: center;}
.detailView li strong { flex:0 0 140px; margin-right:30px; font-size:20px; color:#1E1E1E; font-weight:700; }
.detailView li span { flex:1; font-size:20px; color:#1E1E1E; font-weight:400;}

.bdBtnArea { 
    display: flex; justify-content: space-between; 
    position: absolute; left:0; bottom:0;
    border-top:1px solid #AEAEAE;
    padding-top:30px;
    width:100%;
}
.bdBtnArea a {
    display: flex;
    height:64px;
    border-radius:5px;
    border:1px solid #6E6E6E;
    background:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bdBtnArea a.bd_heart { width:64px; }
.bdBtnArea a.bd_product_list { flex:1; margin:0 10px; }
.bdBtnArea a.bt_product_consult { width:242px; background:#06BFEA; border:1px solid #06BFEA; }

.bdBtnArea a span { color:#6E6E6E; font-weight:700; font-size:16px;}
.bdBtnArea a.bt_product_consult span { color:#fff;}

.bdBtnArea a.bd_heart.on { 
    background:#06BFEA;
    border:1px solid #06BFEA;
}
.bdBtnArea a.bd_heart.on i svg path { fill:#ffffff;}

.pdDetailView { padding:60px 0 0;}
.pdDetailView h3 { font-size:24px; font-weight:800; padding-bottom:20px; color:#1e1e1e; }

.pdvList {
    border-top:1px solid #1e1e1e;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    padding-left:0;
}
.pdvList li { flex:0 0 50%; display: flex; align-items: center; border-bottom:1px solid #d2d2d2;}
.pdvList li strong { 
    flex:0 0 40%;  background:#F0F0F0; 
    min-height:55px; 
    display: flex; align-items: center;
    justify-content: center;
    font-size:18px;
    font-weight:600;
    color:#3E3E3E
}
.pdvList li span { 
    flex:1; background:#fff;
    display: flex; align-items: center;
    justify-content: flex-start;
    font-size:18px; font-weight:400;
    padding-left:30px;
    color:#3E3E3E;
    min-height:55px;
}

.detailImgArea { margin-top:40px; text-align: center; background-color: #fff;}
.detailImgArea img { max-width:100%;}

.object-fit { overflow: hidden; width:100%; height:100%;}
.object-fit img{width:100%; height:100%; object-fit: cover;  }

.gallery-box{margin:0 auto;max-width:568px;overflow: hidden;}
.gallery-box .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;}

.gallery-box .gallery-main-box{padding:0 0 10px; height:568px;}
.gallery-box .gallery-main-box .swiper-slide .info-img{position:relative;box-sizing:border-box;}
.gallery-box .gallery-main-box .swiper-slide .info-img img{position:absolute;}
.gallery-box .gallery-main-box .swiper-slide .info-txt{position:absolute;bottom:0;left:0;padding:15px 20px;width:100%;background:rgba(0,0,0,0.5); display: none;}
.gallery-box .gallery-main-box .swiper-slide .info-txt span{font-size:1rem;line-height:1.5rem;color:#fff;}

.gallery-box .gallery-main-box .control-wrap{position:absolute;top:50%;left:0;z-index:20;width:100%;box-sizing:border-box;}
.gallery-box .gallery-main-box .control-wrap > div{position:absolute;top:50%;width:60px;height:60px;background-color:rgba(0,0,0,0.2);background-repeat:no-repeat;background-position:center center;text-indent:-99999px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);cursor:pointer;}
.gallery-box .gallery-main-box .control-wrap .swiper-gallery-prev{left:0;background-image:url(https://user-images.githubusercontent.com/33821863/148932372-4b639bb5-17b1-4884-b18d-3445b530701b.png);}
.gallery-box .gallery-main-box .control-wrap .swiper-gallery-next{right:0;background-image:url(https://user-images.githubusercontent.com/33821863/148932378-7ff3135f-0dd9-4d6d-abd1-376acbf577d4.png);}
.gallery-box .gallery-main-box .control-wrap > div:hover{background-color:rgba(0,0,0,0.3);}

.gallery-box .gallery-thumbs { margin-top:25px;}
.gallery-box .gallery-thumb-box .swiper-slide{cursor:pointer;border-radius:5px;overflow: hidden;height:127px;position: relative;}
.gallery-box .gallery-thumb-box .swiper-slide::after {
    content:"";display: none;
}
.gallery-box .gallery-thumb-box .swiper-slide.swiper-slide-thumb-active{position:relative;}
.gallery-box .gallery-thumb-box .swiper-slide.swiper-slide-thumb-active::after{
    content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;
    border:1px solid #06BFEA;box-sizing:border-box;border-radius:5px;overflow: hidden;
} 
.gallery-box .gallery-thumb-box .swiper-slide .info-img{position:relative;box-sizing:border-box;}
.gallery-box .gallery-thumb-box .swiper-slide .info-img img{position:absolute;}

@media screen and (max-width:768px) {
	.gallery-box .gallery-main-box .swiper-slide .info-txt{padding:10px 15px;}
	.gallery-box .gallery-main-box .control-wrap > div{width:40px;height:40px;background-size:7px;}
}


.detailProductLayer { 
    width:auto; 
    position:relative; 
    /* height:500px;  */
    background:#fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    border-radius:0 0 5px 5px;
    display: none;
}
.detailProductLayer.on { display: block;}


.dpList { 
    display: flex; justify-content: space-between; padding:10px 10px;
}
.dpLeft { flex:0 0 auto;}
.dpRight { flex:0 0 auto;}

.dpSelect {
    height:35px;
    position: relative;
    min-width:140px;
    border-radius:4px; 
    border:1px solid rgba(255,255,255,0.4);
    overflow: hidden;
    margin-left:10px;
    background:url(../imgs/add2/i-select-arrow.svg) no-repeat right 10px center / 18px 18px;
}

.dpSelect .sel {
    appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    height:100%;
    width:100%;
    padding-left:10px;
    padding-right:40px;
    cursor: pointer;
    color:#cecece;
}

.btnDp {
    background:#333;
    height:42px;
    width:80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:16px; 
    color:#fff;
    border:none;
    border-radius:5px;
    transition:all 0.3s;
}
.btnDp:hover {
    background:#06BFEA;
}


.dpsList { display: flex; }
.dpsList article { 
    flex:0 0 20%; 
    padding:25px 15px 0;
    border-left:1px solid #dedede;
    border-bottom:1px solid #dedede;
}
.dpsList article:nth-child(1) { border-left:none; }
.dpsList article h3 { font-size:18px; font-weight:700; color:#1e1e1e;}
.dpsList article ul { padding-left:0;}
.dpsList article ul li { margin-top:5px;}
.dpsList article ul li:nth-child(1) { margin-top:0;}

.chkDivBox { position: relative; }
.chkDivBox label { 
    border-radius:3px; 
    border:1px solid #dedede; display: flex;  align-items: center;
    height:40px;
    width:100%;
    padding-left:20px;
    position: relative;
    cursor: pointer;
}
.chkDivBox label strong { font-size:16px; font-weight:600; color:#6e6e6e; }

.chkDivBox input[type="checkbox"] {
	appearance: none;
}
.chkDivBox input[type="checkbox"] + strong + i { 
	border: none;
	width:20px; height:20px;
    background:url(../imgs/add2/chk_s_off.svg) no-repeat center / 100%;
    border-radius:15px;
	position: absolute;
	right:10px; top:50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.chkDivBox input[type="checkbox"]:checked + strong {
    color:#06BFEA;
    position: relative;
    z-index:2;
    display: block;
}
.chkDivBox input[type="checkbox"]:checked + strong + i::after { 
	content:"";
    display:block;
    width:20px; height:20px; 
    background:url(../imgs/add2/chk_s_on.svg) no-repeat center / 100%;
    border-radius:7px;
}

.chkDivBox input[type="checkbox"]:checked::before {
    content:"";
    position: absolute; left:0; top:0;
    border:1px solid #06BFEA; 
    width:100%; height:100%; 
    display: block;
    border-radius:3px;
    background:#F9F3FF;
}


.cfnTop { border-top:1px solid #AEAEAE;}
.cfnTop p { padding:50px 0 0; text-align: center;}
.cfnTop p em { 
   padding:10px 35px;
   border-radius:50px; 
   border:2px dashed #06BFEA; 
   background:#fff; color:#06BFEA; 
   font-size:30px; font-weight:800; 
   display: inline-flex;
   justify-content: center;
   align-items: center;
}

.cfnLine {
    display: block;
    margin:0 auto;
    position: relative;
    width:796px; height:58px;
    background:url(../imgs/add2/confe_line.svg) no-repeat center / 100%;
}

.cfnList { display: flex; justify-content: space-between; margin-top:20px; }
.cfnList article { 
    flex:0 0 32%;
    height:250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius:5px;
    overflow: hidden;
}

.cfnList article:nth-child(1) { background:url(../imgs/add2/conf_img1.png) no-repeat center / cover; }
.cfnList article:nth-child(2) { background:url(../imgs/add2/conf_img2.png) no-repeat center / cover; }
.cfnList article:nth-child(3) { background:url(../imgs/add2/conf_img3.png) no-repeat center / cover; }

.cfnList article strong { display: block; padding:10px 0 0;}
.cfnList article strong em {
    padding:10px 15px;
    border-radius:25px; 
    border:1px solid #fff; 
    font-size:16px; font-weight:700; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    line-height:1;
}
.cfnList article p { margin-top:10px;}
.cfnList article p span {
    display: block;
    text-align: center;
    font-size:24px;
    line-height:1.4;
    color:#fff;
    font-weight:700;
}


#top_btn { position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;
	border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);
	z-index:99999999;
}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}



/* 2024-05-27 */
.junsi { text-align:center; padding:50px 0 0; }

@media (max-width:1024px){
	.junsi { padding:0 0 0; }
	.junsi img { max-width:100%;}
	.formBase { margin-top:0 !important; }
	.conferHeader { margin-bottom:25px !important; }
}

/* 2024-05-27 추가 */
.bzListWrap { display: flex; flex-wrap:wrap; padding:20px 0 0;}
.bzListWrap article { flex:0 0 calc(25% - 1%); margin:0 0.5% 20px; position: relative; }
.bzListWrap article .bz_img { 
   border:1px solid #CECECE; background-color: #fff; border-radius:3px;  height:160px; position: relative; 
   display: flex; justify-content: center; align-items: center;
   padding:0 30px;
}
.bzListWrap article .bz_img img { max-width:100%;}
.i_bz_favor { 
   width:24px; height:24px;
   background:url(../images/biz/i_favor_off.svg) no-repeat;
   display: block;
   position: absolute;
   right:10px; top:10px;
   cursor: pointer;
   z-index:10;
}
.i_bz_favor.on {
   background:url(../images/biz/i_favor_on.svg) no-repeat;
}
.bzListWrap article strong { display: block; padding:20px 0 20px; font-size:20px; font-weight:800; line-height:1.3; color:#111;}


.bzHeader {
    height:110px;
    display: flex;
    border:1px solid #3e3e3e;
    background:#fff;
    margin-top:50px;
}
.bzHeader .bzLogo {
    flex:0 0 260px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bzHeader .bzLogo img { position: relative; max-width:100%}
.bzHeader .bzLogo i { position: absolute; left:10px; top:10px; z-index:10;}

.bzHeader .bzTitle {
    border-left:1px solid #3e3e3e;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex:1;
}
.bzLeftTitle { display: flex; align-items: center; height:100%; padding:0 0 0 40px;margin:0; box-sizing: border-box;}
.bzLeftTitle li { margin-left:40px;}
.bzLeftTitle li:nth-child(1) { margin-left:0;}
.bzLeftTitle li strong { margin-right:15px; display: inline-flex; padding:8px 15px; background:#EEEEEE; border-radius:20px; font-weight:400; }
.bzLeftTitle li span { font-weight:600; }

.bzRightTitle { display: flex; align-items: center;  height:100%; padding:0 15px 0 0; margin:0; box-sizing: border-box;}
.bzRightTitle li { display: flex; align-items: center; }
.bzRightTitle li a { 
	display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0 25px; position: relative;
}
.bzRightTitle li a::before { content:""; position: absolute; left:0; top:4px; background:#CECECE; height:47px; width:1px; }
.bzRightTitle li a em { margin-top:5px; font-size:16px; color:#3e3e3e}

.bzTitleImg { margin:40px 0 0;}
.bzTitleImg img { max-width:100%; }

.bzCom { margin:65px 0 0;}
.bzCom h3 { display: flex; align-items: flex-end; margin-bottom:35px;}
.bzCom h3 strong { font-size:36px; font-weight:800; margin-right:15px;}
.bzCom h3 span { font-size:18px; color:#6E6E6E; padding-bottom:5px; font-weight:400;}

.bzInfo ul { padding:0; border-top:1px solid #3E3E3E; margin:0; }
.bzInfo ul li { display: flex; border-bottom:1px solid #cecece; align-items: center; padding:0 !important; }
.bzInfo ul li strong { flex:0 0 240px; background:#F0F0F0; font-size:18px; font-weight:600; text-align: center; padding:15px 0;}
.bzInfo ul li p { flex:1; font-size:18px; font-weight:400; padding:15px 0 15px 30px; margin:0 !important}

.bzIntro p span { display: block; font-size:18px; line-height:1.8;}

.bzInquiry { border-bottom:1px solid #aeaeae; margin-bottom:40px;}


.bzGallery h3 { margin-bottom:40px;}
.bzVideo h3 { margin-bottom:40px;}


.proThumListBZ { padding-top:0; }


.bzAgreeTotal { padding:40px 0; display: flex; justify-content: center; background-color: #eee; margin-top:50px;}
.bzAgreeTotal > div strong { font-size:20px; font-weight:600; color:#3e3e3e; margin-left:10px; line-height:1.3; font-size:16px; margin-top:2px;}

.bzGalleryWrap .productSlideWrap { padding-top:0; position: relative; width:100%;}
.bzGalleryWrap .review-cards-wrap .review-card-items-wrap { height:360px; position: relative;}
.bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item {
   transition: all 0.3s ease-out; position: relative; 
   width:400px; height:300px;
   background: none !important;
   overflow: hidden;
   margin-right:20px;
}
.bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item.on {
   margin-top:0; 
}
.bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item .profile_z { width:100%; }
.bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z { height:300px !important; overflow: hidden;}
.bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z img { max-width:100%;}

.bzVideoWrap {  position: relative;}
.bzVideoWrap .productSlideWrap { padding-top:0; position: relative; width:100%; height:700px; }
.bzVideoWrap .review-cards-wrap .review-card-items-wrap { height:auto; position: relative; padding:70px 0; background:#3e3e3e; box-sizing: border-box;}
.bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item {
   transition: all 0.3s ease-out; position: relative; 
   width:886px; height:498px;
   background: none !important;
   overflow: hidden;
   margin-right:20px;
   margin-left:20px;
}
.bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item.on {
   margin-top:0; 
}
.bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item .profile_z { width:100%; }
.bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z { height:498px !important; overflow: hidden;}
.bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z img { max-width:100%;}
.bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z iframe { position: relative; 
    /* pointer-events: none; */
}


.bzVideoWrap .review-cards-wrap .carousel-nav {
    position: absolute;
    bottom:75px;
    left: 50%;
    transform: translateX(-50%);
    z-index:1001;
  }
  .bzVideoWrap .review-cards-wrap .carousel-nav button {
    width: 48px;
    height: 48px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    margin-left:4px;
  }
  .bzVideoWrap .review-cards-wrap .carousel-nav button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#7579FF), to(#B224EF));
    background: linear-gradient(#7579FF, #B224EF);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    border: 1px;
  }


.progressBZ {
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  position: absolute; left:50%; bottom:0; width:66%; z-index:999; 
  transform:translateX(-50%);
  z-index:999;
  
  background-color: #fff;
  background-image: linear-gradient(to right, #cecece, #cecece);
  background-repeat: no-repeat;
  background-size: 0 100%;
 
  transition: background-size .3s ease-in-out;
}

.progressVideo {
    display: block;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    position: absolute; left:50%; bottom:0; width:66%; z-index:999; 
    transform:translateX(-50%);
    z-index:999;
    
    background-color: #fff;
    background-image: linear-gradient(to right, #cecece, #cecece);
    background-repeat: no-repeat;
    background-size: 0 100%;
   
    transition: background-size .3s ease-in-out;
  }


.textaBz { height:150px !important; padding-top:10px; padding-bottom:10px;}

@media (max-width:1100px){
    .bzHeader {
        height:auto;
        margin-top:30px;
        flex-wrap:wrap;
    }
    .bzHeader .bzLogo {
        flex:0 0 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding:30px 0;
        border-bottom:1px solid #3e3e3e;
    }
    .bzHeader .bzLogo img { position: relative; max-width:100%;}
    .bzHeader .bzLogo i { position: absolute; left:10px; top:10px; z-index:10;}
    .bzHeader .bzTitle {
        border-left:none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex:1;
        flex-wrap:wrap;
        padding:10px 0;
    }
    .bzLeftTitle {  height:auto; padding:0 10px 0 10px; flex:0 0 100%; flex-wrap:wrap; justify-content: center; text-align: center; display: block;}
    .bzLeftTitle li { margin-left:0; flex:0 0 auto; width:260px; margin:5px auto; display: flex; align-items: center; }
    .bzLeftTitle li:nth-child(1) { margin:5px auto;}
    .bzLeftTitle li strong { margin-right:15px; display: flex; padding:8px 10px; flex:0 0 100px; justify-content: center; }
    .bzLeftTitle li span { font-weight:600; }
    
    .bzRightTitle { display: flex; align-items: center; height:auto; padding:15px 0 20px 0;  justify-content: center; width:100%;}
    .bzRightTitle li {}
	.bzRightTitle li a { display: flex; flex-direction: column; justify-content: center; align-items: center; padding:0 15px; }
    .bzRightTitle li a::before { content:""; position: absolute; left:0; top:4px; background:#CECECE; height:47px; width:1px; }
    .bzRightTitle li a em { margin-top:5px; font-size:14px;}
    .bzRightTitle li:nth-child(1) a::before { display: none;}
    
    .bzTitleImg { margin:25px 0 0;}
    
    .bzCom { margin:45px 0 0;}
    .bzCom h3 { margin-bottom:20px; display: block;}
    .bzCom h3 strong { font-size:30px; margin-right:0; margin-bottom:10px; display: block; width:100%;}
    .bzCom h3 span { font-size:14px; padding-bottom:3px; display: block; width:100%;}
    
    .bzInfo ul li strong { flex:0 0 80px; font-size:14px; line-height:1.4; height:100%;}
    .bzInfo ul li p { flex:1; font-size:14px; line-height:1.4; padding-left:10px;}
    
    .bzIntro p span { display: inline; font-size:14px; line-height:1.8; }
    
    .bzInquiry { border-bottom:1px solid #aeaeae; margin-bottom:20px;}
    
    .bzGallery h3,
    .bzVideo h3 { margin-bottom:20px;}
    

}

@media (max-width:1024px){
    .bzListWrap article { flex:0 0 calc(33.333333% - 1%); margin:0 0.5% 15px; }

    .bzVideoWrap .review-cards-wrap .carousel-nav {
        bottom:45px;
      }
      .bzVideoWrap .review-cards-wrap .carousel-nav button {
        width: 35px;
        height: 35px;
      }
      .bzVideoWrap .review-cards-wrap .carousel-nav button:hover { background:none; border:1px solid #fff; }

 }
 @media (max-width:670px){

    .bzCom h3 strong { font-size:26px; }

    .bzProduct h3 { margin-bottom:0 !important; padding-bottom:0; }
    .proThumListBZ { padding-top:15px !important; }
    .bzListWrap article { flex:0 0 calc(50% - 2%); margin:0 1% 10px; }
    .bzListWrap article strong { padding:15px 0 15px; font-size:16px; }  


    .bzGalleryWrap .productSlideWrap { padding-top:0; position: relative; width:100%;}
    .bzGalleryWrap .review-cards-wrap .review-card-items-wrap { height:240px; position: relative;}
    .bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item {
        width:300px; height:200px;
        margin-right:10px;
    }
    
    .bzGalleryWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z { height:200px !important; }
    
    .bzVideoWrap .productSlideWrap { height:280px; }
    .bzVideoWrap .review-cards-wrap .review-card-items-wrap { padding:30px 0; }
    .bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item {
        transition: all 0.3s ease-out; position: relative; 
        width:100%; height:auto;
        background: none !important;
        overflow: hidden;
        margin-right:10px;
        margin-left:10px;
        width:320px;
        height:180px; 
    }
    .bzVideoWrap .review-cards-wrap .review-card-items-wrap .review-card-item a .thumb_z { height:180px !important; }

 }
 
input, select { outline:none !important; }
.backgroundTransparent { background:transparent !important; }

/* 2024-05-28 상담문의 레이어 */
 .inquiryLayer {
    position: fixed;
    left:0; top:0;
    z-index:99999;
    background: rgba(0,0,0,0.5);
    width:100%;
    height:100%;
	display:none;
 }
 .inqFxCenter {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%; height:100vh;
    position: relative;
 }
 .inqBox {
    border-radius:10px;
    background:#fff;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    padding:20px 0;
    position: relative;
 }
 .inqBox h2 { font-size:26px; font-weight:800; padding:0 30px 10px 30px; border-bottom:1px solid #ccc; height:50px;}
 .inqBox .inq_close { position: absolute; right:20px; top:20px; border-radius:30px; width:32px; height:32px; }
 .inqBox .inq_close i { width:70%; height:1px; background:#333; transform: rotate(45deg); display: block; position: absolute; left:4px; top:14px;}
 .inqBox .inq_close i:nth-child(1) { transform: rotate(45deg); }
 .inqBox .inq_close i:nth-child(2) { transform: rotate(-45deg); }

 .inqContent { padding:20px 0; height:calc(90vh - 130px); overflow: hidden; overflow-y: auto;}
 .inquiryLayer .baseWidth1200 { width:auto; max-width:1200px; padding:0 20px; }
 .inquiryLayer .baseWidth { width:auto; max-width:1180px; padding:0 20px; }

 .inquiryLayer .baseWidth .w_col_1 > div { flex:0 0 calc(100% - 20px); margin-left:10px; margin-right:10px;}


@media (max-width:978px){
	.inquiryLayer .baseWidth .w_col_1 > div { flex:0 0 calc(100%); margin-left:0; margin-right:0;}
}



.formBase { position: relative;}
.dom_box1 { height:300px; margin-bottom:20px; background: #fff; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight:700; }

.speConList .speThum a .speImg { height:480px;}


.confe_con_session li:nth-child(1) { flex:0 0 16%;  }
.confe_con_session li:nth-child(2) { flex:0 0 84%;  }
.sessionTime { text-align: center; width:100%; padding-right:30px; }


/* 2024-06-11 */
.baseList { padding:15px 0 0;}
.baseList article {
   padding-left:5px;
}

.formBaseMt1 { margin-top:50px;}
.formBase h2.title_h2_my {
    font-size:18px; font-weight:800; color: var(--title-color); 
    margin-bottom:15px;
    padding-left:0;
    border-bottom:1px solid var(--title-color); 
    padding-bottom:15px;
}

.baseListTable { padding: 10px 0 0 0; }
.btnMyList { display: flex; justify-content: center; align-items: center;}
.btnMyList a { 
    margin:0 2px;
    border-radius:3px; 
    display: inline-flex; line-height:1.2;
    font-size:14px; font-weight:500; color:#333;
    padding:5px 7px;
    align-items: center;
    justify-content: center;
}
.btnMyList a.btn_white { border:1px solid #333; background:#fff; }
.btnMyList a.btn_navy { border:1px solid #06BFEA; background:#06BFEA; color:#fff;}


.layerDeleteBox {
    position: fixed;
    left:0; top:0; 
    z-index:99999;
    width:100%;
    height:100%;    
    background:rgba(0,0,0,0.5);    
    display: none;
}
.layerDeleteBox > section {
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nBox {
    width:400px; height:250px;
    position: relative;
    background:#fff;
}
.nBox_title {
    font-size:24px; color:#000; 
    padding:70px 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:800;
}
.nbaDiv { padding:0 60px;}
.btnLayerClose2 {
    position: absolute;
    right:-60px; top:-10px;
    width:60px; height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.w90 { width:90px; }

.mode { font-weight:700;}
.mode1 { color:blue;}
.mode2 { color:#06BFEA}
.mode3 { color:#06966c}


.memType { 
    font-weight:700; display: inline-flex; border-radius:3px; padding:1px 4px; 
    /* background: rgba(255,255,255,1); */
}
.memType1 { color:blue;   border:1px solid blue;}
.memType2 { color:#06BFEA}
.memType3 { color:#06966c}

a.inqLink { color:#000; }
a.inqLink:hover { text-decoration: underline;}

.white_nowrap { word-wrap: normal;}


.layerInquiryBox {
    position: fixed;
    left:0; top:0; 
    z-index:99999;
    width:100%;
    height:100%;    
    background:rgba(0,0,0,0.5);    
    display: none;
}
.layerInquiryBox > section {
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nLayerBox {
    width:900px; height:700px;
    position: relative;
    background:#fff;
    padding:40px 0 40px 40px;
}
.nLayerBox2 {
    width:900px; height:640px;
    position: relative;
    background:#fff;
    padding:40px;
}

.nLayer_title {
    font-size:24px; color:#000; 
    padding:0 0 30px;
    font-weight:800;
}

.nLayerList { height:500px; overflow: hidden; overflow-y: auto; padding-right:30px; padding-bottom:40px;} 
.nLayerList2 { height:420px; }
.fxbCaseB { margin-bottom:15px !important; }
.textaCon2 { height:200px; padding:15px 20px; width:100%;}

.w_col_201 { justify-content: space-between; }
.w_col_201 > div { flex:0 0 calc(49%); }

.w_col_401 { justify-content: space-between; }
.w_col_401 > div { flex:0 0 calc(24%); }


.selBox { 
    border:1px solid #d9d9d9; height:50px; padding:0 0; font-size:16px; color:var(--title-color); 
    background:var(--white-color); border-radius: 5px; 
}
.selBox select{ 
    height:48px;
    border:none;
    background:none;
    padding-left:15px; 
    padding-right:15px;
    width:100%;
    background:none;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
}
.selBox::after{ 
    background:url(../imgs/add2/i-select-arrow.svg) no-repeat center;
    content:"";display: block;
    width:18px; height:18px;
    position: absolute;
    right:15px; top:50%;
    transform: translateY(-50%);
}

.flexDiv { display: flex; padding:15px 0 0; }
.flexDiv .titleLabel { margin-right:10px; flex:0 0 70px; line-height:1.6; margin-bottom:0;}
.flexDiv .inpxDiv { line-height:1.6; flex: 1; }
.nLayerList2 article { border-top:1px solid #ccc;}
.nextBtnArea2 { padding-bottom:40px !important;}

.bzRightTitle li a { padding:0 15px; }

@media (max-width:768px){
    .textaCon2 { height:150px !important; padding:15px 20px !important; }
}

a.btnClose2 { cursor:default; }
a.btnClose2 span { margin-left:0; }


.myComInfoWrap { margin:20px 0 0 15px;}
.myComInfoList {
    height:50px;
    display: flex;
    background:var(--white-color);
    border-radius:5px;
    width:100%;
    align-items: center;
    padding-left:0 !important
}
.myComInfoList li { flex:0 0 25%; height:inherit; }
.myComInfoList li a { position: relative; display: flex; justify-content: center; align-items: center; height:inherit; }
.myComInfoList li a { font-size:18px; font-weight:700; color:var(--sub-color); font-style: normal;}

.myComInfoList li.on a { 
    background: linear-gradient(90deg, #7875FE 0%, #AE28F0 100%);
    background:#06BFEA;
    border-radius:5px 34px 34px 5px;
    color:var(--white-color)
}

.myContent { padding-left:15px; }
.myContent h3 { margin-left:0;}

.baseList article { padding-left:0; }
.wFull > div { display: flex; flex:0 0 100%;}
.wHalf > div { display: flex; flex:0 0 50%;}

.myNbox > div { margin:10px 0; align-items: center;}
.myNbox > div .titleLabel { line-height:1.5; margin:0 20px 0 0; flex:0 0 120px;}
.myNbox > div .inpxDiv {  line-height:1.5; }

.speConListAnother { justify-content: center; }


/* 2024-06-13 */
.myWhiteBox .thumList { 
    display: flex; padding:20px 0; justify-content: space-between;
}
.myWhiteBox article.thumList:nth-child(1) { border-top:none; padding-top:0;}
.myWhiteBox .thumConLeft { 
    flex:0 0 500px; background:#fff; border-radius:5px; padding:35px 30px 20px; 
    position: relative;
}

.myWhiteBox .thumConRight { 
    display: flex; justify-content: flex-end;
    flex:1;
    margin-left:30px;
}

.myWhiteBox .thumInsArea > li > label { font-size:16px; font-weight:600; flex:0 0 100px;}
.myWhiteBox .thumInsArea > li > div { display: flex; align-items: center;}
.myWhiteBox .thumInsArea > li > div span { padding-left:10px; font-weight:700;}


.baseList h2 { font-size:28px; font-weight:800;}
.baseList h3 { font-size:22px !important; }
.baseList h4 { font-size:22px !important; font-weight:800; }
.baseList .joinPriceArea { padding:0;}
.baseList .joinPriceArea strong { font-size:20px !important;}
.baseList .joinPriceArea span { font-size:12px !important}
.baseList .thumConSq { padding:25px 25px 20px !important}

.baseList .thumConSq .tcsLeft h3 { font-size:22px !important; }

.baseList article { justify-content: space-between;}
.baseList .w_col_1 > div { flex:0 0 calc(100%);}
.baseList .w_col_2 > div { flex:0 0 calc(49%); margin-left:0; margin-right:0;}

.baseList .thumConSq .tcsLeft { text-align: left; flex:1;}
.baseList .thumConSq .thumInsArea { flex:0 0 48%; padding-left:0 !important}

.baseList a.absRightBottom { 
    position: relative; right:auto; bottom:auto; height:34px; margin-top:15px; padding:0 10px;
    display: inline-flex;
}
.baseList article.thumApp { padding-left:25px;}

.baseList .formBase h2.title_h2_my {
    font-size:22px; font-weight:800; 
}

.myContent h3 { font-size:28px !important; }
.baseList .passTableWrap { margin-top:20px !important;}
.myd_txt { padding-left:0 !important;}

@media(max-width:1200px){
	.myComInfoWrap { margin-left:0; }
	.myContent { padding-left: 0 !important;}
}

@media(max-width:1024px){
    .myWhiteBox .thumConLeft { flex:0 0 100%; }
	.myContent h3 { padding-left:0 !important; }
}

@media (max-width:500px){
    .baseList .thumConSq { flex-wrap:wrap; padding-bottom:10px !important; }
    .baseList .thumConSq .tcsLeft { text-align: left; flex:1;}
    .baseList .thumConSq .thumInsArea { flex:0 0 100%; padding-top:10px;}

}

@media screen and (max-width: 420px) {
    .formBase h2 {
        font-size: 28px !important;
    }
}

.myEmptyData { padding:50px 0 30px; border-bottom:1px solid #1e1e1e; border-top:1px solid #1e1e1e; margin-bottom:50px;}
.myEmptyData p { text-align:center; line-height:1.5; font-size:18px; }

.mypageTable tbody td { word-break:break-word; }
.btn_height1 { height:44px; }

/* 2024-6-17 */
.priceDivBox article { flex:0 0 24%; }
.priceDivBox article > span,
.priceDivBox article div > span,
.ticketList li .tic_con,
.ticketList li .tic_price em { display:none; }


/* 2024-06-18 */
.junsi { position:relative; width:1080px; margin:0 auto;}
a.junLink1 { display:block; width:23%; height:1%; position:absolute; top:95.7%; left:23%; text-indent:-99999px; }
a.junLink2 { display:block; width:23%; height:1%; position:absolute; top:95.7%; left:48%;text-indent:-99999px;  }
a.junLink3 { display:block; width:23%; height:1%; position:absolute; top:95.7%; left:72%; text-indent:-99999px; }

@media(max-width:1100px){
	.junsi { width:100%; }
}

.fxR { display:flex; }
.fxR a { margin-left:10px; }
.absR1 { position:absolute; right:0; top:-32px; font-size:16px; color:#6e6e6e; }


.myTable2 thead th { 
    font-size:14px; padding:15px 0 10px 12px; text-align: left; font-weight:500;
	color:#3E3E3E;
}

.myTable2 tbody th,
.myTable2 tbody td { 
    font-size:16px; padding:6px 6px; text-align: center; font-weight:500;
}
.myTable2 tbody th { font-size:18px; font-weight:700; }

.fxFlexEnd { display:flex; justify-content:flex-end; padding-right:10px;}
.mtM20 { margin-top:-20px; }

@media (max-width:1280px){
	.fxFlexEnd { padding-right:0; }
	.mtM20 { margin-top:0; }
}


.conferKme { border:1px solid #CECECE; background:#fff; border-radius:5px; padding:50px 50px 40px 20px; display: flex;}
.conferKme ul { flex:0 0 50%; padding-left:50px;}
.conferKme ul li { margin-top:15px; display: flex;}
.conferKme ul li:nth-child(1) { margin-top:0; }
.conferKme ul li span { flex:0 0 100px; font-size:18px; font-weight:400; color:#3e3e3e; line-height:1.6;}
.conferKme ul li strong { flex:1; font-size:18px; font-weight:700; color:#3e3e3e; padding-right:20px; line-height:1.6;}
.conferKme ul.second { position:relative; }
.conferKme ul.second::before { content: ""; display: block; width:1px; height:65px; background:#CECECE; position: absolute; left:0; top:5px;}

@media (max-width:1024px){
	.conferKme { padding:30px 30px 14px 10px; display: flex; flex-wrap:wrap;}
	.conferKme ul { flex:0 0 100%; padding-left:20px;}
	.conferKme ul li span { flex:0 0 80px; font-size:16px; font-weight:400; color:#3e3e3e; line-height:1.6;}
	.conferKme ul li strong { flex:1; font-size:16px; font-weight:700; color:#3e3e3e; padding-right:0; line-height:1.6;}
	.conferKme ul.second::before { display:none; }
}



.jRight { flex:0 0 556px;  }
.alignItems-FlexStart { align-items:flex-start; }
.justifyContent-flexEnd { justify-content:flex-end; }

.smTable { width:100%; }
.smTable tr:nth-child(1) th,
.smTable tr:nth-child(1) td  { border-top:2px solid #06BFEA; }

.smTable th,
.smTable td { background:#1E1E1E; font-size:14px; color:#06BFEA; text-align:center; padding:15px 10px; border:2px solid #000; font-weight:700;}
.smTable th { width:20%;}
.smTable td { color:#DEDEDE; font-size:16px; font-weight:400; }

.smTable td { border-left:2px solid #000; }

.mainBtnColor { 
	width:183px; height:44px; display:flex; justify-content:center; align-items:center; font-size:16px; color:#fff; border-radius:22px; 
	background-image: linear-gradient(to right, #25F79C , #06bfea ); font-weight:700;
}
.mtCase201 { margin-top:-75px; }

.ir_process { 
	display:flex; align-items:center; justify-content:space-between; width:100%; margin-bottom:70px; margin-top:-20px;
	padding-left:0; margin-left:0;
}
.ir_process li { 
	background:#0C313A;
	width:184px;height:184px;
	border-radius:92px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:26px;
	font-weight:500;
	color:#fff;
	line-height:1.4;
	text-align:center;
}
.ir_process li:nth-child(even) { 
	border:none;
	width:100px;
	background:none;
}
.s_arrow_right { 
	display:inline-block;
	width:100px; height:6px;
	background:url(../imgs/kme/j_arrow_right.svg) no-repeat center / 100%;
}

.asTop3 { margin-top:80px; }
.jLeftTitle h4 { font-size:30px; font-weight:800; color:#fff; margin-bottom:52px; }

.fxBoxCase2 { display:flex; justify-content:space-between; margin-bottom:50px; }
.fxBoxCase2 article:nth-child(2) { flex:0 0 556px;  }

.fxBoxCase2 article h4 {
	font-size:30px; font-weight:800; color:#fff; margin-bottom:30px;
}
.fxBoxCase2 article p {
	font-size:18px; font-weight:500; color:#fff; 
}
.fxBoxCase2 article.full { flex:0 0 100%; padding-top:30px;}

.fxBoxCase3 { display:flex; justify-content:space-between; margin-bottom:50px; padding-top:30px;}
.fxBoxCase3 h4 {
	font-size:30px; font-weight:800; color:#fff; margin-bottom:30px;
	padding-top:20px;
	flex:0 0 auto;
}
.fxBoxCase3 div { flex:0 0 800px; }
.fxBoxCase3 div p span { display:block; margin:10px 0; line-height:1.4; font-size:18px; font-weight:500; color:#dedede; }

.judg { padding:10px 0 0; flex:0 0 100%;}
.judg li { font-size:16px; color:#dedede; font-weight:500; line-height:1.7; margin-bottom:7px; padding-left:14px; position:relative; }
.judg li::before { content:"*"; font-size:16px; color:#dedede; font-weight:500; position:absolute; left:0; top:2px; }

.flexWrap { flex-wrap:wrap; }

.awardTable tr th:nth-child(1) { width:20%; }
.awardTable tr th:nth-child(2) { width:40%; }
.awardTable tr th:nth-child(3) { width:24%; }
.awardTable tr th:nth-child(4) { width:16%; }

.smTableAd tr td { height:66px; }


.inCaseList { padding-left:15px; margin-left:0; }
.inCaseList li { font-size:18px; color:#dedede; font-weight:500; line-height:1.6; margin-bottom:7px; padding-left:14px; position:relative; }
.inCaseList li::before { content:""; width:5px; height:5px; border-radius:3px; background:#fff;  position:absolute; left:0; top:12px; }
.inCaseList li.none { padding-left:8px; }
.inCaseList li.none::before { display:none; }

@media (max-width:1024px){
	.jLeft { flex:0 0 100%; }
	.jLeft img { width:100%; }
	.jRight { flex:0 0 100%;  padding-top:40px; }
	.alignItems-FlexStart { align-items:flex-start; }
	.justifyContent-flexEnd { justify-content:center; }

	.smTable th,
	.smTable td { font-size:14px; padding:15px 5px; }
	.smTable th { width:18%;}
	.smTable td { font-size:16px; }
	.td_sm2 { width:15%; }

	.mtCase201 { margin-top:0; padding:0 0 70px !important;  }

	.ir_process { 
		margin-bottom:70px; margin-top:-20px;
		flex-direction:column;
	}
	.ir_process li { 
		width:100%;height:80px;
		font-size:20px;
		line-height:1.3;
	}
	.ir_process li:nth-child(even) { 
		width:100%;
		height:70px;
	}
	.s_arrow_right { 
		width:50px; height:3px;
		transform:rotate(90deg);
	}

	.asTop3 { margin-top:80px; }
	.jLeftTitle h4 { font-size:30px; font-weight:800; color:#fff; margin-bottom:52px; }

	.fxBoxCase2 { margin-bottom:10px; flex-wrap:wrap;}
	.fxBoxCase2 article { flex:0 0 100%; margin-bottom:40px; }
	.fxBoxCase2 article:nth-child(2) { flex:0 0 100%;  }

	.fxBoxCase2 article h4 {
		font-size:30px; font-weight:800; color:#fff; margin-bottom:20px;
	}
	.fxBoxCase2 article p {
		font-size:16px; font-weight:500; color:#fff; 
	}
	.fxBoxCase2 article.full { flex:0 0 100%; padding-top:0;}

	.fxBoxCase3 { margin-bottom:50px; padding-top:10px; flex-wrap:wrap;}
	.fxBoxCase3 h4 {
		font-size:30px; 
		margin-bottom:30px;
		padding-top:10px;
		flex:0 0 100%;
	}
	.fxBoxCase3 div { flex:0 0 100%; }
	.fxBoxCase3 div p span { font-size:16px;}

	.judg { padding:0 0 0; flex:0 0 100%;}
	.judg li { font-size:16px; }
	.inCaseList li { font-size:16px; }
	.smTableAd tr td { height:auto; }

}

@media (max-width:768px){
	.fxBoxEight_3 { margin-top:30px; }
	.fxBoxEight_3 article { flex:0 0 100%; padding-bottom:15px; margin-bottom:2px; }
	.fxBoxEight_3 article.full { padding-bottom:30px; }
	h2.commTitle_h2 { font-size:28px !important; }
}



/* 2024-10-12  아이러브 AI */
.aiBox { padding:150px 0; position:relative;}
.aiBox3 { padding:150px 0; }
.bdn ul { padding-left:0; margin-left:0; }
.baseDivNew1 article { padding:50px 0 100px; }
.baseDivNew1 article p span { display:block; font-size:18px; color:#DEDEDE; line-height:1.8; }
.baseDivNew1 ul { display:flex;  }
.baseDivNew1 ul li { margin-left:80px; }
.baseDivNew1 ul li:nth-child(1) { margin-left:0; }

.s001_img1 { 
	position:absolute; right:-60px; top:140px; width:284px; height:284px; background:#fff; border-radius:150px; 
	display:flex; justify-content:center; align-items:center;
}
.baseDivNew2 { position:relative; }
.baseDivNew2 article { padding:50px 0 100px; }
.baseDivNew2 article p span { display:block; font-size:18px; color:#DEDEDE; line-height:1.8; }
.baseDivNew2 article p span em { color:#ED1E79; }

.baseDivNew2 ul li { background:rgba(255,255,255,0.2); display:flex; padding:0 60px; align-items:center; border-radius:10px; margin-top:40px;}
.baseDivNew2 ul li:nth-child(1) { margin-top:0; }
.baseDivNew2 ul li strong { 
	font-size:30px; font-weight:600; color:#ED1E79; line-height:1; 
	display:block; border-top:5px solid #ED1E79; 
	padding:30px 0; width:171px; text-align:center;
}
.baseDivNew2 ul li span { font-size:16px; line-height:1.8; color:#DEDEDE; padding-left:60px;}

.s001_img2 { 
	position:absolute; right:-130px; bottom:0px; 
	width:455px; height:497px;
}

.baseDivNew3 { padding:80px 0 0; }
.baseDivNew3 ul { display:flex; justify-content:center; flex-wrap:wrap; }
.baseDivNew3 ul li { margin-bottom:80px; }
.baseDivNew3 ul li:nth-child(1) { width:266px; height:186px; }
.baseDivNew3 ul li:nth-child(2) { width:475px; height:186px; margin:0 80px 80px;}
.baseDivNew3 ul li:nth-child(3) { width:266px; height:186px;}

.baseDivNew3 ul li:nth-child(4),
.baseDivNew3 ul li:nth-child(5) { width:406px; height:186px;}

.baseDivNew3 ul li:nth-child(4) { margin-right:40px; }
.baseDivNew3 ul li:nth-child(5) { margin-left:40px; }

.baseDivNew3 ul li:nth-child(6),
.baseDivNew3 ul li:nth-child(7) { width:406px; height:371px; }

.baseDivNew3 ul li:nth-child(6) { margin-right:40px; }
.baseDivNew3 ul li:nth-child(7) { margin-left: 40px; }


@media (max-width:1200px) {
	.aiBox { padding:70px 0 100px; position:relative;}
	.aiBox3 { padding:100px 0 100px; }
	.bdn ul { padding-left:0; margin-left:0; }
	.baseDivNew1 article { padding:50px 0 30px; }
	.baseDivNew1 article p span { display:inline; }
	.baseDivNew1 ul { display:flex; justify-content:space-between; }
	.baseDivNew1 ul li { margin-left:0; flex:0 0 45%; }
	.baseDivNew1 ul li img { width:100%; }

	.s001_img1 { 
		position:relative; right:auto; top:auto; 
		display:flex; justify-content:center; align-items:center;
		margin:0 auto 60px; 
	}

	.baseDivNew2 { position:relative; }
	.baseDivNew2 article { padding:50px 0 60px; }
	.baseDivNew2 article p span { display:inline; }
	.baseDivNew2 article p span em { color:#ED1E79; }

	.baseDivNew2 ul li { 
		display:flex; padding:0 60px 30px; align-items:center; border-radius:10px; margin-top:40px;
		flex-wrap:wrap;
	}
	.baseDivNew2 ul li:nth-child(1) { margin-top:0; }
	.baseDivNew2 ul li strong { 
		font-size:30px; font-weight:600; color:#ED1E79; line-height:1; 
		display:block; border-top:5px solid #ED1E79; 
		padding:30px 0; width:171px; text-align:center;
		margin:0 auto;
	}
	.baseDivNew2 ul li span { padding-left:0; flex:0 0 100%; text-align:center;}

	.s001_img2 { 
		position:relative; right:auto; bottom:auto; 
		width:70%; height:auto;
		margin:0 auto;
		display:flex; justify-content:flex-end;
		display:none;
	}

	.baseDivNew3 { padding:80px 0 0; }
	.baseDivNew3 ul { display:flex; justify-content:center; flex-wrap:wrap; }
	.baseDivNew3 ul li { margin-bottom:40px; }
	.baseDivNew3 ul li:nth-child(1) { width:80%; height:auto; }
	.baseDivNew3 ul li:nth-child(2) { width:80%; height:auto; margin:0 0 40px;}
	.baseDivNew3 ul li:nth-child(3) { width:80%; height:auto;}


	.baseDivNew3 ul li:nth-child(4),
	.baseDivNew3 ul li:nth-child(5) { width:80%; height:auto;}

	.baseDivNew3 ul li:nth-child(4) { margin-right:0; }
	.baseDivNew3 ul li:nth-child(5) { margin-left:0; }

	.baseDivNew3 ul li:nth-child(6),
	.baseDivNew3 ul li:nth-child(7) { width:80%; height:auto; }

	.baseDivNew3 ul li:nth-child(6) { margin-right:0; }
	.baseDivNew3 ul li:nth-child(7) { margin-left: 0; }
	.baseDivNew3 ul li img { width:100% !important; }
}