@charset "utf-8";

/*
@import url('/public/assets/fonts/kohi.css');
html body,
html body * {font-family:"KOHI", "Noto Sans Korean", "RobotoDraft", "Dotum", Sans-serif !important;}
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
html body,
html body *  {font-family:"Noto Sans KR", "SUIT","Poppins", "Dotum", Sans-serif !important;}

@font-face {
    font-family: 'SUIT-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

html body .fc_black,
html body .fc_black * {color:#000 !important;}
html body .fc_white,
html body .fc_white * {color:#fff !important;}
html body .bg_white {background:#fff !important;}
html body .fc_blue,
html body .fc_blue * {color:#327fc3 !important;}
html body .fc_blue2,
html body .fc_blue2 * {color:#259dfe !important;}
html body .bg_dblue {background:#002e73 !important;}
html body .bg_blue2 {background:#259dfe !important;}
html body .fc_sky,
html body .fc_sky * {color:#239efe !important;}
html body .fc_sky2,
html body .fc_sky2 * {color:#00a0ea !important;}
html body .bg_sky2 {background:#00a0ea !important;}
html body .fc_pink,
html body .fc_pink * {color:#ff8b93 !important;}
html body .fc_pink2,
html body .fc_pink2 * {color:#ff74a4 !important;}
html body .fc_pink3,
html body .fc_pink3 * {color:#eb6877 !important;}
html body .fc_plum,
html body .fc_plum * {color:#fa5655 !important;}
html body .fc_purple,
html body .fc_purple * {color:#9871ca !important;}
html body .fc_orange,
html body .fc_orange * {color:#f47234 !important;}
html body .bg_orange {background:#f47234 !important;}
html body .fc_olive,
html body .fc_olive * {color:#7eb409 !important;}
html body .fc_bgreen,
html body .fc_bgreen * {color:#abd87b !important;}
html body .fc_dgreen,
html body .fc_dgreen * {color:#19a8a3 !important;}
html body .bg_dgreen {background:#049692 !important;}
html body .fc_dgreen2,
html body .fc_dgreen2 * {color:#009a44 !important;}
html body .fc_dgreen3,
html body .fc_dgreen3 * {color:#98c763 !important;}
html body .fc_dmint,
html body .fc_dmint * {color:#1f8e88 !important;}
html body .fc_yellow,
html body .fc_yellow * {color:#f2f13b !important;}
html body .fc_yellow2,
html body .fc_yellow2 * {color:#fff45c !important;}


html body .fc_bora,
html body .fc_bora * {color:#8e18e6 !important;}




html body select.type1 {
  -moz-appearance:none !important; /* Firefox */
  -webkit-appearance:none !important; /* Safari and Chrome */
  appearance:none !important;
  background-image:url('/public/images/renew_202211_1/cm_arrow_select_blue_2.png') !important;
  background-position:calc(100% - 15px) center !important;
  background-repeat:no-repeat !important;
}
html body select.type1::-ms-expand {
  display:none !important;
}
html body select.type1.pink {background-image:url('/public/images/renew_202211_1/cm_arrow_select_pink_2.png') !important;}
html body select.type1.bgreen {background-image:url('/public/images/renew_202211_1/cm_arrow_select_bgreen_2.png') !important;}

@media screen and (max-width:960px){
  html body select.type1 {background-position:calc(100% - 12px) center !important;}
}

@media screen and (max-width:768px){
  html body select.type1 {background-position:calc(100% - 10px) center !important;}
}

/* 컨텐츠 영역 :: S */
.headerFake {width:100%; height:0px; position:relative; margin:0 auto; padding:0;}


/* 헤더 영역 :: S */


