/* 추천리스트 제거 */
#mbris_detail_section{display: none !important;}

/*이미지맵*/
img[usemap] {
  border: none;
  height: auto;
  max-width: 100%;
  width: auto;
}
@media (max-width: 991px) {
	img[usemap] {
		  border: none;
		  height: auto !important;
		  max-width: 100%;
		  width: 100% !important;
   }
}

.up_note_all_wrap {
    width: 100%;
	margin-bottom:40px
}
.up_note_box_wrap {
   padding: 0 10px 10px 0
}

.up_note_box_in {
    background-color: #d1d1d1;
    border-radius: 15px;
    overflow: hidden;
    padding: 10px;
    -moz-box-shadow: 10px 10px 0px 0px rgba(100, 100, 100, 0.1);
    -webkit-box-shadow: 10px 10px 0px 0px rgba(100, 100, 100, 0.1);
    box-shadow: 10px 10px 0px 0px rgba(100, 100, 100, 0.1);
}
.up_note_box {
    background-color: #fff;
    padding: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background-image: url(/image/up_note_box.jpg);
}
.up_note_box_label {
    font-weight: bold;
    font-size: 25px;
    color: #333;
    padding: 10px 0;
    display: inline-block;
    position: relative;top: 0px;
    left: 0px;
}
.up_note_box_label span {
    position: relative;top: 0px; left: 0px;
    z-index: 9;
}
.up_note_box_label:after {
    content: "";
    position: absolute;
    width: 105%;
    top: 46%;
    left: 0px;
    bottom: 14%;
    background-color: #f0d9fa;
    z-index: 8;
}
.up_note_box_desc {
    padding: 10px 0 5px;
}
.up_note_box_desc_in {
    position: relative;top: 0px; left: 0px;
    padding-left: 60px;
}
.up_note_box_desc_in .line_s{
	text-decoration:underline;
	text-underline-position: under;
}
.up_note_box_desc_in b{
	color:#bc2727;
}
.up_note_box_desc_in .pad_s{
    display: inline-block;
	padding-top:5px;
}
.up_note_box_desc_date {
    position: absolute;top: -2px;
    left: 0px;
    display: inline-block;
    padding: 2px 10px;
    background-color: #c584e4;
    color: #fff;
    border-radius: 100px;
}
.up_note_box_bt_wrap {
    text-align: center;
    color: #5d5858;
    font-size: 18px;
}

.up_note_box_bt b {
    color: #bc2727
}
.up_note_box_bt {
    padding-top: 10px;
}

.up_note_box_bt span {
    -webkit-text-emphasis-style: dot;
    -webkit-text-emphasis-position: over left;
    -webkit-text-emphasis-color: #bc2727;
    -webkit-text-emphasis-style: dot;
    -webkit-text-emphasis-position: over;
    -webkit-text-emphasis-color: #bc2727;
}





.color-text {
	color:#91ca00 !important;
}

.color-border {
	border-color:#91ca00 !important;
}

.color-bg {
	background-color:#91ca00 !important;
}

.NeedsZone .NZ_type_box p b {
	color:#91ca00;
}

/* right */
.contain .payment .title {
    border-bottom: 2px solid #91ca00;
}
.contain .img_section .thumnail .tail b {
    color: #91ca00;
}
/* 제품설명서 */
.contain .goods_Explanation .tabs li:hover {
    color: #91ca00;
}
.contain .goods_Explanation .tabs li.active {
    color: #91ca00;
    border-color: #91ca00;
}
.contain .tab_content .ex_title {margin-top:3rem;}
.contain .tab_content .ex_title h4 b {
    color: #91ca00;
}
/* 1번탭 */
.contain .Explanation .goods > p:before {
    background: #91ca00;
}
/* == */
.contain .tab_content .step .title span {
    color: #91ca00;
}
.contain .tab_content .step .title b {
    color: #91ca00;
}
.contain .tab_content .step .title b:before {
    background: #91ca00;
}

.contain .tab_content .step > img {
    width: 100%;
}


/* 1번탭 */
.contain .tab_content .Explanation .goods_set:after {
    content: "";
    clear: both;
    display: block;
}
.contain .Explanation .goods {
    float: left;
    width: 32%;
    margin-right: 2%;
}
.contain .Explanation .goods:last-child {
    margin-right: 0;
}
.contain .Explanation .goods .goods_title:before {
    background: #91ca00;
}
.contain .Explanation .goods > p span {
    color: #91ca00;
}
.contain .tab_content .f_type {
    width: 100%;
    margin-top: 20px;
}
.contain .tab_content .f_type .type .title {
    font-size: 30px;
    text-align: center;
    padding: 15px;
    color: #fff;
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover;
	
	letter-spacing:-2px;
}
.type_insta .caution .title {
    font-size: 30px;
    text-align: center;
    padding: 15px;
    color: #fff;
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-size: cover;
	
	letter-spacing:-2px;
}
.contain .tab_content .f_type .type .title {
    background: url('/img/sub/DBmaker/img_01_1.png');
}
.contain .tab_content .f_type .title span {
	display:inline-block;
    background: #fff;
    color: #8bbc0e;
   /* font-family: NanumGothicBold; */
	font-weight: 600;
	padding: 7px 5px 4px;
	margin: 0 2px;
	line-height: 1em;
}
.contain .tab_content .f_type .content {
    text-align: center;
    /* font-weight: bold; */
    padding: 15px;
    color: #4f4f4f;
    border: 2px solid #c2c2c2;
    border-top: 0;
	font-size:18px;
    line-height: 1.4;
    letter-spacing: -1px;
}
.contain .tab_content .f_type_insta .content {
    text-align: center;
    /* font-weight: bold; */
    padding: 45px;
    color: #4f4f4f;
    border: 2px solid #c2c2c2;
    border-top: 0;
	font-size:18px;
    line-height: 1.4;
    letter-spacing: -1px;
}
.contain .tab_content .f_type .content span {
    color: #ca1313;
}

.contain .tab_content .f_type .type > img {
    width: 100%;
    margin: 15px 0;
}

.contain .tab_content .step .step_text p {
	
}

.contain .tab_content .step .texr-box p,
.contain .tab_content .step .step_text p,
.contain .goods_Explanation .step .text_box p {
	letter-spacing:-1px;
	line-height:26px;
	margin-bottom: 0 !important;
}


/* 3번탭 */
.contain .tab_content .video:first-child .title {
    margin-top: 0;
}
.contain .tab_content .video .title {
    margin: 15px 0 5px;
}
.contain .tab_content .video .title b {
    color: #91ca00;
}
.contain .tab_content .video .title b:before {
    background: #91ca00;
}


#tab2 .tethering {
	width:100%;
	padding:30px 60px 30px 120px;
	background:url('/img/sub/tethering_bg.png') no-repeat 100% 100%;
	color:white
}
#tab2 .tethering:after {content: "";display: block;clear: both}
#tab2 .tethering_txt {
	float:left;
	font-size:36px
}
#tab2 .tethering_btn {
	float:right;
	color:white;
	width:200px;
	height:42px;
	background:#bd0b0b;
	border-radius:5px;
	text-align:center;
}
#tab2 .tethering_btn a {
	color:white;
	display:block;
	width:100%;
	padding: 10px 0;
	font-size:20px;
}
#tab2 .tethering_btn a span {
	width:30px;
	height:2px;
	border-radius:2px;
	background:white;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
	position:relative;
	transition:0.5s
}

#tab2 .tethering_btn a span::after {
	content:"";
	display:block;
	height:2px;
	border-radius:2px;
	width:10px;
	background:white;
	position:absolute;
	top:-4px;
	right:0;
	transform:rotate(45deg)
}
#tab2 .tethering_btn a span::before {
	content:"";
	display:block;
	height:2px;
	border-radius:2px;
	width:10px;
	background:white;
	position:absolute;
	top:4px;
	right:0;
	transform:rotate(-45deg)
}
#tab2 .tethering_btn a:hover span{
	width:40px
}

