/* ¼îÇθô ¸¶ÄÉÆà */
.marketing .section01,
.marketing .section02,
.marketing .section03,
.marketing .section04 {
    max-width: 128rem;
    margin: 0 auto;
}
.marketing_box .con_box_desc {
    height: 22.3rem;
    padding: 3.4rem 3.6rem 3.8rem 3.4rem;
}
.marketing .page_title::after {
    width: 7.1rem;
    height: 6rem;
    background-image: url(../../../img/sub/promotion/market_title_icon01.png);
    top: -4.2rem;
    right: -9.5rem;
    transform: scale(0);
    animation: trans_scale2 0.5s 0.7s ease-in-out alternate forwards;
}
.marketing .page_title::before {
    width: 4.2rem;
    height: 3.3rem;
    background-image: url(../../../img/sub/promotion/market_title_icon02.png);
    top: -5.6rem;
    right: -4.4rem;
    transform: scale(0);
    animation: trans_scale2 0.5s 0.7s ease-in-out alternate forwards;   
}
.shop_market_box .marketing_box:first-of-type {
    margin-bottom: 2.2rem;
}
.marketing_box .con_box_desc a {
    flex-direction: column;
    align-items: unset;
    padding: unset;
}
.marketing_box .con_box_desc .m_tit_box {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.marketing_box .con_box_desc .img_b {
    display: block;
}
.marketing_box .con_box_desc:nth-of-type(2) {
    margin-right: 0;
}
.marketing_box {
    margin-top: 0;
    grid-template-columns: repeat(2, 1fr);
}
.marketing_box.n0 .con_box_desc {
    margin-bottom: 0;
    width: 100%;
}
.marketing_box .con_box_desc.n1 .top_box .img_box {
    background: #e2d3fa;
}
.marketing_box .con_box_desc.n2 .top_box .img_box {
    background: #b6dfec;
}
.marketing_box .con_box_desc.n3 .top_box .img_box {
    background: #f6cf91;
}
.marketing_box .con_box_desc.n4 .top_box .img_box {
    background: #a1daca;
}
.marketing_box .con_box_desc.n1:hover {
    background: #e2d3fa;
}
.marketing_box .con_box_desc.n2:hover {
    background: #b6dfec;
}
.marketing_box .con_box_desc.n3:hover {
    background: #f6cf91;
}
.marketing_box .con_box_desc.n4:hover {
    background: #a1daca;
}
.marketing_box .con_box_desc.n5:hover {
    background: #fb9eb0;
}
.content_box .con_box_desc.n1:hover .img_box, 
.content_box .con_box_desc.n2:hover .img_box,
.content_box .con_box_desc.n3:hover .img_box,
.content_box .con_box_desc.n4:hover .img_box,
.content_box .con_box_desc.n5:hover .img_box {
    background: #fff !important;
}

/* °Ë»ö¿£Áø ÃÖÀûÈ­ */
.seo .page_title span::before {
    background: url(../../../img/sub/promotion/prom_title_frame02.png) no-repeat center;
    width: 31.9rem;
}
.seo .page_title::before {
    background-image: url(../../../img/sub/promotion/seo_title_icon01.png);
    top: -3.9rem; right: -9.2rem;
    width: 7.7rem;
    height: 6.8rem;
}
.seo .page_title::after {
    background-image: url(../../../img/sub/promotion/seo_title_icon02.png);
    top: -5.2rem; right: -10.1rem;
}
.seo .section {
    padding-bottom: 0;
}
.seo .btn.f_b {
    margin: 5rem auto;
    margin-bottom: 13rem;
}
.seo .seo_definition,
.seo .seo_tool {
    width: 66.6666%;
    width: 128rem;
    margin: 0 auto;
}
.seo .seo_definition {
    border-radius: 2rem;
    border: solid 1px #ddd;
    background: #f4f6f8;
    padding: 10rem 5rem;
    margin-bottom: 15rem;
    position: relative;
}
.seo_definition .seo_graph_box {
    margin: 5rem auto;
    width: 57.34375%;
    width: 73.4rem;
    border-radius: 2rem;
    box-shadow: 0 0.2rem 1.5rem 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    position: relative;
}
.seo_definition .sec_tit_box {
    padding-bottom: 0;
}
.seo_definition .icon_b {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
}
.seo_definition .seo_icon {
    position: absolute;
}
.seo_definition .seo_icon.n1{
    top: 33%;
    left: -10%;
}
.seo_definition .seo_icon.n2{
    top: 33.4%;
    left: -7.4%;
}
.seo_definition .seo_icon.n3{
    top: 7%;
    right: -2%;
}
.seo_definition .seo_icon.n4{
    bottom: 0;
    right: -12.2%;
}
.seo_definition .seo_icon.n5{
    bottom: 20%;
    right: -7.6%;
}
/* °Ë»ö¿£Áø ÃÖÀûÈ­ desc */
.seo_graph_desc {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.seo_graph_desc .graph_desc_box {
    width: 38.7rem;
    width: 32.5%;
    background: #fff;
    border-radius: 2rem;
    display: flex;
    align-items: flex-start;
    padding: 2.5rem 1.6rem;
    margin-right: 0.78%;
}
.seo_definition .seo_graph_box {
    z-index: 1;
}
.seo_graph_desc .graph_desc_box {
    margin-right: 0;
    z-index: 1;
}
.graph_desc_box .graph_dsec_no {
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.59;
    color: var(--mainColor);
    margin-right: 5%;
}
.graph_desc_box .graph_desc_cont {
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.39;
    letter-spacing: -0.13rem;
    color: #000;
}

/* °Ë»ö¿£Áø ÃÖÀûÈ­ ¼³Á¤ */

.seo_setting .seo_setting_box {
    width: 100%;
}
/* .seo_setting_box .setting_img_wrap {
    width: 100%;
    border-radius: 2rem;
    box-shadow:  0 2px 15px 0 rgba(0, 0, 0, 0.08);
    position: relative;
} */
.setting_img_wrap .highlight_img_box {
    position: relative;
}
.setting_img_wrap .setting_highlight {
    width: 20%;
    height: 4.3rem;
    position: absolute;
    background: rgba(25, 84, 219, 0.1);
    border: solid 2px #1954db;
}
.setting_img_wrap .setting_highlight.n1 {
    top: 13.5%; left: 40%;
}
.setting_img_wrap .setting_highlight.n2 {
    width: 16%;
    height: 3.3rem;
    top: 26%; left: 0;
}
.setting_img_wrap .setting_highlight.n3 {
    width: 69%;
    height: 3.3rem;
    top: 62%; left: 0;
}
.setting_highlight .highlight_path {
    width: 11px; height: 11px;
    border: solid 2px #1954db;
    background: #fff;
    position: absolute;
}
.highlight_path.n1 {
    float: left;
    top: -0.6rem; left: -0.6rem;
}
.highlight_path.n2 {
    float: left;
    bottom: -0.6rem; left: -0.6rem;
}
.highlight_path.n3 {
    float: right;
    top: -0.6rem; right: -0.6rem; 
}
.highlight_path.n4 {
    float: right;
    bottom: -0.6rem; right: -0.6rem;
}
.setting_highlight .highlight_line {
    border: none;
    border-top: 2px dotted #1954db;
    color: transparent;
    background: transparent;
    height: 1px;
    width: 40%;
    position: absolute;
    top:46%; right: -40%;
}
.setting_highlight .highlight_point {
    width: 6px;
    height: 6px;
    background: #1954db;
    border-radius: 50%;
    position: absolute;
    top: 40%; right: -42%;
}
.setting_highlight .highlight_txt {
    font-size: 1.8rem;
    font-weight: 500;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.1rem;
    color: #1954db;
    position: absolute;
    top: 15%; right: -79%;
}
.setting_highlight.n2 .highlight_txt {
    top: 7%; right: -125%;
}
.setting_highlight.n3 .highlight_txt {
    top: 7%; right: -58%;
}
.setting_highlight.n3 .highlight_line {
    width: 25%;
    right: -25%;
}
.setting_highlight.n3 .highlight_point {
    right: -26%;
}
.seo_setting_box .setting_img02 {
    /* display: flex;
    justify-content: center;
    align-items: center; */
    background: #fafbfc;
    padding: 0.9rem 0 0.3rem 0;
    margin-top: 2.5rem;
    position: relative;
}    
/* .seo_setting_box .setting_img_wrap:first-of-type img{
    width: 100%;
} */

.seo_setting_box .setting_img_wrap .img_box {
    width: 1280px;
    height: 368px;
    background: url(../../../img/sub/promotion/seo_setting01.png?2) no-repeat center/cover;
    position: relative;
    margin: 0 auto;
    border-radius: 20px;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
}
.seo_setting_box .setting_img_wrap .img_box .frame_border1 {
    position: absolute;
    top: 49px;
    left: calc(50% + 40px);
    transform: translateX(-50%);
}
.seo_setting_box .setting_img_wrap .border_box {
    position: relative;
}
.seo_setting_box .setting_img_wrap .border_box:after {
    display: block;
    content: 'Á¦¸ñ(title)';
    font-size: 1.8rem;
    color: #1954db;
    position: absolute;
    top: 58px;
    left: calc(50% + 268px);
    transform: translateX(-50%);
    width: 70px;
}
.seo_setting_box .setting_img_wrap .border_box .mo {
    display: none;
}
.seo_setting_box .setting_img_wrap .border_box .txt {
    position: absolute;
    top: 98px;
    left: calc(50% - 25px);
    transform: translateY(-50%);
    font-size: 1.8rem;
    color: #1954db;
    display: none;
}
.seo_setting_box .setting_img02 {
    width: 1280px;
    height: 170px;
    border-radius: 20px;
    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 8%);
    background: #fafbfc;
    margin: 0 auto;
    margin-top: 25px;
    background: url(../../../img/sub/promotion/seo_setting02.jpg?2) no-repeat center;
    position: relative;
}
.setting_img02 .border_box .frame_border2 {
    position: absolute;
    top: 98px;
    left: calc(50% - -32px);
    transform: translateX(-50%);
}
.seo_setting_box .setting_img_wrap.setting_img02 .border_box:after {
    top: 106px;
    left: calc(50% + 439px);
    content: '¼³¸í(description)';
    width: 150px;
}
.setting_img02 .border_box .frame_border3 {
    position: absolute;
    top: 37px;
    left: calc(50% - 207px);
    transform: translateX(-50%);
}
.seo_setting_box .setting_img_wrap.setting_img02 .border_box.n1:after {
    top: 45px;
    left: calc(50% - 38px);
    content: 'Á¦¸ñ(title)';
    width: 150px;
}

/* °Ë»ö ¿£Áø À¥¸¶½ºÅÍ µµ±¸ */
.seo .seo_tool {
    margin-bottom: 14.2rem;
}
.seo_tool .sec_tit_box {
    padding-bottom: 5rem;
}
.seo_tool .seo_tool_box {
    margin-top: 0;
}
.seo_tool .content_box {
    justify-content: center;
    align-content: center;
}
.seo_tool .content_box {
    justify-content: center;
    align-content: center;
    grid-template-columns: repeat(3, 1fr);
}
.seo_tool_box .con_box_desc {
    /* width: 30%; */
    height: 12rem;
    display: flex;
}
.seo_tool_box .con_box_desc:last-of-type {
    margin-right: 0;
}
.seo_tool_box .con_box_desc .top_box {
    width: 100%;
    margin-bottom: 0;
}




.seo_tool_box .con_box_desc.n1 .top_box .img_b {
    background: #cde8bf;
}
.seo_tool_box .con_box_desc.n2 .top_box .img_b {
    background: #fb9eb0;
}
.seo_tool_box .con_box_desc.n3 .top_box .img_b {
    background: #b6dfec;
}
.seo_tool_box .con_box_desc.n1:hover {
    background: #cde8bf;
}
.seo_tool_box .con_box_desc.n2:hover {
    background: #fb9eb0;
}
.seo_tool_box .con_box_desc.n3:hover {
    background: #b6dfec;
}
/*¾ð·Ð È«º¸ Áö¿ø*/
.media_publicity .section01{
	padding-bottom:0
}

.media_publicity .page_title span::before {
    background: url(../../../img/sub/check/check03_title_frame.png) no-repeat center;
    width: 24.2rem;
    height: 9.9rem;
    left: -1.4rem;
    top: -0.5rem;
}
.media_publicity .page_title::before {
    background-image: url(../../../img/sub/promotion/media_pub_title_icon01.png);
    top: -1.5rem;
    width: 8.6rem;
    right: auto;
    left: -9rem;
}
.media_publicity .page_title::after {
    background-image: url(../../../img/sub/promotion/media_pub_title_icon02.png);
    top: -5.2rem;
    right: auto;
    width: 6rem;
    height: 5rem;
    left: -9rem;
}
.media_publicity .section03{
	max-width:128rem;
	margin:0 auto
}
.media_publicity .section04{
	max-width:168rem;
	margin:0 auto
}


.media_publicity .section04 .sec_desc {
    padding-top: 2.5rem;
}
.media_publicity .section04 .sec_step_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4.0rem;
}
.media_publicity .section04 .sec_step_box dt{margin-bottom:1.5rem}
.media_publicity .section04 .sec_step_box dl:nth-child(4) dt::before {
    content: 'STEP 04';
}