.headerWrap {width:100%; position:relative; top:0; left:0; border-bottom:1px solid #f2f2f2; box-sizing:border-box; z-index:1000;}
.headerWrap .header {width:100%; position:relative; margin:0; padding:0;}
.headerWrap .area {width:100%; position:relative; margin:0; padding:0;}
.headerWrap .area ._in {width:100%; max-width:1430px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}


/* 컨텐츠 영역 ::  설명회 확정 후 활성화
.headerWrap .area.top {height:61px;background:#111111; padding:10px 0;}
*/



.headerWrap .area.top {height:0px;background:#ffffff; padding:0px 0;}



.headerWrap .area.top .links {width:100%; height:16px; position:relative; text-align:center;}
.headerWrap .area.top .links a {display:inline-block; height:16px; position:relative; vertical-align:top; font-size:12px; line-height:16px; font-weight:400; color:#919191; margin:0; padding:0;}

.headerWrap .area.middle {height:100px;background:#fff; padding:22px 0;}
.headerWrap .area.middle .logo {position:absolute; top:50%; left:15px; margin:-20px 0 0 0; z-index:5;}
.headerWrap .area.middle .logo a {display:block; width:100%; height:100%; position:relative; margin:0; padding:0;}
.headerWrap .area.middle .logo img.pc {display:block;}
.headerWrap .area.middle .logo img.mo {display:none;}


.headerWrap .area.middle .logo a img {width:100%;}

.headerWrap .area.middle .gnb {width:900px; max-width:1430px;text-align:center; position:relative; margin:0 0 0 260px; padding:0; z-index:1;}
.headerWrap .area.middle .gnb > ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.headerWrap .area.middle .gnb .dep1 {display:inline-block; position:relative; vertical-align:middle; margin:0 40px 0 0; padding:0;}
.headerWrap .area.middle .gnb .dep1_last {display:inline-block; position:relative; vertical-align:middle; margin-right:100px; padding:0;}
.headerWrap .area.middle .gnb .dep1_btn {display:block; position:relative; margin:0; padding:0; font-size:20px; line-height:60px; font-weight:600; color:#000;}
.headerWrap .area.middle .gnb .dep1_sub {display:none; width:150px; height:auto; position:absolute; top:100%; left:50%; margin:0 0 0 -75px; padding:3px 0 0 0;}
.headerWrap .area.middle .gnb .dep1.dropdown:hover .dep1_sub {display:block;}
.headerWrap .area.middle .gnb .dep1_sub:before {display:block; content:''; width:100%; height:3px; position:absolute; top:0; left:0; background:#0088CC;}
.headerWrap .area.middle .gnb .dep2 {display:block; width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #ececec;}
.headerWrap .area.middle .gnb .dep2_btn {display:block; width:100%; position:relative; text-align:center; font-size:13px; line-height:40px; font-weight:400; color:#777; background:#fff;}
.headerWrap .area.middle .gnb .dep2_btn:hover {color:#333; background:#fafafa;}

.headerWrap .area.middle .right {position:absolute; top:50%; right:15px; text-align:right; margin:-15.5px 0 0 0; padding:0; box-sizing:border-box; z-index:5;}
.headerWrap .area.middle .right a {display:inline-block; position:relative; text-align:center; vertical-align:middle; margin:0 5px 0 2px;}
.headerWrap .area.middle .right a:first-child {margin:0;}
.headerWrap .area.middle .right a.hamburger {display:none;}
.headerWrap .area.middle .right a img {max-width:100%; margin:0 auto 5px;}
.headerWrap .area.middle .right a img.pc {display:block;}
.headerWrap .area.middle .right a img.mo {display:none;}
.headerWrap .area.middle .right a {color:#979797;}



.sitemapWrap {width:300px; height:100%; position:fixed; top:0; right:-305px; margin:0; padding:10px; box-sizing:border-box; background:#fff; box-shadow:0 0 10px 10px rgba(0,0,0,0.05); z-index:200;}
.sitemapWrap.active {right:0;}

.sitemapWrap .closeBtn {display:block; width:20px; height:20px; position:absolute; top:10px; right:10px; z-index:5;}
.sitemapWrap .closeBtn img {width:100%;}

.sitemapWrap .sitemap {width:100%; height:100%; max-height:100%; position:relative; z-index:1; margin:0; padding:140px 0 0 0; box-sizing:border-box; overflow-y:auto;}
.sitemapWrap .sitemap > ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.sitemapWrap .sitemap .dep1 {display:block; width:100%; position:relative; margin:0; padding:0; border-bottom:1px solid #e0e0e0;}
.sitemapWrap .sitemap .dep1_btn {display:block; width:100%; position:relative; font-size:15px; line-height:40px; font-weight:400; color:#454545;}
.sitemapWrap .sitemap .dep1_sub {display:block; width:100%; height:0; position:relative; margin:0; padding:0 10px; box-sizing:border-box; overflow:hidden;}
.sitemapWrap .sitemap .dep1_sub .dep2 {display:block; width:100%; position:relative; margin:0; padding:0; border-top:1px solid #f0f0f0;}
.sitemapWrap .sitemap .dep1_sub .dep2_btn {display:block; width:100%; position:relative; font-size:13px; line-height:30px; font-weight:400; color:#555;}
.sitemapWrap .sitemap .dep1.dropdown .dep1_btn:after {display:block; content:'+'; width:30px; height:30px; text-align:center; font-size:20px; line-height:30px; font-weight:400; color:#000; position:absolute; top:50%; right:5px; margin:-15px 0 0 0;}
.sitemapWrap .sitemap .dep1.dropdown.open .dep1_btn {font-weight:500; color:#333;}
.sitemapWrap .sitemap .dep1.dropdown.open .dep1_btn:after {content:'-';}
.sitemapWrap .sitemap .dep1.dropdown.open .dep1_sub {height:auto; padding:0 10px;}
.w1430 {  width: 1430px;  margin: auto; }
.w1600 {  width: 1430px;  margin: auto; }



.main {width:100%; position:relative;}


.main6_bottom{ background-color:#ebe5f1;height:244px;text-align:center;}





.roundbox{
  background:#fff;
  border-radius: 10px;
  padding:44px 40px 36px 40px;
  font-size:20px;
  color:#202020; 
}
.roundbox img{
width:100%; 
}

.roundbox a{
  color:#202020; 
} 
.roundbox .title{
  padding-bottom:40px;
  font-weight:700;
  font-size:25px;
  color:#212121;
}

.roundbox .tel{
  padding-bottom:20px;
}

.roundbox .juso{
  padding-bottom:40px;
  line-height:24px;
}

.button{
  vertical-align:bottom;
}
.r_button{
width:190px;
height:58px;
border:2px;

border-style:solid;
border-color:#fb5d5c;
background:#fb5d5c;
border-radius: 10px;
font-size:20px;
color:#fff; 
font-weight:600;
text-align:left;
padding-left:22px;
background-image: url('/_202408/img/button_icon01.png'); /* 배경 이미지 설정 */
background-size: cover; /* 배경 이미지를 버튼 크기에 맞게 조절 */
background-position: right; /* 배경 이미지를 중앙에 위치 */
}

.r_button:hover {
  background-color: #ffffff; /* 호버 시 배경색 변경 */
  color:#fb5d5c;
  background-image: url('/_202408/img/button_icon02.png'); /* 배경 이미지 설정 */
   background-size: cover; /* 배경 이미지를 버튼 크기에 맞게 조절 */
  background-position: right; /* 배경 이미지를 중앙에 위치 */
}


.w_button{
width:190px;
height:58px;
border:2px;
border-style:solid;
border-color:#fb5d5c;
background:#fff;
border-radius: 10px;
font-size:20px;
font-weight:600;
color:#fb5d5c; 
padding-left:22px;
text-align:left;
background-image: url('/_202408/img/button_icon02.png'); /* 배경 이미지 설정 */
background-size: cover; /* 배경 이미지를 버튼 크기에 맞게 조절 */
background-position: right; /* 배경 이미지를 중앙에 위치 */
}
.w_button:hover {
  background-color: #fb5d5c; /* 호버 시 배경색 변경 */
  color:#ffffff;
  background-image: url('/_202408/img/button_icon01.png'); /* 배경 이미지 설정 */
background-size: cover; /* 배경 이미지를 버튼 크기에 맞게 조절 */
background-position: right; /* 배경 이미지를 중앙에 위치 */
}



.button390 {
  width: 390px;
  height: 110px;
  background-color: #fb5d5c; /* 배경색 설정 */
  background-image: url('/_202408/img/button_icon01.png'); /* 배경 이미지 설정 */
  background-size: cover; /* 배경 이미지를 버튼 크기에 맞게 조절 */
  background-position: center; /* 배경 이미지를 중앙에 위치 */
  border: 1px solid #000; /* 1px 테두리 설정 */
  color: white; /* 텍스트 색상 설정 */
  font-size: 20px; /* 텍스트 크기 설정 */
  text-align: center; /* 텍스트 중앙 정렬 */
  line-height: 110px; /* 텍스트를 버튼 높이의 중앙에 위치시키기 위한 줄 간격 */
  cursor: pointer; /* 마우스 커서를 포인터로 변경 */
  display: inline-block; /* 버튼이 인라인 블록으로 표시되도록 설정 */
  text-decoration: none; /* 텍스트의 밑줄 제거 */
}

.button:hover {
  background-color: #ffffff; /* 호버 시 배경색 변경 */
}




.main8_bottom{
  background:#f0f0f0;
  padding-bottom:244px;
  text-align:center;
  }
  





@media screen and (max-width:1600px){
  .headerWrap .area.middle .gnb .dep1 {margin:0 40px 0 0;}
  .headerWrap .area.middle .gnb .dep1:last-child {margin:0;}
  .headerWrap .area.middle .gnb .dep1_btn {font-size:20px;}
  
  .w1430 {width:100%;}
  .w1600 {width: 100%; padding:0;}
}

@media screen and (max-width:1400px){
  .headerWrap .area.middle .gnb .dep1 {margin:0 30px 0 0;}
  .headerWrap .area.middle .gnb .dep1:last-child {margin:0;}
  .headerWrap .area.middle .gnb .dep1_btn {font-size:18px;}
  .w1600 {width: 100%;}
  .w1600 {width: 100%; padding:0;}
}

@media screen and (max-width:1280px){
  .headerFake {height:116px;}

  .headerWrap .area.middle .logo {width:158px; height:41px; margin:-20.5px 0 0 0;}

  .headerWrap .area.middle .logo img.pc {display:none;}
  .headerWrap .area.middle .logo img.mo {display:block;}

  .headerWrap .area.top .links a {font-size:11px;}

  .headerWrap .area.middle .gnb .dep1 {margin:0 20px 0 0;}
  .headerWrap .area.middle .gnb .dep1:last-child {margin:0;}
  .headerWrap .area.middle .gnb .dep1_btn {font-size:17px; line-height:40px;}

  .headerWrap .area.middle .right {margin:-23px 0 0 0;}
  .headerWrap .area.middle .right a {margin:0 0 0 15px;}
  .headerWrap .area.middle .right a:first-child {margin:0;}
  .headerWrap .area.middle .right a img {margin:0 auto 2px;}
  
  .headerWrap .area.middle .right a {font-size:0px; line-height:12px;}

  .headerWrap .area.middle .right a img.pc {display:none;}
  .headerWrap .area.middle .right a img.mo {display:block;}
  
  .headerWrap .area.middle {height:80px;}

  .headerFake.fixed {height:96px;}
  .w1430 {width: 100%;}
  .w1600 {width: 100%; padding:0;}
}

@media screen and (max-width:1080px){
  .headerFake {height:0px;}
  .main {padding-top:0px;}
  .headerWrap .area.middle .logo {width:128px; height:34px; position:relative; top:auto; left:auto; margin:0;}
  .headerWrap .area.middle .logo img.pc {display:none;}
  .headerWrap .area.middle .logo img.mo {display:block;}


  .headerWrap .area.top .links a {font-size:10px;}

  .headerWrap .area.middle .gnb {display:none;}

  .headerWrap .area.middle .right {margin:-14.5px 0 0 0;}
  .headerWrap .area.middle .right a {margin:0 0 0 6px;}
  .headerWrap .area.middle .right a:first-child {margin:0;}
  .headerWrap .area.middle .right a.hamburger {display:inline-block;}
  .headerWrap .area.middle .right a img {max-width:25px;}
  
  .headerWrap .area.middle .right a img.pc {display:none;}
  .headerWrap .area.middle .right a img.mo {display:block;}

  .headerWrap .area.middle {height:80px;}
  .headerWrap .area.middle .right a {font-size:0px; line-height:11px;}

  .w1600 {width: 100%; padding:0;}
  .w1430 {width:100%;}
}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){
  .headerFake {height:0px;}

  .headerWrap .area.top {padding:0px 0;}

  .headerWrap .area.middle {padding:22px 0;}

  .headerWrap .area.middle .right a {
    margin: -5px 0 0 4px;
}
  .headerFake.fixed {height:80px;}
  .headerWrap.fixed .area.top {padding:0px 0;}
  .headerWrap.fixed .area.middle {padding:10px 0;}

  .headerWrap .area.middle .right a img {
    margin: 0 auto 4px;
}

.main6_bottom{height:120px;}
.main8_bottom {
  padding-bottom:60px;
 }

  

}

@media screen and (max-width:360px){

}
/* 헤더 영역 :: E */




/* 푸터 영역 :: S */
.footerWrap {width:100%; position:relative; margin:0 auto; padding:80px 0; box-sizing:border-box; background:#555;}
.footerWrap .footer {width:100%; max-width:1430px; position:relative; margin:0 auto; padding:0 15px; box-sizing:border-box;}

.footerWrap .footer .txt {font-size:16px; line-height:26px; font-weight:400; color:#999;}
.footerWrap .footer .txt .copyright {color:#fff;}


@media screen and (max-width:960px){
  .footerWrap .footer .txt {font-size:14px; line-height:24px;}
}

@media screen and (max-width:640px){
  .footerWrap .footer .txt {font-size:13px; line-height:22px;}
}
/* 푸터 영역 :: E */



/* 메인페이지 공통 영역 :: S */
.mainCon {width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; background-size:cover !important;}
.mainCon .inner {width:100%;max-width:1430px; position:relative; margin:0px auto; padding:0 0px; box-sizing:border-box;}
.mainCon .typoArea {width:100%;max-width:1100px; position:relative; margin:0 auto 80px; padding:0; box-sizing:border-box;}
.mainCon .typoArea p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#606060;}
.mainCon .typoArea .tit {font-size:70px; line-height:62px; font-weight:700;}
.mainCon .typoArea .desc {font-size:38px; line-height:44px; font-weight:400; margin:40px auto 0;}
.mainCon .typoArea .desc:first-child {margin-top:20px !important;}
.mainCon .typoArea .desc2 {font-size:32px; line-height:40px; font-weight:400;}
.mainCon .typoArea .con {font-size:15px; line-height:24px; font-weight:500;}
.mainCon .typoArea .t1 {font-size:46px; line-height:56px; font-weight:400; color:#fff;}
.mainCon .typoArea .t2 {font-size:20px; line-height:26px; font-weight:600;}
.mainCon .typoArea .img { display: inline-block; text-align:center;}
.mainCon .a {text-align: center !important;}
.mainCon .typoArea .img img {max-width:100%; vertical-align:top;}
.mainCon .typoArea .rnded {width:100%; position:relative; text-align:center; margin:65px auto 0; padding:0;}
.mainCon .typoArea .rnded p {display:inline-block; position:relative; font-size:36px; line-height:40px; font-weight:400; color:#fff; padding:15px 30px; box-sizing:border-box; border-radius:35px;margin-top:-20px}
.mainCon .typoArea .rnded.sm p {font-size:2.2em;}

.mainCon .typoArea.tal {}
.mainCon .typoArea.tal p {text-align:left;}

.mainCon .typoArea.tar {}
.mainCon .typoArea.tar p {text-align:right;}

.mainCon .notiArea {width:100%; position:relative; margin:50px auto 0; padding:30px; box-sizing:border-box; background:#fff;}
.mainCon .notiArea p {display:block; text-align:center; position:relative; margin:0 auto; padding:0;}
.mainCon .notiArea .t1 {font-size:20px; line-height:26px; font-weight:500; color:#606060;}


@media screen and (max-width:1280px){

  .mainCon .typoArea {margin:0 auto 70px;}
  .mainCon .typoArea .tit {font-size:52px; line-height:58px;}
  .mainCon .typoArea .desc {font-size:34px; line-height:40px; margin:30px auto 0;}
  .mainCon .typoArea .desc2 {font-size:28px; line-height:36px;}
  .mainCon .typoArea .t1 {font-size:43px; line-height:53px;}
  .mainCon .typoArea .t2 {font-size:20px; line-height:26px;}
  .mainCon .typoArea .rnded {margin:70px auto 0;}
  .mainCon .typoArea .rnded p {font-size:34px; line-height:38px; border-radius:31px;}
  .mainCon .typoArea .rnded.sm p {font-size:2.0em;}

  .mainCon .notiArea {margin:45px auto 0; padding:30px;}
  .mainCon .notiArea .t1 {font-size:20px; line-height:26px;}
}

@media screen and (max-width:1080px){

  .mainCon .typoArea {margin:0 auto 60px;}
  .mainCon .typoArea .tit {font-size:48px; line-height:54px;}
  .mainCon .typoArea .desc {font-size:30px; line-height:34px; margin:25px auto 0;}
  .mainCon .typoArea .desc2 {font-size:24px; line-height:32px;}
  .mainCon .typoArea .con {font-size:14px; line-height:24px;}
  .mainCon .typoArea .t1 {font-size:40px; line-height:50px;}
  .mainCon .typoArea .t2 {font-size:19px; line-height:25px;}
  .mainCon .typoArea .rnded {margin:60px auto 0;}
  .mainCon .typoArea .rnded p {font-size:32px; line-height:36px; border-radius:27px;}
  .mainCon .typoArea .rnded.sm p {font-size:1.8em;}

  .mainCon .notiArea {margin:40px auto 0; padding:25px;}
  .mainCon .notiArea .t1 {font-size:19px; line-height:25px;}
}

@media screen and (max-width:960px){

  .mainCon .typoArea {margin:0 auto 50px;}
  .mainCon .typoArea .tit {font-size:44px; line-height:50px;}
  .mainCon .typoArea .desc {font-size:26px; line-height:32px; margin:25px auto 0;}
  .mainCon .typoArea .desc2 {font-size:20px; line-height:28px;}
  .mainCon .typoArea .con {font-size:14px; line-height:22px;}
  .mainCon .typoArea .t1 {font-size:37px; line-height:47px;}
  .mainCon .typoArea .t2 {font-size:18px; line-height:24px;}
  .mainCon .typoArea .rnded {margin:50px auto 0;}
  .mainCon .typoArea .rnded p {font-size:30px; line-height:34px; border-radius:25px;}
  .mainCon .typoArea .rnded.sm p {font-size:1.6em;}

  .mainCon .notiArea {margin:35px auto 0; padding:25px;}
  .mainCon .notiArea .t1 {font-size:17px; line-height:24px;}
}

@media screen and (max-width:768px){

  .mainCon .typoArea {margin:0 auto 40px;}
  .mainCon .typoArea .tit {font-size:40px; line-height:46px;}
  .mainCon .typoArea .desc {font-size:22px; line-height:28px; margin:20px auto 0;}
  .mainCon .typoArea .desc2 {font-size:18px; line-height:26px;}
  .mainCon .typoArea .con {font-size:13px; line-height:22px;}
  .mainCon .typoArea .t1 {font-size:34px; line-height:44px;}
  .mainCon .typoArea .t2 {font-size:17px; line-height:23px;}
  .mainCon .typoArea .rnded {margin:40px auto 0;}
  .mainCon .typoArea .rnded p {font-size:28px; line-height:32px; border-radius:23px;}
  .mainCon .typoArea .rnded.sm p {font-size:1.5em;}

  .mainCon .notiArea {margin:30px auto 0; padding:25px;}
  .mainCon .notiArea .t1 {font-size:16px; line-height:23px;}
}

@media screen and (max-width:640px){

  .mainCon .typoArea {margin:0 auto 30px;}
  .mainCon .typoArea .tit {font-size:36px; line-height:42px;}
  .mainCon .typoArea .desc {font-size:20px; line-height:26px; margin:20px auto 0;}
  .mainCon .typoArea .desc2 {font-size:17px; line-height:25px;}
  .mainCon .typoArea .con {font-size:13px; line-height:20px;}
  .mainCon .typoArea .t1 {font-size:32px; line-height:42px;}
  .mainCon .typoArea .t2 {font-size:16px; line-height:22px;}
  .mainCon .typoArea .rnded {margin:30px auto 0;}
  .mainCon .typoArea .rnded p {font-size:26px; line-height:30px; border-radius:20px;}
  .mainCon .typoArea .rnded.sm p {font-size:1.4em;}

  .mainCon .notiArea {margin:30px auto 0; padding:20px;}
  .mainCon .notiArea .t1 {font-size:15px; line-height:22px;}


  .brainChangeWrap {margin-top: -10%;}

}

@media screen and (max-width:480px){

  .mainCon .typoArea .tit {font-size:34px; line-height:40px;}
  .mainCon .typoArea .desc {font-size:19px; line-height:25px; margin:15px auto 0;}
  .mainCon .typoArea .desc2 {font-size:16px; line-height:24px;}
  .mainCon .typoArea .con {font-size:12px; line-height:22px;}
  .mainCon .typoArea .t1 {font-size:30px; line-height:40px;}
  .mainCon .typoArea .t2 {font-size:15px; line-height:22px;}
  .mainCon .typoArea .rnded {margin:25px auto 0;}
  .mainCon .typoArea .rnded p {font-size:24px; line-height:28px; border-radius:20px;}
  .mainCon .typoArea .rnded.sm p {font-size:1.3em;}
  .mainCon .notiArea {margin:30px auto 0; padding:20px;}
  .mainCon .notiArea .t1 {font-size:14px; line-height:22px;}
  .interviewBanner { margin-top: -4%;}
}

@media screen and (max-width:360px){
  .mainCon {padding:60px 0;}
  .mainCon .typoArea .tit {font-size:32px; line-height:38px;}
  .mainCon .typoArea .desc {font-size:18px; line-height:24px; margin:15px auto 0;}
  .mainCon .typoArea .desc2 {font-size:15px; line-height:22px;}
  .mainCon .typoArea .con {font-size:12px; line-height:20px;}
  .mainCon .typoArea .t1 {font-size:28px; line-height:38px;}
  .mainCon .typoArea .t2 {font-size:15px; line-height:22px;}
  .mainCon .typoArea .rnded {margin:20px auto 0;}
  .mainCon .typoArea .rnded p {font-size:22px; line-height:26px; border-radius:20px;}
  .mainCon .typoArea .rnded.sm p {font-size:1.2em;}

}

@media screen and (max-width:300px){

}
/* 메인페이지 공통 영역 :: E */



/* 최상단 배너 영역 :: S */
.firstBanner {padding:0; z-index:10;}
.firstBanner .banner {width:100%; position:relative;}
.firstBanner .banner img {width:100%;}
.firstBanner .banner img.pc {display:inline-block;}
.firstBanner .banner img.mo {display:none;}

@media screen and (max-width:1080px){
  .firstBanner .banner img.pc {display:none;}
  .firstBanner .banner img.mo {display:inline-block;}
}
/* 최상단 배너 영역 :: E */



/* 인터뷰 배너 영역 :: S */
.interviewBanner {z-index:9; margin-top:-2%; background-size:100% auto !important; background:#d1ecff url('/public/images/renew_202211_1/main/cm_main_sec_2_bg_1.png') center top no-repeat;}

.interviewBanner .typoArea {}

.interviewBanner .interview {width:100%; max-width:1130px; height:auto; position:relative; margin:0 auto; padding:40px; box-sizing:border-box; background:#fff; border-radius:30px; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}
.interviewBanner .interview > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}

.interviewBanner .interview .typo {width:calc(100% - 305px); padding:20px 50px 0 0;}
.interviewBanner .interview p {display:block; text-align:center; position:relative; margin:0; padding:0; box-sizing:border-box;}
.interviewBanner .interview .t1 {font-size:24px; line-height:38px; font-weight:700; color:#606060;}
.interviewBanner .interview .t2 {font-size:16px; line-height:30px; font-weight:400; color:#999; margin:30px 70px;text-align:right;}
.interviewBanner .interview .t3 {font-size:18px; line-height:30px; font-weight:400; color:#fff; text-align:left; padding:40px; border-radius:15px; background:#259dff;}

.interviewBanner .interview .profile {width:300px; height:300px;}
.interviewBanner .interview .profile img {display:block; width:100%;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .interviewBanner .interview .t1 {font-size:26px; line-height:32px;}
  .interviewBanner .interview .t2 {font-size:18px; line-height:24px; margin:25px auto;}
  .interviewBanner .interview .t3 {font-size:16px; line-height:28px; padding:35px;}
}

@media screen and (max-width:1080px){
  .interviewBanner .interview {padding:35px;}
  .interviewBanner .interview .typo {width:calc(100% - 245px); padding:0 40px 0 0;}
  .interviewBanner .interview .t1 {font-size:24px; line-height:30px;}
  .interviewBanner .interview .t2 {font-size:17px; line-height:23px; margin:25px auto;}
  .interviewBanner .interview .t3 {font-size:15px; line-height:27px; padding:30px;}

  .interviewBanner .interview .profile {width:240px; height:240px;}
  .interviewBanner {margin-top:-4%;}
}

@media screen and (max-width:960px){
  .interviewBanner .interview {padding:30px;}
  .interviewBanner .interview .typo {width:calc(100% - 205px); padding:0 30px 0 0;}
  .interviewBanner .interview .t1 {font-size:24px; line-height:30px;}
  .interviewBanner .interview .t2 {font-size:17px; line-height:23px; margin:25px auto;}
  .interviewBanner .interview .t3 {font-size:15px; line-height:27px; padding:30px;}

  .interviewBanner .interview .profile {width:200px; height:200px;}
  .interviewBanner {margin-top:-4%;}
}

@media screen and (max-width:768px){
  .interviewBanner .interview {padding:220px 20px 20px 20px;}
  .interviewBanner .interview .typo {width:100%; padding:0;}
  .interviewBanner .interview .t1 {font-size:22px; line-height:28px;}
  .interviewBanner .interview .t2 {font-size:16px; line-height:22px; margin:20px auto;}
  .interviewBanner .interview .t3 {font-size:14px; line-height:26px; padding:25px; text-align:center;}

  .interviewBanner .interview .profile {width:180px; height:180px; position:absolute; top:20px; left:50%; margin:0 0 0 -90px;}
  .interviewBanner {margin-top:-4%;}
}

@media screen and (max-width:640px){
  .interviewBanner .interview {padding:220px 15px 15px 15px;}
  .interviewBanner .interview .t1 {font-size:18px; line-height:26px;}
  .interviewBanner .interview .t2 {font-size:15px; line-height:20px; margin:15px auto;}
  .interviewBanner .interview .t3 {font-size:13px; line-height:24px; padding:20px; text-align:center;}
  .interviewBanner {margin-top:-4%;}
}

@media screen and (max-width:480px){

  .interviewBanner {margin-top:-4%;}


}

@media screen and (max-width:360px){
  .interviewBanner {margin-top:-4%;}
}
/* 인터뷰 배너 영역 :: E */



/* 특징 나열 영역 :: S */
.featureBanner {z-index:8; background-size:contain !important; background:#fffae4 url('/public/images/renew_202211_1/main/cm_main_sec_3_bg_1.png') center top no-repeat;}

.featureBanner .typoArea  .inner{margin:-100px 0 0 0 0; padding:0; text-align:center;}

.featureBanner .typoArea {}




.featureBanner .featureList {width:100%; position:relative; padding:15px 0 0 0; box-sizing:border-box;}
.featureBanner .featureList ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:center;}
.featureBanner .featureList ul li {display:inline-block; vertical-align:middle; width:305px; height:305px; position:relative; margin:0 50px 30px 0; padding:0; box-sizing:border-box; border-radius:50%; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}
.featureBanner .featureList ul li._1 {background:linear-gradient(to bottom,#ff848b,#ff5074); margin-left:0;}
.featureBanner .featureList ul li._2 {background:linear-gradient(to bottom,#ffaf00,#ff9000);}
.featureBanner .featureList ul li._3 {background:linear-gradient(to bottom,#00bcb6,#00a192);}
.featureBanner .featureList ul li._4 {background:linear-gradient(to bottom,#7a2fd1,#7c18e4); margin-left:100px;}
.featureBanner .featureList ul li._5 {background:linear-gradient(to bottom,#2075d3,#2146ce);}
.featureBanner .featureList ul li._6 {background:linear-gradient(to bottom,#259dff,#1975ff);}
.featureBanner .featureList ul li .disT {width:100%; height:100%;}
.featureBanner .featureList ul li .disTC {text-align:center; vertical-align:middle;}
.featureBanner .featureList ul li img {max-width:100%; vertical-align:top;}
.featureBanner .featureList ul li p {display:block; text-align:center; position:relative; font-size:20px; line-height:32px; font-weight:600; color:#fff; margin:15px auto 0; padding:0;}

.featureBanner .featureDesc {width:100%; max-width:1100px; position:relative; margin:80px auto 0; padding:40px; box-sizing:border-box; border-radius:40px; border:6px solid #ff8a15; background:#fff;}
.featureBanner .featureDesc > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.featureBanner .featureDesc .img {width:300px; height:auto; text-align:center; padding:0 3%; box-sizing:border-box;}
.featureBanner .featureDesc .img img {max-width:100%;}
.featureBanner .featureDesc .typo {width:calc(100% - 305px);}
.featureBanner .featureDesc .typo p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#999;}
.featureBanner .featureDesc .typo .t1 {font-size:32px; line-height:38px; font-weight:600;}
.featureBanner .featureDesc .typo .t2 {font-size:18px; line-height:30px; font-weight:400; margin:30px auto;}


@media screen and (max-width:1600px){
  .featureBanner .featureList ul li {width:320px; height:320px; margin:0 40px 40px 0;}
  .featureBanner .featureList ul li p {font-size:20px; line-height:28px; margin:12px auto 0;}
  .featureBanner .featureList ul li._4 {margin-left:80px;}

  .featureBanner .featureDesc {margin:70px auto 0; padding:35px;}
  .featureBanner .featureDesc .typo .t1 {font-size:30px; line-height:36px;}
  .featureBanner .featureDesc .typo .t2 {font-size:22px; line-height:26px; margin:25px auto 0;}
}

@media screen and (max-width:1280px){
  .featureBanner {/* background-size:100% auto !important; */}

  .featureBanner .featureList {padding:0;}
  .featureBanner .featureList ul li {width:280px; height:280px; margin:0 30px 30px 0;}
  .featureBanner .featureList ul li p {font-size:18px; line-height:26px; margin:10px auto 0;}
  .featureBanner .featureList ul li._4 {margin-left:60px;}

  .featureBanner .featureDesc {margin:60px auto 0; padding:30px;}
  .featureBanner .featureDesc .img {width:240px;}
  .featureBanner .featureDesc .typo {width:calc(100% - 245px);}
  .featureBanner .featureDesc .typo .t1 {font-size:28px; line-height:34px;}
  .featureBanner .featureDesc .typo .t2 {font-size:20px; line-height:24px; margin:20px auto 0;}
}

@media screen and (max-width:1080px){
  .featureBanner {background-size:100% auto !important;}

  .featureBanner .featureList {padding:0;}
  .featureBanner .featureList ul li {width:260px; height:260px;}
  .featureBanner .featureList ul li p {font-size:16px; line-height:24px; margin:10px auto 0;}
  .featureBanner .featureList ul li._4 {margin-left:0;}

  .featureBanner .featureDesc {margin:50px auto 0; padding:30px;}
  .featureBanner .featureDesc .img {width:200px;}
  .featureBanner .featureDesc .typo {width:calc(100% - 205px);}
  .featureBanner .featureDesc .typo .t1 {font-size:26px; line-height:32px;}
  .featureBanner .featureDesc .typo .t2 {font-size:18px; line-height:22px; margin:20px auto 0;}
}

@media screen and (max-width:960px){
  .featureBanner .featureList ul li {width:260px; height:260px; margin:0 20px 20px 0;}
  .featureBanner .featureList ul li:nth-of-type(2n+2) {margin:0 0 20px 0;}

  .featureBanner .featureDesc {margin:40px auto 0; padding:25px;}
  .featureBanner .featureDesc .img {width:180px;}
  .featureBanner .featureDesc .typo {width:calc(100% - 185px);}
  .featureBanner .featureDesc .typo .t1 {font-size:22px; line-height:28px;}
  .featureBanner .featureDesc .typo .t2 {font-size:15px; line-height:22px; margin:20px auto 0;}
}

@media screen and (max-width:768px){
  .featureBanner .featureDesc {margin:35px auto 0; padding:25px; border:3px solid #ff8a15;}
  .featureBanner .featureDesc > * {display:block;}
  .featureBanner .featureDesc .img {width:160px; margin:0 auto 20px; padding:0;}
  .featureBanner .featureDesc .typo {width:100%; margin:0 auto;}
  .featureBanner .featureDesc .typo p {text-align:center;}
  .featureBanner .featureDesc .typo .t1 {font-size:20px; line-height:26px;}
  .featureBanner .featureDesc .typo .t2 {font-size:14px; line-height:22px; margin:15px auto 0;}
}

@media screen and (max-width:640px){
  .featureBanner .featureList {padding:0;}
  .featureBanner .featureList ul li {width:240px; height:240px; margin:0 15px 15px 0;}
  .featureBanner .featureList ul li:nth-of-type(2n+2) {margin:0 0 15px 0;}
  .featureBanner .featureList ul li p {font-size:14px; line-height:22px; margin:8px auto 0;}
  .featureBanner .featureList ul li._4 {margin-left:0;}
}

@media screen and (max-width:560px){
  .featureBanner .featureList ul li {width:240px; height:240px; margin:0 auto 15px !important;}
  .featureBanner .featureList ul li:last-child {margin:0 auto !important;}
  .featureBanner .featureList ul li p {font-size:13px; line-height:20px; margin:5px auto 0;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 특징 나열 영역 :: E */



/* 인증서 영역 :: S */
.certificationWrap {z-index:7; background-size:100% auto !important; background:#cfedff url('/public/images/renew_202211_1/main/cm_main_sec_4_bg_1.png') center bottom no-repeat;}

.certificationWrap .typoArea {}

.certificationWrap .certification {width:100%; position:relative; text-align:center;}
.certificationWrap .certification img {max-width:100%;}
.certificationWrap .certification p {display:block; width:100%; text-align:center; position:relative; margin:30px auto 10%; padding:0; font-size:18px; line-height:26px; font-weight:500; color:#333;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  .certificationWrap .certification p {margin:20px auto 12%; font-size:15px; line-height:24px;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 인증서 영역 :: E */



/* 앱화면 슬라이드 영역 :: S */
.padSliderWrap {z-index:8; background:url('/public/images/renew_202211_1/main/cm_main_sec_5_bg_1.png') center top no-repeat; margin-top:-9%; padding-top:15%;}

.padSliderWrap .typoArea {}

.padSliderWrap .padSlider {width:100%; max-width:1100px;position:relative;}
.padSliderWrap .padSlider .swiper-slide {position:relative; padding:0 120px; box-sizing:border-box;}
.padSliderWrap .padSlider .swiper-slide img {display:block; width:100%;}

.padSliderWrap .padSlider .swiper-arrow {width:96px; height:96px; position:absolute; top:50%; margin-top:-48px; background-size:cover !important;}
.padSliderWrap .padSlider .swiper-arrow:after {display:none;}
.padSliderWrap .padSlider .swiper-button-prev {background:url('/public/images/renew_202211_1/cm_arrow_blue_circle_1_left.png') center center no-repeat; left:0;}
.padSliderWrap .padSlider .swiper-button-next {background:url('/public/images/renew_202211_1/cm_arrow_blue_circle_1_right.png') center center no-repeat; right:0;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  .padSliderWrap {margin-top:-12.5%;}

  .padSliderWrap .padSlider .swiper-slide {padding:0 60px;}

  .padSliderWrap .padSlider .swiper-arrow {width:48px; height:48px; margin-top:-24px;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 앱화면 슬라이드 영역 :: E */



/* 뇌파 정의 영역 :: S */
.brainDefineWrap {z-index:7; background:#dbfff9;}

.brainDefineWrap .typoArea {}

.brainDefineWrap .brainDefine {width:100%; max-width:1300px; position:relative; margin:0 auto; padding:0;}
.brainDefineWrap .brainDefine .defines {width:100%;max-width:1100px; position:relative; margin:auto;text-align:center;}
.brainDefineWrap .brainDefine .defines .rect {display:inline-block; width:450px; position:relative; vertical-align:middle; margin:0; padding:0; border-radius:30px; box-shadow:0 0 5px 5px rgba(0,0,0,0.05); box-sizing:border-box; border:1px solid #d8d8d8; overflow:hidden;}
.brainDefineWrap .brainDefine .defines .rect > * {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.brainDefineWrap .brainDefine .defines .rect p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#fff;}
.brainDefineWrap .brainDefine .defines .rect .graph {padding:30px 0; background:#fff;}
.brainDefineWrap .brainDefine .defines .rect .graph img {max-width:100%;}
.brainDefineWrap .brainDefine .defines .rect .graph p {margin:30px auto 0; font-size:36px; line-height:40px; font-weight:600;}
.brainDefineWrap .brainDefine .defines .rect .desc {padding:30px 0; background:#00bcb6;}
.brainDefineWrap .brainDefine .defines .rect .desc p {font-size:24px; line-height:30px; font-weight:500;}

.brainDefineWrap .brainDefine .defines .rect._1 {margin:30px;}
.brainDefineWrap .brainDefine .defines .rect._1 .graph p {color:#2a5197;}

.brainDefineWrap .brainDefine .defines .rect._2 {}
.brainDefineWrap .brainDefine .defines .rect._2 .graph p {color:#f3a7af;}

.brainDefineWrap .brainDefine .desc {display:block; text-align:center; position:relative; margin:80px auto 0; padding:0; font-size:26px; line-height:32px; font-weight:400; color:#555;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .brainDefineWrap .brainDefine .defines .rect {width:420px;}
  .brainDefineWrap .brainDefine .defines .rect._1 {margin:0 60px 0 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph {padding:25px 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph p {margin:20px auto 0; font-size:32px; line-height:36px;}
  .brainDefineWrap .brainDefine .defines .rect .desc {padding:25px 0;}
  .brainDefineWrap .brainDefine .defines .rect .desc p {font-size:20px; line-height:24px;}

  .brainDefineWrap .brainDefine .desc {margin:70px auto 0; font-size:22px; line-height:28px;}
}

@media screen and (max-width:1080px){
  .brainDefineWrap .brainDefine .defines .rect {width:400px;}
  .brainDefineWrap .brainDefine .defines .rect._1 {margin:0 50px 0 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph {padding:20px 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph p {margin:20px auto 0; font-size:30px; line-height:34px;}
  .brainDefineWrap .brainDefine .defines .rect .desc {padding:20px 0;}
  .brainDefineWrap .brainDefine .defines .rect .desc p {font-size:18px; line-height:22px;}

  .brainDefineWrap .brainDefine .desc {margin:60px auto 0; font-size:18px; line-height:24px;}
}

@media screen and (max-width:960px){
  .brainDefineWrap .brainDefine .defines .rect {width:350px;}
  .brainDefineWrap .brainDefine .defines .rect._1 {margin:0 30px 0 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph {padding:15px 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph img {max-width:70%;}
  .brainDefineWrap .brainDefine .defines .rect .graph p {margin:15px auto 0; font-size:26px; line-height:30px;}
  .brainDefineWrap .brainDefine .defines .rect .desc {padding:15px 0;}
  .brainDefineWrap .brainDefine .defines .rect .desc p {font-size:17px; line-height:21px;}

  .brainDefineWrap .brainDefine .desc {margin:60px auto 0; font-size:16px; line-height:22px;}
}

@media screen and (max-width:768px){
  .brainDefineWrap .brainDefine .defines .rect {width:300px;}
  .brainDefineWrap .brainDefine .defines .rect._1 {margin:0 15px 0 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph {padding:12px 0;}
  .brainDefineWrap .brainDefine .defines .rect .graph img {max-width:60%;}
  .brainDefineWrap .brainDefine .defines .rect .graph p {margin:15px auto 0; font-size:22px; line-height:26px;}
  .brainDefineWrap .brainDefine .defines .rect .desc {padding:12px 0;}
  .brainDefineWrap .brainDefine .defines .rect .desc p {font-size:15px; line-height:20px;}

  .brainDefineWrap .brainDefine .desc {margin:60px auto 0; font-size:15px; line-height:21px;}
}

@media screen and (max-width:640px){
  .brainDefineWrap .brainDefine .defines .rect {display:block; width:300px; margin:15px auto 0;}
  .brainDefineWrap .brainDefine .defines .rect._1 {margin:0 auto;}

  .brainDefineWrap .brainDefine .desc {margin:60px auto 0; font-size:14px; line-height:20px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 뇌파 정의 영역 :: E */



/* 뇌파 변화 영역 :: S */
.brainChangeWrap {z-index:8; padding:0; margin-top:-4%;}
.brainChangeWrap .bg {width:100%; height:168px; position:relative; margin:0; padding:0; background-size:auto auto !important; background:url('/public/images/renew_202211_1/main/cm_main_sec_7_bg_1.png') center top no-repeat;}
.brainChangeWrap .con {width:100%; position:relative; margin:-5px 0 0 0; padding:0 0 80px 0; background:#00bcb6;}

.brainChangeWrap .typoArea {padding:80px 0; margin:0 auto; background-size:auto 110% !important; background:url('/public/images/renew_202211_1/main/cm_main_sec_7_bg_2.png') right center no-repeat;}
.brainChangeWrap .typoArea p {text-align:left;}

.brainChangeWrap .brainChange {width:100%; max-width:1100px;position:relative; margin:0 auto; padding:0;}
.brainChangeWrap .brainChange .rect {width:100%; position:relative; margin:0 auto 50px; padding:0 0 0 200px; box-sizing:border-box; border-radius:30px; overflow:hidden; background:#fff; box-shadow:0 0 5px 5px rgba(0,0,0,0.05);}
.brainChangeWrap .brainChange .rect:last-child {margin:0 auto;}
.brainChangeWrap .brainChange .rect .name {width:260px; height:100%; position:absolute; top:0; left:0;}
.brainChangeWrap .brainChange .rect .name p {display:block; width:100%; text-align:center; margin:0; padding:0; position:absolute; top:50%; left:0; font-size:34px; line-height:40px; font-weight:600; color:#fff; margin:-40px 0 0 0;}

.brainChangeWrap .brainChange .rect .change {width:100%; position:relative; margin:0; padding:30px; box-sizing:border-box;}

.brainChangeWrap .brainChange .rect .change .arrow {display:block; width:150px; height:100%; position:absolute; top:0; left:calc(50% - 25px); z-index:5;}
.brainChangeWrap .brainChange .rect .change .arrow .disT {}
.brainChangeWrap .brainChange .rect .change .arrow .disTC {background:#fff;text-align:center; vertical-align:middle;}
.brainChangeWrap .brainChange .rect .change .arrow img {max-width:100%;}
.brainChangeWrap .brainChange .rect .change .arrow p {text-align:center; font-size:15px; line-height:24px; font-weight:500; color:#999; margin:30px auto 0; padding:0;}
.brainChangeWrap .brainChange .rect .change .arrow p b {font-size:24px;}

.brainChangeWrap .brainChange .rect .change .brain {width:100%; position:relative; text-align:center; margin:0 auto; padding:0; box-sizing:border-box; z-index:1;}
.brainChangeWrap .brainChange .rect .change .brain.left {margin:0 auto 20px;}
.brainChangeWrap .brainChange .rect .change .brain.right {}
.brainChangeWrap .brainChange .rect .change .brain > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}

.brainChangeWrap .brainChange .rect .change .brain .icon {width:100px; text-align:center;}
.brainChangeWrap .brainChange .rect .change .brain .icon img {max-width:100%;}
.brainChangeWrap .brainChange .rect .change .brain .icon p {text-align:center; font-size:18px; line-height:20px; font-weight:600; color:#777; margin:15px auto 0; padding:0;}

.brainChangeWrap .brainChange .rect .change .brain .graph {position:relative;}
.brainChangeWrap .brainChange .rect .change .brain .graph img {max-width:100%;}

.brainChangeWrap .brainChange .rect .change .brain .graph.before {margin:0 50px 0 0;}

.brainChangeWrap .brainChange .rect .change .brain .graph.after {}

.brainChangeWrap .brainChange .rect._1 {}
.brainChangeWrap .brainChange .rect._1 .name {background:#ff8a90;}
.brainChangeWrap .brainChange .rect._1 .change .arrow p b {color:#ff8a90;}

.brainChangeWrap .brainChange .rect._2 {}
.brainChangeWrap .brainChange .rect._2 .name {background:#ffb000;}
.brainChangeWrap .brainChange .rect._2 .change .arrow p b {color:#ffb000;}

.brainChangeWrap .brainChange .rect._3 {}
.brainChangeWrap .brainChange .rect._3 .name {background:#259dff;}
.brainChangeWrap .brainChange .rect._3 .change .arrow p b {color:#259dff;}


.brainMentWrap {padding:80px 0; background:#049692;}
.brainMentWrap .typoArea {margin:0 auto;}
.brainMentWrap .typoArea:before {display:block; content:''; width:114px; height:103px; position:absolute; top:50%; right:0; background-size:cover !important; background:url('/public/images/renew_202211_1/main/cm_main_sec_8_icon_1.png') center center no-repeat; margin:-51.5px 0 0 0; z-index:1;}
.brainMentWrap .typoArea .t1 {z-index:5;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1300px){
  .brainChangeWrap .brainChange .rect {padding:0 0 0 200px;}
  .brainChangeWrap .brainChange .rect .name {width:200px;}
  .brainChangeWrap .brainChange .rect .name p {font-size:28px; line-height:32px; margin:-32px 0 0 0;}
  .brainChangeWrap .brainChange .rect .change {padding:25px;}
}

@media screen and (max-width:1280px){
  .brainChangeWrap .bg {height:110px; background-size:auto 100% !important;}

  .brainChangeWrap .brainChange .rect {padding:0 0 0 120px;}
  .brainChangeWrap .brainChange .rect .name {width:120px;}
  .brainChangeWrap .brainChange .rect .name p {font-size:24px; line-height:30px; margin:-30px 0 0 0;}
  .brainChangeWrap .brainChange .rect .change {padding:20px;}


  .brainMentWrap .typoArea:before {position:relative; top:auto; right:auto; margin:0 auto 20px;}
}

@media screen and (max-width:1080px){
  .brainChangeWrap .brainChange .rect {padding:0 0 0 100px;}
  .brainChangeWrap .brainChange .rect .name {width:100px;}
  .brainChangeWrap .brainChange .rect .name p {font-size:20px; line-height:26px; margin:-26px 0 0 0;}
  .brainChangeWrap .brainChange .rect .change {padding:15px;}
  .brainChangeWrap .brainChange .rect .change .brain .icon {width:80px;}
  .brainChangeWrap .brainChange .rect .change .brain .icon p {font-size:16px; margin:10px auto 0;}
  .brainChangeWrap .brainChange .rect .change .brain .graph.before {margin:0 120px 0 0;}
  .brainChangeWrap .brainChange .rect .change .arrow {width:120px; left:calc(50% - 20px);}
  .brainChangeWrap .brainChange .rect .change .arrow p {font-size:13px; line-height:20px; margin:20px auto;}
  .brainChangeWrap .brainChange .rect .change .arrow p b {font-size:20px;}
}

@media screen and (max-width:1020px){
  .brainChangeWrap .brainChange .rect .change {overflow:hidden;}

  .brainChangeWrap .brainChange .rect .change .arrow {width:100%; height:100px; top:calc(50% - 15px); left:0; text-align:center;}
  .brainChangeWrap .brainChange .rect .change .arrow .disTC > * {display:inline-block; position:relative; vertical-align:middle;}
  .brainChangeWrap .brainChange .rect .change .arrow img {transform:rotate(90deg);}
  .brainChangeWrap .brainChange .rect .change .arrow p {width:auto; font-size:12px; line-height:18px; margin:0 0 0 10px; text-align:left;}

  .brainChangeWrap .brainChange .rect .change .brain {width:50%; float:left; padding:0 5px; box-sizing:border-box;}
  .brainChangeWrap .brainChange .rect .change .brain > * {display:block; width:100%; text-align:center; margin:0; padding:0;}
  .brainChangeWrap .brainChange .rect .change .brain .icon {width:100%;}
  .brainChangeWrap .brainChange .rect .change .brain .graph {text-align:center;}
  .brainChangeWrap .brainChange .rect .change .brain .graph img {max-width:100%;}
  .brainChangeWrap .brainChange .rect .change .brain .graph.before {margin:15px auto 120px;}
}

@media screen and (max-width:960px){
  .brainChangeWrap .typoArea {padding:0; margin:0 auto 50px; background:none;}
  .brainChangeWrap .typoArea p {text-align:center;}
}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){
  .brainChangeWrap .bg {height:0px;!important;}
  .typoArea {padding: 20px 0px 0 0;}
    .brainChangeWrap .brainChange .rect {padding:60px 0 0 0;}
  .brainChangeWrap .brainChange .rect .name {width:100%; height:60px;}
  .brainChangeWrap .brainChange .rect .name p {font-size:16px; line-height:20px; margin:-20px 0 0 0;}

  .brainChangeWrap .brainChange .rect .change {padding:5px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 뇌파 변화 영역 :: E */



/* 영상 나열 영역 :: S */
.mainMovieWrap {z-index:7; background:#fed3d8;}

.mainMovieWrap .typoArea {}

.mainMovieWrap .movies {width:100%; max-width:1100px;position:relative; text-align:center; margin:0 auto; padding:0;}
.mainMovieWrap .movies .movie {display:inline-block; width:45%; position:relative; margin:0 15px 0 0; padding:0;}
.mainMovieWrap .movies .movie:last-child {margin:0;}
.mainMovieWrap .movies .movie .mov {width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden;}
.mainMovieWrap .movies .movie .mov iframe,
.mainMovieWrap .movies .movie .mov video {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.mainMovieWrap .movies .movie p {display:block; text-align:center; position:relative; margin:30px auto 0; font-size:20px; line-height:30px; font-weight:500; color:#777;}
.mainMovieWrap .movies .movie p b {font-size:26px;}


@media screen and (max-width:1600px){
  .mainMovieWrap .movies .movie {width:560px;}
  .mainMovieWrap .movies .movie p {margin:25px auto 0; font-size:18px; line-height:26px;}
  .mainMovieWrap .movies .movie p b {font-size:24px;}
}

@media screen and (max-width:1280px){
  .mainMovieWrap .movies .movie {width:500px;}
  .mainMovieWrap .movies .movie p {margin:20px auto 0; font-size:16px; line-height:24px;}
  .mainMovieWrap .movies .movie p b {font-size:22px;}
}

@media screen and (max-width:1080px){
  .mainMovieWrap .movies .movie {width:450px;}
  .mainMovieWrap .movies .movie p {margin:15px auto 0; font-size:14px; line-height:22px;}
  .mainMovieWrap .movies .movie p b {font-size:20px;}
}

@media screen and (max-width:960px){
  .mainMovieWrap .movies .movie {display:block; width:100%; max-width:600px; margin:0 auto 30px;}
  .mainMovieWrap .movies .movie:last-child {margin:0 auto;}
  .mainMovieWrap .movies .movie p {margin:15px auto 0; font-size:14px; line-height:22px;}
  .mainMovieWrap .movies .movie p b {font-size:20px;}
}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 영상 나열 영역 :: E */



/* 인터뷰 슬라이드 영역 :: S */
.interviewSliderWrap {z-index:8; padding:76px 0; background:#ebe5f1; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}

.interviewSliderWrap .interviewSlider {width:100%; max-width:1430px;position:relative; padding:0 0px; box-sizing:border-box;}
.interviewSliderWrap .interviewSlider:before,
.interviewSliderWrap .interviewSlider:after {display:block; content:''; width:100%; height:100%; background:#ebe5f1; position:absolute; top:0; z-index:5;}
.interviewSliderWrap .interviewSlider:before {left:calc(100% - 10px);}
.interviewSliderWrap .interviewSlider:after {right:calc(100% - 10px);}
.interviewSliderWrap .interviewSlider .swiper-slide {position:relative; box-sizing:border-box; background:#fff; border-radius:30px; z-index:3;}
.interviewSlider .swiper-slide .top {width:100%; position:relative;}
.interviewSlider .swiper-slide .top > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.interviewSlider .swiper-slide .top .profile {width:90px; height:90px;}
.interviewSlider .swiper-slide .top .txt {width:calc(100% - 95px); padding:0 0 0 30px;}
.interviewSlider .swiper-slide .top .txt p {display:block; text-align:left; position:relative; margin:0; padding:0; font-size:16px; line-height:24px; font-weight:500; color:#777;}
.interviewSlider .swiper-slide .top .txt .t1 {color:#3283c6;}
.interviewSlider .swiper-slide .top .txt .t2 {margin:15px auto 0;}
.interviewSlider .swiper-slide .top .txt .t2 span {color:#333;}
.interviewSlider .swiper-slide .con {width:100%; max-width:1530px; position:relative; margin:30px auto 0; font-size:13px; line-height:22px; font-weight:400; color:#454545;}

.interviewSliderWrap .interviewSlider .swiper-arrow {width:78px; height:78px; margin-top:-99px; background-size:cover !important; z-index:8;}
.interviewSliderWrap .interviewSlider .swiper-arrow:after {display:none !important;}

.interviewSliderWrap .interviewSlider .swiper-button-prev {background:url('/public/images/renew_202211_1/cm_arrow_pink_circle_1_left.png') center center no-repeat; left:10px;z-index:1;}
.interviewSliderWrap .interviewSlider .swiper-button-next {background:url('/public/images/renew_202211_1/cm_arrow_pink_circle_1_right.png') center center no-repeat; right:10px;z-index:1;}


.main13 {padding-top:110px;}

@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .interviewSliderWrap .interviewSlider .swiper-slide {padding:0px;}
  .interviewSliderWrap {padding:0;}
  .interviewSlider .swiper-slide .top .txt {padding:0 0 0 15px;}
  .interviewSlider .swiper-slide .top .txt p {font-size:15px; line-height:22px;}
  .interviewSlider .swiper-slide .con {margin:50px auto 0;}
  .main13 {padding-top:0px;}
}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  .interviewSliderWrap .interviewSlider {padding:0 0px;}
  .interviewSliderWrap .interviewSlider:before {left:calc(100% - 0px);}
  .interviewSliderWrap .interviewSlider:after {right:calc(100% - 0px);}
  .interviewSliderWrap .interviewSlider .swiper-arrow {width:39px; height:38px; margin-top:-68.5px;}


}

@media screen and (max-width:640px){
  .interviewSlider .swiper-slide .top .profile {width:45px; height:45px;}
  .interviewSlider .swiper-slide .top .txt {width:calc(100% - 50px); padding:0 0 0 0px;}
  .interviewSlider .swiper-slide .top .txt p {font-size:14px; line-height:20px;}
  .interviewSlider .swiper-slide .top .txt .t2 {margin:10px auto 0;}
  .interviewSlider .swiper-slide .con {margin:70px auto 0; font-size:12px; line-height:20px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 인터뷰 슬라이드 영역 :: S */



/* 회원공통 및 회원가입 페이지 영역 :: S */
html body .renew_202211_1 {width:100%; max-width:1430px; height:auto; position:relative; margin:100px auto; padding:0 30px; border:0; border-radius:0; box-sizing:border-box;}
html body .renew_202211_1 .pageTitle {width:100%; position:relative; margin:0 auto 60px; padding:0 0 60px 0; border-bottom:1px solid #ccc;}
html body .renew_202211_1 .pageTitle p {display:block; text-align:center; position:relative; margin:0 auto; padding:0; color:#555;}
html body .renew_202211_1 .pageTitle .t1 {font-size:54px; line-height:60px; font-weight:700;}

.registerIntro.renew_202211_1 {}
.registerIntro.renew_202211_1 .reForm {display:block; width:100%; max-width:780px; margin:0 auto; padding:0;}
.registerIntro.renew_202211_1 .reForm .form-group {margin-bottom:40px;}
.registerIntro.renew_202211_1 .reForm .form-group:last-child {margin-bottom:0;}
.registerIntro.renew_202211_1 .reForm label.form-label:not(.chk) {padding:0 15px; box-sizing:border-box; text-align:left; font-size:18px; line-height:24px; font-weight:600; color:#259dfe;}
.registerIntro.renew_202211_1 .reForm label.form-label.req:before {content:'* ';}
.registerIntro.renew_202211_1 .reForm label.form-label span {color:#999;}
.registerIntro.renew_202211_1 .reForm input[type="text"],
.registerIntro.renew_202211_1 .reForm input[type="password"],
.registerIntro.renew_202211_1 .reForm select {height:60px; border-radius:0; background:#d1ecff; border:0; padding:0 15px; box-sizing:border-box; font-size:18px; line-height:60px; font-weight:600; color:#999;}
.registerIntro.renew_202211_1 .reForm .inp_iden,
.registerIntro.renew_202211_1 .reForm .inp_certi,
.registerIntro.renew_202211_1 .reForm .inp_partner_code {display:inline-block; vertical-align:middle; width:calc(100% - 185px);}
.registerIntro.renew_202211_1 .reForm .btn_iden,
.registerIntro.renew_202211_1 .reForm .btn_certi,
.registerIntro.renew_202211_1 .reForm .btn_partner_code {display:inline-block; vertical-align:middle; width:170px; height:60px; position:relative; margin:0 0 0 10px; text-align:center; font-size:18px; line-height:60px; font-weight:600; color:#fff; background:#259dfe; border-radius:10px;}

.registerIntro.renew_202211_1 .reForm .reAgree {width:100%; position:relative; padding:40px; box-sizing:border-box; background:#fffae4; border-radius:15px;}
.registerIntro.renew_202211_1 .reForm .reAgree .form-group {margin-bottom:15px; padding-left:0; padding-right:0; max-width:420px; margin:0 auto;}
.registerIntro.renew_202211_1 .reForm .reAgree .form-group:last-child {margin-bottom:0;}
.registerIntro.renew_202211_1 .reForm .reAgree label.form-label {padding:0 0 0 30px; font-size:16px; line-height:34px; font-weight:600; color:#999;}
.registerIntro.renew_202211_1 .reForm .reAgree label.form-label.all {color:#f75958;}
.registerIntro.renew_202211_1 .reForm .reAgree .viewAll {display:inline-block; position:relative; vertical-align:top; margin:0 0 0 10px; font-size:16px; line-height:34px; font-weight:500; color:#555;}

.registerIntro.renew_202211_1 .reForm .btnArea {width:100%; position:relative; margin:40px auto 0; text-align:center;}
.registerIntro.renew_202211_1 .reForm .btnArea ._b {display:inline-block; float:none; width:100%; height:70px; text-align:center; font-size:24px; line-height:70px; font-weight:600; color:#fff; background:#259dfe; border-radius:10px;}
.registerIntro.renew_202211_1 .reForm .btnArea ._b:hover {box-shadow:3px 3px 6px 6px rgba(0,0,0,0.1);}


@media screen and (max-width:1280px){
  html body .renew_202211_1 .pageTitle {margin:0 auto 50px; padding:0 0 50px 0;}
  html body .renew_202211_1 .pageTitle .t1 {font-size:48px; line-height:54px;}
}

@media screen and (max-width:1080px){
  html body .renew_202211_1 .pageTitle {margin:0 auto 40px; padding:0 0 40px 0;}
  html body .renew_202211_1 .pageTitle .t1 {font-size:42px; line-height:48px;}
  .w1430{
    width:100%;
}
}

@media screen and (max-width:960px){
  html body .renew_202211_1 .pageTitle {margin:0 auto 30px; padding:0 0 30px 0;}
  html body .renew_202211_1 .pageTitle .t1 {font-size:36px; line-height:42px;}

  .registerIntro.renew_202211_1 .reForm .form-group {margin-bottom:30px;}
  .registerIntro.renew_202211_1 .reForm .form-group:last-child {margin-bottom:0;}
  .registerIntro.renew_202211_1 .reForm label.form-label:not(.chk) {font-size:16px; line-height:20px; padding:0 12px;}
  .registerIntro.renew_202211_1 .reForm input[type="text"],
  .registerIntro.renew_202211_1 .reForm input[type="password"],
  .registerIntro.renew_202211_1 .reForm select {height:50px; padding:0 12px; font-size:17px; line-height:50px;}
  .registerIntro.renew_202211_1 .reForm .inp_iden,
  .registerIntro.renew_202211_1 .reForm .inp_certi,
  .registerIntro.renew_202211_1 .reForm .inp_partner_code {width:calc(100% - 155px);}
  .registerIntro.renew_202211_1 .reForm .btn_iden,
  .registerIntro.renew_202211_1 .reForm .btn_certi,
  .registerIntro.renew_202211_1 .reForm .btn_partner_code {width:140px; height:50px; font-size:17px; line-height:50px;}

  .registerIntro.renew_202211_1 .reForm .reAgree {padding:35px;}
  .registerIntro.renew_202211_1 .reForm .reAgree label.form-label {padding:0 0 0 28px; font-size:15px;}

  .registerIntro.renew_202211_1 .reForm .btnArea {margin:30px auto 0;}
  .registerIntro.renew_202211_1 .reForm .btnArea ._b {height:60px; font-size:20px; line-height:60px;}
  .w1430{
    width:100%;
}
}

@media screen and (max-width:768px){
  html body .renew_202211_1 .pageTitle {margin:0 auto 25px; padding:0 0 25px 0;}
  html body .renew_202211_1 .pageTitle .t1 {font-size:30px; line-height:36px;}

  .registerIntro.renew_202211_1 .reForm .form-group {margin-bottom:25px;}
  .registerIntro.renew_202211_1 .reForm .form-group:last-child {margin-bottom:0;}
  .registerIntro.renew_202211_1 .reForm label.form-label:not(.chk) {font-size:15px; line-height:20px; padding:0 10px;}
  .registerIntro.renew_202211_1 .reForm input[type="text"],
  .registerIntro.renew_202211_1 .reForm input[type="password"],
  .registerIntro.renew_202211_1 .reForm select {height:40px; padding:0 10px; font-size:16px; line-height:40px;}
  .registerIntro.renew_202211_1 .reForm .inp_iden,
  .registerIntro.renew_202211_1 .reForm .inp_certi,
  .registerIntro.renew_202211_1 .reForm .inp_partner_code {width:calc(100% - 135px);}
  .registerIntro.renew_202211_1 .reForm .btn_iden,
  .registerIntro.renew_202211_1 .reForm .btn_certi,
  .registerIntro.renew_202211_1 .reForm .btn_partner_code {width:120px; height:40px; font-size:16px; line-height:40px;}

  .registerIntro.renew_202211_1 .reForm .reAgree {padding:30px;}
  .registerIntro.renew_202211_1 .reForm .reAgree label.form-label {padding:0 0 0 25px; font-size:14px;}
  .registerIntro.renew_202211_1 .reForm .reAgree .viewAll {font-size:15px; margin:0 0 0 8px;}

  .registerIntro.renew_202211_1 .reForm .btnArea {margin:25px auto 0;}
  .registerIntro.renew_202211_1 .reForm .btnArea ._b {height:50px; font-size:18px; line-height:50px;}
  .w1430{
    width:100%;
}
}

@media screen and (max-width:640px){
  html body .renew_202211_1 .pageTitle {margin:0 auto 20px; padding:0 0 20px 0;}
  html body .renew_202211_1 .pageTitle .t1 {font-size:24px; line-height:30px;}

  .registerIntro.renew_202211_1 .reForm .form-group {margin-bottom:20px;}
  .registerIntro.renew_202211_1 .reForm .form-group:last-child {margin-bottom:0;}
  .registerIntro.renew_202211_1 .reForm label.form-label:not(.chk) {font-size:14px; line-height:20px; padding:0 10px;}
  .registerIntro.renew_202211_1 .reForm input[type="text"],
  .registerIntro.renew_202211_1 .reForm input[type="password"],
  .registerIntro.renew_202211_1 .reForm select {height:36px; padding:0 10px; font-size:15px; line-height:36px;}
  .registerIntro.renew_202211_1 .reForm .inp_iden,
  .registerIntro.renew_202211_1 .reForm .inp_certi,
  .registerIntro.renew_202211_1 .reForm .inp_partner_code {width:calc(100% - 135px);}
  .registerIntro.renew_202211_1 .reForm .btn_iden,
  .registerIntro.renew_202211_1 .reForm .btn_certi,
  .registerIntro.renew_202211_1 .reForm .btn_partner_code {width:120px; height:36px; font-size:15px; line-height:36px;}

  .registerIntro.renew_202211_1 .reForm .reAgree {padding:20px;}
  .registerIntro.renew_202211_1 .reForm .reAgree label.form-label {padding:0 0 0 24px; font-size:13px;}
  .registerIntro.renew_202211_1 .reForm .reAgree .viewAll {font-size:14px; margin:0 0 0 6px;}

  .registerIntro.renew_202211_1 .reForm .btnArea {margin:20px auto 0;}
  .registerIntro.renew_202211_1 .reForm .btnArea ._b {height:40px; font-size:16px; line-height:40px;}
  .w1430{
    width:100%;
}
.roundbox {
  width: 95%;
  margin: auto;
  padding: 20px;
}
.roundbox .title {
  padding: 20px;
}
.roundbox .tel {
  padding: 20px;
}
.roundbox .juso {
  padding: 20px;;
}
.r_button{
  width:95%;
  margin:right;
  font-size: 16px;
}
.w_button{
  width:95%;
  font-size: 16px;
}

.bgrid_02_01 {
  width: 90%;
  padding20px;
}
}

@media screen and (max-width:480px){
  html body .renew_202211_1 .pageTitle {margin:0 auto 15px; padding:0 0 15px 0;}
  html body .renew_202211_1 .pageTitle .t1 {font-size:20px; line-height:24px;}
  .registerIntro.renew_202211_1 .reForm .inp_iden,
  .registerIntro.renew_202211_1 .reForm .inp_certi,
  .registerIntro.renew_202211_1 .reForm .inp_partner_code {width:calc(100% - 95px);}
  .registerIntro.renew_202211_1 .reForm .btn_iden,
  .registerIntro.renew_202211_1 .reForm .btn_certi,
  .registerIntro.renew_202211_1 .reForm .btn_partner_code {width:90px; font-size:12px; margin:0;}

  .registerIntro.renew_202211_1 .reForm .reAgree {padding:15px;}
  .registerIntro.renew_202211_1 .reForm .reAgree label.form-label {padding:0 0 0 24px; font-size:12px;}
  .registerIntro.renew_202211_1 .reForm .reAgree .viewAll {font-size:13px; margin:0 0 0 4px;}
  .w1430{
    width:100%;
}
.roundbox {
  padding: 20px 0px 36px 0px;
}

}

@media screen and (max-width:360px){
  .w1430{
    width:100%;
}
.roundbox {
  padding: 20px 0px 36px 0px;
}

}

@media screen and (max-width:320px){
  .w1430{
    width:100%;
}

.roundbox {
  padding: 20px 0px 36px 0px;
}

}
/* 회원공통 및 회원가입 페이지 영역 :: E */



/* 로그인 페이지 영역 :: S */
.registerIntro.renew_202211_1.login .reForm {max-width:600px;}
.registerIntro.renew_202211_1.login .reForm .form-group {margin-bottom:20px;}
.registerIntro.renew_202211_1.login .reForm .form-group:last-child {margin-bottom:0;}

.registerIntro.renew_202211_1.login .utilArea {width:100%; position:relative; margin:15px auto; padding:0;}
.registerIntro.renew_202211_1.login .utilArea .btns {height:24px; position:absolute; top:5px; right:0; text-align:right;}
.registerIntro.renew_202211_1.login .utilArea .btns a {display:inline-block; position:relative; vertical-align:middle; margin:0 6px 0 0; padding:0 10px 0 0; font-size:14px; line-height:24px; font-weight:400; color:#333;}
.registerIntro.renew_202211_1.login .utilArea .btns a:after {display:block; content:'|'; position:absolute; top:0; right:0; font-size:10px;}
.registerIntro.renew_202211_1.login .utilArea .btns a:last-child {margin:0; padding:0;}
.registerIntro.renew_202211_1.login .utilArea .btns a:last-child:after {display:none;}

.registerIntro.renew_202211_1.login .btnArea {}
.registerIntro.renew_202211_1.login .btnArea .join {width:100%; position:relative; margin:40px auto 0; text-align:center;}
.registerIntro.renew_202211_1.login .btnArea .join > * {display:inline-block; position:relative; vertical-align:middle; font-size:14px; line-height:20px; font-weight:400; color:#333;}
.registerIntro.renew_202211_1.login .btnArea .join a {font-weight:600; color:#fa575a; margin:0 0 0 10px;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
  .registerIntro.renew_202211_1.login .btnArea .join {margin:30px auto 0;}
  .registerIntro.renew_202211_1.login .btnArea .join > * {font-size:13px;}
  .registerIntro.renew_202211_1.login .btnArea .join a {margin:0 0 0 8px;}
}

@media screen and (max-width:768px){
  .registerIntro.renew_202211_1.login .btnArea .join {margin:25px auto 0;}
  .registerIntro.renew_202211_1.login .btnArea .join > * {font-size:12px;}
  .registerIntro.renew_202211_1.login .btnArea .join a {margin:0 0 0 6px;}
}

@media screen and (max-width:640px){
  .registerIntro.renew_202211_1.login .btnArea .join {margin:20px auto 0;}
  .registerIntro.renew_202211_1.login .btnArea .join > * {font-size:11px;}
  .registerIntro.renew_202211_1.login .btnArea .join a {margin:0 0 0 4px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 로그인 페이지 영역 :: E */



/* 일일체험신청 상단배너 영역 :: S */
.dailyIntroWrap {margin:0 auto; height:452px; padding:120px 0 0 0; background-size:auto auto !important; background:#d1ecff url('/public/images/renew_202211_1/branch/cm_branch_daily_bg_1_pc.jpg') center center no-repeat;}

.dailyIntroWrap .typoArea {}
.dailyIntroWrap .typoArea .desc {margin:20px auto 10px;}
.dailyIntroWrap .typoArea .rnded {margin:0 auto;}


@media screen and (max-width:1600px){
  .dailyIntroWrap {background:#d1ecff url('/public/images/renew_202211_1/branch/cm_branch_daily_bg_1_pc.jpg') left center no-repeat;}
}

@media screen and (max-width:1280px){
  .dailyIntroWrap {height:400px; padding:100px 0; background-size:auto 100% !important;}
}

@media screen and (max-width:1080px){
  .dailyIntroWrap {height:400px; padding:105px 0;}
}

@media screen and (max-width:960px){
  .dailyIntroWrap {height:300px; padding:60px 0;}
}

@media screen and (max-width:768px){
  .dailyIntroWrap {padding:65px 0;}
}

@media screen and (max-width:640px){
  .dailyIntroWrap {background:#d1ecff url('/public/images/renew_202211_1/branch/cm_branch_daily_bg_1_pc.jpg') center center no-repeat;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 일일체험신청 상단배너 영역 :: E */



/* 일일체험신청 정보입력 form 영역 :: S */
.registerIntro.renew_202211_1.daily {max-width:10000px; margin:0 auto; padding:80px 0; background:#fffae4;}

.registerIntro.renew_202211_1.daily .reForm {}
.registerIntro.renew_202211_1.daily .reForm .form-group {text-align:left;}
.registerIntro.renew_202211_1.daily .reForm input[type="text"],
.registerIntro.renew_202211_1.daily .reForm input[type="password"],
.registerIntro.renew_202211_1.daily .reForm select {height:60px; line-height:56px; background:#fff; border:2px solid #259dfe;}

.registerIntro.renew_202211_1.daily .reForm .reAgree {background:#fff;}

.registerIntro.renew_202211_1 .reForm .btnArea .btn_daily {background:#ffb001;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
  .registerIntro.renew_202211_1.daily .reForm input[type="text"],
  .registerIntro.renew_202211_1.daily .reForm input[type="password"],
  .registerIntro.renew_202211_1.daily .reForm select {height:50px; line-height:46px;}
}

@media screen and (max-width:768px){
  .registerIntro.renew_202211_1.daily .reForm input[type="text"],
  .registerIntro.renew_202211_1.daily .reForm input[type="password"],
  .registerIntro.renew_202211_1.daily .reForm select {height:40px; line-height:36px;}
}

@media screen and (max-width:640px){
  .registerIntro.renew_202211_1.daily .reForm input[type="text"],
  .registerIntro.renew_202211_1.daily .reForm input[type="password"],
  .registerIntro.renew_202211_1.daily .reForm select {height:36px; line-height:32px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 일일체험신청 정보입력 form 영역 :: E */



/* 일일체험신청 진행절차 영역 :: S */
.dailyProcessWrap {margin:0 auto; padding:100px 0; background:#259dfe;}

.dailyProcessWrap .typoArea {}

.dailyProcessWrap .dailyProcess {width:100%; position:relative; margin:0 auto; padding:0;}
.dailyProcessWrap .dailyProcess ul {display:block; width:100%; position:relative; margin:0 auto; padding:0; text-align:center;}
.dailyProcessWrap .dailyProcess ul li {display:inline-block; width:300px; height:300px; position:relative; vertical-align:middle; margin:0 60px 0 0; padding:0; border-radius:50%; background:#fff; box-shadow:3px 3px 6px 6px rgba(0,0,0,0.1);}
.dailyProcessWrap .dailyProcess ul li:before,
.dailyProcessWrap .dailyProcess ul li:after {display:block; content:''; position:absolute; top:50%;}
.dailyProcessWrap .dailyProcess ul li:before {width:100px; height:1px; border-bottom:1px dashed #c8e6ff; right:-100px;}
.dailyProcessWrap .dailyProcess ul li:after {width:31px; height:31px; background-size:cover !important; background:url('/public/images/renew_202211_1/branch/cm_branch_arrow_daily_process_1.gif') center center no-repeat; right:-48px; margin:-15px 0 0 0;}
.dailyProcessWrap .dailyProcess ul li:last-child {margin:0;}
.dailyProcessWrap .dailyProcess ul li:last-child:before,
.dailyProcessWrap .dailyProcess ul li:last-child:after {display:none;}
.dailyProcessWrap .dailyProcess ul li .disT {}
.dailyProcessWrap .dailyProcess ul li .disTC {text-align:center; vertical-align:middle;}
.dailyProcessWrap .dailyProcess ul li .disTC > * {display:block; position:relative; max-width:100%; margin:0 auto; padding:0; font-size:16px; line-height:22px; font-weight:600; color:#777;}
.dailyProcessWrap .dailyProcess ul li .t1 {font-weight:500}
.dailyProcessWrap .dailyProcess ul li._1 .t1 {color:#f85a57;}
.dailyProcessWrap .dailyProcess ul li._2 .t1 {color:#269efd;}
.dailyProcessWrap .dailyProcess ul li._3 .t1 {color:#01bbb6;}
.dailyProcessWrap .dailyProcess ul li .disTC img {margin:25px auto;}
.dailyProcessWrap .dailyProcess ul li .t2 {}


  @media screen and (max-width:1280px){

  }

  @media screen and (max-width:1080px){
    .dailyProcessWrap .dailyProcess ul li {width:240px; height:240px; margin:0 40px 0 0;}
    .dailyProcessWrap .dailyProcess ul li:last-child {margin:0;}
    .dailyProcessWrap .dailyProcess ul li:before {width:80px; right:-80px;}
    .dailyProcessWrap .dailyProcess ul li:after {right:-36px;}
    .dailyProcessWrap .dailyProcess ul li .disTC img {margin:15px auto;}
    .dailyProcessWrap .dailyProcess ul li .disTC > * {font-size:15px; line-height:20px;}
  }

  @media screen and (max-width:960px){
    .dailyProcessWrap .dailyProcess ul li {width:200px; height:200px; margin:0 30px 0 0;}
    .dailyProcessWrap .dailyProcess ul li:last-child {margin:0;}
    .dailyProcessWrap .dailyProcess ul li:before {width:60px; right:-60px;}
    .dailyProcessWrap .dailyProcess ul li:after {width:16px; height:16px; right:-24px; margin:-7.5px 0 0 0;}
    .dailyProcessWrap .dailyProcess ul li .disTC img {max-width:72px; margin:10px auto;}
    .dailyProcessWrap .dailyProcess ul li .disTC > * {font-size:14px; line-height:18px;}
  }

  @media screen and (max-width:768px){
    .dailyProcessWrap .dailyProcess ul li {width:180px; height:180px;}
    .dailyProcessWrap .dailyProcess ul li:last-child {}
    .dailyProcessWrap .dailyProcess ul li:before {width:50px; right:-50px;}
    .dailyProcessWrap .dailyProcess ul li:after {}
    .dailyProcessWrap .dailyProcess ul li .disTC img {max-width:54px; margin:8px auto;}
    .dailyProcessWrap .dailyProcess ul li .disTC > * {font-size:13px; line-height:16px;}
  }

  @media screen and (max-width:640px){
    .dailyProcessWrap .dailyProcess ul li {display:block; width:180px; height:180px; margin:0 auto 30px;}
    .dailyProcessWrap .dailyProcess ul li:last-child {margin:0 auto;}
    .dailyProcessWrap .dailyProcess ul li:before {width:1px; height:50px; top:auto; left:50%; bottom:-50px; right:auto; border-bottom:0; border-left:1px dashed #c8e6ff;}
    .dailyProcessWrap .dailyProcess ul li:after {top:auto; bottom:-22px; left:50%; right:auto; transform:rotate(90deg); margin:0 0 0 -7.5px;}
    .dailyProcessWrap .dailyProcess ul li .disTC img {max-width:36px; margin:5px auto;}
    .dailyProcessWrap .dailyProcess ul li .disTC > * {font-size:12px; line-height:16px;}
  }

  @media screen and (max-width:480px){

  }

  @media screen and (max-width:360px){

  }

  @media screen and (max-width:320px){

  }
/* 일일체험신청 진행절차 영역 :: E */



/* 서비스신청 페이지 영역 :: S */


.registerIntro.renew_202211_1.payment {max-width:10000px; margin:0 auto; padding:80px 0; background:#fdd3d7;}
.registerIntro.renew_202211_1.payment .reForm {width:100%; max-width:10000px; position:relative; border:1px solid #c9c6e3; border-top:3px solid #fe898f;; border-bottom:3px solid #fe898f; background:#fff; margin:0 auto; padding:30px; box-sizing:border-box;}

.registerIntro.renew_202211_1.payment .reForm input[type="text"],
.registerIntro.renew_202211_1.payment .reForm input[type="password"],
.registerIntro.renew_202211_1.payment .reForm select {background:#feeaec;}
.registerIntro.renew_202211_1.payment .reForm .btn_iden,
.registerIntro.renew_202211_1.payment .reForm .btn_certi,
.registerIntro.renew_202211_1.payment .reForm .btn_partner_code {background:#ff8a90;}


.paymentPage .reForm .licenseList {width:100%; position:relative;}
.paymentPage .reForm .licenseList ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.paymentPage .reForm .licenseList ul ._row {display:block; width:100%; position:relative; margin:0 auto; padding:10px; box-sizing:border-box; text-align:center;}

.paymentPage .reForm .licenseList ul ._col {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0; box-sizing:border-box;}
.paymentPage .reForm .licenseList ul ._col label {margin:0;}
.paymentPage .reForm .licenseList ul ._col,
.paymentPage .reForm .licenseList ul ._col * {font-size:16px; line-height:20px; font-weight:600; color:#333;}
.paymentPage .reForm .licenseList ul ._col .rect {display:inline-block; position:relative; width:60px; height:30px; text-align:center; font-size:15px; line-height:30px; font-weight:500; color:#fff; background:#000; border-radius:5px;}
.paymentPage .reForm .licenseList ul ._col.category {width:80px;}
.paymentPage .reForm .licenseList ul ._col.category b {display:inline-block; width:90%; height:20px; text-align:center; font-size:12px; line-height:20px; font-weight:500; color:#fff; background:#ff8a90; border-radius:5px;}
.paymentPage .reForm .licenseList ul ._col.title {width:calc(100% - 255px); text-align:left;}
.paymentPage .reForm .licenseList ul ._col.title span {font-size:13px; line-height:18px; font-weight:500; color:#555;}
.paymentPage .reForm .licenseList ul ._col.price {width:100px; text-align:left;}
.paymentPage .reForm .licenseList ul ._col.check {width:60px;}
.paymentPage .reForm .licenseList ul ._col.check input[type="radio"],
.paymentPage .reForm .licenseList ul ._col.check input[type="checkbox"] {display:inline-block; width:20px; height:20px;}

.registerIntro.renew_202211_1 .reForm ._dl {max-width:1200px; margin:0 auto; padding:10px 0;}
.registerIntro.renew_202211_1 .reForm ._dl > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}
.registerIntro.renew_202211_1 .reForm ._dl label.form-label:not(.chk) {width:100px; padding:0; color:#ff8a90;}
.registerIntro.renew_202211_1 .reForm ._dl ._dd {width:calc(100% - 105px);}

.registerIntro.renew_202211_1 .reForm ._dl.prcInfo {margin:30px auto 0;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo > * {vertical-align:top;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo label.form-label:not(.chk) {color:#000;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd {text-align:right;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl {display:inline-block; float:none; width:calc(33.33333333333333% - 45px); height:auto; position:relative; vertical-align:middle; margin:0 60px 30px 0; padding:0;}

.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl:nth-child(1) {text-align:left;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl:nth-child(2) {text-align:center; border-left:1px solid #555; border-right:1px solid #555;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl:nth-child(3) {text-align:right; margin:0 0 30px 0;}

.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dt,
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dd {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#333;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dt {width:80px; width:auto;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dt:after {display:none;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dd {width:calc(100% - 85px); width:auto; padding:0 0 0 10px;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dd b {color:#fe898f;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res {width:auto; margin:0; padding:0 0 10px 0;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res:after {display:block; content:''; width:100%; height:3px; background:#fe898f; position:absolute; bottom:0; left:0;}
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res dt,
.registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res dd {font-size:24px; line-height:30px; font-weight:600;}

.registerIntro.renew_202211_1 .reForm .btnArea {}
.registerIntro.renew_202211_1 .reForm .btnArea .btn_payment {max-width:500px; color:#fefae1; background:#fa5758;}



.registerIntro.renew_202211_1.ticket {max-width:10000px; margin:0 auto; padding:80px 0; background:#edfae0;}
.registerIntro.renew_202211_1.ticket .reForm {max-width:1400px;}
.registerIntro .ticketWrap {width:100%;max-width:1182px; position:relative; margin:0 auto; padding:0;}

.registerIntro .ticketWrap .kindRect {width:100%; position:relative; margin:0 auto 80px; padding:40px 0; box-sizing:border-box; border-radius:40px; background:#fefef2;}
.registerIntro .ticketWrap .kindRect:last-child {margin:0 auto;}
.registerIntro .ticketWrap .kindRect ._tit {width:100%; position:relative; text-align:center;}
.registerIntro .ticketWrap .kindRect ._tit:before {display:block; content:''; width:100%; height:10px; background:#bdd69f; position:absolute; top:50%; left:0; margin:-5px 0 0 0; z-index:0;}
.registerIntro .ticketWrap .kindRect ._tit p {display:inline-block; position:relative; vertical-align:top; margin:0; padding:10px 50px; box-sizing:border-box; font-size:30px; line-height:30px; font-weight:600; color:#eb6679; background:#fff; border-radius:25px; box-shadow:1px 1px 3px 3px rgba(0,0,0,0.15); z-index:3;}
.registerIntro .ticketWrap .kindRect ._tit p span {color:#bdd69d; color:#bdd69f;}
.registerIntro .ticketWrap .kindRect ._con {width:100%; max-width:1083px; position:relative; margin:30px auto 0; padding:0 30px; box-sizing:border-box;}
.registerIntro .ticketWrap .kindRect ._con > p:first-child {display:block; text-align:left; position:relative; margin:0 auto 15px; padding:0; font-size:24px; line-height:30px; font-weight:600; color:#000;}

.registerIntro .ticketWrap .ticketRect {width:100%;position:relative; margin:0 auto 30px; padding:0 0 0 400px; box-sizing:border-box; border-radius:30px; overflow:hidden;}
.registerIntro .ticketWrap .ticketRect:last-child {margin:0 auto;}
.registerIntro .ticketWrap .ticketRect img {max-width:100%; vertical-align:middle;}
.registerIntro .ticketWrap .ticketRect ._left {width:400px; height:100%; position:absolute; top:0; left:0;}
.registerIntro .ticketWrap .ticketRect ._left .disT {}
.registerIntro .ticketWrap .ticketRect ._left .disTC {text-align:left; vertical-align:middle; padding:0 20px; box-sizing:border-box;}
.registerIntro .ticketWrap .ticketRect ._left .disTC > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0;}
.registerIntro .ticketWrap .ticketRect ._left .license_chk {width:24px; height:24px; margin:0 10px 0 0;accent-color:#8bc45b;outline: none; border: none;!important; }
.registerIntro .ticketWrap .ticketRect ._left .license_label {}
.registerIntro .ticketWrap .ticketRect ._right {width:100%; position:relative; margin:0; padding:0;}
.registerIntro .ticketWrap .ticketRect ._right > * {width:100%; position:relative; text-align:center; margin:0; padding:20px 0; box-sizing:border-box;}
.registerIntro .ticketWrap .ticketRect ._right ._desc {}
.registerIntro .ticketWrap .ticketRect ._right ._price {}

.registerIntro.renew_202211_1.ticket .ticketPayInfo {width:100%; max-width:1182px;position:relative; margin:120px auto 0; padding:0 50px 50px 50px; box-sizing:border-box; background:#fff; border-top:10px solid #01d98e; border-bottom:10px solid #01d98e;}
.registerIntro .ticketPayInfo .title {display:block; width:590px; height:120px; position:relative; text-align:center; margin:0 auto; padding:0; top:-33px;}
.registerIntro .ticketPayInfo .title:before {display:block; content:''; width:100%; height:100%; background-size:cover !important; background:url('/public/images/renew_202211_1/ticket/cm_ticket_payment_info_label_1.png') center center no-repeat; position:absolute; top:0; left:0; z-index:1;}
.registerIntro .ticketPayInfo .title span {display:inline-block; position:relative; z-index:3;}
.registerIntro .ticketPayInfo .title,
.registerIntro .ticketPayInfo .title span {font-size:48px; line-height:120px; font-weight:600; color:#fff;}
.registerIntro .ticketPayInfo .notice {width:100%; position:relative; margin:0 auto 30px; padding:0; text-align:center;}
.registerIntro .ticketPayInfo .notice img {max-width:100%; vertical-align:top;}
.registerIntro .ticketPayInfo .notice img._pc {display:inline-block;}
.registerIntro .ticketPayInfo .notice img._mo {display:none;}

.registerIntro.renew_202211_1.ticket .reForm input[type="text"],
.registerIntro.renew_202211_1.ticket .reForm input[type="password"],
.registerIntro.renew_202211_1.ticket .reForm select {background:#ccfbeb;}
.registerIntro.renew_202211_1.ticket .reForm ._dl.prcInfo ._dd .res:after {background:#ccfbeb;}

.registerIntro.renew_202211_1.ticket .reForm .btn_iden, .registerIntro.renew_202211_1.ticket .reForm .btn_certi, .registerIntro.renew_202211_1.ticket .reForm .btn_partner_code {background:#01d98e;}

.registerIntro.renew_202211_1.ticket .reForm .btnArea .btn_payment {background:#01d98e;}



.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+1) {background:#ffddde;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+2) {background:#fee8ea;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+3) {background:#ffdf9a;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+4) {background:#ffefcd;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+5) {background:#b3ebea;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+6) {background:#cbf2ef;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+7) {background:#bee1ff;}
.paymentPage .reForm .licenseList ul._body ._row:nth-of-type(8n+8) {background:#d2ebff;}


@media screen and (max-width:1280px){
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl {width:calc(33.33333333333333% - 25px); margin:0 30px 20px 0;}
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl:nth-child(3) {margin:0 0 20px 0;}
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dt,
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl dd {font-size:16px; line-height:22px;}
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res dt,
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res dd {font-size:22px; line-height:28px;}



  .registerIntro .ticketWrap .ticketRect {padding:0 0 0 300px;}
  .registerIntro .ticketWrap .ticketRect ._left {width:300px;}
  .registerIntro .ticketWrap .ticketRect ._left .license_label {width:calc(100% - 40px);}
  .registerIntro .ticketWrap .ticketRect ._right {}

  .registerIntro.renew_202211_1.ticket .ticketPayInfo {margin:100px auto 0; padding:0 40px 40px 40px; border-top:8px solid #01d98e; border-bottom:8px solid #01d98e;}
  .registerIntro .ticketPayInfo .title {width:492px; height:100px; top:-27px;}
  .registerIntro .ticketPayInfo .title,
  .registerIntro .ticketPayInfo .title span {font-size:40px; line-height:100px;}
  .registerIntro .ticketPayInfo .notice {margin:0 auto 25px;}
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
  .paymentPage .reForm .licenseList ul ._row {padding:8px;}
  .paymentPage .reForm .licenseList ul ._col,
  .paymentPage .reForm .licenseList ul ._col * {font-size:15px; line-height:20px;}
  .paymentPage .reForm .licenseList ul ._col.category {width:70px;}
  .paymentPage .reForm .licenseList ul ._col.title {width:calc(100% - 220px);}
  .paymentPage .reForm .licenseList ul ._col.price {width:90px;}
  .paymentPage .reForm .licenseList ul ._col.check {width:50px;}
  .paymentPage .reForm .licenseList ul ._col .rect {width:50px; height:24px; font-size:14px; line-height:24px;}

  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl {display:block; width:100%; margin:0 auto 10px !important; text-align:right !important; border:0 !important;}
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl:last-child {margin:0 auto !important;}
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd dl:last-child {display:inline-block !important; width:auto !important;}



  .registerIntro .ticketWrap .ticketRect {padding:0 0 0 240px; border-radius:25px;}
  .registerIntro .ticketWrap .ticketRect ._left {width:240px;}
  .registerIntro .ticketWrap .ticketRect ._left .license_chk {width:20px; height:20px; margin:0 3px 0 0;}
  .registerIntro .ticketWrap .ticketRect ._left .license_label {width:calc(100% - 28px);}
  .registerIntro .ticketWrap .ticketRect ._right {}

  .registerIntro.renew_202211_1.ticket .ticketPayInfo {margin:80px auto 0; padding:0 30px 30px 30px; border-top:5px solid #01d98e; border-bottom:5px solid #01d98e;}
  .registerIntro .ticketPayInfo .title {width:392px; height:80px; top:-20px;}
  .registerIntro .ticketPayInfo .title,
  .registerIntro .ticketPayInfo .title span {font-size:34px; line-height:80px;}
  .registerIntro .ticketPayInfo .notice {margin:0 auto 20px;}
  .registerIntro .ticketPayInfo .notice img._pc {display:none;}
  .registerIntro .ticketPayInfo .notice img._mo {display:inline-block;}
}

@media screen and (max-width:768px){
  .paymentPage .reForm .licenseList ul ._row {padding:6px;}
  .paymentPage .reForm .licenseList ul ._col,
  .paymentPage .reForm .licenseList ul ._col * {font-size:14px; line-height:20px;}
  .paymentPage .reForm .licenseList ul ._col.category {width:65px;}
  .paymentPage .reForm .licenseList ul ._col.category b {width:100%; font-size:11px;}
  .paymentPage .reForm .licenseList ul ._col.title {width:calc(100% - 200px); padding-left:5px;}
  .paymentPage .reForm .licenseList ul ._col.price {width:85px;}
  .paymentPage .reForm .licenseList ul ._col.check {width:40px;}
  .paymentPage .reForm .licenseList ul ._col .rect {width:40px; height:20px; font-size:12px; line-height:20px;}



  .registerIntro .ticketWrap .kindRect {padding:30px 0; margin:0 auto 60px; border-radius:25px;}
  .registerIntro .ticketWrap .kindRect:last-child {margin:0 auto;}
  .registerIntro .ticketWrap .kindRect ._tit p {padding:8px 40px; font-size:24px; border-radius:24px; border-radius:20px;}
  .registerIntro .ticketWrap .kindRect ._con {margin:25px auto 0; padding:0 20px;}
  .registerIntro .ticketWrap .kindRect ._con > p:first-child {margin:0 auto 12px; font-size:20px; line-height:24px;}

  .registerIntro .ticketWrap .ticketRect {padding:0 0 0 220px; border-radius:20px;}
  .registerIntro .ticketWrap .ticketRect ._left {width:220px;}
  .registerIntro .ticketWrap .ticketRect ._left .disTC {padding:0 15px;}
  .registerIntro .ticketWrap .ticketRect ._left .license_chk {width:16px; height:16px; margin:0 2px 0 0;}
  .registerIntro .ticketWrap .ticketRect ._left .license_label {width:calc(100% - 23px);}
  .registerIntro .ticketWrap .ticketRect ._right {}
  .registerIntro .ticketWrap .ticketRect ._right > * {padding:15px 0;}

  .registerIntro.renew_202211_1.ticket .ticketPayInfo {margin:60px auto 0; padding:0 25px 25px 25px;}
  .registerIntro .ticketPayInfo .title {width:296px; height:60px; top:-16px;}
  .registerIntro .ticketPayInfo .title,
  .registerIntro .ticketPayInfo .title span {font-size:28px; line-height:60px;}
  .registerIntro .ticketPayInfo .notice {margin:0 auto 15px;}
}

@media screen and (max-width:640px){
  .paymentPage .reForm .licenseList ul._head {display:none;}
  .paymentPage .reForm .licenseList ul ._row {padding:5px;}
  .paymentPage .reForm .licenseList ul ._col,
  .paymentPage .reForm .licenseList ul ._col * {font-size:13px; line-height:18px;}

  .registerIntro.renew_202211_1 .reForm ._dl > * {display:block;}
  .registerIntro.renew_202211_1 .reForm ._dl label.form-label:not(.chk) {width:100%; margin:0 auto 5px;}
  .registerIntro.renew_202211_1 .reForm ._dl ._dd {width:100%;}

  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo {margin:20px auto 0;}
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res dt,
  .registerIntro.renew_202211_1 .reForm ._dl.prcInfo ._dd .res dd {font-size:20px; line-height:26px;}



  .registerIntro .ticketWrap .kindRect {padding:25px 0; margin:0 auto 45px; border-radius:20px;}
  .registerIntro .ticketWrap .kindRect:last-child {margin:0 auto;}
  .registerIntro .ticketWrap .kindRect ._tit p {padding:10px 30px; font-size:20px; border-radius:20px; border-radius:20px;}
  .registerIntro .ticketWrap .kindRect ._con {margin:20px auto 0; padding:0 15px;}
  .registerIntro .ticketWrap .kindRect ._con > p:first-child {margin:0 auto 10px; font-size:18px; line-height:22px;}

  .registerIntro .ticketWrap .ticketRect {padding:0 0 0 200px; border-radius:15px;}
  .registerIntro .ticketWrap .ticketRect ._left {width:200px;}
  .registerIntro .ticketWrap .ticketRect ._left .disTC {padding:0 10px;}
  .registerIntro .ticketWrap .ticketRect ._left .license_chk {width:15px; height:15px; margin:0;}
  .registerIntro .ticketWrap .ticketRect ._left .license_label {width:calc(100% - 20px);}
  .registerIntro .ticketWrap .ticketRect ._right {}
  .registerIntro .ticketWrap .ticketRect ._right > * {padding:10px 0;}

  .registerIntro.renew_202211_1.ticket .ticketPayInfo {margin:40px auto 0; padding:0 20px 20px 20px;}
  .registerIntro .ticketPayInfo .title {width:196px; height:40px; top:-13px;}
  .registerIntro .ticketPayInfo .title,
  .registerIntro .ticketPayInfo .title span {font-size:20px; line-height:40px;}
}

@media screen and (max-width:480px){
  .paymentPage .reForm .licenseList ul ._col.category {width:100%; text-align:left; padding-right:20px;}
  .paymentPage .reForm .licenseList ul ._col.category b {width:auto; font-size:11px; padding:0 8px;}
  .paymentPage .reForm .licenseList ul ._col.title {width:100%; padding-left:0;}
  .paymentPage .reForm .licenseList ul ._col.price {width:100%;}
  .paymentPage .reForm .licenseList ul ._col.check {display:block; width:20px; height:20px; position:absolute; top:5px; right:5px;}
  .paymentPage .reForm .licenseList ul ._col .rect {width:20px; height:20px; font-size:10px; line-height:20px;}



  .registerIntro .ticketWrap .kindRect {padding:20px 0; margin:0 auto 30px; border-radius:15px;}
  .registerIntro .ticketWrap .kindRect:last-child {margin:0 auto;}
  .registerIntro .ticketWrap .kindRect ._tit p {padding:6px 20px; font-size:16px; border-radius:18px; border-radius:15px;}
  .registerIntro .ticketWrap .kindRect ._con {margin:15px auto 0; padding:0 10px;}
  .registerIntro .ticketWrap .kindRect ._con > p:first-child {margin:0 auto 10px; font-size:14px; line-height:20px;}

  .registerIntro .ticketWrap .ticketRect {padding:0 0 0 150px; border-radius:10px;}
  .registerIntro .ticketWrap .ticketRect ._left {width:150px;}
  .registerIntro .ticketWrap .ticketRect ._left .disTC {padding:0 5px;}
  .registerIntro .ticketWrap .ticketRect ._left .license_chk {width:15px; height:15px; margin:0;}
  .registerIntro .ticketWrap .ticketRect ._left .license_label {width:calc(100% - 20px);}
  .registerIntro .ticketWrap .ticketRect ._right {}
  .registerIntro .ticketWrap .ticketRect ._right > * {padding:5px 0;}
}

@media screen and (max-width:400px){
  .registerIntro .ticketWrap .kindRect {padding:15px 0; margin:0 auto 25px; border-radius:10px;}
  .registerIntro .ticketWrap .kindRect:last-child {margin:0 auto;}
  .registerIntro .ticketWrap .kindRect ._tit p {padding:5px 20px; font-size:15px; border-radius:15px; border-radius:12.5px;}
  .registerIntro .ticketWrap .kindRect ._con {margin:10px auto 0; padding:0 5px;}
  .registerIntro .ticketWrap .kindRect ._con > p:first-child {margin:0 auto 8px; font-size:13px; line-height:18px;}

  .registerIntro .ticketWrap .ticketRect {padding:0 0 0 120px; border-radius:8px;}
  .registerIntro .ticketWrap .ticketRect ._left {width:120px;}
  .registerIntro .ticketWrap .ticketRect ._left .disTC {padding:0 2.5px;}
  .registerIntro .ticketWrap .ticketRect ._left .license_chk {width:14px; height:14px; margin:0;}
  .registerIntro .ticketWrap .ticketRect ._left .license_label {width:calc(100% - 19px);}
  .registerIntro .ticketWrap .ticketRect ._right {}
  .registerIntro .ticketWrap .ticketRect ._right > * {padding:2.5px 0;}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 서비스신청 페이지 영역 :: E */



/* 퀵메뉴 영역 :: S */
.quickBar {width:90px; height:auto; position:fixed; bottom:10px; right:10px; z-index:90;}
.quickBar ._b {display:block; width:100%; position:relative; margin:0 auto 5px; padding:0; box-sizing:border-box;}
.quickBar ._b > * {display:block; width:100%; max-width:100%; text-align:center; position:relative; margin:0 auto; padding:0; box-sizing:border-box; font-size:12px; line-height:18px; font-weight:600; color:#3d3619;}

.quickBar ._b.daily {padding:8px 5px; background:#fa5758; border-radius:10px; animation:floatBanner 1s infinite alternate;}
@keyframes floatBanner {
  0% {
    transform:translate(0,0);
  }
  100% {
    transform:translate(0,-10px);
  }
}
.quickBar ._b .t1 {font-size:18px; line-height:24px; font-weight:600; color:#fff; margin:10px auto;}
.quickBar ._b .t2 {font-size:11px; line-height:16px; font-weight:600; color:#fa5758; background:#fff; padding:3px 0; border-radius:5px; margin:3px auto 0;}

.quickBar ._b.kakao {width:90px; height:90px; background:#f9e000; border-radius:50%; text-align:center; padding:18px 0;}
.quickBar ._b.kakao img {max-width:34px;}


@media screen and (max-width:768px){
  .quickBar {width:70px; bottom:5px; right:5px;}

  .quickBar ._b {margin:0 auto 2.5px;}
  .quickBar ._b > * {font-size:10px; line-height:16px; letter-spacing:-0.5px;}

  .quickBar ._b.daily {padding:4px 2px;}
  .quickBar ._b .t1 {font-size:13px; line-height:18px; margin:5px auto;}
  .quickBar ._b .t2 {font-size:10px; line-height:14px; margin:1.5px auto 0;}

  .quickBar ._b.kakao {width:70px; height:70px; padding:20px 0;}
  .quickBar ._b.kakao img {max-width:17px;}
}
/* 퀵메뉴 영역 :: E */



/* 두비전소개 > 소개문구 영역 :: S */
.aboutIntro.mainCon {background:#fffae4; padding-bottom:0 !important;}
.aboutIntro:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; background:#ffb001; border-radius:0 0 200px 200px;}
.aboutIntro .inner {z-index:5;}

.aboutIntro .typoArea {}
.aboutIntro .typoArea:first-child {margin:0 auto 50px; padding:0 0 50px 0; border-bottom:1px solid #fff;}
.aboutIntro .typoArea.profile {margin:0 auto; padding:0 10% 5% 200px;}
.aboutIntro .typoArea.profile:before {display:block; content:''; width:161px; height:132px; position:absolute; top:0; left:0; background-size:cover !important; background:url('/public/images/renew_202211_1/about/cm_about_icon_brain_1.png') center center no-repeat;}
.aboutIntro .typoArea.profile p {text-align:left; color:#454545;}
.aboutIntro .typoArea.profile .ceo {font-size:20px; line-height:26px; font-weight:600;text-align:right;}
.aboutIntro .typoArea.profile .desc2 {}
.aboutIntro .typoArea.profile .desc2:before,
.aboutIntro .typoArea.profile .desc2:after {content:''; background-size:cover !important; width:28px; height:21px;}
.aboutIntro .typoArea.profile .desc2:before {display:block; position:absolute; top:50%; left:-35px; margin:-21px 0 0 0; background:url('/public/images/renew_202211_1/about/cm_about_icon_quotes_1.png') center center no-repeat;}
.aboutIntro .typoArea.profile .desc2:after {display:inline-block; vertical-align:top; margin:0; background:url('/public/images/renew_202211_1/about/cm_about_icon_quotes_2.png') center center no-repeat;}
.aboutIntro .typoArea.profile .con {margin:40px auto 30px;}
.aboutIntro .typoArea.profile img {display:block; width:45%; position:absolute; bottom:-16px; right:0; right: -270px;}


@media screen and (max-width:1600px){
  .aboutIntro:before {border-radius:0 0 250px 250px;}

  .aboutIntro .typoArea.profile {padding:0 25% 5% 200px;}
  .aboutIntro .typoArea.profile img {width:35%;}
}

@media screen and (max-width:1280px){
  .aboutIntro .typoArea.profile {padding:0 20% 5% 120px;}
  .aboutIntro .typoArea.profile:before {width:80.5px; height:66px;}
  .aboutIntro .typoArea.profile img {width:30%;}
}

@media screen and (max-width:1080px){
  .aboutIntro:before {border-radius:0 0 200px 200px;}
}

@media screen and (max-width:960px){
  .aboutIntro .typoArea.profile {padding:0 0 0 0;}
  .aboutIntro .typoArea.profile:before {display:none;}
  .aboutIntro .typoArea.profile p {text-align:left;}
  .aboutIntro .typoArea.profile .desc2:before {display:inline-block; vertical-align:top; position:relative; top:auto; left:auto; margin:0;}
  .aboutIntro .typoArea.profile img {width:250px; position:relative; bottom:auto; right:auto; margin:30px auto 0;}
}

@media screen and (max-width:768px){
  .aboutIntro:before {border-radius:0 0 150px 150px;}
}

@media screen and (max-width:640px){
  .aboutIntro:before {border-radius:0 0 120px 120px;}

  .aboutIntro .typoArea.profile .desc2:before,
  .aboutIntro .typoArea.profile .desc2:after {width:14px; height:10.5px;}
}

@media screen and (max-width:480px){
  .aboutIntro:before {border-radius:0 0 80px 80px;}
}

@media screen and (max-width:360px){
  .aboutIntro:before {border-radius:0 0 60px 60px;}
}

@media screen and (max-width:320px){

}
/* 두비전소개 > 소개문구 영역 :: E */



/* 두비전소개 > 진화과정 영역 :: S */
.aboutEvolution.mainCon {background:#fffae4;}

.aboutEvolution .typoArea {}
.aboutEvolution .typoArea .desc {}
.aboutEvolution .typoArea .tit {color:#555;}

.aboutEvolution .evolutionArea {width:100%; position:relative; margin:0 auto;}
.aboutEvolution .evolutionArea > * {display:block; width:100%; position:relative; margin:0 auto; padding:0; box-sizing:border-box; text-align:center;}

.aboutEvolution .evolutionArea .steps {}
.aboutEvolution .evolutionArea .steps li {display:inline-block; width:calc(20% - 20px); height:380px; position:relative; vertical-align:middle; margin:0 20px 0 0; border-radius:20px 20px 0 20px; overflow:hidden;}
.aboutEvolution .evolutionArea .steps li:nth-of-type(5n+5) {margin:0;}
.aboutEvolution .evolutionArea .steps li .disT {}
.aboutEvolution .evolutionArea .steps li .disTC {padding:40px 20px  0px 20px; box-sizing:border-box; text-align:center; vertical-align:top;}
.aboutEvolution .evolutionArea .steps li p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#fff;}
.aboutEvolution .evolutionArea .steps li .t0 {font-size:24px; line-height:34px; font-weight:500;}
.aboutEvolution .evolutionArea .steps li .t0 b {font-size:34px;}
.aboutEvolution .evolutionArea .steps li .t1 {width:100%; padding:10px 0; margin:15px auto 30px; background:#fff; border-radius:15px; font-size:20px; line-height:20px; font-weight:400;}
.aboutEvolution .evolutionArea .steps li img {max-width:100%; vertical-align:top;}
.aboutEvolution .evolutionArea .steps li .t2 {font-size:18px; line-height:20px; font-weight:600; margin:30px auto 0;}
.aboutEvolution .evolutionArea .steps li .t3 {font-size:14px; line-height:22px; font-weight:400; margin:12px auto 0; padding:12px 0 0 0; border-top:2px solid #fff;}

.aboutEvolution .evolutionArea .steps li:nth-child(1) {background:#fa5758;}
.aboutEvolution .evolutionArea .steps li:nth-child(1) .t1 {color:#fa5758;}
.aboutEvolution .evolutionArea .steps li:nth-child(2) {background:#ffb001;}
.aboutEvolution .evolutionArea .steps li:nth-child(2) .t1 {color:#ffb001;}
.aboutEvolution .evolutionArea .steps li:nth-child(3) {background:#01bbb6;}
.aboutEvolution .evolutionArea .steps li:nth-child(3) .t1 {color:#01bbb6;}
.aboutEvolution .evolutionArea .steps li:nth-child(4) {background:#259dfe;}
.aboutEvolution .evolutionArea .steps li:nth-child(4) .t1 {color:#259dfe;}
.aboutEvolution .evolutionArea .steps li:nth-child(5) {background:#6600cd;}
.aboutEvolution .evolutionArea .steps li:nth-child(5) .t1 {color:#6600cd;}

.aboutEvolution .evolutionArea .arrows {}
.aboutEvolution .evolutionArea .arrows .arrow {display:inline-block; height:90px; position:relative; vertical-align:middle; background-size:contain !important;}
.aboutEvolution .evolutionArea .arrows .arrow p {display:block; height:90px; text-align:center; position:relative; font-size:20px; line-height:90px; font-weight:600; color:#fff; margin:0; padding:0;}

.aboutEvolution .evolutionArea .arrows .arrow._1 {width:calc(40% - 5px); background:url('/public/images/renew_202211_1/about/cm_about_sec_1_arrow_1.png') center center no-repeat;}
.aboutEvolution .evolutionArea .arrows .arrow._2 {width:calc(20% - 5px); background:url('/public/images/renew_202211_1/about/cm_about_sec_1_arrow_2.png') center center no-repeat;}
.aboutEvolution .evolutionArea .arrows .arrow._3 {width:calc(40% - 5px); background:url('/public/images/renew_202211_1/about/cm_about_sec_1_arrow_3.png') center center no-repeat;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .aboutEvolution .evolutionArea .steps li {width:calc(20% - 9px); margin:0 7px 0 0;}
  .aboutEvolution .evolutionArea .steps li:nth-of-type(5n+5) {margin:0;}
  .aboutEvolution .evolutionArea .steps li .t0 {font-size:20px; line-height:28px;}
  .aboutEvolution .evolutionArea .steps li .t0 b {font-size:28px;}
  .aboutEvolution .evolutionArea .steps li .t1 {padding:8px 0; margin:12px auto 25px; border-radius:12px; font-size:16px; line-height:16px;}
  .aboutEvolution .evolutionArea .steps li .t2 {font-size:15px; margin:25px auto 0;}
  .aboutEvolution .evolutionArea .steps li .t3 {font-size:13px;}

  .aboutEvolution .evolutionArea .arrows .arrow {height:70px;}
  .aboutEvolution .evolutionArea .arrows .arrow p {height:70px; line-height:70px;}
}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
  .aboutEvolution .evolutionArea .steps li {width:calc(20% - 5px); height:330px; margin:0 2px 0 0;}
  .aboutEvolution .evolutionArea .steps li:nth-of-type(5n+5) {margin:0;}
  .aboutEvolution .evolutionArea .steps li .t0 {font-size:18px; line-height:24px;}
  .aboutEvolution .evolutionArea .steps li .t0 b {font-size:24px;}
  .aboutEvolution .evolutionArea .steps li .t1 {padding:6px 0; margin:10px auto 20px; border-radius:10px; font-size:15px; line-height:15px;}
  .aboutEvolution .evolutionArea .steps li .t2 {font-size:14px; margin:20px auto 0;}
  .aboutEvolution .evolutionArea .steps li .t3 {font-size:12px; margin:10px auto 0; padding:10px 0 0 0; border-top:1px solid #fff;}

  .aboutEvolution .evolutionArea .arrows .arrow {height:60px;}
  .aboutEvolution .evolutionArea .arrows .arrow p {height:60px; line-height:60px;}
}

@media screen and (max-width:820px){
  .aboutEvolution .evolutionArea .steps li {width:calc(50% - 10px); height:320px; margin:0 5px 5px 0;}
  .aboutEvolution .evolutionArea .steps li:nth-of-type(5n+5) {margin:0 5px 5px 0;}
  .aboutEvolution .evolutionArea .steps li:nth-of-type(2n+2) {margin:0 0 5px 0;}

  .aboutEvolution .evolutionArea .arrows {margin:15px auto 0; display:none !important;}
  .aboutEvolution .evolutionArea .arrows .arrow {background-size:auto 60px !important; background-position:right center !important;}
  .aboutEvolution .evolutionArea .arrows .arrow p {font-size:18px;}

  .aboutEvolution .evolutionArea .arrows .arrow._1 {width:calc(30% - 5px);}
  .aboutEvolution .evolutionArea .arrows .arrow._2 {width:calc(30% - 5px);}
  .aboutEvolution .evolutionArea .arrows .arrow._3 {width:calc(40% - 5px);}
}

@media screen and (max-width:768px){
  .aboutEvolution .evolutionArea .arrows .arrow p {font-size:16px;}
}

@media screen and (max-width:640px){
  .aboutEvolution .evolutionArea .arrows .arrow p {font-size:14px;}
}

@media screen and (max-width:480px){
  .aboutEvolution .evolutionArea .steps li {display:block; width:100%; height:auto; margin:0 auto 10px !important;}
  .aboutEvolution .evolutionArea .steps li:last-child {margin:0 auto !important;}

  .aboutEvolution .evolutionArea .arrows .arrow p {font-size:12px;}

  .aboutEvolution .evolutionArea .arrows .arrow._1 {width:calc(33.33333333333333% - 5px);}
  .aboutEvolution .evolutionArea .arrows .arrow._2 {width:calc(33.33333333333333% - 5px);}
  .aboutEvolution .evolutionArea .arrows .arrow._3 {width:calc(33.33333333333333% - 5px);}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 두비전소개 > 진화과정 영역 :: E */



/* 두비전소개 > 캡쳐화면 슬라이드 영역 :: S */
.aboutCaptureSlide.mainCon {background:#ff6c74;}

.aboutCaptureSlide .typoArea {}
.aboutCaptureSlide .typoArea .tit {font-weight:400;}

.aboutCaptureSlide .captureSlider {width:100%; max-width:1100px;position:relative; margin:0 auto; padding:0 120px; box-sizing:border-box;}
.aboutCaptureSlide .captureSlider:before,
.aboutCaptureSlide .captureSlider:after {display:block; content:''; width:100%; height:100%; background:#ff6c74; position:absolute; top:0; z-index:3;}
.aboutCaptureSlide .captureSlider:before {left:calc(100% - 120px);}
.aboutCaptureSlide .captureSlider:after {right:calc(100% - 120px);}

.captureSlider .swiper-slide {position:relative; padding:30px; box-sizing:border-box; background:#fff; border-radius:30px; overflow:hidden; z-index:1;}
.captureSlider .swiper-slide a {display:block; position:relative; margin:0; padding:0;}
.captureSlider .swiper-slide a img {display:block; width:100%; position:relative;}
.captureSlider .swiper-slide .mov {width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden;}
.captureSlider .swiper-slide .mov iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}

.captureSlider .swiper-arrow {display:block; width:78px; height:78px; margin-top:-39px; background-size:cover !important;}
.captureSlider .swiper-arrow:after {display:none;}
.captureSlider .swiper-button-prev {background:url('/public/images/renew_202211_1/cm_arrow_pink_circle_1_left.png') center center no-repeat; left:0;}
.captureSlider .swiper-button-next {background:url('/public/images/renew_202211_1/cm_arrow_pink_circle_1_right.png') center center no-repeat; right:0;}

.captureSlider .swiper-pagination {width:100%; position:relative; top:auto; left:auto; bottom:auto; right:auto; margin:30px auto 0;}
.captureSlider .swiper-pagination span {display:inline-block; width:10px; height:10px; position:relative; vertical-align:top; background:#ea3c45; border-radius:50%; opacity:1; margin:0 8px 0 0 !important;}
.captureSlider .swiper-pagination span:last-child {margin:0 !important;}
.captureSlider .swiper-pagination span.swiper-pagination-bullet-active {background:#fff;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){
  .aboutCaptureSlide .captureSlider {padding:0 50px;}
  .aboutCaptureSlide .captureSlider:before {left:calc(100% - 50px);}
  .aboutCaptureSlide .captureSlider:after {right:calc(100% - 50px);}

  .captureSlider .swiper-slide {padding:20px;}

  .captureSlider .swiper-arrow {width:39px; height:39px; margin-top:-19.5px;}

  .captureSlider .swiper-pagination {margin:20px auto 0;}
}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){
  .captureSlider .swiper-slide {padding:15px;}

  .captureSlider .swiper-pagination {margin:15px auto 0;}
}

@media screen and (max-width:480px){
  .captureSlider .swiper-slide {padding:10px;}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 두비전소개 > 캡쳐화면 슬라이드 영역 :: E */



/* 두비전소개 > 두비전검색바 영역 :: S */
.aboutSearch.mainCon {background:#fdd3d7;}

.aboutSearch .searchArea {width:100%; max-width:1000px; position:relative; margin:0 auto; padding:0;}
.aboutSearch .searchArea .search {width:100%; height:100px; position:relative; margin:0 auto 30px; padding:0 120px 0 0; box-sizing:border-box; background:#fff; border-radius:50px; border:3px solid #ff6c74; overflow:hidden;}
.aboutSearch .searchArea .search:before,
.aboutSearch .searchArea .search:after {display:block; content:''; width:120px; height:100%; position:absolute; top:0; right:0;}
.aboutSearch .searchArea .search:before {background:#ff6c74; z-index:1;}
.aboutSearch .searchArea .search:after {background-size:58px 59px !important; background:url('/public/images/renew_202211_1/about/cm_about_sec_3_icon_search_1.png') center center no-repeat; z-index:3;}
.aboutSearch .searchArea .search p {display:block; width:100%; text-align:center; position:relative; font-size:40px; line-height:94px; font-weight:500; color:#ff8a90;}
.aboutSearch .searchArea .search p b {font-weight:900;}

.aboutSearch .searchArea .tels {width:100%; position:relative; text-align:center; margin:0 auto; padding:0;}
.aboutSearch .searchArea .tels dl {display:inline-block; position:relative; vertical-align:middle; margin:0 40px 0 0; padding:0 50px 0 0;}
.aboutSearch .searchArea .tels dl:last-child {margin:0; padding:0;}
.aboutSearch .searchArea .tels dl:after {display:block; content:''; width:3px; height:30px; background:#454545; position:absolute; top:50%; right:0; margin:-15px 0 0 0;}
.aboutSearch .searchArea .tels dl:last-child:after {display:none;}
.aboutSearch .searchArea .tels dl dt,
.aboutSearch .searchArea .tels dl dd {display:inline-block; position:relative; vertical-align:middle; font-size:30px; line-height:34px; font-weight:500; color:#454545; margin:0; padding:0;}
.aboutSearch .searchArea .tels dl dt {font-weight:700; color:#fd6c73; margin:0 15px 0 0;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .aboutSearch .searchArea {max-width:800px;}
  .aboutSearch .searchArea .search {height:80px; margin:0 auto 20px; padding:0 100px 0 0; border-radius:40px;}
  .aboutSearch .searchArea .search:before,
  .aboutSearch .searchArea .search:after {width:100px;}
  .aboutSearch .searchArea .search:after {background-size:40px 41px !important;}
  .aboutSearch .searchArea .search p {font-size:30px; line-height:74px;}

  .aboutSearch .searchArea .tels dl {margin:0 30px 0 0; padding:0 40px 0 0;}
  .aboutSearch .searchArea .tels dl:after {height:20px; margin:-10px 0 0 0;}
  .aboutSearch .searchArea .tels dl dt,
  .aboutSearch .searchArea .tels dl dd {font-size:24px; line-height:30px;}
  .aboutSearch .searchArea .tels dl dt {margin:0 10px 0 0;}
}

@media screen and (max-width:960px){
  .aboutSearch .searchArea {max-width:640px;}
  .aboutSearch .searchArea .search {height:60px; margin:0 auto 15px; padding:0 80px 0 0; border-radius:30px; border:2px solid #ff6c74;}
  .aboutSearch .searchArea .search:before,
  .aboutSearch .searchArea .search:after {width:80px;}
  .aboutSearch .searchArea .search:after {background-size:30px 31px !important;}
  .aboutSearch .searchArea .search p {font-size:24px; line-height:56px;}

  .aboutSearch .searchArea .tels dl {margin:0 20px 0 0; padding:0 30px 0 0;}
  .aboutSearch .searchArea .tels dl:after {width:2px; height:18px; margin:-9px 0 0 0;}
  .aboutSearch .searchArea .tels dl dt,
  .aboutSearch .searchArea .tels dl dd {font-size:18px; line-height:24px;}
  .aboutSearch .searchArea .tels dl dt {margin:0 6px 0 0;}
}

@media screen and (max-width:768px){
  .aboutSearch .searchArea {max-width:400px;}
  .aboutSearch .searchArea .search {height:50px; margin:0 auto 10px; padding:0 50px 0 0; border-radius:25px; border:2px solid #ff6c74;}
  .aboutSearch .searchArea .search:before,
  .aboutSearch .searchArea .search:after {width:50px;}
  .aboutSearch .searchArea .search:after {background-size:24px 25px !important;}
  .aboutSearch .searchArea .search p {font-size:20px; line-height:46px;}

  .aboutSearch .searchArea .tels dl {margin:0 10px 0 0; padding:0 20px 0 0;}
  .aboutSearch .searchArea .tels dl:after {width:2px; height:12px; margin:-6px 0 0 0;}
  .aboutSearch .searchArea .tels dl dt,
  .aboutSearch .searchArea .tels dl dd {font-size:15px; line-height:22px;}
  .aboutSearch .searchArea .tels dl dt {margin:0 3px 0 0;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){
  .aboutSearch .searchArea {max-width:1000px;}
  .aboutSearch .searchArea .search {max-width:300px; height:44px; margin:0 auto 10px; padding:0 40px 0 0; border-radius:22px; border:2px solid #ff6c74;}
  .aboutSearch .searchArea .search:before,
  .aboutSearch .searchArea .search:after {width:40px;}
  .aboutSearch .searchArea .search:after {background-size:20px 21px !important;}
  .aboutSearch .searchArea .search p {font-size:15px; line-height:40px;}

  .aboutSearch .searchArea .tels dl {margin:0 5px 0 0; padding:0 15px 0 0;}
  .aboutSearch .searchArea .tels dl:after {width:2px; height:10px; margin:-5px 0 0 0;}
  .aboutSearch .searchArea .tels dl dt,
  .aboutSearch .searchArea .tels dl dd {font-size:14px; line-height:20px;}
  .aboutSearch .searchArea .tels dl dt {margin:0 1px 0 0;}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 두비전소개 > 두비전검색바 영역 :: E */



/* 교육효과 > 상단배너 영역 :: S */
.effectTopBanner.mainCon {background-size:cover !important; background:url('/public/images/renew_202211_1/effect/cm_effect_top_banner_1.jpg') center center no-repeat;}

.effectTopBanner .inner .typoArea {margin:0 auto;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 교육효과 > 상단배너 영역 :: E */



/* 교육효과 > 특별한이유 영역 :: S */
.effectReason.mainCon {padding:0; z-index:3;}

.effectReason .bg {width:100%; position:relative; margin:0; padding:0;}
.effectReason .bg.top {background-size:cover !important; background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_bg_1_top.png') center center no-repeat; padding:120px 0;}
.effectReason .bg.top:before {display:block; content:''; width:56px; height:62px; position:absolute; top:-5px; left:calc(50% + 545px); background-size:cover !important; background:url('/public/images/renew_202211_1/effect/cm_effect_icon_flag_yellow_1.png') center center no-repeat;}
.effectReason .bg.bottom {}
.effectReason .bg.bottom img {width:100%; vertical-align:top;}
.effectReason .bg.bottom .shapes {width:100%; position:absolute; top:50%; left:0; margin:-120px 0 0 0; text-align:center;}
.effectReason .bg.bottom .shapes .shape {display:inline-block; width:140px; height:140px; position:relative; vertical-align:middle; margin:0 30px 0 0; padding:0; box-sizing:border-box; background-size:cover !important;}
.effectReason .bg.bottom .shapes .shape._1 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_1.png') center center no-repeat; margin-top:0;}
.effectReason .bg.bottom .shapes .shape._2 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_2.png') center center no-repeat; margin-top:50px;}
.effectReason .bg.bottom .shapes .shape._3 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_3.png') center center no-repeat; margin-top:0;}
.effectReason .bg.bottom .shapes .shape._4 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_4.png') center center no-repeat; margin-top:50px;}
.effectReason .bg.bottom .shapes .shape._5 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_5.png') center center no-repeat; margin-top:0;}
.effectReason .bg.bottom .shapes .shape._6 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_6.png') center center no-repeat; margin-top:50px;}
.effectReason .bg.bottom .shapes .shape._7 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_7.png') center center no-repeat; margin-top:0;}
.effectReason .bg.bottom .shapes .shape._8 {background:url('/public/images/renew_202211_1/effect/cm_effect_sec_1_shape_8.png') center center no-repeat; margin-top:50px;}
.effectReason .bg.bottom .shapes .shape p {display:block; width:100%; height:140px; text-align:center; position:relative; margin:0; padding:0; font-size:18px; line-height:140px; font-weight:600; color:#fff;}

.effectReason .typoArea {}

.effectReason .reasonArea {width:100%; max-width:1100px;position:relative; margin:0 auto; padding:0;}
.effectReason .reasonArea ul {display:block; width:100%; position:relative; margin:0 auto; padding:0; text-align:center;}
.effectReason .reasonArea ul li {display:inline-block; width:calc(50% - 7.5px); vertical-align:top; position:relative; margin:6px 10px 6px 0; padding:20px; box-sizing:border-box; background:#fff; border-radius:15px; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}
.effectReason .reasonArea ul li:nth-of-type(2n+2) {margin:6px 0 6px 0;}
.effectReason .reasonArea ul li > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}

.effectReason .reasonArea ul li .img {width:240px; text-align:left;}
.effectReason .reasonArea ul li .img img {max-width:100%; vertical-align:top;}

.effectReason .reasonArea ul li .typo {width:calc(100% - 245px);}
.effectReason .reasonArea ul li .typo p {display:block; position:relative; text-align:left; margin:0; padding:0 12px; box-sizing:border-box;}
.effectReason .reasonArea ul li .typo .t1 {width:100%; padding:10px 12px; font-size:16px; line-height:20px; font-weight:600; color:#fff;}
.effectReason .reasonArea ul li .typo .t2 {font-size:20px; line-height:32px; font-weight:700; margin:20px auto 15px;}
.effectReason .reasonArea ul li .typo .t3 {font-size:16px; line-height:20px; font-weight:500; color:#777;}

.effectReason .reasonArea ul li._1 {}
.effectReason .reasonArea ul li._1 .t1 {background:#fb8498;}
.effectReason .reasonArea ul li._1 .t2 {color:#ea6077;}

.effectReason .reasonArea ul li._2 {}
.effectReason .reasonArea ul li._2 .t1 {background:#59c8cf;}
.effectReason .reasonArea ul li._2 .t2 {color:#1aa4a4;}

.effectReason .reasonArea ul li._3 {}
.effectReason .reasonArea ul li._3 .t1 {background:#66c94b;}
.effectReason .reasonArea ul li._3 .t2 {color:#5bc15b;}

.effectReason .reasonArea ul li._4 {}
.effectReason .reasonArea ul li._4 .t1 {background:#ba7fd3;}
.effectReason .reasonArea ul li._4 .t2 {color:#9760be;}


@media screen and (max-width:1600px){
  .effectReason .bg.bottom .shapes .shape {margin:0 20px 0 0;}
  .effectReason .bg.bottom .shapes .shape:last-child {margin:0;}
}

@media screen and (max-width:1280px){
  .effectReason .bg.top:before {left:auto; right:30px;}

  .effectReason .bg.bottom .shapes .shape {width:120px; height:120px; margin:0 10px 0 0;}
  .effectReason .bg.bottom .shapes .shape:last-child {margin:0;}
  .effectReason .bg.bottom .shapes .shape p {height:120px; line-height:120px; font-size:16px;}

  .effectReason .reasonArea ul li .img {width:220px;}
  .effectReason .reasonArea ul li .img img {max-width:200px;}

  .effectReason .reasonArea ul li .typo {width:calc(100% - 225px);}
  .effectReason .reasonArea ul li .typo p {padding:0 10px;}
  .effectReason .reasonArea ul li .typo .t1 {padding:10px 10px; font-size:15px; line-height:18px;}
  .effectReason .reasonArea ul li .typo .t2 {font-size:22px; line-height:30px; margin:15px auto 10px;}
  .effectReason .reasonArea ul li .typo .t3 {font-size:15px;}
}

@media screen and (max-width:1080px){
  .effectReason .bg.top:before {left:auto; right:15px;}

  .effectReason .bg.bottom .shapes .shape {width:100px; height:100px; margin:0 10px 0 0;}
  .effectReason .bg.bottom .shapes .shape:last-child {margin:0;}
  .effectReason .bg.bottom .shapes .shape p {height:100px; line-height:100px; font-size:15px;}

  .effectReason .reasonArea ul li .img {width:160px;}
  .effectReason .reasonArea ul li .img img {max-width:150px;}

  .effectReason .reasonArea ul li .typo {width:calc(100% - 165px);}
  .effectReason .reasonArea ul li .typo p {padding:0 8px;}
  .effectReason .reasonArea ul li .typo .t1 {padding:8px 8px; font-size:13px; line-height:18px;}
  .effectReason .reasonArea ul li .typo .t2 {font-size:20px; line-height:28px; margin:12px auto 8px;}
  .effectReason .reasonArea ul li .typo .t3 {font-size:14px;}
}

@media screen and (max-width:960px){
  .effectReason .bg.bottom .shapes .shape {width:90px; height:90px; margin:0 3px 0 0;}
  .effectReason .bg.bottom .shapes .shape:last-child {margin:0;}
  .effectReason .bg.bottom .shapes .shape p {height:90px; line-height:90px; font-size:14px;}
}

@media screen and (max-width:768px){
  .effectReason .bg.bottom .shapes .shape {width:70px; height:70px; margin:0 1px 0 0;}
  .effectReason .bg.bottom .shapes .shape:last-child {margin:0;}
  .effectReason .bg.bottom .shapes .shape p {height:70px; line-height:70px; font-size:13px;}

  .effectReason .reasonArea ul li {display:block; width:100%; margin:0 auto 10px !important;}
  .effectReason .reasonArea ul li:last-child {margin:0 auto !important;}

  .effectReason .reasonArea ul li .img {width:150px;}
  .effectReason .reasonArea ul li .img img {max-width:140px;}

  .effectReason .reasonArea ul li .typo {width:calc(100% - 155px);}
  .effectReason .reasonArea ul li .typo p {padding:0 8px;}
  .effectReason .reasonArea ul li .typo .t1 {padding:8px 8px; font-size:13px; line-height:18px;}
  .effectReason .reasonArea ul li .typo .t2 {font-size:18px; line-height:26px; margin:10px auto 6px;}
  .effectReason .reasonArea ul li .typo .t3 {font-size:13px;}
}

@media screen and (max-width:640px){
  .effectReason .bg.bottom .shapes {margin:-100px 0 0 0;}
  .effectReason .bg.bottom .shapes .shape {width:60px; height:60px; margin:0 0 0 0; margin-top:0 !important;}
  .effectReason .bg.bottom .shapes .shape:last-child {margin:0;}
  .effectReason .bg.bottom .shapes .shape p {height:60px; line-height:60px; font-size:12px;}

  .effectReason .reasonArea ul li .img {width:130px;}
  .effectReason .reasonArea ul li .img img {max-width:120px;}

  .effectReason .reasonArea ul li .typo {width:calc(100% - 135px);}
  .effectReason .reasonArea ul li .typo p {padding:0 6px;}
  .effectReason .reasonArea ul li .typo .t1 {padding:6px 6px; font-size:12px; line-height:16px;}
  .effectReason .reasonArea ul li .typo .t2 {font-size:16px; line-height:24px; margin:10px auto 5px;}
  .effectReason .reasonArea ul li .typo .t3 {font-size:12px;}
}

@media screen and (max-width:480px){
  .effectReason .reasonArea ul li .img {width:100px;}
  .effectReason .reasonArea ul li .img img {max-width:90px;}

  .effectReason .reasonArea ul li .typo {width:calc(100% - 105px);}
  .effectReason .reasonArea ul li .typo p {padding:0 5px;}
  .effectReason .reasonArea ul li .typo .t1 {padding:5px 5px; font-size:12px; line-height:16px;}
  .effectReason .reasonArea ul li .typo .t2 {font-size:15px; line-height:22px; margin:10px auto 5px;}
  .effectReason .reasonArea ul li .typo .t3 {font-size:12px;}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 교육효과 > 특별한이유 영역 :: E */



/* 교육효과 > 특징&역할 영역 :: S */
.effectFeature.mainCon {background:#7ecdf4; margin-top:-100px; padding-top:100px;}

.effectFeature .typoArea {}

.effectFeature .featureArea {width:100%; position:relative; margin:0 auto; padding:0;}
.effectFeature .featureArea .feature {width:100%; position:relative; margin:0 auto 50px; padding:0; box-sizing:border-box;}
.effectFeature .featureArea .feature:before {display:block; content:''; width:50px; height:50px; position:absolute; z-index:5;}
.effectFeature .featureArea .feature > div {width:100%; position:relative; margin:0; padding:0; overflow:hidden; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}
.effectFeature .featureArea .feature ._col {width:50%; height:480px; float:left; position:relative; margin:0; padding:0; box-sizing:border-box;}
.effectFeature .featureArea .feature ._col p {display:block; position:relative; margin:0; padding:0;}
.effectFeature .featureArea .feature ._col.left {padding:100px 80px 0 80px;}
.effectFeature .featureArea .feature ._col.left .t1 {font-size:35px; line-height:40px; font-weight:700; color:#fff;}
.effectFeature .featureArea .feature ._col.left .t1 b {font-size:36px; color:#fff798;}
.effectFeature .featureArea .feature ._col.left img {display:block; position:absolute; bottom:-15px;max-width:45%;}
.effectFeature .featureArea .feature ._col.right {background:#fff;}
.effectFeature .featureArea .feature ._col.right .disT {}
.effectFeature .featureArea .feature ._col.right .disTC {padding:0 80px; box-sizing:border-box; text-align:left; vertical-align:middle;}
.effectFeature .featureArea .feature ._col.right ul {display:block; position:relative; margin:0; padding:0;}
.effectFeature .featureArea .feature ._col.right ul li {display:block; position:relative; text-align:left; margin:0 auto 10px; padding:0 0 0 20px; box-sizing:border-box; font-size:22px; line-height:35px; font-weight:700; color:#626262;}
.effectFeature .featureArea .feature ._col.right ul li b {font-weight:700;}
.effectFeature .featureArea .feature ._col.right ul li:last-child {margin:0 auto;}
.effectFeature .featureArea .feature ._col.right ul li:before {display:block; position:absolute; top:0; left:0; font-weight:700; color:#00a3e7;}

.effectFeature .featureArea .feature._1 {padding:0 10% 0 0;}
.effectFeature .featureArea .feature._1:before {top:-25px; right:calc(10% - 25px); background:#269cff;}
.effectFeature .featureArea .feature._1 ._col.left {background:#269cff;}
.effectFeature .featureArea .feature._1 ._col.left .t1 {text-align:right;}
.effectFeature .featureArea .feature._1 ._col.left img {right:80px; max-width:45%;}
.effectFeature .featureArea .feature._1 ._col.right ul li b {color:#00a3e7;}
.effectFeature .featureArea .feature._1 ._col.right ul li:before {color:#00a3e7;}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(1):before {content:'1.';}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(2):before {content:'2.';}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(3):before {content:'3.';}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(4):before {content:'4.';}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(5):before {content:'5.';}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(6):before {content:'6.';}
.effectFeature .featureArea .feature._1 ._col.right ul li:nth-child(7):before {content:'7.';}

.effectFeature .featureArea .feature._2 {padding:0 0 0 10%; margin:0 auto;}
.effectFeature .featureArea .feature._2:before {bottom:-25px; left:calc(10% - 25px); background:#01bbb6;}
.effectFeature .featureArea .feature._2 ._col.left {float:none; position:absolute; top:0; right:0; background:#01bbb6;}
.effectFeature .featureArea .feature._2 ._col.left .t1 {text-align:left;}
.effectFeature .featureArea .feature._2 ._col.left img {left:80px;}
.effectFeature .featureArea .feature._2 ._col.right {}
.effectFeature .featureArea .feature._2 ._col.right ul li b {color:#00bcb6;}
.effectFeature .featureArea .feature._2 ._col.right ul li:before {content:''; width:8px; height:8px; background:#00bcb6; margin:7px 0 0 0;}
.effectFeature .featureArea .feature._2 ._col.right ul li.dim:before {display:none;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .effectFeature .featureArea .feature ._col {height:500px;}

  .effectFeature .featureArea .feature ._col.left {padding:60px 50px 0 50px;}
  .effectFeature .featureArea .feature ._col.left .t1 {font-size:26px; line-height:34px;}
  .effectFeature .featureArea .feature ._col.left .t1 b {font-size:32px;}
  .effectFeature .featureArea .feature ._col.right .disTC {padding:0 50px;}
  .effectFeature .featureArea .feature ._col.right ul li {font-size:17px; line-height:23px; margin:0 auto 8px;}
  .effectFeature .featureArea .feature ._col.right ul li:last-child {margin:0 auto;}

  .effectFeature .featureArea .feature._1 ._col.left img {right:50px;}

  .effectFeature .featureArea .feature._2 ._col.left img {left:50px;}
}

@media screen and (max-width:1080px){
  .effectFeature .featureArea .feature ._col {height:460px;}
}

@media screen and (max-width:960px){
  .effectFeature .featureArea .feature ._col.left {padding:40px 30px 0 30px;}
  .effectFeature .featureArea .feature ._col.left .t1 {font-size:22px; line-height:30px;}
  .effectFeature .featureArea .feature ._col.left .t1 b {font-size:28px;}
  .effectFeature .featureArea .feature ._col.right .disTC {padding:0 30px;}
  .effectFeature .featureArea .feature ._col.right ul li {font-size:16px; line-height:22px; margin:0 auto 6px;}
  .effectFeature .featureArea .feature ._col.right ul li:last-child {margin:0 auto;}

  .effectFeature .featureArea .feature._1 ._col.left img {right:30px;}

  .effectFeature .featureArea .feature._2 ._col.left img {left:30px;}
}

@media screen and (max-width:768px){
  .effectFeature .featureArea .feature:before {width:30px; height:30px;}
  .effectFeature .featureArea .feature._1:before {top:-15px; right:calc(5% - 15px);}
  .effectFeature .featureArea .feature._2:before {bottom:-15px; left:calc(5% - 15px);}

  .effectFeature .featureArea .feature ._col {height:360px;}

  .effectFeature .featureArea .feature ._col.left {padding:30px 20px 0 20px;}
  .effectFeature .featureArea .feature ._col.left .t1 {font-size:18px; line-height:26px;}
  .effectFeature .featureArea .feature ._col.left .t1 b {font-size:24px;}
  .effectFeature .featureArea .feature ._col.right .disTC {padding:0 20px;}
  .effectFeature .featureArea .feature ._col.right ul li {font-size:15px; line-height:20px; margin:0 auto 5px;}
  .effectFeature .featureArea .feature ._col.right ul li:last-child {margin:0 auto;}

  .effectFeature .featureArea .feature._1 {padding:0 5% 0 0;}
  .effectFeature .featureArea .feature._1 ._col.left img {right:20px;}

  .effectFeature .featureArea .feature._2 {padding:0 0 0 5%;}
  .effectFeature .featureArea .feature._2 ._col.left img {left:20px;}
}

@media screen and (max-width:640px){
  .effectFeature .featureArea .feature:before {width:20px; height:20px;}
  .effectFeature .featureArea .feature._1:before {top:auto; bottom:-10px; right:calc(5% - 10px);}
  .effectFeature .featureArea .feature._2:before {bottom:-10px; left:calc(5% - 10px);}

  .effectFeature .featureArea .feature ._col {height:340px;}

  .effectFeature .featureArea .feature ._col.right ul li {font-size:14px; line-height:20px; margin:0 auto 4px;}
  .effectFeature .featureArea .feature ._col.right ul li:last-child {margin:0 auto;}
}

@media screen and (max-width:560px){
  .effectFeature .featureArea .feature ._col {width:100%; height:auto; float:none; margin:0 auto;}

  .effectFeature .featureArea .feature ._col.left {padding:20px 15px 0 15px;}
  .effectFeature .featureArea .feature ._col.left .t1 {margin:0 auto 15px;}
  .effectFeature .featureArea .feature ._col.left img {position:relative; bottom:auto;}
  .effectFeature .featureArea .feature ._col.right .disTC {padding:15px;}
  .effectFeature .featureArea .feature ._col.right ul li {font-size:13px; line-height:20px; margin:0 auto 3px;}
  .effectFeature .featureArea .feature ._col.right ul li:last-child {margin:0 auto;}

  .effectFeature .featureArea .feature._1 ._col.left img {right:auto;}

  .effectFeature .featureArea .feature._2 ._col.left {position:relative; top:auto; right:auto;}
  .effectFeature .featureArea .feature._2 ._col.left img {left:auto;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 교육효과 > 특징&역할 영역 :: E */





/* 프로그램 > 교육영상 > 리스트 영역 :: S */
.dataListWrap.renew_1 {max-width:10000px; background:#fdd3d7;}

.dataListWrap.renew_1 .typoArea {}
.dataListWrap.renew_1 .typoArea .tit {}
.dataListWrap.renew_1 .typoArea .tit > * {display:inline-block; max-width:100%; vertical-align:middle;}
.dataListWrap.renew_1 .typoArea img {}
.dataListWrap.renew_1 .typoArea img._1 {}
.dataListWrap.renew_1 .typoArea img._2 {}

.dataListWrap.renew_1 .list {max-width:1600px; margin:0 auto; padding:40px; border-radius:30px; background:#fff; box-shadow:0 0 10px 10px rgba(0,0,0,0.05);}

.dataListWrap.renew_1.gallery .list .item .thumb {height:0; overflow:hidden; padding-bottom:56%;}
.dataListWrap.renew_1.gallery .list .item .thumb img {display:block; width:100%; height:auto; position:absolute; top:0; left:0;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .dataListWrap.renew_1 .list {padding:30px; border-radius:20px;}
}

@media screen and (max-width:960px){
  .dataListWrap.renew_1 .typoArea img._2 {display:none;}

  .dataListWrap.renew_1 .list {padding:20px; border-radius:15px;}
}

@media screen and (max-width:768px){
  .dataListWrap.renew_1 .list {padding:15px; border-radius:10px;}
}

@media screen and (max-width:640px){
  .dataListWrap.renew_1 .typoArea img._1 {display:none;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 프로그램 > 교육영상 > 리스트 영역 :: E */



/* 센터안내 리스트 페이지 영역 :: S */
.branchListWrap {}

.branchListWrap .typoArea {max-width:1430px;margin:0 auto 50px; padding:150px 0 50px 0; border-bottom:0px solid #ccc;}

.branchListWrap .searchArea {width:100%; max-width:500px; height:50px; position:relative; margin:0 auto; padding:0; border-radius:25px; text-align:center; border:1px solid #e0ebfd; box-sizing:border-box; overflow:hidden;}
.branchListWrap .searchArea:before,
.branchListWrap .searchArea:after {display:block; content:''; position:absolute; background-size:cover !important; z-index:3;}
.branchListWrap .searchArea:before {width:1px; height:20px; background:#dfebfb; top:50%; left:120px; margin:-10px 0 0 0;}
.branchListWrap .searchArea:after {width:22px; height:22px; top:50%; right:12px; margin:-11px 0 0 0; background-size:cover !important; background:url('/_202408/img/cm_center_icon_search_1.png') center center no-repeat;}
.branchListWrap .searchArea > * {display:inline-block; height:50px; position:relative; vertical-align:top; text-align:left; margin:0; padding:0 15px; box-sizing:border-box; font-size:15px; line-height:50px; font-weight:500; color:#333333; border:0; box-shadow:none; z-index:1;}
.branchListWrap .searchArea select {width:120px; background:url('/_202408/img/cm_center_icon_select_1.png') calc(100% - 15px) center no-repeat;}
.branchListWrap .searchArea input {width:calc(100% - 125px);}

.branchListWrap .branchList {width:100%; position:relative; margin:50px auto 0;}
.branchListWrap .branchList ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.branchListWrap .branchList ul li {border-radius: 20px;background:#e0ebfd; display:block; width:100%; position:relative; margin:10px; padding:0; border-bottom:0px solid #e5e5e5;}
.branchListWrap .branchList ul li ._col {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:20px 10px; box-sizing:border-box;}
.branchListWrap .branchList ul li ._col,
.branchListWrap .branchList ul li ._col * {font-size:16px; line-height:22px;  color:#000000;}

.branchListWrap .branchList ul li ._col.region {width:70px;}
.branchListWrap .branchList ul li ._col.name {margin-left:80px;width:300px;font-size:24px; font-weight:700;}
.branchListWrap .branchList ul li ._col.addr {width:calc(100% - 730px);}
.branchListWrap .branchList ul li ._col.tel {width:180px;}
.branchListWrap .branchList ul li ._col.submit {width:200px;}

.branchListWrap .branchList ul li._head {border-top:3px solid #f39800;}
.branchListWrap .branchList ul li._head ._col {padding:10px 10px;}

.branchListWrap .branchList ul li._body {}
/* .branchListWrap .branchList ul li._body:nth-of-type(2n+2) {background:#e0ebfd;border-radius: 10px;} */
.branchListWrap .branchList ul li._body ._col {}
.branchListWrap .branchList ul li._body ._col.addr {text-align:left;margin-left:80px; padding-left:50px;}
.branchListWrap .branchList ul li._body ._col.addr a {display:block; width:28px; height:38px; position:absolute; top:50%; left:10px; margin:-19px 0 0 0;}
.branchListWrap .branchList ul li._body ._col.addr a img {max-width:100%; vertical-align:top;}
.branchListWrap .branchList ul li._body ._col.submit {padding: 10px;} 
.branchListWrap .branchList ul li._body ._col.submit a {float:right;display:block; width:176px; height:30px; text-align:center; position:relative; margin:0 auto; padding:0; font-size:14px; line-height:30px; font-weight:400; color:#fff; background:#4d86ef; border-radius:10px;}


@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .branchListWrap .typoArea {margin:0 auto 40px; padding:0 0 40px;}

  .branchListWrap .searchArea {max-width:460px;}
}

@media screen and (max-width:960px){


  .branchListWrap .branchList ul li {
    width: 95%;

}


  .branchListWrap .typoArea {margin:0 auto 35px; padding:0 0 35px;}

  .branchListWrap .searchArea {max-width:400px; height:40px; border-radius:20px;}
  .branchListWrap .searchArea > * {height:40px; line-height:40px; font-size:14px; padding:0 10px;}


  .branchListWrap .branchList ul li ._col {padding:15px 5px;}
  .branchListWrap .branchList ul li ._col,
  .branchListWrap .branchList ul li ._col * {font-size:13px; line-height:20px;}

  .branchListWrap .branchList ul li._head ._col {padding:10px 5px;}
}

@media screen and (max-width:768px){
  .branchListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}

  .branchListWrap .searchArea {max-width:360px; height:40px; border-radius:20px;}
  .branchListWrap .searchArea > * {height:40px; line-height:40px; font-size:13px; padding:0 10px;}


  .branchListWrap .branchList ul li ._col {padding:12px 5px;}
  .branchListWrap .branchList ul li ._col,
  .branchListWrap .branchList ul li ._col * {font-size:12px; line-height:20px;}

  .branchListWrap .branchList ul li ._col.region {width:40px;}
  .branchListWrap .branchList ul li ._col.name {margin-left:0px;width:50%;float:left;text-align:left;padding: 20px;}
  .branchListWrap .branchList ul li ._col.toptel {width:50%;float:right;padding: 10px 20px 10px 20px;}

  .branchListWrap .branchList ul li ._col.toptel a {
    display: block;
    height: 30px;
    text-align: center;
    position: relative;
    margin: right;
 
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #4d86ef;
    background: #fff;
    border-radius: 10px;
}



  .branchListWrap .branchList ul li ._col.addr {width:calc(100% - 340px);}
  .branchListWrap .branchList ul li ._col.tel {width:100px;}


  .branchListWrap .branchList ul li._head ._col {padding:8px 5px;}

  .branchListWrap .branchList ul li._body ._col.addr {padding-left:50px;}
  .branchListWrap .branchList ul li._body ._col.addr a {left:5px;}
  .branchListWrap .branchList ul li._body ._col.submit a {display:none; margin:0;}
}

@media screen and (max-width:640px){
  .branchListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}

  .branchListWrap .searchArea {max-width:300px; height:36px; border-radius:18px;}
  .branchListWrap .searchArea > * {height:36px; line-height:36px; font-size:12px;}




  .branchListWrap .branchList ul li ._col.region {width:calc(50% - 5px); text-align:left;}
  .branchListWrap .branchList ul li ._col.addr {width:95%;}
  .branchListWrap .branchList ul li ._col.tel {width:95%; text-align:left;left: 5px;}
  .branchListWrap .branchList ul li._body ._col.submit a {display:inline-block; margin:0;}

  .branchListWrap .branchList ul li._head {}
  .branchListWrap .branchList ul li._head ._col {display:none;}
}

@media screen and (max-width:480px){
  .branchListWrap .branchList ul li._body ._col.submit{
  width: 50%;
  padding: 10px 20px 10px 20px; }
  .branchListWrap .branchList ul li._body ._col.submit a {display:inline-block; width:100%;float: right;}
  
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 센터안내 리스트 페이지 영역 :: E */



/* FAQ 리스트 페이지 영역 :: S */

.card-header {background-color:#fff;}
.card-body {background-color:#d1ecff; padding: 2rem 2rem 2rem 0 ;}
.card-body .icon  {left:5px;width:38px; height:38px;display:block; position:relative; background:url('/public/images/renew_202211_1/faq/faqA.png') center center no-repeat;float:left;}
.card-body .con  {padding-left:50px;}


.faqListWrap {}

.faqListWrap .typoArea {max-width:1400px;margin:0 auto 50px; padding:0 0 50px 0; border-bottom:1px solid #ccc;}

.faqListWrap .faqArea {width:100%; max-width:1400px;position:relative; margin:0 auto;}
.faqListWrap .faqArea .accordion {width:100%; position:relative; margin:0 auto; border-top:3px solid #259dff;background:#fff;}
.faqListWrap .faqArea .accordion .card {display:block; width:100%; position:relative; margin:0 auto; padding:0; border:0; border-radius:0; border-bottom:1px solid #e5e5e5; background:#fff;}

.faqListWrap .faqArea .card .card-header {}
.faqListWrap .faqArea .card .card-header .card-title {}
.faqListWrap .faqArea .card .card-header .card-title a {display:block; position:relative; padding:15px 50px; box-sizing:border-box;}
.faqListWrap .faqArea .card .card-header .card-title a:before,
.faqListWrap .faqArea .card .card-header .card-title a:after {display:block; content:''; width:20px; height:20px; text-align:center; font-size:16px; line-height:20px; font-weight:600; color:#259dff; background-size:cover !important; position:absolute; top:50%;
transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
}


.faqListWrap .faqArea .card .card-header .card-title a:before {content:'Q'; left:15px; margin:-10px 0 0 0;}
.faqListWrap .faqArea .card .card-header .card-title a:after {width:18px; height:12px; background:url('/public/images/renew_202211_1/faq/cm_faq_icon_select_1.png') center center no-repeat; right:15px; margin:-6px 0 0 0; transform:rotate(180deg);}
.faqListWrap .faqArea .card .card-header .card-title a.collapsed:after {transform:rotate(0deg);}
.faqListWrap .faqArea .card .card-header .card-title a p {}

.faqListWrap .btnArea {width:100%; position:relative; margin:50px auto 0; text-align:center;}
.faqListWrap .btnArea > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:500; color:#454545;}
.faqListWrap .btnArea .t1 {}
.faqListWrap .btnArea .b1 {width:120px; height:40px; text-align:center; font-size:15px; line-height:40px; font-weight:600; color:#fff; background:#259dff; border-radius:20px; margin:0 0 0 20px;}



@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .faqListWrap .typoArea {margin:0 auto 40px; padding:0 0 40px;}
}

@media screen and (max-width:960px){
  .faqListWrap .typoArea {margin:0 auto 35px; padding:0 0 35px;}
}

@media screen and (max-width:768px){
  .faqListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}

  .faqListWrap .faqArea .card .card-header .card-title a p {font-size:15px; line-height:24px;}
}

@media screen and (max-width:640px){
  .faqListWrap .faqArea .card .card-header .card-title a {padding:15px 40px;}
  .faqListWrap .faqArea .card .card-header .card-title a:before {left:10px;}
  .faqListWrap .faqArea .card .card-header .card-title a:after {right:10px;}
  .faqListWrap .faqArea .card .card-header .card-title a p {font-size:14px; line-height:22px;}


  .faqListWrap .btnArea {margin:40px auto 0;}
  .faqListWrap .btnArea > * {font-size:14px;}
  .faqListWrap .btnArea .t1 {}
  .faqListWrap .btnArea .b1 {width:100px; height:36px; font-size:13px; line-height:36px; border-radius:18px; margin:0 0 0 5px;}
}

@media screen and (max-width:480px){
  .faqListWrap .faqArea .card .card-header .card-title a {padding:12px 30px;}
  .faqListWrap .faqArea .card .card-header .card-title a:before {left:5px;}
  .faqListWrap .faqArea .card .card-header .card-title a:after {right:5px;}
  .faqListWrap .faqArea .card .card-header .card-title a p {font-size:13px; line-height:20px;}


  .faqListWrap .btnArea {margin:30px auto 0;}
  .faqListWrap .btnArea > * {font-size:12px; line-height:18px;}
  .faqListWrap .btnArea .t1 {}
  .faqListWrap .btnArea .b1 {display:block; margin:10px auto 0;}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* FAQ 리스트 페이지 영역 :: E */



/* 공지사항 리스트 페이지 영역 :: S */
.noticeListWrap {}

.noticeListWrap .typoArea {max-width:1400px;margin:0 auto 50px; padding:150px 0 50px 0; border-bottom:1px solid #ccc;}

.noticeListWrap .noticeList {width:100%; position:relative; margin:50px auto 0;}
.noticeListWrap .noticeList ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.noticeListWrap .noticeList ul li {display:block; width:100%; position:relative; margin:0; padding:0; text-align:center; border-bottom:1px solid #e5e5e5;}
.noticeListWrap .noticeList ul li ._col {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:20px 10px; box-sizing:border-box;}
.noticeListWrap .noticeList ul li ._col,
.noticeListWrap .noticeList ul li ._col * {font-size:14px; line-height:22px; font-weight:400; color:#454545;}

.noticeListWrap .noticeList ul li ._col.no {width:40px;}
.noticeListWrap .noticeList ul li ._col.kind {width:120px;} 
.noticeListWrap .noticeList ul li ._col.title {width:calc(100% - 475px);}
.noticeListWrap .noticeList ul li ._col.date {width:120px;}
.noticeListWrap .noticeList ul li ._col.hit {width:80px;}

.noticeListWrap .noticeList ul li._head {border-top:3px solid #259dff;}
.noticeListWrap .noticeList ul li._head ._col {padding:10px 10px; font-weight:600;}

.noticeListWrap .noticeList ul li._body {}
.noticeListWrap .noticeList ul li._body ._col {}
.noticeListWrap .noticeList ul li._body ._col.title {text-align:left;}



@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .noticeListWrap .typoArea {margin:0 auto 40px; padding:0 0 40px;}
}

@media screen and (max-width:960px){
  .noticeListWrap .typoArea {margin:0 auto 35px; padding:0 0 35px;}


  .noticeListWrap .noticeList ul li ._col {padding:15px 5px;}
  .noticeListWrap .noticeList ul li ._col,
  .noticeListWrap .noticeList ul li ._col * {font-size:13px; line-height:20px;}

  .noticeListWrap .noticeList ul li._head ._col {padding:10px 5px;}
}

@media screen and (max-width:768px){
  .noticeListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}


  .noticeListWrap .noticeList ul li ._col {padding:12px 5px;}
  .noticeListWrap .noticeList ul li ._col,
  .noticeListWrap .noticeList ul li ._col * {font-size:12px; line-height:20px;}

  .noticeListWrap .noticeList ul li ._col.region {width:40px;}
  .noticeListWrap .noticeList ul li ._col.name {width:90px;}
  .noticeListWrap .noticeList ul li ._col.addr {width:calc(100% - 340px);}
  .noticeListWrap .noticeList ul li ._col.tel {width:100px;}
  .noticeListWrap .noticeList ul li ._col.submit {width:90px;}

  .noticeListWrap .noticeList ul li._head ._col {padding:8px 5px;}

  .noticeListWrap .noticeList ul li._body ._col.addr {padding-left:40px;}
  .noticeListWrap .noticeList ul li._body ._col.addr a {left:5px;}
  .noticeListWrap .noticeList ul li._body ._col.submit a {width:80px; height:26px; font-size:10px; line-height:26px;}
}

@media screen and (max-width:640px){
  .noticeListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}


  .noticeListWrap .noticeList ul li ._col {padding:5px 5px;}

  .noticeListWrap .noticeList ul li ._col.no {width:calc(50% - 5px); text-align:left;}
  .noticeListWrap .noticeList ul li ._col.kind {width:calc(50% - 5px); text-align:right;}
  .noticeListWrap .noticeList ul li ._col.title {width:calc(100% - 5px); text-align:right;}
  .noticeListWrap .noticeList ul li ._col.date {width:calc(50% - 5px); text-align:left;}
  .noticeListWrap .noticeList ul li ._col.hit {width:calc(50% - 5px); text-align:right;}
  .noticeListWrap .noticeList ul li ._col.hit:before {content:'hit. ';}

  .noticeListWrap .noticeList ul li._head {}
  .noticeListWrap .noticeList ul li._head ._col {display:none;}
}

@media screen and (max-width:480px){


  .noticeListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}


  .noticeListWrap .noticeList ul li ._col {padding:2px 2px;}

  .noticeListWrap .noticeList ul li ._col.no {width:calc(50% - 5px); text-align:left;}
  .noticeListWrap .noticeList ul li ._col.kind {width:calc(50% - 5px); text-align:right;}
  .noticeListWrap .noticeList ul li ._col.title {width:calc(100% - 5px); text-align:right;}
  .noticeListWrap .noticeList ul li ._col.date {width:calc(50% - 5px); text-align:left;}
  .noticeListWrap .noticeList ul li ._col.hit {width:calc(50% - 5px); text-align:right;}
  .noticeListWrap .noticeList ul li ._col.hit:before {content:'hit. ';}

  .noticeListWrap .noticeList ul li._head {}
  .noticeListWrap .noticeList ul li._head ._col {display:none;}


}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 공지사항 리스트 페이지 영역 :: E */



/* 문의신청 작성 페이지 영역 :: S */
.qnaListWrap {}

.qnaListWrap .typoArea {max-width:1400px;margin:0 auto 50px; padding:0 0 50px 0; border-bottom:1px solid #ccc;}

.qnaListWrap .writeForm {width:100%; max-width:1400px;:position:relative; margin:50px auto 0;}
.qnaListWrap .writeForm form {display:block; width:100%; position:relative; margin:0; padding:0;}

.qnaListWrap .writeForm table {border-top:3px solid #259dff;}
.qnaListWrap .writeForm table tr {}
.qnaListWrap .writeForm table tr th {color:#259dff; background:#d1ecff;}
.qnaListWrap .writeForm table tr td {}

.qnaListWrap .writeForm .btnArea {width:100%; position:relative; margin:50px auto 0; padding:0; text-align:center;}
.qnaListWrap .writeForm .btnArea a {display:inline-block; width:160px; height:60px; text-align:center; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; font-size:16px; line-height:60px; font-weight:600; color:#fff; border-radius:15px; background:#959595;}
.qnaListWrap .writeForm .btnArea a:last-child {margin:0;}
.qnaListWrap .writeForm .btnArea a.confirm {background:#259dff;}



@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .qnaListWrap .typoArea {margin:0 auto 40px; padding:0 0 40px;}

  .qnaListWrap .writeForm .btnArea {margin:40px auto 0;}
}

@media screen and (max-width:960px){
  .qnaListWrap .typoArea {margin:0 auto 35px; padding:0 0 35px;}

  .qnaListWrap .writeForm .btnArea {margin:35px auto 0;}
}

@media screen and (max-width:768px){
  .qnaListWrap .typoArea {margin:0 auto 30px; padding:0 0 30px;}

  .qnaListWrap .writeForm .btnArea {margin:30px auto 0;}
  .qnaListWrap .writeForm .btnArea a {width:120px; height:40px; margin:0 5px 0 0; font-size:15px; line-height:40px; border-radius:10px;}
  .qnaListWrap .writeForm .btnArea a:last-child {margin:0;}
}

@media screen and (max-width:640px){
  .qnaListWrap .writeForm .btnArea a {width:100px; height:36px; margin:0 3px 0 0; font-size:14px; line-height:36px; border-radius:5px;}
  .qnaListWrap .writeForm .btnArea a:last-child {margin:0;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 문의신청 작성 페이지 영역 :: E */



/* 프로그램소개 > 상단배너 영역 :: S */
.mainCon.programTopBanner {height:442px; background-size:cover !important; background:url('/public/images/renew_202211_1/program/cm_program_top_banner_bg_1_1.jpg') center center no-repeat; padding:0;}
.mainCon.programTopBanner:before,
.mainCon.programTopBanner:after {display:block; content:''; background-size:cover !important; position:absolute; z-index:1;}
.mainCon.programTopBanner:before {width:588px; height:302px; bottom:-55px; left:5%; background:url('/public/images/renew_202211_1/program/cm_program_top_banner_model_1.png') center center no-repeat;}
.mainCon.programTopBanner:after {width:478px; height:313px; bottom:-25px; right:5%; background:url('/public/images/renew_202211_1/program/cm_program_top_banner_model_2.png') center center no-repeat;}
.mainCon.programTopBanner .disT {width:100%; height:100%; z-index:3;}
.mainCon.programTopBanner .disTC {text-align:center; vertical-align:middle;}

.programTopBanner .typoArea {margin:0 auto;}
.programTopBanner .typoArea .desc2 {color:#777; margin-top:30px;}


@media screen and (max-width:1600px){
  .mainCon.programTopBanner {height:400px;}
  .mainCon.programTopBanner:before {left:0%;}
  .mainCon.programTopBanner:after {right:1.5%;}
}

@media screen and (max-width:1280px){
  .mainCon.programTopBanner {height:340px;}
  .mainCon.programTopBanner:before {left:-6%;}
  .mainCon.programTopBanner:after {right:-7%;}

  .programTopBanner .typoArea .desc2 {margin-top:25px;}
}

@media screen and (max-width:1080px){
  .mainCon.programTopBanner {height:300px;}
  .mainCon.programTopBanner:before {width:320px; height:164px; bottom:-30px; left:-3%;}
  .mainCon.programTopBanner:after {width:280px; height:183px; bottom:-15px; right:-3%;}

  .programTopBanner .typoArea .desc2 {margin-top:20px;}
}

@media screen and (max-width:960px){
  .mainCon.programTopBanner {height:240px;}
  .mainCon.programTopBanner:before {left:-4.5%;}
  .mainCon.programTopBanner:after {right:-5%;}

  .programTopBanner .typoArea .desc2 {margin-top:15px;}
}

@media screen and (max-width:768px){
  .mainCon.programTopBanner {height:200px;}
  .mainCon.programTopBanner:before {left:-6%;}
  .mainCon.programTopBanner:after {right:-7%;}

  .programTopBanner .typoArea .desc2 {margin-top:10px;}
}

@media screen and (max-width:640px){
  .mainCon.programTopBanner {height:160px;}
  .mainCon.programTopBanner:before,
  .mainCon.programTopBanner:after {display:none;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 프로그램소개 > 상단배너 영역 :: E */



/* 프로그램소개 > BTS프로그램 영역 :: S */
.mainCon.btsProgram {padding:160px 0 0 0; background-size:cover !important; background:url('/public/images/renew_202211_1/program/cm_program_sec_1_bg_1.jpg') center center no-repeat;}

.btsProgram .typoArea {}
.btsProgram .typoArea .tit {}


.btsProgram .infoArea {width:100%; max-width:1100px;position:relative; text-align:center;margin:auto; z-index:3;}
.btsProgram .infoArea > div {display:inline-block; width:calc(50% - 45px); position:relative; vertical-align:top; margin:0 80px 0 0; padding:0 30px 30px 30px; box-sizing:border-box; border-radius:30px; background:#fff;}
.btsProgram .infoArea > div p {display:block; position:relative; margin:0; padding:0;}
.btsProgram .infoArea > div .tit {width:100%; height:100px; text-align:center; font-size:34px; line-height:100px; font-weight:600; color:#fff; top:-22px; background-size:auto 100% !important;}
.btsProgram .infoArea > div .t1 {width:100%; text-align:center; font-size:34px; line-height:40px; font-weight:600; margin:15px auto 15px; padding:0 0 15px 0;}
.btsProgram .infoArea > div ul {display:block; width:100%; position:relative; margin:0; padding:0 10px; box-sizing:border-box;}
.btsProgram .infoArea > div ul li {display:block; position:relative; text-align:left; margin:0 auto; padding:0 0 0 20px; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#777;}
.btsProgram .infoArea > div ul li:last-child {margin:0 auto !important;}
.btsProgram .infoArea > div ul li:before {display:block; width:30px; height:24px; position:absolute; top:0; left:0;}
.btsProgram .infoArea > div ul li span {color:#eb6100;}
.btsProgram .infoArea > div ul li span.c2 {color:#00a0e9;}

.btsProgram .infoArea > div._1 {border:5px solid #01b85c;}
.btsProgram .infoArea > div._1 .tit {background:url('/public/images/renew_202211_1/program/cm_program_sec_1_label_1.png') center center no-repeat;}
.btsProgram .infoArea > div._1 .t1 {color:#00be5d; border-bottom:1px solid #00be5d;}
.btsProgram .infoArea > div._1 ul li {margin:0 auto 9px;}
.btsProgram .infoArea > div._1 ul li:before {color:#00be5d;}
.btsProgram .infoArea > div._1 ul li:nth-child(1):before {content:'1.';}
.btsProgram .infoArea > div._1 ul li:nth-child(2):before {content:'2.';}
.btsProgram .infoArea > div._1 ul li:nth-child(3):before {content:'3.';}
.btsProgram .infoArea > div._1 ul li:nth-child(4):before {content:'4.';}
.btsProgram .infoArea > div._1 ul li:nth-child(5):before {content:'5.';}
.btsProgram .infoArea > div._1 ul li:nth-child(6):before {content:'6.';}
.btsProgram .infoArea > div._1 ul li:nth-child(7):before {content:'7.';}

.btsProgram .infoArea > div._2 {border:5px solid #09a0c7; margin:0;}
.btsProgram .infoArea > div._2 .tit {background:url('/public/images/renew_202211_1/program/cm_program_sec_1_label_2.png') center center no-repeat;}
.btsProgram .infoArea > div._2 .t1 {color:#00b7e5; border-bottom:1px solid #00b7e5;}
.btsProgram .infoArea > div._2 ul li {margin:0 auto 15px;}
.btsProgram .infoArea > div._2 ul li:before {content:''; width:8px; height:8px; background:#ff8a90; top:8px;}


.btsProgram .infoIcon {width:100%; position:relative; margin:-15% auto 0; z-index:1;}
.btsProgram .infoIcon img {display:block; width:100%;}


@media screen and (max-width:1600px){
  .btsProgram .infoArea > div {width:calc(50% - 20px); margin:0 30px 0 0;}
}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .btsProgram .infoArea > div {padding:0 25px 25px 25px;}
  .btsProgram .infoArea > div .tit {height:70px; font-size:30px; line-height:70px; top:-18px;}
  .btsProgram .infoArea > div .t1 {font-size:30px; line-height:34px;}
  .btsProgram .infoArea > div ul li {font-size:17px;}
}

@media screen and (max-width:960px){
  .btsProgram .infoArea > div {padding:0 20px 20px 20px;}
  .btsProgram .infoArea > div .tit {height:60px; font-size:24px; line-height:60px; top:-16px;}
  .btsProgram .infoArea > div .t1 {font-size:24px; line-height:30px;}
  .btsProgram .infoArea > div ul li {font-size:16px;}
}

@media screen and (max-width:768px){
  .btsProgram .infoArea > div {display:block; width:100%; max-width:600px; margin:0 auto 30px; padding:0 15px 15px 15px;}
  .btsProgram .infoArea > div._1 {border:3px solid #01b85c;}
  .btsProgram .infoArea > div._2 {border:3px solid #09a0c7; margin:0 auto;}
  .btsProgram .infoArea > div .tit {height:50px; font-size:20px; line-height:50px; top:-14px;}
  .btsProgram .infoArea > div .t1 {font-size:20px; line-height:24px;}
  .btsProgram .infoArea > div ul li {font-size:15px;}

  .btsProgram .infoIcon {margin:30px auto 0;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 프로그램소개 > BTS프로그램 영역 :: E */



/* 프로그램소개 > 프로그램소개 - 1 영역 :: S */
.programStep {z-index:3;}
.programStep._1 {background:#fae100;}
.programStep._1:before {display:block; content:''; width:100%; height:64px; background-size:auto 100% !important; background:url('/public/images/renew_202211_1/program/cm_program_sec_2_bg_top_1.png') center center no-repeat; position:absolute; top:-64px; left:0;}
.programStep._2 {background:#fcf6ae;}
.programStep._3 {background:#ffef60;}
.programStep._3:before {display:block; content:''; width:100%; height:108px; background-size:auto 100% !important; background:url('/public/images/renew_202211_1/program/cm_program_sec_2_bg_bottom_1.png') center center no-repeat; position:absolute; bottom:-108px; left:0;}

.programStep .typoArea {}
.programStep .typoArea .step {width:100%; text-align:center; position:relative; margin:0 auto 30px;}
.programStep .typoArea .step p {display:inline-block; min-width:80px; height:50px; position:relative; text-align:center; vertical-align:middle; margin:0 -5px 0 0; padding:0 30px; font-size:26px; line-height:50px; font-weight:600; color:#fff; box-sizing:border-box;}
.programStep .typoArea .step p:nth-child(1) {border-radius:25px 0 0 25px;}
.programStep .typoArea .step p:nth-child(2) {border-radius:0 25px 25px 0;}
.programStep .typoArea .rnded {margin:30px auto 0;}
.programStep .typoArea .rnded p {color:#777;}

.programStep._1 .typoArea .step p:nth-child(1) {background:#103452;}
.programStep._1 .typoArea .step p:nth-child(2) {background:#eb6675;}
.programStep._1 .typoArea .desc2 b {color:#eb6877;}
.programStep._1 .typoArea .rnded p b:nth-child(1) {color:#eb6877;}
.programStep._1 .typoArea .rnded p b:nth-child(3) {color:#5384c7;}

.programStep._2 .typoArea .step p:nth-child(1) {background:#103452;}
.programStep._2 .typoArea .step p:nth-child(2) {background:#ec6941;}
.programStep._2 .typoArea .desc2 b {color:#ec6941;}
.programStep._2 .typoArea .rnded p b:nth-child(1) {color:#f39800;}
.programStep._2 .typoArea .rnded p b:nth-child(3) {color:#7eb409;}

.programStep._3 .typoArea .step p:nth-child(1) {background:#103452;}
.programStep._3 .typoArea .step p:nth-child(2) {background:#bc4bc9;}
.programStep._3 .typoArea .desc2 b {color:#bc4bc9;}
.programStep._3 .typoArea .rnded p b:nth-child(1) {color:#3a82c4;}
.programStep._3 .typoArea .rnded p b:nth-child(3) {color:#9156ad;}


.programStep .stepArea {width:100%; max-width:1100px;position:relative; margin:0 auto; padding:0; box-sizing:border-box;}
.programStep .stepArea .rect {width:100%; position:relative; margin:0 auto 50px; padding:0 0 0 300px; box-sizing:border-box;}
.programStep .stepArea .rect:last-child {margin:0 auto !important;}

.programStep .stepArea .rect ._left {width:300px; height:100%; position:absolute; top:0; left:0; border-radius:30px 0 0 30px; /* overflow:hidden; */ box-shadow:1px 0 1.5px 1.5px rgba(0,0,0,0.15); z-index:3;}
.programStep .stepArea .rect ._left .disT {}
.programStep .stepArea .rect ._left .disTC {text-align:center; vertical-align:middle; padding:10px; box-sizing:border-box;}
.programStep .stepArea .rect ._left .disTC p {display:block; text-align:center; position:relative; margin:0; padding:0; color:#fff;}
.programStep .stepArea .rect ._left .disTC .tit {font-size:24px; line-height:32px; font-weight:600;}
.programStep .stepArea .rect ._left .label {width:177px; height:210px; position:absolute; top:-26px; right:15px;}
.programStep .stepArea .rect ._left .label img {display:block; width:100%;}

.programStep .stepArea .rect ._right {width:100%; position:relative; background:#fff; margin:0; padding:0; z-index:1;}
.programStep .stepArea .rect ._right > div {width:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.programStep .stepArea .rect ._right .desc {text-align:center; padding:20px 0; font-size:24px; line-height:32px; font-weight:600; color:#fff;}
.programStep .stepArea .rect ._right .desc span {font-size:20px; font-weight:400;}
.programStep .stepArea .rect ._right .con {padding:30px;}
.programStep .stepArea .rect ._right .con p {display:block; text-align:left; position:relative; margin:0; padding:0;}
.programStep .stepArea .rect ._right .con .t1 {font-size:18px; line-height:24px; font-weight:600;}
.programStep .stepArea .rect ._right .con .howtouse {font-size:18px; line-height:20px; font-weight:600; color:#0068b7; margin:30px auto 15px;}
.programStep .stepArea .rect ._right .con ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.programStep .stepArea .rect ._right .con ul li {display:block; width:100%; position:relative; margin:0 auto 5px; padding:0 0 0 20px; box-sizing:border-box; font-size:16px; line-height:22px; font-weight:500; color:#555;}
.programStep .stepArea .rect ._right .con ul li b {color:#0068b7;}
.programStep .stepArea .rect ._right .con ul li:last-child {margin:0 auto !important;}
.programStep .stepArea .rect ._right .con ul li:before {display:block; width:20px; height:22px; position:absolute; top:0; left:0;}
.programStep .stepArea .rect ._right .con ul li:nth-child(1):before {content:'1.';}
.programStep .stepArea .rect ._right .con ul li:nth-child(2):before {content:'2.';}
.programStep .stepArea .rect ._right .con ul li:nth-child(3):before {content:'3.';}
.programStep .stepArea .rect ._right .con ul li:nth-child(4):before {content:'4.';}
.programStep .stepArea .rect ._right .con ul li:nth-child(5):before {content:'5.';}
.programStep .stepArea .rect ._right .con .noti {font-size:16px; line-height:22px; font-weight:500; color:#777; margin:20px auto 0;}
.programStep .stepArea .rect ._right .con .noti b {color:#0068b7;}

.programStep .stepArea .rect._1 {}
.programStep .stepArea .rect._1 ._left {background:#f29c9f;}
.programStep .stepArea .rect._1 ._right .desc {background:#fb767d;}
.programStep .stepArea .rect._1 ._right .con .t1 {color:#fb767d;}

.programStep .stepArea .rect._2 {}
.programStep .stepArea .rect._2 ._left {background:#88abda;}
.programStep .stepArea .rect._2 ._right .desc {background:#5384c7;}
.programStep .stepArea .rect._2 ._right .con .t1 {color:#00479d;}

.programStep .stepArea .rect._3 {}
.programStep .stepArea .rect._3 ._left {background:#f8ae35;}
.programStep .stepArea .rect._3 ._right .desc {background:#f39800;}
.programStep .stepArea .rect._3 ._right .con .t1 {color:#fd9105;}

.programStep .stepArea .rect._4 {}
.programStep .stepArea .rect._4 ._left {background:#a4d046;}
.programStep .stepArea .rect._4 ._right .desc {background:#7eb409;}
.programStep .stepArea .rect._4 ._right .con .t1 {color:#5ab51e;}

.programStep .stepArea .rect._5 {}
.programStep .stepArea .rect._5 ._left {background:#58beb9;}
.programStep .stepArea .rect._5 ._right .desc {background:#009e96;}
.programStep .stepArea .rect._5 ._right .con .t1 {color:#009e96;}

.programStep .stepArea .rect._6 {}
.programStep .stepArea .rect._6 ._left {background:#76ade0;}
.programStep .stepArea .rect._6 ._right .desc {background:#3a82c4;}

.programStep .stepArea .rect._7 {}
.programStep .stepArea .rect._7 ._left {background:#bf8dd7;}
.programStep .stepArea .rect._7 ._right .desc {background:#9156ad;}

.tgrid_03_01{	
  width:1430px;
  padding-top:0px;
  padding-left:15px;
  padding-right:15px;
  margin:auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2열 그리드 */
  row-gap: 30px; /* 행 간격 */
  column-gap: 10px; /* 열 간격 (선택 사항) */
}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .programStep .typoArea .step p {min-width:60px; height:40px; font-size:20px; line-height:40px; padding:0 25px;}
  .programStep .typoArea .step p:nth-child(1) {border-radius:20px 0 0 20px;}
  .programStep .typoArea .step p:nth-child(2) {border-radius:0 20px 20px 0;}


  .programStep .stepArea .rect {padding:0 0 0 200px;}
  .programStep .stepArea .rect ._left {width:200px;}
  .programStep .stepArea .rect ._left .label {width:89px; height:106px; top:-13px; right:10px;}
  .programStep .stepArea .rect ._left .disTC .tit {font-size:20px; line-height:26px;}

  .programStep .stepArea .rect ._right .desc {padding:15px 0; font-size:20px; line-height:26px;}
  .programStep .stepArea .rect ._right .desc span {font-size:15px;}
  .programStep .stepArea .rect ._right .con {padding:20px;}
  .programStep .stepArea .rect ._right .con .t1 {font-size:17px; line-height:24px;}
  .programStep .stepArea .rect ._right .con .howtouse {font-size:17px; margin:25px auto 12px;}
  .programStep .stepArea .rect ._right .con ul li {font-size:15px;}
  .programStep .stepArea .rect ._right .con .noti {font-size:15px; margin:15px auto 0;}
}

@media screen and (max-width:960px){
  .programStep .typoArea .step p {min-width:50px; height:36px; font-size:18px; line-height:36px; padding:0 20px;}
  .programStep .typoArea .step p:nth-child(1) {border-radius:18px 0 0 18px;}
  .programStep .typoArea .step p:nth-child(2) {border-radius:0 18px 18px 0;}


  .programStep .stepArea .rect {}
  .programStep .stepArea .rect ._left {}
  .programStep .stepArea .rect ._left .disTC .tit {font-size:18px; line-height:24px;}

  .programStep .stepArea .rect ._right .desc {padding:12px 0; font-size:18px; line-height:24px;}
  .programStep .stepArea .rect ._right .desc span {font-size:13px;}
  .programStep .stepArea .rect ._right .con {padding:18px;}
  .programStep .stepArea .rect ._right .con .t1 {font-size:16px; line-height:22px;}
  .programStep .stepArea .rect ._right .con .howtouse {font-size:16px; margin:20px auto 10px;}
  .programStep .stepArea .rect ._right .con ul li {font-size:14px;}
  .programStep .stepArea .rect ._right .con .noti {font-size:14px; margin:12px auto 0;}
}

@media screen and (max-width:768px){
  .programStep._1:before {height:32px; top:-32px;}
  .programStep._3:before {height:54px; bottom:-54px;}

  .programStep .typoArea .step p {min-width:40px; height:34px; font-size:16px; line-height:34px; padding:0 15px;}
  .programStep .typoArea .step p:nth-child(1) {border-radius:17px 0 0 17px;}
  .programStep .typoArea .step p:nth-child(2) {border-radius:0 17px 17px 0;}


  .programStep .stepArea .rect {padding:0 0 0 150px;}
  .programStep .stepArea .rect ._left {width:150px;}
  .programStep .stepArea .rect ._left .disTC .tit {font-size:16px; line-height:22px;}

  .programStep .stepArea .rect ._right .desc {padding:10px 0; font-size:16px; line-height:22px;}
  .programStep .stepArea .rect ._right .desc span {font-size:11px;}
  .programStep .stepArea .rect ._right .con {padding:15px;}
  .programStep .stepArea .rect ._right .con .t1 {font-size:14px; line-height:20px;}
  .programStep .stepArea .rect ._right .con .howtouse {font-size:14px; margin:15px auto 10px;}
  .programStep .stepArea .rect ._right .con ul li {font-size:13px;}
  .programStep .stepArea .rect ._right .con .noti {font-size:13px; margin:10px auto 0;}
}

@media screen and (max-width:640px){
  .programStep .stepArea .rect {padding:0 0 0 120px;}
  .programStep .stepArea .rect ._left {width:120px;}
  .programStep .stepArea .rect ._left .disTC .tit {font-size:14px; line-height:22px;}

  .programStep .stepArea .rect ._right .desc {padding:5px 0; font-size:14px; line-height:20px;}
  .programStep .stepArea .rect ._right .desc span {font-size:10px;}
  .programStep .stepArea .rect ._right .con {padding:12px;}
  .programStep .stepArea .rect ._right .con .t1 {font-size:14px; line-height:20px;}
  .programStep .stepArea .rect ._right .con .howtouse {font-size:13px; margin:15px auto 8px;}
  .programStep .stepArea .rect ._right .con ul li {font-size:12px;}
  .programStep .stepArea .rect ._right .con .noti {font-size:12px; margin:8px auto 0;}
}

@media screen and (max-width:480px){
  .programStep .stepArea .rect {padding:0 0 0 90px;}
  .programStep .stepArea .rect ._left {width:90px;}
  .programStep .stepArea .rect ._left .disTC .tit {font-size:13px; line-height:20px;}

  .programStep .stepArea .rect ._right .desc {padding:5px 0; font-size:13px; line-height:20px;}
  .programStep .stepArea .rect ._right .desc span {font-size:9px;}
  .programStep .stepArea .rect ._right .con {padding:10px;}
  .programStep .stepArea .rect ._right .con .t1 {font-size:13px; line-height:20px;}
  .programStep .stepArea .rect ._right .con .howtouse {font-size:12px; margin:12px auto 5px;}
  .programStep .stepArea .rect ._right .con ul li {font-size:11px;}
  .programStep .stepArea .rect ._right .con .noti {font-size:11px; margin:5px auto 0;}
}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 프로그램소개 > 프로그램소개 - 1 영역 :: E */



/* 프로그램소개 > 앱화면 슬라이드 영역 :: S */
.programSliderWrap {background:#0068b7;}
.programSliderWrap:before,
.programSliderWrap:after {display:block; content:''; background-size:cover !important; width:450px; height:396px; background:url('/public/images/renew_202211_1/program/cm_program_sec_3_bg_shape_1.png') center center no-repeat; position:absolute; z-index:1;}
.programSliderWrap:before {top:5%; right:-1%;}
.programSliderWrap:after {bottom:5%; left:-1%;}
.programSliderWrap .inner {z-index:3;}

.programSliderWrap .typoArea {}

.programSliderWrap .padSlider {width:100%; max-width:1100px;position:relative;}
.programSliderWrap .padSlider .swiper-slide {position:relative; padding:0 120px; box-sizing:border-box;}
.programSliderWrap .padSlider .swiper-slide img {display:block; width:100%;}

.programSliderWrap .padSlider .swiper-arrow {width:96px; height:96px; position:absolute; top:50%; margin-top:-48px; background-size:cover !important;}
.programSliderWrap .padSlider .swiper-arrow:after {display:none;}
.programSliderWrap .padSlider .swiper-button-prev {background:url('/public/images/renew_202211_1/cm_arrow_dblue_circle_1_left.png') center center no-repeat; left:0;}
.programSliderWrap .padSlider .swiper-button-next {background:url('/public/images/renew_202211_1/cm_arrow_dblue_circle_1_right.png') center center no-repeat; right:0;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){
  .programSliderWrap .padSlider .swiper-slide {padding:0 60px;}

  .programSliderWrap .padSlider .swiper-arrow {width:48px; height:48px; margin-top:-24px;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}

@media screen and (max-width:320px){

}
/* 프로그램소개 > 앱화면 슬라이드 영역 :: E */









/*202408 업데이트 * 교육효과 > 트레이닝효과 :: S */



.effect04 .banner {padding:0px 0 120px 0; background-color:#f0f0f0;color:#252525;}

.effect04 .typoArea {
  font-size: 45px;
    line-height: 100px;
}
.effect04 .typoArea .tit {
  font-size:  75px;
  line-height: 200px;
  font-weight: 800;

}


.effect04 .infoArea  {
  width: 1430px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3칸 그리드 */
  column-gap: 10px; /* 칸 간격 10px */
}


.effect04 .infoArea > div {position:relative; vertical-align:top; margin:0 5px 0 0; padding:20px; box-sizing:border-box; border-radius:30px; background:#fff;}
.effect04 .infoArea > div p {display:block; position:relative; margin:0; padding:30px 0 0 0;}
.effect04 .infoArea > div .tit {text-align:left;width:100%; height:18px; font-size:20px; font-weight:700; color:#252525;background-size:auto 100% !important;}
.effect04 .infoArea > div .t1 {text-align:left;width:100%; font-size:14px; font-weight:600; margin:10px auto 10px; padding:20px 0 20px 0; color:#252525;}
.effect04 .infoArea > div ul {display:block; width:100%; position:relative; margin:0; padding:0 0px; box-sizing:border-box;}
.effect04 .infoArea > div ul li {display:block; position:relative; text-align:left; margin:0 auto; padding:0 0 0 0px; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#777;}
.effect04 .infoArea > div ul li:last-child {margin:0 auto !important;}
.effect04 .infoArea > div ul li:before {display:block; width:30px; height:24px; position:absolute; top:0; left:0;}
.effect04 .infoArea > div ul li span {color:#eb6100;}
.effect04 .infoArea > div ul li span.c2 {color:#00a0e9;}

.effect04 .infoArea > div._1 {border:0px solid #01b85c;}
.effect04 .infoArea > div._1 .tit {}
.effect04 .infoArea > div._1 .t1 {}
.effect04 .infoArea > div._1 ul li {margin:0 auto 15px;}
.effect04 .infoArea > div._1 ul li:before {color:#000000;}


.effect04 .infoArea > div._2 {border:0px solid #09a0c7;}
.effect04 .infoArea > div._2 .tit {}
.effect04 .infoArea > div._2 .t1 {}
.effect04 .infoArea > div._2 ul li {margin:0 auto 15px;}
.effect04 .infoArea > div._2 ul li:before {content:''; width:8px; height:8px; top:8px;}

.effect04 .infoArea > div._3 {border:0px solid #09a0c7;}
.effect04 .infoArea > div._3 .tit {}
.effect04 .infoArea > div._3 .t1 {}
.effect04 .infoArea > div._3 ul li {margin:10px auto 15px;}
.effect04 .infoArea > div._3 ul li:before {content:''; width:8px; height:8px;  top:8px;}



.effect04 .banner .pc {display:inline-block;}
.effect04 .banner .mo {display:none;}



@media screen and (max-width:800px){
  .effect04 .infoArea  {
    width:100%;
  grid-template-columns: repeat(1, 1fr); /* 3칸 그리드 */

  }

  .effect04 .banner .mo {display:inline-block;}
  .effect04 .banner .pc {display:none;}


}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:960px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){
  .effect04 .infoArea > div .tit {font-size:16px;}
}

@media screen and (max-width:360px){
  .effect04 .infoArea > div .tit {font-size:16px;}
}

@media screen and (max-width:320px){
  .effect04 .infoArea > div .tit {font-size:16px;}
}
/* 교육효과 > 트레이닝효과  :: E */








/*202408 업데이트 * 메인 > 후기 :: S */



.index03 .banner {padding:143px 0 120px 0; background-color:#f0f0f0;color:#252525;}

.index03 .typoArea {
  font-size: 45px;
    line-height: 100px;
}
.index03 .typoArea .tit {
  font-size:  75px;
  line-height: 200px;
  font-weight: 800;

}


.index03 .infoArea  {
  width: 1430px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2칸 그리드 */
  column-gap: 0px; /* 칸 간격 10px */
}


.index03 .infoArea > div {position:relative; vertical-align:top; margin:0 5px 0 0; padding:32px; box-sizing:border-box; border-radius:30px; background:#fff;}
.index03 .infoArea > div p {display:block; position:relative; margin:0; padding:30px 0 0 0;}
.index03 .infoArea > div .tit {text-align:left;width:100%; height:18px; font-size:20px; font-weight:700; color:#252525;background-size:auto 100% !important;}
.index03 .infoArea > div .t1 {text-align:left;width:100%; font-size:14px; font-weight:600; margin:10px auto 10px; padding:20px 0 20px 0; color:#252525;}
.index03 .infoArea > div ul {display:block; width:100%; position:relative; margin:0; padding:0 0px; box-sizing:border-box;}
.index03 .infoArea > div ul li {display:block; position:relative; text-align:left; margin:0 auto; padding:0 0 0 0px; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#777;}
.index03 .infoArea > div ul li:last-child {margin:0 auto !important;}
.index03 .infoArea > div ul li:before {display:block; width:30px; height:24px; position:absolute; top:0; left:0;}
.index03 .infoArea > div ul li span {color:#eb6100;}
.index03 .infoArea > div ul li span.c2 {color:#00a0e9;}

.index03 .infoArea > div._1 {margin:0 -30px 0 0; padding:0px; box-sizing:border-box; border-radius:0px; background:#fff;z-index:1;}
.index03 .infoArea > div._1 ul {display:block; width:100%; position:relative; margin:0; padding:0 0px; box-sizing:border-box;}
.index03 .infoArea > div._1 ul li {display:block; position:relative; text-align:left; margin:0 auto; padding:0 0 0 0px; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#777;}
.index03 .infoArea > div._1 ul li {margin:0 auto 9px;}
.index03 .infoArea > div._1 ul li:before {color:#000000;}


.index03 .infoArea > div._2 {margin:39px 20px 20px 11px;;background:#ffffff;}
.index03 .infoArea > div._2 .tit {}
.index03 .infoArea > div._2 .t1 {}
.index03 .infoArea > div._2 ul li {margin:0 auto 15px;}
.index03 .infoArea > div._2 ul li:before {content:''; width:8px; height:8px; top:8px;}

.index03 .infoArea > div._3 {border:0px solid #09a0c7; margin:10px;}
.index03 .infoArea > div._3 .tit {}
.index03 .infoArea > div._3 .t1 {}
.index03 .infoArea > div._3 ul li {margin:10px auto 15px;}
.index03 .infoArea > div._3 ul li:before {content:''; width:8px; height:8px;  top:8px;}

.pc {display:inline-block;}
.mo {display:none;}

@media screen and (max-width:800px){
  .index03 .infoArea  {
    width:100%;
  grid-template-columns: repeat(1, 1fr); /* 3칸 그리드 */
  }
  
  .index03 .banner {
    padding: 70px 0 60px 0;
  }

  .index03 .infoArea > div {

    border-radius: 0 0px 30px 30px;
  }


  .index03 .infoArea > div._1 {
    margin: 0 0 0 0;
  }
  .index03 .infoArea > div._2 {
    margin:-20px 30px 30px 30px;
  }

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

}

@media screen and (max-width:1280px){
  .pc {display:none;}
.mo {display:block;}

}

@media screen and (max-width:1080px){
  .pc {display:none;}
.mo {display:block;}

}

@media screen and (max-width:960px){
  .pc {display:none;}
.mo {display:block;}

}

@media screen and (max-width:768px){
  .pc {display:none;}
.mo {display:block;}

}

@media screen and (max-width:640px){
  .pc {display:none;}
.mo {display:block;}

}

@media screen and (max-width:480px){
  .pc {display:none;}
  .mo {display:block;}
}

@media screen and (max-width:360px){
  .pc {display:none;}
  .mo {display:block;}
}

@media screen and (max-width:320px){
  .pc {display:none;}
  .mo {display:block;}
}
/* 메인 > 후기  :: E */




.mainCon08 .banner {padding:143px 0 120px 0; background-color:#f0f0f0;color:#252525;}

.mainCon08 .typoArea {}


.mainCon08 .typoArea .tit {
  font-size:  75px;
  line-height: 200px;
  font-weight: 800;

}


.mainCon08 .infoArea  {
  width: 1430px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2칸 그리드 */
  column-gap: 10px; /* 칸 간격 10px */
}


.mainCon08 .infoArea > div {position:relative; vertical-align:top;}
.mainCon08 .infoArea > div p {display:block; position:relative; margin:0; padding:30px 0 0 0;}
.mainCon08 .infoArea > div .tit {text-align:left;width:100%; height:18px; font-size:20px; font-weight:700; color:#252525;background-size:auto 100% !important;}
.mainCon08 .infoArea > div .t1 {text-align:left;width:100%; font-size:14px; font-weight:600; margin:10px auto 10px; padding:20px 0 20px 0; color:#252525;}
.mainCon08 .infoArea > div ul {display:block; width:100%; position:relative; margin:0; padding:0 0px; box-sizing:border-box;}
.mainCon08 .infoArea > div ul li { margin:0 30px 0 30px; padding:32px; box-sizing:border-box; border-radius:0 0 30px 30px; background:#fff;display:block; position:relative; text-align:left; margin:0 auto; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#777;}


.mainCon08 .infoArea > div ._1 {margin:0 -30px 0 0; padding:0px; box-sizing:border-box; border-radius:0px; background:#fff;z-index:1;}
.mainCon08 .infoArea > div ._1 ul {display:block; width:100%; position:relative; margin:0; padding:0 0px; box-sizing:border-box;}
.mainCon08 .infoArea > div ._1 ul li {display:block; position:relative; text-align:left; margin:30px auto; padding:0 0 0 0px; box-sizing:border-box; font-size:18px; line-height:24px; font-weight:500; color:#777;}
.mainCon08 .infoArea > div ._1 ul li {margin:0 auto 9px;}
.mainCon08 .infoArea > div ._1 ul li:before {color:#000000;}


.mainCon08 .infoArea > div ._2 {}
.mainCon08 .infoArea > div ._2 .tit {}
.mainCon08 .infoArea > div ._2 .t1 {}
.mainCon08 .infoArea > div ._2 ul li {margin:0 auto 15px;}
.mainCon08 .infoArea > div ._2 ul li:before {content:''; width:8px; height:8px; top:8px;}

.mainCon08 .infoArea > div ._3 {border:0px solid #09a0c7; margin:10px;}
.mainCon08 .infoArea > div ._3 .tit {}
.mainCon08 .infoArea > div ._3 .t1 {}
.mainCon08 .infoArea > div ._3 ul li {margin:10px auto 15px;}
.mainCon08 .infoArea > div ._3 ul li:before {content:''; width:8px; height:8px;  top:8px;}




@media screen and (max-width:800px){


        .mainCon08 .infoArea  {
          width:100%;
        grid-template-columns: repeat(1, 1fr); /* 3칸 그리드 */

        }

        .mainCon08 .infoArea > div {

          border-radius: 0 0px 30px 30px;
        }


        .mainCon08 .infoArea > div._1 {
          margin: 0 0 0 0;
          
        }
        .mainCon08 .infoArea > div._2 {
          margin:-20px 30px 30px 30px;
        }

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

      .mainCon08 .infoArea > div ul li {
        margin:0px 30px 30px 30px;
      } 
      .mainCon08 .banner {
        padding: 73px 0 60px 0;
    }


}

@media screen and (max-width:1280px){

    .mainCon08 .infoArea  {
      width:100%;
    grid-template-columns: repeat(1, 1fr); /* 3칸 그리드 */

    }

    .mainCon08 .infoArea > div {

      border-radius: 0 0px 30px 30px;
    }


    .mainCon08 .infoArea > div._1 {
      margin: 0 0 0 0;
      
    }
    .mainCon08 .infoArea > div._2 {
      margin:-20px 30px 30px 30px;
    }

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

    .mainCon08 .infoArea > div ul li {
      margin:0px 30px 30px 30px;
    } 

}

@media screen and (max-width:1080px){

    .mainCon08 .infoArea  {
      width:100%;
    grid-template-columns: repeat(1, 1fr); /* 3칸 그리드 */

    }

  .mainCon08 .infoArea > div {

    border-radius: 0 0px 30px 30px;
  }


  .mainCon08 .infoArea > div._1 {
    margin: 0 0 0 0;
    
  }
  .mainCon08 .infoArea > div._2 {
    margin:-20px 30px 30px 30px;
  }

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

.mainCon08 .infoArea > div ul li {
  margin:0px 30px 30px 30px;
} 


}

@media screen and (max-width:960px){
  .mainCon08 .infoArea  {
    width:100%;
  grid-template-columns: repeat(1, 1fr); /* 3칸 그리드 */

  }

  .mainCon08 .infoArea > div {

    border-radius: 0 0px 30px 30px;
  }


  .mainCon08 .infoArea > div._1 {
    margin: 0 0 0 0;
    
  }
  .mainCon08 .infoArea > div._2 {
    margin:-20px 30px 30px 30px;
  }

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

.mainCon08 .infoArea > div ul li {
  margin:0px 30px 30px 30px;
} 


}

@media screen and (max-width:768px){
  .pc {display:none;}
.mo {display:inline-block;}

}

@media screen and (max-width:640px){
  .pc {display:none;}
.mo {display:block;}

}

@media screen and (max-width:480px){
  .pc {display:none;}
  .mo {display:block;}
}

@media screen and (max-width:360px){
  .pc {display:none;}
  .mo {display:block;}
}

@media screen and (max-width:320px){
  .pc {display:none;}
  .mo {display:block;}
}
/* 메인 > 후기  :: E */



















.image06_01{	
	height:1131px;
	background-image: url('/_202408/img/image_06_01_bg.png');
	background-size: cover; /* or contain */
    background-position: center;
    background-repeat: no-repeat;
}


.accordion .card-title {
  font-size: 16px;
}

.card-header a{
    padding:40px;
    border-radius: 30px;
}

.card-default{
margin-top:20px;

}
.tit{
    font-size: 32px;
    color:#000000;
    padding:20px 0 20px 50px;

}


.accordion .card-header {
    padding: 0;
    border-radius: .25rem;
    border-bottom: 0;
    border-bottom-width: 0px;
    border-bottom-style: initial;
    border-bottom-color: initial;
    margin: -1px;
}
.accordion .card-body {
    font-size: 20px;
    color:#222222;
    background: #dfc5f2;
}


.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
    /* border: 6px solid rgba(0, 0, 0, 0.125); */
    border-radius: 30px;margin-bottom:25px;
}


.grid_02_01{	
	width:1430px;
	padding-left:40px;
	margin:auto;
	display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2열 그리드 */
	row-gap: 0px; /* 행 간격 */
    column-gap: 40px; /* 열 간격 (선택 사항) */
}





.bgrid_02_01{	
  width:100%;
  padding-left:0px;
  margin:auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2열 그리드 */
  row-gap: 30px; /* 행 간격 */
  column-gap: 5px; /* 열 간격 (선택 사항) */
}





@media screen and (max-width:800px){
  .accordion .card-title {
    font-size: 12px;
  }
  .tit{
    font-size: 20px;
    color:#000000;
    padding:20px 0 20px 20px;

}

.grid_02_01 {
  width: 100%;
  margin: auto;
  padding-left:0px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 0px;
  column-gap: 40px;
}

.image06_01{	
	width:100%;
	background-image: url('');
	height:331px;
}

.tgrid_03_01 {
  width: 90%;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 30px;
  column-gap: 10px;
}


.bgrid_02_01 {
  width: 100%;
}

.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type {
  /* border: 6px solid rgba(0, 0, 0, 0.125); */
  border-radius:15px;margin:15px;
}


}