/* =====================================공통적용============================= */
/* dbmaker css 2018-12-13 add */


.contain .img_section .thumnail .content .inner {
    width: 91%;
}
.contain .Explanation .Img_Section .product {
    width: 100%;
}
.contain .Explanation .Img_Section .product .text_box h5 {
    letter-spacing: -5px !important;
    font-size: 37px !important;
    line-height: 45px !important;
	font-family:NanumgothicBold;
	margin-bottom: 22px;
}
.contain .Explanation .Img_Section .product .text_box p {
    letter-spacing: -2px !important;
    font-size: 20px !important;
    line-height: 35px !important;
}

.contain .Explanation .Img_Section .product .b_txt_wrap {
    padding-top: 15px; line-height: 1.2!important

}
.contain .Explanation_insta .Img_Section .product .text_box h5 {
    letter-spacing: -5px !important;
    font-size: 37px !important;
    line-height: 45px !important;
	font-family:NanumgothicBold;
	margin-bottom: 22px;
}
.contain .Explanation_insta .Img_Section .product .text_box p {
    letter-spacing: -2px !important;
    font-size: 20px !important;
    line-height: 35px !important;
}

.contain .Explanation_insta .Img_Section .product .b_txt_wrap {
    padding-top: 15px; line-height: 1.2!important

}

.contain .img_section .thumnail .title img.goods_name {
    height: 40px;
}
.contain .img_section .thumnail .content .text_box h5 {
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: -1px;
    font-family: NanumgothicBold;
    margin-bottom: 20px;
}
.contain .img_section .thumnail .content .text_box p {
    font-size: 16px;
    line-height: 30px;
    letter-spacing: -1px;
}
.contain .img_section .thumnail .tail {
    font-size: 27px !Important;
    padding: 20px 5px !important;
	letter-spacing:-2px !important;
	background-color:#18191b;
	color:#fff;
	text-align:center;
}
/*sample btn*/
.samplebox2 .samplebtn , .samplebox2 .samplebtn>*{
	display:block
}
.samplebtn {
	display: table;
	margin:10px auto 20px;
	text-align: center;
}
.samplebtn>*{
	display: table-cell;
	vertical-align: middle;
}
.samplebtn p {
	color: #22A5CF;
	font-size:15px;
	padding-left: 20px;
}
.samplebox {
	margin-top: 0 !important;
}

.tab2_img {
	padding-bottom: 50px;
}
.samplebox2 .samplebtn>div {
	margin-bottom: 10px;
}
.samplebox2 .samplebtn p {
	text-align: center;
}

.bold {
	color: #000 !important;
	font-weight: 600;
}
.ip_monster_click > a {
	display: block;
    width: 100%;
}
.ip_monster_click > a > img {
	width: 100%;
}

.imagebtn {
	cursor: pointer;
}

.img-popup {
	display:none;
	width: 100%;
	max-width: 800px;
	text-align:center;
	padding: 10px;
}

.img-popup .title {
	position:relative;
	background-color:#222;
	color:#fff;
	padding: 10px;
	font-size:18px;
	border-radius: 10px 10px 0 0;
}

.img-popup .title .b-close {
	cursor:pointer;
	position:absolute;
	right: 10px;
	top: 5px;
	font-size:25px
}

.img-view-popup .content {
	padding: 10px
}

.img-popup .content {
	padding: 10px;
	background: #fff;
}
.img-popup .content img {
	width: 100%;
}

/* 추가 상세페이지 섹션 (오렌지 포인트 : #F04A22) */
.automation .automation__point {
  color: #F04A22;
  font-weight: 700;
}

.automation {
  width: 100%;
  background: #29282d;
  color: #fff;
  font-family: "Pretendard", sans-serif;
}


/* =========================
   공통
========================= */

.automation *,
.automation *::before,
.automation *::after {
  box-sizing: border-box;
}

.automation .automation__eyebrow {
  margin: 0 0 16px;
  color: #aaa8aa;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.04em;
  text-align: center;
}

.automation .automation__title,
.automation .automation__pain-title {
  margin: 0;
  color: #fff;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: -0.04em;
  text-align: center;
}


/* =========================
   첫 번째 섹션
========================= */

.automation .automation__feature {
  position: relative;
  width: 100%;
  min-height: auto;
  padding: 80px 30px 90px;
  overflow: hidden;
  background:#232429;
}

.automation .automation__heading {
  position: relative;
  z-index: 2;
}


/* =========================
   첫 번째 타이틀 포인트
========================= */

.automation .automation__title strong {
  color: #F04A22;
  font-weight: 700;
}


/* =========================
   비교 카드
========================= */

.automation .automation__compare {
  position: relative;
  letter-spacing: -0.055em;
  width: 580px;
  height: 310px;
  margin: 64px auto 0;
}


/* =========================
   Before 카드
========================= */

.automation .automation__before {
  position: absolute;
  top: 32px;
  left: 0;

  width: 330px;

  overflow: hidden;

  border-radius: 10px;

  background:
    linear-gradient(
      180deg,
      rgba(70, 70, 70, 0.5),
      rgba(45, 45, 45, 0.35)
    );

  opacity: 0.6;
}

.automation .automation__before-row {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 53px;

  color: rgba(255, 255, 255, 0.62);

  font-size: 16px;
  font-weight: 400;

  border-bottom:
    1px solid rgba(255, 255, 255, 0.08);
}

.automation .automation__before-row:last-child {
  border-bottom: 0;
}


/* =========================
   After 카드
========================= */

.automation .automation__after {
  position: absolute;
  top: 0;
  right: 0;

  z-index: 3;

  width: 310px;

  overflow: hidden;

  border-radius: 8px;

  background: #fff;

  box-shadow:
    0 25px 45px rgba(0, 0, 0, 0.38),
    0 6px 18px rgba(0, 0, 0, 0.18),
    0 0 35px rgba(240, 74, 34, 0.14);
}


/* =========================
   After 카드 헤더
========================= */

.automation .automation__after-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;

  background:
    linear-gradient(
      180deg,
      #FF6A3D 0%,
      #F04A22 100%
    );

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}


/* =========================
   After 카드 내용
========================= */

.automation .automation__after-row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 58px;

  padding: 0 20px;

  color: #30343b;

  font-size: 16px;
  font-weight: 600;

  background: #fff8f5;

  border-bottom: 1px solid #f6ddd3;
}

.automation .automation__after-row:nth-child(2),
.automation .automation__after-row:nth-child(3),
.automation .automation__after-row:nth-child(4),
.automation .automation__after-row:nth-child(5) {
  background: #fff3ee;
}

.automation .automation__after-row:last-child {
  border-bottom: 0;
}


/* =========================
   첫 번째 설명
========================= */

.automation .automation__description {
  margin: 56px auto 0;

  color: rgba(255, 255, 255, 0.92);

  font-size: 19px;
  font-weight: 400;
  line-height: 1.8;

  text-align: center;

  letter-spacing: -0.025em;
}

.automation .automation__description strong {
  color: #FF9A7A;
  font-weight: 700;
}


/* =========================
   두 번째 Pain Point
========================= */

.automation .automation__pain {
  position: relative;
  min-height: auto;
  padding: 80px 30px 150px;
  overflow: hidden;
  background:#1b1c20;
}


/* =========================
   아래쪽 V 형태
========================= */

.automation .automation__pain::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -1px;
  width: 120%;
  height: 145px;
  transform: translateX(-50%);
  background: #232429;

  clip-path: polygon(
    0 0,
    50% 70%,
    100% 0,
    100% 100%,
    0 100%
  );
}

.automation .automation__pain-heading {
  position: relative;
  z-index: 2;
}

.automation .automation__pain-title {
  font-size: 31px;
}


/* =========================
   Pain Point 강조
========================= */

.automation .automation__pain-title strong {
  color: #F04A22;
  font-weight: 700;
}


/* =========================
   채팅
========================= */

.automation .automation__chat-list {
  position: relative;
  z-index: 2;

  width: 620px;

  margin: 64px auto 0;
}