.media_publicity .section05{
	position:relative;
	max-width:153rem;
	margin:0 auto;
}
.media_pub_swiper{
	max-width:122rem;
	margin:0 auto;
	overflow:hidden
}
.media_interview_list {
    border-radius: 2rem;
    background: #f4f6f8;
    padding: 2rem;
    width:39rem;
}
.media_interview_list .img_box {
    width: 100%;
    background: #fff;
    position: relative;
}
.media_interview_list .img_box .pc-img{
	display:block;
}
.media_interview_list .img_box .mo-img{
	display:none;
}
.media_interview_list .img_box img{
	width:100%
}
.media_interview_list .txt_box {
    padding-top:2rem
}

.media_interview_list .txt_box .tit {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
	white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp:2;
    overflow: hidden;
    -webkit-box-orient: vertical;
	height:5.6rem;
}
.media_interview_list .txt_box .txt_desc {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.6;
    color: #666;
	white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
	height:7.0rem
}
.media_interview_list .txt_box .date{
	font-size: 1.5rem;
    font-weight: normal;
	color:#000;
	opacity:0.3;
	margin:1rem 0 2rem;
}
.media_interview_list .txt_box .btn-box:after{
	content:'';
	display:block;
	clear:both
}
.media_interview_list .txt_box .btn-box a.btn{
	float:left;
	width:48.5%;
}
.media_interview_list .txt_box .btn-box a:first-child{
	margin-right:1rem;
}
.media_publicity .section05 .swiper-pagination{
	display:block;
	bottom:10rem;
}
.media_publicity .section06 .sec_tit_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.media_publicity .section06 .sec_tit {
    position: relative;
}

