@charset "utf-8";

/* 큰 데스크탑 (와이드) */
@media (min-width: 1440px) {
    
}/* 1440px 끝 */

@media (max-width: 1280px) { /* 일반 데스크탑 */
.contact_fixed .inner_wrap {
    padding: 20px;
}

.sub-wrapper section.first {
    padding-top: 60px;
}
.sub-wrapper section {
    margin-bottom: 100px;
}
#ft .inner_wrap,
.sub-wrapper .inner_wrap {
    padding: 0 20px;
}
.sub_tit {
    font-size: 32px;
    /* padding-bottom: 60px; */
    padding-bottom: 45px;
}
.marketing_service .con_txt_sub {
    font-size: 20px;
    padding-bottom: 5px;
}
.talk_main .left .con_txt .con_txt_sub {
    font-size: 20px;
}
.marketing_service .con_txt_tit,
.program_list .program_list_item .con_txt_sub {
    font-size: 26px;
}
.marketing_service .con_txt_list li {
    font-size: 16px;
    margin-bottom: 15px;
}
.together .together_list .together_list_item {
    padding: 25px;
}
.together .together_list_item .txtbox .tit {
    font-size: 24px;
    word-break: keep-all;
    padding: 18px 0;
}
.together .together_list_item .txtbox span {
    font-size: 18px;
}
.talk_chart {
    padding: 80px 0;
}
.program_list_wrap {
    padding: 100px 0;
}
.program_list_wrap .link_more_btn {
    margin-top: 100px;
}
.program_more .inner_wrap {
    padding: 50px 20px;
}

/* 상세 네이버광고 */
.ad_system .ad_sub_txt, .system .ad_sub_txt {
    font-size: 18px;
    word-break: keep-all;
    margin-bottom: 45px;
}
.line_banner_bg .inner_wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}
.line_banner_bg p {
    font-size: 20px;
}
.ad_info .left {
    flex-basis: 45%;
}
.system .system_type .item ul {
    font-size: 18px;
}
.ad_info .right .gray_color,
.ad_info .left ul li p,
.solution .link_box a,
.infra .sub_txt,
.result_wrap .left .gray_color {
    font-size: 18px;
}

/* 랜딩페이지*/
.landing .sub-visual .main_txt {
    text-shadow: 0 0 10px #666;
}
.process .step_wrap {
    gap: 60px 80px;
}
.provided_list .provided_list_item {
    padding: 50px 0;
}
.charge_info .charge_info_item:last-child {
    padding-left: 0;
}
.view_tab .tab_wrap .tab {
    margin: 40px 0 80px;
}
.solution {
    padding: 60px 0;
}


/*30-26(1280)->24(768)->22(480)*/
.solution .tit {
    font-size: 26px;
}

/*24-20(1280)->18px(768)->16px(480)*/
.provided_list .provided_list_item .tit,
.solution p,
.view_tab .tab_wrap .tab li {
    font-size: 20px;
}
/*20->18(1280)->16(768)-(480)*/
.process .sub_txt,
.charge_info .charge_info_item ul li,
.view_tab .sub_txt,
.provided_list .provided_list_item .gray_color {
    font-size: 18px;
}


}/* 1280px 끝 */


@media (max-width: 1024px) { /* 작은 PC / 노트북 */
.br_1024 {display: block;}
.pd_100 {
    padding: 80px 0;
}
.inner_wrap {
    padding: 0 20px;
}
.home-wrapper h2 {
    font-size: 32px;
    padding-bottom: 35px;
}

/* 메인 - roas만 올리는 광고는 끝*/
.main_info .info-list .list_item .tit {
    font-size: 18px;
    padding: 20px 0;
}
/* 메인 네이버 실제 고객 성과 비교 */
.befor_after .conwrap .imgbox.borderbox span {
    font-size: 24px;
}
.program_list .program_list_item .con_txt {
    flex: 0 0 45%;
}

.process .step_wrap {
    gap: 60px;
}
.view_tab .tab_wrap .tabcon {
    padding: 0 20px;
}

}/* 1024px 끝 */