.automation .automation__chat {
  display: flex;
  align-items: center;

  width: 100%;

  margin-bottom: 44px;
}

.automation .automation__chat--left {
  justify-content: flex-start;
}

.automation .automation__chat--right {
  justify-content: flex-end;
}


/* =========================
   Avatar
========================= */

.automation .automation__avatar {
  position: relative;

  flex: 0 0 auto;

  width: 48px;
  height: 48px;

  overflow: hidden;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #FF7A50 0%,
      #F04A22 100%
    );
}

.automation .automation__chat--left .automation__avatar {
  margin-right: 18px;
}

.automation .automation__chat--right .automation__avatar {
  margin-left: 18px;
}


/* =========================
   Avatar 실루엣
========================= */

.automation .automation__avatar::before {
  content: "";

  position: absolute;

  top: 11px;
  left: 50%;

  width: 13px;
  height: 13px;

  transform: translateX(-50%);

  border-radius: 50%;

  background: #131316;
}

.automation .automation__avatar::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: -7px;

  width: 32px;
  height: 29px;

  transform: translateX(-50%);

  border-radius: 50% 50% 15% 15%;

  background: #131316;
}


/* =========================
   말풍선
========================= */

.automation .automation__bubble {
  position: relative;

  max-width: 460px;

  padding: 14px 20px;

  color: #272727;

  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;

  letter-spacing: -0.025em;

  background: #fbf7f5;

  border-radius: 8px;
}


/* =========================
   왼쪽 말풍선 꼬리
========================= */

.automation .automation__chat--left .automation__bubble::before {
  content: "";

  position: absolute;

  left: -12px;
  top: 18px;

  width: 0;
  height: 0;

  border-top: 8px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 14px solid #fbf7f5;
}


/* =========================
   오른쪽 말풍선 꼬리
========================= */

.automation .automation__chat--right .automation__bubble::after {
  content: "";

  position: absolute;

  right: -12px;
  bottom: 8px;

  width: 0;
  height: 0;

  border-top: 10px solid #fbf7f5;
  border-right: 14px solid transparent;
}


/* =========================
   채팅 위치
========================= */

.automation .automation__chat:nth-child(1) {
  padding-left: 15px;
}

.automation .automation__chat:nth-child(2) {
  padding-right: 5px;
}

.automation .automation__chat:nth-child(3) {
  padding-left: 28px;
}


/* =========================
   Pain 설명
========================= */

.automation .automation__pain-description {
  position: relative;
  z-index: 2;

  margin: 56px auto 0;

  color: rgba(255, 255, 255, 0.78);

  font-size: 19px;
  font-weight: 400;
  line-height: 1.8;

  letter-spacing: -0.03em;

  text-align: center;
}

.automation .automation__pain-description strong {
  color: #FF9A7A;
  font-weight: 700;
}

.automation .automation__pain-description small {
  display: inline-block;
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.55);
  font-size: 14px;
  letter-spacing: -0.02em;
}

.keyword-guide {
  width: 100%;
  padding: 84px 34px 70px;
  color: #fff;
  background: #1b1c20;
  font-family: "Pretendard", sans-serif;
}

.keyword-guide *,
.keyword-guide *::before,
.keyword-guide *::after {
  box-sizing: border-box;
}


/* =========================
   제목
========================= */

.keyword-guide .keyword-guide__heading {
  text-align: center;
}

.keyword-guide .keyword-guide__eyebrow {
  margin: 0 0 22px;

  color: #F04A22;

  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;

  letter-spacing: -0.02em;
}

.keyword-guide .keyword-guide__title {
  margin: 0;
  color: #fff;
  font-size: 33px;
  font-weight:600;
  line-height: 1.4;
  letter-spacing: -0.055em;
}


/* =========================
   체크 리스트
========================= */

.keyword-guide .keyword-guide__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 12px;

  width: 100%;
  max-width: 714px;

  margin: 56px auto 0;
}

.keyword-guide .keyword-guide__item {
  display: flex;
  align-items: flex-start;

  min-height: 82px;

  padding: 16px 18px;

  border-radius: 9px;

  background: #39383e;

  transition:
    background 0.25s ease,
    transform 0.25s ease;
}

.keyword-guide .keyword-guide__item:hover {
  background: #403a38;
  transform: translateY(-2px);
}


/* 체크 아이콘 */

.keyword-guide .keyword-guide__check {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  width: 19px;
  height: 19px;

  margin-top: 1px;
  margin-right: 11px;

  border-radius: 50%;

  color: #fff;
  background: #F04A22;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.keyword-guide .keyword-guide__item p {
  margin: 0;

  color: #e6e5e7;

  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;

  letter-spacing: -0.035em;
}


/* =========================
   CTA
========================= */

.keyword-guide .keyword-guide__cta {
  position: relative;

  width: 100%;
  max-width: 714px;
  min-height: 270px;

  margin: 60px auto 0;

  overflow: hidden;

  border-radius: 17px;

  background:
    linear-gradient(
      110deg,
      #FF6A3D 0%,
      #F04A22 45%,
      #C2340F 100%
    );

  box-shadow:
    0 18px 45px rgba(240, 74, 34, 0.26);
}


/* CTA 내부 은은한 빛 */

.keyword-guide .keyword-guide__cta::before {
  content: "";
display: none;
  position: absolute;

  top: -100px;
  left: -80px;

  width: 300px;
  height: 300px;

  border-radius: 50%;

  background: rgba(255, 255, 255, 0.08);

  filter: blur(30px);

  pointer-events: none;
}

.keyword-guide .keyword-guide__cta::after {
  content: "";

  position: absolute;

  right: -100px;
  bottom: -130px;

  width: 330px;
  height: 330px;

  border-radius: 50%;

  background: rgba(110, 25, 8, 0.22);

  filter: blur(35px);

  pointer-events: none;
}


.keyword-guide .keyword-guide__cta-content {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;
  align-items: center;

  min-height: 270px;

  padding: 44px 30px 38px;

  text-align: center;
}


/* CTA 제목 */

.keyword-guide .keyword-guide__cta-title {
  margin: 0;

  color: #fff;

  font-size: 25px;
  font-weight: 800;
  line-height: 1.5;

  letter-spacing: -0.045em;
}


/* CTA 설명 */

.keyword-guide .keyword-guide__cta-description {
  margin: 15px 0 0;

  color: rgba(255, 255, 255, 0.9);

  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;

  letter-spacing: -0.03em;
}


/* CTA 버튼 */

.keyword-guide .keyword-guide__cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 184px;
  height: 52px;

  margin-top: 27px;
  padding: 0 26px;

  border-radius: 999px;

  color: #C2340F;
  background: #fff;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.14);

  font-size: 16px;
  font-weight: 800;

  text-decoration: none;

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.keyword-guide .keyword-guide__cta-button:hover {
  transform: translateY(-2px);

  box-shadow:
    0 12px 25px rgba(0, 0, 0, 0.2);
}

.keyword-guide .keyword-guide__cta-button span {
  margin-left: 8px;

  font-size: 20px;
  font-weight: 500;

  line-height: 1;
}


/* =========================
   주의사항
========================= */

.keyword-guide .keyword-guide__notice {
  width: 100%;
  max-width: 714px;

  margin: 66px auto 0;

  color: #99989e;

  font-size: 11px;
  font-weight: 400;
  line-height: 1.7;

  letter-spacing: -0.025em;

  text-align: center;
}
/* =========================================================
   반응형
========================================================= */


/* =========================
   Tablet
   769px ~ 1024px
========================= */

