/* 2025 New ver */
.index2025 {clear: both;}


.newcontainer { width: 1520px; margin: 0 auto;}

/* 메인 비주얼 */
.newVisual {position: relative;}
.newVisual .mainV-txt { font-size: 70px;font-weight: 700; position: absolute;left: 50px;bottom: 15%;}
.newVisual .mainV-txt .tit { background:url('/theme/IDEN02/img/mainVtxt-back.png') no-repeat center;background-size: contain; display: inline-block;padding: 10px 10px;}
.newVisual.visual video { width: 100%;}


.mainToday-ttl { text-align: center;padding-top: 250px;padding-bottom: 50px;}
.mainToday-ttl p { display: block; font-size: 48px;font-weight: bold;color: #1A1A1A;line-height: 140%;}
.mainToday-ttl p span { color: #D94E1B;font-size: 48px;font-weight: bold;}
.mainToday-img { text-align: center;display: flex; justify-content: center; align-items:center;padding-bottom: 200px;}
.today-arrow-img { width: 100px;height: 100px;display: inline-block;background:url('/theme/IDEN02/img/main-only-arrow.png') no-repeat center;}

/* 인증서 */
.mainNew-cerfi { position: relative;background: #F5F5F5;padding: 100px 10%;display: flex;flex-wrap: wrap;height: 600px;}
.mainNew-cerfi .newcontainer { display: flex;align-items: space-between;align-content: center;}

.cerfi-left { vertical-align: top;width: 40%;margin-top: 3%;}
.cerfi-left-ttl { font-size: 32px;font-weight: bold;color: #1A1A1A;}
.cerfi-left-ttl span { color: #D94E1B;}
.cerfi-left-txt { font-size: 16px;margin-top: 30px;}
.cerfi-left-txt span { line-height: 160%;display: block;}
.cerfi-right { position: relative;width: 60%;}
.cerfi-right span:nth-child(1) { left: 50px;position: absolute;z-index: 104;}
.cerfi-right span:nth-child(1) img { width: 298px;height: 420px;}
.cerfi-right span:nth-child(2) { left: 270px;top: 10px; position: absolute;z-index: 103;}
.cerfi-right span:nth-child(2) img { width: 282px;height: 400px;}
.cerfi-right span:nth-child(3) { left: 475px;top:20px; position: absolute;z-index: 102;}
.cerfi-right span:nth-child(3) img { width: 266px;height: 376px;}
.cerfi-right span:nth-child(4) { left: 660px;top:30px; position: absolute;z-index: 101;}
.cerfi-right span:nth-child(4) img { width: 250px;height: 353px;}
.best-firsttxt {padding-left: 17px;}

.todayTime { clear: both; position: relative;padding: 150px 0; text-align: center;}
.todayTime .todayTime-ttl { font-size: 48px;color: #1A1A1A;line-height: 140%;font-weight: 700;}
.todayTime .todayTime-ttl span { font-size: 48px;color: #D94E1B;line-height: 140%;}
.todayTime-txt { color: #888888;font-size: 20px;line-height: 160%;margin-bottom: 20px;}
.todayTime-img { clear: both;display: table;width: 100%;margin-top: 50px;}
.todayTime-img img { width: 677px;}
.interview-video { background: #D9D9D9;height: 1000px;width: 100%;display: table-cell;vertical-align: middle;color: #fff;font-size: 36px;}

/* 포트폴리오 */
.portfolio-ttl { text-align: center;}
.portfolio-ttl .sub {font-size: 20px;color: #888;}
.portfolio-ttl .tit { font-size: 48px;font-weight: 700;color: #1A1A1A;line-height: 140%;padding-bottom: 25px;}
.portfolio-ttl .tit::after { content: ''; display: inline-block; background:url('/theme/IDEN02/img/port-arrow.png') no-repeat center;width: 17px;height: 27px;margin-left: 30px;margin-bottom: 2px;}

/*카테고리 탭메뉴*/
.cate-tabm {text-align: center;margin-bottom: 60px;position: relative;
    z-index: 1000;}
.cate-tabm ul {display: flex;align-content: center;justify-content:center;}
.cate-tabm ul li { line-height: 48px;color: #515151;background: #ddd;margin: 0 10px;border-radius: 62px;}
.cate-tabm ul li a {display:block;color: #888;font-size: 16px;border-radius: 62px;height: 48px;padding: 0 20px;}
.cate-tabm ul li a:hover {background:#1A1A1A;color: #fff;}
.cate-tabm ul li a.cate-on { background:#1A1A1A;color: #fff;display:block;}

/* 공정 */
.mainNew-process { position: relative;background: #F5F5F5;padding: 100px 0;}
.mainNew-process .process-left { padding-top: 30px;}
.mainNew-process .process-left a { font-size: 16px; }
.mainNew-process .newcontainer { display: flex;align-content: center;justify-content: space-between;}
.process-left-ttl { font-size: 32px; color: #1A1A1A;line-height: 140%;font-weight: bold;padding-bottom: 30px;}
.process-left-txt { font-size: 16px;line-height: 160%;padding: 0px;}
.process-left-txt span {display: block;}
.process-left-ttl span { font-size: 32px; color: #D94E1B;line-height: 140%;}
.process-right span { display: inline-block;background: #fff;border-radius: 30px;margin-bottom: 15px;margin-right: 50px;position: relative;}
.process-right span::after { content: '>';display: inline-block;width: 50px;height: 50px;}
.process-link {padding-top: 85px;}
.process-link a { font-size: 16px;line-height: 160%; color: #555;}
.process-link a::after { content: ''; display: inline-block; background:url('/theme/IDEN02/img/btn_arrow.png') no-repeat center; background-size: contain; width: 9px; height: 15px;margin-left: 10px; }

.best-first .newcontainer {display: flex;align-content: center;justify-content: space-between;}

/*3in1-info*/
.interior-info { clear: both;padding: 70px 0;margin-bottom: 250px;}
.interior-info .newcontainer {display: flex;align-content: center;justify-content:space-evenly;}
.interior-ttl {text-align: center;font-size: 32px;color: #1A1A1A;padding-bottom: 50px;font-weight: 700;}
.interior-conts span {display: block;text-align: center;}
.interior-conts span:first-child img { margin-bottom: 20px;}
.interior-conts span:nth-child(2) {font-size: 20px;color: #000;line-height: 160%;font-weight: 500;}
.interior-conts span:nth-child(3) {font-size: 16px;color: #555;line-height: 160%;}

/*step process*/
.step-txt { text-align: center;font-size: 32px;font-weight: 600;color: #888888;line-height: 140%;}
.step-ttl { text-align: center;margin-top: 15px;color: #1A1A1A;font-size: 48px;font-weight: 700;line-height: 140%;margin-bottom: 50px;}
.step-conts {clear: both;position: relative;padding-bottom: 150px;display: flex;align-content: center;flex-wrap: wrap;}
.step-conts .step-left { width: 40%;}
.step-no { font-size: 20px;line-height: 160%;color: #888888;}
.stepconts-ttl { font-size: 32px;color: #888888;line-height: 140%;margin-bottom: 30px;}
.stepconts-ttl span { display: block;color: #1A1A1A;font-weight: 700;}
.stepconts-txt { margin-top: 20px; font-size: 16px;color: #1A1A1A;line-height: 160%;margin-bottom: 30px;}
.stepconts-txt span { display: block;}
.stepconts-txt2 { color: #555;font-size: 14px;}
.step-conts .step-right { width: 60%;}
.step-conts .step-right img { width: 100%;}
.step-todayTxt p {font-weight: 700 !important;color: #1A1A1A !important;}
.step-todayTxt p span {display: inline-block !important;}
.step-todayTxt p span.txt-orange {color: #D94E1B;}

.mainboard-height {height: 590px;margin-bottom: 200px;}
.mainboard-height .mainboard-blank {padding: 120px 0 0 150px;}

.color-style { margin-bottom: 300px;}
.color-style .w50per img {width: 100%; height: 100%;}
.color-style .w50per.color-style-blank {padding: 150px 0 0 150px;}

.step-2col {display: flex;align-items: space-between;align-content: center;flex-wrap: wrap;}
.step-2col .w50per { width: 50%;}
.stepconts-link {font-size: 16px; color: #555;line-height: 160px;padding: 0px 0;}
.stepconts-link a { color: #555;}
.stepconts-link::after { content: ''; display: inline-block;background:url('/theme/IDEN02/img/btn_arrow.png') no-repeat center; background-size: contain; width: 9px; height: 15px;margin-left: 5px;margin-bottom: -1px; }

/*견적문의*/
.main-estimate { clear: both;position: relative;padding: 50px; background: #F6F4E8;}
.main-estimate .newcontainer { background: url('/theme/IDEN02/img/mask-group.png') 50px bottom no-repeat;position: relative;min-height: 500px;box-sizing: border-box;}
.main-estimate .newcontainer .tit { font-size: 32px; font-weight: 700;line-height: 140%;color: #1A1A1A;padding-top: 20px;}
.main-estimate .newcontainer .txt {font-size: 16px;padding-top: 20px;}
.main-estimate .newcontainer .iframe-box { position: absolute;left: 50%;top: 0;width: 100% !important;}
.main-estimate .newcontainer .iframe-box.membership-new .full_input { background: #fff !important;border: none !important;color: #1A1A1A !important;}
.main-estimate .newcontainer .iframe-box.membership-new .body2 #bo_w .btn_submit {background: #1A1A1A !important;}

.iframe-box.membership-new iframe { width: 50% !important;}
.main-estimate .newcontainer .iframe-box .html2 {width: 100%; overflow: hidden;}

/* 커스터마이징 팝업 */
#mask {  position:absolute;  left:0;  top:0;  z-index:100;  background-color:rgba(0,0,0,0);  display:none;}
#boxes .window { position:fixed; left:0; top:0; width:950px; height:750px; display:none; z-index:9999; background-color:#ffffff;overflow-y: auto;box-shadow: 0px 15px 15px rgba(0,0,0,0.1);}
#boxes .window img { height: auto;width: 100%;}
.close-popup { position:absolute; top:50px; right:20px;}


/* all-process */
.all-process { clear: both;position: relative; padding: 100px;}
.all-processWrap {display: flex;align-content: center;flex-wrap: wrap;padding-left: 5%;}
.all-processConts { width: 20%;position: relative;}
.all-processConts::after { content: ''; position: absolute;right: 13%;top: 50%;margin-top: -40px; background:url('/theme/IDEN02/img/main-only-arrow.png') no-repeat center; background-size: contain; width: 18px; height: 36px;margin-left: 10px;}
.all-processConts:last-child::after {background: none;}
.all-txt {font-size: 20px;color: #555;line-height: 160%;margin-top: 20px;}
.all-img { width: 225px;}
.all-txt span {display: block;text-align: center;}
.all-process-ttl {text-align: center;font-size: 40px;font-weight: 700;color: #1A1A1A;padding-bottom: 70px;}



/*특별한 디자인*/
.design-special { clear: both;padding: 100px 0;}
.special-ttl {text-align: center;font-size: 40px;font-weight: 700;color: #1A1A1A;line-height: 140%;padding-top: 150px; padding-bottom: 50px;}
.special-contsttl { text-align: center;font-size:32px; font-weight: 700;color: #1A1A1A;line-height: 140%;text-align: left;padding: 25px 0 10px;}
.special-img img { width: 100%;}
.special-txt { font-size: 16px;line-height: 160%;color: #1A1A1A;}
.special-txt span {display: block;}
.design-special .newcontainer { display: flex;justify-content: space-between;}
.design-special .newcontainer .special-conts { display: flex; flex-flow: column; justify-content: space-between; padding: 0 10px;width: 50%;}

/* 메인 자주묻는질문*/
.toggleMenu {  max-width: 100%;  margin: 0 auto 100px; }
.toggleMenu li {  border-bottom: 1px solid #cccccc;  position: relative;}
.toggleMenu li p {  display: none; padding: 20px 25px 20px 60px; color: #515151;font-size: 20px;position: relative;line-height: 160%;}
.qna-A { color: #D94E1B;font-size: 32px;font-weight: 700;position: absolute;left: 0;top: 50%;width: 50px;height: 25px;margin-top: -13px;}
.toggleMenu .acc_menu {  width: 100%; display: block; font-weight: 700; line-height: 4; font-size: 32px;}
.toggleMenu .acc_menu:after {  width:22px; height:22px;  border-right: 2px solid #000;  border-bottom: 2px solid #000; position: absolute;  right: 20px;  content: " ";  top: 55px;  transform: rotate(-135deg);  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.click.active:after {  border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.click { /*position:absolute;*/ right:15px; top:15px; cursor: pointer; display:block;}
.qna-Q { display: inline-block;width: 50px;}


/* 서브 */
.sub-oneDay { clear: both;text-align: center; padding:50px 0 200px;}
.embed-container { position: relative; overflow: hidden; width: 1200px;height: 675px !important; margin: 0 auto;padding-bottom: 0 !important;}
.oneDay-topconts { text-align: center;font-size: 48px;font-weight: 600;line-height: 140%;color: #1A1A1A;padding-bottom: 50px;}

.oneDay-stepWrap { color: #000;background:#f6f6f6;padding: 100px 0;position: relative;}
.oneDay-stepWrap::after {content: '';position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #cccccc;z-index: 1;}
.oneDay-conts {display: flex;justify-content: space-between;width: 1029px; margin: 0 auto; height: auto;padding: 100px 0;z-index: 100;position: relative;}
.oneDay-btmImg {position: absolute;left: 50%;bottom: -35px;width: 74px;height: auto;margin-left: -36px;z-index: 1000;}
.oDay-left { width: auto; padding-top: 20px;}
.oDay-left .txt-orange { font-size: 20px; font-weight: 600;}
.oneDay-contsTxt { font-size: 40px;font-weight: 700; line-height: 140%;}
.oneDay-contsTxt span { display: block;}
.oneDay-contsImg { width: 60%;}
.oneDay-contsImg img { width: 100%;}

.sub-oneDay-all { padding: 100px 0; clear: both;}
.sub-allttl { text-align: center;}
.sub-allttl p:nth-child(1) { font-size: 48px;font-weight: 700;line-height: 140%;color: #1A1A1A;}
.sub-allttl p:nth-child(2) { font-size: 65px;font-weight: 700;line-height: 140%;color: #1A1A1A;}
.sub-allImg { text-align: center;}


/* 공통 */
.txt-orange { color: #D94E1B;}
.bg-gray { background: #F5F5F5;}

.bg-gradient { background:linear-gradient(to bottom, #F5F5F5, #fff);}




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


    .color-style .w50per.color-style-blank { padding: 50px 0 0 100px;}

    .newcontainer { width: 100%; margin: 0 auto;padding: 0 30px;box-sizing: border-box;}

    .process-right img { width: 100%;}

    .mainNew-process .process-left { width: 30%;}
    .mainNew-process .process-right { width: auto;}

    .slide-wrap .slide-btn {top: -85px;}
    .all-process { padding: 100px 0;}
    .all-processConts::after { right: 15px;}

    #nav .nav_wid .nav_menu_ul { width: 71%;}

    .mainToday-img span img { width: 90% !important;}
    .mainNew-cerfi {padding: 100px 50px;}



.cerfi-right span:nth-child(1) img { width: 230px;height: auto;}
.cerfi-right span:nth-child(2) { left: 250px;top: 10px; position: absolute;z-index: 103;}
.cerfi-right span:nth-child(2) img { width: 210px;height: auto;}
.cerfi-right span:nth-child(3) { left: 435px;top:20px; position: absolute;z-index: 102;}
.cerfi-right span:nth-child(3) img { width: 180px;height: auto;}
.cerfi-right span:nth-child(4) { left: 580px;top:30px; position: absolute;z-index: 101;}
.cerfi-right span:nth-child(4) img { width: 160px;height:auto;}



/* 메인 비주얼 */
.mainV-txt { font-size: 55px;font-weight: 700;}

.todayTime .todayTime-ttl, .todayTime .todayTime-ttl span { font-size: 40px;}

.process-left-ttl, .process-left-ttl span { font-size: 26px;}

.newVisual .mainV-txt { font-size: 70px;font-weight: 700; position: absolute;left: 50px;bottom: 8%;}

}



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

    .mainNew-cerfi .newcontainer { display: block !important;}
    .mainNew-cerfi { height: auto;}
    .cerfi-right span { position: relative !important; left: 0 !important;top: 0 !important; padding: 5px; display: inline-block !important;}
    .cerfi-right span img { width: 200px !important;height: auto;}
    .cerfi-right { width: 100%;margin-top: 15px;}
    .cerfi-left { width: 100%;}
    .cerfi-left span:nth-child(3) { display: grid;}
    .cerfi-left-txt span { display: inline;}


    .mainNew-process .process-left { width: 45% !important;}
    .process-link { padding-top: 25px;}

    .best-first .cerfi-right img { width: 100%;}
    .best-first .cerfi-left-txt.best-firsttxt span { display: block;}

    .all-img { width: 175px;}
    .all-img img { width: 100%;}
    .all-txt { font-size: 17px;}

    
    /* 메인 비주얼 */
.mainV-txt { font-size: 35px !important;font-weight: 700;}


.mainboard-height { height: 450px;}
.mainboard-height .step-2col { display: flex;}
.mainboard-height .step-2col .w50per { width: 50%;}
.mainboard-height .step-2col .w50per img { width: 100%;}


.interior-conts span img {width: 100%;}

.main-estimate .newcontainer { background: url(/theme/IDEN02/img/mask-group.png) 0px bottom no-repeat;}

.oneDay-conts { padding: 100px 20px;width: 100%;}



.interview-video { height: 700px;}

.embed-container { position: relative; padding-bottom: 56.25% !important; height: 0 !important; overflow: hidden; max-width: 100% !important;}

}




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

    .color-style .w50per.color-style-blank { padding: 50px 0 0 50px;}

    .interior-conts img { width: 100%;}
    .interior-conts span:first-child img { width: 100% !important;}

    .mainNew-process .newcontainer { display: block;}
    .todayTime-img img { width: 50%;}
    .cerfi-right span img { width: 100% !important;}
    .mainNew-cerfi { padding: 100px 0px;}
    .cerfi-right span { width: 24.2% !important;display: inline-block;}

    .step-2col .w50per { width: 50%;}
    .step-2col .w50per img { width: 100%;}
    .color-style .w50per.color-style-blank { padding: 20px 30px;}
    .stepconts-link { line-height: 150%;}
    .mainboard-height .mainboard-blank { padding: 30px 50px;}
    .mainboard-height { height: 300px;}
    .all-txt { font-size: 16px;line-height: 140%;}
    .all-processWrap { padding: 0 20px;}


    .mainToday-ttl {padding-top: 120px;}
    .mainToday-ttl p, .mainToday-ttl p span { font-size: 42px;}
    .mainToday-img span img { width: 100% !important;}

    .mainNew-process .process-left {padding-top: 0;}

    .portfolio-ttl .tit, .portfolio-ttl .tit span { font-size: 40px;}
    .step-ttl { font-size: 40px;}

    .cerfi-left-ttl { font-size: 24px;}
    .stepconts-ttl { font-size: 24px;}
    .stepconts-txt {margin-top: 10px;margin-bottom: 15px;}

    .color-style { margin-bottom: 200px;}


    .all-img { width: 130px;}
    .all-processConts::after { right: 8px; content: ''; width: 10px; height: 24px;}
    .all-txt span { display: inline;}


    .toggleMenu .acc_menu { font-size: 24px;}
    .toggleMenu .acc_menu:after { content: '';top: 45px;}


    .main-estimate { padding: 50px 10px;}

    .oneDay-topconts {font-size: 36px;}
    .oneDay-contsTxt { font-size: 36px;}
    .oneDay-contsImg { width: 55%;}


    .interview-video { height: 500px;}

}


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

/* 메인 비주얼 */
.newVisual .mainV-txt { font-size: 24px !important;font-weight: 700; position: absolute;left: 30px;bottom: 40px;}

.mainToday-ttl {padding-top: 70px;}
.mainToday-img {padding-bottom: 100px;}
.mainToday-ttl p, .mainToday-ttl p span { font-size: 36px;}
.cerfi-right span {padding: 5px 0;}

.todayTime .todayTime-ttl, .todayTime .todayTime-ttl span { font-size: 30px;}
.portfolio-ttl .tit, .portfolio-ttl .tit span { font-size: 36px;}
.step-ttl { font-size: 36px;}

.best-first .newcontainer { display: block;}
.step-conts .step-left, .step-conts .step-right { width: 100%;}
/*.stepconts-ttl span { display: inline;}*/
.step-conts { display: block;padding-bottom: 100px;}

.interior-conts span:nth-child(2) { font-size: 17px;}
.interior-conts span:nth-child(3) { font-size: 13px;}
    
.step-2col { display: block;}
.step-2col .w50per { width: 100%;}

.color-style { margin-bottom: 100px;}

.stepconts-txt2 { margin-bottom: 20px;}

.mainboard-height { height: 220px;margin-bottom: 150px;}
.mainboard-height .stepconts-txt { font-size: 14px;}
.stepconts-ttl { margin-bottom: 10px; font-size: 20px;}

.todayTime .todayTime-ttl, .todayTime .todayTime-ttl span { font-size: 26px;}
.portfolio-ttl .tit, .portfolio-ttl .tit span { font-size: 32px;}
.step-ttl { font-size: 32px;}


.all-img { width: 90%;}

.all-txt { font-size: 16px;}
.all-processConts:nth-child(1) .all-txt::before { content: '1';display: inline-block; width: 20px;height: 20px;text-align: center;border-radius: 30px;background: #888;color: #fff;}
.all-processConts:nth-child(2) .all-txt::before { content: '2';display: inline-block; width: 20px;height: 20px;text-align: center;border-radius: 30px;background: #888;color: #fff;}
.all-processConts:nth-child(3) .all-txt::before { content: '3';display: inline-block; width: 20px;height: 20px;text-align: center;border-radius: 30px;background: #888;color: #fff;}
.all-processConts:nth-child(4) .all-txt::before { content: '4';display: inline-block; width: 20px;height: 20px;text-align: center;border-radius: 30px;background: #888;color: #fff;}
.all-processConts:nth-child(5) .all-txt::before { content: '5';display: inline-block; width: 20px;height: 20px;text-align: center;border-radius: 30px;background: #888;color: #fff;}
.all-processWrap { padding: 0 0 0 25px;}
.all-processConts { width: 33%;}
.all-processConts::after { content: '';top: 70%;background: none;}


.main-estimate .newcontainer .tit { font-size: 24px;}
.main-estimate .newcontainer .txt { font-size: 13px;}
.main-estimate .newcontainer {padding-left: 10px;}

.special-ttl { font-size: 36px;padding-top: 100px;}
.design-special .newcontainer { display: block;}
.design-special .newcontainer .special-conts { width: 100%;margin-bottom: 50px;}
.special-contsttl { font-size: 26px;}
.design-special { padding: 50px 0 50px;}

.oneDay-contsTxt { font-size: 24px;}

.sub-oneDay { padding-bottom: 100px;}

.today-arrow-img { background-size: 12px auto;}
.cerfi-left span:nth-child(3) { display: inline;}
.mainNew-process .process-left { width: 100% !important;}


#boxes .window { width: 95%;left: 50%;height: 550px;}
.close-popup { top: 37px;}
#boxes { height: 50px;}
.close-popup img { width: 20px !important;}
#mask { background-color: rgba(0, 0, 0, 0.6);}


.interview-video { height: 350px;}

}


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


    .all-processConts { width: 49%;}
    .interior-conts span:first-child img { width: 50% !important;}
    .interior-info .newcontainer { display: block;}


    .main-estimate .newcontainer .iframe-box { position: relative;left: 0px;height: 500px;}
    .iframe-box.membership-new iframe { width: 100% !important;}
    .main-estimate .newcontainer {padding: 0 20px;}

    .oneDay-conts { display: block;position: relative;}
    .oneDay-contsImg { width: 100%;margin-top: 100px;}
    .oneDay-contsTxt span {/*display: inline;*/}
    .oneDay-contsTxt { font-size: 20px;}
    .oneDay-conts {padding: 50px 20px;}
    .oDay-left { height: 100px;position: absolute;left:20px;top: 0;}
    .sub-allImg img { width: 70%;}

    .qna-Q { width: 30px;}
    .toggleMenu .acc_menu { font-size: 20px;}
    .toggleMenu li p { padding: 10px 15px 10px 30px; line-height: 130%; font-size: 17px;}
    .toggleMenu .acc_menu:after { content: '';width: 15px;height: 15px;top: 37px;}

    .best-firsttxt {padding-left: 0px;}

}


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

    .mainboard-height .step-2col { display: block;}
    .mainboard-height .step-2col .w50per { width: 100%;}
    .mainboard-height { height: 100%;}
    .mainboard-height .stepconts-txt { font-size: 16px;}
    .stepconts-ttl { margin-bottom: 10px; font-size: 24px;}


    .qna-Q { width: 20px;position: absolute; left: 0; top: 15px;}
    .toggleMenu .acc_menu { font-size: 20px; padding:15px 30px 15px 25px;line-height: 130%;font-weight: 500;}
    .toggleMenu .acc_menu:after { content: '';top: 25px;right: 5px;width: 12px;height: 12px;}
    .toggleMenu li p {padding:10px 15px 10px 25px}
    .qna-A { font-size: 20px;}

}