.media_publicity .section06 .sec_tit::before {
    content: '';
    background: url(../../../img/sub/check/check01_img05.png) no-repeat center/cover;
    position: absolute;
    left: -30rem; 
	top: -40%;
    width: 42.9%;
    height: 288.7%;
}

.media_publicity .section06 .sec_tit::after {
    content: '';
    background: url(../../../img/sub/check/check01_img06.png) no-repeat center/cover;
    position: absolute;
    right: -33rem;
    width: 19.4rem;
    height: 16.1rem;
    top: -3.5rem;
}
.media_publicity .section06 .sec_tit_box .btn {
    margin-top: 2rem;
}

.media_publicity .section06 .sec_tit_box .sml-txt{
	color:#666;
	font-size:1.5rem;
	margin-top:2rem;
}


.media_publicity .section02 .banner01 {
    width: 90%;
    max-width: 168rem;
    background: #f4f6f8;
    padding: 10rem 0 11rem;
    margin: 0 auto;
    position: relative;
}
.media_publicity .section02 .banner01 .sec_tit_box{
	padding-bottom:1rem;
}

.media_publicity .section02 .banner01 .baner01_box .box {
    padding: 0 5rem;
    flex-direction: column;
}

.media_publicity .section02 .banner01 .baner01_box .box+.box {
    position: relative;
}

