@charset "utf-8";

/* Paperlogy 폰트 통합 등록 */

/* 100 - Thin */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-1Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

/* 200 - ExtraLight */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-2ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

/* 300 - Light */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-3Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* 400 - Regular */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-4Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* 500 - Medium */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-5Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* 600 - SemiBold */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-6SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* 700 - Bold */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-7Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* 800 - ExtraBold */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-8ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* 900 - Black */
@font-face {
  font-family: 'Paperlogy';
  src: url('../fonts/Paperlogy-9Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

@keyframes dragMove {
0%{transform: translateX(0);}
50%{transform: translateX(20px);}
100%{transform: translateX(0);}
}
@keyframes gradientMove {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

:root{
  --blue_color:#00a1ff;
  --navy_color:#061737;
  --deep_blue:#416EFF;
}
.red{color: #f00;}
.red01{color: #df3434;}

/* sub.css */
/* sub01 */
.sub01.service_bg01{background: url(../mn01/images/service_bg01.jpg) no-repeat center center; background-size: cover;}
.sub01.service_bg02{background: url(../mn01/images/service_bg02.jpg) no-repeat center center; background-size: cover;}
.sub01.service_bg03{background: url(../mn01/images/service_bg03.jpg) no-repeat center center; background-size: cover;}
.sub01.service_bg04{background: url(../mn01/images/service_bg04.jpg) no-repeat center center; background-size: cover;}
.sub01{ width: 100%; height: 450px; position: relative; background-size: cover; }
.sub01_inner{max-width: 1400px; margin: 0 auto; text-align: center; }
.sub01_content{color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sub01_content h2{font-size: 3rem; font-weight: bold;}
.sub01_content > p{margin-top: 10px; letter-spacing: 3px;}
.sub01_content div{ margin-top: 30px;}
.sub01_content div p{line-height: 1.5; font-weight: 300;}


/* sub02 */
.sub02{width: 100%; height: 100%; background: #fafafa;}
.sub02_inner{max-width: 1400px; margin:0 auto; padding: 100px 0;}
.top_content{display: flex; padding-bottom: 20px; justify-content: space-between; align-items: flex-start;}
.sub02_content .blue_title{width: auto; background: linear-gradient(270deg, #00a1ff,  #416eff,  #00a1ff);background-size: 400% 400%; animation: gradientMove 8s linear infinite; text-align: center; padding: 5px 15px; color:#fff; font-size: 1rem; font-weight: bold; display: inline-block; white-space: nowrap;}

.sub02_content h3{font-size: 2.5rem; font-weight: bold; padding: 0 0 40px 0;}
.sub02_content div{padding-bottom: 20px;}
.sub02_content div p{line-height: 1.3;}
.sub02_content .tag{display: flex;}
.sub02_content .tag li{border: 1px solid var(--blue_color); color: var(--blue_color); padding: 5px 10px 6px 10px; border-radius: 30px; margin-right: 10px; transition: 0.3s; cursor: default;}
.sub02_content .tag li:hover{background: var(--blue_color); color: #fff;} 
/* ooh06, ooh08 */
.ooh06_top, .ooh08_top{margin-bottom: 50px;}

/* sub02 이미지그리드 */
.img_grid{display: grid; grid-template-columns: repeat(6,1fr); gap: 20px; width: 100%;}
.img_item{position: relative; overflow: hidden; border-radius: 8px; min-height:200px; max-height: 620px;}
.img_item img{width: 100%; height: 100%; object-fit: cover; display: block; transition: 0.3s ease;}

/* ooh11 전국 현수막 링크 서식 */
.allforadd{width: 100%; padding: 50px 0;}
.allforadd a{font-size: 1.125rem; padding: 10px 36px; background: var(--blue); color:#fff; border-radius: 30px; transition: 0.3s; letter-spacing: -1px;} 
.allforadd a:hover{box-shadow: inset 0px 0 10px rgba(0,0,0,0.6);} 

/* ooh01 grid */
.ooh01 .img_item:nth-child(1) { grid-column: 1/7; grid-row: 1;  max-height: 560px;}
.ooh01 .img_item:nth-child(2) { grid-column: 1/4; grid-row: 2;  max-height: 460px;}
.ooh01 .img_item:nth-child(3) { grid-column: 4/7; grid-row: 2; min-height: 200px; max-height: 460px;}
.ooh01 .img_item:nth-child(4) { grid-column: 1 / 7; grid-row: 3; min-height: 200px; max-height: 560px;}
.ooh01 .img_item:nth-child(5) { grid-column: 1/4; grid-row: 4; min-height: 200px; max-height: 560px;}
.ooh01 .img_item:nth-child(6) { grid-column: 4/7; grid-row: 4; min-height: 200px; max-height: 560px;}

/* ooh02 grid */
.ooh02 .img_item:nth-child(1) { grid-column: 1 / 4; grid-row: 1;  max-height: 460px;}
.ooh02 .img_item:nth-child(2) { grid-column: 4 / 7; grid-row: 1;  max-height: 460px;}
.ooh02 .img_item:nth-child(3) { grid-column: 1 / 3; grid-row: 2; min-height: 200px; max-height: 300px;}
.ooh02 .img_item:nth-child(4) { grid-column: 1 / 3; grid-row: 3; min-height: 200px; max-height: 300px;}
.ooh02 .img_item:nth-child(5) {grid-column: 3 / 7;  grid-row: 2 / 4; max-height: 620px;}
.ooh02 .img_item:nth-child(6) { grid-column: 1 / 4; grid-row: 4; max-height: 460px; }
.ooh02 .img_item:nth-child(7) { grid-column: 4 / 7; grid-row: 4; max-height: 460px;}
.ooh02 .img_item:nth-child(8) { grid-column: 1 / 4; grid-row: 5; max-height: 460px;}
.ooh02 .img_item:nth-child(9) { grid-column: 4 / 7; grid-row: 5; max-height: 460px;}

/* ooh03 grid */
.img_grid.ooh03{display: flex; justify-content: space-between;}
.ooh03 .img_item{overflow: unset; text-align: center; border: 5px solid #e0e0e0; padding: 30px 0; }

.ooh03 .img_item img{object-fit: unset;  height: auto;}
.ooh03 .img_item::after{display: none;}
.ooh03 .img_item::before{display: none;}
.ooh03 .img_item:hover img{transform: scale(1.05);}
.ooh03 .img_item:hover{box-shadow: 0 10px 20px rgba(0, 161, 255,0.5); border: 5px solid var(--blue_color)}
.ooh03 .img_item:hover h4{font-weight: bold; color: var(--blue_color);}
.ooh03 .img_item:nth-child(1){grid-column: 1; grid-row: 1;}
.ooh03 .img_item:nth-child(2){grid-column: 2; grid-row: 1;}
.ooh03 .img_item:nth-child(3){grid-column: 3; grid-row: 1;}
.ooh03 .img_item h4{font-size: 1.5rem; margin-bottom: 15px;}
.ooh03 .img_item .line{border: 0.5px solid #333; width: 50px; margin: 0 auto 15px auto; }
.ooh03 .img_item p{line-height: 1.3;}

/* ooh04 grid */
.ooh04 .img_item:nth-child(1){grid-column: 1/7; grid-row: 1/2;}
.ooh04 .img_item:nth-child(2){grid-column: 1/7; grid-row: 2/3; min-height: 200px;}
.ooh04 .img_item:nth-child(3){grid-column: 1/4; grid-row: 3/4; min-height:200px; max-height: 460px;}
.ooh04 .img_item:nth-child(4){grid-column: 4/7; grid-row: 3/4; min-height:200px; max-height: 460px;}
.ooh04 .img_item:nth-child(5){grid-column: 1/4; grid-row: 4/5; min-height:200px; max-height: 460px;}
.ooh04 .img_item:nth-child(6){grid-column: 4/7; grid-row: 4/5; min-height:200px; max-height: 460px;}
.ooh04 .img_item:nth-child(7){grid-column: 1/7; grid-row: 5/6; min-height:200px;}

/* ooh05 grid */
.ooh05 .img_item:nth-child(1){grid-column: 1/7; grid-row: 1/2;}
.ooh05 .img_item:nth-child(2){grid-column: 1/4; grid-row: 2/3; min-height: 200px; max-height: 460px;}
.ooh05 .img_item:nth-child(3){grid-column: 4/7; grid-row: 2/3; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(4){grid-column: 1/4; grid-row: 3/4; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(5){grid-column: 4/7; grid-row: 3/4; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(6){grid-column: 1/4; grid-row: 4/5; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(7){grid-column:4/7; grid-row: 4/5; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(8){grid-column: 1/4; grid-row: 5/6; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(9){grid-column: 4/7; grid-row: 5/6; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(10){grid-column: 1/4; grid-row: 6/7; min-height:200px; max-height: 460px;}
.ooh05 .img_item:nth-child(11){grid-column: 4/7; grid-row: 6/7; min-height:200px; max-height: 460px;}

/* ooh06 grid */

/* ooh07 grid */
.img_grid.ooh07{gap: 20px; grid-template-columns: repeat(4,1fr); position: relative;}
.ooh07 .img_item img{object-fit: unset; box-shadow: 0 -10px 10px rgba(0,0,0,0.5);}
.ooh07 .img_item:nth-child(1){grid-column: 1; grid-row: 1;}
.ooh07 .img_item:nth-child(2){grid-column: 2; grid-row: 1;}
.ooh07 .img_item:nth-child(3){grid-column: 3; grid-row: 1;}
.ooh07 .img_item:nth-child(4){grid-column: 4; grid-row: 1;}
.ooh07 .img_item:nth-child(5){grid-column: 1; grid-row: 2;}
.ooh07 .img_item:nth-child(6){grid-column: 2; grid-row: 2;}
.ooh07 .img_item:nth-child(7){grid-column: 3; grid-row: 2;}
.ooh07 .img_item:nth-child(8){grid-column: 4; grid-row: 2;}
.ooh07 .img_item:nth-child(9){grid-column: 1; grid-row: 3;}
.ooh07 .img_item:nth-child(10){grid-column: 2; grid-row:3;}
.ooh07 .img_item:nth-child(11){grid-column: 3; grid-row: 3;}
.ooh07 .img_item:nth-child(12){grid-column: 4; grid-row: 3;}
.ooh07 .img_item:hover::before, .ooh07 .img_item:hover::after{display: none;}

/* ooh08 grid */

/* ooh09 grid */
.ooh09 .img_item:nth-child(1){grid-column: 1/4; grid-row: 1;}
.ooh09 .img_item:nth-child(2){grid-column: 4/7; grid-row: 1;}
.ooh09 .img_item:nth-child(3){grid-column: 1/5; grid-row: 2/4;}
.ooh09 .img_item:nth-child(4){grid-column: 5/7; grid-row: 2/5; min-height: 200px; max-height: 300px;}
.ooh09 .img_item:nth-child(5){grid-column: 5/7; grid-row: 3/5; min-height: 200px; max-height: 300px;}
.ooh09 .img_item:nth-child(6){grid-column: 1/4; grid-row: 4;}
.ooh09 .img_item:nth-child(7){grid-column: 4/7; grid-row: 4;}
.ooh09 .img_item:nth-child(8){grid-column: 1/4; grid-row: 5;}
.ooh09 .img_item:nth-child(9){grid-column: 4/7; grid-row: 5;}
.ooh09 .img_item:nth-child(10){grid-column: 1/5; grid-row: 6/8;}
.ooh09 .img_item:nth-child(11){grid-column: 5/7; grid-row: 6; min-height: 200px; max-height: 300px;}
.ooh09 .img_item:nth-child(12){grid-column: 5/7; grid-row: 7; min-height: 200px; max-height: 300px;}
.ooh09 .img_item:nth-child(13){grid-column: 1/4; grid-row: 8;}
.ooh09 .img_item:nth-child(14){grid-column: 4/7; grid-row: 8;}

/* ooh10 grid */
.ooh10 .img_item:nth-child(1){grid-column: 1/7; grid-row: 1/2;}
.ooh10 .img_item:nth-child(2){grid-column: 1/3; grid-row: 2/3; min-height: 200px;}
.ooh10 .img_item:nth-child(3){grid-column: 1/3; grid-row: 3/4; min-height:200px;}
.ooh10 .img_item:nth-child(4){grid-column: 3/7; grid-row: 2/4; min-height:200px;}
.ooh10 .img_item:nth-child(5){grid-column: 1/4; grid-row: 4/5; min-height:200px;}
.ooh10 .img_item:nth-child(6){grid-column: 4/7; grid-row: 4/5; min-height:200px;}

/* ooh11 grid*/
.ooh11 .img_item{max-height: 460px; min-height: 200px;}
.ooh11 .img_item:nth-child(1){grid-column: 1/4; grid-row: 1;}
.ooh11 .img_item:nth-child(2){grid-column: 4/7; grid-row: 1;}
.ooh11 .img_item:nth-child(3){grid-column: 1/4; grid-row: 2;}
.ooh11 .img_item:nth-child(4){grid-column: 4/7; grid-row: 2;}
.ooh11 .img_item:nth-child(5){grid-column: 1/4; grid-row: 3;}
.ooh11 .img_item:nth-child(6){grid-column: 4/7; grid-row: 3;}

/* ooh12 */
.ooh12 .img_item{border: 1px solid #e0e0e0;}
.ooh12 .img_item:nth-child(1){grid-column: 1/4; grid-row: 1;}
.ooh12 .img_item:nth-child(2){grid-column: 4/7; grid-row: 1;}
.ooh12 .img_item:nth-child(3){grid-column: 1/3; grid-row: 2;}
.ooh12 .img_item:nth-child(4){grid-column: 3/5; grid-row: 2;}
.ooh12 .img_item:nth-child(5){grid-column: 5/7; grid-row: 2;}
.ooh12 .img_item:nth-child(6){grid-column: 1/3; grid-row: 3;}
.ooh12 .img_item:nth-child(7){grid-column: 3/5; grid-row: 3;}
.ooh12 .img_item:nth-child(8){grid-column: 5/7; grid-row: 3;}
/* ooh14 */
.ooh14 .img_item{border: 1px solid #e0e0e0;}
.ooh14 .img_item img{max-width: 100%; height: auto;}
.ooh14 .img_item:nth-child(1){grid-column: 1/4; grid-row: 1;}
.ooh14 .img_item:nth-child(2){grid-column: 4/7; grid-row: 1;}
.ooh14 .img_item:nth-child(3){grid-column: 1/4; grid-row: 2;}
.ooh14 .img_item:nth-child(4){grid-column: 4/7; grid-row: 2;}
.ooh14 .img_item:nth-child(5){grid-column: 1/4; grid-row: 3;}
.ooh14 .img_item:nth-child(6){grid-column: 4/7; grid-row: 3;}
.ooh14 .img_item:nth-child(7){grid-column: 1/4; grid-row: 4;}
.ooh14 .img_item:nth-child(8){grid-column: 4/7; grid-row: 4;}
/* ooh15 */
.ooh15 .img_item:nth-child(1){grid-column: 1/7; grid-row: 1;}
.ooh15 .img_item:nth-child(2){grid-column: 1/7; grid-row: 2;}
.ooh15 .img_item:nth-child(3){grid-column: 1/4; grid-row: 3;}
.ooh15 .img_item:nth-child(4){grid-column: 4/7; grid-row: 3;}
.ooh15 .img_item:nth-child(5){grid-column: 1/4; grid-row: 4;}
.ooh15 .img_item:nth-child(6){grid-column: 4/7; grid-row: 4;}

/* ooh16 */
.ooh16 .img_item{border: 1px solid #e0e0e0;}
.ooh16 .img_item:nth-child(1){grid-column: 1/3; grid-row: 1;}
.ooh16 .img_item:nth-child(2){grid-column: 3/5; grid-row: 1;}
.ooh16 .img_item:nth-child(3){grid-column: 5/7; grid-row: 1;}
.ooh16 .img_item:nth-child(4){grid-column: 1/3; grid-row: 2;}
.ooh16 .img_item:nth-child(5){grid-column: 3/5; grid-row: 2;}
.ooh16 .img_item:nth-child(6){grid-column: 5/7; grid-row: 2;}

/* ooh17 */
.ooh17 .img_item:nth-child(1) { grid-column: 1/7; grid-row: 1;  max-height: 560px; min-height:200px;}
.ooh17 .img_item:nth-child(2) { grid-column: 1/4; grid-row: 2;  max-height: 460px;}
.ooh17 .img_item:nth-child(3) { grid-column: 4/7; grid-row: 2; min-height: 200px; max-height: 460px;}
.ooh17 .img_item:nth-child(4) { grid-column: 1/7; grid-row: 3; min-height: 200px; max-height: 560px;}

/* ooh18 */
.ooh18 .img_item{max-height: 460px; min-height: 200px;}
.ooh18 .img_item:nth-child(1){grid-column: 1/4; grid-row: 1;}
.ooh18 .img_item:nth-child(2){grid-column: 4/7; grid-row: 1;}
.ooh18 .img_item:nth-child(3){grid-column: 1/4; grid-row: 2;}
.ooh18 .img_item:nth-child(4){grid-column: 4/7; grid-row: 2;}
.ooh18 .img_item:nth-child(5){grid-column: 1/4; grid-row: 3;}
.ooh18 .img_item:nth-child(6){grid-column: 4/7; grid-row: 3;}
.ooh18 .img_item:nth-child(7){grid-column: 1/4; grid-row: 4;}
.ooh18 .img_item:nth-child(8){grid-column: 4/7; grid-row: 4;}
.ooh18 .img_item:nth-child(9){grid-column: 1/7; grid-row: 5;}

/* ooh19 */
.ooh19 .img_item:nth-child(1){grid-column: 1/7; grid-row: 1;}
.ooh19 .img_item:nth-child(2){grid-column: 1/4; grid-row: 2;}
.ooh19 .img_item:nth-child(3){grid-column: 4/7; grid-row: 2;}
.ooh19 .img_item:nth-child(4){grid-column: 1/4; grid-row: 3;}
.ooh19 .img_item:nth-child(5){grid-column: 4/7; grid-row: 3;}
.ooh19 .img_item:nth-child(6){grid-column: 1/7; grid-row: 4;}

/* sub02 이미지 호버 이벤트 */
.img_item:hover img{transform: scale(1.05);}
.img_item::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); opacity: 0; transition: opacity 0.3s ease; z-index: 1;}
.img_item:hover::before {opacity: 1;}
.img_item::after{content:attr(data-alt); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-size: 1.5rem; font-weight:  700; text-align: center; opacity: 0; transition: opacity 0.3s ease; z-index: 2; white-space: nowrap; pointer-events: none; border: 1px solid #fff; padding: 10px 15px;}
.img_item:hover::after{opacity: 1;}

/* sub03 */
.smn09_sub{width: 100%; height: 100%; background: url(../mn01/images/smn09_sub03_bg.png) no-repeat center center; background-size: cover; padding: 100px 0; position: relative;}
.sub03_inner{width: 100%; margin: 0 auto;}
.sub03_inner .title{color: #fff; max-width: 1400px; margin: 0 auto; padding-bottom: 50px;} 
.sub03_inner .title h3{font-size: 2.5rem; padding-bottom: 20px; font-weight: 300;} 
.sub03_inner .title h3 span{line-height: 1.3; font-weight: bold;} 
.sub03_inner .title > p{color: #ccc; line-height: 1.5;} 

.sub03_swiper01 .swiper-wrapper,.sub03_swiper02 .swiper-wrapper{transition-timing-function: linear !important;}
.sub03_swiper03 .swiper-wrapper {transition-timing-function: linear !important;}
.sub03_swiper{margin: 30px 0;}
.sub03_swiper .swiper-slide{display: flex; justify-content:center; gap: 35px;  padding: 10px 0; width: auto;align-items:center;}
.sub03_swiper .swiper-slide > div{width: 100px; height:100px; background: #fafafa; padding:30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-radius: 20px; transition: 0.3s; border: 5px solid transparent;}
.sub03_swiper .swiper-slide > div:hover{transform: translateY(-10px); border: 5px solid var(--blue_color); box-shadow:10px 15px 20px rgba(0,0,0,0.5);}
.sub03_swiper .swiper-slide > div img{transition: 0.3s;}
.sub03_swiper .swiper-slide > div p{transition: 0.3s;}
.sub03_swiper .swiper-slide > div:hover p{font-weight: bold;color: var(--blue_color);}
.sub03_swiper .swiper-slide > div:hover img{filter: drop-shadow(10px 10px 5px rgba(0,0,0,0.25));}
.sub03_swiper .swiper-slide img{display: block; }
.sub03_swiper .swiper-slide .bus_img img{transform: translateY(10px);}
.sub03_swiper .swiper-slide .bus_img p{transform: translateY(10px);}
.sub03_swiper .swiper-slide p{margin: 0; font-size: 1rem; padding-top: 10px;}
.sub03_swiper .swiper-slide > div img.search_ad{margin-bottom: 10px;}
.sub03_swiper .swiper-slide > div img.criteo{margin-bottom: 10px;}

/* ooh13 섹션별 배경색*/
.ooh_bg{width: 100%; height: auto; margin: 0 auto;}
.ooh_bg01{background: linear-gradient(
    to bottom,
    #f0f0f0 0%,
    #f2f2f2 100%)}
.ooh_bg02{background: linear-gradient(
  to bottom,
  #fafafa 0%,
  #eeeeee 100%
);}
.ooh_bg03{background: linear-gradient(
  to bottom,
  #fafafa 0%,
  #f5f5f5 100%
);}
.ooh_bg article{max-width: 1400px; padding: 0 20px; margin: 100px auto;}
/* ooh13 브랜드 블로그 */
.ooh13_content01{max-width: 1400px; margin: 150px auto 200px auto; }
.ooh13_inner{display: flex; justify-content: space-between; margin-bottom: 30px;}
.ooh13_inner .ooh13_l span{color: var(--deep_blue); font-weight: bold;}
.ooh13_inner .ooh13_l h3{font-weight: bold; font-size: 2.5rem; padding: 20px 0; line-height: 1.3;}
.ooh13_inner .ooh13_l p{line-height: 1.3;}
.ooh13_inner .ooh13_l div{ margin-top: 50px; font-weight: 700; font-style: italic; display: flex; flex-direction: column; align-items: flex-start;}
.ooh13_inner .ooh13_l div p{ display: inline-block; background: linear-gradient(rgba(255, 255, 255, 0) 75%, #ffda2d 75%, #ffda2d 90%, rgba(255, 255, 255, 0) 90%);}
.ooh13_inner2 h3{ font-size: 2rem; margin-bottom: 20px; color: var(--deep_blue); font-weight: bold;}
.ooh13_inner2 h3 img { padding-right: 10px;}
.ooh13_inner2 .choice {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, auto);}
.ooh13_inner2 ul {display: flex;justify-content: space-between;align-items: stretch;gap: 20px; margin: 0; padding: 0;}
.ooh13_inner2 .choice li {flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 30px 20px; border: 2px solid #e0e0e0; border-radius: 10px; background: #fff;}
.ooh13_inner2 .choice li span{font-weight: 500; padding:10px 0 20px 0;}
.ooh13_inner2 ul li:hover {border-color: var(--blue_color); box-shadow: 0 5px 15px rgba(0, 161, 255, 0.2); transform: translateY(-5px);}
.ooh13_inner2 ul li:hover span{color: var(--blue_color);}
.ooh13_inner2 ul li:hover span.red01 {color: #df3434;}
.ooh13_inner2 .choice li .circle{width: 50px; height: 50px; background: #f4f4f4; padding: 10px; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 10px;}
.ooh13_inner2 .choice li p{line-height: 1.3; font-size: 1rem;}

/* ooh13 블로그 체험단 */
.ooh13_content02{margin: 150px auto 200px auto; }
.ooh13_inner2 .step li {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 30px 20px; border: 2px solid #e0e0e0; border-radius: 10px;  background: #fff;}
.step h4{color: #ffda2d; font-weight: bold; padding-bottom: 20px;}
.step span{font-weight: bold; padding: 10px 0 20px 0;}
.step p{line-height: 1.3; font-weight: 400; font-size: 1rem;}
.ooh13_content02_txt {padding-top: 50px;}
.ooh13_content02_txt p{text-align: center; font-weight: 400; line-height: 1.5; font-size: 1.5rem;}

.ooh13_content03{margin: 150px auto 200px auto; }

/* ooh13 sns 마케팅 */
.ooh13_content04{margin: 150px auto 200px auto; }
.ooh13_inner2 .sns li{flex: 1; display: flex; flex-direction: column; align-items: center; padding: 30px 20px; border: 2px solid #e0e0e0; border-radius: 10px; background:#fff;}
.ooh13_inner2 .sns li img{align-self: center;}
.ooh13_inner2 .sns li .icon{width: 63px; height: 63px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.ooh13_inner2 .sns li:first-child .icon{background: #f2f2f2;}
.ooh13_inner2 .sns li:nth-child(2) .icon{background: #ffe3ea;}
.ooh13_inner2 .sns li:last-child .icon{background: #e8ddff;}
.ooh13_inner2 .sns li h4{font-size: 1.5rem; padding:10px 0 20px 0; align-self: center; font-weight: bold;}
.ooh13_inner2 .sns li p{text-align: left; line-height: 1.5; width: 300px; align-items: flex-start; padding-left: 20px; position: relative; font-size: 1rem;}
.ooh13_inner2 .sns li p::before{content: '●'; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  color: #333;  font-size: 0.3rem;}
.ooh13_inner2 .sns li:first-child p::before{color:#878686 ;}
.ooh13_inner2 .sns li:nth-child(2) p::before{color: #ffb9cb;}
.ooh13_inner2 .sns li:last-child p::before{color: #bd9fff;}
/* ooh13 언론보도 */
.news ul{display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(4,auto);}
.news ul li {width: fit-content; transition: 0.3s;}
.news ul li img{display: block; width: 100%; height: auto;}

/* 컨설팅 서식 */
.consul01{background: url(../mn02/images/section01_bg.png) no-repeat; background-position: center; background-size: cover; width: 100%; height: 60vh;}
.consul01_inner{max-width: 1400px; height: 100%; margin: 0 auto; position: relative;}
.consul01_title{position: absolute; top: 50%; color: #fff;}
.consul01_title .sub_title{padding-bottom: 30px; text-shadow: 0 10px 10px rgba(0,0,0,0.3); font-size: 20px; font-weight: 500;}
.consul01_title .main_title{line-height: 1.3; font-size: 3rem; font-weight: bold; text-shadow: 0 10px 10px rgba(0,0,0,0.3); font-family: 'Paperlogy', sans-serif;}
.consul01_title .main_title p:last-child{background: rgba(0,0,0,0.7); padding: 0 5px;}

.consul02{background: url(../mn02/images/section02_bg.png) no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;}
.consul02_inner{max-width: 1400px; margin: 0 auto; padding: 100px 0;}
.consul02_inner h3{text-align: center; font-family: "Paperlogy", sans-serif; color: #fffad4; font-weight: bold; font-size: 2.5rem;}
.consul02_inner .sub_txt p{text-align: center; padding: 30px 0; color: #b8b8b8;}
.consul02_inner .consul02_con{display: flex; justify-content: center; gap: 30px; color: #fff; padding-left: 200px;}
.consul02_inner .consul02_con .consul02_r li{padding-bottom: 28px; border-bottom: 1px solid rgb(224, 224, 224,0.5); margin-bottom: 25px; transition: 0.3s;}
.consul02_inner .consul02_con .consul02_r h4{font-size: 2rem; font-weight: bold; padding-bottom: 30px;}
.consul02_inner .consul02_con .consul02_r p{font-weight: 300;}
.consul02_inner .consul02_con .consul02_r li:hover{color: #FFA619;}

.consul03{background: #fff; padding: 100px 0; width: 100%; height: 100%;}
.consul03_inner{max-width: 1400px; margin: 0 auto; }
.consul03_inner .main_title{text-align: center; font-family: "Paperlogy", sans-serif; color: #333; font-weight: bold; font-size: 2.5rem; line-height: 1.3;}
.consul03_inner .main_title span{background: var(--deep_blue); color: #fff; padding: 0 5px;}
.consul03_inner .sub_title{text-align: center; line-height: 1.3; padding: 30px 0;}
.consul03_con {display: flex; justify-content: center; align-items: center;   gap: 0; margin-top: 60px; position: relative;}
.consul03_con li {width: 350px; height: 350px; border-radius: 50%; padding: 0;  text-align: center; display: flex;    flex-direction: column; align-items: center;  overflow: hidden;  border: none; position: relative;  box-shadow:0 0 0 10px #0a2763, 0 10px 40px rgba(0,0,0,0.3); background: #0a2763;}
.consul03_con li.con01:first-child { margin-right: -40px; z-index: 1;}
.consul03_con li.con01:last-child { margin-left: -40px; z-index: 3;}
.consul03_con li.con02 {z-index: 2; border: none; box-shadow: 0 0 0 10px #287CE2, 0 10px 40px rgba(0,0,0,0.3); background: #287CE2;}
.consul03_con li .circle_top {width: 100%; flex: 1; background: #fff;  display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 25px 15px 10px;  gap: 8px;}
.consul03_con li.con02 .circle_top {background: #fff;}
.consul03_con li.con02 .circle_top h4 { color: #287CE2;}
.consul03_con li .circle_top img {width: 55px;height: auto; margin: 0;}
.consul03_con .con02{border-color: #287CE2;}
.consul03_con .con02 .circle_bottom{background: #287CE2;}
.consul03_con li .circle_top h4 {font-family: 'Paperlogy', sans-serif;    font-size: 1.5rem; color: #061737; line-height: 1.4;  margin: 0;    min-height: auto;}
.consul03_con li .circle_bottom { width: 100%; flex: 1; background: #0a2763; display: flex; flex-direction: column; justify-content: center;  align-items: center; padding: 10px 20px 25px; gap: 6px;}
.consul03_con li .circle_bottom h5 {font-family: 'Paperlogy', sans-serif;    font-weight: 700; font-size: 1.5rem; color: #0a2763; background: #fff;  border-radius: 20px; padding: 3px 18px; margin: 0; margin-bottom: 10px;}
.consul03_con li.con02 .circle_bottom h5{color: #287CE2;}
.consul03_con li .circle_bottom p {font-weight: 400; font-size: 1rem; color: rgba(255,255,255,0.85); line-height: 1.5; margin: 0;}
.consul03_con .arrow_icon {font-size: 2.5rem;color: #f5a623; font-weight: bold;
  display: flex; align-items: center; line-height: 1;  position: relative;
    z-index: 4;  margin: 0 -15px; }
.consul03_con .arrow01{transform: translateX(35px);}

.consul04{width: 100%; height: 100%; padding: 100px 0; background: #F2FBFF;}
.consul04_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.consul04_inner .title_img{text-align: center;}
.consul04_inner .title_img p{background: #007D8C; width: fit-content; margin: 0 auto; padding: 5px 15px; border-radius: 20px; color: #fff; font-size: 1.5rem;}
.consul04_inner .title_img p span{color:#EAE60C; font-weight: bold;}
.consul04_inner .main_tit{text-align: center; font-family: "Paperlogy", sans-serif; color: #045579; font-size: 2.5rem; padding: 30px 0; line-height: 1.3; font-weight: bold;}
.consul04_con{display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; width: 65%; margin: 0 auto;}
.consul04_con li{ border: 1px solid #e0e0e0; border-radius: 10px; width: 400px; height: 200px; display: flex; flex-direction: column; padding: 20px; transition: 0.3s;}
.consul04_con li .sub_tit{display: flex; flex-direction: row; justify-content:left; font-size: 2rem; font-family: "Paperlogy", sans-serif; color: #0078AA; font-weight: bold; align-items: flex-end; gap: 10px; padding-bottom: 30px; transition: 0.3s;}
.consul04_con li .sub_txt p{line-height: 1.7;}
.consul04_con li .sub_txt p::before{content: "・"; color: #0078AA;}
.consul04_con li:hover .sub_txt p::before{content: "・"; color: #fff;}
.consul04_con li:nth-child(even){transform: translateY(30px);}
.consul04_con li:hover{background: #0078AA; color: #fff;}
.consul04_con li:hover .sub_tit{color: #fff;}

.consul05{width: 100%; background:#20BBFC; padding: 100px 0;}
.consul05_inner{max-width: 1400px; height: 100%; margin: 0 auto;}
.consul05_inner h3{font-size: 2.5rem; font-family: "Paperlogy", sans-serif; color: #fff; text-align: center; font-weight: bold; padding-bottom: 50px;}
.consul05_con{display: flex; justify-content: center; gap: 30px;}
.consul05_con li{border: 1px solid #e0e0e0; padding: 30px 20px; width: 390px; text-align: center; background: #fff; border-radius: 20px; transition: 0.3s;}
.consul05_con li:hover{color: #fff; background: #002871; transform: translateY(-20px); border: #002871;}
.consul05_con li:hover .txt01 h4{color: #FFE610;}
.consul05_con li:hover .txt02{color: #FFE610;}
.consul05_con li:hover .txt02 h5{color: #FFE610;}
.consul05_con li .txt01{padding-bottom: 20px; font-family: "Paperlogy", sans-serif; line-height: 1.3;}
.consul05_con li .txt01 span{font-weight: bold; }
.consul05_con li .txt01 h4{font-weight: bold; font-size: 2rem; font-weight: 700;}
.consul05_con li .txt02{line-height: 1.3; padding-bottom: 20px;}
.consul05_con li .txt02 h5{font-family: "Paperlogy", sans-serif; font-weight: bold; font-size: 1.5rem; color: #0a2763; font-weight:700;}
.consul05_con li .txt02 h5 span{font-size: 2rem;}
.consul05_con li .txt02 p{font-weight: 500;}
.consul05_con li .txt02 p span{font-weight: 300;}
.consul05_con li .txt03::before{content: '⦁'; padding-right: 5px;}
.consul05_con li .txt03{padding-bottom: 20px;}
.consul05_con li .img01 h6{background: #006CAB; color: #fff; padding: 10px 15px; width: fit-content; margin: 0 auto; border-radius: 30px; margin-bottom: 20px;}
.consul05_con li .img01 > div{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 5px;}
.consul05_con li:nth-child(2) .img01 > div{ gap: 7px;}
.consul05_con li .img01 > div div p{font-size: 0.875rem; padding: 5px 0;}
.consul05_con li .img01 > div .img_wrap{padding: 10px; border: 2px solid #e0e0e0; border-radius: 50%; width: 50px; height: 50px; display: flex; align-items: center;  justify-content: center;}
.consul05_con li .img01 > div .img_wrap02{padding: 15px; border: 2px solid #e0e0e0; border-radius: 50%; display: flex; align-items: center;  justify-content: center;}
.consul05_con li .consul_img{display: flex; justify-content: flex-end; padding-top: 30px;}
.consul05_con li .img01 > div .img_wrap img,
.consul05_con li .img01 > div .img_wrap02 img {width: 35px; height: 35px; object-fit: contain;}
.consul05_con li .consul_txt{width: 160px; text-align: left; margin: 0 auto;}
.consul05_con li:hover .img_wrap1 img{content: url(../mn02/images/consul05_icon01-1.png);}
.consul05_con li:hover .img_wrap2 img{content: url(../mn02/images/consul05_icon02-1.png);}
.consul05_con li:hover .img_wrap3 img{content: url(../mn02/images/consul05_icon03-1.png);}
.consul05_con li:hover .img_wrap4 img{content: url(../mn02/images/consul05_icon04-1.png);}
.consul05_con li:hover .img_wrap5 img{content: url(../mn02/images/consul05_icon06-1.png);}
.consul05_con li:hover .img_wrap6 img{content: url(../mn02/images/consul05_icon05-1.png);}
.consul05_con li:hover .img_wrap7 img{content: url(../mn02/images/consul05_icon01-1.png);}
.consul05_con li:hover .img_wrap8 img{content: url(../mn02/images/consul05_icon02-1.png);}
.consul05_con li:hover .img_wrap9 img{content: url(../mn02/images/consul05_icon04-1.png);}
.consul05_detail{text-align: center; padding: 50px 0;}
.consul05_detail p{font-size: 2.5rem; font-family: 'Paperlogy', sans-serif; color:#FFF5A3; font-weight: bold; margin-bottom: 40px;}
.consul05_detail a{padding: 15px 20px 17px 20px; background: #002871; color: #fff; border-radius: 30px; font-size: 1.25rem; transition: 0.3s;}
.consul05_detail a:hover{background: #006CAB;}

/*consul06*/
.consul06 { width: 100%; padding: 100px 0; background: #fff; overflow: hidden; }
.consul06_inner { max-width: 1400px; margin: 0 auto; }

.consul06_top { display: flex; justify-content: center; align-items: center; gap: 150px; margin-bottom: -20px;}
.consul06_top .top_l h3 { font-family: "Paperlogy", sans-serif; font-size: 2.8rem; font-weight: bold; color: #045579; line-height: 1.3; padding-bottom: 20px; }
.consul06_top .top_l div p { line-height: 1.5; color: #333; font-weight: 500;}

.consul06_swiper01 .swiper-wrapper,
.consul06_swiper02 .swiper-wrapper {transition-timing-function: linear !important;}
.consul06_bottom { display: flex; flex-direction: column; gap: 20px; }
.consul06_swiper01, .consul06_swiper02 { width: 100%; overflow: hidden; }
.slide_item { border: 1px solid #e0e0e0; border-radius: 16px; padding: 0 20px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; background: #fff; transition: 0.3s; min-height: 160px; }
.slide_item:hover { border-color: #00a1ff; box-shadow: 0 6px 20px rgba(0,161,255,0.2); }
.slide_item img { width: 60px; height: 60px; object-fit: contain; }
.slide_item p { font-size: 0.875rem; line-height: 1.5; color: #333; font-weight: 500; }

/* consul07 */
.consul07{width: 100%; background: #F2F9FF; height: 100%; padding: 100px 0;}
.consul07_inner{max-width: 1400px; height: 100%; margin: 0 auto; }

.consul07_inner h3 {display: flex;align-items: center; justify-content: center; gap: 10px; font-family: "Paperlogy", sans-serif; font-size: 2.5rem; font-weight: bold;  color: #0a2763; text-align: center; padding-bottom: 60px;}

/* 상단 카드 2개 */
.consul07_top {display: flex; gap: 30px; justify-content: center;}
.consul07_top .top_l,
.consul07_top .top_r {background: #fff; border: 1px solid #e0e0e0;border-radius: 20px; padding: 35px; display: flex; flex-direction: column; gap: 20px; width: 500px; height: auto;}

.consul07_top .top_l > img,
.consul07_top .top_r > img { width: 100px; height: auto; }
.consul07_top .top_l .top_txt02{padding-bottom: 55px;}
.top_txt01 { line-height: 1.7; font-size: 1.1rem; color: #222; border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; font-weight: 600;}
.top_txt01 p { line-height: 1.7; }

.top_txt02 { line-height: 1.8; font-size: 0.938rem; color: #444; }
.top_txt02 p { line-height: 1.8; }

.top_txt03 {display: flex; align-items: flex-start; gap: 20px; background: #f4f8ff;  border-radius: 12px;padding: 20px;}
.top_txt03 .img_wrap { flex-shrink: 0; }
.top_txt03 .img_wrap img { width: 150px; height: 200px; }
.top_txt03 > div p { font-size: 0.875rem; line-height: 1.8; color: #444; }
.from { text-align: right; font-size: 0.875rem; color: #999; padding-top: 10px;}

.consul07_review { padding-top: 60px; position: relative; }
.consul07_review_swiper { width: 100%; padding: 20px 60px !important; }
.review_card {border: 1px solid #e0e0e0;border-radius: 16px; padding: 30px;  background: #fff; display: flex; flex-direction: column; justify-content: space-between; width: fit-content; box-shadow: 0 2px 10px rgba(0,0,0,0.05);  transition: 0.3s;}
.review_card:hover { box-shadow: 0 6px 20px rgba(0,161,255,0.15); border-color: #00a1ff; }
.review_card h4 { font-size: 1.1rem; font-weight: bold; color: #0a2763; margin-bottom: 15px; }
.review_card p { font-size: 0.938rem; line-height: 1.7; color: #555; flex: 1; }
.review_bottom { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding-top: 15px; border-top: 1px solid #f0f0f0; }
.review_bottom .stars { color: #FFC107; font-size: 1rem; display: flex; gap: 3px; }
.review_bottom span { font-size: 0.875rem; color: #999; }
.consul07_prev, .consul07_next { color: #fff !important; background: #00a1ff;  padding: 0 10px; border-radius: 50%; text-align: center; transition: 0.3s;}
.consul07_prev:hover, .consul07_next:hover {background: #54bffd;}
.consul07_prev::after, .consul07_next::after { font-size: 1.2rem !important; font-weight: bold; }
.consul07_prev{left: 0;}
.consul07_next{right: 0;}
.contact_btn{text-align: center; margin: 50px 0;}
.contact_btn a{padding: 10px 50px 12px 50px; background: #002871; border-radius: 50px; color: #fff; font-size: 1.5rem; transition: 0.3s;}
.contact_btn a:hover{background: #006CAB;}

.consult08{background: #fff !important;}
.about05 .about_txt01{font-family: "Paperlogy", sans-serif;}
.about05 div.about_txt01 p{font-size: 1.5rem; text-align: center;}
.about05 h3.about_txt01{font-size: 2.5rem; font-weight: bold; line-height: 1.3;}
.about05 h3.about_txt01 span{color: #00a1ff; }

.consul09{background: url(../mn02/images/consul09_bg.png) no-repeat; background-position: center; background-size: cover; width: 100%; height: 40vh;}
.consul09_inner{max-width: 1400px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; align-items: center;}
.consul09_inner h3{font-family: "Paperlogy", sans-serif; font-size: 2.5rem; font-weight: bold; line-height: 1.3; padding-top: 30px; display: flex; flex-direction: column; justify-content: center;}
.consul09_inner h3 span{background: #000; color: #fff; padding: 0 5px;}
.consul09_inner .consul09_txt{width: 400px; text-align: left; margin: 50px 300px 0 auto; display: flex; align-items: center;}
.consul09_inner .contact_btn01{width: 400px; margin: 30px 200px 0 auto;} 
.consul09_inner .contact_btn01 a{background: #200DDC;} 

/* smn11 지정게시대 위치 페이지 서식 */
 :root { --blue: #2e8de8; --navy: #061737; --gray-bg: #f4f5f7; --border: #dde0e6; }
.page_title_wrap { background: var(--navy); padding: 200px 0 100px 0; text-align: center; }
.back_btn{width: 150px; height: auto; position: absolute; right: 2.5%;  top: -3.5%;}
.back_btn a{background: var(--blue); padding: 10px 10px; color: #fff; font-weight: bold; justify-content: center; align-items: center; display: flex; border: 1px solid var(--blue); transition: 0.3s}
.back_btn a:hover{background: var(--navy); border: 1px solid #e0e0e0; color: #e0e0e0;}
    .page_title_wrap h2 { font-size: 3rem; color: #fff; font-weight: bold; }
    .section_inner { max-width: 1400px; margin: 0 auto; padding: 0 40px; position: relative;}
    .tab_area { background: #f4f5f7; padding: 50px 0 80px; }
    .tab_grid { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid var(--border); border-left: 1px solid var(--border); margin-bottom: 40px; }
    .tab_grid li a { display: flex; align-items: center; justify-content: center; height: 52px; font-size: 0.938rem; font-weight: 500; color: #555; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #fff; transition: background 0.15s, color 0.15s; }
    .tab_grid li a:hover { background: #f0f7ff; color: var(--blue); }
    .tab_grid li.active a { background: var(--blue); color: #fff; font-weight: 700; }
    .tab_panel { display: none; }
    .tab_panel.active { display: block; animation: fadeUp 0.25s ease; }
    @keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
    .card_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .card_item { background: #eef0f4; border-radius: 16px; padding: 24px; display: flex; flex-direction: column; gap: 0; min-height: 280px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
    .card_top { display: flex; gap: 80px; align-items: flex-start; flex: 1; }
    .card_img_wrap { flex-shrink: 0; width: 190px; height: 190px; background: #fff; border-radius: 12px; overflow: hidden; display: flex; align-items: center; justify-content: center; }
    .card_img_wrap img { width: 100%; height: auto; object-fit: cover; display: block; }
    .card_info_area { flex: 1; display: flex; flex-direction: column; gap: 0; }
    .card_info { margin-bottom: 14px; }
    .info_row { display: flex; gap: 10px; font-size: 0.875rem; padding: 3px 0; line-height: 1.7; }
    .info_row dt { color: #777; font-weight: 500; min-width: 40px; flex-shrink: 0; }
    .info_row dd { color: #222; font-weight: 700; }
    .link_list { display: flex; flex-direction: column; gap: 7px; }
    .link_list li a { display: flex; align-items: center; gap: 8px; padding: 15px; border-radius: 30px; font-size: 1rem; font-weight: 500; color: #444; background: #fff; border: 1px solid #e0e3ea; transition: background 0.15s, color 0.15s, border-color 0.15s; }
    .link_list li a:hover { background: var(--blue); color: #fff; border-color: var(--blue); }
    .link_list li a:hover .btn_icon { color: #fff; }
    .btn_icon { width: 20px; height: 20px; flex-shrink: 0; color: #888; }
    .card_bottom { margin-top: 16px; padding-top: 16px; border-top: 1px solid #dde0e6; }
    .card_bottom h3 { font-size: 1.063rem; font-weight: 800; color: #111; margin-bottom: 4px; }
    .card_bottom p { font-size: 0.813rem; color: #999; }
    .preparing { padding: 80px 0; color: #bbb; text-align: center; font-size: 0.938rem; }

/* 작업 중 페이지 서식 */
.wait{background: #000;}
.preparing-wrap {display: flex; flex-direction: column;  align-items: center;  justify-content: center;  min-height: 100vh;text-align: center;  color: #fff;}
.emoji {font-size: 80px;margin-bottom: 25px;display: block;    }
.preparing-wrap h2 {font-size: clamp(28px, 5vw, 48px);    font-weight: 800;  letter-spacing: -0.02em;  margin-bottom: 15px;}
.preparing-wrap p {font-size: 18px;  color: #aaa;     line-height: 1.6;  margin-bottom: 40px; font-weight: 300;}
.btn-back {padding: 14px 35px;border: 1px solid #fff;     color: #fff;  text-decoration: none;  font-size: 16px;   transition: all 0.3s;  border-radius: 4px;}
.btn-back:hover {background-color: #fff; color: #000;}
.brand-point {margin-top: 60px; opacity: 0.5;  font-size: 14px;  letter-spacing: 2px;  text-transform: uppercase;}
@media (max-width:1499px){
  .sub02_inner{width: 97%;}
  .sub03_inner .title{width: 97%;}
  .sub02_content .tag{width: 550px;}
  }
@media (max-width:1279px){
   /* sub01 */
  .sub01_content div{width: 768px;}
  /* sub02 */
  .top_content{gap: 0;}
  .sub02_content_r img{ width: 100%; height: auto; object-fit: unset; display: block;}
  
}
@media (max-width:1024px){
  /* sub02 */
  .top_content{gap: 70px;}
  .sub02_content{width: 40%;}
  .sub02_content div{padding-bottom: 20px;}
  .sub02_content div p{font-size: 1rem; display: inline;}
  .sub02_content .tag{width: 445px;}
  .sub02_content .tag li{font-size: 0.875rem; margin-right: 5px;}
  .top_content > div:last-child{overflow: hidden;}
  .ooh03 .img_item p{display: inline;}
  .allforadd a{font-size: 1rem !important;}
  /* sub03 */
  .sub03_inner .title h3, .sub03_inner .title  > p{text-align: center;} 
    /* ooh07 */
  .img_grid.ooh07{grid-template-columns: repeat(3,1fr) !important;}
  .ooh07 .img_item:nth-child(1),
  .ooh07 .img_item:nth-child(2),
  .ooh07 .img_item:nth-child(3),
  .ooh07 .img_item:nth-child(4),
  .ooh07 .img_item:nth-child(5),
  .ooh07 .img_item:nth-child(6),
  .ooh07 .img_item:nth-child(7),
  .ooh07 .img_item:nth-child(8),
  .ooh07 .img_item:nth-child(9),
  .ooh07 .img_item:nth-child(10),
  .ooh07 .img_item:nth-child(11),
  .ooh07 .img_item:nth-child(12) {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  
  /* ooh13 */
  .ooh_bg article{padding: 0 80px;}
  .ooh13_inner{gap: 20px; display: block;}
  .ooh13_inner .ooh13_l p{line-height: 1.3; display: block;}
  .ooh13_r img{height: auto; object-fit: unset; display: block; margin: 30px auto 50px auto;}
  .ooh13_inner2 .step {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, auto);}
  .ooh13_content02_txt p{font-size: 1.3rem;}
  .ooh13_inner2 .sns{display: block;}
  .ooh13_inner2 .sns li{margin: 0 auto 20px auto;}
  .ooh13_inner2 .choice {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);}
  .ooh13_inner2 .step .txt p, .ooh13_inner2 .choice .txt p  {display: inline; margin: 0;}
  .news ul{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6,auto);}

  /* 컨설팅 서식 */
.consul01{height: 50vh;}
.consul01_title{position: absolute; top: 30%; color: #fff; left: 10%; }

.consul02_inner h3{font-size: 2rem;}

.consul03_inner .main_title{font-size: 2rem;}
.consul03_con li {width: 300px; height: 300px;}

.consul04_con{ width: 85%; }
.consul04_con li{ width: 380px;}

.consul05_inner{padding: 0 20px;}
.consul05_inner h3{font-size: 2rem;}

/* consul07 */
.consul07_inner{padding: 0 20px;}
.consul07_inner h3 {font-size: 2rem;}

.consul07_review_swiper { width: 100%; padding: 20px 60px !important; }
.review_card {height: 200px;}


.about05 div.about_txt01 p{font-size: 1.25rem; }
.about05 h3.about_txt01{font-size: 2rem;}

.consul09{background: url(../mn02/images/consul09_bg.png) no-repeat; background-position: left; height: 100%; padding: 100px 0; margin-bottom: 30px;}
.consul09_inner .consul09_txt{width: fit-content; text-align: center; margin: 0 auto 0 auto;}
.consul09_inner .contact_btn01{width: 230px; margin: 30px auto 0 auto;} 

/* 지정게시대 서식 */
.back_btn{width: 100px; height: auto; position: absolute; right: 4%; top: -65px;}
.section_inner { padding: 0 24px; }
.card_top{gap: 20px;}
 .card_list { gap: 16px; }
  .card_img_wrap { width: 120px; height: 120px; }
  .card_bottom h3{font-size: 1rem !important;}
}
@media (max-width:820px){
    /* 컨설팅 서식 */

.consul02_inner h3{font-size: 2rem;}

.consul03_con li.con01:first-child {margin-right: -70px;}
.consul03_con li .circle_bottom p{font-size: 0.875rem;}
.consul03_con li {width: 275px; height: 280px;}
.consul03_con li .circle_bottom h5{margin-bottom: 0;}

.consul04_con{ width: 53%; display: flex; flex-direction: column; justify-content: center;}
.consul04_con li:nth-child(even){transform: none;}
.consul04_con li{ width: 380px;}

.consul05_con{flex-direction: column; width: 60%; margin: 0 auto;}

.consul06_top{gap: 10px; padding: 0 20px;}

.consul07_top{flex-direction: column;}
.consul07_top .top_l, .consul07_top .top_r{margin: 0 auto;}


.consul07_review_swiper { width: 100%; padding: 20px 60px !important; }
.review_card {height: 200px;}


.about05 div.about_txt01 p{font-size: 1.25rem; }
.about05 h3.about_txt01{font-size: 2rem;}

.consul09{background: url(../mn02/images/consul09_bg.png) no-repeat; background-position: left; height: 100%; padding: 100px 0; margin-bottom: 30px;}
.consul09_inner .consul09_txt{width: fit-content; text-align: center; margin: 0 auto 0 auto;}
.consul09_inner .contact_btn01{width: 230px; margin: 30px auto 0 auto;} 

.tab_grid { grid-template-columns: repeat(3, 1fr); }
.tab_area { padding: 30px 0 60px; }
.card_list { grid-template-columns: 1fr; gap: 14px; } 
.card_item { padding: 18px; min-height: auto; }
.card_top { gap: 14px; } 
.card_img_wrap { width: 100px; height: 100px; border-radius: 10px; }
.link_list li a { padding: 8px 12px; font-size: 0.813rem; }
.page_title_wrap { padding: 150px 0 50px 0; } 
.page_title_wrap h2 { font-size: 2rem; } 
.section_inner { padding: 0 16px; }
}
@media (max-width:767px){
  /* sub01 */
  .sub01 {height: 350px;}
  .sub01_content div p{font-size: 1rem;}
  /* sub02 */
  .sub02_inner {padding: 50px 0;}
  .top_content{display: block;}
  .sub02_content{padding-bottom: 20px; width: 100%;}
  .sub02_content_r img { width: 100%; height: auto; max-height: 300px; object-fit: cover;}
  .sub02_content .tag{margin: 0 auto;}
  .img_grid {display: flex; flex-direction: column;  gap: 0px;}
  .img_item:nth-child(1),
  .img_item:nth-child(2),
  .img_item:nth-child(3),
  .img_item:nth-child(4),
  .img_item:nth-child(5),
  .img_item:nth-child(6) {grid-column: auto; grid-row: auto; min-height: auto; max-height: none;  max-width: none;  width: 100%; }
  .img_item {aspect-ratio: 16 / 10; min-height: auto;  max-height: none;}
  .img_item:nth-child(1) {aspect-ratio: 16 / 9;}
  .img_item:nth-child(4) {aspect-ratio: 4 / 3;}
  .img_item img {object-fit: cover; width: 100%;height: 100%;}
  .img_item::after {font-size: 1rem;  padding: 8px 12px;}
  .img_item{margin-bottom: 20px;}

  /* ooh11 전국 현수막 링크 서식 */
.allforadd a{font-size: 1rem;}
.allforadd{margin: 0 auto; width: fit-content;} 

  /* sub03 */
  .sub03_swiper .swiper-slide > div{padding: 10px;}
  .sub03_inner .title h3, .sub03_inner .title  > p{font-size: 0.938rem;} 
  /* sub04 */
  .sub04_inner .title > p{font-size: 0.938rem;} 

  /* ooh03 */
  .ooh03 .img_item{width: auto;}
  /* ooh07 */
  .img_grid.ooh07{display: grid !important; grid-template-columns: repeat(2,1fr) !important;}
  .ooh07 .img_item{min-height:auto; max-height: none; height: auto; margin-bottom: 0; aspect-ratio: unset !important;} 
  .ooh07 .img_item img{width: 100%; height: auto; object-fit: unset;}
  .img_grid.ooh07 .img_item {margin-bottom: 0;}
  .ooh07 .img_item:nth-child(1),
  .ooh07 .img_item:nth-child(2),
  .ooh07 .img_item:nth-child(3),
  .ooh07 .img_item:nth-child(4),
  .ooh07 .img_item:nth-child(5),
  .ooh07 .img_item:nth-child(6),
  .ooh07 .img_item:nth-child(7),
  .ooh07 .img_item:nth-child(8),
  .ooh07 .img_item:nth-child(9),
  .ooh07 .img_item:nth-child(10),
  .ooh07 .img_item:nth-child(11),
  .ooh07 .img_item:nth-child(12) {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  /* ooh12, ooh16 */
  .ooh12 .img_item,
  .ooh16 .img_item,
  .ooh14 .img_item
   {min-height: auto !important; max-height: none !important; height: auto !important; aspect-ratio: unset !important;}
  
  .ooh12 .img_item img,
  .ooh16 .img_item img,
  .ooh14 .img_item img
   {width: 100%; height: auto; object-fit: contain;}

  /* ooh13 */
  .ooh_bg article{padding: 0 20px;}
  .ooh13_r img{width: 100%;}
  .ooh13_inner .ooh13_l p{display: inline;}
  .ooh13_inner2 .step {display: block;}
  .ooh13_inner2 .step p{font-size: 1rem; display: inline; }
  

  .ooh13_inner2 .step .txt p::after {
    content: " ";
  }
  .ooh13_inner2 .step li{margin-bottom: 10px;}
  .ooh13_inner2 .sns li{width: unset; font-size: 1rem;}
  .ooh13_inner2 .sns li p{margin: 0 auto;}
  .ooh13_content06 .ooh13_inner2 .choice{display: block;}
  .ooh13_content06 .ooh13_inner2 .choice li{margin-bottom: 10px;}
  .news ul{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(12,auto); gap: 10px;}

/* 컨설팅 서식 */
.consul01_title .main_title {font-size: 2rem; text-align: center;}

.consul02_inner .consul02_con{padding-left: 20px;}

.consul03_con {flex-direction: column; gap: 20px;}
.consul03_con li.con01:first-child {margin-right: 0px;}
.consul03_con .arrow_icon {transform: rotate(90deg);}
.consul03_con li.con01:last-child{margin-left: 0;}

.consul04_con{ width: 100%; }
.consul04_con li:nth-child(even){transform: none;}
.consul04_con li{ width: 350px; margin: 0 auto;}
.consul04_con li .sub_tit{font-size: 1.5rem;}


.consul05_con{width: 100%;}
.consul05_con li{margin: 0 auto; width: 340px;}

.consul06_top{flex-direction: column;}

.consul07_top{flex-direction: column;}
.consul07_top .top_l, .consul07_top .top_r{margin: 0 auto;}
.consul07_review_swiper { width: 100%; padding: 20px 60px !important; }
.review_card {height: 200px;}
.consul07_inner h3{font-size: 1.75rem !important; justify-content: space-between}
.consul07_inner h3 img{width: 50px;}
.consul07_inner h3 img:last-child{width: 30px;}
.consul07_top{margin: 0 auto; width: 100%;}
.consul07_top .top_l, .consul07_top .top_r {width: 80%;}
.top_txt01 p, .top_txt02 p, .top_txt03 p{display: inline;}
.top_txt03{flex-direction: column;}
.top_txt03 .img_wrap{margin: 0 auto;}
.consul07_top .top_l .top_txt02{padding-bottom: 0;}

.consul09{background: url(../mn02/images/consul09_bg.png) no-repeat; background-position: left; height: 100%; padding: 100px 0; margin-bottom: 30px;}
.consul09_inner .consul09_txt{width: fit-content; text-align: center; margin: 0 auto 0 auto;}
.consul09_inner .contact_btn01{width: 230px; margin: 30px auto 0 auto;} 

/* 지정게시대 서식 */

.back_btn a{background: var(--blue); padding: 10px 10px; font-size: 12px;}
 .tab_grid { grid-template-columns: repeat(2, 1fr); } 
 .tab_grid li a { height: 44px; font-size: 0.813rem; }
  .card_item { padding: 16px; } 
  .card_top { gap: 12px; } 
  .card_img_wrap { width: 90px; height: 90px; } 
  .info_row { font-size: 0.813rem; } 
  .card_bottom h3 { font-size: 0.938rem !important; } 
  .card_bottom p { font-size: 0.75rem; } 
}
@media (max-width:460px){
  .sub02_content .tag li{font-size: 0.75rem; margin-right: 5px;}
  .sub04_inner .title > p{font-size: 0.75rem;}

  .consul07_inner h3{font-size: 1.5rem !important;}
}
@media (max-width:390px){
   /* sub01 */
  .sub01_content div{width: 330px;}
  /* sub02*/
  .img_item::after{font-size: 0.875rem;}

  .consul01_title .sub_title{font-size: 18px;}
  
  .consul04_con li{width: 300px;}
  .consul04_con li .sub_tit{font-size: 1.25rem;}
  .consul04_con li .sub_txt{font-size: 1rem;}

  .consul05_con li{width: 300px;}
  .consul05_detail p{font-size: 2rem;}
  .consul05_detail a{font-size: 1.125rem;}
  
  .consul06_top .top_r img{width: 90%;}

  .consul07_inner h3{font-size: 23px !important;}

  /* 지정게시대 서식 */
  .tab_list li a { padding: 12px 14px; font-size: 0.875rem; }
  .card_body { padding: 16px; }
}
@media (max-width:360px){
  .sub02_content .tag li{ padding: 4px 6px;}
  .sub04_inner .title > p{font-size: 0.688rem;}
  .img_item::after{padding: 5px 10px;}

  /* ooh13 */
  .ooh13_inner2 .sns li p{width: 255px;}
  .ooh13_inner2 ul{gap: 10px;}
  
  .consul01_title {left: 5%;}
  .consul02_inner .consul02_con .consul02_r h4{font-size: 1.5rem;}
  .consul02_inner .consul02_con .consul02_r p{font-size: 1rem;}

  .consul05_con li{width: 280px;}

  .consul07_inner h3{font-size: 22px !important;}
}
@media (max-width:340px){
  .sub02_content .tag{width: 340px;}
  .sub02_content .tag li{font-size: 0.65rem; margin-right: 5px;}

  .consul01_title .sub_title{font-size: 1rem;}
  .consul01_title {left: 8%;}

  .consul04_inner .title_img p{font-size: 1.25rem;}
  .consul04_con li .sub_txt{font-size: 0.875rem;}
  .consul04_con li{width: 270px;}

  .consul05_con li{width: 250px;}
  .consul05_detail a{font-size: 1rem;}

  .consul07_inner h3{font-size: 20px !important;}
  
}