@charset "utf-8";
/**************************************************

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} .__pcta{display: none !important;}}
@media screen and (min-width: 750px) {.__pcta{display: block !important;}}

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1200px){

	html{min-width: 320px;padding-top: 50px;overflow-x: hidden;}
    img{max-width:100%;}

	#header{position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
	#header .inner{width: auto;height: 50px;}
    #header .logo{position: absolute;top: 0;left: 10px;height: 100%;line-height: 50px;}
    #header .logo img{width: auto;height: 28px;}
    #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);}

	#gnb{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer .fnbWrap .inner{width: auto;}
    #footer .fnbWrap .inner{width: auto;}
    #footer .ftWrap{width: auto;padding: 15px 0;}
    #footer address{font-size: 10px;line-height: 13px;color: #b3b3b3;font-style: normal;text-align: center;}
    #footer address hr{display: block;border: none;margin: 0;}
    #footer address .copyright{display: block;margin-top: 10px;font-size: 10px;color: #777777;}

    #sns-ico{margin-top: 15px;text-align: center;}
    #sns-ico li{margin: 2px;}
    #sns-ico li img{width: 25px;height: auto;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #slide-btn{top: 50%;right: 10px;display: block;width: 25px;height: 16px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
    #slide-close{position: absolute;top: 0;right: 0;background: url('../images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: -100%;width: 60%;height: 100%;display: block;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{}
    #slide-menu .tit a {right: 35px; padding-right: 35px;}
    #slide-menu.on{right: 0;}

    #tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;}
    #tnb-mo > li{display: inline-block;margin: 0 10px;}
    #tnb-mo > li a{font-size: 12px;color: #333;}

    #slide-menu #gnb-mo {padding: 100px 50px; background-size: 280px;}
    #slide-menu #gnb-mo > li {padding-bottom: 25px;}
    #slide-menu #gnb-mo > li > a {font-size: 20px; line-height: 20px;}
    #slide-menu #gnb-mo > li > ul {padding-top: 10px;}
    #slide-menu #gnb-mo > li > ul > li > a {font-size: 15px; line-height: 30px;}

    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('../images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('../images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('../images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{position: absolute;top: 14px;left: 85px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 50px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('../images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}

    /* Site Layer Popup */
    .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;}
    .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;}
    .sp-pop .img img{max-width:100%;}
    .sp-pop .btns li{height: 30px;}
    .sp-pop .btns li a,
    .sp-pop .btns li label{line-height: 28px;}

    /* etc */
    .table1 tr > *{font-size: 11px;line-height: 15px;}
    .table1.tac mark {width: 30px;height: 22px;line-height: 22px;font-size: 11px;}

    #slide-menu {width: 40%}
    #slide-menu #gnb-mo {padding: 80px 30px}
    #slide-menu #gnb-mo > li {width: 100%; padding-bottom: 15px}
    #slide-menu #gnb-mo > li > a {font-size: 18px; line-height: 18px}
    #slide-menu #gnb-mo > li > ul {padding-top: 5px}
    #slide-menu #gnb-mo > li > ul > li > a {font-size: 14px; line-height: 24px}

	.quick {width:100px; right:10px;}
}

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

    #slide-menu {width: 80%; border-left: 1px solid #ddd}
    #slide-menu .tit a {top: 30px}
    #slide-menu #gnb-mo {padding: 60px 20px 60px 30px; background: none}
    #slide-menu #gnb-mo > li > a {font-size: 16px; line-height: 16px}
    #slide-menu #gnb-mo > li > ul {padding-top: 10px}
    #slide-menu #gnb-mo > li > ul > li > a {font-size: 13px; line-height: 26px}

	.quick {width:55px; right:5px;padding: 5px; top:auto; bottom:10%;bottom: 5px;right:5px;transform: translateY(0%);}
    .quick a {margin-bottom: 5px;}
    .quick a img { width: 60px;}



}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1200px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}