@media (max-width: 1024px) {

  /* ---------------------------------
     Automation - 공통
  --------------------------------- */

  .automation .automation__feature {
    min-height: auto;
    padding: 70px 30px 90px;
  }

  .automation .automation__pain {
    min-height: auto;
    padding: 75px 30px 130px;
  }


  /* ---------------------------------
     제목
  --------------------------------- */

  .automation .automation__eyebrow {
    font-size: 15px;
  }

  .automation .automation__title {
    font-size: 27px;
  }

  .automation .automation__pain-title {
    font-size: 27px;
  }


  /* ---------------------------------
     비교 카드
  --------------------------------- */

  .automation .automation__compare {
    width: min(580px, 90vw);
    height: 310px;

    margin-top: 70px;
  }

  .automation .automation__before {
    width: 57%;
  }

  .automation .automation__after {
    width: 54%;
  }

  .automation .automation__before-row {
    font-size: 14px;
  }

  .automation .automation__after-row {
    font-size: 14px;
  }


  /* ---------------------------------
     설명
  --------------------------------- */

  .automation .automation__description {
    margin-top: 60px;

    font-size: 17px;
  }


  /* ---------------------------------
     채팅
  --------------------------------- */

  .automation .automation__chat-list {
    width: min(620px, 90vw);

    margin-top: 65px;
  }

  .automation .automation__bubble {
    max-width: min(460px, 70vw);

    font-size: 16px;
  }


  /* ---------------------------------
     Pain 설명
  --------------------------------- */

  .automation .automation__pain-description {
    font-size: 18px;
  }


  /* =================================
     Keyword Guide
  ================================= */

  .keyword-guide {
    padding: 70px 30px 55px;
  }

  .keyword-guide .keyword-guide__title {
    font-size: 29px;
  }

  .keyword-guide .keyword-guide__list {
    width: 100%;
    max-width: 714px;

    margin-top: 60px;
  }

  .keyword-guide .keyword-guide__item p {
    font-size: 15px;
  }

  .keyword-guide .keyword-guide__cta {
    width: 100%;
    max-width: 714px;

    margin-top: 60px;
  }

}


/* =========================
   Mobile
   ~ 768px
========================= */

@media (max-width: 768px) {

  /* =====================================================
     AUTOMATION
  ===================================================== */

  .automation .automation__feature {
    min-height: auto;

    padding:
      60px
      20px
      75px;
  }

  .automation .automation__pain {
    min-height: auto;

    padding:
      65px
      20px
      120px;
  }


  /* ---------------------------------
     제목
  --------------------------------- */

  .automation .automation__eyebrow {
    margin-bottom: 14px;

    font-size: 14px;
  }

  .automation .automation__title {
    font-size: 23px;
    line-height: 1.5;
  }

  .automation .automation__pain-title {
    font-size: 23px;
    line-height: 1.5;
  }


  /* ---------------------------------
     비교 카드
  --------------------------------- */

  .automation .automation__compare {
    width: 100%;
    max-width: 520px;

    /*
      모바일에서는 카드 전체 크기에 맞춰
      높이도 같이 줄임
    */
    height: 285px;

    margin:
      60px
      auto
      0;
  }

  .automation .automation__before {
    top: 28px;
    left: 0;

    width: 59%;

    border-radius: 8px;
  }

  .automation .automation__after {
    top: 0;
    right: 0;

    width: 57%;

    border-radius: 7px;
  }

  .automation .automation__before-row {
    height: 45px;

    padding: 0 8px;

    font-size: 12px;
  }

  .automation .automation__after-head {
    height: 47px;

    padding: 0 8px;

    font-size: 13px;

    text-align: center;
  }

  .automation .automation__after-row {
    height: 48px;

    padding: 0 8px;

    font-size: 12px;

    text-align: center;
  }


  /* ---------------------------------
     첫 번째 설명
  --------------------------------- */

  .automation .automation__description {
    margin-top: 55px;

    padding: 0 10px;

    font-size: 15px;
    line-height: 1.75;
  }


  /* ---------------------------------
     Pain Point
  --------------------------------- */

  .automation .automation__chat-list {
    width: 100%;
    max-width: 620px;

    margin-top: 60px;
  }

  .automation .automation__chat {
    margin-bottom: 40px;
  }

  .automation .automation__avatar {
    width: 42px;
    height: 42px;
  }

  .automation .automation__chat--left .automation__avatar {
    margin-right: 12px;
  }

  .automation .automation__chat--right .automation__avatar {
    margin-left: 12px;
  }

  .automation .automation__avatar::before {
    top: 9px;

    width: 11px;
    height: 11px;
  }

  .automation .automation__avatar::after {
    bottom: -6px;

    width: 28px;
    height: 26px;
  }


  /* ---------------------------------
     말풍선
  --------------------------------- */

  .automation .automation__bubble {
    /*
      viewport 전체가 아니라
      실제 chat 영역 기준으로 제한
    */
    max-width: calc(100vw - 110px);

    padding:
      11px
      14px;

    font-size: 14px;
    line-height: 1.5;
  }


  /* ---------------------------------
     채팅 위치
  --------------------------------- */

  .automation .automation__chat:nth-child(1) {
    padding-left: 0;
  }

  .automation .automation__chat:nth-child(2) {
    padding-right: 0;
  }

  .automation .automation__chat:nth-child(3) {
    padding-left: 0;
  }


  /* ---------------------------------
     Pain 설명
  --------------------------------- */

  .automation .automation__pain-description {
    margin-top: 55px;

    padding: 0 10px;

    font-size: 16px;
    line-height: 1.7;
  }


  /* ---------------------------------
     V 형태
  --------------------------------- */

  .automation .automation__pain::after {
    width: 150%;
    height: 100px;
  }


  /* =====================================================
     KEYWORD GUIDE
  ===================================================== */

  .keyword-guide {
    padding:
      60px
      20px
      40px;
  }


  /* ---------------------------------
     제목
  --------------------------------- */

  .keyword-guide .keyword-guide__eyebrow {
    margin-bottom: 18px;

    font-size: 16px;
  }

  .keyword-guide .keyword-guide__title {
    font-size: 26px;
    line-height: 1.45;
  }


  /* ---------------------------------
     리스트
  --------------------------------- */

  .keyword-guide .keyword-guide__list {
    /*
      2열 → 1열
    */
    grid-template-columns: 1fr;

    width: 100%;

    margin-top: 45px;

    gap: 8px;
  }

  .keyword-guide .keyword-guide__item {
    width: 100%;
    min-height: 66px;

    padding: 13px 14px;
  }

  .keyword-guide .keyword-guide__check {
    width: 19px;
    height: 19px;

    margin-right: 10px;

    font-size: 12px;
  }

  .keyword-guide .keyword-guide__item p {
    font-size: 14px;
    line-height: 1.55;
  }


  /* ---------------------------------
     CTA
  --------------------------------- */

  .keyword-guide .keyword-guide__cta {
    width: 100%;

    min-height: 250px;

    margin-top: 50px;

    border-radius: 15px;
  }

  .keyword-guide .keyword-guide__cta-content {
    min-height: 250px;

    padding:
      38px
      20px
      30px;
  }

  .keyword-guide .keyword-guide__cta-title {
    font-size: 21px;
    line-height: 1.5;
  }

  .keyword-guide .keyword-guide__cta-description {
    margin-top: 13px;

    font-size: 14px;
  }

  .keyword-guide .keyword-guide__cta-button {
    min-width: 170px;
    height: 50px;

    margin-top: 23px;

    font-size: 15px;
  }


  /* ---------------------------------
     주의사항
  --------------------------------- */

  .keyword-guide .keyword-guide__notice {
    width: 100%;

    margin-top: 45px;

    font-size: 10px;
    line-height: 1.7;
  }

}


/* =========================
   Small Mobile
   ~ 480px
========================= */