.media_publicity .section02 .banner01 .baner01_box .box+.box::before {
    content: '';
    display: block;
    width: 0.1rem;
    height: 6.8rem;
    background-color: #dbdbdb;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.media_publicity .section02 .banner01 .baner01_box .box strong span{
    font-size: 7.5rem;
    font-weight: 600;
    padding-right: 0.7rem;
}
.media_publicity .section02 .banner01 .baner01_box .box span > span{
    padding-right: 0;
}

.media_publicity .section02 .banner01 .baner01_box .box strong {
    color: var(--mainColor);
    line-height: 1;
    font-size: 2.9rem;
}

.media_publicity .section02 .banner01 .baner01_box .box>span {
    font-size: 1.8rem;
    padding-top: 1rem;
}

.media_publicity .section02 .banner01 img {
    position: absolute;
}

.media_publicity .section02 .banner01 .banner01_img01 {
    top: 5rem;
    left: 1.5rem;
}

.media_publicity .section02 .banner01 .banner01_img02 {
    top: 10rem;
    right: 6rem;
}

.media_publicity .section02 .banner01 .banner01_img03 {
    top: -1rem;
    right: 29rem;
}

.media_publicity .section02 .banner01 .banner01_img04 {
    bottom: -4rem;
    right: 4rem;
}

.media_publicity .input_box .err_message{text-align:left;}
.media_publicity .check .table_txt{
	font-size:1.4rem;
}
.media_publicity .check .warning-box{
	border-bottom:1px solid #ddd; 
	padding-bottom:3rem;
	margin:1rem auto 3rem;
	width:100%;
}
.media_publicity .check .table_box{
	border:0;
	margin-top:0;
	border-radius:0;
	padding:0;
}