/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1200px){

    #main #mainWrap{width: auto;margin: 0;}
    #main #mainWrap .inner {width: auto; padding: 0 15px;}

    #mainWrap section .title h5 {font-size: 28px; line-height: 36px;}

    #main .visual .roll .item img{position: static;margin-left: 0;width: 100%;height: auto;}
    #main .visual .slick-dots{bottom: 20px;}
    #main .visual .slick-dots li{margin: 0 2px;}
    #main .visual .slick-dots li button{width: 12px;height: 12px;}
    #main .visual .slick-arrow {width: 20px; height: 38px;}
    #main .visual .slick-prev {left: 20px;}
    #main .visual .slick-next {right: 20px;}

    #mainWrap section .inner .mid {padding: 100px 15px; box-sizing: border-box}
    #mainWrap section .inner .mid .txt {padding-bottom: 30px}
    #mainWrap section .inner .mid .txt h5 {font-size: 32px; line-height: 40px}
    #mainWrap section .inner .mid .txt p {margin-top: 10px; font-size: 18px; line-height: 26px}
    #mainWrap section .inner .mid .txt.red span {margin-top: 5px; font-size: 15px; line-height: 22px}
    #mainWrap section .inner .mid .txt h6 {margin: 20px 0; padding: 0 25px; font-size: 26px; line-height: 34px; background-size: contain}
    #mainWrap section .inner .mid .txt > strong {font-size: 26px; line-height: 34px}
    #mainWrap section .inner .mid .txt > strong span {font-size: 18px}
    #mainWrap section .inner .mid .txt mark {margin-top: 30px; font-size: 32px; line-height: 44px}

    #mainWrap .mainSec01 .img > * {margin: 0 10px; width: 90px}
    .mainSec02 .inner{width: auto !important;}
    .mainSec02 ul{text-align: left;padding-top:30px;display:flex;flex-wrap: wrap;}
    .mainSec02 ul li {width: calc(100% / 3);flex: auto;text-align: center;}
    .mainSec02 ul li img {width: 100%}
    .mainSec02 ul li:last-child{ padding-top: 20px;}
    .mainSec02 ul li:last-child img {margin:10px auto 0;width: calc(100% / 3);}
    #mainWrap .mainSec03 img {max-height: 60px}
    #mainWrap .mainSec04 img {max-height: 30px}
    #mainWrap .mainSec05 .inner {padding: 100px 15px !important}
    #mainWrap .mainSec05 .img img {max-width: 300px}
    #mainWrap .mainSec05 .info {max-width: 85%; padding: 30px 40px; z-index: 1}
    #mainWrap .mainSec05 .info:before {top: 5px; left: 5px; width: calc(100% - 10px); height: calc(100% - 10px); z-index: -1}
    #mainWrap .mainSec05 .info img {position: static; display: block; height: 100px; margin-bottom: 15px}
    #mainWrap .mainSec05 .info h5 {font-size: 32px; line-height: 40px}
    #mainWrap .mainSec05 .info h5:before {height: 15px}
    #mainWrap .mainSec05 .info p {margin: 20px 0 15px; font-size: 17px; line-height: 30px}
    #mainWrap .mainSec05 .info h6 {font-size: 20px; line-height: 30px}
    #mainWrap .mainSec07 .inner .mid .btns dl {margin-bottom: 20px}
    #mainWrap .mainSec07 .inner .mid .btns dt {padding-right: 5px}
    #mainWrap .mainSec07 .inner .mid .btns dt img {width: 65px}
    #mainWrap .mainSec07 .inner .mid .btns dd {font-size: 24px; line-height: 32px}
    #mainWrap .mainSec07 .inner .mid .btns ul {margin: -5px}
    #mainWrap .mainSec07 .inner .mid .btns ul li {width: calc(50% - 10px); margin: 5px}
    #mainWrap .mainSec07 .inner .mid .btns ul li a {width: 100%; line-height: 50px; border-radius: 25px; font-size: 17px; background-position: 22% center !important}


    /* 2023.10.05 건별 작업 */
    #main .main_cont1{padding: 50px 15px;}
    #main .main_cont1 .inner{width: auto;}
    #main .main_cont1 h4{margin-bottom: 20px;font-size: 16px;line-height: 30px;}
    #main .main_cont1 h4 .st1{font-size: 17px;line-height: 30px;}
    #main .main_cont1 h4 .st2{margin-top: 10px;font-size: 16px;}
    #main .main_cont1 h4 .st2 em:after{bottom: 2px;height: 2px;}
    #main .main_cont1 .cont{display: block;}
    #main .main_cont1 .cont dt{width: auto;}
    #main .main_cont1 .cont dt img{width: 220px;margin: 0 auto;display: block;}
    #main .main_cont1 .cont dd{width: auto;padding-top: 30px;}
    #main .main_cont1 .cont dd img{width: auto;height: 40px;}
    #main .main_cont1 .cont dd p{margin-top: 20px;font-size: 15px;line-height: 22px;}

    #main .main_cont2{padding: 50px 15px;background-position: calc(100% + 30px) center;}
    #main .main_cont2 .inner{width: auto;}
    #main .main_cont2 h4{font-size: 24px;margin-bottom: 20px;text-align: center;}
    #main .main_cont2 ul li{line-height: 40px;padding-left: 45px;font-size: 15px;margin: 4px 0;}
    #main .main_cont2 ul li em{width: 35px;line-height: 35px;font-size: 16px;}
    #main .main_cont2 .img1{margin-top: 30px;width: auto;height: 45px;}

    #main .main_cont3{padding: 50px 15px 20px 15px;}
    #main .main_cont3 .inner{width: auto;}
    #main .main_cont3 h4{margin-bottom: 20px;font-size: 16px;line-height: 24px;}
	#main .main_cont3 h4 p{margin-top:10px;font-size:14px;line-height:20px}
    #main .main_cont3 h4 em{line-height: 30px;margin-top: -2px;}
    #main .main_cont3 h4 img{width: auto;height: 30px;margin-top: 15px;}
	#main .main_cont3 h4 span{margin-bottom:5px}
	#main .main_cont3 h4 span::before{width:4px;height:4px;top:-5px}
    #main .main_cont3 .card{margin: 20px 0 0 0;}

    #main .main_cont3_2{padding: 0 15px 50px 15px;background-image:url('../images/sub/main-cont-bg3-2_new.jpg');background-size:cover;background-position: center center;background-color: #f7e5c2;}
    #main .main_cont3_2 .inner{width: auto;}
    #main .main_cont3_2 h4{margin-top:300px;margin-bottom:100px;}
    #main .main_cont3_2 h4 img{width: auto;height: 25px;}
    #main .main_cont3_2 ul{display: block;margin: -5px;}
    #main .main_cont3_2 ul li{display: inline-block;vertical-align: top;margin: 5px;width: calc(16.66% - 10px);}

	#main .main_cont3_2 .wtBox{margin-top:50px}
	#main .main_cont3_2 .wtBox p{line-height:34px;font-size:14px}

    #main .main_cont4{padding: 50px 15px;}
    #main .main_cont4 .inner{width: auto;}
    #main .main_cont4 h4{font-size: 20px;}
    #main .main_cont4 h4 em{font-size: 16px;margin-bottom: 10px;}
    #main .main_cont4 img{dmargin: 30px auto;}
    #main .main_cont4 p{font-size: 16px;}
    #main .main_cont4 p strong{line-height: 24px;}

    #main .main_cont5{padding: 50px 15px;}
    #main .main_cont5 .inner{width: auto;}
    #main .main_cont5 h4{margin-bottom: 20px;font-size: 20px;}
    #main .main_cont5 h4 em{font-size: 16px;display: block;margin-bottom: 5px;}
    #main .main_cont5 ul{border-top: 5px solid #a9cdf5;padding: 15px 20px;}
    #main .main_cont5 ul li{line-height: 20px;padding-left: 25px;}
    #main .main_cont5 ul li:before{width: 15px;height: 15px;}
    #main .main_cont5 ul li p{font-size: 14px;line-height: 18px;line-height: 18px;padding: 15px;}

    #main .main_cont6{padding: 50px 15px;background-size: contain;}
    #main .main_cont6 .inner{width: auto;}
    #main .main_cont6 h4{font-size: 16px;margin-bottom: 20px;}
    #main .main_cont6 h4 strong{padding: 0 5px;line-height: 24px;}
    #main .main_cont6 h4 em{margin-bottom: 5px;font-size: 18px;display: block;}
    #main .main_cont6 ul{margin: -9px 0;margin-bottom: 30px;}
    #main .main_cont6 ul li{display: block;margin: 9px 0;width: 100%;padding-left: 50px;height: auto;border-left-width: 5px;height: auto;}
    #main .main_cont6 ul li em{width: 30px;line-height: 30px;font-size: 13px;left: 10px;}
    #main .main_cont6 ul li p{font-size: 14px;line-height: 18px;position: static;transform: none;padding: 20px 0;}
    #main .main_cont6 ul li p strong{color: #1d89cb;font-weight: 500;}
    #main .main_cont6 .txt1{font-size: 16px;}
    #main .main_cont6 .txt2{font-size: 18px;line-height: 24px;}
    #main .main_cont6 .txt3{margin: 30px 0;font-size: 18px;}
    #main .main_cont6 .txt3 em{font-size: 14px;}




    .main-section01 {padding: 60px 0 50px 0;}

    .main-section01 .list-box {margin-top: 30px;}
    .main-section01 .list-box dl {padding: 50px 0}
    .main-section01 .list-box dl dt {left: 40px;}
    .main-section01 .list-box dl dt h5 {font-size: 18px; margin-top: 10px}
    .main-section01 .list-box dl dd {padding-left: 165px; padding-right: 30px}
    .main-section01 .list-box dl dd h6 {font-size: 18px; line-height: 24px}
    .main-section01 .list-box dl dd p {font-size: 16px; line-height: 24px; margin-top: 10px}
    .main-section01 .list-box dl dd p br {display: none}

    .main-section02 {padding: 50px 0}
    .main-section02 ul {padding-top: 40px}
    .main-section02 ul li img {max-width: 130px}
    .main-section02 ul li p {font-size: 18px; line-height: 24px; margin-top: 15px}

    .main-section03 {padding: 60px 0 50px 0}
    .main-section03 .title {padding-bottom: 40px}
    .main-section03 .title img {max-width: 280px}
    .main-section03 ul {margin: -15px}
    .main-section03 ul li {width: calc(50% - 30px); margin: 15px}
    .main-section03 ul li .bg .txt h6 {font-size: 18px; line-height: 24px}
    .main-section03 ul li .bg .txt p {font-size: 16px; line-height: 24px}


    .main-section04 {padding: 60px 0 50px 0}
    .main-section04 .title {padding-bottom: 40px}
    .main-section04 ul {margin: -15px}
    .main-section04 ul li {width: calc(50% - 30px); margin: 15px; height: 380px}
    .main-section04 ul li.list01 {background: url('../images/main/main_sec04_list_bg01.jpg') no-repeat center / cover}
    .main-section04 ul li .bg {background: none; padding-bottom: 0; height: 100%}
    .main-section04 ul li .bg .txt img {width: 50px}
    .main-section04 ul li .bg .txt h6 {font-size: 20px; line-height: 30px; margin: 15px 0}
    .main-section04 ul li .bg .txt a {width: 150px; line-height: 40px; font-size: 16px}
    .main-section04 ul li .info img {height: 130px}
    .main-section04 ul li .info p {font-size: 18px; line-height: 26px; margin-top: 15px}
    .main-section04 ul li .img {padding-bottom: 200px}

    .main-section05 {padding: 60px 0 50px 0}
    .main-section05 .roll-wrap {padding-top: 40px}
    .main-section05 .roll-wrap .roll .item {margin: 0 10px}
    .main-section05 .roll-wrap .roll .item .info {padding: 25px 20px}
    .main-section05 .roll-wrap .roll .item .info h6 {font-size: 15px; line-height: 16px; margin-bottom: 10px}
    .main-section05 .roll-wrap .roll .item .info p {height: 54px; font-size: 13px; line-height: 18px}
    .main-section05 .btn-wrap {padding-top: 35px}
    .main-section05 .btn-wrap a {width: 180px; line-height: 50px; font-size: 18px}

    .main-section06 {padding-top: 60px}
    .main-section06 .box-wrap {padding-top: 40px}
    .main-section06 .box-wrap dl.list02 {padding: 40px 0 5px 0}
    .main-section06 .box-wrap dl.list03 {padding-top: 40px}
    .main-section06 .box-wrap dl dt span {font-size: 26px; line-height: 45px; background-size: 45px !important; padding-left: 55px}
    .main-section06 .box-wrap dl dt h6 {font-size: 24px; line-height: 32px; margin: 10px 0}
    .main-section06 .box-wrap dl dt p {font-size: 18px; line-height: 26px}
    .main-section06 .box-wrap dl dd ul {padding: 40px 0}
    .main-section06 .box-wrap dl dd ul li img {width: 180px}
    .main-section06 .box-wrap dl dd ul li p {margin-top: 15px; font-size: 18px}
    .main-section06 .box-wrap dl dt > img {max-width: 80%}
    .main-section06 .box-wrap dl dd .txt {padding: 60px 0 10px 0}
    .main-section06 .box-wrap dl dd .txt h6 {font-size: 22px; line-height: 30px}
    .main-section06 .box-wrap dl dd .txt p {font-size: 18px; line-height: 24px; margin-top: 20px;}

    .main-section08 {padding: 60px 0 50px 0}
    .main-section08 .left,
    .main-section08 .right {float: none; width: 100%}
    .main-section08 .left {padding-bottom: 20px}
    .main-section08 .left h5 {font-size: 30px; line-height: 40px}
    .main-section08 .left p {font-size: 18px; line-height: 26px; padding: 15px 0 30px 0}
    .main-section08 .left ul:before {width: 50px}
    .main-section08 .left ul li {margin: 2px 0; font-size: 16px; line-height: 24px}
    .main-section08 .right form ul li > * {height: 40px; padding: 0 15px; font-size: 15px}
    .main-section08 .right form ul li textarea {height: 120px; padding: 15px}
    .main-section08 .right form dl {margin-top: 15px}
    .main-section08 .right form dl dt {width: 250px}
    .main-section08 .right form dl dt a {line-height: 40px}
    .main-section08 .right form dl dd {width: calc(100% - 250px)}
    .main-section08 .right form dl dd .sbm {margin-top: 15px; line-height: 60px; font-size: 20px}


    .ppl-box .ppl01-box:before {height: 85%;}
    .ppl-box .ppl01-box .ppl01-top-box {padding-top: 60px;}
    .ppl-box .ppl01-box .ppl01-bot-box {padding: 70px 0 80px 0;}
    .ppl-box .ppl01-box .ppl01-bot-box dl > * {width: calc(50% - 20px);}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt {margin-right: 20px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt:after {display: none;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt .char {background-size: contain;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt .char img {width: 50%; padding-bottom: 25%;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt h6:before {bottom: 5px; height: 120px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt h6 {margin-top: 40px; font-size: 36px; line-height: 46px; padding-left: 30px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt h6 span {font-size: 20px; line-height: 32px; margin-bottom: 5px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd {margin-left: 20px; margin-top: 35px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd:after {display: none;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd .char {background-size: contain;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd .char img {width: 50%; padding-bottom: 25%;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd h6:before {height: 85px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd h6 {margin-bottom: 40px; font-size: 36px; line-height: 46px; padding-right: 30px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd h6 span {font-size: 20px; line-height: 32px; margin-bottom: 5px;}

    .ppl-box .ppl02-box {padding: 70px 0;}
    .ppl-box .ppl02-box dl {height: 300px;}
    .ppl-box .ppl02-box dl dt {width: 40%;}
    .ppl-box .ppl02-box dl dt img {width: 50%; bottom: auto; top: 50%; transform: translate(-50%,-50%);}
    .ppl-box .ppl02-box dl dd {width: 60%; background-size: contain;}
    .ppl-box .ppl02-box dl dd .mid span {font-size: 18px; line-height: 18px; margin-bottom: 5px;}
    .ppl-box .ppl02-box dl dd .mid h6 {font-size: 30px; line-height: 40px;}
    .ppl-box .ppl02-box dl dd .mid h6:after {height: 25px;}
    .ppl-box .ppl02-box dl dd .mid ul {margin-top: 15px;}
    .ppl-box .ppl02-box dl dd .mid ul li {font-size: 17px; line-height: 27px;}

    .ppl-box .ppl03-box dl.ppl03-top dt {position: relative; width: 40%; padding-top: 0;}
    .ppl-box .ppl03-box dl.ppl03-top dt img {width: 60%; padding: 20px 0;}
    .ppl-box .ppl03-box dl.ppl03-top dd {width: 60%; padding-top: 20%;}
    .ppl-box .ppl03-box dl.ppl03-top dd h6:before {width: 100px;}
    .ppl-box .ppl03-box dl.ppl03-top dd h6 {padding-top: 40px; font-size: 36px; line-height: 46px; border-top: 0;}
    .ppl-box .ppl03-box dl.ppl03-top dd h6 span {font-size: 20px; line-height: 32px; margin-bottom: 5px;}
    .ppl-box .ppl03-box dl.ppl03-bot {padding: 50px 15px; height: 400px; background: url('../images/main/ppl03_bot_bg.jpg') no-repeat center; background-size: cover; margin: 0 -15px;}
    .ppl-box .ppl03-box dl.ppl03-bot dt {position: relative; width: 40%; height: 100%;}
    .ppl-box .ppl03-box dl.ppl03-bot dt img {position: absolute; width: 65%; padding-bottom: 0; margin-top: 0; left: 50%; bottom: 0; transform: translateX(-50%);}
    .ppl-box .ppl03-box dl.ppl03-bot dd {width: 60%; background-size: contain; margin-top: 0; height: 100%;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid span {font-size: 18px; line-height: 18px; margin-bottom: 5px;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid h6 {font-size: 30px; line-height: 40px;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid h6:after {height: 25px;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid ul {margin-top: 15px;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid ul li {font-size: 17px; line-height: 27px;}

    .ppl-box .ppl04-box {padding: 60px 0; margin-top: 0;}
    .ppl-box .ppl04-box dl dt {width: 40%;}
    .ppl-box .ppl04-box dl dt img {width: 60%;}
    .ppl-box .ppl04-box dl dd {width: 60%; padding-top: 20%;}
    .ppl-box .ppl04-box dl dd h6:before {width: 100px;}
    .ppl-box .ppl04-box dl dd h6 {padding-top: 40px; font-size: 36px; line-height: 46px; border-top: 0;}
    .ppl-box .ppl04-box dl dd h6 span {font-size: 20px; line-height: 32px; margin-bottom: 5px;}


	/* s: main_cont07 231208 mw */
	.main_cont7 .inner{width:auto;padding:50px 150px}
	.main_cont7 .youtube{width:auto;padding-bottom:55.25%}
	.main_cont7 h4,
	.main_cont7 p{line-height:30px;font-size:17px}
	.main_cont7 h4 em{line-height:30px;font-size:32px}
	.main_cont7 p{padding:0 0 0 80px}
	.main_cont7 p::before{width:80px;height:80px;top:-40px;left:0;background-size:80px}
	/* e: main_cont07 231208 mw */


    /* 240705 sj 건별 추가 */
    #main .section .inner {width: auto; padding: 0 15px}

    #main .section01 {padding: 60px 0}
    #main .section01 .title h6 {font-size: 36px; line-height: 36px}
    #main .section01 .title h6 img {height: 36px}
    #main .section01 .title h5 {margin-top: 10px; font-size: 40px; line-height: 50px}
    #main .section01 .title h5 span {font-size: 40px; line-height: 50px}
    #main .section01 .list {margin-top: 35px}
    #main .section01 .list .box {margin-bottom: 10px; padding: 20px}
    #main .section01 .list .box figure {right: 15px}
    #main .section01 .list .box figure img {width: 40px}
    #main .section01 .list .box dl dt img {width: 150px}
    #main .section01 .list .box dl dd {margin-left: 25px}
    #main .section01 .list .box dl dd h6 {font-size: 21px; line-height: 40px}
    #main .section01 .list .box dl dd h6 mark {font-size: 28px; line-height: 36px}
    #main .section01 .btn a {font-size: 20px; line-height: 65px}
    #main .section02 {padding: 60px 0}
    #main .section02 .title h5 {font-size: 30px; line-height: 38px}
    #main .section02 .title p {margin-top: 10px; font-size: 24px; line-height: 32px}
    #main .section02 .list {margin-top: 40px}
    #main .section02 .list dl {height: 180px; margin-top: 10px; padding: 0 25px; border-left-width: 5px}
    #main .section02 .list dl dt {margin-right: 30px}
    #main .section02 .list dl dt img {width: 90px}
    #main .section02 .list dl dd h6 {font-size: 24px; line-height: 32px}
    #main .section02 .list dl dd p {margin-top: 10px; font-size: 17px; line-height: 26px}
    #main .section03 {padding: 60px 0}
    #main .section03 .title {margin-bottom: 40px}
    #main .section03 .title h6 {margin-bottom: 10px; font-size: 22px; line-height: 30px}
    #main .section03 .title h5 {font-size: 32px; line-height: 42px}
    #main .section03 .roll {margin: -10px}
    #main .section03 .roll .item {margin: 10px}
    #main .section03 .roll .item .info {padding: 15px 20px}
    #main .section03 .roll .item .info h6 {font-size: 16px; line-height: 24px}
    #main .section03 .roll .item .info p {min-height: 44px; margin: 5px 0; font-size: 14px; line-height: 22px}
    #main .section03 .roll .item .info span {font-size: 13px}
    #main .main_cont4 .chkList {margin-top: 30px; padding: 10px 25px}
    #main .main_cont4 .chkList li {padding-top: 15px; padding-left: 55px; background-size: 36px auto; background-position: left top 22px}
    #main .main_cont4 .chkList li span {padding-bottom: 15px; font-size: 17px; line-height: 25px}
    #main .main_cont4 .chkList li span br {display: none}
    #main .section04 {padding: 80px 0}
    #main .section04 dl > * {width: 100%; text-align: center}
    #main .section04 dl dd {margin-top: 40px}
    #main .section04 dl dd .mid > * {text-align: center}
    #main .section04 dl dd h5 {font-size: 30px; line-height: 38px}
    #main .section04 dl dd p {margin: 15px 0 30px; font-size: 17px; line-height: 27px}
    #main .section04 dl dd a {padding: 0 25px; line-height: 40px}
    #main .section04 dl dd a span {padding-right: 40px; font-size: 16px; background-size: 9px auto}
    #main .section05 {padding: 70px 0}
    #main .section05 .title {margin-bottom: 40px}
    #main .section05 .title h6 {font-size: 18px; line-height: 26px}
    #main .section05 .title h5 {margin-top: 10px; font-size: 26px; line-height: 34px}
    #main .section05 .box {padding: 40px 20px}
    #main .section05 .box strong {margin-bottom: 25px; font-size: 26px; line-height: 34px}
    #main .section05 .box span {bottom: 25px; left: 30px; font-size: 16px; line-height: 24px}
    #main .section05 .btns {margin-top: 10px}
    #main .section05 .btns a {font-size: 20px; line-height: 65px}

    /* 240705 sj 건별 추가 */



    /* 250214 건별 추가 sys */
    .mainSec02 { padding: 60px 0;}
    .mainSec02 .mid > img { width: 45px;}
    .mainSec02 .mid .txt h5 { font-size: 24px;}
    .mainSec02 .mid .txt p { padding-top: 10px; font-size: 18px;}
    .mainSec02 .mid .txt h6 { font-size: 20px;}

    #main .banner-wrap02 { min-height: 480px; padding: 0 20px; background-image: url(../images/main/banner-img3-mo.jpg); background-position-x: 0;}
    #main .banner-wrap02 .inr { width: auto; text-align: right;}
    #main .banner-wrap02 strong { font-size: 25px;}
    #main .banner-wrap02 strong span { padding-top: 0px; font-size: 20px;}
    #main .banner-wrap02 p { padding-top: 20px; font-size: 18px;}
    #main .banner-wrap02 h3 { padding-top: 20px; text-align: right;}
    #main .banner-wrap02 h3 img { width: 55%;}
    #main .banner-wrap02 .banner-wrap02-btn { width: 160px; height: 45px; line-height: 45px; margin-top: 25px; font-size: 14px; margin-left: auto;}
    #main .banner-wrap02 .banner-wrap02-bottom { left: auto; right: 0;}
    #main .banner-wrap02 .banner-wrap02-bottom span { font-size: 14px;}





    

    .mtit {margin-bottom: 20px;}
    .mtit > img {top: -15px;left: auto;left: calc(50% + 60px);height: 25px;}
    .mtit > em {font-size: 18px;}
    .mtit > h3 {font-size: 26px;}
    .mtit > em + h3 {margin-top: 5px;}

    #new2506_sec1 {padding: 50px 20px;}
    #new2506_sec1 .boxs {margin: -5px;}
    #new2506_sec1 .boxs > li {margin: 5px;width: calc(100% - 10px);border-radius: 10px;padding: 5px;}
    #new2506_sec1 .boxs > li p {padding: 15px 0;font-size: 16px;line-height: 26px;
        padding: 25px 0;font-size: 20px;line-height: 30px;}

    #new2506_sec2 {padding: 50px 20px;}
    #new2506_sec2 .boxs {margin: -5px;}
    #new2506_sec2 .boxs > li {margin: 5px;width: calc(100% - 10px);border-radius: 10px;padding: 30px 10px;}
    #new2506_sec2 .boxs > li img {max-width: 25%;}
    #new2506_sec2 .boxs > li strong {margin-top: 15px;font-size: 20px;line-height: 30px;}
    #new2506_sec2 .boxs > li p {margin-top: 5px;font-size: 16px;line-height: 26px;}

}

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

    .ppl-box .ppl03-box dl.ppl03-bot {height: 300px;}

}


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

    #main #mainWrap .inner {width: auto; padding: 0 10px;}

    #main .visual .slick-prev {left: 10px}
    #main .visual .slick-next {right: 10px}

    #mainWrap section .title h5 {font-size: 22px; line-height: 30px}



    #mainWrap section .inner .mid {padding: 70px 0}
    #mainWrap section .inner .mid .txt {padding-bottom: 20px}
    #mainWrap section .inner .mid .txt h5 {font-size: 24px; line-height: 34px}
    #mainWrap section .inner .mid .txt p {margin-top: 5px; font-size: 15px; line-height: 22px}
    #mainWrap section .inner .mid .txt p br {display: none}
    #mainWrap section .inner .mid .txt.red span {font-size: 13px; line-height: 20px}
    #mainWrap section .inner .mid .txt h6 {margin: 10px 0; padding: 0 20px; font-size: 20px; line-height: 30px}
    #mainWrap section .inner .mid .txt > strong {font-size: 20px; line-height: 26px}
    #mainWrap section .inner .mid .txt > strong span {font-size: 16px}
    #mainWrap section .inner .mid .txt mark {margin-top: 20px; font-size: 21px; line-height: 30px; padding: 5px 15px}


    #mainWrap .mainSec01 .img > * {width: 70px; margin: 0 5px}
    .mainSec02 ul li {}
    #mainWrap .mainSec04 img {max-height: 25px}
    #mainWrap .mainSec05 .inner {padding: 70px 10px !important; padding-bottom: 0 !important}
    #mainWrap .mainSec05 .img {position: relative; text-align: center; margin-top: 20px}
    #mainWrap .mainSec05 .img img {max-width: 240px}
    #mainWrap .mainSec05 .info {max-width: 100%; padding: 30px 25px; text-align: center}
    #mainWrap .mainSec05 .info img {height: 80px; margin: 0 auto}
    #mainWrap .mainSec05 .info > * {text-align: center}
    #mainWrap .mainSec05 .info h5 {font-size: 24px; line-height: 34px}
    #mainWrap .mainSec05 .info p {margin: 10px 0; font-size: 15px; line-height: 24px}
    #mainWrap .mainSec05 .info h6 {font-size: 18px; line-height: 26px}
    #mainWrap .mainSec05 .info h6 br {display: none}
    #mainWrap .mainSec07 .inner .mid .btns dl > * {display: block}
    #mainWrap .mainSec07 .inner .mid .btns dt {padding: 0; margin-bottom: 10px}
    #mainWrap .mainSec07 .inner .mid .btns dd {font-size: 20px; line-height: 28px}
    #mainWrap .mainSec07 .inner .mid .btns ul {margin: -5px 0}
    #mainWrap .mainSec07 .inner .mid .btns ul li {width: 100%; margin: 5px 0}
    #mainWrap .mainSec07 .inner .mid .btns ul li a {line-height: 46px; font-size: 15px; text-indent: 30px; background-size: 18px !important}
    #mainWrap .mainSec07 .inner .mid .btns ul li:nth-child(1) a {background-position: left 24% center !important}
    #mainWrap .mainSec07 .inner .mid .btns ul li:nth-child(2) a {background-position: left 28% center !important}
    #mainWrap .mainSec07 .inner .mid .btns ul li:nth-child(3) a {background-position: left 24% center !important}







    .main-section01 {padding: 40px 0}
    .main-section01 .list-box dl {padding: 25px 0}
    .main-section01 .list-box dl dt {position: static; transform: none; text-align: center}
    .main-section01 .list-box dl dd {padding: 0 20px; margin-top: 10px; text-align: center}
    .main-section01 .list-box dl dd h6 {text-align: center; font-size: 16px; line-height: 22px}
    .main-section01 .list-box dl dd p {font-size: 14px; line-height: 22px; margin-top: 5px}

    .main-section02 {padding: 50px 0; text-align: center}
    .main-section02 ul {padding-top: 20px}
    .main-section02 ul li {width: 50%; margin: 10px 0}
    .main-section02 ul li p {font-size: 15px; line-height: 22px; margin-top: 10px}

    .main-section03 {padding: 50px 0}
    .main-section03 .title {padding-bottom: 20px}
    .main-section03 .title img {max-width: 240px}
    .main-section03 ul {margin: 0}
    .main-section03 ul li {display: none; width: 100%; margin: 15px 0}
    .main-section03 ul li:nth-child(n+4) {display: inline-block !important}

    .main-section04 {padding: 50px 0}
    .main-section04 .title {padding-bottom: 30px}
    .main-section04 ul {margin: -5px 0}
    .main-section04 ul li {width: 100%; margin: 5px 0}

    .main-section05 {padding: 50px 0}
    .main-section05 .roll-wrap {padding-top: 30px}
    .main-section05 .roll-wrap .roll .item {margin: 0 5px}
    .main-section05 .btn-wrap {padding-top: 25px}
    .main-section05 .btn-wrap a {width: 150px; line-height: 40px; font-size: 16px}

    .main-section06 {padding-top: 50px}
    .main-section06 .box-wrap {padding-top: 30px}
    .main-section06 .box-wrap dl dt span {font-size: 28px; line-height: 30px; background-size: 30px !important; padding-left: 40px}
    .main-section06 .box-wrap dl dt h6 {font-size: 18px; line-height: 26px}
    .main-section06 .box-wrap dl dd ul {text-align: center; margin: -10px 0; padding: 20px 0}
    .main-section06 .box-wrap dl dd ul li {width: 50%; margin: 10px 0}
    .main-section06 .box-wrap dl dd ul li img {width: 120px}
    .main-section06 .box-wrap dl dd ul li p {margin-top: 10px; font-size: 16px; line-height: 26px}
    .main-section06 .box-wrap dl dt p {font-size: 16px; line-height: 24px}
    .main-section06 .box-wrap dl dt p strong {display: inline-block}
    .main-section06 .box-wrap dl dd .img {margin-top: 30px}
    .main-section06 .box-wrap dl dt > img {max-width: 95%}
    .main-section06 .box-wrap dl dd .txt {padding: 50px 0 0 0}
    .main-section06 .box-wrap dl dd .txt h6 {font-size: 18px; line-height: 26px}
    .main-section06 .box-wrap dl dd .txt p {font-size: 16px; line-height: 24px; margin-top: 10px}


    .main-section08 {padding: 50px 0}
    .main-section08 .left {padding-bottom: 10px}
    .main-section08 .left h5 {font-size: 24px; line-height: 32px}
    .main-section08 .left p {font-size: 15px; line-height: 24px; padding: 10px 0 20px 0}
    .main-section08 .left p br {display: none}
    .main-section08 .left ul li {font-size: 14px; line-height: 22px}
    .main-section08 .right form ul {margin: 0}
    .main-section08 .right form ul li {width: 100%; margin: 5px 0}
    .main-section08 .right form ul li > * {height: 36px; padding: 0 10px; font-size: 13px}
    .main-section08 .right form ul li:last-child {width: 100%}
    .main-section08 .right form ul li textarea {height: 80px}
    .main-section08 .right form dl dt {float: none; width: 100%}
    .main-section08 .right form dl dd {float: none; width: 100%; padding: 15px 0 0 0}
    .main-section08 .right form dl dd .sbm {line-height: 45px; font-size: 16px}


    .ppl-box .ppl01-box:before {height: 95%;}
    .ppl-box .ppl01-box .ppl01-top-box {padding-top: 40px;}
    .ppl-box .ppl01-box .ppl01-top-box .img {padding-bottom: 50%;}
    .ppl-box .ppl01-box .ppl01-bot-box {padding: 40px 0;}
    .ppl-box .ppl01-box .ppl01-bot-box dl > * {width: 100%;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt {margin-right: 0; margin-bottom: 20px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt h6:before {height: 92px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt h6 {margin-top: 0; font-size: 28px; line-height: 36px; padding-left: 20px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dt h6 span {font-size: 16px; line-height: 24px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd {margin-left: 0; margin-top: 0}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd h6:before {height: 62px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd h6 {margin-top: 30px; font-size: 28px; line-height: 36px; padding-right: 20px; margin-bottom: 20px;}
    .ppl-box .ppl01-box .ppl01-bot-box dl dd h6 span {font-size: 16px; line-height: 24px;}

    .ppl-box .ppl01-box .ppl01-bot-box dl dt .char,
    .ppl-box .ppl01-box .ppl01-bot-box dl dd .char,
    .ppl-box .ppl02-box dl dt,
    .ppl-box .ppl03-box dl.ppl03-bot dt,
    .ppl-box .ppl03-box dl.ppl03-top dt,
    .ppl-box .ppl04-box dl dt {display: none}

    .ppl-box .ppl02-box {padding: 40px 0; background-size: cover;}
    .ppl-box .ppl02-box dl {height: auto;}
    .ppl-box .ppl02-box dl dt {float: none; width: 100%; text-align: center;}
    .ppl-box .ppl02-box dl dt img {position: static; transform: none;}
    .ppl-box .ppl02-box dl dd {float: none; width: 100%; height: 200px; margin-top: 30px;}
    .ppl-box .ppl02-box dl dd .mid span {font-size: 15px; line-height: 15px;}
    .ppl-box .ppl02-box dl dd .mid h6 {font-size: 20px; line-height: 30px;}
    .ppl-box .ppl02-box dl dd .mid ul {margin-top: 10px;}
    .ppl-box .ppl02-box dl dd .mid ul li {font-size: 15px; line-height: 25px;}

    .ppl-box .ppl03-box {background: none;}
    .ppl-box .ppl03-box dl.ppl03-top {background: url('../images/main/ppl03_top_bg.jpg') no-repeat center; background-size: cover; padding: 40px 15px; margin: 0 -15px;}
    .ppl-box .ppl03-box dl.ppl03-top dt {float: none; width: 100%;}
    .ppl-box .ppl03-box dl.ppl03-top dt img {padding: 0; padding-bottom: 30px;}
    .ppl-box .ppl03-box dl.ppl03-top dd {float: none; width: 100%; padding: 0;}
    .ppl-box .ppl03-box dl.ppl03-top dd h6 {padding-top: 30px; font-size: 28px; line-height: 36px;}
    .ppl-box .ppl03-box dl.ppl03-top dd h6 span {font-size: 16px; line-height: 16px;}
    .ppl-box .ppl03-box dl.ppl03-bot {height: auto;}
    .ppl-box .ppl03-box dl.ppl03-bot dt {float: none; width: 100%; text-align: center;}
    .ppl-box .ppl03-box dl.ppl03-bot dt img {position: static; transform: none;}
    .ppl-box .ppl03-box dl.ppl03-bot dd {float: none; width: 100%; height: 200px; margin-top: 0;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid span {font-size: 15px; line-height: 15px;}
    .ppl-box .ppl03-box dl.ppl03-bot dd .mid h6 {font-size: 20px; line-height: 30px;}

    .ppl-box .ppl04-box {padding: 40px 0; background-position: left center; background-size: 200%}
    .ppl-box .ppl04-box dl dt {float: none; width: 100%;}
    .ppl-box .ppl04-box dl dt img {padding: 0; padding-bottom: 30px;}
    .ppl-box .ppl04-box dl dd {float: none; width: 100%; padding: 0;}
    .ppl-box .ppl04-box dl dd h6 {padding-top: 30px; font-size: 28px; line-height: 36px;}
    .ppl-box .ppl04-box dl dd h6 span {font-size: 16px; line-height: 16px;}

	#main .main_cont3_2{background-image:url('../images/main/main-cont-bg3-2_new-mo.jpg')}
	#main .main_cont3_2 h4{margin-top:160px;margin-bottom:0}
	#main .main_cont3_2 .wtBox{padding:10px 0;margin-top:40px}
	#main .main_cont3_2 .wtBox p{line-height:20px;font-size:14px}


	/* s: main_cont07 231208 mw */
	.main_cont7 .inner{padding:50px 100px}
	.main_cont7 .youtube{margin:40px auto 0}
	/* e: main_cont07 231208 mw */



    /* 240705 sj 건별 추가 */
    #main .section .inner {padding: 0 10px}
    #main .section01 .title h6 {font-size: 24px; line-height: 24px}
    #main .section01 .title h6 img {height: 24px}
    #main .section01 .title h5 {margin-top: 5px; font-size: 26px; line-height: 42px; letter-spacing: -1px}
    #main .section01 .title h5 span {font-size: 26px; line-height: 42px; letter-spacing: -1px}
    /* #main .section01 .list .box {padding: 15px} */
    #main .section01 .list .box {padding: 10px;}
    #main .section01 .list .box dl {font-size: 0}
    #main .section01 .list .box dl > * {}
    #main .section01 .list .box dl dt {width: 90px;}
    #main .section01 .list .box dl dt img {width: 100%}
    #main .section01 .list .box dl dd {width: calc(100% - 110px); margin-left: 20px; margin-top: 15px}
    #main .section01 .list .box dl dd h6 {font-size: 16px; line-height: 30px}
    #main .section01 .list .box dl dd h6 mark {font-size: 18px; line-height: 30px}
    #main .section01 .btn a {font-size: 16px; line-height: 50px}
    #main .section02 .title h5 {font-size: 18px; line-height: 26px}
    #main .section02 .title p {margin-top: 5px; font-size: 16px; line-height: 24px}
    #main .section02 .list {margin-top: 30px}
    #main .section02 .list dl {display: block; height: auto; padding: 30px 20px}
    #main .section02 .list dl > * {text-align: center}
    #main .section02 .list dl dt {margin-right: 0; margin-bottom: 15px}
    #main .section02 .list dl dt img {width: 60px}
    #main .section02 .list dl dd h6 {font-size: 18px; line-height: 26px; text-align: center}
    #main .section02 .list dl dd p {margin-top: 5px; font-size: 15px; line-height: 24px}
    #main .section02 .list dl dd p br {display: none}
    #main .section03 .title {margin-bottom: 30px}
    #main .section03 .title h6 {margin-bottom: 5px; font-size: 17px; line-height: 24px}
    #main .section03 .title h5 {font-size: 20px; line-height: 28px}
    #main .section03 .roll {padding: 0 50px}
    #main .section03 .roll .slick-arrow {width: 40px; height: 40px}
    #main .section03 .roll .slick-prev {left: 10px; animation: bounce1 2s ease-out infinite}
    #main .section03 .roll .slick-next {right: 10px; animation: bounce2 2s ease-out infinite}
    #main .section03 .roll .item .info h6 {font-size: 15px}
    #main .section03 .roll .item .info p {font-size: 13px}
    #main .section03 .roll .item .info span {font-size: 12px}
    #main .main_cont4 .chkList {padding: 10px 15px}
    #main .main_cont4 .chkList li {padding-left: 35px; background-size: 22px auto}
    #main .main_cont4 .chkList li span {font-size: 14px; line-height: 22px}
    #main .section04 {padding: 70px 0}
    #main .section04 dl dt img {max-width: 85%; margin: 0 auto}
    #main .section04 dl dd h5 {font-size: 21px; line-height: 30px}
    #main .section04 dl dd p {margin: 10px 0 20px; font-size: 14px; line-height: 24px}
    #main .section04 dl dd p br {display: none}
    #main .section04 dl dd a span {font-size: 14px}
    #main .section05 .title h6 {font-size: 16px; line-height: 24px}
    #main .section05 .title h5 {margin-top: 5px; font-size: 20px; line-height: 28px}
    #main .section05 .box {padding: 25px 15px}
    #main .section05 .box strong {font-size: 18px; line-height: 26px}
    #main .section05 .box span {position: static; display: block; margin-top: 20px; font-size: 13px; line-height: 20px}
    #main .section05 .btns a {font-size: 16px; line-height: 50px}


    @keyframes bounce1 {
        0% {left: 10px}
        20% {left: 7px}
        30% {left: 10px}
        40% {left: 7px}
        50% {left: 10px}
        70% {left: 10px}
        100% {left: 10px}
    }
    @keyframes bounce2 {
        0% {right: 10px}
        20% {right: 7px}
        30% {right: 10px}
        40% {right: 7px}
        50% {right: 10px}
        70% {right: 10px}
        100% {right: 10px}
    }
    /* 240705 sj 건별 추가 */


    /* 250214 건별 추가 sys */
    #main .banner-wrap02 strong { font-size: 18px;}
    #main .banner-wrap02 strong span { font-size: 14px;}
    #main .banner-wrap02 p { font-size: 14px;}
    #main .banner-wrap02 h3 { padding-top: 10px;}
    #main .banner-wrap02 h3 img {  width: 40%;}
    #main .banner-wrap02 .banner-wrap02-btn { width: 140px; height: 35px; line-height: 35px; font-size: 13px;}


}


@media screen and (max-width: 450px){
	#main .main_cont3_2{background-image: url('../images/main/main-cont-bg3-2_new-mo.jpg')}
	#main .main_cont3_2 h4{margin-top:110px}
	#main .main_cont3_2 .wtBox{margin-top:30px}

	/* s: main_cont07 231208 mw */
	.main_cont7 .inner{padding:50px 15px}
	/* e: main_cont07 231208 mw */
}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1200px){

    #sub #content{ width: auto;padding: 0; }

    #sub .sub-vis{height: 150px;}
    #sub .sub-vis h2{font-size: 20px; width: 99%; padding-left: 50px; box-sizing: border-box}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    #sub .sub-tit{padding-bottom: 15px; margin-bottom: 15px;}
    #sub .sub-tit h3{font-size: 24px;margin-top: 0;}

    .lnbWrap{display: none;}

    #status{display: none;}

    #navigator {display: block; border-width: 0 0 1px 0;}
    #navigator br {display: none}
    #navigator > ul{width: auto;border-left: none;padding-left: 40px;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;}
    #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li.d2{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li.d2 > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}
    #navigator > ul > li > ul > li > ul {display: none}

    #sub .lnbWrap {display: none !important}
    #sub #subCont {display: block !important; width: 100%; padding: 50px 10px}

    #subCont .sub-title {padding-bottom: 20px}
    #subCont .sub-title h5 {font-size: 18px; line-height: 26px}
    #subCont .sub-title p {margin-top: 15px; font-size: 15px; line-height: 23px}
    .repair-wrap .top-box .sub-title p span {font-size: inherit; line-height: inherit}
    .repair-wrap .top-box .sub-title p > strong {font-size: inherit; line-height: inherit}


    .greet-wrap .title {padding-bottom: 30px}
    .greet-wrap .title h5 {font-size: 24px; line-height: 32px}
    .greet-wrap .title h6 {font-size: 26px; line-height: 34px; margin-top: 15px}
    .greet-wrap .txt-box {padding-top: 30px}
    .greet-wrap .txt-box dl dt {float: none; width: 100%}
    .greet-wrap .txt-box dl dt .thumb {padding-bottom: 30%;  border: 1px solid #ddd}
    .greet-wrap .txt-box dl dd {float: none; width: 100%; margin-top: 30px}
    .greet-wrap .txt-box dl dd h6 {font-size: 22px; line-height: 30px}
    .greet-wrap .txt-box dl dd h6 br {display: none}
    .greet-wrap .txt-box p {font-size: 15px; line-height: 23px; margin-top: 15px}
    .greet-wrap .txt-box p br {display: none}
    .greet-wrap .txt-box > h6 {margin-top: 20px; font-size: 16px; line-height: 24px}

    .location-wrap .map .info {margin: 20px 0}
    .location-wrap .map .info strong {font-size: 15px; line-height: 30px}
    .location-wrap .map .info a {line-height: 30px; font-size: 13px; background-size: 20px; padding: 0 15px 0 35px; background-position: 7px center}
    .location-wrap dl {margin-bottom: 15px}
    .location-wrap dl dt {font-size: 16px; line-height: 22px; margin-bottom: 5px}
    .location-wrap dl dd {font-size: 14px; line-height: 22px}
    .location-wrap dl.tm-box dd strong {font-size: 14px; line-height: 22px}
    .location-wrap dl dd ul {margin-top: 15px}
    .location-wrap dl dd ul li {margin-right: 20px}
    .location-wrap dl dd ul li p {font-size: 14px; line-height: 20px; margin-top: 10px}
    .location-wrap .infobox{display: block;line-height: 20px;padding: 15px 0;}
    .location-wrap .infobox .time{width: auto;font-size: 14px;padding-left: 0;}
    .location-wrap .infobox .time strong{font-size: 14px;margin-right: 0;margin-bottom: 10px;display: block;font-weight: bold;position: static;}
    .location-wrap .infobox .time strong img{width: 24px;height: auto;}
    .location-wrap .infobox .link{width: auto;text-align: left;margin-top: 10px;}
    .location-wrap .infobox .link img{width: auto;height: 30px;}

    .appr-wrap .top-box {height: 200px}
    .appr-wrap .top-box h6 {padding-left: 60px; font-size: 24px; line-height: 24px}
    .appr-wrap .bot-box .box {padding-top: 30px}
    .appr-wrap .bot-box .box dl dt {position: static; transform: none; display: inline-block; vertical-align: middle; width: 100px;}
    .appr-wrap .bot-box .box dl dd {display: inline-block; vertical-align: middle; width: calc(100% - 105px); box-sizing: border-box; padding-left: 0}
    .appr-wrap .bot-box .box dl dd p {font-size: 15px; line-height: 24px}

    .msmt-wrap .msmt-box {height: 180px}
    .msmt-wrap .msmt-box img {padding-left: 50px; max-width: 250px}
    .msmt-wrap p {margin-top: 20px; font-size: 15px; line-height: 24px}
    .msmt-wrap p br {display: none}
    .fit-wrap .top-box {padding-bottom: 40px}
    .fit-wrap .top-box ul {margin: -5px}
    .fit-wrap .top-box ul li {width: calc(50% - 10px); margin: 5px}
    .fit-wrap .top-box ul li .thumb {padding-bottom: 65%}
    .fit-wrap .top-box ul li .box {min-height: 160px}
    .fit-wrap .top-box ul li .box .info {bottom: 20px}
    .fit-wrap .top-box ul li .box .info img {width: 80px}
    .fit-wrap .top-box ul li .box .info strong {font-size: 17px; line-height: 24px; margin: 10px 0}
    .fit-wrap .top-box ul li .box .info p {font-size: 14px; line-height: 20px}
    .fit-wrap .bot-box .box dl {background: none !important; padding: 25px 0}
    .fit-wrap .bot-box .box dl dt h6 {font-size: 17px; line-height: 22px; padding-left: 30px}
    .fit-wrap .bot-box .box dl dt h6 strong {width: 22px; height: 22px; line-height: 22px; font-size: 13px}
    .fit-wrap .bot-box .box dl dd {padding-left: 28px; font-size: 15px; line-height: 22px}
    .fit-wrap .bot-box .box dl dd br {display: none}

    .repair-wrap .top-box {padding-bottom: 35px}
    .repair-wrap .top-box > h6 {margin: 25px 0; font-size: 18px; line-height: 26px}
    .repair-wrap .top-box > dl {padding: 25px 10px}
    .repair-wrap .top-box > dl dt {font-size: 18px; line-height: 24px}
    .repair-wrap .top-box > dl dd {font-size: 15px; line-height: 23px; margin-top: 5px}
    .repair-wrap .top-box > dl dd br {display: none}
    .repair-wrap .bot-box dl {padding: 20px 30px}
    .repair-wrap .bot-box dl > * {font-size: 15px; line-height: 22px}
    .repair-wrap .bot-box dl br {display: none}
    .repair-wrap .bot-box dl strong {line-height: 22px}

    .beg-wrap p.info {padding: 10px 15px; margin-top: 15px; font-size: 14px; line-height: 22px}
    .beg-wrap .beg01-box {padding-bottom: 40px}
    .beg-wrap .beg01-box .chk-list dl dt {line-height: 45px; font-size: 20px}
    .beg-wrap .beg01-box .chk-list dl dd {padding: 20px 30px}
    .beg-wrap .beg01-box .chk-list dl dd:before {top: 20px; right: 30px; background-size: contain; width: 110px; height: 30px}
    .beg-wrap .beg01-box .chk-list dl dd ul {padding-bottom: 20px}
    .beg-wrap .beg01-box .chk-list dl dd ul:after {width: 180px; height: 173px; right: -10px; background-size: contain}
    .beg-wrap .beg01-box .chk-list dl dd ul li {font-size: 15px; line-height: 22px; padding: 10px 0; padding-left: 30px; background-size: 20px; background-position: left 10px}
    .beg-wrap .beg01-box .chk-list dl dd p {font-size: 15px; padding: 0 20px; line-height: 30px}
    .beg-wrap .beg01-box .chk-list dl dd span {font-size: 15px; line-height: 30px}
    .beg-wrap .beg02-box {padding-bottom: 25px}
    .beg-wrap .beg02-box dl dt {padding-right: 20px}
    .beg-wrap .beg02-box > p {font-size: 15px; line-height: 24px; padding-top: 20px}
    .beg-wrap .beg02-box > p br {display: none}
    .beg-wrap .beg03-box {margin-top: 30px}
    .beg-wrap .beg03-box .thumb {width: 100%}
    .beg-wrap .beg03-box p {padding-left: 0; font-size: 15px; line-height: 23px; margin-top: 20px}
    .beg-wrap .beg03-box p br {display: none}
    .beg-wrap .beg04-box {margin-top: 30px}
    .beg-wrap .beg04-box .thumb {width: 100%}
    .beg-wrap .beg04-box p {padding-left: 0; font-size: 15px; line-height: 23px; margin-top: 20px}
    .beg-wrap .beg05-box {margin-top: 30px}
    .beg-wrap .beg05-box .brand-list {padding: 35px 20px}
    .beg-wrap .beg05-box .brand-list h6 {font-size: 18px; line-height: 22px; margin-bottom: 20px}
    .beg-wrap .beg05-box .brand-list dl dt ul li p {font-size: 16px; margin: 15px 0}
    .beg-wrap .beg05-box > p {font-size: 15px; line-height: 23px; margin-top: 20px}
    .beg-wrap .beg05-box > p br {display: none}
    .beg-wrap .beg06-box {margin-top: 30px}
    .beg-wrap .beg06-box ul li {height: 180px; padding: 0 10px}
    .beg-wrap .beg06-box ul li img {right: 10px; width: 200px}
    .beg-wrap .beg06-box ul li dl dt {font-size: 20px; line-height: 26px; margin-bottom: 10px}
    .beg-wrap .beg06-box ul li dl dd {font-size: 15px; line-height: 23px}
    .beg-wrap .beg06-box .bot-txt {margin-top: 20px; padding: 20px 10px; box-sizing: border-box}
    .beg-wrap .beg06-box .bot-txt p {font-size: 15px; line-height: 23px}

    .fail-wrap .fail01-box {margin-bottom: 30px}
    .fail-wrap .fail01-box .img-box {height: 200px}
    .fail-wrap .fail01-box .img-box img {padding-left: 50px; width: 230px}
    .fail-wrap .fail01-box .txt-box {padding: 20px 10px; box-sizing: border-box}
    .fail-wrap .fail01-box .txt-box p {font-size: 15px; line-height: 23px}
    .fail-wrap .fail01-box .txt-box p br {display: none}
    .fail-wrap .fail02-box {margin-bottom: 40px}
    .fail-wrap .fail02-box .top ul {padding: 20px 30px}
    .fail-wrap .fail02-box .top ul li {padding: 10px 0; padding-left: 30px; background-size: 20px; background-position: left 10px}
    .fail-wrap .fail02-box .top ul li p {font-size: 15px; line-height: 22px}
    .fail-wrap .fail02-box .bot p {margin: 20px 0 10px 0; font-size: 15px; line-height: 24px}
    .fail-wrap .fail02-box .bot ul {padding: 20px}
    .fail-wrap .fail03-box {margin-bottom: 40px}
    .fail-wrap .fail03-box .box p {font-size: 15px; line-height: 23px; margin-bottom: 10px}
    .fail-wrap .fail03-box .box ul {padding: 20px 30px}
    .fail-wrap .fail04-box .sub-title p span {font-size: 15px; line-height: 23px}
    .fail-wrap .fail04-box .box > strong {font-size: 15px; line-height: 23px; margin-bottom: 10px}
    .fail-wrap .fail04-box .box ul {padding: 10px 30px}
    .fail-wrap .fail04-box .box ul li {font-size: 15px; line-height: 23px; margin: 10px 0}
    .fail-wrap .fail04-box .box ul li:after {bottom: -5px}
    .fail-wrap .fail04-box .box ul li strong {line-height: 23px}

    .supp-wrap > div {margin-bottom: 40px}
    .supp-wrap > p.ft {font-size: 16px; line-height: 23px; margin-bottom: 30px}
    .supp-wrap .tbl01-box table thead tr th {padding: 10px 0; font-size: 14px; line-height: 20px}
    .supp-wrap .tbl01-box table tbody tr > * {padding: 10px 0; font-size: 13px; line-height: 20px}
    .supp-wrap .tbl01-box span {font-size: 14px; line-height: 22px; margin-top: 10px}
    .supp-wrap .tbl01-box table thead tr th img {width: 30%}
    .supp-wrap .supp03-box > ul {padding: 10px 0; margin-bottom: 30px}
    .supp-wrap .supp03-box > ul li {font-size: 14px; line-height: 22px; margin: 2px 0}
    .supp-wrap .tbl02-box table thead tr th {padding: 10px 0; font-size: 14px; line-height: 20px}
    .supp-wrap .tbl02-box table tbody tr > * {padding: 10px 0; font-size: 13px; line-height: 20px}
    .supp-wrap .tbl02-box table tbody tr td span {padding: 0 8px; line-height: 22px; font-size: 12px; margin-right: 5px}
    .supp-wrap .supp04-box .tbl01-box table tbody tr > * {padding: 10px 0; text-align: center; font-size: 14px}
    .supp-wrap .supp04-box .tbl01-box table tbody tr > * {font-size: 13px}
    .supp-wrap .supp05-box dl h6 {font-size: 16px; line-height: 22px; margin-bottom: 10px}
    .supp-wrap .supp05-box dl dt {margin-bottom: 20px}
    .supp-wrap .tbl03-box table thead tr th {font-size: 14px; line-height: 20px}
    .supp-wrap .tbl03-box table thead tr th span {font-size: 13px}
    .supp-wrap .tbl03-box table thead tr:first-child th {padding: 15px 0}
    .supp-wrap .tbl03-box table tbody tr th span {font-size: 13px}
    .supp-wrap .tbl03-box table tbody tr > * {padding: 10px 0; font-size: 13px; line-height: 20px}
    .supp-wrap .supp05-box ul li {font-size: 14px; line-height: 22px}

    .hard-wrap > div {padding-bottom: 30px}
    .hard-wrap .hrd02-box dl {margin-bottom: 20px}
    .hard-wrap .hrd02-box dl dt {font-size: 15px; line-height: 23px}
    .hard-wrap .hrd02-box dl dd {font-size: 15px; line-height: 23px}
    .hard-wrap .hrd02-box dl dd br {display: none}
    .hard-wrap .hrd03-box .img-box {padding: 10px 50px}

    .aid-wrap .top-box {padding-bottom: 20px}
    .aid-wrap .top-box .box {margin: 15px 0 30px 0}
    .aid-wrap .top-box .txt p {margin-bottom: 15px; font-size: 15px; line-height: 23px}
    .aid-wrap .top-box .txt p br {display: none}
    .aid-wrap .mid-box {padding-bottom: 40px}
    .aid-wrap .mid-box .box dl {padding: 30px 10px}
    .aid-wrap .mid-box .box dl dt {width: 180px; right: 10px}
    .aid-wrap .mid-box .box dl dd {width: calc(100% - 230px)}
    .aid-wrap .mid-box .box dl dd h6 {font-size: 18px; line-height: 24px}
    .aid-wrap .mid-box .box dl dd p {font-size: 15px; line-height: 22px; margin: 10px 0 15px 0}
    .aid-wrap .mid-box .box dl dd p br {display: none}
    .aid-wrap .mid-box .box dl dd ul li {margin-right: 4px; padding: 0 12px; line-height: 22px; font-size: 13px}
    .aid-wrap .bot-box .box dl {padding: 30px 10px}
    .aid-wrap .bot-box .box dl dt h6 {padding-left: 35px; font-size: 17px; line-height: 22px}
    .aid-wrap .bot-box .box dl dt h6 strong {width: 22px; height: 22px; line-height: 22px; font-size: 13px}
    .aid-wrap .bot-box .box dl dt h6 span {font-size: 15px}
    .aid-wrap .bot-box .box dl dd {padding-left: 35px; font-size: 15px; line-height: 23px}
    .aid-wrap .bot-box .box dl dd br {display: none}

    .ring-wrap > div {margin-bottom: 10px}
    .ring-wrap > div p br {display: none}

    .hear-wrap > div {margin-bottom: 30px}
    .hear-wrap .top-box h6 {font-size: 20px; padding: 20px 10px; box-sizing: border-box}
    .hear-wrap .top-box p {font-size: 15px; line-height: 23px; margin-top: 20px}
    .hear-wrap .mid-box p br {display: none}
    .hear-wrap .bot-box ul {padding: 20px 30px}
    .hear-wrap .bot-box ul li {padding: 5px 0; font-size: 15px; line-height: 22px; padding-left: 30px}
    .hear-wrap .bot-box ul li strong {width: 22px; line-height: 22px; font-size: 12px;}
    .hear-wrap .bot-box .tbl04-box table tbody tr > * {padding: 10px 0; font-size: 14px; line-height: 22px}
    .hear-wrap .bot-box .tbl04-box table tbody tr td {padding: 10px 15px}
    .hear-wrap .bot-box .txt-box span {font-size: 14px; line-height: 22px}
    .hear-wrap .bot-box .txt-box p {font-size: 15px; line-height: 23px; margin: 20px 0}
    .hear-wrap .bot-box .txt-box p br {display: none}
    .hear-wrap .bot-box .txt-box strong {font-size: 15px; line-height: 23px}

    .location-wrap .box > dl {margin: 25px 0}
    .location-wrap .box > dl dt .map-box,
    .location-wrap dl dt .map-box > div {height: 300px !important;}
    .location-wrap .box > dl dd {float: none; width: 100%; height: auto}
    .location-wrap .box > dl dd.left {width: 100%}
    .location-wrap .box > dl dd.left p {line-height: 50px; font-size: 16px; text-align: left; padding: 0 30px}
    .location-wrap .box > dl dd.right {width: 100%; padding: 10px 0}
    .location-wrap .box > dl dd.right ul li {margin-left: 30px; min-height: 26px; padding-left: 80px}
    .location-wrap .box > dl dd.right ul li strong {padding-left: 35px; font-size: 14px; line-height: 26px; background-size: 25px !important}
    .location-wrap .box > dl dd.right ul li p {font-size: 14px; line-height: 26px}

    /* 2023.10.05 건별 작업 */
    .contactus .tit{font-size: 16px;}
    .contactus .tit strong{display: block;}
    .contactus .txt p{font-size: 13px;margin: 10px 0;}
    .contactus ul{margin-top: 30px;border-radius: 20px;}
    .contactus ul li{padding: 0;display: block;margin: 10px 0;}
    .contactus ul li:before{display: none;}
    .contactus ul li > *{font-size: 16px;}
    .contactus ul li strong img{width: 20px;height: auto;}
    .contactus .list {margin-top: 40px}
    .contactus .list dt {width: auto; padding: 0 25px; margin-bottom: 20px; font-size: 17px; line-height: 36px}
    .contactus .list dd {margin: -2px}
    .contactus .list dd p {width: calc(50% - 4px); margin: 2px; font-size: 14px; line-height: 34px}

    /* company > philosophy */
    .phil_content .title{font-size: 20px;line-height: 30px;padding-top: 10px;}
    .phil_content .txt_img{width: 270px;height: auto;margin-top: 20px;}
    .phil_content .txt{margin-top: 30px;}
    .phil_content .txt p{margin: 20px 0;font-size: 14px;line-height: 26px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
    .phil_content .img1{margin: 30px 0;}
    .phil_content .img2{margin: 30px 0;}
    .phil_content .img2 p{font-size: 16px;}
    .phil_content .img3{margin-top: 60px;}
    .phil_content .sign{margin-top: 30px;font-size: 13px;}
    .phil_content .sign img{margin: 0 5px 0 20px;width: 60px;height: auto;}
    

    /* 241211 건별 추가 */
    .inqWrap .banner {height: 180px; margin-bottom: 40px; padding: 0 30px}
    .inqWrap .banner p {margin-bottom: 10px; font-size: 16px; line-height: 24px}
    .inqWrap .banner h5 {font-size: 22px; line-height: 32px}

    .inqWrap form fieldset {margin-top: 30px}
    .inqWrap form fieldset legend {margin-bottom: 15px; font-size: 20px; line-height: 28px}
    .inqWrap .agree {margin-top: 15px}
    .inqWrap .agree input {margin-top: 4px}
    .inqWrap .agree label {font-size: 15px; line-height: 24px}
    .inqWrap .btns {margin-top: 30px}
    .inqWrap .btns button {width: 170px; height: 50px; font-size: 16px}
    .inqWrap ul.idx {padding: 15px 0}
    .inqWrap ul.idx li {padding-left: 100px; margin-bottom: 8px}
    .inqWrap ul.idx li strong {font-size: 16px; line-height: 44px}
    .inqWrap ul.idx li em {margin-left: 10px; font-size: 13px; line-height: 44px}
    .inqWrap ul.idx li > span {width: 25px; font-size: 14px; line-height: 43px}
    .inqWrap ul.idx li .inp, 
    .inqWrap ul.idx li .selt {height: 44px; font-size: 15px; line-height: 44px}
    .inqWrap ul.idx li textarea {height: 100px; font-size: 15px; line-height: 22px}
    .inqWrap ul.idx li button {width: 85px; height: 44px; font-size: 13px; line-height: 42px}
    .inqWrap ul.idx li .filebox {padding-top: 8px}
    .inqWrap ul.idx li .filebox .inp {height: 44px}
    .inqWrap ul.idx li .filebox .wbtn {width: 85px; height: 44px; font-size: 13px; line-height: 42px}
    .inqWrap .list .box ul.hrz {margin-bottom: 35px}
    .inqWrap .list .box .tit {margin-bottom: 15px; font-size: 21px; line-height: 26px}
    .inqWrap .list .box ul.hrz li {width: 100%; margin: 0; margin-top: 16px}
    .inqWrap .list .box ul.hrz li strong {margin-bottom: 5px; font-size: 16px; line-height: 24px}
    .inqWrap .list .box ul.hrz li .inp {height: 44px; font-size: 15px; line-height: 44px}
    .inqWrap .list .box ul.vtc li {margin-top: 15px}
    .inqWrap .list .box ul.vtc li strong {margin-bottom: 5px; font-size: 16px; line-height: 24px}
    .inqWrap .list .box ul.vtc li .rdo:not(:last-child) {margin-right: 30px}
    .inqWrap .list .box ul.vtc li .rdo label {padding-left: 25px; font-size: 15px; line-height: 30px; background-size: 16px !important}
    .inqWrap .list .box ul.vtc li .rdo label .inp {width: 180px; margin-left: 10px; font-size: 15px; line-height: 30px}
    .inqWrap .list .box ul.vtc li textarea {height: 100px; font-size: 15px; line-height: 22px}
    .inqWrap .list .box .file {margin-top: 20px}
    .inqWrap .list .box .file h6 {margin-bottom: 10px; font-size: 16px; line-height: 24px}
    .inqWrap .list .box .file h6 span {font-size: 13px; line-height: 24px}
    .inqWrap .list .box .file .filebox .inp {height: 44px}
    .inqWrap .list .box .file .filebox .wbtn {width: 85px; height: 44px; font-size: 13px; line-height: 42px}

    .brdWrap .title {margin-bottom: 15px}
    .brdWrap .title h5 {font-size: 20px; line-height: 28px; padding-left: 22px; background-size: 14px auto}
    .brdWrap .title p {margin-top: 10px; font-size: 15px; line-height: 24px}
    .brdWrap .title p br {display: none}
    .brdWrap .stit {margin-bottom: 30px}
    .brdWrap .stit h5 {font-size: 24px; line-height: 32px}
    .brdWrap .stit h5 span {width: 32px; height: 32px; font-size: 13px; line-height: 32px}
    .brdWrap .stit h6 {margin-top: 15px; font-size: 17px; line-height: 26px}
    .brdWrap .stit h6:after {height: 11px}
    .brdWrap .stit p {font-size: 14px; line-height: 22px}


    .brdWrap .topBox {margin-bottom: 40px; border-width: 4px; height: 280px}
    .brdWrap .topBox dl dt {padding-bottom: 15px; margin-bottom: 20px}
    .brdWrap .topBox dl dt img {max-width: 160px}
    .brdWrap .topBox dl dd h6 {font-size: 21px; line-height: 30px}
    .brdWrap .topBox dl dd p {font-size: 16px; line-height: 26px}
    .brdWrap .history .banner {height: 160px; margin-bottom: 15px}
    .brdWrap .history .banner h6 {font-size: 22px; line-height: 160px}
    .brdWrap .history .stt {margin-bottom: 15px; font-size: 17px; line-height: 24px}
    .brdWrap .history ul li {padding-left: 70px}
    .brdWrap .history ul li > * {line-height: 46px}
    .brdWrap .history ul li strong {font-size: 15px}
    .brdWrap .history ul li p {font-size: 15px}
    .brdWrap .history ul li.lne p {padding: 10px 0; line-height: 28px}
    .brdWrap .history ul li.lne p br {display: none}
    .brdWrap .iwtBox {margin-top: 40px}
    .brdWrap .iwtBox .list.nbrdr {margin-top: 20px}
    .brdWrap .iwtBox .list dl {padding: 20px 0}
    .brdWrap .iwtBox .list dl dt {width: 280px; padding-right: 25px; box-sizing: border-box}
    .brdWrap .iwtBox .list dl dd {width: calc(100% - 280px)}
    .brdWrap .iwtBox .list dl dd h6 {font-size: 16px; line-height: 26px}
    .brdWrap .iwtBox .list dl dd strong {margin-top: 5px; font-size: 15px; line-height: 24px}
    .brdWrap .iwtBox .list dl dd p {margin-top: 5px; font-size: 14px; line-height: 22px}
    .brdWrap .iwtBox .list dl dd p br {display: none}
    .brdWrap .iwtBox .list dl dd .link {width: 200px; height: 38px; margin-top: 10px; line-height: 36px}
    .brdWrap .iwtBox .list dl dd .link span {padding-right: 20px; font-size: 13px; background-size: 13px auto !important}
    .brdWrap .iwtBox .check {padding: 20px}
    .brdWrap .iwtBox .check ul li {padding-left: 170px}
    .brdWrap .iwtBox .check.wide ul li {padding-left: 220px}
    .brdWrap .iwtBox .check ul li:not(:last-child) {margin-bottom: 7px}
    .brdWrap .iwtBox .check ul li > * {font-size: 15px; line-height: 25px}
    .brdWrap .iwtBox .check ul li strong {padding-left: 25px; background-size: 18px auto !important}
    .brdWrap .iwtBox .check ul li p br {display: none}
    .brdWrap .iwtBox .check ul li p span:before {top: 10px}
    .brdWrap .iwtBox .check ul li .link {width: 200px; height: 38px; margin-top: 10px; line-height: 36px}
    .brdWrap .iwtBox .check ul li .link span {padding-right: 20px; font-size: 13px; background-size: 13px auto !important}
    .brdWrap .vital {margin-top: 40px}
    .brdWrap .vital .list {margin: -5px}
    .brdWrap .vital .list dl {width: calc(50% - 10px); height: 180px; margin: 5px; padding: 20px; background-position: right 20px bottom 20px; background-size: 40px auto !important}
    .brdWrap .vital .list dl dt {margin-bottom: 5px; font-size: 17px; line-height: 24px}
    .brdWrap .vital .list dl dd {margin-bottom: 3px; padding-left: 8px; font-size: 14px; line-height: 24px}
    .brdWrap .vital .list dl dd:before {top: 10px}
    .brdWrap .vital .list dl:last-child {border-width: 2px}
    .brdWrap .technology {margin-top: 35px}
    .brdWrap .technology figure img {max-width: calc(50% - 5px)}
    .brdWrap.widex .technology figure img {max-width: 100%}
    .brdWrap .technology ul {margin-top: 15px}
    .brdWrap .technology ul li {padding: 16px 0}
    .brdWrap .technology ul li > * {padding-left: 25px; line-height: 24px}
    .brdWrap .technology ul li strong {font-size: 16px; background-size: 18px auto !important}
    .brdWrap .technology ul li p {margin-top: 2px; font-size: 15px}
    .brdWrap .technology ul li p br {display: none}
    .brdWrap .product {margin-top: 40px}
    .brdWrap .product figure {margin-bottom: 20px}
    .brdWrap .product ul {margin: -5px}
    .brdWrap .product ul li {padding: 20px; margin: 5px; background-position: right 20px bottom 20px; background-size: 40px auto !important}
    .brdWrap .product ul.w30 li {width: calc(100% / 3 - 10px); height: 240px}
    .brdWrap .product ul.w350 li {width: calc(100% / 3 - 10px); height: 250px}
    .brdWrap .product ul.w350 li:nth-child(n+4) {width: calc(50% - 10px); height: 190px}
    .brdWrap .product ul.w50 li {width: calc(50% - 10px); height: 180px}
    .brdWrap .product ul.w50 li.w100 {width: calc(100% - 10px); height: 170px}
    .brdWrap .product ul.h36 li {height: 250px}
    .brdWrap .product ul li h6 {font-size: 16px; line-height: 24px}
    .brdWrap .product ul li h6 br {display: none}
    .brdWrap .product ul li p {margin-top: 5px; font-size: 15px; line-height: 24px}
    .brdWrap .product ul li p span:before {top: 10px}
    .brdWrap .product ul li p span.mt10 {margin-top: 5px !important}
    .brdWrap .product ul li p br {display: none}
    .brdWrap .product .info {margin-top: 15px; padding: 20px 30px; border-width: 3px}
    .brdWrap .product .info dt {padding-left: 25px; font-size: 15px; line-height: 24px; background-size: 18px auto}
    .brdWrap .product .info dd {margin-top: 8px; font-size: 15px; line-height: 24px}
    .brdWrap .platform {margin-top: 40px}
    .brdWrap .platform .text {margin-top: 20px}
    .brdWrap .platform .text p {font-size: 14px; line-height: 22px}


    /* 250923 sys webper */
    .fran_video + .fran_intro_box1 { padding-top: 60px;}

}


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

    #sub #subCont {padding: 30px 10px 40px 10px}
    #sub .sub-tit h3 {font-size: 20px}

    #sub .sub-vis {text-align: center; height: 120px}
    #sub .sub-vis h2 {font-size: 16px; line-height: 24px; padding-left: 0; text-align: center}

    #subCont .sub-title {padding-bottom: 15px}
    #subCont .sub-title h5 {font-size: 17px; line-height: 24px; padding-left: 25px; background-position: left 5px}
    #subCont .sub-title p {font-size: 14px; line-height: 22px}

    .greet-wrap .title h5 {font-size: 22px; line-height: 30px}
    .greet-wrap .title h6 {font-size: 22px; line-height: 30px; margin-top: 10px}
    .greet-wrap .txt-box dl dt .thumb {padding-bottom: 40%; background-size: 50%}
    .greet-wrap .txt-box dl dd h6 {font-size: 18px; line-height: 24px}
    .greet-wrap .txt-box p {font-size: 14px; line-height: 22px; margin-top: 10px}
    .greet-wrap .txt-box > h6 {font-size: 15px; line-height: 22px; margin-top: 15px}

    .location-wrap .map .info strong {display: block; font-size: 14px; line-height: 22px}
    .location-wrap .map .info a {position: static; display: inline-block; line-height: 30px; margin-top: 10px}
    .location-wrap dl dd ul {margin-top: 0}
    .location-wrap dl dd ul li {margin-top: 15px}

    .appr-wrap .top-box {height: 130px; text-align: center}
    .appr-wrap .top-box h6 {padding-left: 0; font-size: 20px; line-height: 20px}
    .appr-wrap .bot-box .box dl dt {display: block; width: 100%; text-align: center}
    .appr-wrap .bot-box .box dl dd {display: block; width: 100%; margin-top: 15px}
    .appr-wrap .bot-box .box dl dd p {font-size: 14px; line-height: 22px; text-align: center}
    .appr-wrap .bot-box .box dl dd p br {display: none}
    .appr-wrap .bot-box .box dl dd p .nbsp{display: none;}
    .appr-wrap .bot-box .box dl dd p br.show {display: block}
    .appr-wrap .apprbox {text-align: left !important;}
    .appr-wrap .apprbox br{display: block !important;}
    .appr-wrap .graph {margin-top: 30px}
    .appr-wrap .graph dt {font-size: 14px; line-height: 40px}
    .appr-wrap .graph dt strong {font-size: 18px}
    .appr-wrap .graph dd {padding: 15px}
    .appr-wrap .graph dd figure {overflow-x: scroll}
    .appr-wrap .graph dd figure img {min-width: 600px}

    .msmt-wrap .msmt-box {height: 130px}
    .msmt-wrap .msmt-box img {padding-left: 30px; width: 220px}
    .msmt-wrap .text {margin-top: 15px}
    .msmt-wrap .text p {margin-top: 5px; font-size: 14px; line-height: 22px}
    .msmt-wrap .step {margin: 30px 0 35px}
    .msmt-wrap .step .list .box {padding: 15px 0}
    .msmt-wrap .step .list .box > * {padding-left: 26px}
    .msmt-wrap .step .list .box h6 {font-size: 16px; line-height: 20px}
    .msmt-wrap .step .list .box h6 strong {width: 20px; height: 20px; line-height: 20px; font-size: 12px}
    .msmt-wrap .step .list .box p {margin-top: 5px; font-size: 14px; line-height: 22px}
    .msmt-wrap .service .txtbox {margin-bottom: 15px; padding: 15px 20px; font-size: 15px; line-height: 23px}
    .msmt-wrap .service .txtbox br {display: none}
    .msmt-wrap .service dl {margin-bottom: 15px}
    .msmt-wrap .service dl > * {font-size: 14px; line-height: 21px}

    .fit-wrap .top-box ul {margin: -10px 0}
    .fit-wrap .top-box ul li {width: 100%; margin: 10px 0}
    .fit-wrap .top-box ul li .box .info strong {font-size: 16px}
    .fit-wrap .bot-box .box dl dt h6 {font-size: 16px}
    .fit-wrap .bot-box .box dl dd {font-size: 14px; line-height: 20px}

    .repair-wrap .top-box > h6 {margin: 20px 0; font-size: 17px; line-height: 25px}
    .repair-wrap .top-box > dl dt {font-size: 16px; line-height: 22px}
    .repair-wrap .top-box > dl dd {font-size: 14px; line-height: 22px}
    .repair-wrap .bot-box dl {padding: 20px 15px}
    .repair-wrap .bot-box dl > * {font-size: 14px}

    .beg-wrap .beg01-box .chk-list dl dt {font-size: 17px; line-height: 40px}
    .beg-wrap .beg01-box .chk-list dl dd:before {display: none}
    .beg-wrap .beg01-box .chk-list dl dd ul:after {display: none}
    .beg-wrap .beg01-box .chk-list dl dd {padding: 20px 15px}
    .beg-wrap .beg01-box .chk-list dl dd ul li {font-size: 14px; line-height: 20px; padding: 8px 0; padding-left: 22px; background-size: 16px}
    .beg-wrap .beg01-box .chk-list dl dd p {float: none; width: 100%; box-sizing: border-box; font-size: 14px; margin-bottom: 10px}
    .beg-wrap .beg01-box .chk-list dl dd span {font-size: 14px; line-height: 20px}
    .beg-wrap .beg02-box dl {margin-top:15px;padding: 30px 20px}
    .beg-wrap .beg02-box dl dt {padding-right: 0; margin-bottom: 25px}
    .beg-wrap .beg02-box dl dd {width: 100%}
    .beg-wrap .beg02-box dl dd h6 {margin-bottom: 15px}
    .beg-wrap .beg02-box dl dd ul li {margin-bottom: 10px !important; font-size: 15px}
    .beg-wrap .beg02-box > p,
    .beg-wrap .beg03-box p,
    .beg-wrap .beg04-box p {font-size: 14px; line-height: 22px; padding-top: 15px}
    .beg-wrap .beg02-box > p { padding-top: 0;}
    .beg-wrap .beg04-box p br {display: none}
    .beg-wrap .beg05-box .brand-list {padding: 20px 10px}
    .beg-wrap .beg05-box .brand-list h6 {font-size: 17px; margin-bottom: 10px}
    .beg-wrap .beg05-box .brand-list dl dt ul li img {width: 60px}
    .beg-wrap .beg05-box .brand-list dl dt ul li p {font-size: 13px; line-height: 20px; margin: 10px 0}
    .beg-wrap .beg05-box .brand-list dl dd ul {padding-top: 15px}
    .beg-wrap .beg05-box > p {font-size: 14px; line-height: 22px; margin-top: 15px}
    .beg-wrap .beg06-box ul li {height: auto; padding: 25px 10px; text-align: center}
    .beg-wrap .beg06-box ul li img {position: static; transform: none; width: 180px}
    .beg-wrap .beg06-box ul li dl {display: block; margin-top: 15px}
    .beg-wrap .beg06-box ul li dl dt {font-size: 17px; line-height: 24px; margin-bottom: 5px}
    .beg-wrap .beg06-box ul li dl dd {font-size: 14px; line-height: 22px}
    .beg-wrap .beg06-box .bot-txt p {font-size: 14px; line-height: 20px}

    .fail-wrap .fail01-box .img-box {height: 140px; background-position: right center}
    .fail-wrap .fail01-box .img-box img {display: none}
    .fail-wrap .fail01-box .txt-box p {font-size: 14px; line-height: 22px}
    .fail-wrap .fail02-box .top ul {padding: 20px 15px}
    .fail-wrap .fail02-box .top ul li {padding: 8px 0; padding-left: 22px; background-size: 16px}
    .fail-wrap .fail02-box .top ul li p {font-size: 14px; line-height: 20px}
    .fail-wrap .fail02-box .bot p {font-size: 14px; line-height: 22px}
    .fail-wrap .fail02-box .bot ul {padding: 5px 20px}
    .fail-wrap .fail02-box .bot ul li {width: 100%; border-width: 0px 0px 1px 0 !important}
    .fail-wrap .fail02-box .bot ul li:nth-child(n+3) {border-bottom: 1px dashed #ddd}
    .fail-wrap .fail02-box .bot ul li:last-child {border-bottom: 0 !important}
    .fail-wrap .fail02-box .bot ul li dl {padding: 20px 0 !important}
    .fail-wrap .fail02-box .bot ul li dl dt {font-size: 15px; line-height: 20px; margin-bottom: 5px}
    .fail-wrap .fail02-box .bot ul li dl dd a {width: 220px; line-height: 32px; font-size: 15px}
    .fail-wrap .fail03-box .sub-title p br {display: none}
    .fail-wrap .fail03-box .box p {font-size: 14px; line-height: 22px}
    .fail-wrap .fail03-box .box ul {padding: 5px 20px}
    .fail-wrap .fail03-box .box ul li {width: 100%; border-right: 0}
    .fail-wrap .fail03-box .box ul li:first-child {border-bottom: 1px dashed #ddd}
    .fail-wrap .fail03-box .box ul li dl {padding: 20px 0}
    .fail-wrap .fail03-box .box ul li dl dt {font-size: 15px; line-height: 20px; margin-bottom: 5px}
    .fail-wrap .fail03-box .box ul li dl dd a {width: 220px; line-height: 32px; font-size: 15px}
    .fail-wrap .fail04-box .sub-title p span {font-size: 14px; line-height: 22px}
    .fail-wrap .fail04-box .box > strong {font-size: 14px; line-height: 22px}
    .fail-wrap .fail04-box .box ul li {font-size: 14px; line-height: 22px}
    .fail-wrap .fail04-box .box ul li strong {line-height: 22px}

    .supp-wrap > p.ft {font-size: 15px; line-height: 22px; margin-bottom: 20px}
    .supp-wrap .tbl01-box,
    .supp-wrap .tbl02-box,
    .supp-wrap .tbl03-box {overflow-x: auto}
    .supp-wrap .tbl01-box table {min-width: 530px}
    .supp-wrap .supp03-box > ul {padding: 10px; box-sizing: border-box; margin-bottom: 20px}
    .supp-wrap .tbl02-box table,
    .supp-wrap .tbl03-box table {min-width: 500px}
    .supp-wrap .supp05-box ul li {font-size: 13px; line-height: 20px}

    .hard-wrap > div {padding-bottom: 15px}
    .hard-wrap .hrd02-box dl dd {font-size: 14px; line-height: 22px}
    .hard-wrap .hrd03-box .img-box {padding: 10px; overflow-x: auto}
    .hard-wrap .hrd03-box .img-box img {min-width: 600px}

    .aid-wrap .top-box .box {overflow-x: auto;}
    .aid-wrap .top-box .box img {min-width: 600px}
    .aid-wrap .top-box .txt p {font-size: 14px; line-height: 22px; margin-top: 10px}
    .aid-wrap .mid-box p br {display: none}
    .aid-wrap .mid-box .box dl dt {position: static; transform: none; width: 100%; text-align: center}
    .aid-wrap .mid-box .box dl dt .img {width: 70%; padding-bottom: calc(43% + 2px); margin: 0 auto}
    .aid-wrap .mid-box .box dl dd {width: 100%; margin-top: 20px; text-align: center}
    .aid-wrap .mid-box .box dl dd h6 {text-align: center; font-size: 17px; line-height: 22px}
    .aid-wrap .mid-box .box dl dd p {font-size: 14px; line-height: 20px; margin: 10px 0}
    .aid-wrap .bot-box .sub-title p br {display: none}
    .aid-wrap .bot-box .box dl {padding: 25px 0}
    .aid-wrap .bot-box .box dl dt h6 {font-size: 16px; padding-left: 30px}
    .aid-wrap .bot-box .box dl dd {padding-left: 30px; font-size: 14px; line-height: 22px}

    .hear-wrap .top-box h6 {font-size: 17px; line-height: 25px; padding: 15px 10px}
    .hear-wrap .top-box p {font-size: 14px; line-height: 22px; margin-top: 15px}
    .hear-wrap .top-box p br {display: none}
    .hear-wrap .bot-box ul li {font-size: 14px}
    .hear-wrap .bot-box .txt-box p {font-size: 14px; line-height: 22px}

    .location-wrap .box > dl dd.left p {line-height: 45px; font-size: 15px; padding: 0 20px}
    .location-wrap .box > dl dd.right {padding: 5px 0}
    .location-wrap .box > dl dd.right ul li {margin-left: 20px; min-height: 22px; padding-left: 75px}
    .location-wrap .box > dl dd.right ul li strong {line-height: 22px; font-size: 13px; background-size: 22px !important}
    .location-wrap .box > dl dd.right ul li p {line-height: 22px; font-size: 13px}


    /* 240701 - 건별 작업 sj */
    .svcWrap .midd {margin: 30px 0}
    .svcWrap .midd dl {padding-top: 25px}
    .svcWrap .midd dl > * {padding-left: 0}
    .svcWrap .midd dl dt {margin-bottom: 10px; font-size: 16px; line-height: 24px; padding-left: 60px}
    .svcWrap .midd dl dt span {width: 50px; line-height: 24px; font-size: 13px}
    .svcWrap .midd dl dd p {padding: 5px 0; padding-left: 25px; font-size: 14px; line-height: 22px; background-size: 15px auto; background-position: left top 7px}
    .svcWrap .midd dl dd p br {display: none} 
    .svcWrap .bot .text img {width: 30px}
    .svcWrap .bot .text h5 {margin: 15px 0 10px; font-size: 24px; line-height: 34px}
    .svcWrap .bot .text p {font-size: 15px; line-height: 23px}
    .svcWrap .bot .text p br {display: none}
    .svcWrap .bot .box {padding: 40px 15px; box-sizing: border-box}
    .svcWrap .bot .box p {font-size: 15px; line-height: 23px}
    .svcWrap .bot .box p br {display: none} 

    .sytWrap .top {padding-bottom: 40px}
    .sytWrap .top .text {padding-top: 25px}
    .sytWrap .top .text h6 {font-size: 18px; line-height: 26px}
    .sytWrap .top .text p {margin-top: 10px; font-size: 14px; line-height: 23px}
    .sytWrap .top .text p br {display: none}
    .sytWrap .midd dl {padding: 20px 0}
    .sytWrap .midd dl > * {padding-left: 25px}
    .sytWrap .midd dl dt {font-size: 16px; line-height: 24px}
    .sytWrap .midd dl dt span {top: 2px; width: 20px; line-height: 20px; font-size: 12px}
    .sytWrap .midd dl dd {margin-top: 5px; font-size: 14px; line-height: 23px}
    .sytWrap .midd dl dd br {display: none}
    .sytWrap .bot {margin-top: 25px}
    .sytWrap .bot .box {margin-top: 25px; padding: 20px 15px}
    .sytWrap .bot .box p {font-size: 14px; line-height: 22px}
    .sytWrap .bot .box p br {display: none}


    .tab2 > li > a {font-size: 14px; line-height: 42px}
    .locWrap .ajaxBtns {padding: 10px 15px}
    .locWrap .ajaxBtns a {width: 25%; padding: 3px 0; font-size: 13px; line-height: 18px; letter-spacing: -1px}
    .locWrap .ajaxBtns a:nth-child(7n):after {display: block}
    .locWrap .ajaxBtns a:nth-child(4n):after {display: none}
    .locWrap .ajaxCont {margin-top: 25px}

    .hisWrap {display: flex; flex-flow: row wrap; margin: -20px -5px}
    .hisWrap dl {display: block; width: calc(50% - 10px); margin: 20px 5px; align-items:normal}
    .hisWrap dl:not(:last-child) {margin-bottom: 0}
    .hisWrap dl > * {}
    .hisWrap dl dt {flex-basis: 100%; margin-bottom: 15px}
    .hisWrap dl dt img {width: 100%}
    .hisWrap dl dd {margin: 0}
    .hisWrap dl dd .mid h5 {display: inline-block; margin-bottom: 5px; font-size: 16px !important}
    .hisWrap dl dd p {margin-top: 5px !important; font-size: 13px !important; line-height: 21px !important}
    .hisWrap dl dd p br {display: none}



    /* 241211 건별 추가 */
    .inqWrap .banner {height: auto; padding: 25px 20px; margin-bottom: 25px}
    .inqWrap .banner h5 {font-size: 18px; line-height: 26px}
    .inqWrap .banner h5 br {}
    .inqWrap .banner p {margin-bottom: 5px; font-size: 14px; line-height: 22px}
    .inqWrap .banner p br {display: none}

    .inqWrap form fieldset legend {margin-bottom: 10px; font-size: 17px; line-height: 26px}
    .inqWrap .scroll {height: 120px; padding: 13px}
    .inqWrap .agree label {font-size: 13px; line-height: 22px}
    .inqWrap .btns {margin-top: 25px}
    .inqWrap .btns button {width: 150px; height: 46px; font-size: 15px}

    .inqWrap ul.idx {padding: 12px 0}
    .inqWrap ul.idx li {padding-left: 0; margin-bottom: 12px}
    .inqWrap ul.idx li strong {position: static; display: block; margin-bottom: 5px; font-size: 15px; line-height: 20px}
    .inqWrap ul.idx li em {display: block; margin: 0; margin-top: 5px; font-size: 12px; line-height: 21px}
    .inqWrap ul.idx li > span {width: 20px; font-size: 12px; line-height: 39px}
    .inqWrap ul.idx li .inp, 
    .inqWrap ul.idx li .selt {height: 40px; font-size: 13px; line-height: 40px}
    .inqWrap ul.idx li .w50 {width: calc(100% - 85px)}
    .inqWrap ul.idx li .w40 {width: calc(50% - 10px)}
    .inqWrap ul.idx li .selt.mail {width: 100%; margin-top: 3px}
    .inqWrap ul.idx li button {width: 80px; height: 40px; font-size: 12px; line-height: 38px}
    .inqWrap ul.idx li textarea {height: 90px; font-size: 13px; line-height: 21px}
    .inqWrap ul.idx li .filebox {font-size: 0}
    .inqWrap ul.idx li .filebox .inp {width: calc(100% - 85px); height: 40px; font-size: 13px; line-height: 40px}
    .inqWrap ul.idx li .filebox .wbtn {width: 80px; height: 40px; font-size: 12px; line-height: 38px}
    .inqWrap .list .box .tit {margin-bottom: 10px; font-size: 17px; line-height: 22px}
    .inqWrap .list .box ul.hrz li {margin-top: 12px}
    .inqWrap .list .box ul.hrz li strong {font-size: 15px; line-height: 20px}
    .inqWrap .list .box ul.hrz li .inp {height: 40px; font-size: 13px; line-height: 40px}
    .inqWrap .list .box ul.vtc li .rdo {display: block}
    .inqWrap .list .box ul.vtc li .rdo:not(:last-child) {margin: 0; margin-bottom: 2px}
    .inqWrap .list .box ul.vtc li .rdo label {display: inline-block; padding-left: 22px; font-size: 14px; line-height: 30px; background-size: 14px !important}
    .inqWrap .list .box ul.vtc li strong {font-size: 15px; line-height: 20px}
    .inqWrap .list .box ul.vtc li textarea {height: 90px; font-size: 13px; line-height: 21px}
    .inqWrap .list .box .file h6 span {display: block; margin: 0; margin-top: 2px; line-height: 18px}
    .inqWrap .list .box .file .filebox {}
    .inqWrap .list .box .file .filebox {font-size: 0}
    .inqWrap .list .box .file .filebox .inp {width: calc(100% - 85px); height: 40px; font-size: 13px; line-height: 40px}
    .inqWrap .list .box .file .filebox .wbtn {width: 80px; height: 40px; font-size: 12px; line-height: 38px}


    .brdWrap .title h5 {padding-left: 20px; font-size: 18px; line-height: 25px; background-size: 12px auto}
    .brdWrap .title p {margin-top: 5px; font-size: 14px; line-height: 22px}
    .brdWrap .stit {margin-bottom: 25px}
    .brdWrap .stit h5 {font-size: 21px; line-height: 30px}
    .brdWrap .stit h5 span {width: 30px; height: 30px; font-size: 12px; line-height: 30px}
    .brdWrap .stit h6 {margin-top: 10px; font-size: 15px; line-height: 23px}
    .brdWrap .stit h6:after {display: none}
    .brdWrap .stit p {margin-top: 5px; font-size: 13px}
    .brdWrap .stit p br {display: none}

    .brdWrap .topBox {margin-bottom: 30px; padding: 25px; height: auto}
    .brdWrap .topBox dl dt {padding-bottom: 12px; margin-bottom: 15px}
    .brdWrap .topBox dl dt img {max-width: 120px}
    .brdWrap .topBox dl dd h6 {font-size: 18px; line-height: 26px}
    .brdWrap .topBox dl dd p {margin-top: 5px; font-size: 14px; line-height: 22px}
    .brdWrap .topBox dl dd p br {display: none}

    .brdWrap .history .banner {padding: 40px 15px; height: auto}
    .brdWrap .history .banner h6 {font-size: 18px; line-height: 28px}
    .brdWrap .history .stt {margin-bottom: 10px; font-size: 16px; line-height: 22px}
    .brdWrap .history ul li {padding: 10px 0 !important}
    .brdWrap .history ul li strong {position: static; display: block; margin-bottom: 5px; font-size: 14px; line-height: 21px}
    .brdWrap .history ul li p {font-size: 14px; line-height: 22px}
    .brdWrap .iwtBox {margin-top: 30px}
    .brdWrap .iwtBox .list dl {padding: 15px 0}
    .brdWrap .iwtBox .list dl dt {width: 100%; padding: 0; margin-bottom: 15px}
    .brdWrap .iwtBox .list dl dt img {width: 100%}
    .brdWrap .iwtBox .list dl dd {width: 100%}
    .brdWrap .iwtBox .check {padding: 15px !important}
    .brdWrap .iwtBox .check ul li {padding: 0 !important}
    .brdWrap .iwtBox .check ul li > * {font-size: 14px; line-height: 23px}
    .brdWrap .iwtBox .check ul li strong {position: static; display: block; margin-bottom: 2px}
    .brdWrap .iwtBox .check ul li strong br {display: none;}
    .brdWrap .vital {margin-top: 30px}
    .brdWrap .vital .list {margin: -5px 0}
    .brdWrap .vital .list dl {width: 100%; height: auto; padding-bottom: 45px; margin: 5px 0; background-size: 32px auto !important}
    .brdWrap .vital .list dl dt {font-size: 15px; line-height: 22px}
    .brdWrap .product ul {margin: -5px 0}
    .brdWrap .product ul li {width: 100% !important; height: auto !important; margin: 5px 0; padding-bottom: 45px; background-size: 32px auto !important}
    .brdWrap .product ul li p {font-size: 14px; line-height: 22px}
    .brdWrap .product .info {padding: 15px 20px}
    .brdWrap .product .info dd {font-size: 14px; line-height: 22px}
    .brdWrap .product .info dd br {display: none}
    .brdWrap .technology ul li strong {font-size: 15px; background-size: 16px auto !important}
    .brdWrap .technology ul li p {font-size: 14px}

    /* [250311 sys] webper */
    /* #main .section06 { padding-bottom: 135.29%; background-image: url(../images/main/bg_main_fitting_m.jpg);} */

}

/**************************************************
	test
**************************************************/
@media screen and (max-width: 1200px){

    #sub.fullsize #content {padding: 0 10px;}

    .test-wrap {height: auto; padding: 0; margin:100px 0;}
    .test-wrap .test-box.start {padding: 120px 0;}
    .test-wrap .test-box.start .mid span {padding: 0 30px; line-height: 30px; font-size: 14px; letter-spacing: 5px;}
    .test-wrap .test-box.start .mid h5 {font-size: 40px; line-height: 50px; padding: 15px 0 10px 0;}
    .test-wrap .test-box.start .mid p {font-size: 18px; line-height: 24px;}
    .test-wrap .test-box.start .mid input {margin-top: 30px; width: 160px; height: 40px; line-height: 40px; font-size: 16px;}

    .test-wrap .test-box .info-box {width: auto; height: auto; margin: 0; margin-bottom: -40px; padding: 30px;}
    .test-wrap .test-box .info-box .lst li .inp {height: 40px; line-height: 40px; padding: 0 15px; font-size: 14px;}
    .test-wrap .test-box .info-box .lst li .inp::placeholder {font-size: 14px;}
    .test-wrap .test-box .info-box .lst li:nth-child(4) {width: calc(40% - 10px);}
    .test-wrap .test-box .info-box .lst li:last-child {width: calc(60% - 10px);}
    .test-wrap .test-box .info-box .lst li button {height: 40px; line-height: 40px; font-size: 13px;}
    .test-wrap .test-box .info-box .lst li label {font-size: 13px; line-height: 24px; margin-top: 5px; display: inline-block; }
    .test-wrap .test-box .info-box .lst li label input {margin-top: 6px;}
    .test-wrap .test-box .info-box .lst li .submit {height: 65px; line-height: 65px; font-size: 18px;}

    .test-wrap .test-box .fin {width: 100%; height: auto; margin: 0; border-width: 4px; margin-bottom: -40px; padding: 30px 0;}
    .test-wrap .test-box .fin:before {display: none;}
    .test-wrap .test-box .fin .mid {width: 100%;}
    .test-wrap .test-box .fin .mid h5 {margin: 20px 0 10px 0; font-size: 20px; line-height: 20px; }
    .test-wrap .test-box .fin .mid p {font-size: 14px; line-height: 18px; }
    .test-wrap .test-box .fin .mid a {width: 160px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 25px;}


    .test-wrap .test-box {padding: 50px 30px 100px 30px;}
    .test-wrap .test-box a.fst {top: 30px; right: 30px; width: 160px; height: 40px; line-height: 40px; font-size: 16px;}
    .test-wrap .test-box .title {padding-bottom: 25px;}
    .test-wrap .test-box .title h5 {font-size: 30px; line-height: 40px;}
    .test-wrap .test-box .title p {font-size: 22px; line-height: 30px; margin-top: 10px;}
    .test-wrap .test-box fieldset ul {margin: 0 -5px;}
    .test-wrap .test-box fieldset ul li {width: calc(50% - 10px); height: 90px; margin: 5px;}
    .test-wrap .test-box fieldset ul li.w25 {width: calc(50% - 10px);margin: 5px;}
    .test-wrap .test-box fieldset ul li.type05,
    .test-wrap .test-box fieldset ul li.type06,
    .test-wrap .test-box fieldset ul li.type08,
    .test-wrap .test-box fieldset ul li.type09 {width: calc(100% - 10px);}
    .test-wrap .test-box fieldset ul li label.inputCustom {background-size: 40px !important; padding-left: 80px;}
    .test-wrap .test-box fieldset ul li label h6 {left: 90px; width: calc(100% - 90px); font-size: 16px; line-height: 24px; text-align: left; padding-right: 20px; box-sizing: border-box;}
    .test-wrap .test-box fieldset ul li label h6 span {font-size: 14px; line-height: 14px;}
    .test-wrap .test-box .test-btn-wrap {bottom: 30px; right: 40px;}

    .test-wrap .test-box fieldset ul.pad-none li.w25 {height: 90px;}
    .test-wrap .test-box fieldset ul.pad-none li label h6 {left: 5px;width: calc(100% - 10px);text-align: center;}

}

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


    .test-wrap .test-box.start {padding: 100px 0; background-position: center top;}
    .test-wrap .test-box.start .mid span {padding: 0 20px; line-height: 28px; font-size: 13px; letter-spacing: 3px;}
    .test-wrap .test-box.start .mid h5 {font-size: 24px; line-height: 32px; padding: 10px 0;}
    .test-wrap .test-box.start .mid p {font-size: 15px; line-height: 20px;}
    .test-wrap .test-box.start .mid input {margin-top: 20px; width: 140px; font-size: 15px;}

    .test-wrap .test-box {padding: 80px 20px;}
    .test-wrap .test-box a.fst {right: 20px; width: 110px; height: 35px; line-height: 35px; font-size: 14px; text-indent: -25px; background-position: 80% center;}
    .test-wrap .test-box .test-btn-wrap {right: 20px;}

    .test-wrap .test-box .title {padding-bottom: 20px;}
    .test-wrap .test-box .title h5 {font-size: 24px; line-height: 30px;}
    .test-wrap .test-box .title p {font-size: 18px; line-height: 26px; margin-top: 5px;}

    .test-wrap .test-box fieldset ul {margin: -5px 0;}
    .test-wrap .test-box fieldset ul li {width: 100%; height: 80px; margin: 5px 0;}
    .test-wrap .test-box fieldset ul li.type05,
    .test-wrap .test-box fieldset ul li.type06,
    .test-wrap .test-box fieldset ul li.type08,
    .test-wrap .test-box fieldset ul li.type09 {width: 100%;}
    .test-wrap .test-box fieldset ul li label.inputCustom {padding-left: 60px; background-position: 10px center !important}
    .test-wrap .test-box fieldset ul li label h6 {font-size: 14px; line-height: 22px; left: 70px; width: calc(100% - 70px); padding-right: 10px;}
    .test-wrap .test-box fieldset ul li label h6 span {font-size: 13px; line-height: 16px; margin-top: 0;}

    .test-wrap .test-box .info-box {padding: 25px 20px; margin-bottom: 0; border-width: 4px;}
    .test-wrap .test-box .info-box h5 {font-size: 20px; line-height: 20px; margin-bottom: 15px;}
    .test-wrap .test-box .info-box .lst li {width: 100%; margin: 3px 0;}
    .test-wrap .test-box .info-box .lst li .inp {height: 36px; line-height: 36px; padding: 0 10px; font-size: 12px;}
    .test-wrap .test-box .info-box .lst li .inp::placeholder {font-size: 12px;}
    .test-wrap .test-box .info-box .lst li:nth-child(4) {width: 100%;}
    .test-wrap .test-box .info-box .lst li:last-child {width: 100%; height: 40px;}
    .test-wrap .test-box .info-box .lst li button {height: 36px; line-height: 36px;}
    .test-wrap .test-box .info-box .lst li .submit {height: 40px; line-height: 40px; font-size: 16px;}




}








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

    /* [240820 kyj] S */
    .banner-wrap {min-height: 560px;padding: 0 20px;background-image: url('../images/main/banner-img1-mo.jpg');}
    /* .banner-wrap {min-height: calc(100vh - 50px);padding: 0 20px;background-image: url('../images/main/banner-img1-mo.jpg');} */
    .banner-wrap .inr {width: 100%;padding-bottom: 10%;}
    .banner-wrap .inr > * {text-shadow: 2px 2px 5px rgba(0,0,0,0.08);}
    .banner-wrap p {font-size: 14px;line-height: 1.6em;}
    .banner-wrap strong {margin-top: 10px;font-size: 22px;line-height: 1.4em;}
    .banner-wrap span {margin-top: 15px;font-size: 14px;line-height: 1.6em;}

    .principles6-wrap .title {min-height: auto;padding: 90px 20px;}
    .principles6-wrap .title h3 {margin-bottom: 15px;}
    .principles6-wrap .title h3,
    .principles6-wrap .title h3 > span {font-size: 24px;line-height: 1.4em;text-align: center;}
    .principles6-wrap .title img {height: 40px;}
    .principles6-wrap .zigzag {padding: 0 20px 20px;}
    .principles6-wrap .zigzag > dl + dl {margin-top: 60px;}
    .principles6-wrap .zigzag > dl > dt {width: 100%;}
    .principles6-wrap .zigzag > dl > dd {width: 100%;margin: 20px 0 0;padding: 0 10px;}
    /* .principles6-wrap .zigzag > dl > dd > * {text-align: center;} */
    .principles6-wrap .zigzag > dl > dd > span {font-size: 16px;line-height: 1.2em;}
    .principles6-wrap .zigzag > dl > dd > strong {margin-top: 10px;font-size: 20px;line-height: 1.4em;}
    .principles6-wrap .zigzag > dl > dd > p {margin-top: 18px;font-size: 14px;line-height: 1.6em;}
    .principles6-wrap .zigzag > dl:nth-child(odd) {flex-direction: column;justify-content: center;}
    .principles6-wrap .zigzag > dl:nth-child(odd) > dd {margin-left: 0;padding-left: 10px;}
    .principles6-wrap .zigzag > dl:nth-child(even) {flex-direction: column;justify-content: center;}
    .principles6-wrap .zigzag > dl:nth-child(even) > dd {margin-right: 0;}

    .banner2-wrap {min-height: auto;padding: 8vw 20px;}
    .banner2-wrap .inr {width: 100%;}
    .banner2-wrap .inr > * {text-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
    .banner2-wrap p {font-size: 14px;line-height: 1.6em;}
    .banner2-wrap strong {margin-top: 10px;font-size: 20px;line-height: 1.4em;}
    .banner2-wrap a {margin-top: 30px;font-size: 14px;width: 140px;height: 40px;line-height: 40px;border-radius: 20px;padding: 0 15px;}
    .banner2-wrap a:after {font-size: 18px;right: 15px;}
    /* [240821] */
    .stxt-chk > li {font-size: 14px;line-height: 1.4em;padding-left: 15px;}
    .stxt-chk > li:after {font-size: 13px;}
    .stxt-chk > li + li {margin-top: 5px;}
    
    #conscience .title {margin-bottom: 15px;font-size: 18px;line-height: 1.4em;}
    #conscience .step > li {padding: 20px 10px;}
    #conscience .step > li + li {margin-top: 20px;}
    #conscience .step > li > *:not(.stxt-chk) {text-align: center;}
    #conscience .step > li > img {position: static;transform: translateY(0%);display: block;margin: 0 auto;height: 45px;}
    #conscience .step > li > em {font-size: 14px;line-height: 1.4em;}
    #conscience .step > li > strong {margin-top: 5px;font-size: 18px;line-height: 1.4em;}
    #conscience .step > li > .stxt-chk {margin-top: 15px;}
    #conscience .banner {margin-top: 20px;min-height: auto;padding: 30px 20px;}
    #conscience .banner * {text-align: center;}
    #conscience .banner strong {font-size: 16px;line-height: 1.4em;}
    #conscience .banner strong.fwb {margin-bottom: 15px;}
    #conscience .banner p {font-size: 13px;line-height: 1.6em;}
    #conscience .banner p.fwb {margin-top: 15px;}

    .frmWrap {min-height: 0}
    .frmWrap .wrap {padding: 10px 20px}
    .frmWrap ul li {padding-left: 65px}
    .frmWrap ul li > * {line-height: 40px}
    .frmWrap ul li strong {font-size: 14px}
    .frmWrap ul li .inp {height: 40px; padding: 0 12px; border-radius: 3px}
    .frmWrap .btns {margin-top: 25px}
    .frmWrap .btns button {width: 150px; font-size: 15px; line-height: 44px}
    .frmWrap h5 {padding: 15px 0 17px; font-size: 18px; line-height: 26px; letter-spacing: -0.75px}
    .frmWrap .down {width: 220px; line-height: 44px;display: block;margin: 5px auto;}
    .frmWrap .down span {padding-right: 20px; font-size: 14px; background-size: 12px auto}
    .frmWrap .info {margin-top: 25px; padding: 12px; box-sizing: border-box}
    .frmWrap .info p {font-size: 14px; line-height: 21px}



    .stit > h3 {font-size: 17px;line-height: 24px;padding-left: 25px;background-position: left 5px;}
    .stit > p {font-weight: 400;font-size: 14px;line-height: 22px;}
    .stit > p b {color: #333;}

    /* company > why */
    .why_box{padding: 20px 0;}
    .why_box dt{margin-bottom: 15px;}
    .why_box dt h4{font-size: 16px;}
    .why_box dt h4 em{margin-right: 5px;width: 32px;line-height: 22px;border-radius: 22px;margin-top: -2px;font-size: 11px;}
    .why_box dd .txt{font-size: 14px;line-height: 20px;margin-top: 15px;}
    .why_box dd .txt2{margin-top: 15px;font-size: 14px;}

    .hr{border: none;background: #eee;height: 1px;}

    /* franchise > intro */
    .fran_list{border-top: 2px solid #000;}
    .fran_list dl{padding: 20px 0;}
    .fran_list dl dt{width: 120px;}
    .fran_list dl dd{width: calc(100% - 120px);padding-right: 15px;padding-left: 20px;}
    .fran_list dl dd em{font-size: 14px;line-height: 20px;}
    .fran_list dl dd strong{font-size: 14px;line-height: 20px;}
    .fran_list dl dd p{margin-top: 10px;font-size: 13px;line-height: 20px;}
    .fran_list .img{margin-bottom: 10px;}

    .fran_box2 .title{margin: 30px 0 10px 0;}
    .fran_box2 .title .txt1{margin-bottom: 15px;font-size: 16px;line-height: 25px;}
    .fran_box2 .title .txt1 strong.blue{line-height: 26px;}
    .fran_box2 .title .txt2{font-size: 14px;line-height: 20px;}

    .fran_box3 dl{padding: 30px 20px;display: block;}
    .fran_box3 dl dt{width: auto;font-size: 14px;border: none;}
    .fran_box3 dl dt img{margin-top: -2px;width: auto;height: 15px;}
    .fran_box3 dl dd{width: auto;margin-top: 10px;padding-left: 0;font-size: 16px;text-align: center;}
    .fran_box3 dl dd ul{display: block;margin-left: 0;margin-top: 10px;}
    .fran_box3 dl dd ul li{margin: 0 10px;}
    .fran_box3 dl dd ul li p{margin-left: 5px;font-size: 14px;}
    .fran_box3 .sment{margin-top: 15px;font-size: 13px;letter-spacing: -1px;}
    .fran_box3 .sment img{margin-top: -2px;width: auto;height: 12px;}

    /* franchise > intro */
    .fran_intro_box1 h4{margin-bottom: 20px;}
    .fran_intro_box1 h4 img{width: auto;height: 50px;}
    .fran_intro_box1 ul{padding: 15px 0;}
    .fran_intro_box1 ul li{flex: auto;width: calc(33.33%);box-sizing: border-box;padding: 20px 0;}
    .fran_intro_box1 ul li img{width: 40px;height: auto;}
    .fran_intro_box1 ul li p{font-size: 14px;}

    .fran_intro_box2{margin-top: 30px;padding: 30px 0;background: none;}
    .fran_intro_box2 .title{margin-bottom: 20px;}
    .fran_intro_box2 .title em{font-size: 13px;}
    .fran_intro_box2 .title h4{font-size: 20px;margin-top: 10px;}
    .fran_intro_box2 .roll_wrap{width: auto;padding: 0 40px;}
    .fran_intro_box2 .roll_wrap .in{width: auto;left: auto;transform: none;}
    .fran_intro_box2 .roll_wrap .roll .item{width: auto;margin: 0;}
    .fran_intro_box2 .roll_wrap .roll .item .info{margin-top: 15px;}
    .fran_intro_box2 .roll_wrap .roll .item .info > span{display: block;}
    .fran_intro_box2 .roll_wrap .roll .item .info > span.name{font-size: 16px;}
    .fran_intro_box2 .roll_wrap .roll .item .info > span.name i{margin-right: 5px;font-size: 20px;margin-top: -2px;}
    .fran_intro_box2 .roll_wrap .roll .item .info > span.summary{margin-left: 0;padding-left: 0;font-size: 14px;border: none;margin-top: 5px;}
    .fran_intro_box2 .roll_wrap .slick-prev{width: 14px;height: 24px;top: 50%;transform: translate(0, calc(-50% - 30px));bottom: auto;margin-left: 0;left: -35px;}
    .fran_intro_box2 .roll_wrap .slick-next{width: 14px;height: 24px;top: 50%;transform: translate(0, calc(-50% - 30px));bottom: auto;margin-right: 0;right: -35px;}
    
    .fran_intro_box3{margin-top: 30px;margin-bottom:20px;}
    .fran_intro_box3 .title{margin-bottom: 20px;}
    .fran_intro_box3 .title h4{font-size: 20px;}
    .fran_intro_box3 .title p{font-size: 14px;margin-top: 10px;}
    .fran_intro_box3 .list dl{display: block;}
    .fran_intro_box3 .list dl > *{width: auto;}
    .fran_intro_box3 .list dl dt img{width: 100%;}
    .fran_intro_box3 .list dl dd{padding: 20px;}
    .fran_intro_box3 .list dl dd img{width: 50px;height: auto;}
    .fran_intro_box3 .list dl dd > strong{font-size: 16px;margin: 10px 0;}
    .fran_intro_box3 .list dl dd .text{font-size: 14px;line-height: 20px;}
    .fran_intro_box3 .list dl dd .text > strong{font-size: 15px;}
    .fran_intro_box3 .list dl dd .text_list li{font-size: 14px;line-height: 20px;}
    .fran_intro_box3 .list dl dd .text_list li:before{top: 8px;}

    .fran_video .video{width: calc(80vw - 20px);height: 45vw;bottom: 3vw;}
    .fran_video .video iframe{width: 100%;height: 100%;}

    .fran_comments{margin: 30px 0;}
    .fran_comments h4{margin-bottom: 20px;font-size: 20px;}
    .fran_comments h4 img{margin-right: 5px;width: 20px;height: auto;}

    .fran_abu_box{margin: 50px 0;}
    .fran_abu_box h4{margin-bottom: 20px;}
    .fran_abu_box h4 img{width: auto;height: 22px;}
    .fran_abu_box dl{margin-top: 10px;display: block;}
    .fran_abu_box dl > *{width: auto;}
    .fran_abu_box dl dt img{width: 100%;height: auto;}
    .fran_abu_box dl dd{margin-top: 20px;}
    .fran_abu_box dl dd h5{font-size: 18px;padding-bottom: 10px;margin-bottom: 20px;}
    .fran_abu_box dl dd ul li{margin: 10px 0;}
    .fran_abu_box dl dd ul li > *{font-size: 14px;}
    .fran_abu_box dl dd ul li strong{margin-right: 10px;padding-left: 20px;background-size: 15px auto;}



    #listen_labai .video_wrap {padding: 20px 10px 10px;}
    #listen_labai .video_wrap > em {font-size: 14px;}
    #listen_labai .video_wrap > h3 {margin-top: 5px;font-size: 20px;line-height: 1.4em;}
    #listen_labai .video_wrap .youtube {border-radius: 10px;overflow: hidden;padding-top: 0;}
    #listen_labai .text {margin: 30px 0 15px;}
    #listen_labai .text > h3 {font-size: 20px;line-height: 1.4em;text-align: center;}
    #listen_labai .text > p {margin-top: 10px;font-size: 14px;line-height: 1.6em;}
    #listen_labai .text > p.mid {margin-top: 5px;font-size: 16px;line-height: 1.4em;}
    #listen_labai .img_boxs {margin: -5px;}
    #listen_labai .img_boxs > li {margin: 5px;width: calc(50% - 10px);}
    #listen_labai .img_boxs > li .inf {padding: 10px;}
    #listen_labai .img_boxs > li .inf > strong {font-size: 16px;line-height: 1.4em;}
    #listen_labai .img_boxs > li .inf > p {margin-top: 5px;font-size: 14px;line-height: 1.4em;}
    #listen_labai .banner_bot {margin-top: 20px;padding: 20px 0;flex-direction: column;overflow: hidden;}
    #listen_labai .banner_bot > img {margin-right: -1px;width: calc(100% + 1px);}
    #listen_labai .banner_bot .inf {padding: 15px;}
    #listen_labai .banner_bot .inf > strong {font-size: 18px;line-height: 1.4em;text-align: center;display: block;}
    #listen_labai .banner_bot .inf > p {margin-top: 5px;font-size: 14px;line-height: 1.6em;text-align: center;}


    #video_wrap {height: 75vw;}
    #video_wrap video {height: 100%;}
    #video_wrap .slogan {bottom: 20%;}
    #video_wrap .slogan > h3 {font-size: 30px;line-height: 40px;text-align: center;width: 100vw;}
    #video_wrap .slogan > a {margin-top: 20px;width: 100px;height: 45px;line-height: 45px;font-size: 14px;}
    #video_wrap .slogan > a i {font-size: 18px;vertical-align: -2px;}





    .ex_box {margin: 10px 0;padding: 15px;flex-direction: column;align-items: start;}
    .ex_box > dt {margin-right: 0;margin-bottom: 10px;height: 40px;border-radius: 20px;padding: 0 15px;font-size: 14px;font-weight: normal;}
    .ex_box > dt img {margin: 0 5px 0 0 !important;height: 12px;}
    .ex_box > dd {font-size: 14px;}
    
    .ul_bar > li {font-size: 14px;line-height: 1.6em;}
    .ul_bar > li:after {top: 9px;width: 6px;background: #ccc;}

    .step_wrap > dl {padding: 20px;display: block;}
    .step_wrap > dl > dt {width: auto;margin: 0 0 15px;}
    .step_wrap > dl > dt > em {margin-right: 8px;width: 35px;height: 35px;border-width: 4px;font-size: 13px;}
    .step_wrap > dl > dt > strong {font-size: 16px;color: #111;line-height: 1.4em;}
    .step_wrap > dl > dd {width: auto;}
    .step_wrap > dl > dd > strong {font-size: 14px;line-height: 1.4em;}
    .step_wrap > dl > dd > p {font-size: 14px;line-height: 1.4em;}
    .step_wrap > dl > dd > .ul_bar > li {width: calc(100% - 4px);}

    #franchise_intro .banner1 {height: auto;padding: 60px 10px;}
    #franchise_intro .banner1 > em {font-size: 14px;}
    #franchise_intro .banner1 > strong {margin-top: 10px;font-size: 20px;}

    #franchise_intro .his_Wrap {margin-bottom: 50px;}
    #franchise_intro .his_Wrap > dl {padding: 20px;flex-direction: column;}
    #franchise_intro .his_Wrap > dl > dt {width: auto;margin-bottom: 5px;}
    #franchise_intro .his_Wrap > dl > dt mark {font-size: 22px;padding: 0;}
    #franchise_intro .his_Wrap > dl > dt mark:after {height: 12px;}
    #franchise_intro .his_Wrap > dl > dt mark.sky {padding: 0 5px;}
    #franchise_intro .his_Wrap > dl > dt p {font-size: 15px;}
    #franchise_intro .his_Wrap > dl > dd {width: auto;}
    #franchise_intro .his_list > li > em {margin-right: 10px;font-size: 15px;line-height: 30px;}
    #franchise_intro .his_list > li > p {font-size: 15px;line-height: 30px;}

    .ul_chk > li {font-size: 15px;}
    


    #listen_appraisal .stit {margin-bottom: 15px;margin-top: 50px;}
    #listen_appraisal .stit.tac > h3 {font-size: 20px;}
    #listen_appraisal .stit.tac > h3.big {font-size: 28px;}
    #listen_appraisal .stit.tac > p.col {font-size: 18px;}

    #listen_appraisal .banner1 {margin-bottom: 50px;height: auto;padding: 60px 10px;}
    #listen_appraisal .banner1 > mark {font-size: 17px;}
    #listen_appraisal .banner1 > strong {margin-top: 10px;font-size: 20px;}
    #listen_appraisal .banner1 > p {margin-top: 15px;font-size: 14px;}

    #listen_appraisal .banner2 {margin-top: 10px;margin-bottom: 50px;height: auto;padding: 60px 10px;
        margin-bottom: 10px;}
    #listen_appraisal .banner2 > strong {font-size: 20px;}
    #listen_appraisal .banner2 > strong .line:after {bottom: 0;height: 10px;}

    #listen_appraisal #support_wrap{margin-top: 10px;}

    .step_arrow {margin-bottom: 20px;flex-direction: column;}
    .step_arrow > li.arrow {height: 40px;}
    .step_arrow > li.arrow img {transform: rotate(90deg);height: 14px;}
    .step_arrow > li > .ico {width: 80px;height: 80px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .step_arrow > li > .ico img {max-width: 50%;max-height: 50%;}
    .step_arrow > li > em {margin-top: 10px;font-size: 14px;}
    .step_arrow > li > strong {margin-top: 5px;font-size: 16px;line-height: 1.4em;}

    .step_boxs {display: block;}
    .step_boxs > li {width: auto;padding: 20px 0;margin-top: 0;padding-right: 50px;}
    .step_boxs > li:nth-child(even) {padding-left: 0;width: auto;}
    .step_boxs > li:nth-child(even):after {display: none;}
    .step_boxs > li > .ico img {height: 50px;}
    .step_boxs > li.imgc {padding-right: 0;}
    .step_boxs > li.imgc img {max-width: 50%;}

    .step_ico_boxs {margin: -2px;}
    .step_ico_boxs > li {padding: 20px 15px;margin: 2px;width: calc(100% - 4px);}
    .step_ico_boxs > li > .ico {margin-right: 20px;}

    #listen_appraisal .banner2_new {margin: 10px 0;padding: 15px;}
    #listen_appraisal .banner2_new > strong {font-size: 20px;}
    #listen_appraisal .banner2_new > strong .line:after {bottom: 0;height: 10px;}
    #listen_appraisal .banner2_new > img {max-width: 35%;}

    
    /* 250703 sys webper */
    #listen_appraisal .locationinfo_wrap { margin-bottom: 30px;}
    #listen_appraisal .locationinfo_wrap dl dd h5 { font-size: 20px;line-height: 30px;}
    #listen_appraisal .locationinfo_wrap dl dd p {font-size: 15px; line-height: 22px;}
    #listen_appraisal .locationinfo_wrap dl dd a span {padding-right: 25px;font-size: 14px;background-size: 6px;}
    #listen_appraisal .locationinfo_wrap dl dt img { max-width: 50%;}



    /* 250709 sys S */
    .mainVoice { padding: 50px 0;}
    .mainVomainVoiceice .inner { width: auto;}
    .mainVoice h3 { font-size: 32px;}
    .mainVoice .list_box { padding-top: 50px; margin: 0 -10px;}
    .mainVoice .list_box > div { padding: 0 10px;}
    .mainVoice .list_box .tit_box { height: 50px;}
    .mainVoice .list_box .tit_box p { line-height: 50px;}
    .mainVoice .list_box .tit_box p { font-size: 20px;}
    .mainVoice .list_box .cont_box { height: calc(100% - 110px);}
    .mainVoice .list_box .cont_box .badge { width: 80px; font-size: 16px;}
    .mainVoice .list_box .cont_box .txt { padding-top: 20px; font-size: 15px;}
    .mainVoice .list_box .name { height: 50px; }
    .mainVoice .list_box .name p { line-height: 50px; font-size: 18px;}
    /* .mainVoice .list_box .cont_box .photo { } */
    .mainVoice .list_box .cont_box .sign { max-width: 180px; bottom: -10%; right: -5%; }
    
    /* .mainVoice .list_box .right_box .cont_box { padding: 15px;} */



    /* 250724 sys S */
    .sub-title02 { padding-bottom: 20px;}
    .sub-title02 h5,
    .sub-title02 h6 { padding-left: 25px; font-size: 18px; background-size: 16px;}
    .sub-title02 p { font-size: 14px;}

    .education-wrap .sub-title02 p,
    .sharing-wrap .sub-title02 p { padding-top: 10px;}

    .education-share-wrap .top-box { height: 220px; padding: 0 10px; box-sizing: border-box;}
    .education-share-wrap .top-box h5 { font-size: 22px;}
    .education-share-wrap .top-box p { padding-top: 10px; font-size: 15px;}

    .education-share-detail .cont-box { padding: 15px 10px;}
    .education-share-detail .cont-box .txt { padding: 0 10px;}
    .education-share-detail .cont-box .txt li { font-size: 14px;}
    .education-share-detail .cont-box .txt li + li { margin-top: 5px;}
    .education-share-detail .cont-box .txt li::before { width: 3px; height: 3px;}
    .education-share-detail .cont-box .txt a { width: 130px; height: 40px; line-height: 40px; margin-top: 15px; padding: 0 10px; font-size: 13px;}
    .education-share-detail .cont-box .txt a i { right: 10px;}


    /* 소리학교, 소리나눔 */
    .top-imgtxt-box .txt-box { padding-top: 30px;}
    .top-imgtxt-box .txt-box strong { font-size: 18px;}
    .top-imgtxt-box .txt-box h5 { padding-top: 10px; font-size: 22px;}
    .top-imgtxt-box .txt-box p { padding-top: 10px; font-size: 15px;}
    .top-imgtxt-box .txt-box p + p { padding-top: 5px;}

    .ico-box li { padding: 20px; background-position-x: calc(100% - 20px); background-size: 40px; }
    .ico-box li dl { padding-left: 110px;}
    .ico-box li dt { width: 110px; padding-left: 20px; background-size: 15px; font-size: 18px;}
    .ico-box li dd { margin-top: 10px; font-size: 15px;}
    .ico-box li dd.dot { padding-left: 8px;}
    .ico-box li dd.dot::before { width: 3px; height: 3px; top: 6px;}

    .num-img .list-box .item + .item { margin-top: 25px;}
    .num-img .list-box .item .img-box .tit { padding: 15px;}
    .num-img .list-box .item .img-box .num { height: 23px; line-height: 23px; font-size: 12px;}
    .num-img .list-box .item .img-box p { padding-left: 10px; font-size: 18px;}
    .num-img .list-box .item .img-box .sub-txt { margin-left: 10px; padding-left: 10px; font-size: 16px;}
    .num-img .list-box .item .txt-box li { padding: 15px;}
    .num-img .list-box .item .txt-box dt { font-size: 15px;}
    .num-img .list-box .item .txt-box dd { padding-top: 5px; font-size: 14px;}


    .bg-inquiry .box { padding: 20px 10px;}
    .bg-inquiry .box > div { padding: 0 20px;}
    .bg-inquiry .left h6 { font-size: 22px;}
    .bg-inquiry .left a { padding-left: 25px; font-size: 28px; background-size: 20px;}
    .bg-inquiry .right ul { padding: 15px 0;}
    .bg-inquiry .right img { max-width: 25px;}
    .bg-inquiry .right p { padding-left: 5px; font-size: 14px;}
    .bg-inquiry .bottom { padding: 0 15px;}
    .bg-inquiry .bottom li { padding: 15px 0;}
    .bg-inquiry .bottom li .num { font-size: 14px;}
    .bg-inquiry .bottom li p { font-size: 14px; padding-left: 10px;}


    /* 소리학교 */
    .education-wrap > div + div { margin-top: 30px;}
    .education-wrap .img-info-box .txt { padding: 0 20px;}
    .education-wrap .img-info-box .txt h6 { font-size: 20px;}
    .education-wrap .img-info-box .txt dl { margin-top: 10px; padding-left: 50px;}
    .education-wrap .img-info-box .txt dt { padding: 0 10px; height: 24px; line-height: 24px; font-size: 13px;}
    .education-wrap .img-info-box .txt dd { font-size: 15px;}


    .education-wrap .brd-wrap .cont-box { padding: 30px 0;}
    .education-wrap .brd-wrap .cont-box h6 { font-size: 18px;}
    .education-wrap .brd-wrap .cont-box ul { margin-top: 15px;}
    .education-wrap .brd-wrap .cont-box li + li { padding-top: 10px;}
    .education-wrap .brd-wrap .cont-box li::before { width: 25px;}
    .education-wrap .brd-wrap .cont-box li p { height: 45px; font-size: 15px; margin: 0 20px;}

    /* 소리나눔 */
    .sharing-wrap > div + div { margin-top: 30px;}
    .sharing-wrap .img-txt-list li .txt { padding: 0 20px;}
    .sharing-wrap .img-txt-list li .txt h6 { font-size: 18px;}
    .sharing-wrap .img-txt-list li .txt h6 .col { font-size: 22px;}
    .sharing-wrap .img-txt-list li .txt p { padding-top: 5px; font-size: 13px;}
    .sharing-wrap .img-txt-list li .txt p { font-size: 14px;}

    .sharing-wrap .service-list .list-box li .num { margin-bottom: 10px; font-size: 14px;}
    .sharing-wrap .service-list .list-box li img { max-width: 50px;}
    .sharing-wrap .service-list .list-box li p { padding-top: 10px; font-size: 15px;}

    .sharing-wrap .sharing-img p { padding: 12px 0; font-size: 14px;}

    .sharing-txt h6 span { font-size: 20px;}
    .sharing-txt h6 span::before,
    .sharing-txt h6 span::after { background-size: 20px;}
    .sharing-txt h6 span::before { top: -10%;}
    .sharing-txt h6 span::after { bottom: -15%;}



    
    /* 250728 sys S */
    .mainOrbit { padding: 60px 0;}
    .mainOrbit h3 { font-size: 28px;}
    .mainOrbit .txt_box { padding-top: 30px;}
    .mainOrbit .txt_box .orbit_logo { max-width: 140px;}
    .mainOrbit .txt_box h4 { padding-top: 15px; font-size: 20px;}
    .mainOrbit .txt_box p { padding-top: 10px; font-size: 18px;}
    .mainOrbit .btn_box { padding-top: 30px;}
    .mainOrbit .btn_box ul {}
    .mainOrbit .btn_box li { }
    .mainOrbit .btn_box li a { font-size: 18px;}
    .mainOrbit .btn_box li a img { max-width: 20px;}


    .price-wrap > div + div { margin-top: 30px;}
    .price-wrap .brd-wrap .cont-box img { margin-bottom: 15px;}
    .price-wrap .brd-wrap .cont-box strong { font-size: 16px;}
    .price-wrap .brd-wrap .cont-box h5 { padding-top: 15px; font-size: 30px;}
    
    .price-wrap .high-performance-price .list-box li .info-box { padding: 20px 15px;}
    .price-wrap .high-performance-price .list-box li .info-box .name strong { padding-left: 20px; background-size: 16px; font-size: 19px;}
    .price-wrap .high-performance-price .list-box li .info-box .name .badge { padding: 2px 10px; margin-left: 5px; font-size: 13px;}
    .price-wrap .high-performance-price .list-box li .price-box { padding: 20px 15px;}
    .price-wrap .high-performance-price .list-box li .top-box p { font-size: 14px;}

    .price-wrap .high-performance-price .list-box li .info-box .txt-box { padding-top: 10px;}
    .price-wrap .high-performance-price .list-box li .info-box .txt-box strong { font-size: 15px;}
    .price-wrap .high-performance-price .list-box li .info-box .txt-box p { padding-top: 5px; font-size: 14px;}
    .price-wrap .high-performance-price .list-box li .price-box .txt { font-size: 15px;}
    .price-wrap .high-performance-price .list-box li .price-box .price .per { font-size: 15px;}
    .price-wrap .high-performance-price .list-box li .price-box .price p { font-size: 18px;}
    .price-wrap .high-performance-price .list-box li .price-box .price p .before_price { font-size: 16px;}
    .price-wrap .high-performance-price .list-box li .price-box .price p strong { font-size: 20px;}


    .price-wrap .common-price .sub-title02 p { font-size: 13px;}
    .price-wrap .common-price .list-box li .txt-box { padding: 20px 15px;}
    .price-wrap .common-price .list-box li .txt-box h6 { padding-right: 5px; font-size: 18px;}
    .price-wrap .common-price .list-box li .txt-box .badge { padding: 3px 10px; font-size: 13px;}
    .price-wrap .common-price .list-box li .txt-box p { padding-top: 10px; font-size: 14px;}
    .price-wrap .common-price .list-box li .price-box span { font-size: 14px;}
    .price-wrap .common-price .list-box li .price-box p { font-size: 16px;}
    .price-wrap .common-price .list-box li .price-box p strong { font-size: 20px;}


    .price-wrap .price-imgtxt-box .img-box { padding: 40px 0 60px;}
    .price-wrap .price-imgtxt-box .img-box p { padding-top: 10px; font-size: 22px;}
    .price-wrap .price-imgtxt-box .txt-box { width: calc(100% - 20px); margin: -40px auto 0; padding: 20px 10px 40px; box-sizing: border-box;}
    .price-wrap .price-imgtxt-box .txt-box p:first-child { font-size: 16px;}
    .price-wrap .price-imgtxt-box .txt-box p + p { padding-top: 10px;}
    .price-wrap .price-imgtxt-box .txt-box p { font-size: 14px;}
    .price-wrap .price-imgtxt-box .txt-box strong { padding-top: 10px; font-size: 18px;}
    .price-wrap .price-imgtxt-box .txt-box strong img { max-width: 110px;}
    .price-wrap .price-imgtxt-box .txt-box p .col { font-size: 18px;}

}
    

@media screen and (max-width: 750px){
    /* 250703 sys webper */
    #listen_appraisal .locationinfo_wrap dl { display: block;}
    #listen_appraisal .locationinfo_wrap dl > * { width: 100%;}
    #listen_appraisal .locationinfo_wrap dd {padding-top: 30px;text-align: center;}
    #listen_appraisal .locationinfo_wrap dl dd h5 { text-align: center;}
    #listen_appraisal .locationinfo_wrap dl dd a { line-height: 35px; padding: 0px 15px;}
    #listen_appraisal .locationinfo_wrap dl dt img { max-width: 40%;}


    /* 250709 sys S */
    .mainVoice h3 { font-size: 24px;}
    .mainVoice .list_box { display: block; margin: 0; padding-top: 40px;}
    .mainVoice .list_box > div { width: 100%; padding: 15px 0;}
    .mainVoice .list_box > div:first-child { padding-top: 0;}
    .mainVoice .list_box .tit_box p { font-size: 18px;}
    .mainVoice .list_box .cont_box .badge { top: -15%; width: 70px; font-size: 15px;}
    .mainVoice .list_box .name p { font-size: 16px;}
    .mainVoice .list_box .cont_box .sign { max-width: 150px; right: -10%;}
    



    /* 250724 sys S */
    .education-share-wrap .top-box { height: 180px;}
    .education-share-wrap .top-box h5 { font-size: 18px;}
    .education-share-wrap .top-box p { font-size: 14px;}

    .education-share-detail { padding-top: 30px;}
    .education-share-detail .sub-title02 { display: block; padding-bottom: 15px;}
    .education-share-detail .sub-title02 h6 { padding-right: 0;}
    .education-share-detail .sub-title02 p { padding-left: 0; padding-top: 10px;}
    .education-share-detail .sub-title02 p::before { display: none;}
    .education-share-detail .cont-box { display: block;}
    .education-share-detail .cont-box .img { width: 100%;}
    .education-share-detail .cont-box .img img { width: 100%;;}
    .education-share-detail .cont-box .txt { width: 100%; padding: 15px 0 0;}


    /* 소리학교, 소리나눔 */
    .top-imgtxt-box .txt-box { width: calc(100% - 40px); padding: 30px 10px 0;}
    .top-imgtxt-box .txt-box strong { font-size: 16px; }
    .top-imgtxt-box .txt-box h5 { font-size: 18px;}
    .top-imgtxt-box .txt-box p { font-size: 14px;}

    .ico-box li { min-height: auto; padding: 20px 15px; background-size: 30px;}
    .ico-box li dl { position: static; padding: 0; font-size: 16px;}
    .ico-box li dt { position: static; width: auto; transform: none; font-size: 16px;}
    .ico-box li dd { max-width: calc(100% - 35px); font-size: 14px; box-sizing: border-box;}

    .num-img .list-box .item .img-box .tit { padding: 12px 10px;}
    .num-img .list-box .item .img-box p { padding-left: 5px; font-size: 15px;}
    .num-img .list-box .item .img-box .sub-txt { margin-left: 5px; padding-left: 5px; font-size: 13px;}
    .num-img .list-box .item .txt-box ul { display: block;}
    .num-img .list-box .item .txt-box li { width: 100%;}
    .num-img .list-box .item .txt-box li:nth-child(-n+3) { border-bottom-style: dashed;}
    .num-img .list-box .item .txt-box li:nth-child(-n+3).full { border-bottom-style: solid;}


    .bg-inquiry .box { display: block;}
    .bg-inquiry .box > div { width: 100%; padding: 15px 10px;}
    .bg-inquiry .right { border: 0; border-top: 1px solid rgba(255,255,255,0.1);}
    .bg-inquiry .right ul { padding: 0;}
    .bg-inquiry .bottom li { display: block;}
    .bg-inquiry .bottom li p { padding: 0; padding-top: 10px; font-size: 14px;}


    /* 소리학교 */
    .education-wrap .img-info-box .cont-box { display: block;}
    .education-wrap .img-info-box .cont-box > div { width: 100%;}
    .education-wrap .img-info-box .txt { padding: 20px;}
    .education-wrap .img-info-box .txt h6 { font-size: 18px;}
    .education-wrap .img-info-box .txt dd { font-size: 14px;}

    .education-wrap .brd-wrap .cont-box li p { height: auto; min-height: 35px; padding: 5px 0; font-size: 14px;}


    /* 소리나눔 */
    .sharing-wrap .img-txt-list li { flex-wrap: wrap;}
    .sharing-wrap .img-txt-list li:nth-child(even){ flex-direction: column-reverse;}
    .sharing-wrap .img-txt-list li > div { width: 100%;}
    .sharing-wrap .img-txt-list li .img img { width: 100%;}
    .sharing-wrap .img-txt-list li .txt { padding: 20px 0;}
    .sharing-wrap .img-txt-list li .txt h6 { font-size: 15px;}
    .sharing-wrap .img-txt-list li .txt h6 .col { font-size: 17px;}

    .sharing-txt h6 span { font-size: 18px;}
    .sharing-txt h6 span::before,
    .sharing-txt h6 span::after { background-size: 15px;}
    .sharing-txt h6 span::before { background-position-y: 0;}
    .sharing-txt h6 span::after { background-position-y: 35%;}




    /* 250728 sys S */
    .mainOrbit h3 { font-size: 20px;}
    .mainOrbit p { font-size: 16px; }
    .mainOrbit .btn_box ul { margin: 0 -5px;}
    .mainOrbit .btn_box li { padding: 0 5px;}
    .mainOrbit .btn_box li a { font-size: 15px;}
    .mainOrbit .btn_box li a img { max-width: 16px;}


    .price-wrap .brd-wrap .cont-box img { margin-bottom: 10px;}
    .price-wrap .brd-wrap .cont-box strong { font-size: 14px;}
    .price-wrap .brd-wrap .cont-box h5 { font-size: 20px;}

    .price-wrap .common-price .sub-title02 { display: block;}
    .price-wrap .common-price .sub-title02 p { padding-top: 10px;}

    .price-wrap .high-performance-price .list-box ul { display: block; width: 100%; margin: -10px;}
    .price-wrap .high-performance-price .list-box li { width: 100%; margin: 10px;}

    .price-wrap .common-price .list-box ul { margin: -5px;}
    .price-wrap .common-price .list-box li { padding: 5px;}
    .price-wrap .common-price .list-box li > div { flex-wrap: wrap;}
    .price-wrap .common-price .list-box li .txt-box { width: 100%; height: calc(100% - 85px); padding: 15px 10px;}
    .price-wrap .common-price .list-box li .txt-box h6 { font-size: 16px;}
    .price-wrap .common-price .list-box li .price-box { width: 100%; padding: 15px 10px; border-left: 0; border-top: 1px dashed #ddd;}

    .price-wrap .price-imgtxt-box .img-box img { max-width: 110px;}
    .price-wrap .price-imgtxt-box .img-box p { font-size: 18px;}
    .price-wrap .price-imgtxt-box .txt-box p:first-child { font-size: 14px;}
    .price-wrap .price-imgtxt-box .txt-box p .col { font-size: 16px;}
    .price-wrap .price-imgtxt-box .txt-box strong { font-size: 16px;}





    .tab3{margin: -1px;margin-bottom: 20px;display: flex;flex-wrap: wrap;}
    .tab3 li{width: calc(100%/3 - 2px);margin: 1px;}
    .tab3 li a{letter-spacing: -1px;font-size: 12px;line-height: 1.3em;height: 40px;display: flex;justify-content: center;align-items: center;text-align: center;}
    

}