@media (max-width: 480px) {

  /* =====================================================
     AUTOMATION
  ===================================================== */

  .automation .automation__feature {
    padding:
      50px
      16px
      65px;
  }

  .automation .automation__pain {
    padding:
      55px
      16px
      100px;
  }


  /* ---------------------------------
     제목
  --------------------------------- */

  .automation .automation__eyebrow {
    font-size: 13px;
  }

  .automation .automation__title {
    font-size: 21px;

    letter-spacing: -0.05em;
  }

  .automation .automation__pain-title {
    font-size: 21px;

    letter-spacing: -0.05em;
  }


  /* ---------------------------------
     비교 카드
  --------------------------------- */

  .automation .automation__compare {
    width: 100%;

    height: 245px;

    margin-top: 50px;
  }

  .automation .automation__before {
    top: 25px;

    width: 61%;
  }

  .automation .automation__after {
    width: 59%;
  }

  .automation .automation__before-row {
    height: 38px;

    font-size: 10px;
  }

  .automation .automation__after-head {
    height: 40px;

    font-size: 11px;
  }

  .automation .automation__after-row {
    height: 41px;

    font-size: 10px;
  }


  /* ---------------------------------
     설명
  --------------------------------- */

  .automation .automation__description {
    margin-top: 45px;

    padding: 0;

    font-size: 13px;
    line-height: 1.7;
  }


  /* ---------------------------------
     채팅
  --------------------------------- */

  .automation .automation__chat-list {
    margin-top: 50px;
  }

  .automation .automation__chat {
    margin-bottom: 32px;
  }

  .automation .automation__avatar {
    width: 36px;
    height: 36px;
  }

  .automation .automation__chat--left .automation__avatar {
    margin-right: 9px;
  }

  .automation .automation__chat--right .automation__avatar {
    margin-left: 9px;
  }

  .automation .automation__avatar::before {
    top: 8px;

    width: 9px;
    height: 9px;
  }

  .automation .automation__avatar::after {
    bottom: -5px;

    width: 24px;
    height: 22px;
  }


  /* ---------------------------------
     말풍선
  --------------------------------- */

  .automation .automation__bubble {
    max-width: calc(100vw - 75px);

    padding:
      9px
      11px;

    font-size: 12px;
    line-height: 1.45;

    border-radius: 7px;
  }

  .automation .automation__chat--left .automation__bubble::before {
    left: -9px;
    top: 14px;

    border-top-width: 6px;
    border-right-width: 10px;
  }

  .automation .automation__chat--right .automation__bubble::after {
    right: -9px;
    bottom: 6px;

    border-top-width: 8px;
    border-right-width: 10px;
  }


  /* ---------------------------------
     Pain 설명
  --------------------------------- */

  .automation .automation__pain-description {
    margin-top: 45px;

    padding: 0;

    font-size: 14px;
    line-height: 1.7;
  }


  /* ---------------------------------
     하단 V
  --------------------------------- */

  .automation .automation__pain::after {
    width: 180%;
    height: 75px;
  }


  /* =====================================================
     KEYWORD GUIDE
  ===================================================== */

  .keyword-guide {
    padding:
      50px
      16px
      30px;
  }


  /* ---------------------------------
     제목
  --------------------------------- */

  .keyword-guide .keyword-guide__eyebrow {
    margin-bottom: 16px;

    font-size: 15px;
  }

  .keyword-guide .keyword-guide__title {
    font-size: 23px;
    line-height: 1.45;
  }


  /* ---------------------------------
     리스트
  --------------------------------- */

  .keyword-guide .keyword-guide__list {
    margin-top: 38px;

    gap: 7px;
  }

  .keyword-guide .keyword-guide__item {
    min-height: 62px;

    padding:
      11px
      12px;

    border-radius: 8px;
  }

  .keyword-guide .keyword-guide__check {
    width: 18px;
    height: 18px;

    margin-top: 1px;
    margin-right: 8px;

    font-size: 11px;
  }

  .keyword-guide .keyword-guide__item p {
    font-size: 13px;
    line-height: 1.55;
  }


  /* ---------------------------------
     CTA
  --------------------------------- */

  .keyword-guide .keyword-guide__cta {
    min-height: 235px;

    margin-top: 42px;

    border-radius: 14px;
  }

  .keyword-guide .keyword-guide__cta-content {
    min-height: 235px;

    padding:
      34px
      16px
      25px;
  }

  .keyword-guide .keyword-guide__cta-title {
    font-size: 19px;
  }

  .keyword-guide .keyword-guide__cta-description {
    margin-top: 12px;

    font-size: 12px;
  }

  .keyword-guide .keyword-guide__cta-button {
    min-width: 160px;

    height: 47px;

    margin-top: 21px;

    padding: 0 20px;

    font-size: 14px;
  }

  .keyword-guide .keyword-guide__cta-button span {
    margin-left: 6px;

    font-size: 18px;
  }


  /* ---------------------------------
     주의사항
  --------------------------------- */

  .keyword-guide .keyword-guide__notice {
    margin-top: 38px;

    font-size: 9px;
    line-height: 1.65;
  }

}

/* 추가 END */