@media (max-width: 991px) {
header .pc_menu_wrap {display: none;}
.mb_menu_btn {
    display: block;
}
.mb_menu_wrap .mb_gnb {
    display: block;
    background: #fff;
    animation: fadeIn 0.3s ease-in-out;
}
.mb_menu_wrap.active .mb_gnb {
    display: block;
}
.mb_menu_wrap nav ul li {
    margin-bottom: 10px;
}
.mb_menu_wrap nav ul li > a {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.mb_menu_wrap nav ul .sub {
    padding-left: 15px;
    display: none;
}
.mb_menu_wrap nav ul li.open .sub {
    display: block;
}
/* 메인 - roas만 올리는 광고는 끝*/
.main_info .info-list {
    flex-direction: column;
    max-width: 50%;
    margin: 0 auto;
}
/* 메인 네이버 실제 고객 성과 비교 */
.befor_after .conwrap .befor_after_list .list_item {
    flex: 0 0 calc(50% - 10px);
}
.befor_after .info_con .benefit_list {
    max-width: unset;
    padding: 0 20px;
}
.befor_after .info_con .benefit_list li {
    font-size: 14px;
}
/* 빠른상담 */
.counsel_form form .item label {
    font-size: 16px;
}
.counsel_form .agree_wrap {
    flex-direction: column;
    align-items: flex-end;
}

.sub-wrapper section {
    margin-bottom: 80px;
}

/* 상세 기타 마케팅 */
.apart_list_item {
    flex-direction: column;
    margin-bottom: 50px;
    word-break: keep-all;
}
.together .together_list {
    gap: 20px;
    flex-direction: column;
}

/* 상세 알림톡 */
.talk_main {
    flex-direction: column;
    align-items: center;
    gap: 60px;
}
.together_list.column {
    gap: 60px;
}
.together_list.column .together_list_item {
    padding: 0;
    flex-direction: column-reverse;
}
.together_list.column .together_list_item .txtbox {
    flex-basis: 100%;
    width: 100%;
    text-align: center;
}
.together_list.column .together_list_item:nth-child(2) {
    flex-direction: column-reverse;
}
.smart_store {
    padding: 50px 0;
}
.smart_store .inner_wrap {
    flex-direction: column;
    gap: 25px;
}
.line_banner .txtbox{
    width: 100%;
    text-align: center;
}
.line_banner a .tit {
    font-size: 26px;
}
.line_banner a .tit span {
    display: inline;
}
.line_banner p {
    font-size: 18px;
    padding-top: 1rem;
}

/* 상세 프로그램 */
.program_marketing .together_list.column {
    gap: 0;
}
.program_marketing .together_list.column .together_list_item {
    flex-direction: row;
}
.program_marketing .together_list.column .together_list_item .txtbox {
    flex-basis: 50%;
    width: unset;
    text-align: left;
}
.program_marketing .together_list.column .together_list_item:nth-child(2) {
    flex-direction: row-reverse;
}
.program_marketing .together_list.column .together_list_item:nth-child(2) .txtbox {
    text-align: right;
}
.program_list .program_list_item {
    flex-direction: column;
    margin-bottom: 50px;
    text-align: center;
    gap: 20px;
}
.program_list .program_list_item .con_txt_list {
    padding: 20px 0 35px;
}
.program_more .inner_wrap {
    flex-direction: column;
    gap: 25px;
}
/* 상세 네이버광고 */
.ad_system .ad_system_list {
    flex-direction: column;
    gap: 25px;
}
.ad_system .ad_system_list .con_txt_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    max-width: 80%;
    margin: 0 auto;
}
.naver_ad .ad_info .sub_tit {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
}
.ad_info {
    padding: 80px 0;
}
.ad_info .con_wrap {
    flex-direction: column;
    gap: 45px;
}
.ad_info .right .gray_color {
    text-align: center;
}
.ad_info .left ul {
    gap: 15px;
    justify-content: center;
}
.ad_info .left ul > div {
    flex: unset;
    gap: 15px;
}
.ad_info .left ul li {
    flex-basis: 150px;
    min-width: 150px;
}
.sales .sub_tit span {
    font-size: 18px;
    padding-bottom: 15px;
}
.ad_info .hr {
        margin: 45px 0;
}
.sales .sales_chart li span {
    font-size: 16px;
}

.partner_list .swiper-wrapper {
    justify-content: normal;
}

/* 랜딩페이지 */
.landing .sub-visual::before {
    opacity: 0.8;
    background-position: center;
}
.landing .sub-visual .main_txt {
    text-align: center;
}
.landing .sub-visual .main_txt h2 {
    font-size: 32px;
}
.landing .sub-visual .main_txt .link_box a {
    padding: 15px 30px;
}
.charge_info .inner_wrap {
    flex-direction: column;
}
.charge_info .charge_info_item .sub_tit {
    text-align: center;
}
.solution .link_box a {
    padding: 15px 40px;
    margin-top: 30px;
}
.result_wrap .top {
    flex-direction: column;
    gap: 30px;
}
.result_wrap .top > div {
    text-align: center;
}
.result_wrap .top .sub_tit br {
    display: none;
}
.curve-background svg {display: none;}

.modalbox.img_modal {
	max-width: unset;
}

}/* 991px 끝*/