.media_publicity .check .table_box .table-bd{
	border: 1px solid #ddd;
	margin-top:1rem;
	border-radius: 1rem;
    padding: 0.6rem;
}


.media_publicity .check .complete_box {
    margin-top: 0;
}
.media_publicity .check .complete_box .wrap{
	max-width:50rem;
	display:block
}
.media_publicity .check .complete_box .txt_box {
    padding:5rem 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	display:block
}
.media_publicity .check .complete_box .btn_box{
	margin:5rem auto 0;
	text-align:center;
}
.media_publicity .check .complete_box .btn_box .btn_ver3{
	margin:0 auto
}


@media screen and (max-width:1600px){
	.media_publicity .section02 .banner01 .banner01_img01 {
		width: 23vw;
		top: 31%;
	}
}

@media screen and (max-width:1280px){
	.media_publicity .section02 .banner01 .banner01_img01 {
		width: 18vw;
		top: 51%;
	}
	.media_publicity .section02 .banner01 .banner01_img02 {
		width: 11vw;
		right: 1%;
		top:48%;
	}
	.media_publicity .section02 .banner01 .banner01_img03 {
		top: -3%;
		right: 16%;
		/*width: 3vw;*/
	}
	.media_publicity .section02 .banner01 .banner01_img04 {
		bottom: -5%;
		right: 4%;
		width: 5vw;
	}
	.media_interview_list .img_box .pc-img{
		display:none;
	}
	.media_interview_list .img_box .mo-img{
		display:block;
	}
	.media_interview_list .img_box img{
		width:100%		
	}
	.media_interview_list .txt_box .btn-box a.btn{
		width:17rem;
	}
	.media_publicity .section05 .swiper-pagination{
		bottom:10%;
	}
	.setting_img02 .border_box .frame_border2{
		top: 99px;
		left: calc(50% - -30px);
		transform: translateX(-50%) scaleX(1.035);
	}

}
@media screen and (max-width: 767px){
	.media_publicity .section02 .banner01 .banner01_img01 {
		width: 18vw;
		top: auto;
		bottom:5%
	}
	.media_publicity .section02 .banner01 .banner01_img02 {
		width: 12rem;
		right: 1%;
		top: 4%;
	}
	.media_publicity .section02 .banner01 .banner01_img03 {
		top: -3%;
		right: auto;
		width: 5rem;
		left: 8%;
	}
	.media_publicity .section02 .banner01 .banner01_img04 {
		bottom: -5%;
		right: 4%;
		width: 5rem;
	}
	.media_publicity .section02 .banner01{
        padding: 6rem 2rem;
        word-break: keep-all;
    }
	.media_publicity .section02 .banner01 .baner01_box .box strong span {
        font-size: 5.5rem;
    }
	.media_publicity .section04 .sec_step_box {
		gap: 2.3rem;
	}
	.media_publicity .section04 .sec_step_box dl::after {
		right: -2.2rem;
	}
	.media_publicity .check .complete_box .txt_box {
		padding:3rem 0;
	}
	.media_publicity .check .complete_box .btn_box {
		margin: 3rem auto 0;
	}
}
@media screen and (max-width: 650px){
	.media_publicity .section04 .sec_step_box {
		grid-template-columns: repeat(1, 1fr);
	}
	.media_publicity .section04 .sec_step_box dl::after {
		right: 0;
		left: 50%;
		transform: translateX(-50%) rotateZ(90deg);
		top: 103%;
	}
	.media_publicity .section05 .swiper-pagination{
		bottom:6%;
	}
}
@media screen and (max-width: 500px){
	.media_interview_list .txt_box .btn-box a.btn{
		width:14rem;
	}
	.media_publicity .section02 .banner01 .sec_tit_box{
        padding: 0;
    }
    .media_publicity .section02 .banner01 .baner01_box{
        flex-direction: column;
    }
    .media_publicity .section02 .banner01 .baner01_box .box strong span{
        font-size: 2.5rem;
    }
    .media_publicity .section02 .banner01 .baner01_box .box strong {
        font-size: 1.8rem;
    }
    .media_publicity .section02 .banner01 .baner01_box .box + .box{
        margin-top: 2rem;
    }
    .media_publicity .section02 .banner01 .baner01_box .box+.box::before{
        display: none;
    }
	.media_publicity .section02 .banner01 .banner01_img02 {
		width: 6rem;
		right: 1%;
		top: 4%;
	}
}