@media (max-width:1023px) {
	  .contain .Explanation .goods > p br {
        display: none;
    }
    .contain .Explanation .goods > p span {
        margin-left: 0 !important;
    }

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

	 .contain .tab_content .f_type .type .title {
        font-size: 18px;
        padding: 10px;
    }
    .contain .tab_content .f_type .title span {
        font-size: 22px;
    }
    .contain .tab_content .f_type .content {
        font-size: 14px;
		line-height:21px;
        padding: 20px 10px;
		letter-spacing:-1px;
    }
    .contain .Explanation .goods {
        width: 49%;
        margin: 0 0 10px;
    }
    .contain .Explanation .goods:first-child {
        margin-right: 2%;
    }

	.contain .Explanation .Img_Section .product .text_box h5 {
        letter-spacing: -4px !important;
        font-size: 25px !important;
        line-height: 34px !important;
		margin-bottom: 15px;
    }
    .contain .Explanation .Img_Section .product .text_box p {
		letter-spacing:-1px !important;
        font-size: 16px !important;
        line-height: 26px !important;
    }

    .contain .img_section .thumnail .title img.goods_name.royal {
        height: 30px;
    }

	#tab2 .tethering {
		padding:15px 30px 15px 60px;
	}
	#tab2 .tethering_txt {
		font-size:24px
	}
	#tab2 .tethering_btn {
		width:150px;
		height:28px
	}
	#tab2 .tethering_btn a {
		font-size:14px;
		padding:5px 0
	}
	#tab2 .tethering_btn a span {
		height:1px;
		width:25px
	}
	#tab2 .tethering_btn a span:after,  #tab2 .tethering_btn a span:before{
		height:1px;
	}
	#tab2 .tethering_btn:hover a span {
		width:35px
	}
	.ip_monster_click {
		margin-bottom: 10px;
	}

}
@media (max-width:767px) {
    .contain .img_section .thumnail .title img.goods_name {
        height: 30px;
    }
    .contain .img_section .thumnail .content .text_box h5 {
        font-size: 23px;
        line-height: 33px;
        letter-spacing: -2px
    }
    .contain .img_section .thumnail .content .text_box p {
        font-size: 14px;
        line-height: 25px;
		letter-spacing:-1px;
    }

	.contain .img_section .thumnail .tail {
		font-size: 20px !Important;
		
	}

	.up_note_box_label {
		font-size: 18px;
	}
	.up_note_box_desc_in {
		font-size:14px
	}

	.contain .tab_content .f_type {
		margin-top: 10px;
	}

	
	.samplebtn p {
		font-size:13px;
		padding-left: 10px;
	}
	.samplebtn a {
		width: 100px;
	}
	.samplebtn a img {
		width: 100%;
	}

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

	.up_note_box_bt_wrap {
		font-size: 14px;
	}

		.contain .Explanation .goods:last-child {
		margin-bottom: 0;
	}

    .contain .Explanation .goods img {
       width: 100%;
	   display:block;
		margin: auto;
		margin-bottom: 5px;
	}
    .contain .Explanation .goods .goods_title {
       /*  width: 250px; */
        text-align: left;
        margin: 0 auto 5px auto;
    }
	
	.contain .Explanation .goods .goods_title a {
        font-size: 11px;
        padding: 2px 3px;
    }

    .contain .Explanation .goods > p {
        font-size: 11px;
		line-height:16px;
		letter-spacing:-0.5px;
		text-align:left;
		width: 100%;
		margin: auto;
		/* margin-bottom: 5px; */
		
    }
	.contain .Explanation .goods > p:before {
		vertical-align:middle;
		margin: -3px 5px 0 0;
	}
    .contain .tab_content .f_type .type .title {
        font-size: 14px !important;
		line-height:24px !important;
		letter-spacing:-1px !important;
		padding: 7px !important;
    }

	 .contain .tab_content .f_type .title span {
        font-size: 14px !important;
		padding: 0px 3px !important;
		
    }

	 .contain .tab_content .f_type .content {
        font-size: 11px !important;
        line-height: 16px !important;
        padding: 7px 10px !important;
		letter-spacing:-0.5px !important;
		/* text-align:left !important; */
		word-break: keep-all;
		text-align:left	
    }

	 /* .contain .tab_content .f_type .content br {
	 		display: none;
	 } */
   
   /*  .contain .tab_content .f_type .content br {
        display: none;
    } */
	
	.contain .tab_content .f_type .type > img {
		margin: 5px 0 10px 0;
		display:block;
	}

	.contain .tab_content .step .texr-box span.pattern {
		font-size:11px !important;
		/* margin: -7px 1px 0 0 !important; */
	}

	.contain .tab_content .step .step_text p span,
	.contain .goods_Explanation .step .text_box span {
		width: 15px !important;
		height: 15px !important;
		line-height:15px !important;
		font-size:11px !important;
		margin-right: 1px !important;
	}

	.contain .tab_content .step .texr-box p,
	.contain .tab_content .step .step_text p,
	.contain .goods_Explanation .step .text_box p {
		font-size:11px !important;
		letter-spacing:-.5px !important;
		line-height:16px !important;
		margin-bottom: 5px !important;
	}

	.contain .tab_content .step .texr-box p:last-child,
	.contain .tab_content .step .step_text p:last-child,
	.contain .goods_Explanation .step .text_box p:last-child {
		margin-bottom: 0 !important;
	}

	.contain .img_section .thumnail .content .text_box h5,
    .contain .Explanation .Img_Section .product .text_box h5 {
        letter-spacing: -2px !important;
        font-size: 20px !important;
        line-height: 27px !important;
		margin-bottom: 10px;
    }
    .contain .Explanation .Img_Section .product .text_box p {
        letter-spacing: -1px !important;
        font-size: 14px !important;
        line-height: 20px !important;
		margin-top: 10px;
    }

    .contain .img_section .thumnail .title img.goods_name {
        height: 20px!important;
        margin-top: 10px;
    }
    .contain .img_section .thumnail .content .text_box h5 {
        font-size: 23px;
        line-height: 40px;
        letter-spacing: -4px;
        margin-top: -10px;
    }
    .contain .img_section .thumnail .content .text_box p {
        font-size: 14px;
        line-height: 25px;
    }

	.contain .img_section .thumnail .tail {
		font-size: 14px !Important;
		padding: 8px 5px !important;
		letter-spacing:-1px !Important;
	}

	.ip_monster_click {
		padding-top: 15px;
	}

	#tab2 .tethering {
		padding:10px 15px;
		margin-top: 20px;
	}
	#tab2 .tethering2 {
		margin-top: 10px !Important;
	}
	#tab2 .tethering_txt {
		font-size:16px
	}
	#tab2 .tethering_btn {
		width:120px;
		height:21px
	}
	#tab2 .tethering_btn a {
		font-size:12px;
		padding:3px 0
	}
	#tab2 .tethering_btn a span:after {
		width:8px;
		top:-3px
	}
	#tab2 .tethering_btn a span:before {
		width:8px;
		top:3px
	}

	.samplebtn {
		display: inline-block;
		/* text-align: left	 */
	}
	.samplebtn>* {
		display: inline-block;
		/* text-align: left	 */
	}

}

@media (max-width:359px) {
	.contain .Explanation .goods .goods_title a {
		font-size:10px;
	}
}


/* =========================================================
   TRAFFIC MAX
========================================================= */

.traffic-max {
  width: 100%;

  color: #20252a;

  font-family: "Pretendard", sans-serif;

  overflow: hidden;
}

.traffic-max *,
.traffic-max *::before,
.traffic-max *::after {
  box-sizing: border-box;
}


/* =========================================================
   SECTION 01
   PAIN POINT
========================================================= */

.traffic-max .traffic-max__pain {
  position: relative;

  width: 100%;
  min-height: 865px;

  padding:
    82px
    30px
    90px;

  overflow: hidden;

  color: #fff;

  background:#2e323b;
}


/* 제목 */

.traffic-max .traffic-max__pain-heading {
  position: relative;

  z-index: 2;

  text-align: center;
}

.traffic-max .traffic-max__pain-title {
  margin: 0;

  color: #f5f8fa;

  font-size: 30px;
  font-weight: 700;

  line-height: 1.55;

  letter-spacing: -0.04em;
}


/* =========================================================
   말풍선
========================================================= */

.traffic-max .traffic-max__conversation {
  position: relative;

  width: 650px;
  height: 280px;

  margin: 52px auto 0;
}


.traffic-max .traffic-max__bubble {
  position: absolute;

  width: 453px;

  min-height: 90px;

  padding:
    38px
    24px
    18px;

  color: #3e4449;

  background: #fafafa;

  border-radius: 15px;

  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.16);

  z-index: 2;
}


.traffic-max .traffic-max__bubble p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.035em;
}


.traffic-max .traffic-max__bubble--left {
  left: 0;
}


.traffic-max .traffic-max__bubble--right {
  right: 0;
}


.traffic-max .traffic-max__bubble:nth-child(1) {
  top: 0;
}


.traffic-max .traffic-max__bubble:nth-child(2) {
  top: 77px;

  z-index: 1;
}


.traffic-max .traffic-max__bubble:nth-child(3) {
  top: 153px;
}


/* 따옴표 */

.traffic-max .traffic-max__quote {
  position: absolute;

  top: 10px;
  left: 22px;

  color: #00a5d4;

  font-family: Arial, sans-serif;

  font-size: 34px;
  font-weight: 900;

  line-height: 1;
}


/* =========================================================
   아래 방향 화살표
========================================================= */

.traffic-max .traffic-max__down-arrow {
  position: relative;

  width: 110px;
  height: 65px;

  margin: 12px auto 0;
}


.traffic-max .traffic-max__down-arrow span {
  position: absolute;

  left: 50%;

  width: 78px;
  height: 18px;

  transform: translateX(-50%) rotate(0deg);

  background:
    linear-gradient(
      135deg,
      transparent 0%,
      transparent 50%,
      #00a5d4 51%,
      #00a5d4 100%
    );

  opacity: 0.8;
}


.traffic-max .traffic-max__down-arrow span:first-child {
  top: 0;

  clip-path: polygon(
    0 0,
    100% 0,
    50% 100%
  );

  background:
    linear-gradient(
      180deg,
      rgba(0, 165, 212, 0.05),
      rgba(0, 165, 212, 0.7)
    );
}


.traffic-max .traffic-max__down-arrow span:last-child {
  top: 19px;

  clip-path: polygon(
    0 0,
    100% 0,
    50% 100%
  );

  background:
    linear-gradient(
      180deg,
      rgba(0, 165, 212, 0.25),
      #00a5d4
    );
}


/* =========================================================
   Pain 해결 메시지
========================================================= */

.traffic-max .traffic-max__pain-solution {
  position: relative;

  z-index: 2;

  margin-top: 27px;

  text-align: center;
}


.traffic-max .traffic-max__pain-solution h3 {
  margin: 0;

  color: #fff;

  font-size: 29px;
  font-weight: 700;

  line-height: 1.55;

  letter-spacing: -0.05em;
}


.traffic-max .traffic-max__pain-solution h3 strong {
  display: inline-block;

  color: #00a5d4;

  font-weight: 800;
}


.traffic-max .traffic-max__pain-solution p {
  margin: 30px 0 0;

  color: rgba(255, 255, 255, 0.92);

  font-size: 18px;
  font-weight: 400;

  line-height: 1.75;

  letter-spacing: -0.04em;
}


/* =========================================================
   SECTION 02
   FEATURE
========================================================= */

