.chatblogWriteWrap {
	position:relative;
	width: 100%;
    position: relative;
    margin-top: 11rem;
}

.chatblogWriteVInner {width:100%; max-width:148rem; margin:0 auto; padding:0 2rem;}
.chatblogWriteInner {width:100%; max-width:140rem; margin:0 auto; padding:0 2rem;}

#webMasterWrap .chatblogWriteInner {padding:0;}

.chatblogWriteV {padding:12rem 0;}


.seoranbox {
    padding: 0rem 0rem 0rem 0rem;
    display: flex;
    margin-top: 0rem;
    align-items: flex-start;
    z-index: 1;
    position: relative;
    justify-content: space-between;
    width: 100%;
    max-width: 136rem;
    margin: 0 auto;
}

.ms02RFigure {position:relative;}

.ms02RFigureShadow {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-50%);
    width: 47%;
    height: 86%;
    box-shadow: 3rem 3rem 7rem rgba(0, 0, 0, 0.15);
}

.ms02RFigure .ms02Main {width:100%; height:auto; opacity:1;}
.ms02RFigure .icon01 {
    left: 5%;
    bottom: 11%;
    width: 100%;
    height: auto;
    max-width: 15%;
    position: absolute;
}

.ms02RFigure .icon02 {
    right: 10%;
    bottom: 33%;
    width: 100%;
    height: auto;
    max-width: 10.56%;
    position: absolute;
}

.ms02RFiguretext {position:absolute;}
.ms02RFiguretext img {width:100%; height:auto;}