@media (max-width: 768px) {

.bn_slder .pc_sd { display: none; }
.bn_slder .m_sd { display: block; }

.home-wrapper h2 {
    font-size: 28px;
    padding-bottom: 30px;
}

.main_sd_wrap .bn_slder .con a {
    padding: 0 20px;
}
.main_sd_wrap .bn_slder .con a .imgbox p {
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    padding: 15px 30px;
}

/* 메인 - roas만 올리는 광고는 끝*/
.main_info .info-list {
    max-width: unset;
}
/* 메인 네이버 실제 고객 성과 비교 */
.befor_after .conwrap .befor_after_list {
    gap: 15px;
}
.befor_after .conwrap .befor_after_list .list_item {
    flex: 0 0 calc(50% - 8px);
    font-size: 18px;
    padding: 25px 0;
}
.befor_after .info_con {
    flex-direction: column;
}

.befor_after .info_con .benefit_list li .center {
    padding: 0;
    padding-left: 10px;
}

/* 빠른상담 */
.counsel_form form {
    flex-direction: column;
}
.counsel_form .agree_wrap {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

/* footer */
#ft .bottom .call li,
#ft .bottom .call li.main_color {
    font-size: 16px;
}
#ft_link li {
    flex: 1;
    text-align: center;
    font-size: 14px;
}
#ft_link a::after {
    display: none;
}
#ft .bottom .f_info_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
#ft .bottom .f_info ul li::after {
    color: transparent;
    margin: 0 5px;
}


.contact_fixed .inner_wrap {
    padding: 20px;
}
.consult_form .top .form_group input, 
.consult_form .top .form_group textarea {
    height: 30px;
    padding: 0;
    padding-left: 5px;
    width: 100%;

} 
.consult_form .top .form_group textarea {
    padding-top: 5px;
}
.consult_form .top .form_group,
.consult_form .top .form_group.message_gorm  {
    flex: 0 0 calc(50% - 5px);
}

.consult_form .top .form_group input {
    max-width: unset;
}

.consult_form .bottom {
    justify-content: space-between;
}
.consult_form .bottom .agree_chk span {
    font-size: 14px;
}
.consult_form .bottom .btn_box {
    flex: 1;
}
.consult_form .bottom .btn_box .contact_btn {
    font-size: 16px;
    padding: 5px 0;
    width: 100%;
}

/* 상세 기타 마케팅 */


.sub_tit {
    font-size: 26px;
    /* padding-bottom: 50px; */
    padding-bottom: 30px;
    word-break: keep-all;
}
.marketing_service .con_txt_tit {
    font-size: 24px;
}
.marketing_service .con_txt_sub,
.talk_main .left .con_txt .con_txt_sub {
    font-size: 18px;
}
/**/
.talk_main .left .con_txt .con_txt_tit {
    padding-top: 0;
}
.talk_main .left .con_txt .gray_color p {
    word-break: keep-all;
}
.talk_main .left .con_txt .gray_color {
    padding: 25px 0 35px;
}
.line_banner::before, .line_banner::after {
    background: none;
}

.program_list_wrap {
    padding: 80px 0;
}
.program_marketing .together_list.column {
    gap: 25px;
}
.program_marketing .together_list.column .together_list_item {
    flex-direction: column;
    gap: 16px;
}
.program_marketing .together_list.column .together_list_item:nth-child(2) {
    flex-direction: column;
}
.together_list_item .txtbox .num {
    font-size: 32px;
}
.together .together_list_item .txtbox .tit {
    font-size: 22px;
    padding: 0;
}
.program_list_wrap .link_more_btn {
    margin-top: 60px;
}
.program_list .program_list_item .con_txt_list li {
    font-size: 16px;
}
.program_list .program_list_item .link_btn a {
    font-size: 16px;
}