.traffic-max .traffic-max__feature {
  position: relative;

  width: 100%;

  min-height: 765px;

  padding:
    120px
    30px
    84px;

  background:#1b1c20;

  overflow: hidden;
}


/* 제목 */

.traffic-max .traffic-max__feature-heading {
  position: relative;

  z-index: 2;

  text-align: center;
}


.traffic-max .traffic-max__feature-eyebrow {
  margin: 0 0 20px;

    color: #1db1d9;

  font-size: 16px;
  font-weight: 500;

  line-height: 1.5;

  letter-spacing: -0.04em;
}


.traffic-max .traffic-max__feature-title {
  margin: 0;

  color: #fff;

  font-size: 29px;
  font-weight: 700;

  line-height: 1.5;

  letter-spacing: -0.04em;
}


.traffic-max .traffic-max__feature-title strong {
  color: #00a5d4;

  font-weight: 800;
}


/* =========================================================
   비교 카드
========================================================= */

.traffic-max .traffic-max__compare {
  position: relative;
letter-spacing: -0.055em;
  width: 650px;
  height: 330px;

  margin: 78px auto 0;
}


/* 왼쪽 기존 방식 */

.traffic-max .traffic-max__before {
  position: absolute;

  top: 15px;
  left: 0;

  width: 320px;

  overflow: hidden;

  border-radius: 7px;

  background: rgba(255, 255, 255, 0.8);

  box-shadow:
    0 5px 15px rgba(0, 80, 100, 0.08);

  z-index: 1;
}


.traffic-max .traffic-max__before-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 53px;
  color: #62666b;
  font-size: 16px;
  font-weight: 600;
  background: #d9dce1;
  border-bottom: 1px solid #c9cdd2;
}


.traffic-max .traffic-max__before-row {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 15px;
  color: #687078;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  background: rgba(255, 255, 255, 0.82);
  border-bottom: 1px solid #dce1e5;
}


.traffic-max .traffic-max__before-row:last-child {
  border-bottom: 0;
}


/* 오른쪽 Traffic Max */

.traffic-max .traffic-max__after {
  position: absolute;

  top: 0;
  right: 0;

  z-index: 3;

  width: 340px;

  overflow: hidden;

  border-radius: 7px;

  background: #fff;

  border: 1px solid #00a5d4;

  box-shadow:
    0 12px 25px rgba(0, 105, 135, 0.14);
}


.traffic-max .traffic-max__after-head {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;

  background:
    linear-gradient(
      180deg,
      #16b4dc 0%,
      #00a5d4 100%
    );
}


.traffic-max .traffic-max__after-row {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
  padding: 10px 15px;
  color: #30383d;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  background: #fff;
  border-bottom: 1px solid #d9eef4;
}


.traffic-max .traffic-max__after-row:last-child {
  border-bottom: 0;
}


/* =========================================================
   비교 카드 사이 화살표
========================================================= */

.traffic-max .traffic-max__compare-arrow {
  position: absolute;

  left: 50%;
  top: 50%;

  z-index: 4;

  width: 66px;
  height: 44px;

  transform: translate(-50%, -50%);

  filter:
    drop-shadow(0 4px 8px rgba(0, 165, 212, 0.25));
}


.traffic-max .traffic-max__compare-arrow span {
  display: block;

  width: 100%;
  height: 100%;

  clip-path: polygon(
    0 30%,
    70% 30%,
    70% 0,
    100% 50%,
    70% 100%,
    70% 70%,
    0 70%
  );

  background:
    linear-gradient(
      90deg,
      rgba(0, 165, 212, 0.55),
      #00a5d4
    );
}


/* =========================================================
   Feature 설명
========================================================= */

.traffic-max .traffic-max__feature-description {
  position: relative;

  z-index: 2;

  margin: 78px auto 0;

  color: #adbdc1;

  font-size: 18px;
  font-weight: 400;

  line-height: 1.7;

  letter-spacing: -0.04em;

  text-align: center;
}


/* =========================================================
   SECTION 03
   추천 대상
========================================================= */

.traffic-max .traffic-max__recommend {
  position: relative;

  width: 100%;

  min-height: 800px;

  padding:
    80px
    30px
    85px;

  background:#232327;
  text-align: center;
}


/* 추천 아이콘 */

.traffic-max .traffic-max__recommend-icon {
  display: flex;

  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  margin: 0 auto 22px;

  border: 1px solid rgba(0, 165, 212, 0.45);

  border-radius: 7px;

  color: #00a5d4;

  background: #fff;

  box-shadow:
    0 4px 12px rgba(0, 100, 130, 0.05);
}


.traffic-max .traffic-max__recommend-icon span {
  font-size: 18px;
  line-height: 1;
}


/* 제목 */

.traffic-max .traffic-max__recommend-title {
  margin: 0;

  color: #fff;

  font-size: 29px;
  font-weight: 600;

  line-height: 1.5;

  letter-spacing: -0.04em;
}


/* =========================================================
   추천 리스트
========================================================= */

.traffic-max .traffic-max__recommend-list {
  width: 560px;

  margin: 42px auto 0;

  padding:
    12px
    32px;

border: 2px solid #2196F3;
    padding: 2rem;

  border-radius: 13px;

  background: rgba(255, 255, 255, 0.96);

box-shadow: 0 5px 18px rgb(255 255 255 / 20%);

  text-align: left;
}


.traffic-max .traffic-max__recommend-item {
  display: flex;

  align-items: center;

  min-height: 57px;

  border-bottom: 1px solid #edf0f2;
}


.traffic-max .traffic-max__recommend-item:last-child {
  border-bottom: 0;
}


.traffic-max .traffic-max__check {
  display: flex;

  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  width: 20px;
  height: 20px;

  margin-right: 13px;

  border-radius: 50%;

  color: #00a5d4;

  background: #d9f5fc;

  font-size: 13px;
  font-weight: 800;
}


.traffic-max .traffic-max__recommend-item p {
margin: 0;
    color: #060606;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.035em;
}


/* =========================================================
   하단 점
========================================================= */

.traffic-max .traffic-max__recommend-dots {
  display: flex;

  flex-direction: column;
  align-items: center;

  gap: 5px;

  margin: 30px auto 0;
}


.traffic-max .traffic-max__recommend-dots span {
  display: block;

  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: #00a5d4;

  opacity: 0.65;
}


/* =========================================================
   하단 문구
========================================================= */

.traffic-max .traffic-max__recommend-bottom {
  margin: 30px 0 0;

  color: #00a5d4;

  font-size: 20px;
  font-weight: 500;

  line-height: 1.7;

  letter-spacing: -0.045em;
}


.traffic-max .traffic-max__recommend-bottom strong {
  font-weight: 800;
}

/* =========================================================
   TRAFFIC MAX
   RESPONSIVE
========================================================= */


/* =========================================================
   TABLET
   769px ~ 1024px
========================================================= */

@media (max-width: 1024px) {

  /* ---------------------------------
     Section 01
  --------------------------------- */

  .traffic-max .traffic-max__pain {
    min-height: auto;

    padding:
      70px
      25px
      80px;
  }

  .traffic-max .traffic-max__pain-title {
    font-size: 27px;
  }

  .traffic-max .traffic-max__conversation {
    width: min(650px, 90vw);
  }


  /* ---------------------------------
     Section 02
  --------------------------------- */

  .traffic-max .traffic-max__feature {
    min-height: auto;

    padding:
      75px
      25px
      70px;
  }

  .traffic-max .traffic-max__feature-title {
    font-size: 27px;
  }

  .traffic-max .traffic-max__compare {
    width: min(650px, 90vw);
  }


  /* ---------------------------------
     Section 03
  --------------------------------- */

  .traffic-max .traffic-max__recommend {
    min-height: auto;

    padding:
      70px
      25px
      75px;
  }

}


/* =========================================================
   MOBILE
   ~ 768px
========================================================= */

