@charset "utf-8";
:root{
    --color45:#454545;
	--colorf8:#f8f8f8;
	--color33:#333333;
	--color66:#666666;
	--purple:#6C7BF8;
	--purple_dark:#4E38D2;
}
/* font */
@font-face {
   font-family: 'S-CoreDream-2ExtraLight';
   src: url('https://cdn.jsdelivr.net/gh/wizfile/font/S-CoreDream-2ExtraLight.eot');
   src:url('../../gh/wizfile/font/S-CoreDream-2ExtraLight.woff') format('woff');
   src: url('../../common/font/S-Core2.woff') format('woff');
   font-style: normal;
}
@font-face {
   font-family: 'S-CoreDream-3Light';
   src: url('../../gh/wizfile/font/S-CoreDream-3Light.eot');
   src:url('../../gh/wizfile/font/S-CoreDream-3Light.woff') format('woff');
   src: url('../../common/font/S-Core3.woff') format('woff');
   font-style: normal;
}
@font-face {
    font-family: 'S-Core Dream';
    src: url('../../gh/projectnoonnu/noonfonts_six-1.2/S-CoreDream-4Regular.woff') format('woff');
	src: url('../../common/font/S-Core4.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
   font-family: 'S-CoreDream-5Medium';
   src: url('../../gh/wizfile/font/S-CoreDream-5Medium.eot');
   src:url('../../gh/wizfile/font/S-CoreDream-5Medium.woff') format('woff');
   src: url('../../common/font/S-Core5.woff') format('woff');
   font-style: normal;
}
@font-face {
   font-family: 'S-CoreDream-7ExtraBold';
   src: url('../../gh/wizfile/font/S-CoreDream-7ExtraBold.eot');
   src:url('../../gh/wizfile/font/S-CoreDream-7ExtraBold.woff') format('woff');
   src: url('../../common/font/S-Core7.woff') format('woff');
   font-style: normal;
}
@font-face {
   font-family: 'S-CoreDream-8Heavy';
   src: url('../../gh/wizfile/font/S-CoreDream-8Heavy.eot');
   src:url('../../gh/wizfile/font/S-CoreDream-8Heavy.woff') format('woff');
   src: url('../../common/font/S-Core8.woff') format('woff');
   font-style: normal;
}
   
@font-face {
   font-family: 'GmarketSansMedium';
   src: url('../../gh/projectnoonnu/noonfonts_2001-1.1/GmarketSansMedium.woff') format('woff');
   src: url('../../common/font/GmarketSansMedium.woff');
   font-weight: normal;
   font-style: normal;
}
@font-face {
   font-family: 'GmarketSansBold';
   src: url('../../gh/wizfile/font/GmarketSansTTFBold.eot');
   src:url('../../gh/wizfile/font/GmarketSansTTFBold.woff') format('woff');
   src: url('../../common/font/GmarketSansBold.woff');
   font-style: normal;
}
@import url('//fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600&display=swap');



.mb100{margin-bottom:100px;}
.mb50{margin-bottom:50px;}

/* 설치수리 서브페이지 */
:root{--handy-color:#0C683C;}
.handy-main{display: flex;flex-direction: column;position: relative; /*margin-top:30px;*/}
.handy-main .top_label{position: absolute; top: 0; right: 60px; padding: 20px 10px 22px; color: #fff; font-family: 'GmarketSansMedium'; font-size: 16px; line-height: 22px; text-align: center; background-color: #FF6935; border-radius: 0 0 60px 60px; z-index: 99;}
.handy-main .top_label span{font-family: 'GmarketSansBold'; font-size: 18px;}
.handy-main .handy-img{position:absolute;}
.handy-main .handy-box{position: relative; width:100%; height:410px; padding:80px 0 60px 50px;}
.handy-main h2{font-family: 'S-CoreDream-7ExtraBold'; font-size: 46px; letter-spacing: -0.04em; color: var(--handy-color); margin-bottom:13px; line-height: 46px;}
.handy-main .sub_copy{font-size:18px; color: #454545; line-height: 26px; margin-bottom: 50px;}
.handy-main .sub_tit{font-family: 'S-Core Dream'; font-size: 24px; font-weight: 500; color: #252525; margin-bottom: 15px;}
.handy-main .sub_tit .b{font-family: 'S-CoreDream-8Heavy';}
.handy-main .sub_tit .f-size32{font-size: 32px;}

.handy-main .butclick a{font-weight: 500; font-size: 20px; letter-spacing: -0.02em; color: #FFFFFF; padding: 15px 50px; line-height:50px; background: var(--handy-color); border-radius: 6px;}



.handy-main .handy-box_2{position: relative; width:100%; height:757px; padding:80px 50px 50px;}
.handy-main .handy-box_2 h2.main_tit{font-family: 'S-CoreDream-7ExtraBold'; font-size: 48px; letter-spacing: -0.04em; text-align: center; color: var(--handy-color); margin-bottom:18px; line-height: 60px;}
.handy-main .handy-box_2 h2.main_tit span{font-family: 'S-CoreDream-3Light';}
.handy-main .handy-box_2 .sub_copy{font-family: 'S-CoreDream-3Light'; font-size: 26px; letter-spacing: -0.04em; color: #fff; margin-bottom: 12px;}
.handy-main .handy-box_2 .b{margin-bottom: 26px; font-family: 'S-CoreDream-7ExtraBold'; color: #333; text-align: center;}
.handy-main .handy-box_2 .copy_box{width: 290px; margin: 30px auto 90px; color: #fff; font-weight: 500; text-align: center;}
.handy-main .handy-box_2 .copy_1{width: 200px; margin: 0 0 11px 58px; padding: 10px 16px; font-size: 16px; line-height: 16px; background: rgba(100, 139, 82, 0.8); border-radius: 50px;}
.handy-main .handy-box_2 .copy_2{width: 195px; padding: 9px 16px; font-size: 15px; line-height: 15px; background: rgba(100, 139, 82, 0.65); border-radius: 50px;}
.handy-main .handy-box_2 .copy_3{width: 153px; margin: 10px 0 0 90px; padding: 8px 16px; font-size: 14px; line-height: 14px; background: rgba(100, 139, 82, 0.5); border-radius: 50px;}
.handy-main .handy-box_2 .sub_tit{margin: 12px 0 22px; font-family: 'S-CoreDream-3Light'; font-size: 42px; line-height: 52px; letter-spacing: -0.04em; color: #fff;}
.handy-main .handy-box_2 .sub_tit span{font-family: 'S-CoreDream-7ExtraBold';}
.handy-main .handy-box_2 .butclick a{font-weight: 500; font-size: 20px; letter-spacing: -0.02em; color: var(--handy-color); padding: 15px 50px; line-height:50px; background: #fff; border-radius: 6px;}




.etcservice h3{font-size: 27px; color: #454545; font-family: 'GmarketSansMedium'; line-height:46px; margin-bottom:50px; font-weight:300;}
.etcservice h3 .b{font-family: 'GmarketSansBold'; font-size: 34px; color:var(--handy-color);}

.handy-con1 .con1tit{margin-bottom: 24px; color: #454545; font-family: 'GmarketSansBold'; font-size: 24px; text-align: center;}
.handy-con1 .con1tit .green{color: var(--handy-color);}
.handy-con1 .con1tit .vs{color: #648B52; font-family: 'GmarketSansMedium'; font-size: 18px;}
.handy-con1 .con1wrapper{display: flex; flex-direction: column; gap: 10px; width: 100%;}
.handy-con1 .con1box{display: flex; gap: 3px; position: relative;}
.handy-con1 .con1box img{position: absolute; top: 15px; left: 388px;}
.handy-con1 .con1box_green, .handy-con1 .con1box_gray {display: flex; justify-content: center; align-content: center; flex-wrap: wrap; width: 436px; height: 130px; font-size: 20px; font-weight: 400; line-height: 28px; text-align: center;}
.handy-con1 .con1box_green{color: var(--handy-color); background-color: rgba(100, 139, 82, 0.15);}
.handy-con1 .con1box_gray{color: #555; background-color: #eee;}
.handy-con1 .con1box .b{font-weight: 600;}
.handy-con1 .con1box .s-text{font-size: 16px;}

.handy-con2 h3{margin-bottom: 20px}
.handy-con2 .btn{width: 266px; height: 45px; font-size: 18px; font-weight: 500; line-height: 45px; text-align: center; background-color: var(--handy-color); border-radius: 6px;}
.handy-con2 .btn a{display: block; width: 266px; height: 45px; color: #fff;}
.handy-con2 .con2wrapper{display: flex; flex-direction: column; justify-content: space-between; gap: 40px; width: 100%; margin: 50px 0;}
.handy-con2 .con2box{display: flex; justify-content: space-between; width: 100%;}
.handy-con2 .con2{display: flex; flex-direction: column; gap: 16px;}
.handy-con2 .con2 p{color: #454545;font-size: 16px; text-align: center;}
.handy-con2 .caption{width: 100%; height: auto; background-color: #f8f8f8;}
.handy-con2 .caption p{padding: 20px; color: #454545; font-size: 18px; line-height: 25px; text-align: center;}
.handy-con2 .caption p span{font-size: 16px; font-weight: 400;}

.handy-con3 .conleft{display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 25px; margin-bottom:70px; }
.handy-con3 .conright{flex-grow: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 0px; gap: 24px;}
.handy-con3 .conright .label{width: 158px; height: 36px; font-family: 'GmarketSansMedium'; font-size: 18px; line-height: 39px; text-align: center; color: #fff; background-color: #FF6935; border-radius: 50px;}
.handy-con3 .conright .label span{font-family: 'GmarketSansBold';}
.handy-con3 .conright .conbox{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
.handy-con3 .conright .conbox li{font-style: normal; font-weight:700; font-size: 20px; line-height: 20px; margin-top: 13px;}
.handy-con3 .conright .conbox li:nth-child(1){margin:0;}
.handy-con3 .conright .conbox li img{position: relative; top:-1px; padding-right:8px;}
.handy-con3 .conright dl{display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 32px 20px; background: #f8f8f8;}
.handy-con3 .conright dl dt{font-weight: 600; font-size: 17px; line-height: 17px; color:#333; margin-bottom:8px;}
.handy-con3 .conright dl dd{font-weight:300; font-size: 16px; line-height: 22px; color:#454545; position: relative; padding-left:10px;margin-bottom: 2px;}
.handy-con3 .conright dl dd:last-child{margin-bottom: 0;}
.handy-con3 .conright dl dd:before{content: ""; position: absolute; width:4px; height:4px; background: #454545; border-radius: 50%; top:10px; left:0;}


.handy-con4 h3{margin: 24px 0 21px; font-size: 48px; text-align: center; font-family: 'GmarketSansBold'; color:var(--handy-color);}
.handy-con4 .sub_tit_top, .handy-con4 .sub_tit_bottom{font-size: 27px; color: #454545; font-family: 'GmarketSansMedium'; line-height:27px; text-align: center; font-weight:300;}

.handy-con4 .handy-words-wrap{width: 300px; height: 48px; margin: 24px auto 21px; overflow: hidden;}
.handy-con4 .handy-words{width: 300px; height: 48px; font-size: 48px; text-align: center; font-family: 'GmarketSansBold'; color: var(--handy-color); }
.handy-con4 .swiper-wrapper{
   -webkit-transition-timing-function: ease;
   -moz-transition-timing-function: ease;
   -ms-transition-timing-function: ease;
   -o-transition-timing-function: ease;
   transition-timing-function: ease;
}


.handy-con4 ul{display: flex; flex-wrap: wrap; gap: 25px; margin-bottom: 25px;}
.handy-con4 ul li{padding: 32px 0 20px; width: 155px; height: 155px; background: rgba(232, 227, 221, 0.35); border-radius: 16px;}
.handy-con4 ul li .con4icon{display: flex; flex-direction: column; justify-content: center; align-items: center; height:60px;}
.handy-con4 ul li p{font-weight: 400;font-size: 16px; text-align: center; margin-top:20px; color: #252525;}
/*.handy-con4 .con4wrapper .con4box dl{flex-grow: 1;display: flex;flex-direction: column;align-items: flex-start;padding: 0px;}
.handy-con4 .con4wrapper .con4box dl dt{padding: 8px 40px;gap: 10px;background: #4B7C59;border-radius: 50px;text-align:center;color:#fff;display: inline-block;font-weight:300;font-size: 22px;line-height: 22px;margin-bottom:22px;}
.handy-con4 .con4wrapper .con4box dl dd ul{display: flex;flex-direction:row;padding: 0px;gap: 15px; flex-wrap: wrap;}
.handy-con4 .con4wrapper .con4box dl dd ul:after{display:none;}
.handy-con4 .con4wrapper .con4box dl dd ul li{flex: 1 1 45%;padding: 10px;width: 180px;height: 110px;background: rgba(232, 227, 221, 0.35);border-radius: 16px;}
.handy-con4 .con4wrapper .con4box dl dd ul li .con3icon{display: flex;flex-direction: column;justify-content: center;align-items: center;height:60px;}
.handy-con4 .con4wrapper .con4box dl dd ul li p{font-weight: 400;font-size: 18px;line-height: 21px;text-align: center;margin-top:10px;color: #252525;}*/
.handy-con4 dl{padding: 0 64px 30px;}
.handy-con4 dl dt{color: #333; font-size: 18px; font-weight: 600; margin-bottom: 8px;}
.handy-con4 dl dd{color: #454545; font-size: 16px; font-weight: 400; text-align: justify; margin-bottom: 6px;}
.handy-con4 dl dd:last-child{margin: 0;}
.handy-con4 .con4_bottom{font-weight: 400; font-size: 16px; line-height: 22px; color: #454545; text-align:right; padding-top: 20px; border-top: 1px solid #ccc;}

.handy-con5{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 70px 0px; gap: 60px; background: rgba(232, 227, 221, 0.3); border-radius: 20px; position: relative;}
.handy-con5 h3{text-align: center;}
.handy-con5 h4{font-weight:300;font-size: 28px;line-height: 28px;text-align: center;letter-spacing: -0.02em;color: #454545;}
.handy-con5 h4 b{color:var(--handy-color);font-weight:bold;}
.handy-con5 .constep{display: flex;flex-direction: row;align-items: flex-start;padding: 0px;}
.handy-con5 .constep li{display: flex; flex-direction: column; align-items: center; padding: 0px 36px; gap: 30px; width: 265px;text-align:center;}
.handy-con5 .constep li:before{content: "";position: absolute;width: 130px;height: 130px;background: #ECE6DE;border-radius: 50%;}
.handy-con5 .constep li:nth-child(2){border-left:1px solid #ddd;border-right:1px solid #ddd;}
.handy-con5 .constep li p{height:130px;}
.handy-con5 .constep li img{position: relative;top:14px;}
.handy-con5 .constep dl{display: flex;flex-direction: column;align-items: center;padding: 0px;gap: 12px;}
.handy-con5 .constep dl dt{font-weight: 600;font-size: 20px;line-height: 24px;color: #252525;}
.handy-con5 .constep dl dd{font-weight: 400;font-size: 15px;line-height: 21px;color: #454545;}
.handy-con5 .con2_bot{font-weight: 400;font-size: 15px;line-height: 22px;color: #666666;margin-top:-20px;}
.handy-con5 .con2_bot b{color:var(--handy-color);}

.handy-con6 h3{text-align: center;}
.handy-con6 .con6box{display: flex;flex-direction: row;align-items:start;padding: 0px;gap: 45px;}
.handy-con6 .con6box li{display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-start;padding: 0px;gap: 26px;}
.handy-con6 .con6box li dl dt{padding: 10px 15px;font-weight: 700;font-size: 21px;line-height: 25px;text-align: center;color: #FFFAEC;width: 415px;background: #7A6963;border-radius: 30px 0px;margin-bottom:12px;}
.handy-con6 .con6box li dl dd{font-weight: 500;font-size: 18px;line-height: 26px;text-align: center;color: #454545;}


.handy-con7{padding: 100px 0; background-color: #f6f6f6;}
.handy-con7 h3{text-align: center;}
.handy-con7 .con7box{text-align: center;}
.handy-con7 .con7box p{margin: 50px 0 30px; color: #333; font-size: 21px; font-weight: 400; line-height: 30px;}
.handy-con7 .con7box p span{font-weight: 600;}
.handy-con7 .btn{width: 266px; height: 45px; margin: 0 auto; font-size: 18px; font-weight: 500; line-height: 45px; text-align: center; background-color: var(--handy-color); border-radius: 6px;}
.handy-con7 .btn a{display: block; width: 266px; height: 45px; color: #fff;}

.handy-con8{display: flex;flex-direction: column;justify-content: center;align-items:center;}
.handy-con8 .handyarrang{display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 50px; margin: 0 auto; padding-bottom: 50px; border-bottom: 1px solid #ccc;}
.handy-con8 ul.handyarrang:after{display:none;}
.handy-con8 .handyarrang li{display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding: 25px;gap: 30px;text-align:center;width: 210px;height: 240px;background: rgba(232, 227, 221, 0.4);border-radius: 20px;}
.handy-con8 .handyarrang li .con8icon{display: flex;flex-direction: column;justify-content: center;align-items: center;height:80px;}
.handy-con8 .handyarrang li dl{padding:0;}
.handy-con8 .handyarrang li dl dt{font-weight: 900;font-size: 22px;line-height: 26px;color: #4B7C59;margin-bottom:12px;}
.handy-con8 .handyarrang li dl dt b{color: rgba(100, 139, 82, 0.6);padding-right:4px;}
.handy-con8 .handyarrang li dl dd p{font-weight: 400;font-size: 15px;line-height: 20px;text-align: center;color: #000000;}
.handy-con8 .caption{margin: 0 auto; padding-top: 30px;}
.handy-con8 .caption dt{color: #333; font-size: 16px; font-weight: 600; margin-bottom: 6px;}
.handy-con8 .caption dd{position: relative; padding-left: 10px; color: #454545; font-size: 15px; margin-bottom: 4px;}
.handy-con8 .caption dd:before{content: ""; position: absolute; width:4px; height:4px; background: #454545; border-radius: 50%; top:10px; left:0;}
.handy-con8 .caption dd:last-child{margin: 0;}

.handy-con9{display: flex;flex-direction: column;align-items: center;padding: 80px 45px;gap: 45px;width: 100%;background: rgba(100, 139, 82, 0.2);}
.handytilte{font-family: 'GmarketSansBold'; font-style: normal; font-size: 34px; line-height: 44px; text-align: center; color:var(--handy-color);}
.handy-con9 .handyarr{display: flex;flex-direction: column;align-items: center;padding: 0px;gap: 10px;}
.handy-con9 .con9box{display: flex;flex-direction: column;align-items: flex-start;padding: 0px;gap: 30px;width:100%;}
.handy-con9 .con9box li{display: flex;flex-direction: column;align-items: flex-start;padding: 16px 30px 24px;gap: 20px;width:100%;background: #FFFFFF;border-radius: 16px;}
.handy-con9 .con9box li dl{width:100%;}
.handy-con9 .con9box li dl dt{box-sizing: border-box;width: 100%;padding: 6px 0px 20px;margin: 0 0 18px;border-bottom: 1px solid #CDDEC4;font-weight: 600;font-size: 20px;color: #4B7C59;display: inline-block;}
.handy-con9 .con9box li dd{display: flex;flex-direction: row;align-items: flex-start;padding: 0px;gap: 9px;font-weight: 300;font-size: 20px;line-height: 28px;color: #454545;}
.handy-con9 .con9box li dt img{margin-top:-4px;}
.handy-con9 .con9box li dd img{margin-top:4px;}

/*.handy-con10{display: flex; flex-direction: column; justify-content: center; gap: 40px; width: 100%; height: 350px; margin-top: -1px; padding-left: 350px; background: url(../images/etcservice/con10-bg.png) no-repeat left rgba(237, 238, 241, 0.3);}*/
.handy-con10{display: flex; align-items: center; gap: 30px; width: 100%; height: 350px; margin-top: -1px; padding-left: 30px; background: #f8f8f8;}
.handy-con10 .con10box{display: flex; flex-direction: column; justify-content: center; gap: 40px;}
.handy-con10 .con10_img{padding-top: 27px;}
.handy-con10 h3{color: #121212; margin: 0; font-family: 'GmarketSansMedium'; font-size: 28px; font-weight: 300; line-height: 46px;}
.handy-con10 h3 .b{color: #121212; font-family: 'GmarketSansBold';}
.handy-con10 h3 .green{color: var(--handy-color);}
.handy-con10 .btn{width: 407px; height: 58px; font-size: 22px; font-weight: 600; line-height: 58px; text-align: center; background-color: var(--handy-color); border-radius: 6px;}
.handy-con10 .btn a{display: block; width: 407px; height: 58px; color: #fff;}

.handy-con11{display: flex; align-items: top; justify-content: space-between; width: 100%;}
.handy-con11 .con11-left{padding-top: 50px;}
.handy-con11 .con11-left .label-green{width: 201px; height: 36px; font-family: 'GmarketSansMedium'; font-size: 18px; line-height: 41px; text-align: center; color: #0C683C; background-color: rgba(100, 139, 82, 0.15); border-radius: 50px;}
.handy-con11 .con11-left .label-green span{font-family: 'GmarketSansBold';}
.handy-con11 .con11-left h4{font-size: 27px; color: #454545; font-family: 'GmarketSansMedium'; line-height: 46px; margin: 20px 0 40px; font-weight:300;}
.handy-con11 .con11-left .con11_tit{font-size: 48px; color: var(--handy-color); font-family: 'GmarketSansBold'; line-height: 60px; margin: 80px 0 40px;}
.handy-con11 .con11-left p{color: #454545; font-size: 18px; line-height: 26px; margin: 40px 0;}
.handy-con11 .con11-left p span{color: var(--handy-color); font-weight: 600;}
.handy-con11 .btn{width: 266px; height: 45px; font-size: 18px; font-weight: 500; line-height: 45px; text-align: center; background-color: var(--handy-color); border-radius: 6px;}
.handy-con11 .btn a{display: block; width: 266px; height: 45px; color: #fff;}

.handy-con12 .con12wrapper{display: flex; justify-content: space-evenly; align-items: center; height: 450px;}
.handy-con12 .con12box{display: flex; flex-direction: column; gap: 20px; width: 450px; height: 450px; margin-left: -100px; text-align: center; background: rgba(204, 204, 204, 0.25); border-radius: 500px;}
.handy-con12 .con12box .p-text{padding: 4px 20px; color: #0C683C; font-size: 20px; background: #fff; border-radius: 50px;}
.handy-con12 .con12box .t-text{color: #0C683C; font-size: 30px; font-weight: 600; line-height: 40px;}
.handy-con12 .con12box .s-text{color: #252525; font-size: 18px; font-weight: 300; line-height: 24px;}
.handy-con12 .con12box img{display: block;}
.handy-con12 .grn{margin-left: 0; background: rgba(100, 139, 82, 0.15);}
.handy-con12 .con12box>div{display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px; width: 450px; height: 100%; padding-top: 16px;}

.handy-review{position: relative;}
.handy-review h3{text-align: center;}
.handy-review .con-review{overflow: hidden; width: 814px; margin: 0 30.5px;}
.handy-review .swiper-slide{width:100%; border:1px solid #ddd; border-radius: 20px;}
.handy-review .swiper-button-next, .handy-review .swiper-button-prev{position: absolute; top: 325px; z-index: 10;}
.handy-review .swiper-button-prev, .handy-review .swiper-container-rtl .swiper-button-next{left: 0; background-image: url('../images/etcservice/prev-icon.png'); width:48px; height:48px; background-size: auto; opacity:100%;}
/*.handy-review:hover .swiper-button-prev, .swiper-container-rtl .swiper-button-next{opacity:100%;}*/
.handy-review .swiper-button-next, .handy-review .swiper-container-rtl .swiper-button-prev{right: 0; background-image: url('../images/etcservice/next-icon.png'); width:48px; height:48px; background-size: auto; opacity:100%;}
/*.handy-review:hover .swiper-button-next, .swiper-container-rtl .swiper-button-prev{opacity:100%;}*/
.con-review .review-thumb img{width:100%; border-radius: 20px 20px 0 0;}
.con-review .review-thumb dd{padding:22px 0;}
.con-review .review-thumb ul li{width: 100%; padding: 0 20px; color: #454545; font-size:15px; font-weight: 300; line-height: 22px;}
.con-review .review-thumb ul li:nth-child(2){height: 66px;}
.con-review .review-thumb ul li.tit{margin-bottom: 15px; padding: 0; color: #252525; font-size: 20px; font-weight: 600; letter-spacing: -1.1px; text-align: center;}
.con-review .review-thumb ul li.label{display: inline-block; width: auto; margin: 15px 0 0 20px; padding: 4px 12px; font-family: 'GmarketSansMedium'; font-size: 14px; color: #0C683C; background-color: rgba(100, 139, 82, 0.15); border-radius: 50px;}

/*--설치수리 - 견적 팝업--*/
.popup-inner{position: relative;width: 564px; height: 856px; background: #fff; margin: 0 auto; border-radius: 20px; overflow: hidden;}
.popup-inner .popup-close{position: absolute;right: 15px;top: 15px;}
.handy-popup {display: none;position:fixed;width: 100%;height: 100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:99999999;}
.handy-popup .pop-iframe{ position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border: none;margin: 0px;padding: 0px;}
.handy-popup .popup-inner {position:absolute;height: 856px;top:50%;left:50%;transform:translate(-50%, -50%);padding :0;background:#fff;border-radius: 20px;overflow:auto;}
.handy-popup .popup-inner::-webkit-scrollbar {width:6px;} 
.handy-popup .popup-inner::-webkit-scrollbar-thumb {background-color:rgba(0,0,0, 0.3);border-radius:30px;} 

.handy-popup .popup-inner .popup-contents{width: 560px;}
.handy-popup .popup-close{position: absolute;display: block;top:25px;right: 25px;}
.poptitle{width:100%;height:80px;border-bottom:1px solid #ccc;}
.poptitle .poph4{text-align:center;color:#333;font-size:30px;padding:19px 0 19px;}
.popbody{padding:0px 50px 50px 50px;}
.popmenubox{padding:30px 0 50px;width:100%;}
.popmenubox .poptieup{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;padding: 0px;gap: 20px;}
.popmenubox .poptieup:after{display:none;}
.popmenubox .popmenu{display: flex;flex-direction: row;align-items: flex-start;padding: 0px;gap: 10px;width: 100px;height: 122px;}
.popmenubox .popmenu dl dt{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0px;gap: 10px;width: 100px;height: 100px;background: #EEEEEE;border-radius: 10px;}
.popmenubox .popmenu dl dt.on{border:2px solid var(--handy-color) ;}
.popmenubox .popmenu dd{text-align:center;padding-top:4px;font-size:15px;line-height:18px;}
.popnotie{display:block;}
.popnotie .notiebox{padding:50px 0;border-top:1px solid #ccc;}
.popnotie .notiebox:nth-child(1){border-top:1px solid #999;}
.popnotie .notiebox .notietit{font-size:24px;line-height: 29px;margin-bottom:6px;font-weight:600;color:#333;display:block;}
.popnotie .notiebox .notiesub{font-size:20px;line-height:24px;color:#666;font-weight:300;}
.pserivcebox{display:block;}
.pserivcebox .pserivcetit{font-weight:600;text-align:left;font-size: 24px;line-height: 29px;padding-bottom:20px;}
.pserivcebox .pelect{width:100%;height: 50px;border: 1px solid #CCCCCC;border-radius: 5px;box-sizing: border-box;margin-top:10px;}
.pserivcebox .pelect:nth-child(1){margin:0;}
.disc-flex .textbox input[type="text"], .disc-flex .textbox input[type="password"] {position: relative;z-index: 1;font-size:20px;border:1px solid #999;color:#333;height:50px;text-indent: unset;outline-style: none;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
.pserivcebox .pelect select{width: 100%;height: 50px;padding-left:15px;color: #333;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../../mobile/html/images/main/arrow_icon.png) 96% 50% no-repeat;border:0;font-size:18px;font-weight:300;border-radius:5px;font-family:"notokr", sans-serif;}
.pserivcebox .pelect select option{font-size:18px;font-weight:300;}
.plistbox{display:block;width:100%;}
.plistbox .delall{width:100%;display:block;font-size: 15px;line-height: 18px;text-align: right;color: #333333;
margin-top:20px;margin-bottom:10px;font-weight:bold;}
.plistbox .setlist{width:100%;display:block;border-top:1px solid #aaa;}
.plistbox .setlist .setul .setli{width:100%;display: flex;flex-direction: row;position: relative;}
.plistbox .setlist .setli dl{width:100%;display:flex;flex-direction: column;border-bottom:1px solid #eee;padding:10px 0;}
.plistbox .setlist .setli dl dt{font-weight:300;font-size: 20px;line-height: 24px;color: #333333;padding-bottom:5px;}
.plistbox .setlist .setli dl dd ul{width:100%;display:flex;flex-direction:row;position: relative;}
.plistbox .setlist .setli dl dd ul li{display:flex;flex-direction: row;flex:1;}
.plistbox .setlist .setli dl dd .num_set{display:flex;flex:30%;align-items: center;}
.plistbox .setlist .setli dl dd .num_set .ptxt{font-weight:300;font-size: 15px;line-height: 18px;color: #333333;}
.plistbox .setlist .setli dl dd .num_set .ibtn{width:30px;height:30px;background: #F0F0F0;
border-radius: 50%;position: relative;}
.plistbox .setlist .setli dl dd .num_set .ibtn:before{ content:"";border: 1px solid #ccc;width: 29px;position: absolute;height: 29px;border-radius: 50%;}
.plistbox .setlist .setli dl dd .num_set .num{font-size: 20px;line-height: 24px;color:#333;width:50px;text-align:center;font-weight:300;}
.plistbox .setlist .setli dl dd .pricebox{font-size:20px;line-height:24px;color:#333;font-weight:bold;justify-content: flex-end;}
.plistbox .setlist .setli dl dd .pricebox .won1{font-weight:300;padding-right:20px;}
.plistbox .amountbox{width:100%;}
.plistbox .amountbox .sumtieup{width:100%;text-align:right;padding:10px 0 0;}
.plistbox .amountbox .sum{width:100%;font-weight:300;font-size: 20px;line-height: 24px;color: #333333;}
.plistbox .amountbox .comamo dl{display:flex;font-size:24px;color:#333;font-weight:bold;width:100%;padding:10px 0 4px;}
.plistbox .amountbox .comamo dl dd{display: block;flex: 1;text-align: right;}
.plistbox .amountbox .comamo dl dd .sale{color:#E03232;padding-right:20px;}
.plistbox .amountbox .comamo dl dd .salamou{color:var(--handy-color);}
.plistbox .amountbox .ment{width:100%;font-size:15px;color:#333;display:block;text-align:right;font-weight:300;}
.footerbox ul{display: flex;flex-direction: row;gap:20px;padding:25px 0 10px;}
.footerbox ul li:nth-child(1){background:#777;}
.footerbox ul li{display:block;width:100%;height:60px;border-radius:5px;background:var(--handy-color);color:#fff;text-align:center;font-weight:bold;font-size:20px;padding:18px 0;line-height:24px;}
.footerbox ul:after{display:none;}
.footerbox .btntit{font-size: 15px;line-height: 18px;text-align: center;font-weight:300;color: #666666;} 
.handyapp{display:block;padding:50px 0;border-bottom:1px solid #aaa;margin:0 0 30px;}
.handyapp .details{display: flex;flex-direction: column;justify-content: center;align-items: center;gap:12px;padding:0 0 30px;}
.handyapp .details dl{display:flex;font-size:24px;color:#333;font-weight:bold;width:100%;}
.handyapp .details dl dd{display: block;flex: 1;text-align: right;}
.handyapp .details dl dd .salewon, .handyapp .details dl dd .sale{font-weight:300;}
.handyapp .details dl dd .sale{color:#E03232;padding-right:20px;}
.handyapp .details dl dd .sab{color:var(--handy-color);font-weight:bold;}
.handyapp .detlite .txtde{display:block;width:100%;font-size:20px;line-height:24px;font-weight:300;text-align:center;color:#000;position: relative;cursor:pointer;}
.handyapp .detlite .txtde:before{content:url(../images/etcservice/popicon-arr.png); position: absolute;width: 30px;height: 30px;background: #eee;border-radius: 50%;top: -2px;margin-left: -35px;transition:.3s;}
.handyapp .detlite .txtde.on:before{transform:rotate(180deg);}
.handyapp .detlite .litecheck{display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;padding:30px 0 0;gap:15px;}
.handyapp .detlite .litecheck .che{display:block;width:100%;position: relative;}
.handyapp .detlite .litecheck .che strong{font-weight:300;font-size: 20px;line-height: 24px;color: #333333;}
.handyapp .detlite .litecheck .che strong:nth-child(2){position: absolute;right: 0;}
.handyapp .detlite .litecheck:after{display:none;}
.applybox .h5app{font-weight:600;text-align:left;font-size: 24px;line-height: 29px;padding-bottom:10px;}
.applybox .subapp{font-weight:300;text-align:left;font-size:15px;line-height:18px;margin-bottom:20px;display:block;color:#666;}
.applybox .disc-flex{display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;padding: 0px;gap: 20px;}
.applybox .disc-flex .textbox .disc-na{font-size:20px;line-height:24px;font-weight:300;color:#333;padding-bottom:6px;}
.applybox .disc-flex .textbox input{box-sizing: border-box;border: 1px solid #CCCCCC;border-radius: 5px;width: 220px;height: 50px;padding-left:15px;font-size:16px;line-height:19px;color:#666;}
.applybox .inter-bottom input[type="checkbox"]{display: none;}
.applybox .inter-bottom input[type="checkbox"] + label{display: inline-block;width: 30px;height: 30px;border: 1px solid #ccc;position: relative;border-radius: 5px;cursor:pointer;}
.applybox .inter-bottom input[id="agree_yn"]:checked + label::after{content:'';font-size: 25px;background:url('../images/service/discount_check.png');width: 28px;height: 28px;text-align: center;position: absolute;border-radius: 5px;left: 0;top:0;}
.applybox .inter-bottom{height:30px;text-align:center;margin:20px 0 0;}
.applybox .inter-bottom span{margin-left: 10px;position: relative;top:-10px;font-size:15px;line-height:18px;font-weight:300;color:#333;}
/*전체삭제 부분 리스트 삭제*/
.capback{display: block;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 99999999;}
.capback .double{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);width:400px;height:181px;box-shadow:0 5px 30px rgba(0,0,0,.30);background:#fff;opacity:1;transition:0.5s;border-radius:20px;}
.capback .doutit{display: flex;flex-direction: column;justify-content: center;align-items: center;height:120px;font-weight: 300;font-size: 20px;line-height: 28px;text-align: center;color: #333333;}
.capback .btnclick{display: flex;flex-direction:row;align-items: center;border-top:1px solid #ccc;}
.capback .btnclick button{font-weight: 300;font-size: 20px;line-height: 24px;text-align: center;color: #333333;border-left:1px solid #ccc;height:60px;display:block;flex:50%;}
.capback .btnclick .btn-no{border:0;}

@media (max-width: 1680px)
{
 .popup-inner{height:600px;}
 .popbody{height:500px;}
}

/* 인터넷 IPTV */
.internet{font-family: "Noto Sans KR", sans-serif;}
.internet .flexcol{display: flex;flex-direction: column;align-items: center;padding:0;}
.internet .flexrow{display: flex;flex-direction: row;align-items: flex-start;padding:0;}
.internet dl:after, .internet ol:after, .internet ul:after {display:none;}
.internet h3{color: #252525; font-size: 32px; line-height: 42px; text-align: center;font-weight:400;}
.internet h3 em{font-weight:700;color:var(--purple_dark);}
.internet h3 span{font-weight: 400;}
.internet h4{color: #454545; font-size: 24px; font-weight: 300;}
.internet .orange{color: #FF6935;}
.internet .violet{color: #4E38D2;}
.internet .tit_cta_wrap{display: flex; justify-content: center; gap: 12px; margin-top: 245px;}
.internet .internet_cta{display: flex; align-items: center; gap: 12px; width: 220px; height: 50px; padding: 0 32px; color: #fff; font-size: 18px; line-height: 50px; text-align: left; background: #6C7BF8 url('../images/service/internet/cta_icon.png') center right 30px no-repeat; border-radius: 6px;font-weight:500;}
.internet .tit_banner{position: relative; width: 875px; height: 530px; padding: 45px 50px; position: relative;}
.internet .tit_banner .top_label{font-size: 20px;font-weight:400;}
.internet .tit_banner h2{color: #4E38D2; font-family: 'S-CoreDream-7ExtraBold'; font-size: 36px;}
.internet .tit_banner .sub_copy{margin: 30px 0 0; color: #333; font-size: 22px; font-weight: 400;}
/* .internet .tit_banner .internet_cta{margin-top:36px;} */
.internet .tit_banner .tit_desc{position: absolute; bottom: 142px; color: #666; font-size: 15px; font-weight: 400; z-index:3;}
.internet .tit_banner .bannertop{position: relative; z-index: 3;}
.internet .tit_banner .banbottom{position: absolute; bottom: 0; left: 0; right :0; background: rgba(108, 123, 248, 0.8); padding: 18px 0px; color: #fff; font-size:24px; text-align:center; font-weight: 300; z-index:2;}
.internet .tit_banner .banbottom em{font-weight: 500;}
.internet .tit_banner .interlbg{position: absolute; z-index: 1 ; top: 0; left: 0;}

.internet_select h3{margin-bottom: 64px;font-weight:400;}
.internet_select h3 em{font-weight:700;color:var(--purple_dark);}
.internet_select h4{margin-bottom: 30px;font-weight:400;}
.internet_select .select_con{margin-bottom: 50px;}
.internet_select .brand{position: relative;}
.internet_select .select_con .select_brand{overflow: hidden;}
.select_brand .swiper-button-next, .select_brand .swiper-button-prev{position: absolute; top: 163px; z-index: 10; opacity: 100%, 0;}
.select_brand .swiper-button-prev, .select_brand .swiper-container-rtl .swiper-button-next{left: -24px; background-image: url('../images/etcservice/prev-icon.png'); width:48px; height:48px; background-size: auto; opacity:100%;}
.select_brand .swiper-button-next, .select_brand .swiper-container-rtl .swiper-button-prev{right: -24px; background-image: url('../images/etcservice/next-icon.png'); width:48px; height:48px; background-size: auto; opacity:100%;}
.select_brand .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0;}

.internet_select .select_con ul{display: flex; justify-content: space-between;}
.internet_select .select_con ul li{width: 248px; height: 200px; padding: 30px; box-shadow: 0 0 0 1px #ccc inset; border-radius: 10px;}
.internet_select .select_con ul li.on, .internet_select .select_con ul li:hover{box-shadow: 0 0 0 3px #4E38D2 inset; cursor: pointer;}
.internet_select .select_con .select_brand li, .internet_select .select_con .select_service li{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; text-align: center;}
.internet_select .select_con img{width: min-content;}
.internet_select .select_con .select_service, .internet_select .select_con .select_speed{justify-content: left; gap: 65.5px;}
.internet_select .select_con .select_service li div{display: flex; gap: 16px;}
.internet_select .select_con .select_speed li{display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.internet_select .select_con .select_speed li div{display: flex; flex-direction: column; gap: 10px;}
.internet_select .select_con ul li .select_txt{color: #252525; font-size: 34px; font-weight: 700; line-height: 34px;}
.internet_select .select_con ul li .select_txt span{font-size: 20px; font-weight: 500;}
.internet_select .select_con ul li .select_desc{color: #454545; font-size: 15px; font-weight:400;}
.internet_select .select_con ul li .s_txt{color: #252525; font-size: 18px; font-weight: 400;}
.internet_select .select_con .select_speed strong{font-style: normal; display: block; font-size: 13px; color: #fff; background: #ff6935; line-height: 22px; text-align: center; border-radius: 50px; width: 40px; height: 22px; font-weight: normal; position: absolute; right: 15px; top: 15px;font-weight:500;}
.internet_select .rate_container{display: flex; gap: 100px; justify-content: center; align-items:center; padding: 25px 0; background: #F2F4FF;}
.internet_select .rate_con{width: 330px;}
.internet_select .rate_con ul{position: relative; display: flex; justify-content: space-between; align-items: center;}
.internet_select .rate_con ul:nth-child(2){padding-bottom: 12px; border-bottom: 1px solid rgba(108, 123, 248, 0.3);}
.internet_select .rate_con ul.rate_total{padding-top: 10px;}
.internet_select .rate_con ul li{color: #454545; font-size: 18px;font-weight:500;}
.internet_select .rate_con ul li span{font-size: 24px; font-weight: 700;}
.internet_select .rate_con ul.rate_total > li{font-size: 20px;}
.internet_select .rate_con ul.rate_total > li span{font-size: 28px;}
.internet_select .rate_right{align-items: flex-start; gap: 36px;}
.internet_select .rate_right > div{width: 100%;}
.internet_select .rate_right ul{display: flex; justify-content: space-between; align-items: center;}
.internet_select .rate_right ul li{color: #666; font-size: 18px; font-weight: 400;}
.internet_select .rate_right ul li span{font-weight: 700;}
.internet_select p.rate_desc{margin-top: 2px; font-size: 13px; font-weight: 400; color: #858585; letter-spacing: -1.2px;}
.internet_select .rate_container .internet_cta{width: 300px; height: 62px;}

.internet_feature{padding: 100px 0; text-align: center; background: #f8f8f8;}
.internet_feature .feture_con1, .internet_feature .feture_con2{margin-bottom: 80px;}
.internet_feature .num{width: 50px; height: 50px; margin: 0 auto 30px; color: #4E38D2; font-size: 32px; font-weight: 600; line-height: 50px; background: #fff; border-radius: 50px}
.internet_feature h4{margin: 16px 0 50px;}
.internet_feature .feture_con2_wrap{display: flex; justify-content: center; align-items: center; gap: 16px;}
.internet_feature .feture_con2_wrap .feature_gray_wrap{display: flex;}
.internet_feature .feture_con2_wrap .feature_gray{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; width: 210px; height: 210px; background: #fff; border-radius: 50%;}
.internet_feature .feture_con2_wrap .feature_gray img{width: fit-content;}
.internet_feature .feture_con2_wrap .feature_gray p{color: #454545; font-size: 18px; line-height: 24px;}
.internet_feature .feature_violet{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; width: 243px; height: 243px; background: #6C7BF8; border-radius: 50%;}
.internet_feature .feature_violet p{color: #fff;; font-size: 20px; font-weight: 300; line-height: 27px;}
.internet_feature .feature_violet p span{font-weight: 600;}
.internet_feature .feture_con3 ul{display: flex; justify-content: center; gap: 40px;}
.internet_feature .feture_con3 ul li{display: flex; flex-direction: column; justify-content: space-between; align-items: center; width: 210px; height: 260px; padding: 40px 25px; background: #fff; border-radius: 16px;}
.internet_feature .feture_con3 ul li p{color: #454545; font-size: 18px; font-weight: 300; line-height: 24px;}
.internet_feature .feture_con_kcc{display: flex; justify-content: center; align-items: center; gap: 50px; width: 710px; margin: 100px auto 0; padding: 40px 0 0; border-top: 1px solid #ccc;}
.internet_feature .feture_con_kcc dl{color: #454545; font-size: 16px; text-align: left;}
.internet_feature .feture_con_kcc dl dd{padding: 5px 0 0 12px; font-weight: 300;}

.internet_strength .con1tit{margin: 50px 0 24px; color: #454545; font-size: 24px; font-weight: 600; text-align: center;}
.internet_strength .con1tit .vs{color: #6C7BF8; font-size: 18px; font-weight: 300;}
.internet_strength .con1wrapper{display: flex; flex-direction: column; gap: 10px; width: 100%;}
.internet_strength .con1box{display: flex; gap: 3px; position: relative;}
.internet_strength .con1box img{position: absolute; top: 15px; left: 388px;}
.internet_strength .con1box_violet, .internet_strength .con1box_gray {display: flex; justify-content: center; align-content: center; flex-wrap: wrap; width: 436px; height: 130px; font-size: 20px; font-weight: 400; line-height: 28px; text-align: center;}
.internet_strength .con1box_violet{color: #4E38D2; background-color: #F2F4FF;}
.internet_strength .con1box_gray{color: #555; background-color: #eee;}
.internet_strength .con1box .b{font-weight: 600;}
.internet_strength .con1box .s-text{font-size: 16px;}

.internet_review{padding: 100px 0; background: #f8f8f8;}
.internet_review ul{display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 50px;}
.internet_review ul li{display: flex; gap: 20px; width: 710px; padding: 20px 40px; background: #fff; border-radius: 16px;}
.internet_review ul li div{display: flex; flex-direction: column; justify-content: space-between;}
.internet_review ul li div img{width: fit-content;}
.internet_review ul li div p{color: #333; font-size: 19px; font-weight: 400; line-height: 26px;}
.internet_review ul li div p span{font-weight: 700; box-shadow: inset 0 -24px 0 #E2E5FE;}

.internet_qna{display: flex; flex-direction: column; align-items: center; padding: 100px 10px; gap: 45px; width: 750px; margin: 0 auto;}
.internet_qna h3{display: flex;flex-direction: column;align-items: center;padding: 0px;gap: 10px;font-weight:700;}
.internet_qna .qna_con{display: flex; flex-direction: column; align-items: flex-start; padding: 0px; width:100%;}
.internet_qna .qna_con li{display: flex; flex-direction: column; align-items: flex-start; padding: 16px 30px 24px; gap: 20px; width:100%; background: #FFFFFF; border-radius: 16px;}
.internet_qna .qna_con li dl{width:100%; color: #454545;}
.internet_qna .qna_con li dl dt{box-sizing: border-box; width: 100%; padding: 6px 0px 20px; margin: 0 0 18px; border-bottom: 1px solid #ccc; font-weight: 500; font-size: 20px; display: inline-block;}
.internet_qna .qna_con li dd{display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 9px; font-weight: 400; font-size: 20px; line-height: 28px; letter-spacing: -1px;}
.internet_qna .qna_con li dt img{margin-top:-4px;}
.internet_qna .qna_con li dd img{margin-top:4px;}
.internet_qna .qna_con li dd.call{margin: 8px 0 0 36px; color: #4E38D2; font-weight: 500;}
.internet_qna .qna_con li dd.call img{margin-top: -0.5px;}
.internet_qna .qna_con li:last-child{padding-bottom: 0;}

.internet_quotation{margin-top:120px;}
.internet_quotation h3{font-weight:700;}
.internet_quotation_wrap{display: flex; justify-content: space-between; margin: 50px 0 16px;}
.internet_quotation .internet_quotation_box{display: flex; flex-direction: column; gap: 24px; width: 567px; /*height: 765px;*/ height: auto; padding: 46px; box-shadow: 0 0 0 5px #f2f2f2 inset; border-radius: 10px;}
.internet_quotation_box .textbox{display: flex; gap: 38px;}
.internet_quotation_box .textbox p{width: 68px; color: #454545; font-size: 20px; font-weight: 500; /*line-height: 48px;*/}
.internet_quotation_box .textbox input{width: 100%; height: 48px; border: 1px solid #ccc; border-radius: 4px;}
.internet_quotation_box .textbox input[type="text"]{font-size: 16px;}
.internet_quotation_box .textbox ul{display: flex; flex-wrap: wrap; gap: 8px; width: 100%;}
.internet_quotation_box .textbox ul li{width: 122px; height: 48px; color: #454545; font-size: 16px; font-weight: 500; line-height: 48px; text-align: center; box-shadow: 0 0 0 1px #ccc inset; background: #f8f8f8; border-radius: 4px;}
.internet_quotation_box .textbox ul li.w50{width: 187px;}
.internet_quotation_box .textbox ul li.w100{width: 100%;}
.internet_quotation_box .textbox ul li:hover{box-shadow: 0 0 0 2px #4E38D2 inset; background: #F2F4FF; cursor: pointer;}
.internet_quotation_box .textbox ul li.on{box-shadow: 0 0 0 2px #4E38D2 inset; background: #F2F4FF;}
.internet_quotation_box .agree_wrap{width: 382.5px; margin-left: 93px; padding: 20px 20px 16px 20px; background: #f8f8f8; border-radius: 4px;}
.internet_quotation_box .agree_wrap .agree_tit{/*margin-bottom: 10px;*/}
/*.internet_quotation_box .agree_wrap input{display: none;}*/
.internet_quotation_box .agree_wrap .agree_tit input[type="checkbox"]{position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid #666; border-radius: 2px; cursor: pointer; -webkit-appearance: none;}
.internet_quotation_box .agree_wrap .agree_tit input[type="checkbox"]:checked{margin: 0; padding: 0; border: 1px solid #6C7BF8; background-image: url('../images/service/internet/check_tit.png'); background-color: #6C7BF8; background-position: 50%; background-repeat: no-repeat;}
.internet_quotation_box .agree_wrap .agree_tit span{padding-left: 5px; color: #454545; font-size: 16px; font-weight: 500; line-height: 20px; vertical-align: top;}
.internet_quotation_box .agree_wrap .agree_sub{margin-left: 30px;}
.internet_quotation_box .agree_wrap .agree_sub input[type="checkbox"]{position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 2px; cursor: pointer; -webkit-appearance: none;}
.internet_quotation_box .agree_wrap .agree_sub input[type="checkbox"]:checked{margin: 0; padding: 0; border: 1px solid #6C7BF8; background-image: url('../images/service/internet/check_sub.png'); background-position: 50%; background-repeat: no-repeat;}
.internet_quotation_box .agree_wrap .agree_sub span{padding-left: 5px; color: #666; font-size: 14px; font-weight: 400; line-height: 20px; vertical-align: top;letter-spacing:-2px;}
.internet_quotation_box .agree_wrap .agree_sub:last-child{margin-top: 8px;}
.internet_quotation_box button{width: 100%; height: 55px; color: #fff; font-size: 20px; font-weight: 700; line-height: 55px; text-align: center; background: #6C7BF8; border-radius: 6px;}

.internet_quotation .internet_benefit{display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
.internet_quotation .internet_benefit li{flex: 1; position: relative; width: 288px; /*height: 241px;*/ padding: 24px; background: #f8f8f8; border-radius: 10px;}
.internet_quotation .internet_benefit li .t_txt{margin-bottom: 10px; color: #4E38D2; font-size: 26px; font-weight: 700;line-height:34px;}
.internet_quotation .internet_benefit li .s_txt{color: #454545; font-size: 18px; font-weight: 400; line-height: 26px;}
.internet_quotation .internet_benefit li img{position: absolute; right: 24px; bottom: 24px; opacity: 80%}
.internet_quotation .internet_benefit li.benefit_img img{right: -28px; bottom: -20px; opacity: 100%;}
.internet_quotation .internet_benefit li:first-child{min-height: 290px; background: #F2F4FF;}
.internet_quotation .internet_benefit li:nth-child(2){background: #f8f8f8;}
.internet_quotation p{color: #666; font-size: 16px; font-weight: 400;}

.internet .guidetop{padding:50px 0 100px;}
.internet .guidetop .guidebox{display:flex;position: relative;justify-content: center;}
.internet .guidetop .guidebox .interlogo{}
.internet .guidetop .guidebox li:nth-child(1){margin:0;}
.internet .guidetop .guidebox li:nth-child(1):before{width:0;}
.internet .guidetop .guidebox li{margin-left:50px;}
.internet .guidetop .guidebox li:before{content: "";display: block;position: absolute;top:0px;width: 1px;height:50px;background: #ccc;}
.internet .guidetop .guidebox .intertit{color:var(--color45);font-size:16px;line-height:26px;}
.internet .guidetop .guidebox .intertit .contit{margin-left:50px; font-weight: 300;}
.internet .step_wallpper{background:var(--colorf8);width:100%;display:flex;flex-direction: column;text-align:center;gap:50px;padding:50px 0;}
.internet .step_wallpper .stepcopy{display:flex;flex-direction: column;align-items: center;gap:20px;}
.internet .step_wallpper .stepcon{display:flex;flex-direction: column;align-items: center;gap:50px;}
.internet .step_wallpper .stepcon .stbox{display:flex;flex-direction: column;align-items: center;width:100%;max-width:650px;background:white;border-radius:20px;padding-top:50px;gap:50px;}
.internet .step_wallpper .stepcon .step01{}
.internet .step_wallpper .stepcon .stbox .steptop{display:flex;flex-direction: column;align-items: center;gap:24px;}
.internet .step_wallpper .stepcon .stbox .steptop em{color: #4E38D2; font-weight: 600;}
.internet .step_wallpper .stepcon .stbox .steptit{background:var(--purple);width:90px;height:33px;line-height:33px;font-size:18px;font-weight:bold;color:white;text-align:center;border-radius:50px;}
.internet .step_wallpper .stepcon .step02 .logoicon{display:flex;flex-direction: column;align-items: center;}
.internet .step_wallpper .stepcon .step02 .logoicon .loglist{display:flex;flex-direction:row; gap: 20px; background:var(--colorf8);border-radius:100px;padding:0 40px;}
.internet .step_wallpper .stepcon .step02 .logoicon .iconlist{display:flex;flex-direction:row;justify-content: space-between;align-items: center;width: 100%;padding:50px 0;}
.internet .step_wallpper .stepcon .step02 .logoicon .iconlist .iconimg{background:#F2F4FF;border-radius:100px;display: flex;flex-direction: column;justify-content: center;align-items: center;width:150px;height:150px;gap:20px;font-size:16px; font-weight: 300; color:var(--color66);}
.internet .step_wallpper .stepcon .step03 .phonewapper{position: relative;}
.internet .step_wallpper .stepcon .step03 .phonecont{display:flex;flex-direction: column;gap:16px;position: absolute;top:42px;}
.internet .step_wallpper .stepcon .step03 .phonecont .bubble{color:var(--color45);font-size:16px;line-height:130%;text-align:left;padding:16px;background: rgba(253, 243, 18, 0.7);
border: 1px solid #FDF312;backdrop-filter: blur(2px);border-radius: 12px;position: relative;}
.internet .step_wallpper .stepcon .step03 .phonecont .bubble:nth-child(1){background: rgba(255, 255, 255, 0.5);border: 1px solid #C3CBF9;left: -68px;}
.internet .step_wallpper .stepcon .step03 .phonecont .bubble:nth-child(2){left:143px;}
.internet .guidecont{display: flex;flex-direction: column;align-items: center;padding:100px;gap:50px;}
.internet .guidecont .guideh3{margin-bottom:50px;}
.internet .guidecont .guidetime{background:var(--colorf8);padding:32px 0;width:100%;max-width:650px;border-radius:10px;margin:30px auto 0;}
.internet .guidecont .guidetime .timebox{color:var(--color33);font-size:20px;height:130%;text-align:center;}
.internet .guidecont .guidetime .timebox .guidephone{color:var(--purple_dark);font-size:21px;font-weight:bold;display: flex;justify-content: center;gap: 8px;margin-top:20px;}
.internet .guidecont .guidetime .timebox .guidephone img{height: 26px; margin-top: 3px;}
.internet .guidecont .guidecheck{width:100%;max-width:650px;text-align:center;}
.internet .guidecont .guidecheck .checkcont{padding:40px 50px;background:var(--colorf8);width:100%;border-radius:10px;margin-bottom:20px;}
.internet .guidecont .guidecheck .checkcont .checkh5{font-size:20px;text-align:left;font-weight:bold;line-height:130%;margin-bottom:30px;}
.internet .guidecont .guidecheck .checkcont .checkh5 em{color:var(--purple_dark);}
.internet .guidecont .guidecheck .checkcont .checklist{display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;}
.internet .guidecont .guidecheck .checkcont .checklist li{color:var(--color45);font-size:19px;}
.internet .guidecont .guidecheck .checkcont .checklist li img{padding-right:9px;}
.internet .guidecont .guidecheck .topimg{margin-bottom:10px;}
.internet .guideserivc{font-size:15px;color:var(--color66);text-align:left;margin-left:10px;display:flex;}
.internet .guideserivc:before{content: "*";position: relative;top:3px;left:-8px;}
.internet .guideserivc .serlist{display:flex;gap:12px;}
.internet .guideserivc .serlist .guname{position: relative;left:14px;margin-right:14px;}
.internet .guideserivc .serlist .guname em{font-weight: 600;}
.internet .guideserivc .serlist .guname:before{content: "";display: block;position: absolute;top:4px;left:-14px;width: 1px;height: 16px;background: #666;}
.internet .guideserivc .serlist .guname:nth-child(1):before{width:0;}
.internet .guideserivc .serlist .guname:nth-child(1){left:0;margin:0;}

.internet .review{padding:120px 0;gap:50px;}
.internet .review h3{font-weight:400;}
.internet .review h3 em{font-weight:700;color:var(--purple_dark);}
.internet .plan{gap:50px;}
.internet .plan .box{padding: 20px;background: #F2F4FF;border-radius: 10px;text-align:center;}
.internet .plan .box .h6{font-weight:400;font-size:20px;color:var(--color33);margin-bottom:6px;}
.internet .plan .box .h6 img{margin-top:-3px;}
.internet .plan .box .tit{font-weight:400;font-size:17px;line-height:140%;color:var(--color66);}
.internet .plan .box .tit span{opacity:0.8;font-size:12px;margin-top:3px;}
.internet .carrier02{padding:0 0 120px;}
.internet .carrier03{background:#f8f8f8;}
.internet .carrier03 .blessing{text-align:center;gap:50px;}
.internet .carrier03 .blessing .shoe .minds .h6{color:var(--color45);font-size:20px;font-weight:500;margin:20px 0 10px;}
.internet .carrier03 .blessing .shoe .minds .tit{color:var(--color45);font-size:15px;font-weight:400;}
.internet .carrier03 .blessing .shoe .minds .tit em{font-weight:700;}
.internet .carrier05 .call{padding: 8px 20px;gap: 10px;background: #F2F4FF;border-radius: 50px; justify-content: center;align-items: center;margin:50px auto 0;width:260px;height:42px;line-height:42px;}
.internet .carrier05 .call .phone{font-size:18px;font-weight:500;color:var(--purple_dark);padding:0 0 2px;}
.internet .carrier05 .distinc{width:100%;justify-content: space-between;align-items: center;}
.internet .carrier05 .distinc .oneside{text-align:center;}
.internet .carrier05 .distinc .oneside .evencopy .h6{font-size:20px;font-weight:500;color:var(--color45);margin:20px 0 10px;}
.internet .carrier05 .distinc .oneside .evencopy .explan{font-size:15px;font-weight:400;color:var(--color45);}
.internet .carrier05 .tipcopy{font-size:18px;font-weight:400;color:var(--color33);}
.internet .carrier05 .tipcopy img{margin-top:-4px;padding-right:6px;}
.internet .carrier06{background: #F2F4FF;}
.internet .carrier06 .likelist{gap:25px;align-items: flex-start;}
.internet .carrier06 .likelist .this{align-items: center;gap:35px;}
.internet .carrier06 .likelist .this .tit{color:var(--color33);font-weight:400;font-size:18px;}
.internet .carrier06 .likelist .this .tit b{font-weight:700;font-size:24px;}
.internet .carrier07{background:#f6f6f6;padding:120px 50px;}
.internet .carrier07 .table{width:100%;}
.internet .carrier07 .table .th{background:#6C7BF8;color:#fff;font-size:15px;font-weight:500;width:100%;}
.internet .carrier07 .table .th .txt, .internet .carrier07 .table .td .txt{flex:1;text-align:center;padding:15px 0;}
.internet .carrier07 .table .td{background:#fff;color:var(--color45);font-size:15px;font-weight:400;width:100%;}
.internet .carrier07 .table .td .txt{border-bottom:1px solid #eaeaea;}
.internet .carrier07 .table .td .txt.app{color:var(--purple_dark);}
.internet .carrier07 .intlist{width:100%;height:260px;overflow:hidden;}
.internet .carrier07 .intlist .swiper-wrapper{flex-direction:column;}
.internet .carrier07 .intlist .swiper-wrapper .swiper-slide{height:auto !important;}
.internet .carrier04{background: #F2F4FF;padding:120px 50px;}
.internet .carrier04 .benefit{width:100%;margin-top:50px;}
.internet .carrier04 .benefit .teb{width:100%;justify-content: space-between;gap:24px;}
.internet .carrier04 .benefit .teb .menu {background:#fff;font-size:20px;font-weight:400;color:var(--purple);text-align:center;padding: 9px 0 11px;width: 235px;border: 1px solid var(--purple);border-radius: 100px;cursor: pointer;}
.internet .carrier04 .benefit .teb .menu.active{background:var(--purple);color:#fff;font-weight:700;}
.internet .carrier04 .benefit .content{width:100%;}
.internet .carrier04 .benefit .content .step1 > .flexrow{justify-content: center; align-items: center; gap: 50px;}
.internet .carrier04 .benefit .content .step1 > .flexrow  img{margin-bottom: 0;}
.internet .carrier04 .benefit .content .step1 > .flexrow .s_text{color: #454545; font-size: 22px; font-weight: 400; line-height: 38px;}
.internet .carrier04 .benefit .content .step1 > .flexrow .s_text span{font-size: 26px; font-weight: 700;}
.internet .carrier04 .benefit .content .step1 > .flexrow .t_text{color: #4E38D2; font-size: 48px; font-weight: 700;}
.internet .carrier04 .benefit .content .step1 > .flexrow .t_text span{font-size: 44px;}
.internet .carrier04 .benefit .content .step2, .internet .carrier04 .benefit .content .step3{display:none;}
.internet .carrier04 .benefit .content .io{width:100%;text-align:center;margin-top:50px;}
.internet .carrier04 .benefit .content .io .simple{font-size:24px;font-weight:400;color:var(--color45);line-height:140%;text-align:left;}
.internet .carrier04 .benefit .content .io .simple b{font-weight:700;}
.internet .carrier04 .benefit .content .io .img{margin:50px 0;}
.internet .carrier04 .benefit .content .io .table {border-bottom:1px solid #8998EF;}
.internet .carrier04 .benefit .content .io .table .th{text-align:center;background:#8998EF;color:#fff;font-size:18px;font-weight:500;}
.internet .carrier04 .benefit .content .io .table .th .tit{font-size:18px;}
.internet .carrier04 .benefit .content .io .table .tit{flex:1;border-right:1px solid #ddd;text-align:center;padding:15px 0;font-size:15px;}
.internet .carrier04 .benefit .content .io .table .tit:last-child{border-right:0;}
.internet .carrier04 .benefit .content .io .table .td{background:#fff;text-align:center;}
.internet .carrier04 .benefit .content .io .table .td:nth-child(2){border-bottom:1px solid #ddd;}
.internet .carrier04 .benefit .content .io .table .td .tit{text-align:center;}
.internet .carrier04 .benefit .content .io .table .td .tit .list{display:inline-block;text-align:left;}
.internet .carrier04 .benefit .content .io .table .td .tit .list .sub{font-size:15px;color:var(--color33);line-height:140%;font-style:normal;position: relative;}
.internet .carrier04 .benefit .content .io .table .td .tit .list .sub:before{content: "";display: block;position: absolute;top: 9px;left:-10px;width: 5px;height: 5px;background:#333;border-radius:100%;}
.internet .carrier04 .benefit .content .io .source{font-size:15px;font-weight:400;color:#999;text-align:right;margin-top:15px;}

/* 에어컨설치 */
.air_install ul::after{display: none;}
.air_install_tit{width: 875px; height: 432px; margin-top: 45px; padding: 60px 50px; background: url('https://www.mcygclean.com/html/images/etcservice/air_tit_bg2.png');}
.air_install_tit .t_text{margin-bottom: 16px; color: #1A6DB1; font-size: 36px; font-weight: 300; line-height: 48px; letter-spacing: -1px;}
.air_install_tit .t_text span{font-weight: 600;}
.air_install .s_text{color: #666; font-size: 18px; font-weight: 300;}

.air_install .feature_wrap{display: flex; flex-direction: column; gap: 90px; width: 875px; padding: 80px 50px 0 50px;}
.air_install .feature_con{display: flex; justify-content: space-between;}
.air_install .feature_con li{display: flex; flex-direction: column; gap: 15px; width: 200px;}
.air_install .feature_icon{height: 200px; padding-top: 148px; color: #1A6DB1; font-size: 21px; font-weight: 600; text-align: center;}
.air_install .feature_1{background: url('https://www.mcygclean.com/html/images/etcservice/air_feature_1');}
.air_install .feature_2{background: url('https://www.mcygclean.com/html/images/etcservice/air_feature_2');}
.air_install .feature_3{background: url('https://www.mcygclean.com/html/images/etcservice/air_feature_3');}
.air_install .feature_text{color: #454545; font-size: 18px; font-weight: 300; text-align: center;}
.air_install .p_text{display: flex; align-items: center; justify-content: center; gap: 10px; width: 775px; padding: 30px 0; background: #f8f8f8; border-radius: 100px;}
.air_install .p_text p{display: inline-block; color: #333; font-size: 22px; font-weight: 600; line-height: 32px; letter-spacing: -1px; text-align: center;}

.air_install h3{color: #1A6DB1; font-size: 36px; font-weight: 300; text-align: center; line-height: 36px; letter-spacing: -2px;}
.air_install h3 span{font-weight: 600;}
.air_install .benefit_s_text{margin: 16px 0 60px; color: #666; font-size: 18px; font-weight: 300; text-align: center;}
.air_install .benefit_wrap{display: flex; flex-wrap: wrap; gap: 35px; width: 875px;}
.air_install .benefit_wrap li{width: 420px; height: 172px; padding: 30px; border-radius: 20px; background-position: right 30px bottom 30px; background-repeat: no-repeat;}
.air_install .benefit_wrap li .num{display: inline-block; margin-bottom: 20px; padding: 4px 20px; color: #fff; font-size: 18px; font-weight: 600; letter-spacing: -1px; background: #1A6DB1; border-radius: 100px;}
.air_install .benefit_wrap li .text{color: #333; font-size: 20px; line-height: 29px; letter-spacing: -1px;}
.air_install .benefit_wrap .benefit_1{background-color: rgba(233, 245, 255, 0.7); background-image: url(../images/etcservice/air_benefit_1.png);}
.air_install .benefit_wrap .benefit_2{background-color: rgba(243, 243, 243, 0.8); background-image: url(../images/etcservice/air_benefit_2.png);}
.air_install .benefit_wrap .benefit_3{background-color: rgba(243, 243, 243, 0.8); background-image: url(../images/etcservice/air_benefit_3.png);}
.air_install .benefit_wrap .benefit_4{background-color: rgba(233, 245, 255, 0.7); background-image: url(../images/etcservice/air_benefit_4.png);}

.air_install h4{margin-bottom: 30px; color: #525252; font-size: 24px; font-weight: 600; letter-spacing: -2px;}
.air_install .info_wrap{display: flex; width: 875px; height: 257px; text-align: center;}
.air_install .info_wrap li{width: 291px; border-right: 1px solid #ccc;}
.air_install .info_wrap li:last-child{border-right: none;}
.air_install .info_wrap .info_1{background: url('../images/etcservice/air_info_1.png') top center no-repeat;}
.air_install .info_wrap .info_1 dd{padding-left: 58px;}
.air_install .info_wrap .info_2{background: url('../images/etcservice/air_info_2.png') top center no-repeat;}
.air_install .info_wrap .info_2 dd{padding-left: 64px;}
.air_install .info_wrap .info_3{background: url('../images/etcservice/air_info_3.png') top center no-repeat;}
.air_install .info_wrap .info_3 dd{padding-left: 68px;}
.air_install .info_wrap dl{display: flex; flex-direction: column; justify-content: center; padding-top: 155px;}
.air_install .info_wrap dl dt{margin-bottom: 5px; color: #333; font-size: 22px;}
.air_install .info_wrap dl dd{margin-top: 2px; color: #454545; font-size: 14px; text-align: left;}

.air_install .tblList-type01{border-top:2px solid #707070;}
.air_install .tblList-type01 thead th{height:29px;font-size:15px;color:#525252;}
.air_install .tblList-type01 th{font-weight:500;}
.air_install .tblList-type01 th,
.air_install .tblList-type01 td{height:29px;padding:2px 0 3px;font-size:15px;color:#979797;text-align:center;letter-spacing:-1px;}
.air_install .tblList-type01 td .list{color:#525252;}
.air_install .tblList-type01 td .list li{line-height:130%;}
.air_install .tblList-type01 td.align-l{padding-left:27px;}
.air_install .tblList-type01 tr.bg td{background:#e6eff6;color:#525252;}

.air_install .priceInfoList{font-weight: 300;}
.air_install .priceInfoList li span{font-weight: 600;}


/* 새집증후군(셀프) */
.self_cert, .self_compare{width: 875px; height: auto;}
   /*h3*/
.self_cert h3, .self_compare h3{font-family: "notokr"; color: #64A70F; font-size: 36px; font-weight: 300; text-align: center;}
.self_cert h3 span, .self_compare h3 span{font-weight: 600;}
.self_use h3, .self_price h3{margin-bottom: 60px; font-family: "notokr"; color: #333; font-size: 36px; font-weight: 300; text-align: center;}
.self_use h3 span, .self_price h3 span{font-weight: 600;}

   /*ul:after*/
.self_main ul:after, .self_cert ul:after, .self_grade ul:after, .self_grade dl:after, .self_use ul:after, .self_use dl:after{display: none !important;}

   /*설명글*/
.self_cert .ex_text li, .self_grade .ex_text li{position: relative; margin-bottom: 2px; padding-left: 10px; color: #666; font-size: 15px; font-weight: 300; text-align: left;}
.self_cert .ex_text li::before, .self_grade .ex_text li::before{content: ""; position: absolute; width: 4px; height: 4px; background: #666; border-radius: 50%; top: 8px; left: 0;}

.self_cert .cert_list img, .self_grade ul img{display: block; margin-bottom: 15px;}
.self_cert .cert_list li, .self_grade ul li{color: #333; font-size: 16px; text-align: center;}


.self_main{width: 875px; height: 930px; padding-top: 130px; background: url(../images/contents/self_main.png) no-repeat;}
.self_main .self_main_top{display: inline-block; margin-left: 200px;}
.self_main h2{color: #151515; font-family: 'Noto Serif KR', serif; font-weight: 600; font-size: 58px;}
.self_main .text_top{color: #F25A2B; font-size: 28px; font-weight: 300;}
.self_main .text_top span{font-weight: 600;}
.self_main .text_mid{display: inline-block; padding: 12px 18px; color: #4F9807; font-size: 18px; font-weight: 600; line-height: 19px; background: #fff; border-radius: 50px;}
.self_main .text_bottom{margin-top: 173px; color: #252525; font-size: 16px; line-height: 27px;}

.self_main .self_main_bottom{width: 640px; margin: 135px auto 0;}
.self_main .self_main_bottom ul{display: flex; justify-content: space-between;}
.self_main .self_main_bottom ul li{width: 160px; height: 160px; padding-top: 108px; color: #454545; font-size: 16px; text-align: center;}
.self_main ul:after{display: none !important;}
.self_main .self_main_bottom .icon_1{background: url(../images/contents/self_icon_1.png) no-repeat;}
.self_main .self_main_bottom .icon_2{background: url(../images/contents/self_icon_2.png) no-repeat;}
.self_main .self_main_bottom .icon_3{background: url(../images/contents/self_icon_3.png) no-repeat;}

.self_cert .self_cert_container{margin-top: 60px;}
.self_cert .cert_list{display: flex; justify-content: space-between; width: 100%; padding: 40px; background: #f5f5f5; border-radius: 16px;}
.self_cert .ex_text{margin-top: 30px;}

.self_compare table{width: 100%; margin-top: 60px; text-align: center; border-top: 2px solid #64A70F; border-bottom: 2px solid #64A70F;}
.self_compare table th{padding: 22px 10px; color: #333; font-size: 16px; border-bottom: 1px solid #64A70F; background: rgba(221, 236, 169, 0.3);}
.self_compare table th.gray_cell{background: #f8f8f8; border-bottom: 1px solid #ccc;}
.self_compare table td{padding: 22px 10px; color: #333; font-size: 14px; line-height: 20px; border-bottom: 1px solid #ccc;}

.self_grade{width: 875px; background: #f8f8f8;}
.self_grade .self_grade_container{padding: 60px 50px;}
.self_grade .self_grade_border{width: 775px; margin: 0 50px; padding: 60px 0; border-top: 1px solid #ccc;}
.self_grade h4{margin-bottom: 40px; color: #525252; font-size: 24px; font-weight: 600;}
.self_grade h4 span{position: relative; top: -3px; margin-right: 12px; padding: 5px 10px; color: #fff; font-size: 14px; line-height: 14px; background: #F25A2B; border-radius: 50px;}
.self_grade .self_grade_list{display: flex; justify-content: space-between;}
.self_grade dl{display: flex; align-items: center; gap: 0; width: 775px; height: 98px; margin-bottom: 20px; padding: 26px 60px; background: #fff; border-radius: 50px;}
.self_grade dl dt{width: 140px; padding-right: 20px; color: #4F9807; font-size: 20px; line-height: 32px; font-weight: 300; text-align: center;}
.self_grade dl dt span{font-size: 24px; font-weight: 600;}
.self_grade dl dd{width: 510px; padding-left: 20px; color: #333; font-size: 16px; font-weight: 300; line-height: 23px; border-left: 2px solid rgba(100, 167, 15, 0.3);}
.self_grade dl dd.lh_46{line-height: 46px;}

.self_use{width: 875px; height: auto; padding: 100px 50px; background: url(../images/contents/self_use_bg.png) no-repeat; background-size: cover;}
.self_use .self_howto{padding: 40px; background: rgba(255, 255, 255, 0.8); border-radius: 20px;}
.self_use .self_howto_text{margin-bottom: 40px; color: #333; font-size: 16px; font-weight: 300; line-height: 21px;}
.self_use .self_howto_text span{margin-right: 6px; color: #4F9807; font-weight: 900;}
.self_use .self_howto_text li{margin-bottom: 15px;}
.self_use .self_howto_img{display: flex; justify-content: space-between;}
.self_use .self_howto_img li{color: #333; font-size: 16px; text-align: center;}
.self_use .self_howto_img img{display: block; margin-bottom: 20px;}
.self_use h4{margin: 60px auto; color: #333; font-size: 26px; text-align: center;}
.self_use .self_use_container{display: flex; flex-direction: column; gap: 30px;}
.self_use .self_use_con{display: flex; align-items: center; gap: 30px;}
.self_use .reverse{flex-direction: row-reverse; text-align: right;}
.self_use .self_use_con dt{display: inline-block; height: 36px; margin-bottom: 16px; padding: 0 20px; color: #fff; font-size: 22px; font-weight: 600; line-height: 36px; background: #64A70F; border-radius: 50px;}
.self_use .self_use_con dd{color: #454545; font-size: 18px; line-height: 26px;}

.self_price{width: 875px; height: 724px; padding-top: 170px; background: url(../images/contents/self_price_bg.png) no-repeat;}
.self_price table{width: 525px; margin: 0 auto; text-align: center; border-top: 2px solid #64A70F; border-bottom: 2px solid #64A70F;}
.self_price table th{padding: 16px 0; color: #333; font-size: 16px; border-bottom: 1px solid #64A70F; background: rgba(221, 236, 169, 0.3);}
.self_price table td{padding: 16px 0; color: #333; font-size: 16px; line-height: 20px; border-bottom: 1px solid #ccc; background: rgba(255, 255, 255, .7);}
.self_price ul{width: 525px; margin: 10px auto 0;}
.self_price ul li{color: #333; font-size: 15px; font-weight: 300;}
.self_price a{display: block; width: 275px; height: 47px; margin: 60px auto 0; font-size: 20px; line-height: 47px; text-align: center; background: #4F9807; border-radius: 6px;}
.self_price a:hover{opacity: 0.8; cursor: pointer;}
.self_price button{color: #fff;}

.self_description .self_desc_tit{display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.self_description .self_desc_tit p{color: #333; font-size: 24px;}
.self_description table{border-top: 2px solid #454545; border-bottom: 2px solid #454545;}
.self_description table tr{border-bottom: 1px solid #454545;}
.self_description table tr th{color: #333; font-size: 16px; text-align: center; background: #f8f8f8;}
.self_description table tr td{padding: 14px 20px; color: #454545; font-size: 15px; font-weight: 300; line-height: 22px;}