.ms02RFiguretext.text01 {
    width: 28%;
    top: 22%;
}
.ms02RFiguretext.text02 {
    width: 19.55%;
    right: 2%;
    top: 4%;
}
.ms02RFiguretext.text03 {
    width: 28.273%;
    right: 0;
    top: 62%;
}
.seorant {
    width: calc(50% - 4rem);
    margin-top: 9rem;
}
.seorant h1{
	margin:0;
	font-family: 'Pretendard-Bold';
    font-size: 6rem;
    line-height: 8rem;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
	margin-top:4rem;
}
.seoranimg {
    width: 48.898%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
}
.seoranimg .ms02RFigure {
    height: auto;
    width: auto;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.seoranimg .ms02RFigure img {width:100%; height:auto;}

.greenSpan {color:#00EB88;}
.vstitle {
    color: #111;
    font-family: "Pretendard";
    font-size: 3rem;
    font-weight: 500;
    text-align: left;
    line-height: 4rem;
}

.chatblogWriteBanner {
    border-radius: 48rem;
    background: #EDFAF5;
    padding: 6rem 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translateY(-4rem);
    z-index: 0;
    position: relative;
}


.chatblogWriteBTxt {
    color: #000;
    font-family: Pretendard;
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.6rem;
    text-align: left;
}

.chatblogWriteBbtn {
	color: #000;
	text-align: center;
	font-family: "Pretendard-SemiBold";
	font-size: 2.2rem;
	line-height: 2.4rem;
	border-radius: 4rem;
	padding: 2rem 4rem;
	background: #00EB88;
	backdrop-filter: blur(5px);
}

.greenLineBold {
	z-index: 1;
	font-weight: 600;
	position:relative;
}

.greenLineBold::before {
    content: '';
    width: 100%;
    height: 0.6rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: #00EB88;
}

.chatblogWriteDifference .greenLineBold::before {height: 1.2rem;}

.greenCircleWrap {
    z-index: -1;
    position: relative;
}
.greenCircle::before {
    content: '';
    z-index: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 114%;
    transform: translate(-50%,-50%);
    max-width: 33.8rem;
    background: url(../img/gptBlogWrite/w115Gcircle.png) no-repeat cetner / cover;
    background: url(../img/gptBlogWrite/w115Gcircle.png) no-repeat center / cover;
}
.bold700 {font-family:"Pretendard-Bold";}

.greenCircle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 152%;
    height: 136%;
    transform: translate(-50%,-50%);
    z-index: -1;
}

.greenCircle.w115 {width: 152%; height: 136%;}
.greenCircle.w195 {width: 131%; height: 136%;}
.greenCircle.w111 {width: 111%; height: 142%;}

.greenCircle.h145 {width: 131%; height: 145%;}


.greenLineWrap {
	position: relative;
}

.greenline {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

@media (max-width: 1600px) and (min-width:992px) {
	.chatblogWriteWrap {margin-top: 110px;}
	.chatblogWriteInner.seobarInner {max-width: 124rem;}
	.seoranbox {padding: 0 0rem 4rem 0rem; margin-top: 0rem;}
	.seorant h1{ line-height: 6.6rem; font-size: 5.4rem;}
}
@media (max-width: 991px){
	.chatblogWriteWrap {margin-top: 10rem;}
	.chatblogWriteDifference .greenLineBold::before {height: 0.6rem;}
	.chatblogWriteV {padding: 6rem 0;}
	.seorant {width: 100%; margin-bottom: 2rem; margin-top: 0;}
	.seoranbox {display:block; padding: 0rem; margin-top: 0rem;}
	.seorant {width: 100%; margin-bottom:2rem;}
	.seoranimg {width: 100%; display: block; margin-top: 5rem;}
	.seorant h1 { line-height: 4rem; font-size: 3.2rem; text-align: center; margin-top: 1rem;}
	.chatblogWriteBanner {flex-direction: column; border-radius: 2rem; padding: 3.4rem 2rem; transform: translateY(-2rem);}
	.chatblogWriteBTxt {font-size: 1.6rem; line-height: 2.6rem; text-align: center;}
	
	.chatblogWriteBbtn {
		text-align: center;
		font-size: 1.5rem;
		line-height: 2.4rem;
		border-radius: 4rem;
		padding: 1rem 4rem;
		margin-top: 1.2rem;
		/* width:100%; */
	}
	
	.vstitle {font-family: "Pretendard"; font-size: 1.6rem; line-height: 2.4rem; text-align: center;}
}
@media (max-width: 767px){
	.chatblogWriteWrap {margin-top: 10rem;}
	.chatblogWriteV {padding: 0;}
	.seoranbox {display: block; padding: 0rem; margin-top: 0rem;}
	.seorant {margin-bottom:2rem;}
	.seorant h1 { line-height: 4rem; font-size: 3.2rem; text-align: center; margin-top: 1rem;}
	.seoranimg {margin-top: 3rem;}
	.ms02RFigureShadow {box-shadow: 1.5113rem 1.5113rem 3.5263rem rgba(0, 0, 0, 0.15);}
}

/* 스티키 메뉴 */
.chatblogWriteContWrap {padding-top: 12rem;}

.stickyMenu {
    width: auto;
    display: flex;
    align-items: center;
    position: sticky;
    top: 1rem;
    padding: 1.5rem;
    z-index: 5;
    transition: all 0.25s ease-in-out;
    justify-content: center;
    width: auto;
    display: inline-flex;
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.stickyMenu.down {top: 13rem;}
.stickyMenu li {
	color: #000;
	font-family: "Pretendard-Medium";
	font-size: 2.6rem;
	font-weight: 500;
	line-height: 4rem;
	display: flex;
    align-items: center;
}

/* .stickyMenu li:first-child { */
    /* background: #FFF; */
	/* border-radius: 99px; */
	/* padding: 0.6rem 3rem 0.6rem 0.6rem; */
	/* border: 1px solid rgba(0, 0, 0, 0.06); */
    /* box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06); */
/* } */

.stickyMenu::before {content:'';}

/* .stickyMenu::before { */
    /* content: ''; */
    /* width: 100vw; */
    /* height: 100%; */

    /* position: absolute; */
    /* z-index: -1; */
    /* bottom: 0; */
/* } */
.stickyMenu li a {
    padding: 1rem 2.6rem;
    border-radius: 5rem;
    /* backdrop-filter: blur(5px); */
    color: #000;
    font-family: "Pretendard-Medium";
    font-size: 2.6rem;
    line-height: 4rem;
    white-space: nowrap;
	display: inline-block;
}
.stickyMenu li.menu-active a {
    border-radius: 50px;
    background: rgba(0, 235, 136, 0.85);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: inline-block;
    font-family: "Pretendard-Bold";
}


@media (max-width:1600px) and (min-width:992px) {
	.stickyMenu.down {top: 10rem;}
	.stickyMenu {padding:1rem;}
	.stickyMenu li a {padding: 1rem 2.4rem; font-size: 2rem;}
}


@media (max-width:991px) {
	.chatblogWriteContWrap {padding-top: 8rem;}
	.stickyMenu {padding: 1rem;}
	.stickyMenu li a {
		padding: 0.6rem 1.7rem;
		border-radius: 5rem;
		/* backdrop-filter: blur(5px); */
		color: #000;
		font-family: "Pretendard-Medium";
		font-size: 2rem;
		line-height: 2.6rem;
		white-space: nowrap;
	}
}

@media (max-width:767px) {
	.chatblogWriteContWrap {padding-top: 6rem;}
	.stickyMenu li a {
		padding: 0.6rem 1.7rem;
		border-radius: 5rem;
		/* backdrop-filter: blur(5px); */
		color: #000;
		font-family: "Pretendard-Medium";
		font-size: 1.6rem;
		line-height: 2.6rem;
		white-space: nowrap;
	}
}

@media (max-width:450px) {
	.stickyMenu {
		padding: 1rem 2rem;
		/* justify-content: flex-start; */
		overflow: scroll;
		overflow-y: hidden;
		/* width: calc(100% + 4rem); */
		/* transform: translateX(-2rem); */
	}
	
	.featureMenuWrap {display:flex;}
}
/* @media (max-width:1500px) {.stickyMenu.down {top: 7.505rem;}} */
@media (max-width:991px) {.stickyMenu.down {top: 10rem;}}
@media (max-width:767px) {.stickyMenu.down {top: 6rem;}}
/* 하단 콘텐츠 */

.projName {
	z-index:1;
	position:relative;
	color: #00EB88;
	font-family: Outfit;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
	letter-spacing: 0.168rem;
}

.chatblogWriteCtitle {
    color: #000;
    font-family: "Pretendard-SemiBold";
    font-size: 4.4rem;
    font-style: normal;
    line-height: 5.8rem;
    margin-top: 3rem;
    position: relative;
    z-index: 2;
}

.chatblogWriteTxt {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 400;
	line-height: 4.6rem;
}

/* ChatGPT란? */
.chatGptAbout {padding:12rem 0; border-top:1px solid #EEE; border-bottom:1px solid #EEE;}
.chatGptAboutq {
	color: #000;
	font-family: "Pretendard-SemiBold";
	font-size: 4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5rem;
	text-align:left;
}
.chatGptAbouta {
	color: #000;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.4rem;
	margin-top:3rem;
	text-align:left;
}

.flexBox50 {display: flex; justify-content: space-between; align-items: center;}
.flexBoxWidth50 {width:calc(100%/2 - 3rem); margin-right:3rem;}
.flexBoxWidth50:last-child {margin-right:0rem;}

@media (max-width: 1600px) and (min-width:992px) {
	.chatblogWriteTxt {
		font-size: 2.4rem;
		line-height: 4.2rem;
	}
}
@media (max-width: 991px) {
	.chatGptAbout {padding: 8rem 0;}
	.flexBox50 {flex-direction: column;}
	.flexBoxWidth50 {width: 100%; margin-right: 0;}
	.chatGptAbout .flexBoxWidth50:last-child {margin-right: 0rem; margin-top: 5rem;}
	.chatGptAbouta {font-size: 1.5rem; line-height: 2.5rem; margin-top: 1rem;}
	.chatGptAboutq {font-size: 2.2rem; line-height: 3rem;}
	
	
}

@media (max-width: 767px) {
	.chatGptAbout {padding: 6rem 0;}
}


/* 기능 */
.chatblogWriteFeature  {padding:12rem 0; border-bottom:1px solid #EEE;}
.gptFeatureList {width:100%; display:flex;  flex-wrap: wrap;}
.gptFeatureList li {width:calc(100%/3 - 6.1333rem); margin-right:9.2rem; margin-top:8rem;}
.gptFeatureList li:nth-child(3n) {margin-right:0;}

.gptFeatureListIconBox {
	display: flex;
	padding: 6rem 0px;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 1.2rem;
	background: #EDFAF5;
}
.gptFeatureListIcon {width: 8rem; height: auto;}
.gptFeatureListIcon img {width: 100%; height: auto;}
.gptFeatureListNum {
	color: #000;
	font-family: "Pretendard-SemiBold";
	font-size: 2.6rem;
	font-style: normal;
	font-weight: 600;
	line-height: 3.4rem;
	margin-top:4rem;
	text-align: left;
	word-break: keep-all;
}
.gptFeatureListTxt {
	color: #000;
	font-family: "Pretendard-Light";
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.2rem; /* 177.778% */
	letter-spacing: -0.036rem;
	margin-top:2rem;
	text-align: left;
}

@media (max-width: 1600px) and (min-width:992px) {
	.gptFeatureList li {
		width: calc(100%/3 - 4rem);
		margin-right: 6rem;
		margin-top: 8rem;
	}
}
@media (max-width: 991px) {
	.projName {font-size: 2rem; line-height: 2.4rem; letter-spacing: 0.084rem;}
	.chatblogWriteCtitle {
		font-size: 3.3rem;
		line-height: 4.5rem;
		margin-top: 1.5rem;
	}
	.chatblogWriteFeature {padding:8rem 0;}
	.gptFeatureList {margin-top:1rem;}
	.gptFeatureList li {
		width: 50%;
		margin-right: 0rem;
		margin-top: 5.5rem;
		align-items: center;
		display: flex;
	}
	
	.gptFeatureListIconBox {
		display: flex;
		padding: 1.96rem;
		justify-content: center;
		align-self: stretch;
		border-radius: 1.2rem;
		background: #EDFAF5;
		align-items: center;
	}
	
	.gptFeatureListIconBox {
		display: flex;
		padding: 0;
		justify-content: center;
		align-self: stretch;
		border-radius: 0;
		background: 0;
		align-items: center;
	}
	
	.gptFeatureListIcon {
		width: 5rem;
		height: auto;
		padding: 2.4rem;
		box-sizing: content-box;
		background: #EDFAF5;
		border-radius: 1rem;
		margin-right: 1.6rem;
	}
	.gptFeatureListNum {
		font-size: 2.2rem;
		line-height: 2.8rem;
		margin-top: 0;
		text-align: left;
	}
	
	.gptFeatureListTxt {
		font-size: 1.6rem;
		line-height: 2.4rem;
		letter-spacing: -0.028rem;
		margin-top: 1.2rem;
		text-align: left;
	}
}

@media (max-width: 767px) {
	.projName {font-size: 1.4rem; line-height: 2.2rem; letter-spacing: 0.084rem;}
	.chatblogWriteCtitle {font-size: 2.4rem; line-height: 3.4rem; margin-top: 1rem;}
	
	.chatblogWriteFeature {padding: 6rem 0;}
	.gptFeatureList {margin-top:0rem;}
	.gptFeatureList li {width: 100%; margin-top: 4rem;}
	.gptFeatureListIcon {width: 4.2rem; padding: 1.96rem;} 
	
	.gptFeatureListNum {font-size: 1.8rem; line-height: 2.2rem;}
	.gptFeatureListTxt {
		font-size: 1.4rem;
		line-height: 2.2rem;
		letter-spacing: -0.028rem;
		margin-top: 1rem;
		text-align: left;
	}
}

/* 기대효과 */
.chatblogWriteEffect {padding:12rem 0; border-bottom:1px solid #EEE;}
.gptEffectList {width:100%; display:flex; margin-top:8rem;}
.gptEffectList li {width:calc(100%/5 - 1.6rem); margin-right:2rem;}
.gptEffectList li:last-child {margin-right:0;}

.gptEffectListNum {
	color: #00EB88;
	text-align: center;
	font-family: Outfit;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}
.gptEffectListIconBox {
    display: flex;
    padding: 6rem;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    background: #F8F8F8;
    width: auto;
    display: inline-flex;
	margin-top:3rem;
}
.gptEffectListIcon {width: 8rem; height: auto;}
.gptEffectListIcon img {width: 100%; height: auto;}
.gptEffectListTxt {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3.2rem;
	margin-top:3rem;
}

@media (max-width: 1600px) and (min-width:992px) {
	.gptEffectList {justify-content: center;}
	.gptEffectList li {width: calc(100%/5 - 3rem); margin-right: 1rem;}
	.gptEffectListIconBox {padding: 5rem;}
	.gptEffectListIcon {width: 7rem; height: auto;}
	.gptEffectListTxt {font-size: 1.6rem; line-height: 2.8rem;}
}
@media (max-width: 991px) {
	.chatblogWriteEffect {padding: 8rem 0;}
	.gptEffectList {width: 100%; display: flex; margin-top: 0.4rem; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
	.gptEffectList li {width: calc(50% - 1rem ); margin-right: 0; margin-top: 5rem;}
	.gptEffectList li:nth-child(2n-1) {margin-right:2rem;}
	.gptEffectListIconBox {padding:5.5rem 0; margin-top:0; width:100%;}
	.gptEffectListIcon {width: 8rem; height: auto;}
	.gptEffectListNum {font-size: 2rem; line-height: 2.4rem; margin-top: 2rem;}
	.gptEffectListTxt {font-size: 1.7rem; line-height: 2.6rem; margin-top: 1.5rem; font-family: "Pretendard-Light";}
}
@media (max-width: 767px) {
	.chatblogWriteEffect {padding: 6rem 0;}
	.gptEffectList {width: 100%; display: flex; margin-top: 0.4rem; flex-direction: column;}
	.gptEffectList li {width: 100%; margin-right: 0; margin-top: 3.6rem;}
	.gptEffectList li:nth-child(2n-1) {margin-right:0rem;}
	.gptEffectListIcon {width: 6rem; height: auto;}
	.gptEffectListNum {font-size: 1.6rem; line-height: 2rem; margin-top: 1.6rem;}
	.gptEffectListTxt {font-size: 1.5rem; line-height: 2.6rem; margin-top: 1rem; font-family:"Pretendard-Light";}
}


/* 왜 특별한가 */
.chatblogWriteDifference {padding:12rem 0; border-bottom:1px solid #EEE;}
.chatblogWriteDifference .chatblogWriteTxt {margin-top:8rem;}
.gptWebbased {width:100%; height:auto; margin-top:8rem;}
.gptWebbased img {width:100%; height:auto;}

@media (max-width: 1600px) and (min-width:992px) {
	.gptWebbased {width: 80%; margin-left: auto; margin-right: auto;}
}
@media (max-width: 991px) {
	.chatblogWriteDifference {padding: 8rem 0;}
	.gptWebbased {margin-top: 4rem;}
	.chatblogWriteDifference .chatblogWriteTxt {margin-top: 5rem; font-size: 2rem; line-height: 3.5rem;}
	.chatblogWriteDifference .greenLineBold::before {height: 0.8rem;}
}
@media (max-width: 767px) {
	.chatblogWriteDifference {padding: 6rem 0;}
	.chatblogWriteDifference .chatblogWriteTxt {margin-top: 3rem; font-size: 1.5rem; line-height: 2.6rem;}
	.chatblogWriteDifference .greenLineBold::before {height: 0.6rem;}
}




/* faq */
.faqWrap {padding: 12rem 0;}
.qnaArea {background: #F8F8F8;}
.faq_content_box{margin-bottom:0px;width: 100%;box-sizing: border-box;margin-bottom:1rem;}
.faq_content_box:last-child {margin-bottom:0;}
.accordion-menu {
    text-align: left;
    width: 100%;
    margin-top: 8rem;
}
.accordion-menu li {
    overflow: hidden;
    z-index: 400;
    list-style: none;
    border-radius: 0;
    border: 1px solid #eee;
    border-left: none;
    border-right: none;
    margin-bottom: 0;
    border-bottom: none;
}
.accordion-menu li.open_faq {
	margin-bottom:2rem;
	border-radius: 12px;
	border: 1px solid #EEE;
	background: #FFF;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}
.accordion-menu li.open_faq .dropdownlink .fa-chevron-down {transform: rotate(180deg);}
.accordion-menu li.open_faq .f_list_open {background: #FFF;}
.dropdownlink {
    padding: 3rem 9.2rem;
    position: relative;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 0;
    background-color: #fff;
    color: #111;
    font-size: 2.4rem;
    font-family: 'Pretendard-SemiBold';
    line-height: 4.4rem;
    word-break: keep-all;
}
.dropdownlink span {
    position: relative;
    left: unset;
    top: unset;
    color: #00EB88;
    font-size: 3.4rem;
    font-family: 'Outfit';
    line-height: 3.8rem;
    margin-right: 1.4rem;
	position: absolute;
    left: 4rem;
    top: 3rem;
}
.fa-chevron-down {
    position: absolute;
    right: 3rem;
    top: 3.1rem;
    width: 4.4rem;
    height: 4.4rem;
    background-image: url(../img/gptBlogWrite/faqBtnArrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.submenuItems {display: none;}
.submenuItems li {border: none; list-style: none; border-radius: 0;}

.f_list_open:before {
    width: calc(100% - 4.5rem);
    position: absolute;
    left: 2.4rem;
    top: 0rem;
    height: 1px;
	background: #EEE;
    content: '';
}
.f_list_open {
    border-top: none!important;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 3rem 4rem;
    display: flex;
    align-items: flex-start;
}
.f_ar {
    position: relative;
    left: unset;
    top: unset;
    color: #2F2C2C;
    font-family: Outfit;
    font-size: 3.4rem;
    font-style: normal;
    font-weight: 600;
    line-height: 3.8rem;
    white-space: nowrap;
}
.f_listTextBox{width:100%;position: relative;padding-top: 0px;}
.flNormalText {
    display: block;
    text-align: left;
    color: #2F2C2C;
    font-family: Pretendard;
    font-size: 2rem;
    line-height: 3.8rem;
	margin-left: 1.4rem;
}

.open_faq .dropdownlink span {color: #00EB88;}
.open_faq .dropdownlink {color: #2F2C2C; background: #FFF;}


@media (max-width:1500px) and (min-width:992px) {
	.dropdownlink {padding: 2rem 9.2rem; font-size: 2rem; line-height: 4.4rem;}
	.dropdownlink span {top:2rem;}
	.fa-chevron-down {top:2rem;}
	.dropdownlink span {font-size:3.2rem;}
	.flNormalText {font-size: 1.8rem;}
	.f_ar {font-size:3.2rem;}
}

@media (max-width:991px) {
	.faqWrap {padding: 8rem 0;}
	.accordion-menu {margin-top: 5rem;}
	
	
	
	.dropdownlink {padding:1.6rem 5.6rem 1.6rem 4.7rem; font-size: 2rem; line-height: 3.8rem;}
	.dropdownlink span {position: absolute; left: 1.6rem; top: 2.4rem; font-size: 2.2rem; line-height: 1; margin-right: 0.6rem;}
	
	
	.f_ar {left: 0; top: 0.5rem; font-size: 2.2rem; line-height: 2.2rem;}
	.accordion-menu li.open_faq .f_list_open {background: #FFF; border-bottom: 1px solid #EEE;}
	.f_list_open {padding: 1.6rem 2rem;}
	.flNormalText {
		font-size: 1.8rem;
		line-height: 3rem;
		margin-left: 0.6rem;
	}
	
	.fa-chevron-down {
		right: 1.6rem;
		top: 1.6rem;
		width: 3rem;
		height: 3rem;
	}
	
	.accordion-menu li {
		overflow: hidden;
		z-index: 400;
		list-style: none;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid #eee;
		margin-bottom: 0;
	}
	.accordion-menu li:last-child {padding-bottom:0; border-bottom:none;}
	
	.accordion-menu li.open_faq {
		border-radius: 12px;
		border: none;
		background: none;
		box-shadow: none;
	}
}


@media (max-width:767px) {
	.faqWrap {padding: 6rem 0;}
	.accordion-menu {margin-top: 4rem;}
	.faq_content_box {margin-bottom: 0.6rem;}
	.dropdownlink {
		padding: 2.4rem 3.6rem 2.4rem 2.8rem;
		font-size: 1.5rem!important;
		line-height: 2.2rem;
	}
	.dropdownlink span {
		position: absolute;
		left: 0rem;
		top: 2.2rem;
		font-size: 2rem!important;
		line-height: 2.6rem;
		margin-right: 0.6rem;
	}
	.f_list_open {padding: 1.6rem 0rem;}
	.fa-chevron-down {
		right: 0rem;
		top: 1.4rem;
		width: 2.6rem;
		height: 2.6rem;
	}
	.dropdownlink {padding:1.6rem 3.6rem 1.6rem 2.8rem; font-size: 15px; line-height: 2.2rem;}
	.dropdownlink span {
		position: absolute;
		left: 0;
		top: 1.4rem;
		font-size: 2rem!important;
		line-height: 2.6rem;
		margin-right: 0.6rem;
	}
	
	.f_ar {left: 0; top: 0; font-size: 1.7rem; line-height: 2.2rem;}
	.flNormalText {
		font-size: 15px!important;
		line-height: 2.2rem!important;
		margin-left: 0.6rem;
	}
}



/* 사례 */
.chatblogWriteCase {padding:12rem 0; border-top:1px solid #EEE;}
.chatblogWriteCase .flexBox50 {margin-top:8rem;}
.chatblogWriteCase .flexBoxWidth50 {
	width:calc(100%/2 - 2rem); 
	margin-right:4rem;
	height: 36.8rem;
	border-radius: 1.2rem;
	background: #EEE;
}
.caseName {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 3.6rem;
	font-style: normal;
	font-weight: 700;
	line-height: 5rem;
	margin-top:4rem;
}
.caseTxt {
	color: #555;
	text-align: center;
	font-family: Pretendard;
	font-size: 1.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 3rem;
	margin-top:2rem;
}


@media (max-width:1600px) and (min-width:992px) {}
@media (max-width:991px) {
	.chatblogWriteCase {padding: 8rem 0;}
	.chatblogWriteCase .flexBox50 {flex-direction: row;}
	.chatblogWriteCase.flexBox50 .flexBoxWidth50:last-child {margin-top: 0;}
	.chatblogWriteCase .flexBoxWidth50 {margin-right: 0; margin-top: 0; width:calc(100%/2 - 1rem); height: 36.8rem; border-radius: 1.2rem; background: #EEE;}
	.chatblogWriteCase .flexBox50 {margin-top: 4rem;}
	.chatblogWriteCase .flexBoxWidth50:last-child {margin-top:2rem;}
	
	.caseName {
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin-top: 2rem;
	}
	.caseTxt {
		font-size: 1.4rem;
		line-height: 2.1672rem;
		margin-top: 0.8rem;
	}
}
@media (max-width:767px) {
	.chatblogWriteCase {padding: 6rem 0;}
	.chatblogWriteCase .flexBoxWidth50 {margin-right: 0; margin-top: 0; width: 100%; height: 36.8rem; border-radius: 1.2rem; background: #EEE;}
	
	.chatblogWriteCase .flexBox50 {flex-direction: column;}
	.chatblogWriteCase .flexBox50 .flexBoxWidth50:last-child {margin-top: 2rem;}
}





/* ========================= 커머셜 블로그 추가 ========================= */

.blogScrollTabBtnGroup {
    display: flex;
    align-items: center;
	margin-bottom: 12rem;
    justify-content: center;
}
.blogScrollTabBtnGroup {
    display: flex;
    align-items: center;
	justify-content: center;
}
.blogScrollTabBtn {
    height: auto;
    display: flex;
    padding: 3rem 8rem;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #EDFAF5;
    justify-content: center;
    backdrop-filter: blur(5px);
    border-radius: 50px;
    background: #EDFAF5;
    backdrop-filter: blur(5px);
}
.blogScrollTabBtnTxt {
	color: #000;
	font-size: 2.8rem;
	line-height: 4rem;
	font-family: "Pretendard-Medium";
}
.blogScrollTabBtn:last-child {margin-left:2rem;}

.commercialBtn {
	position:relative;
	background: #26EE9A;
	border-radius: 170px;
	border: 1px solid #00EB88;
	backdrop-filter: blur(2px);
}
.commercialBtn .blogScrollTabBtnTxt {font-size: 3rem; font-family: "Pretendard-Bold";}

.blogScrollTabBtnNew {
    top: 0;
	background: #000;
	position: absolute;
	border-radius: 33.166px;
	padding: 0.663rem 1.72rem;
    transform: translateY(-50%);
	backdrop-filter: blur(1.3266377449035645px);
}
.blogScrollTabBtnNewTxt {
	color: #26EE9A;
	font-size: 1.7246rem;
	line-height: 2.6533rem;
	font-family: "Pretendard-Bold";
}

.blogScrollTabBtnNew::before {
    content: '';
    bottom: 0;
    left: 50%;
	width: 1.1757rem;
    height: 1.1757rem;
	position: absolute;
    transform: translate(-50%, 50%);
	background: url(/public/img/gptBlogWrite/newtalktali.webp) no-repeat center / cover;
}
.commercialWrap {}
.commercialIconWrap {
    display: flex;
	margin: 8rem 0;
	align-items: center;
    justify-content: center;
}
.commercialIcon {width:9.4rem; height:auto;}
.commercialIcon img {width:100%; height:auto;}
.commercialWrap .gptFeatureList {
	padding: 5rem;
    margin-top: 5rem;
	background: #FFF;
    border-radius: 20px;
    border: 1px solid #00EB88;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
}
.commercialWrap .gptFeatureList li {margin-top:0;}

.featureMenu {display: flex; padding-left: 2rem; align-items: center;}
.featureMenu p {
    color: #000;
    opacity: 0.3;
	height: 100%;
    display: flex;
    font-size: 2.2rem;
    line-height: 3rem;
	align-items: center;
    font-family: "Pretendard-SemiBold";
}

.featureMenu p:last-child {margin-left:2rem;}
.featureMenu a {height:100%; display: flex; align-items: center;}
.featureMenu a:hover {color:#000;}

.commercialWrap .gptFeatureListIcon {height: 8rem; width: auto;}
.commercialWrap .gptFeatureListIcon img {height: 100%; width: auto;}


@media (max-width:991px) {
	.blogScrollTabBtn {height:8rem; padding: 0rem 0; width: 50%;}
	.blogScrollTabBtnTxt {font-size:2rem;}
	.commercialBtn .blogScrollTabBtnTxt {font-size: 2.2rem;}
	.commercialWrap .gptFeatureList {padding: 3rem 2rem; margin-top: 5rem;}
	
	.blogScrollTabBtnGroup {margin-bottom: 8rem;}
	.blogScrollTabBtnNewTxt {font-size: 1.4rem; line-height: 2rem;}
	
	.commercialIcon {width: 6.4rem;}
	.commercialIconWrap {margin: 3rem 0;}
	.commercialWrap .gptFeatureListIcon {width: 100%; margin-right: 0; margin-bottom: 2rem; padding: 5.5rem 3.2rem; height: 12rem;}
	.commercialWrap .gptFeatureList {width: 100%; display: flex; flex-wrap: wrap; flex-direction: column;}
	.commercialWrap .gptFeatureList li {display: flex; padding-bottom: 5rem; flex-direction: column; width: 100%;}
	
	.featureMenu p {font-size: 1.6rem; line-height: 2.6rem;}
	
	
}

@media (max-width:767px) {
	.commercialIcon {width: 4.4rem;}
	.commercialBtn .blogScrollTabBtnTxt {font-size: 1.5rem;}
	
	.blogScrollTabBtnGroup {margin-bottom: 6rem;}
	
	.blogScrollTabBtn {width: 50%; height: auto; padding: 0.5rem 0;}
	.blogScrollTabBtn:last-child {margin-left: 1rem;}
	.blogScrollTabBtnTxt {font-size:1.5rem; line-height:3rem;}
	.blogScrollTabBtnNew {padding: 0.6rem 1.2rem; transform: translateY(-85%);}
	.blogScrollTabBtnNewTxt {font-size: 1.2rem; line-height: 1.4rem;}
	
	.commercialWrap .gptFeatureListIcon {height: 6rem; width: 100%;}
	.commercialWrap .gptFeatureList li {display: flex; padding-bottom: 4rem; flex-direction: column;}
	.commercialWrap .gptFeatureList li:last-child {padding-bottom:0;}
	
	.featureMenu p {white-space: nowrap;}
	
	.webmenuSwiper.cus {overflow: hidden;}
}

/* 커머셜 블로그 팝업창 */
.commercialPop {
	left: 0;
    width: 100vw;
    height: 100vh;
	display: flex;
    position: absolute;
	align-items: center;
    justify-content: center;
}
.active .commercialPop {
    top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
    display: flex;
	transition: none;
	max-width: 140rem;
	position: absolute;
	align-items: center;
    justify-content: center;
    transform: translate(-50%,-50%);
}
.commercialPopInner {
	width:100%;
	padding: 0 2rem;
    max-width: 140rem;
}
.commercialPopCont {
    height: auto;
    padding: 5rem;
    background: #FFF;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.commercialPopContTitle {
	color: #000;
	font-size: 3rem;
	text-align: left;
	line-height: 3.2rem;
	font-family: "Pretendard-Bold";
}
.commercialPopContSTitlte {
	color: #000;
	font-size: 2rem;
	margin-top:2rem;
	text-align: left;
	line-height: 3.4rem;
	font-family: "Pretendard-Light";
}
.commercialPopSwiper {
    height: auto;
    /* overflow: hidden; */
}
.commercialPopSlideContTxt {
	margin-top:2rem;
	color: #000;
	font-family: Pretendard;
	font-size: 1.8rem;
	line-height: 3.4rem;
	text-align:left;
}
.commercialPopSwiperpaginationBox {
    position: absolute;
    bottom: unset;
    left: unset;
    right: 8rem;
    top: 5rem;
    display: inline-block;
    color: #EDFAF5;
    text-align: center;
    font-family: Outfit;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    border-radius: 99px;
    background: #EDFAF5;
    width: 8.6rem;
    height: 8.6rem;
    transform: translateX(-100%);
}
.commercialPopSwiperpaginationBox .swiper-pagination-fraction {
    bottom: unset;
	top: 50%;
    left: 50%;
	display: flex;
    width: 3.8rem;
    height: 4.8rem;
    transform: translateY(-50%) translateX(-50%);
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: flex-start;
}
.commercialPopSwiperpaginationBox .swiper-pagination-fraction span.swiper-pagination-total {
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 2.6rem;
}
.commercialPopSwiperpaginationBox .swiper-pagination-fraction span.swiper-pagination-current {
    position: absolute;
    bottom: 0;
    right: 0;
	color: #00EB88;
	text-align: center;
	font-family: Outfit;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 2.6rem;
}
.commercialPopSwiperpaginationBox .swiper-pagination-fraction::before {
    content: '';
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    width: 1px;
    height: 27.1px;
    stroke-width: 1px;
    transform: rotate(35deg);
    right: 46%;
    top: 17%;
}

.commercialPopSwiperBtn {
    display: inline-flex;
    position: absolute;
    top: 50%;
    z-index: 20;
    transform: 0;
    justify-content: space-between;
    width: 100%;
    transform: translateY(-50%);
    left: 1rem;
    right: unset;
    width: calc(100% - 2rem );
}

.commercialPopSwiperBtn .swiper-button-next, .commercialPopSwiperBtn .swiper-button-prev {
    position: relative;
    top: unset;
    left: unset;
    margin: 0;
    width: 2.6rem;
    height: 1rem;
    display: block;
    width: 7rem;
    height: 7rem;
}

.commercialPopSwiperBtn .swiper-button-prev {
    background-image: url(/public/img/gptBlogWrite/commercialPopSwiperBtnArrowLeft.webp);
    background-size: cover;
    right: 0;
	border-radius: 99px;
    background-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    background-position: center;
}

.commercialPopSwiperBtn .swiper-button-next {
	background-image: url(/public/img/gptBlogWrite/commercialPopSwiperBtnArrowRight.webp);
    background-size: cover;
    right: 0;
	border-radius: 99px;
    background-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    background-position: center;
}

.commercialPopSwiperBtn .swiper-button-prev.swiper-button-disabled {
	background-image: url(/public/img/gptBlogWrite/commercialPopSwiperBtnArrowLeftDis.webp);
    opacity: 1;
}

.commercialPopSwiperBtn .swiper-button-next.swiper-button-disabled {
	background-image: url(/public/img/gptBlogWrite/commercialPopSwiperBtnArrowRightDis.webp);
    opacity: 1;
}

.commercialPopSwiperBtn .swiper-button-next:after,.commercialPopSwiperBtn .swiper-button-prev:after {
    content: ''
}

.commercialPopSlideCont {
    width: 100%;
    margin-top: 3rem;
    border-radius: 1.6rem;
}

.commercialPopSlideContImg {
    width: 100%;
    height: auto;
	overflow: hidden;
    border-radius: 10px;
    border: 1px solid rgba(51, 51, 51, 0.10);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
}
.commercialPopSlideCont img {width:100%; height:auto;}
.commercialPopWrap {   
    height: 0;
    opacity: 0;
	width: 100%;
	overflow: hidden;
	transition: none;
}
.commercialPopWrap.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3001;
    display: block;
    height: 100vh;
    opacity: 1;
}
.commercialPopWrapDim {
    position: absolute;
    left: 0;
    top: 0;
}
.active .commercialPopWrapDim {
	z-index: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.50);
    backdrop-filter: blur(5px);
}
.commercialPopClose {
    right: 5rem;
    top: 5rem;
    width: 8.6rem;
    height: auto;
    cursor: pointer;
    position: absolute;
    height: 8.6rem;
    border-radius: 99px;
    background: #F8F8F8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.commercialPopClose img {width: 2rem; height: auto;}

@media (max-width:991px) {
	.commercialPopCont {padding: 3rem 2rem;}
	.commercialPopContTitle {font-size: 2rem; line-height: 3rem;}
	.commercialPopClose {right: 2rem; top: 3rem; width: 2rem; width: 5rem; height: 5rem;}
	.commercialPopContSTitlte {font-size: 1.4rem; line-height: 2rem; margin-top: 1rem;}
	.commercialPopSwiperBtn .swiper-button-next, .commercialPopSwiperBtn .swiper-button-prev {width: 5.5rem; height: 5.5rem;}
	
	.commercialPopSwiperpaginationBox {top: 3rem; right: 5rem; height: 5rem; width: 5rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction {width: 2.8rem; height: 4.3rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction span.swiper-pagination-total {font-size: 1.8rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction span.swiper-pagination-current {font-size: 1.8rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction::before {height: 35.1px; right: 45%; top: 7%;}
	.commercialPopCont {height: auto; overflow: hidden;}
}

@media (max-width:767px) {
	.commercialPopContTitle {font-size: 1.8rem; line-height: 2.6rem;}
	.commercialPopSwiperBtn .swiper-button-next, .commercialPopSwiperBtn .swiper-button-prev {width: 3.5rem; height: 3.5rem;}
	.commercialPopClose {top: 2rem; right: 1rem; height: 3.5rem; width: 3.5rem;}
	.commercialPopClose img {width: 1.5rem;}
	.commercialPopSlideContTxt {margin-top: 1.5rem; font-size: 1.4rem; line-height: 2rem; word-break: keep-all;}
	.commercialPopSwiperpaginationBox {top: 2rem; right: 4rem; height: 3.5rem; width: 3.5rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction span.swiper-pagination-total {font-size: 1.4rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction span.swiper-pagination-current {font-size: 1.4rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction {width: 2.2rem; height: 3.3rem;}
	.commercialPopSwiperpaginationBox .swiper-pagination-fraction::before {height: 20.1px; right: 48%; top: 20%;}
	.commercialPopSwiper {position: relative; overflow: unset;}
	.commercialPopSlideCont {margin-top: 1.5rem; padding:0;}
	.commercialPopSwiperBtn {
		top: 50%;
		left: 50%;
		width: 100%;
		right: unset;
		width: calc(100% + 2rem );
		justify-content: space-between;
		transform: translateY(-50%) translateX(-50%);
	}
}

/* ========================= // ~ 커머셜 블로그 CSS ========================= */




/* ========================= optiseo CSS ~ ========================= */
#optiseoWrap .chatblogWriteBTxt {word-break: keep-all;}
#optiseoWrap .seorant {width: calc(50% - 4rem); margin-top: 0;}
#optiseoWrap .seoranbox {padding: 0rem 0rem 6rem 0rem;}

.optiseoVinner .ms02RFigure {width: 62.2%; margin: 0 auto;}

.optiseoVinner .ms02RFiguretext {width:13rem; height:auto;}
.optiseoVinner .ms02RFiguretext img.text01 {width: 100%; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10); border-radius: 50%;}

.optiseoVinner .ms02RFiguretext.text01 {top: -14%; left: 43%;}
.optiseoVinner .cirecletext01s {
    top: 6%;
    left: 100%;
    width: 15.4rem;
	position: absolute;
}


.optiseoVinner .ms02RFiguretext.text02 {top: 24%; right: 11%;}
.optiseoVinner .cirecletext02s {
	top: 40%;
    left: 78%;
    width: 9.4rem;
    position: absolute;
}

.optiseoVinner .ms02RFiguretext.text03 {top: unset; right: 24%; bottom: -9%;}
.optiseoVinner .cirecletext03s {
    top: 20%;
    left: 105%;
    width: 12.5rem;
    position: absolute;
}

.optiseoVinner .ms02RFiguretext.text04 {top: unset; left: 24%; bottom: -6%;}
.optiseoVinner .cirecletext04s {
    top: 20%;
    right: 94%;
    width: 12.5rem;
    position: absolute;
}


.optiseoVinner .ms02RFiguretext.text05 {top: 24%; left: 11%;}
.optiseoVinner .cirecletext05s {
    right: 58%;
	bottom: 48%;
    width: 11.4rem;
    position: absolute;
}
#optiseoWrap .chatGptAboutq,
#optiseoWrap .chatGptAbouta {text-align:center;}

.optiseoTechCntBoxGroup {display: flex; justify-content: space-between; align-items: center; margin-top: 4rem;}
.optiseoTechCntBoxLeft {width: 57.35%;}
.optiseoTechGroup {margin-top: 8rem;}

.searchIconA {width: 1.6rem; height: auto; margin-left: 1.8rem;}
.searchIconA img {width:100%; height:auto;}

.serachAview {display: flex; margin-top: 2rem;}
.serachAviewTxt {
    color: #000;
    display: flex;
    font-size: 1.6rem;
    line-height: 3.2rem;
    align-items: center;
    font-family: "Pretendard-SemiBold";
    padding: 1rem 2.4rem;
    border: 1px solid #000;
    border-radius: 99px;
    display: inline-flex;
}
.serachAviewTxt:hover {border-radius: 99px; background: #00EB88; border: 1px solid #00EB88;}

.optiseoTechBox {
	border-radius: 10px;
	background: #EDFAF5;
	display: flex;
	padding: 2.4rem 3.4rem 2.4rem 2.6rem;
	align-items: center;
	position:relative;
	border-bottom:1px solid #EEE;
}
.optiseoTechBox::before {
    content: '';
	left: 0;
    top: 50%;
    width: 4px;
	height: 5rem;
	position: absolute;
    align-self: stretch;
    background: #00EB88;
	border-radius: 0px 4px 4px 0px;
    transform: translateY(-50%);
}
.optiseoTechTitleBox {
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.optiseoTechTitle {
	color: #000;
	font-size: 3.2rem;
	line-height: 5rem;
	font-family: "Pretendard-SemiBold";
}
.optiseoTechCntBox {
    padding: 3rem 0;
	text-align: left;
    border-bottom: 1px solid #EEE;
}
.optiseoTechCntBox:first-child {padding-top:0;}
.optiseoTechCntBox:last-child {padding-bottom:0; border-bottom:none;}

.optiseoTechCount {
	color: #00EB88;
	font-family: Outfit;
	font-size: 3.2rem;
	font-style: normal;
	font-weight: 600;
	line-height: 5rem;
}

.optiseoTechCntCount {
	color: #00EB88;
	font-family: Outfit;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.8rem;
}

.optiseoTechCntTitle {
    color: #000;
    font-family: "Pretendard-SemiBold";
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin: 2rem 0;
}

.optiseoTechCntTxt {
    color: #000;
    font-size: 2rem;
    line-height: 3.4rem;
    word-break: keep-all;
}

.optiseoTechCntBoxRight {width: 38.24%;}

.optiseoTechCntBoxRight img {width:100%; height:auto;}

.optiContSeo .optiseoTechCntBoxGroup {
    padding-bottom: 3rem;
    border-bottom: 1px solid #EEE;
    margin-bottom: 0;
    margin-top: 0;
    padding-top: 3rem;
}

.optiContSeo .optiseoTechCntBoxGroup:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
	border-bottom: none;
}

.optiseoCaseBox {width: calc(50% - 2rem);}

.optiseoCase {width:100%; height:auto;}
.optiseoCase img {width:100%; height:auto;}

.optiseoCaseTitle {
    color: #111;
	text-align: left;
    margin-top: 2rem;
    font-size: 2.4rem;
    line-height: 3.8rem;
    font-family: "Pretendard-SemiBold";
}

.chatblogWriteWrap .greenLineBold {font-family: "Pretendard-SemiBold";}

@media (max-width:991px) {
	#optiseoWrap .seorant {width: 100%; margin-top: 0;}
	#optiseoWrap .seoranbox {padding: 0rem 0rem 3rem 0rem;}
	
	.seoranimg {width: 90%; margin: 9.5rem auto 0;}
	
	.optiseoVinner .ms02RFiguretext {width: 12rem; height: auto;}
	.optiseoVinner .ms02RFiguretext.text02 {right: 14%;}
	.optiseoVinner .ms02RFiguretext.text03 {bottom: -5%;}
	.optiseoVinner .ms02RFiguretext.text04 {bottom: -5%;}
	.optiseoVinner .ms02RFiguretext.text05 {left: 12%;}
	
	.optiseoTechTitle {font-size: 2.5rem; line-height: 4rem;}
	.optiseoTechBox {padding: 1.2rem 2.4rem 1.2rem 2.6rem;}
	
	.optiseoTechCntBoxGroup {display: flex; justify-content: space-between; align-items: center; margin-top: 4rem; flex-direction: column;}
	.optiseoTechCntBoxLeft {width: 100%; margin-bottom: 6rem;}
	.optiseoTechCntBoxRight {width: 100%;}
	
	.optiseoCaseTitle {margin-top: 1.5rem; font-size: 2.2rem; line-height: 3.8rem;}
	
	.serachAviewTxt {font-size: 1.4rem; line-height: 2rem; padding: 1rem 1.5rem;}
	.serachAview {display: flex; margin-top: 1rem;}
	.searchIconA {width: 1.6rem; margin-left: 1rem;}
}

@media (max-width:767px) {
	#optiseoWrap .chatblogWriteContWrap {padding-top: 5rem;}
	#optiseoWrap .chatblogWriteFeature {padding: 5rem 0 6rem;}
	#optiseoWrap .seoranbox {padding: 0rem 0rem 5rem 0rem;}
	#optiseoWrap .chatGptAbouta {word-break:keep-all;}
	
	.seoranimg {width: 90%; margin: 6.25rem auto 0;}

	
	.optiseoVinner .ms02RFiguretext {width: 21.8%; height: auto;}
	
	.optiseoVinner .cirecletext01s {top: 6%; left: 100%; width: 126%;}
	.optiseoVinner .cirecletext02s {top: 40%; left: 74%; width: 86%;}
	.optiseoVinner .cirecletext03s {top: 38%; left: 105%; width: 119%;}
	.optiseoVinner .cirecletext04s {top: 11%; right: 94%; width: 121%;}
	.optiseoVinner .cirecletext05s {right: 49%; bottom: 48%; width: 108%;}
	.optiseoVinner .ms02RFigure {width: 69.2%; margin: 0 auto;}
	
	.optiseoVinner .ms02RFiguretext.text01 {top: -15%; left: 45%;}
	.optiseoVinner .ms02RFiguretext.text02 {right: 7%; top: 26%;}
	.optiseoVinner .ms02RFiguretext.text03 {bottom: -8%;}
	.optiseoVinner .ms02RFiguretext.text04 {left: 21%; bottom: -8%;}
	.optiseoVinner .ms02RFiguretext.text05 {left: 6%;}
	
	#optiseoWrap .gptFeatureListIconBox {align-items: flex-start;}
	#optiseoWrap .gptFeatureListTxt {word-break: keep-all;}
	
	.optiseoTechGroup {margin-top: 4rem;}
	.optiseoTechTitle {font-size: 2rem; line-height: 3.2rem;}
	.optiseoTechBox {padding: 1.4rem 2rem 1.4rem 2rem; border-bottom: none;}
	.optiseoTechBox::before {height:3.2rem;}
	
	.optiseoTechCount {font-size: 2rem; line-height: 3.2rem;}
	.optiseoTechCntBoxGroup {margin-top: 2.4rem;}
	.optiseoTechCntCount {font-size: 1.6rem; line-height: 2rem;}
	.optiseoTechCntTitle {font-size: 1.8rem; line-height: 2.4rem; margin: 1rem 0;}
	.optiseoTechCntTxt {font-size: 1.4rem; line-height: 1.78;}
	.optiseoTechCntBox {padding: 0 0 3rem 0; border-bottom: none;}
	.optiseoTechCntBoxLeft {width: 100%; margin-bottom: 3rem;}
	
	.optiseoCaseBox {width: 100%;}
	.optiseoCaseTitle {margin-top: 1rem; font-size: 1.6rem; line-height: 2.6rem; text-align: center;}
	.optiseoCaseBox {width: 100%; margin-bottom: 2rem;}
	.optiseoCaseBox:last-child {margin-bottom:0;}
	
	#optiseoWrap .faqWrap .accordion-menu li:first-child {border-top: 1px solid #EEE;}
	#optiseoWrap .faqWrap .accordion-menu .submenuItems li:first-child {border-top:none;}
	
	.greenLineBold::before {width: 100%; left: 0;}
	
	
	.chatblogWriteBTxt {font-size: 1.6rem; line-height: 1.7; text-align: center;}
	.chatGptAbouta {font-size: 1.5rem; line-height: 1.7; margin-top: 1rem;}
	
	#optiseoWrap .gptFeatureListTxt {line-height: 1.75;}

}

@media (max-width:340px) {
	html {
		font-size: 55%;
		box-sizing: border-box;
	}
	
	
	.chatblogWriteBTxt {
		line-height: 3rem;
	}

	.optiseoTechTitle {
		font-size: 1.8rem;
		line-height: 3.2rem;
	}
	
	.chatblogWriteBbtn {
		padding: 1rem 2rem;
	}


}

.testT {
    font-size: 15px!important;
}


/* ========================= // ~ optiseo CSS ========================= */


/* ========================= ::::::::::::: 웹마스터 CSS ~ ::::::::::::: ========================= */

#webMasterWrap .seobarInner {padding:0 2rem;}
.webMasterVWrap {padding: 0 2rem;}
.webMasterVinner {
    width: 100%;
	max-width: 140rem;
	margin: 12rem auto 0;
    position: relative;
	border-radius: 3rem;
    padding: 12rem 2rem;
    background: url(/public/img/webmaster/webmasterVbg.webp) no-repeat center / cover;
}

.webMasterVinner::before {
    content: '';
    width: 102%;
    height: 35rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
    position: z;
    position: absolute!important;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 0;
}

.webMasterVContBox {
    z-index: 1;
    position: relative;
}

.webMasterVinner h1 {
	color: #000;
	text-align: center;
	font-family: "Pretendard-SemiBold";
	font-size: 3rem;
	line-height: 4rem;
}

.webMasterVinner h2 {
	color: #000;
	font-family: "Pretendard-Bold";
	font-size: 6rem;
	line-height: 8rem;
	margin-top:3rem;
}

.webMasterVinner h3 {
	color: #000;
	text-align: center;
	font-family: Pretendard;
	font-size: 2rem;
	line-height: 3.6rem;
	margin-top:3rem;
}

.webmasterng {
    width: 90rem;
    height: auto;
    display: flex;
	margin:8rem auto 0;
    align-items: flex-start;
    justify-content: space-between;
}
.webmasterng li {width:calc(50% - 5rem);}
.webmasterng img {width:14rem; height:auto;}

.webMasterVinner h4 {
	color: #000;
	text-align: center;
	font-family: "Pretendard-Bold";
	font-size: 3.4rem;
	line-height: 4rem;
	margin-top:4rem;
}

.webMasterVIcon {position:absolute;}
.webMasterVIcon img {width:100%; height:auto;}

.webMasterVIcon01 {
    right: 0;
	top: 34%;
    width: 13rem;
    max-width: 13rem;
	transform: translateX(30%);
}

.webMasterVIcon02 {
	left: 8%;
    bottom: 0;
    width: 9.2rem;
    max-width: 9.2rem;
    transform: translateY(54%);
}

.webMasterVIcon03 {
    top: 6%;
	left: 10%;
    width: 5.1rem;
    transform: translateX(30%);
}

.webMasterVIcon04 {
    left: 0;
    top: 37%;
    width: 8.6rem;
    transform: translateX(-40%);
}

.webMasterVIcon05 {
    bottom: 0;
	right: 14%;
    width: 4.4rem;
    transform: translateY(64%);
}

@media (min-width:1650px) {
	.webMasterVIcon01 {right: -4rem;}
	.webMasterVIcon04 {left: -3.5rem;}
}

@media (max-width:1600px) {
	.webMasterVIcon01 {width: 11rem; transform: translateX(11%);}
	.webMasterVIcon04 {width: 6.6rem; transform: translateX(-21%);}
}

@media (max-width:991px) {
	.webMasterVWrap {padding: 0 2rem;}
	.webMasterVinner {
		width: 100%;
		max-width: 140rem;
		margin: 6rem auto 0;
		padding: 0rem 2rem 4rem 2rem;
		background: url(/public/img/webmaster/webmasterVbg.webp) no-repeat center / cover;
	}
	.webMasterVinner h1 {font-size: 2.2rem; line-height: 3.2rem;}
	.webMasterVinner h2 {font-size: 4rem; line-height: 5rem; margin-top: 2rem;}
	.webMasterVinner h3 {line-height: 3rem; margin-top: 2.5rem;}
	.webMasterVinner h4 {font-size: 2rem; line-height: 3rem; margin-top: 1.6rem;}
	
	.webmasterng {width: 100%; padding: 0 1.7rem; margin-top: 6.7rem;}
	.webmasterng img {width: 62%; height: auto; max-width: 12rem;}
	.webmasterng li {width: 100%;}
	
	.webMasterVIcon01 {
		right: -0.5rem;
		top: 42%;
		width: 4.9rem;
		max-width: 13rem;
		transform: translateX(25%);
	}
	.webMasterVIcon02 {
		left: 11%;
		bottom: 1.5%;
		width: 3.4rem;
		max-width: 3.4rem;
	}
	.webMasterVIcon03 {
		left: 3%;
		top: 13%;
		width: 2.4rem;
		transform: translateX(30%);
	}
	.webMasterVIcon04 {left: -2%; top: 43%; width: 3.6rem; transform: unset;}
	.webMasterVIcon05 {
		bottom: 0;
		right: 14%;
		width: 3.5rem;
		transform: translateY(64%);
	}
	.webMasterVinner::before {
		height: 19rem;
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 0.0) 103%);
	}
}

@media (max-width:767px) {
	.webMasterVinner h1 {font-size: 1.6rem; line-height: 2.4rem;}
	.webMasterVinner h2 {font-size: 3.2rem; line-height: 4rem; margin-top: 1rem;}
	.webMasterVinner h3 {font-size: 1.5rem; line-height: 2.5rem; margin-top: 1rem;}
	.webMasterVinner h4 {font-size: 1.5rem; line-height: 2rem; margin-top: 1.6rem;}
	.webmasterng {width: 100%; padding: 0 1.7rem; margin-top: 4.7rem;}
	.webMasterVIcon04 {left: -2%; top: 38%; width: 3.6rem;}
	.webMasterVinner::before {
		height: 21rem;
		background: linear-gradient(180deg, rgba(255, 255, 255, 1) 84%, rgba(255, 255, 255, 0.0) 103%);
	}
}


/* ++++++ 웹마스터 스티키 메뉴 ++++++ */

.webmenuSwiperWrap {}
.webmenuSwiper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto!important;
    position: sticky;
    top: 1rem;
    z-index: 15;
	margin-top:12rem;
}
.webmenuSwiper.down {top: 13rem;}
.webmenuSwiper  .swiper-wrapper {
    width: auto!important;
    display: flex;
    align-items: center;
    position: sticky;
    top: 1rem;
    padding: 1.5rem;
    z-index: 5;
    transition: all 0.25s ease-in-out;
    justify-content: center;
    width: auto;
    /* display: inline-flex; */
    border-radius: 99px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.webstickyMenu.menu-active {
    border-radius: 50px;
    background: rgba(0, 235, 136, 0.85);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    display: inline-block;
    font-family: "Pretendard-Bold";
}
.webmenuSwiper .swiper-slide {width: auto!important;}
.webstickyMenu a {
    padding: 1rem 2.6rem;
    border-radius: 5rem;
    color: #000;
    font-family: "Pretendard-Medium";
    font-size: 2.6rem;
    line-height: 4rem;
    white-space: nowrap;
    display: inline-block;
    z-index: 3;
    position: relative;
}
.webstickyMenu.menu-active a {font-family: "Pretendard-Bold";}

@media (max-width:991px) {
	.webmenuSwiper {width: 100%!important; align-items: center; overflow: hidden; top: 1rem; margin-top:8rem;}
	.webmenuSwiper .swiper-wrapper {padding:1rem 2rem;}
	.webstickyMenu a {padding: 0.6rem 1.7rem; font-size: 1.6rem; line-height: 2.6rem; display: inline-block;}
	.webmenuSwiper.down {top: 11rem;}
}

@media (max-width:767px) {
	.webmenuSwiper.down {top: 6rem;}
	.webmenuSwiper {justify-content: flex-start; width: 100%!important; align-items: center; overflow: hidden; top: 1rem; margin-top:5rem; }
	.webmenuSwiper .swiper-wrapper {padding:1rem 2rem;}
	.webstickyMenu a {padding: 0.6rem 1.7rem; font-size: 1.6rem; line-height: 2.6rem; display: inline-block;}
}

/* 필요성 */
#webMasterWhy {padding:0 2rem 0 2rem;}
#webMasterWhy .subInner {padding:0 0 12rem 0; border-bottom: 1px solid #EEE;}
#webMasterWhy h3 {
	color: #333;
	text-align: center;
	font-family: "Pretendard-SemiBold";
	font-size: 2.4rem;
	line-height: 4.2rem; /* 175% */
	margin-top:3rem;
}

#webMasterWhy .greenLineWrap {font-family: "Pretendard-Bold";}
#webMasterWhy .greenline {height: 0.7rem; bottom:-2px; z-index: 0;}
#webMasterWhy h3.webMasterWhyTitle {
    color: #000;
    font-family: "Pretendard-SemiBold";
    text-align: left;
    font-size: 2.6rem;
    line-height: 3.4rem;
    margin-top: 4rem;
}

#webMasterWhy .greenCircle {width:109%;}
.webMasterWhyTxt {
    font-family: "Pretendard-Light";
    text-align: left;
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: 2rem;
    word-break: keep-all;
}

@media (max-width:991px) {
	#webMasterWrap .chatblogWriteContWrap {padding-top:0rem;}
	#webMasterWhy {padding: 8rem 2rem 0 2rem;}
	#webMasterWhy .subInner {padding: 0 0 8rem 0;}
	#webMasterWhy .gptFeatureList {margin-top:3rem;}
	#webMasterWhy h3 {font-size: 1.8rem; line-height: 3rem; margin-top: 4rem;}
	#webMasterWhy .greenLineWrap.mo_only {font-family: "Pretendard-Bold"; display: inline-block!important;}
	#webMasterWhy .gptFeatureList li {width: 100%; margin-top: 3rem;}
	#webMasterWhy .gptFeatureListIconBox {align-items: flex-start;}
	#webMasterWhy h3.webMasterWhyTitle {font-size: 2.2rem; line-height: 3.5rem; margin-top: 0;}
	.webMasterWhyTxt {font-size: 1.6rem; line-height: 2.6rem; margin-top: 1rem; letter-spacing: -0.028rem;}
}

@media (max-width:767px) {
	#webMasterWhy {padding: 5rem 2rem 0 2rem;}
	#webMasterWhy .subInner {padding: 0 0 6rem 0;}
	#webMasterWhy .gptFeatureList {margin-top:1rem;}
	#webMasterWhy h3 {font-size: 1.5rem; line-height: 2.4rem; margin-top: 2rem;}
	#webMasterWhy .greenLineWrap.mo_only {font-family: "Pretendard-Bold"; display: inline-block!important;}
	#webMasterWhy .gptFeatureList li {width: 100%; margin-top: 3rem;}
	#webMasterWhy .gptFeatureListIconBox {align-items: flex-start;}
	#webMasterWhy h3.webMasterWhyTitle {font-size: 1.8rem; line-height: 2.4rem; margin-top: 0;}
	.webMasterWhyTxt {font-size: 1.4rem; line-height: 2.4rem; margin-top: 1rem; letter-spacing: -0.028rem;}
	
	/* .webmenuSwiper {overflow:unset;} */
	.webmenuSwiper .swiper-wrapper {justify-content: flex-start;}
	.webmenuSwiper .swiper-slide {width:auto!important;}
	.webmenuSwiper .featureMenu p {font-size: 1.6rem; line-height: 3rem;}
	.featureMenu {display: flex; padding-left: 1rem;}
	.featureMenu p:last-child {margin-left: 1rem;}
}


/* +++++++ 서비스 혜택 +++++++ */
#webMasterWrap #effect {padding:0 2rem; border: none;}
#webMasterWrap #effect .subInner {padding:12rem 0; border-bottom: 1px solid #EEE;}
.webMasterEffectCont {margin-top:8rem;}
.webMasterEffList li {
    border-radius: 1.6rem;
    background: #F3FCF9;
    display: flex;
    padding: 2rem 6rem;
    justify-content: space-between;
    align-items: center;
	margin-top:3rem;
}
.webMasterEffList li :first-child {margin-top:0;}
.webMasterEffTbox {
    text-align: left;
    padding-left: 7.8rem;
    position: relative;
    width: 100%;
}
.webMasterEffCount {
    color: #26EE9A;
    font-family: "Pretendard-Bold";
    font-size: 4rem;
    line-height: 5rem;
    position: absolute;
    left: 0;
}
.webMasterEffTitle {
	color: #333;
	font-family: "Pretendard-Bold";
	font-size: 4rem;
	line-height: 5rem;
}
.webMasterEffTxt {
	color: #333;
	font-family: Pretendard;
	font-size: 2.2rem;
	line-height: 3.8rem;
	margin-top:3rem;
}
.webMasterEffImg {width: 42rem;}
.webMasterEffImg img {width:100%; height:auto;}

@media (max-width:991px) {
	#webMasterWrap #effect .subInner {padding: 8rem 0;}
	.webMasterEffectCont {margin-top: 6rem;}
	.webMasterEffList li {
		border-radius: 1.6rem;
		background: #F3FCF9;
		display: flex;
		padding: 3rem;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 1rem;
		flex-direction: column;
	}
	.webMasterEffTbox {text-align: left; padding-left: 0; position: relative;}
	.webMasterEffTitle {font-size: 2.8rem; line-height: 4rem;}
	.webMasterEffTxt {font-size: 2rem; line-height: 3rem; margin-top: 1.5rem; letter-spacing: -0.028rem;}
	.webMasterEffCount {font-size: 2.5rem; line-height: 4rem; left: unset; right: 0;}
	.webMasterEffImg {width: 80%; margin: 1rem auto 0;}
	.webMasterEffImg img {width: calc(100% - 4.8rem); height: auto;}
}

@media (max-width:767px) {
	#webMasterWrap #effect .subInner {padding: 6rem 0;}
	.webMasterEffectCont {margin-top: 4rem;}
	.webMasterEffList li {
		border-radius: 1.6rem;
		background: #F3FCF9;
		display: flex;
		padding: 2.6rem;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 1rem;
		flex-direction: column;
	}
	.webMasterEffTbox {text-align: left; padding-left: 0; position: relative;}
	.webMasterEffTitle {font-size: 1.8rem; line-height: 2.4rem;}
	.webMasterEffTxt {font-size: 1.4rem; line-height: 2.4rem; margin-top: 1rem; letter-spacing: -0.028rem;}
	.webMasterEffCount {font-size: 1.6rem; line-height: 2rem;}
	.webMasterEffImg {width: 100%; margin:0;}
	.webMasterEffImg img {width: calc(100% - 4.8rem); height: auto;}
}

/* +++++++ 서비스 진행 단계 +++++++ */
#webMasterWrap #process {overflow: hidden; padding: 0 2rem; border: none;}
#webMasterWrap #process .subInner {padding:12rem 0; border-bottom: 1px solid #EEE;}
.webMasterProcessCont {margin-top: 8rem;}
.webproCount {
	color: #00EB88;
	text-align: center;
	font-family: Outfit;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 2.8rem;
}
.webproImgBox {
    border-radius: 2rem;
    background: #F8F8F8;
    padding: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0;
}
.webproImg {width:12rem; height:auto;}
.webproImg img {width: 100%; height: auto;}
.webproImg.blend img {mix-blend-mode: multiply;}
.webproTxt {
	color: #000;
	text-align: center;
	font-family: "Pretendard-SemiBold";
	font-size: 2.6rem;
	line-height: 3.4rem;
}

@media (max-width:991px) {
	#webMasterWrap #process .subInner {padding:8rem 0;}
	.webMasterProcessCont {margin-top: 6rem;}
	.webproTxt {font-size: 2rem; line-height: 3rem;}
	.webproImgBox {border-radius: 2rem; padding: 3rem; display: flex; justify-content: center; align-items: center; margin: 2rem 0;}
}
@media (max-width:767px) {
	#webMasterWrap #process .subInner {padding:6rem 0;}
	.webMasterProcessCont {margin-top: 4rem;}
	.webproTxt {font-family: "Pretendard-SemiBold"; font-size: 1.5rem; line-height: 2.6rem;}
	.webproCount {font-size: 1.6rem; line-height: 2rem;}
	.webproImgBox {border-radius: 2rem; padding: 3rem; display: flex; justify-content: center; align-items: center; margin: 1rem 0;}
}

/* +++++++ 넥스트의 실적 +++++++ */
#webMasterWrap #performance {padding:0 2rem; border:none;}
#webMasterWrap #performance .subInner {padding:12rem 0; border-bottom:1px solid #EEE;}
.webMasterPerforImgGroup {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 4rem;
}
.webMasterPerforImg {width: calc(50% - 2rem); margin-top: 4rem;}
.webMasterPerforImg img {width:100%; height:auto;}

@media (max-width:991px) {
	#webMasterWrap #performance .subInner {padding:8rem 0;}
	.webMasterPerforImg {width: 100%; margin-top: 2rem;}
	.webMasterEffImg {width: 80%; margin: 1rem auto 0;}
}

@media (max-width:767px) {
	#webMasterWrap #performance .subInner {padding:6rem 0;}
	.webMasterPerforImg {width: 100%; margin-top: 2rem;}
	.webMasterPerforImgGroup {margin-top: 2rem;}
}

/* +++++++ 추가 서비스 +++++++ */ 
#webMasterWrap #additional {padding:0 2rem; border:none;}
#webMasterWrap #additional .subInner {padding:12rem 0; border-bottom:1px solid #EEE;}
.webMasterAddCont {margin-top: 8rem;}
.webMasterAddList {
	display: flex;
	padding: 6rem 5rem;
    border-radius: 26px;
    background: #F3FCF9;
    justify-content: space-between;
}
.webMasterAddList li {
    width: calc(100%/3 - 4rem);
}
.webMasterAddBTitle {
	color: #333;
	text-align: center;
	font-family: "Pretendard-Bold";
	font-size: 3.2rem;
	line-height: 4rem;
}
.webMasterAddTitle {
	color: #333;
	text-align: center;
	font-family: "Pretendard-SemiBold";
	font-size: 2.2rem;
	line-height: 3.4rem;
	margin-top:1.4rem;
	word-break: keep-all;
}
.webMasterAddTBox {
	padding-top:4rem;
	margin-top:4rem;
	border-top:1px solid rgba(0, 0, 0, 0.06);
}
.webMasterAddTxt {
    color: #333;
    text-align: center;
    font-family: "Pretendard-SemiBold";
    font-size: 1.8rem;
    line-height: 3rem;
    letter-spacing: -0.36px;
    margin-top: 0.6rem;
}


@media (max-width:991px) {
	#webMasterWrap #additional .subInner {padding: 8rem 0;}
	.webMasterAddCont {margin-top: 4rem;}
	.webMasterAddList {
		display: flex;
		padding: 0;
		border-radius: 0;
		background: unset;
		justify-content: space-between;
		flex-direction: column;
	}
	.webMasterAddList li {
		width: 100%;
		padding: 3.5rem;
		border-radius: 8px;
		background: #F3FCF9;
		margin-bottom: 2rem;
	}
	.webMasterAddBTitle {
		font-family: "Pretendard-Bold";
		font-size: 2.5rem;
		line-height: 3.8rem;
	}
	.webMasterAddTitle {
		font-size: 1.8rem;
		line-height: 2.5rem;
		margin-top: 1rem;
	}
	.webMasterAddTBox {
		padding-top: 1.9rem;
		margin-top: 2.5rem;
		border-top: 1px solid rgba(0, 0, 0, 0.06);
	}
	.webMasterAddTxt {
		font-family: "Pretendard-Light";
		font-size: 1.6rem;
		line-height: 2.6rem;
		letter-spacing: -0.028rem;
		margin-top: 0.6rem;
	}	
}

@media (max-width:767px) {
	#webMasterWrap #additional .subInner {padding: 6rem 0;}
	.webMasterAddList li {padding: 2.6rem;}
	.webMasterAddBTitle {font-size: 1.8rem; line-height: 2.4rem;}
	.webMasterAddTitle {font-size: 1.5rem; line-height: 2.4rem; margin-top: 1rem;}
	.webMasterAddTBox {padding-top: 1rem; margin-top: 1.6rem;}
	.webMasterAddTxt {font-size: 1.4rem; line-height: 2.4rem;}
}


/* +++++++ 넥스트티와 함께 성장하는 브랜드 +++++++  */
#webMasterWrap #webpartner {padding:0 2rem;}
#webMasterWrap #webpartner .subInner {padding:12rem 0; border-bottom:1px solid #EEE;}
#webpartner .chatblogWriteCtitle {
    color: #000;
    font-family: "Pretendard";
    font-size: 5.2rem;
    font-style: normal;
    line-height: 6.8rem;
    margin-top: 0rem;
    position: relative;
    z-index: 2;
}
#webpartner .titleBold {font-family: "Pretendard-Bold";}
.webMasterPartner {
    width: 100%;
    margin-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.webMasterPartner li {width: calc(100%/5 - 4.5rem); margin-top: 6.5rem;}
.webMasterPartnerImg {width:100%;}


@media (max-width:991px) {
	#webMasterWrap #webpartner .subInner {padding:8rem 0;}
	.webMasterPartner {margin-top:3rem;}
	#webpartner .chatblogWriteCtitle {font-size: 3.5rem; line-height: 5rem;}
	.webMasterPartner li {width: calc(100%/3 - 3rem); margin-top: 4rem;}
}

@media (max-width:767px) {
	#webMasterWrap #webpartner .subInner {padding:6rem 0;}
	#webpartner .chatblogWriteCtitle {font-size: 2.4rem; line-height: 3.4rem;}
	.webMasterPartner li {width: calc(100%/3 - 0.93333rem); margin-top: 1.4rem;}
}


/* ========================= ::::::::::::: // ~ 웹마스터 CSS ::::::::::::: ========================= */


/* ** */
.webmenuSwiper .swiper-wrapper {padding: 1rem 0;}
.featureMenuWrapGroup {padding-left: 2rem; margin-right: 1rem;}
.featureMenuWrap {
    display: flex;
    padding: 0.6rem 3rem 0.6rem 0.6rem;
    border-radius: 99px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}
.blogScrollTabBtnGroup {
    margin-bottom: 6rem;
    padding: 0 2rem;
}	
.commercialPopSwiper .swiper-pagination {
    position: absolute;
    bottom: unset;
    left: unset;
    right: 5rem;
    top: 5rem;
    display: inline-block;
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    border-radius: 99px;
    background: #EDFAF5;
    width: 8.6rem;
    height: 5.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
}

.webstickyMenu {margin-right: 1rem;}
.featureMenu p.menu-active {opacity: 1;}
.webmenuSwiper .featureMenu p.menu-active, .webmenuSwiper .featureMenu p.menu-active a {color:#000; opacity:1;}

@media (max-width:991px) {
	.commercialWrap  .gptFeatureListIconTBox {width: 100%;}
}


@media (max-width:767px) {
	.featureMenuWrap {padding: 0.4rem 2rem 0.4rem 0.4rem;}
	.featureMenu {display: flex; padding-left: 0rem;}
	.webmenuSwiper .featureMenu p {font-size: 1.4rem; line-height: 3rem;}
	.commercialWrap  .gptFeatureListIconTBox {width: 100%;}
	
	.blogScrollTabBtnGroup {margin-bottom: 1rem; padding: 0 2rem;}
	.cus.webmenuSwiper {margin-top: 1rem;}
}