@media (max-width: 768px) {

  /* =====================================================
     SECTION 01
  ===================================================== */

  .traffic-max .traffic-max__pain {
    padding:
      58px
      20px
      70px;
  }


  .traffic-max .traffic-max__pain-title {
    font-size: 23px;

    line-height: 1.55;
  }


  /* ---------------------------------
     말풍선
  --------------------------------- */

  .traffic-max .traffic-max__conversation {
    width: 100%;
    height: 275px;

    margin-top: 42px;
  }


  .traffic-max .traffic-max__bubble {
    width: 76%;

    min-height: 82px;

    padding:
      34px
      17px
      15px;

    border-radius: 12px;
  }


  .traffic-max .traffic-max__bubble p {
    font-size: 12px;

    line-height: 1.55;
  }


  .traffic-max .traffic-max__quote {
    top: 8px;
    left: 16px;

    font-size: 28px;
  }


  .traffic-max .traffic-max__bubble:nth-child(1) {
    top: 0;
  }

  .traffic-max .traffic-max__bubble:nth-child(2) {
    top: 80px;
  }

  .traffic-max .traffic-max__bubble:nth-child(3) {
    top: 160px;
  }


  /* ---------------------------------
     화살표
  --------------------------------- */

  .traffic-max .traffic-max__down-arrow {
    width: 85px;
    height: 55px;

    margin-top: 5px;
  }

  .traffic-max .traffic-max__down-arrow span {
    width: 62px;
  }


  /* ---------------------------------
     해결 문구
  --------------------------------- */

  .traffic-max .traffic-max__pain-solution {
    margin-top: 18px;
  }


  .traffic-max .traffic-max__pain-solution h3 {
    font-size: 23px;

    line-height: 1.55;
  }


  .traffic-max .traffic-max__pain-solution p {
    margin-top: 22px;

    font-size: 13px;

    line-height: 1.75;
  }


  /* =====================================================
     SECTION 02
  ===================================================== */

  .traffic-max .traffic-max__feature {
    padding:
      60px
      20px
      65px;
  }


  .traffic-max .traffic-max__feature-eyebrow {
    margin-bottom: 16px;

    font-size: 13px;
  }


  .traffic-max .traffic-max__feature-title {
    font-size: 22px;

    line-height: 1.55;
  }


  /* ---------------------------------
     비교 카드
  --------------------------------- */

  .traffic-max .traffic-max__compare {
    width: 100%;
    height: 325px;

    margin-top: 45px;
  }


  .traffic-max .traffic-max__before {
    top: 18px;
    left: 0;

    width: 57%;
  }


  .traffic-max .traffic-max__after {
    top: 0;
    right: 0;

    width: 57%;
  }


  .traffic-max .traffic-max__before-head {
    height: 43px;

    font-size: 11px;
  }


  .traffic-max .traffic-max__before-row {
    height: 45px;

    padding: 0 8px;

    font-size: 10px;

    line-height: 1.3;
  }


  .traffic-max .traffic-max__after-head {
    height: 43px;

    font-size: 11px;
  }


  .traffic-max .traffic-max__after-row {
    min-height: 56px;

    padding: 8px;

    font-size: 10px;

    line-height: 1.35;
  }


  /* ---------------------------------
     가운데 화살표
  --------------------------------- */

  .traffic-max .traffic-max__compare-arrow {
    top: 145px;

    width: 48px;
    height: 34px;
  }


  /* ---------------------------------
     설명
  --------------------------------- */

  .traffic-max .traffic-max__feature-description {
    margin-top: 35px;

    padding: 0 5px;

    font-size: 13px;

    line-height: 1.7;
  }


  /* =====================================================
     SECTION 03
  ===================================================== */

  .traffic-max .traffic-max__recommend {
    padding:
      55px
      20px
      65px;
  }


  .traffic-max .traffic-max__recommend-icon {
    width: 36px;
    height: 36px;

    margin-bottom: 18px;
  }


  .traffic-max .traffic-max__recommend-title {
    font-size: 23px;
  }


  /* ---------------------------------
     추천 리스트
  --------------------------------- */

  .traffic-max .traffic-max__recommend-list {
    width: 100%;

    margin-top: 35px;

    padding:
      8px
      17px;

    border-radius: 11px;
  }


  .traffic-max .traffic-max__recommend-item {
    min-height: 56px;
  }


  .traffic-max .traffic-max__check {
    width: 19px;
    height: 19px;

    margin-right: 10px;

    font-size: 11px;
  }


  .traffic-max .traffic-max__recommend-item p {
    font-size: 12px;

    line-height: 1.5;
  }


  .traffic-max .traffic-max__recommend-dots {
    margin-top: 25px;
  }


  .traffic-max .traffic-max__recommend-bottom {
    margin-top: 25px;

    font-size: 16px;

    line-height: 1.65;
  }

}


/* =========================================================
   SMALL MOBILE
   ~ 480px
========================================================= */

@media (max-width: 480px) {

  /* =====================================================
     SECTION 01
  ===================================================== */

  .traffic-max .traffic-max__pain {
    padding:
      48px
      16px
      60px;
  }


  .traffic-max .traffic-max__pain-title {
    font-size: 21px;
  }


  .traffic-max .traffic-max__conversation {
    height: 255px;

    margin-top: 35px;
  }


  .traffic-max .traffic-max__bubble {
    width: 79%;

    min-height: 76px;

    padding:
      31px
      13px
      12px;
  }


  .traffic-max .traffic-max__bubble p {
    font-size: 11px;
  }


  .traffic-max .traffic-max__quote {
    top: 7px;
    left: 13px;

    font-size: 25px;
  }


  .traffic-max .traffic-max__bubble:nth-child(1) {
    top: 0;
  }

  .traffic-max .traffic-max__bubble:nth-child(2) {
    top: 73px;
  }

  .traffic-max .traffic-max__bubble:nth-child(3) {
    top: 146px;
  }


  .traffic-max .traffic-max__pain-solution h3 {
    font-size: 21px;
  }


  .traffic-max .traffic-max__pain-solution p {
    font-size: 12px;
  }


  /* =====================================================
     SECTION 02
  ===================================================== */

  .traffic-max .traffic-max__feature {
    padding:
      50px
      16px
      55px;
  }


  .traffic-max .traffic-max__feature-eyebrow {
    font-size: 12px;
  }


  .traffic-max .traffic-max__feature-title {
    font-size: 20px;
  }


  /* ---------------------------------
     비교 카드
  --------------------------------- */

  .traffic-max .traffic-max__compare {
    height: 295px;

    margin-top: 38px;
  }


  .traffic-max .traffic-max__before {
    top: 15px;

    width: 59%;
  }


  .traffic-max .traffic-max__after {
    width: 59%;
  }


  .traffic-max .traffic-max__before-head {
    height: 38px;

    font-size: 10px;
  }


  .traffic-max .traffic-max__before-row {
    height: 40px;

    font-size: 9px;
  }


  .traffic-max .traffic-max__after-head {
    height: 38px;

    font-size: 10px;
  }


  .traffic-max .traffic-max__after-row {
    min-height: 49px;

    padding: 6px;

    font-size: 9px;
  }


  .traffic-max .traffic-max__compare-arrow {
    top: 130px;

    width: 38px;
    height: 28px;
  }


  .traffic-max .traffic-max__feature-description {
    margin-top: 28px;

    font-size: 11px;
  }


  /* =====================================================
     SECTION 03
  ===================================================== */

  .traffic-max .traffic-max__recommend {
    padding:
      48px
      16px
      55px;
  }


  .traffic-max .traffic-max__recommend-title {
    font-size: 21px;
  }


  .traffic-max .traffic-max__recommend-list {
    margin-top: 30px;

    padding:
      6px
      13px;
  }


  .traffic-max .traffic-max__recommend-item {
    min-height: 52px;
  }


  .traffic-max .traffic-max__check {
    width: 18px;
    height: 18px;

    margin-right: 8px;
  }


  .traffic-max .traffic-max__recommend-item p {
    font-size: 11px;
  }


  .traffic-max .traffic-max__recommend-bottom {
    font-size: 14px;
  }

}