/**/
.ad_system .ad_system_list .con_txt_list {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
.line_banner_bg .con_txt_tit {
    font-size: 24px;
}
.line_banner_bg p {
    font-size: 16px;
    word-break: keep-all;
}
.ad_system .ad_sub_txt, .system .ad_sub_txt {
    font-size: 16px;
}
.system .ad_sub_txt {
    margin-bottom: 35px;
}
.system .system_type {
    height: unset;
}
.system .system_type .item {
    position: unset;
    max-width: unset;
    padding: 20px 0px;
}
.system .system_type .item:first-child {
    margin-bottom: 25px;
}
.system .system_type .item .tit {
    font-size: 20px;  
    margin-bottom: 1rem;
}
.system .system_type .item ul {
    font-size: 16px;
}
.sales .sales_chart {
    flex-direction: column;
    gap: 35px;
}

/*랜딩페이지 768*/
/*30-26(1280)->24(768)->22(480)*/
.solution .tit {
    font-size: 24px;
}
/*24-20(1280)->18px(768)->16px(480)*/
.provided_list .provided_list_item .tit,
.solution p,
.view_tab .tab_wrap .tab li {
    font-size: 18px;
}
/*20->18(1280)->16(768)-(480)*/
.process .sub_txt,
.charge_info .charge_info_item ul li,
.view_tab .sub_txt,
.provided_list .provided_list_item .gray_color {
    font-size: 16px;
}

.landing .sub-visual {
    padding: 60px 0;
}
.landing .sub-visual .main_txt p {
    font-size: 18px;
    margin: 25px 0 30px;
}

.process .step_wrap .step_item .txtbox .num {
    font-size: 18px;
}
.process .step_wrap .step_item .txtbox .tit {
    font-size: 20px;
    padding: 10px 0;
}
.process .step_wrap .step_item .txtbox .info {
    font-size: 16px;
}

.provided_list .inner_wrap {
    flex-direction: column;
}
.provided_list .provided_list_item {
    padding: 30px 15px;
}
.provided_list .provided_list_item .tit br {
    display: none;
} 
.view_tab .tab_wrap .tab {
    margin: 40px 0;
}

.solution {
    padding: 40px 0;
}

.infra_list {
    flex-direction: column;
}
.infra_list .infra_list_item a {
    border-radius: 20px;
}
.infra_list .infra_list_item:nth-child(1) a {
    border-radius: 20px;
}
.infra_list .infra_list_item:nth-child(2) a {
    background-position-y: center;
}
.infra_list .infra_list_item:nth-child(3) a {
    background-position-y: center;
    border-radius: 20px;
}
.result_wrap .bottom {
    flex-direction: column;
}



    
}/* 768px 끝 */

@media (max-width: 480px) {
.br_480 {display: none;}
.br_480_b {display: block;}
.br_480_block {display: block;}

.counsel_form {
    padding: 20px;
}
/* #ft_link li {
    flex: 0 0 50%;
} */

/* 바로가기 */
.quick_wrap .q_con {
    width: 45px;
    border-radius: 50%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.quick_wrap .q_con a {
    height: 100%;
    padding: 5px;
}
.quick_wrap .q_counsel a span {
    display: none;
}
.quick_wrap .q_con:hover {
    width: 45px;
  }

/* 상세페이지 */
.sub_tit {
    font-size: 22px;
}
.sub-wrapper section {
    margin-bottom: 60px;
}
/* 상세 기타 */
.apart_list_item > div {
    width: 100%;
}
.marketing_service .con_txt_tit {
    font-size: 22px;
}

.together .together_list_item .txtbox .tit {
    font-size: 20px;
    padding: 10px 0;
}
.together .together_list_item .txtbox span {
    font-size: 16px;
}
.line_banner a .tit {
    font-size: 20px;
}
.line_banner p {
    font-size: 16px;
}
.line_banner a .tit span {
    display: flex;
    justify-content: center;
}

/*상세 네이버*/
.ad_system .ad_system_list .con_txt_list {
    max-width: 100%;
}
.ad_system .ad_system_list .con_txt_list li {
    padding-bottom: 1rem;
}

/*랜딩페이지*/
/*30-26(1280)->24(768)->22(480)*/
.solution .tit {
    font-size: 22px;
}

.landing .sub-visual .main_txt h2 {
    font-size: 28px;
}
.process .step_wrap .step_item {
    flex-basis: 46%;
    min-width: 150px;
    margin: 0 auto;
}
.process .step_wrap {
    gap: 0;
    row-gap: 35px;
    justify-content: space-between;
}
.process .step_wrap .step_item .imgbox {
    width: 90%;
    margin: 0 auto 20px;
}


}