@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}




/* Basic */
		html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;

		
	}

	html{scroll-behavior:smooth;}
	
	body{font-size:18px;}
/*
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block !important
	
}*/
/*
	body {
		line-height: 1;
	}
*/

	@-ms-viewport {
		width: device-width;
	}
/*
	body {
		-ms-overflow-style: scrollbar;
	}
	body {
			background: #fff;
		}


*/


.clearfix:after {display:block; clear:both; content:'';}
.inner {position:relative; max-width:1280px; /*width:100%;*/ margin:0 auto; }

.s_inner {
    position: relative;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0;
}

.inner:after {display:block; clear:both; content:''; z-index:999;}

br.br-m {
	display: none;
}

br.br-tb {
	display: none;
}


/* gnb 호버시 */

.headerWp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    height: 80px;
    /*background: transparent;
    transition: all 0.3s ease;*/
	  background-color:rgba(0,0,0,0);
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease;
  transition-duration:0.4s;
  transition-timing-function:ease;

    overflow: hidden;
    /* background-color: #f00; */
}
.headerWp .inner {
    max-width: 1840px;
    padding: 0 20px;
}

.headerWp h1 {
    position: relative;
    z-index: 9000;
    display: inline-block;
    vertical-align: top;
    padding: 23px 0 0 0;
    
}

.headerWp h1 a img {
    max-width: auto;
    vertical-align: top;
	width: 97%;

}


.headerWp .gnb {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    text-align: right;
}
.headerWp .gnb > ul > li {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    vertical-align: middle;
    transition: all 0.3s ease;
}

.headerWp .gnb > ul > li > a {
    position: relative;
    display: block;
    line-height: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

.headerWp .gnb > ul > li:last-child {
    margin: 0 300px 0 0;
}

.headerWp .gnb > ul > li:hover > a {font-weight:600;}
.headerWp .gnb > ul > li:hover > a:after {content:''; position:absolute; bottom:0; left:0; right:0; height:2px; background:#fff;  transition:all 5s ease-in-out;}


.headerWp .ico ul li {
    display: inline-block;
    text-align: center;
}


/* 토글 */
body.toggleOn {/*overflow:hidden;*/}
.headerWp .ico {
    position: relative;
    z-index: 9000;
    float: right;
}

.headerWp .ico ul {
    padding: 30px 0;
}

.headerWp .ico ul .kakaoIco {
    vertical-align: top;
}

headerWp .ico ul li {
    display: inline-block;
    text-align: center;
}


headerWp .ico ul .kakaoIco img {
    width: 90%;
}

.headerWp .ico ul .kakaoIco a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin: 0 12px;
    transition: all 0.3s ease;
}
.headerWp .ico .toggle {position:relative; z-index:2001;display:block; width:22px; height:25px; margin-right:30px;}
.headerWp .ico .toggle span {position:absolute; display:inline-block; height:3px; position:absolute; background:#fff; transition:all 0.3s ease;}
.headerWp .ico .toggle span:nth-child(1) {width:25px; top:6px; right:0;}
.headerWp .ico .toggle span:nth-child(2) {width:25px; top:14px; right:0;}
.headerWp .ico .toggle span:nth-child(3) {width:25px; top:22px; right:0;}
.headerWp .ico ul li .toggle.active span:nth-child(1) {top:50%; width:26px; transform:rotate(45deg)}
.headerWp .ico ul li .toggle.active span:nth-child(2) {right:0; opacity:0;}
.headerWp .ico ul li .toggle.active span:nth-child(3) {top:50%; margin-bottom:-1px; width:26px; transform:rotate(-45deg)}
.headerWp .toogleBox {position:fixed; display:none; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:#b8ecff; z-index:2000; overflow-x: hidden}
.headerWp .toogleMenu {display:table; width:100%; max-width:1440px; padding:120px 50px 0; height:calc(100vh - 100px); margin:0 auto; box-sizing:border-box;}
.headerWp .toogleMenu > ul {display:table-cell; margin:0 auto; vertical-align:middle; text-align:center;}
.headerWp .toogleMenu > ul:after {content:''; display:block; clear:both;}
.headerWp .toogleMenu > ul > li:first-child{font-size:28px; font-weight:800; color:#000;}
.headerWp .toogleMenu > ul > li {display:block; vertical-align:top; width:100%; padding:0 0 35px; font-family:'Montserrat', sans-serif;}
.headerWp .toogleMenu > ul > li:nth-child(5) {clear:left;}
.headerWp .toogleMenu > ul > li > h2 {display:none; font-size:20px; font-weight:600; color:#fff; cursor:pointer; font-family:'Montserrat', sans-serif;}
.headerWp .toogleMenu > ul > li > a {display:block; font-size:20px; font-weight:700; color:#000;}
.headerWp .toogleMenu > ul > li > ul {display:block; padding:15px 0 0 0;}


.scroll {
  background:#fff;
  border:1px solid #ddd;
  -webkit-transition-duration:0.4s;
  -webkit-transition-timing-function:ease;
  transition-duration:0.4s;
  transition-timing-function:ease;
}
/* 스크롤 내렸을때 CSS .active */
.headerWp.active {height:88px; background-color:#fff; transition:.5s;}
.headerWp.active .gnb > ul > li > a {color:#222}
.headerWp.active .ico ul .kakaoIco a {color:#222}
.headerWp.active .ico .toggle span {background:#222}
.headerWp.active h1{padding-top:30px;}
.headerWp.active h1 a img {width:80%}

a {text-decoration: underline;}

a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {

font-weight: 300;
line-height: 1.5;
margin: 0 0 1rem 0;

}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit;
	text-decoration: none;
}



/* Image */

/*
	.image {
		border-radius: 2px;
		border: 0;
		display: inline-block;
		position: relative;
	}

	.image img {
		border-radius: 2px;
		display: block;
	}
*/


	
/* Wrapper */

	.wrapper {
		/*padding: 6rem 0 4rem 0 ;*/
		position: relative;
		margin: 0;
	}

		.wrapper > .inner {
			margin: 0 auto;
			width: 80rem;
		}

		.wrapper.style1 {
			background-color: #8a4680;
			color: #e2d1df;
		}

	


	body.subpage {
		padding-top: 3.25em;
	}

	@-moz-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}


/* sub_bg */


.sub_visual.sub_bg1{
background: url(../images/sub_bg.jpg)50% 50% no-repeat;
background-size: cover;
}

.sub_visual {
    position: relative;
    height: 280px;
    overflow: hidden;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.sub_visual h2 {
    margin-left: 200px;
    font-family: 'GmarketSans',sans-serif;
    font-size: 80px;
    color: #fff;
    font-weight: 700;
    line-height: 0.9em;
    letter-spacing: -0.025em;
}


#sub{padding:150px 0 200px;

}


#sub .container{
margin-right: auto;
margin-left: auto;

}

/* about */

#sub .about_banner{
float:right;
}


#sub .about_banner li{
float:left;
margin:7px 10px 0 0;
}

#sub .about_banner li{
float:left;
}


#sub .about_banner li:nth-child(3) {
 clear:both;
 margin-left:240px;
}

#sub .about_banner li img{
max-width:230px;

}

#sub .about_title{
padding-top:250px;
}

#sub .about_title h2 span{
color:#2e9fad
}


#sub .about_title h5{
font-size:20px;

}

#sub .about_title span{
font-size:40px;
font-family: 'GmarketSansMedium';
letter-spacing:-2px;
}

#sub .about_title h2{
font-family: 'GmarketSansMedium';
font-weight:bold;
font-size:45px;
line-height: 1.2em;
margin-bottom:18px;
letter-spacing:-1px;
}

#sub .about_title img{
max-width:130px;

}

#sub .greeting{
margin-top:200px;
}


#sub .greeting span{
font-size:20px;
line-height:1.3em;

}

#sub .greeting p{
font-size:20px;
margin-top:40px;
font-weight:500;
}


/* about end */


/* works */

.works_text{
text-align:center;
margin-bottom:150px;

}

.works_text .works_tit{
font-size:45px;
font-family: 'Montserrat', sans-serif;
font-weight:bold;
display: block;

}
.works_text .works_desc{
display:block;
font-size:18px;
line-height:1.2em;
margin-top:0.8rem;
margin-bottom:70px;
}

.heading_container {
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.heading_container h2:before {
    background-color: #2eb1e0;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 50px;
    margin-bottom: 1.25rem;
    margin: 6px auto;
}

.heading_container h2 {
    position: relative;
    font-weight: bold;
    font-size: 2rem;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 0.8rem;
}


.controls{padding: 0px 0px 20px;}


#portfolio{
    padding: 5px;
	float: left;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;

}

.works_container {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
}

.works_main {
  position: relative;
}


.works_main .advertiser {
 width:100%;
 height:100%;
  overflow: hidden;
  display: inline-block;
}

.works_main img {
  width: 100%;
  height: 100%;
  cursor:pointer;
  transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}


.works_main:hover img {
  transform: scale(1.2);
  transform-origin: center;
  filter: brightness(20%);
  transition: transform 1s ease-in-out, filter 0.5s ease-in-out;
}

.works_main p {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  cursor:pointer;
  }

.works_main:hover p {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}


.btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top: 50px;
}

.btn-box a {
font-family: 'GmarketSansMedium';
    display: inline-block;
    padding: 10px 45px;
    border:1px solid #222;
    color: #222;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}



.btn-box a:hover {
background-color:#222;
color:#fff
}

.btn-box i {
    margin-left: 4em;
    transition: 500ms transform;
    transform: rotate(0);
    transform-origin: center;
}

.xi-plus:before {
    content: "\e913";
}

[class*=" xi-"], [class^=xi-] {
    font-family: xeicon!important;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* works end */


/* service */

.sub_service .ban li{height:400px;
          float:left;
          width:33.33%;
          text-align:left;
          background-position:center;
          padding:80px 0 0 50px;
          box-sizing:border-box;
          position:relative;
          /* opacity:0.3; */
          transition:all 0.3s}


.sub_service .ban li.img1{position:relative;
					  background-image:url(../images/service_1B.jpg); 
					  background-size: cover;
					  background-position:center;}

.sub_service .ban li.img1:hover{background-image:url(../images/service_1.jpg);}

.sub_service .ban li.img2{position:relative;
					  background-image:url(../images/service_2B.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img2:hover{background-image:url(../images/service_2.jpg);}



.sub_service .ban li.img3{position:relative;
					  background-image:url(../images/service_3B.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img3:hover{background-image:url(../images/service_3.jpg);}

.sub_service .ban li.img4{position:relative;
					  background-image:url(../images/service_4B.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img4:hover{background-image:url(../images/service_4.jpg);}

.sub_service .ban li.img5{position:relative;
					  background-image:url(../images/service_5B.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img5:hover{background-image:url(../images/service_5.jpg);}

.sub_service .ban li.img6{position:relative;
					  background-image:url(../images/service_6B.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img6:hover{background-image:url(../images/service_6.jpg);}






.sub_service .tit{font-size:25px;
              font-weight:bold;
              margin-bottom:50px;
              transition:all 0.3s;
			  color:#fff;
			  }


.sub_service .service_desc{color:#000;
				 font-size:18px;
				 line-height: 1.4em;} 


.sub_service .ban{background-color:#000;
             overflow:hidden} /*li의 float때문에 ul의 높이가 없어서 clear:fixed OR
                                OVERFLOW:HIDDEN 가능*/
.sub_service .ban span{color:#fff;
						font-size:16px;}


.sub_service .ban:hover li{width:25%}

.sub_service .ban li:hover{width:50%;}

.sub_service .ban li .desc{ 
              font-size:16px;
              color:#fff;
			  margin-bottom:40px;
			  line-height:1.2em;
              transition:all 0.3s;
              transform:scale(0)}


.sub_service .ban li:hover .desc{transform:scale(1)}


.sub_service .ban li .btn a{
			  display:inline-block;
              color:#fff;
              font-size:12px;
              padding:12px 20px;
			  letter-spacing: 1px;
			  border:1px solid #fff;
			  transition:all 0.3s;
              /*transition:all 0.2s;*/
              transform:scale(0)}


.sub_service .ban li:hover .btn a{transform:scale(1)}


.sub_service .btn a:hover{background-color:#2eb1e0;
						  border:1px solid #2eb1e0; 
						}



.sub_service .service_text{
text-align:center;
margin-bottom:80px;

}

.sub_service .service_text .service_tit{
font-size:35px;
font-weight:bold;
display: block;

}
.sub_service .service_text .service_desc{
display:block;
font-size:18px;
line-height:1.2em;
margin:20px 0 50px;
}


/* sub_ad */

/* sub_serch */


#sub_ad {padding:150px 0 100px;}

#sub_ad .service_text{
text-align:center;

}

#sub_ad .service_text .service_tit{
font-size: 2rem;
font-weight:bold;
display: block;

}
#sub_ad .service_text .service_desc{
display:block;
font-size:18px;
line-height:1.2em;
margin-top: 0.8rem;
margin-bottom: 50px;
}
}

#sub_ad .serch{width:1100px; margin:0 auto;}



.box{height:440px}

#sub_ad .box li{position:relative;
				background-color:#f4f3f3;
				/* height:400px; */
				 float:left;
				width:33%;
                text-align:center;
				cursor:pointer;
				margin-right:4px;}


#sub_ad .box li:nth-child(3){margin-right:0;}



.box li img{width:95%;
			margin:0 auto;
            transition:all 0.3s}


#sub_ad .box li .info{
					  }


.box li:hover .bg h4{
					 transform: translateY(0);
					 top:0; bottom:-40px;
					 padding-top:28%;
					 font-size:18px;
					 background-color:rgba(0,83,204,0.9);		 
					 }
					 

.box li .bg h4{
            font-size:18px;
			color:#fff;
			background-color:#0053cc;
			padding:15px 30px;
			position:absolute;
			bottom:0; left:0;
			width:100%;
			transition:all 0.3s;
             transform: translateY(40px)
            }



.box li .bg p{ position:absolute;
              left:5%; right:5%;
              top:8%; bottom:8%;
              padding:35% 10% 0;
              font-size:16px;
			  line-height:1.5em;
              color:#fff;
              transition:all 0.3s;
              transform:scale(0)}


.box li:hover .bg p{transform:scale(1)}

#sub_ad .ad_company{text-align:center;}

#sub_ad .ad_company img{margin-top:50px;
						max-width: 100%;
						height: auto;}

.serch_naver{
margin: 80px 0 50px;
text-align: center;
position: relative;
}

.serch_naver .nserch_tit{

position: relative;
font-weight: bold;
font-size: 1.5rem;
color: #2db400;
margin-bottom: 0.8rem;
}

.serch_naver h2:before {
    background-color: #2db400;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 50px;
    margin-bottom: 1.25rem;
    margin: 10px auto;
}

.serch_naver .nserch_stit{letter-spacing:-1px}


.n_productlist{text-align:center;
			margin-bottom:10px}

.n_productlist li{display:inline-block;		  
			    text-align:center;
				}

.n_productlist li a{background-color:#fff;
			    border:1px solid #2db400;
			    border-radius:20px;
				color:#2db400;
				margin-right: 3px;
				cursor:pointer;
				text-decoration:none;
				font-weight:bold;
				padding:8px 20px;
				font-size: 1rem;
				transition:all 0.3s}

.n_productlist li a:hover{color:#fff;
					   background-color:#2db400}



.n_productlist1{text-align:center;
			margin-bottom:10px}

.n_productlist1 li{display:inline-block;		  
			    text-align:center;
				}

.n_productlist1 li a{background-color:#fff;
			    border:1px solid #2db400;
			    border-radius:20px;
				color:#2db400;
				margin-right: 3px;
				cursor:pointer;
				text-decoration:none;
				font-weight:bold;
				padding:8px 20px;
				font-size: 1rem;
				transition:all 0.3s}

.n_productlist1 li a:hover{color:#fff;
					   background-color:#2db400}



.n_productlist2{text-align:center;
			margin-bottom:10px}

.n_productlist2 li{display:inline-block;		  
			    text-align:center;
				}

.n_productlist2 li a{background-color:#fff;
			    border:1px solid #2db400;
			    border-radius:20px;
				color:#2db400;
				margin-right: 3px;
				cursor:pointer;
				text-decoration:none;
				font-weight:bold;
				padding:8px 20px;
				font-size: 1rem;
				transition:all 0.3s}

.n_productlist2 li a:hover{color:#fff;
					   background-color:#2db400}




.n_products{/*background-color:#f4f4f4;*/
			border-radius:20px;
			width:100%;
			margin-top:40px
			}

.n_slider>li .n_title{text-align:center;}


.n_slider>li .n_title .n_tit{
                            color:#222;
                            font-weight:bold;
                            padding:50px 0 20px;
							font-size:1.5rem;
                            letter-spacing:-1px;
                        
                           
                            opacity:0;
                            position:relative;
                           /* top:-30px */
							
                    
                        }



.n_slider>li .n_title .n_desc{font-size:1rem;
                                color:#666;
                            
                           
                            opacity:0;
                            left:-30px;
							margin-bottom:50px;
						
							}













#banner{padding:10px 0; overflow:hidden }
.banner_inner{margin:0 auto; }
.banner_inner h2{font-size:30px; color:#444; line-height:1; text-align:Center;}
#banner_list{position:relative; margin-top:20px;  }
#banner_list:before{content:""; position:absolute; top:0;  left:-100%; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:1;}
#banner_list:after{content:""; position:absolute; top:0; right:-100%; width:100%; height:100%; background:rgba(255,255,255,0.5); z-index:2;}
.bx-wrapper {max-width:1200px important;}   
/*#banner .bx-viewport{overflow: visible !important;}*/
.sec3_list{padding:60px 0; overflow:hidden}    
.sec3_list li{transition:0.5s all;width:295px}
.sec3_list li span{display:block; position:relative; height:310px; border-radius:15px; }
.sec3_list li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;/*background-color:cadetblue;*/ }
.sec3_list li dl{/*height:170px;*/  background:#fff; transition:0.5s all;}
.sec3_list li dl dt{font-size:16px; color:#444; line-height:1; font-weight:bold;  text-align:center; margin-top: 25px;}
.sec3_list li dl dt:before{content:""; display:block; width:20px; height:2px; background:#2db400; margin-top:10px; margin:10px auto}
.sec3_list li dl dd{font-size:14px; color:#444; margin-top:10px;}
    
/*.sec3_list li:hover{transform:translateY(-20px);}*/


.sec4_list{padding:60px 0; overflow:hidden}    
.sec4_list li{transition:0.5s all;width:295px}
.sec4_list li span{display:block; position:relative; height:310px; border-radius:15px; }
.sec4_list li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;/*background-color:cadetblue;*/ }
.sec4_list li dl{/*height:170px;*/  background:#fff; transition:0.5s all;}
.sec4_list li dl dt{font-size:16px; color:#444; line-height:1; font-weight:bold;  text-align:center; margin-top: 25px;}
.sec4_list li dl dt:before{content:""; display:block; width:20px; height:2px; background:#ffcc00; margin-top:10px; margin:10px auto}
.sec4_list li dl dd{font-size:14px; color:#444; margin-top:10px;}
    
/*.sec4_list li:hover{transform:translateY(-20px);}*/
    
.sec2_list{padding:60px 0; overflow:hidden}    
.sec2_list li{transition:0.5s all;width:295px}
.sec2_list li span{display:block; position:relative; height:310px; border-radius:15px; }
.sec2_list li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;/*background-color:cadetblue;*/ }
.sec2_list li dl{/*height:170px;*/  background:#fff; transition:0.5s all;}
.sec2_list li dl dt{font-size:16px; color:#444; line-height:1; font-weight:bold;  text-align:center; margin-top: 25px;}
.sec2_list li dl dt:before{content:""; display:block; width:20px; height:2px; background:#4a69ac; margin-top:10px; margin:10px auto}
.sec2_list li dl dd{font-size:14px; color:#444; margin-top:10px;}
    
/*.sec2_list li:hover{transform:translateY(-20px);}*/
    
.sns_facebook h2:before{background-color: #4a69ac;
						border-radius: 0.25rem;
						content: '';
						display: block;
						height: 0.2rem;
						width: 50px;
						margin-bottom: 1.25rem;
						margin: 15px auto;}
    

.sns_facebook .nserch_tit {
    position: relative;
    font-weight: bold;
    font-size: 1.5rem;
    color: #4a69ac;
    margin: 70px 0 20px;
}

 .sns_facebook{text-align:center;
			   margin-bottom:50px;
			   line-height: 1.2em;}





.sec1_list{padding:60px 0; overflow:hidden}    
.sec1_list li{transition:0.5s all;width:295px}
.sec1_list li span{display:block; position:relative; height:310px; border-radius:15px; }
.sec1_list li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;/*background-color:cadetblue;*/ }
.sec1_list li dl{/*height:170px;*/  background:#fff; transition:0.5s all;}
.sec1_list li dl dt{font-size:16px; color:#444; line-height:1; font-weight:bold;  text-align:center; margin-top: 25px;}
.sec1_list li dl dt:before{content:""; display:block; width:20px; height:2px; background:#b931b5; margin-top:10px; margin:10px auto}
.sec1_list li dl dd{font-size:14px; color:#444; margin-top:10px;}
    
/*.sec1_list li:hover{transform:translateY(-20px);}*/


.sns_insta h2:before{background-color: #b931b5;
						border-radius: 0.25rem;
						content: '';
						display: block;
						height: 0.2rem;
						width: 50px;
						margin-bottom: 1.25rem;
						margin: 15px auto;}
    


.sns_insta .nserch_tit {
    position: relative;
    font-weight: bold;
    font-size: 1.5rem;
    color: #b931b5;
    margin: 70px 0 20px;
}

 .sns_insta{text-align:center;
			margin-bottom:50px;
			line-height: 1.2em;}


    
a.bx-prev{position:absolute; left:-20px; top:50%; transform:translateY(-50%); width:50px; height:50px; background:url(../images/left_button.png) no-repeat; z-index:100;}
a.bx-next{position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:50px; height:50px; background:url(../images/right_button.png) no-repeat; z-index:100;}
 


.n_slider1>li .n_title{text-align:center;}


.n_slider1>li .n_title .n_tit{
                            color:#222;
                            font-weight:bold;
                            padding:50px 0 20px;
							font-size:1.5rem;
                            letter-spacing:-1px;
                        
                           
                            opacity:0;
                            position:relative;
                           /* top:-30px */
							
                    
                        }


.n_slider1>li .n_title .n_desc{font-size:1rem;
                                color:#666;
                            
                           
                            opacity:0;
                            left:-30px;
							margin-bottom:50px;
						
							}


.n_slider2>li .n_title{text-align:center;}


.n_slider2>li .n_title .n_tit{
                            color:#222;
                            font-weight:bold;
                            padding:50px 0 20px;
							font-size:1.5rem;
                            letter-spacing:-1px;
                        
                           
                            opacity:0;
                            position:relative;
                           /* top:-30px */
							
                    
                        }



.n_slider2>li .n_title .n_desc{font-size:1rem;
                                color:#666;
                            
                           
                            opacity:0;
                            left:-30px;
							margin-bottom:50px;
						
							}




.n_products .n_image li{margin:0 auto;
					  width:238px;
					  height:344px;
					  position: relative;
					  left: 0;
					  bottom: -40px;
					  
							 
							     /* 초기값 */
					 opacity:0
	
	}
	
	
.n_products .n_image{position:relative; left:0; bottom:0;}

.n_products .n_image li.serch_image0{background-image:url(../images/serch_n1.png)}
.n_products .n_image li.serch_image1{background-image:url(../images/serch_n2.png)}
.n_products .n_image li.serch_image2{background-image:url(../images/serch_n3.png)}
.n_products .n_image li.serch_image3{background-image:url(../images/serch_n4.png)}
.n_products .n_image li.serch_image4{background-image:url(../images/serch_n5.png)}
.n_products .n_image li.serch_image5{background-image:url(../images/serch_n6.png)}
.n_products .n_image li.serch_image6{background-image:url(../images/serch_n7.png)}

.n_slider .n_image li.display_image0{background-image:url(../images/display_n1.png)}
.n_slider .n_image li.display_image1{background-image:url(../images/display_n2.png)}
.n_slider .n_image li.display_image2{background-image:url(../images/display_n3.png)}
.n_slider .n_image li.display_image3{background-image:url(../images/display_n4.png)}
.n_slider .n_image li.display_image4{background-image:url(../images/display_n5.png)}

/*

.n_slider1 .n_image li.banner_image0{background-image:url(../images/banner_n1.png)}
.n_slider1 .n_image li.display_image1{background-image:url(../images/display_n2.png)}
.n_slider1 .n_image li.display_image2{background-image:url(../images/display_n3.png)}
.n_slider1 .n_image li.display_image3{background-image:url(../images/display_n4.png)}
.n_slider1 .n_image li.display_image4{background-image:url(../images/display_n5.png)}
.n_slider1 .n_image li.display_image5{background-image:url(../images/serch_n6.png)}

*/


.n_slider2 .n_image li.display_image0{background-image:url(../images/display_n1.png)}
.n_slider2 .n_image li.display_image1{background-image:url(../images/display_n2.png)}
.n_slider2 .n_image li.display_image2{background-image:url(../images/display_n3.png)}
.n_slider2 .n_image li.display_image3{background-image:url(../images/display_n4.png)}
.n_slider2 .n_image li.display_image4{background-image:url(../images/display_n5.png)}
.n_slider2 .n_image li.display_image5{background-image:url(../images/serch_n6.png)}





.n_margin li{margin-top:0}


/* bxslider */

.bx-wrapper .bx-viewport{
	position:static !important;
    left:0;
	height:auto !important;
	box-shadow: none !importatnt;
    border: 1px solid #ddd !important;
	box-shadow:none !important;
	}



.serch_kakao{
margin: 80px 0 50px;
text-align: center;
position: relative;
}

.serch_kakao .kserch_tit{

position: relative;
font-weight: bold;
font-size: 1.5rem;
color: #ffcc00;
margin-bottom: 0.8rem;
}

.serch_kakao h2:before {
    background-color: #ffcc00;
    border-radius: 0.25rem;
    content: '';
    display: block;
    height: 0.25rem;
    width: 50px;
    margin-bottom: 1.25rem;
    margin: 10px auto;
}


.k_tit{font-size:20px;
	   font-weight:bold;}

.k_desc{font-size:1rem;
		display:block;
		margin:10px 0 40px;}

.premium_pro{ overflow:hidden;
			 margin:40px 0;}


.premium_pro li{float:left; width:15%;
				text-align:center;
				
				}
.premium_pro li:nth-child(2n){width:30%;}
.premium_pro li .pre_tit{display:block;
						margin-top:20px;
						width:160px;
					    padding:10px 0;
					    background-color:#eee;
					    border-radius:20px;					  
					    text-align:center;
					    margin:10px auto;
					    color:#222;
					    font-weight:bold;
					    font-size:1rem

						
}

  .swiper-bottom {
        margin-top: 30px;
        overflow:hidden ;
        width: 100%;
       border:1px solid #ddd
      }
      
      .custom_slide_wrap {
      width:1084px;
	  margin:0 auto;
      }

	   .custom_slide_wrapper {
      width:438px;
	  margin:0 auto;
      }


      .swiper-pagination-custom {
       /* display: flex; */
        justify-content: flex-start;

      }
	 .swiper-pagination-bullets{/*width:1084px !important;*/
							   text-align:center;
							   margin:0 auto
	 }

	 .display_margin{margin-top:80px}

      .custom_bullet {
	    float:left;
        border:1px solid #ffcc00;
		border-radius:20px;
		color:#222;
		margin-right: 7px;
		cursor:pointer;
		text-decoration:none;
		font-weight:bold;
		padding:8px 20px;
		transition:all 0.3s;
		margin-bottom:30px
      }
      .custom_bullet:last-child {
        margin-right: 0;
      }

      .custom_bullet span {
        font-size: 1rem;
        font-weight: bold;
      }

      .custom_bullet:hover span{
        color: #222;
      }

      .swiper-pagination-custom-bullet-active {
        background-color: #ffcc00;
       /* box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
        border: 1px solid teal;*/
      }

      .swiper-pagination-custom-bullet-active span {
        color: #fff;
      }
      .swiper-pagination-custom-bullet-active:hover span {
		 color: #fff;
}
.bh_content{text-align:center;}


.bh_content .k_content{color: #222;
    font-weight: bold;
    padding:50px 0 20px;
    font-size: 1.5rem;
    letter-spacing: -1px;

}

 .contents_box p{width: 238px;
    height: 342px;
    margin: 0 auto;
	}

/*
.k_productlist{text-align:center;
			margin: 80px 0 30px;}

.k_productlist li{display:inline-block;		  
			    text-align:center;
				}

.k_productlist li a{background-color:#fff;
			    border:1px solid #ffcc00;
			    border-radius:20px;
				color:#222;
				margin-right: 3px;
				cursor:pointer;
				text-decoration:none;
				font-weight:bold;
				padding:8px 20px;
				font-size: 1rem;
				transition:all 0.3s}

.k_productlist li a:hover{color:#222;
					   background-color:#ffcc00}

.k_products{background-color:#f4f4f4;
			border-radius:20px;
			width:100%;
			margin-top:30px;
			text-align:center;
                        
			}


.k_products .k_slider>li .k_protit{
                            color:#222;
                            font-weight:bold;
                            padding:50px 0 20px;
							font-size:1.5rem;
                            letter-spacing:-1px;
							
                           
                            opacity:0;
                            position:relative;
                            top:-30px
							
                    
                        }


.k_products .k_image li{margin:0 auto;
					  width:238px;
					  height:344px;
					  margin-top: 50px;
					  
							 
							     
    opacity:0
	
	}
	
	


.k_products .k_image li.serch_image7{background-image:url(../images/serch_k5.png)}
.k_products .k_image li.serch_image8{background-image:url(../images/serch_k6.png)}
.k_products .k_image li.serch_image9{background-image:url(../images/serch_k7.png)}
.k_products .k_image li.serch_image10{background-image:url(../images/serch_k8.png)}
.k_products .k_image li.serch_image11{background-image:url(../images/serch_k9.png)}
.k_products .k_image li.serch_image12{background-image:url(../images/serch_k10.png)}
.k_products .k_image li.serch_image13{background-image:url(../images/serch_k11.png)}
.k_products .k_image li.serch_image14{background-image:url(../images/serch_k12.png)}
.k_products .k_image li.serch_image15{background-image:url(../images/serch_k13.png)}

*/







/* sub_serch end */


/* sub_display */


#sub_ad .display_company {
    text-align: center;
}

#sub_ad .display_company img{margin-top:20px;
						    max-width: 220px;
						    height: auto;}



#sub_ad .sns_company {
    text-align: center;
}



#sub_ad .sns_company img {
    margin-top: 20px;
    max-width: 300px;
    height: auto;
}


.display_type{background-image:url(../images/display_bg.jpg);
			   height:394px;
			   background-repeat: no-repeat;
			   background-position: center;
			  
			  }

.display_type .center{width:800px;
					 padding-top:110px;
					margin:0 auto;
					
					}

.display_type .dis_ad{width:220px; 
					 height:180px;
					 padding:40px 0 0 25px;
					 float:left;
					 background-color:rgba(0,0,0,0.5);
					 text-align:left;	
					 color:#fff;
					 margin-right:40px;
					 box-shadow: 1px 1px 20px 1px rgba(255, 255, 255, 0.1);

					 }


.display_type .network{margin-left:40px;}

.dis_ad h5{ color:#fff;
			font-size:22px;
			line-height:1.2em;
			margin-bottom:8px;
			
			}


.dis_ad p{ font-size:14px;}

.position{ float:left;}

.position li{ color:#fff;
			font-size:14px;
			text-align:left;
			margin-top:10px;
			list-style:disc;
			
			}

/* sub_display end */

/* sub_mobile */


.mobile_type{margin:0 auto;}

.mobile_type li{float:left;
				width: 32%;
				margin-bottom:150px;
				text-align:center;
				margin:0 auto;
				margin:0 7px 150px 0}


.mobile_type li p strong{display:block;
					   width:100%;
					   padding:10px;
					   background-color:#303233;
					   color:#fff;
					   text-align:center;
					   }

.mobile_type li p span{ display:block;
				      width:100%;
					  padding:10px;
					  border:1px solid #303233;
					  text-align:center;

					  }

/* sub_mobile End */

/* sub_banner */


#sub_ad .ad_name{font-size:24px;
				 font-weight:bold;
				 text-align:center;
				 

				 }

#sub_ad .ad_name:after {display:block; clear:both; content:'';
				        width:120px; border-bottom:1px solid #222;
						text-align:center;
						margin:0 auto;
						margin-bottom:40px}

#sub_ad .ad_name:before {display:block; clear:both; content:'';
				        width:120px; border-top:1px solid #222;
						text-align:center;
						margin:0 auto;
						}

#sub_ad .box1 li{margin-bottom:100px;
				 }

.bannerad_text{text-align:center;
			   padding-bottom:20px;
			   border-bottom:1px solid #eee;
			   }

.bannerad_tit{
			padding:7px 20px;
			background-color:#2db400;
			margin-right:3px;
			color:#fff;
			border-radius:20px;
			
			}

/*

.ddn_gdn li{float:left;
			width:50%;
			padding-right:20px;}

.ddn_gdn li img{
height:296px}


.ddn_ddn li img{
height:296px}

.ddn_gdn li:nth-child(2){padding-right:0}

.ddn_gdn li strong{font-size:22px;
				   display:block;
				   text-align:center;
				   margin-bottom:15px;
				   font-weight:bold;
				   background-color:#222;
				   padding:10px;
				   color:#fff;
				   }
.ddn_gdn li span{display:block;
			   text-align:left;
			   line-height:1.3em;
			   padding:30px;
			   border:1px solid #eee;

			   }
*/

/* sub_banner End */

/* sub_viral */

.viral_merit{background-image:url(../images/viral_merit.jpg);
			  margin:0 auto;
			  height:350px;
			  margin-top:50px;
			  background-repeat: no-repeat;
			  background-position: center;
			  
			  }

.viral_merit .center{width:900px;
				    height:200px;
					margin:0 auto;
					 text-align:center;}


.viral_merit h4{ font-size:28px;
				 color:#fff;
				 text-align:center;
				 padding:80px 0 60px;
				 }

.viral_merit .viral_list{ float:left;
						font-size:16px;
						margin:0 auto;
						text-align:left;
						margin-right:100px;
						color:#fff;}



.viral_merit .list2{ margin-right:0;}


.viral_merit .viral_list li{margin-bottom:10px;
							font-size:18px;
							list-style:disc;}


/* sub_viral End */


.serch_pro{text-align:center;}


/* contact us*/

.contact_text{
text-align:center;

}

.contact_text .contact_tit{
font-size:35px; 
letter-spacing:-2px; 
font-weight:bold; 
text-align:center

}
.contact_text .contact_desc{
display:block;
font-size:18px;
line-height:1.2em;
margin:20px 0 50px;
}


.privacy_tit {font-size: 14px; margin:0 0 20px 20px; vertical-align: middle;}

.map .company_name{font-weight:bold; /*font-family: 'S-CoreDream-3Light';*/ margin: 50px 0 5px; font-size:24px; }

.map .address{/*font-family: 'S-CoreDream-3Light'*/margin-bottom:20px; letter-spacing:-1px;}

/* contact us end */


/* Footer */

/* footer section*/




.footer_container {
    background-color: #222;
    color: #ffffff;
	margin:0 auto;
}

.footer_section {
  position: relative;
}

.footer_wrap {
padding: 50px 0;
box-sizing: border-box;
}

.footer_section .container{
display: flex;
justify-content: space-between;
align-items: center;
}

.container{
    width: 100%;
    max-width: 1260px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.ft_logo{
padding-bottom: 10px;
}

.ft_logo img{ 
max-width:100px;
}

.privacy_title{font-size:30px;
			   font-weight:bold;
			   text-align:center;
			   margin:30px 0 80px}


.privacy_de{line-height:1.5em;}

.footer_1 {
    font-size: 15px;
    letter-spacing: -.03em;
	width:50%;
}

.footer_1 ul {
    overflow: hidden;
    padding-left: 0;
}

.footer_1 ul li {
    display:inline-block;
    margin-right: 5px;
}

.footer_1 .f_add{
margin:10px 0 20px;
line-height: 20px;
letter-spacing: 0.5px;
color:#999;
 box-sizing:border-box;

}


.footer_1 .f_add .tel{display:none}

.footer_1 .displayYear{
color:#999;
text-align:center;
margin:0 auto;
}


.footer_2{text-align:right;
		  width:50%	}



.footer_2 {
    font-size: 15px;
    letter-spacing: -.03em;
	text-align: right;
}
.footer_2 .f_call {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 10px;

}

.footer_2 .f_call img {

vertical-align: middle;
}

.footer_2 .hd_num {
    font-size: 44px;
	font-family: 'GmarketSansMedium';

}

.footer_2 b{
    color: #999;
}

.footer_section p a {
  color: inherit;
}



@media all and (max-width:1400px){
    .headerWp .gnb > ul > li {padding:0 20px;}
	.sub_visual { height:200px}
	.sub_visual h2 {margin-left: 30px;
				font-size: 60px;
				}
				
	#sub {
		padding: 70px 0 75px 0;
	}

	#sub .about_title h2 {
    font-size: 32px;

}

#sub .about_title span {
    font-size: 32px;
}

	#sub .greeting p {
    font-size: 18px;
	margin-top: 30px
}



.works_text .works_tit {
    font-size: 32px;

}

.works_text img{max-width: 80%; height: auto;}

}

#sub_ad .service_text .service_desc {
    margin-bottom: 50px;
}




@media all and (max-width:1150px){
    .headerWp .gnb {display:none;}
}

@media all and (max-width:1024px){
.wrapper > .inner {width: 75rem;}
.wrapper > .inner {width: 90%;}

.visible .inner {
 padding:0
}

body.subpage {padding-top: 44px;}


#header {height: 50px;
	     line-height: 50px;
		}

#header > h1 {
		left: 1em;
	}

#header > h1 a {font-size: 1em;
	}


	
.headerWp h1 a img {
    max-width: 60px;
    width:100%;

}


.headerWp.active h1 a img {
    width: 100%;
}

.headerWp .ico ul .kakaoIco a {margin: 2px 12px 0;}


.headerWp .ico ul .kakaoIco a img{width:32px}


.headerWp .ico .toggle {
	position:relative; 
	display:block; 
	width:22px; 
    height: 32px;
	margin:0
}

#sub .about_banner li:nth-child(3) {margin-left:185px;}

#sub .about_banner li img {
    max-width: 180px;
}

#sub .about_title {
    padding-top: 187px;
}


#sub .about_title img {
    max-width: 100px;
}
#sub .about_banner li {
    float: left;
    margin:1px 5px 0 0;
}

#sub .greeting span {
    font-size: 16px;
    line-height: 1.4em;
}


#portfolio {
    padding: 5px;
    float: left;
    -ms-flex: 0 0 33.3%;
    flex: 0 0 33.3%;
    max-width: 33.3%;}



.works_main p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;
}

.works_text {
    text-align: center;
    margin-bottom: 100px;
}

.btn-box{display:none}

.sub_service .tit {margin-bottom:30px;}

.sub_service .ban li {
    height: 200px;
    float: left;
    width: 33.3%;
    text-align: left;
    background-position: center;
    padding: 40px 0 0 30px;
    box-sizing: border-box;
    position: relative;
    /* opacity: 0.3; */
    transition: all 0.3s;
}

.sub_service .ban:hover li{width:33.3%}


.sub_service .ban li.img1{position:relative;
					  background-image:url(../images/service_1.jpg); 
					  background-size: cover;
					  background-position:center;}

.sub_service .ban li.img1:hover{position:relative;
					  background-image:url(../images/service_1.jpg); 
					  background-size: cover;
					  background-position:center;}

.sub_service .ban li.img2{position:relative;
					  background-image:url(../images/service_2.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img2:hover{position:relative;
					  background-image:url(../images/service_2.jpg); 
					  background-size: cover;
					  background-position:center;}



.sub_service .ban li.img3{position:relative;
					  background-image:url(../images/service_3.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img3:hover{position:relative;
					  background-image:url(../images/service_3.jpg); 
					  background-size: cover;
					  background-position:center;}

.sub_service .ban li.img4{position:relative;
					  background-image:url(../images/service_4.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img4:hover{position:relative;
					  background-image:url(../images/service_4.jpg); 
					  background-size: cover;
					  background-position:center;}

.sub_service .ban li.img5{position:relative;
					  background-image:url(../images/service_5.jpg);; 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img5:hover{position:relative;
					  background-image:url(../images/service_5.jpg);; 
					  background-size: cover;
					  background-position:center;}

.sub_service .ban li.img6{position:relative;
					  background-image:url(../images/service_6.jpg); 
					  background-size: cover;
					  background-position:center;}


.sub_service .ban li.img6:hover{position:relative;
					  background-image:url(../images/service_6.jpg); 
					  background-size: cover;
					  background-position:center;}



.sub_service .ban li .desc {
	display:none;
    /*font-size: 0.9rem;
    color: #fff;
    margin-bottom: 40px;
    line-height: 1.3em;
    transition: all 0.3s;
    transform:scale(1);*/
}




.sub_service .ban li .btn a {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding:8px 15px;
    letter-spacing: 1px;
    border: 1px solid #fff;
    transition: all 0.3s;
    /* transition: all 0.2s; */
    transform: scale(1);
}


br.br-pc {
	display: none;
}

br.br-tb {
	display: block;
}


#sub_ad {padding:70px 0 75px 0;}

#sub_ad .box li {height:320px}

.box li .bg p {font-size:0.9rem}

.box li:hover .bg h4 {padding-top:25%;}


.display_type {
    height: 385px;
}


.display_type .center {width:auto; padding-top:0}

.position {
    float: none;
	text-align: center;
}


.display_type .dis_ad {
    width: auto;
    height:auto;
    padding:30px 0 ;
	text-align:center;
     float: none; 
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    margin-right: 0; 
	margin-left:0;
    box-shadow: 1px 1px 20px 1px rgba(255, 255, 255, 0.1);
}

.dis_ad h5 {
    color: #fff;
    font-size: 22px;
    line-height: auto;
    margin-bottom: 8px;
}

.position li { display:inline-block; margin-right:10px; margin-top:0; padding:20px 0}




#sub_ad .ad_name {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}


.ddn_gdn li span{font-size:0.9rem}


.box li .bg h4.viral_tit{font-size:15px;}

.viral_merit {height:300px}

.viral_merit h4 {font-size:24px;
				 padding: 55px 0 40px;
				 box-sizing:border-box;
}

.viral_merit .viral_list{float:none;
						 margin-right:0;}

.viral_merit .viral_list li {
    font-size: 1rem;
	text-align:left;

}

.viral_merit .center {
width: 41%;
height: 105px;
text-align:center;
}

/*
	.banner.full {
			padding: 0;
			min-height: 75vh;
			height: 75vh !important;
		}
	.banner.full {
				padding: 0;
				min-height: 50vh;
				height:90vh !important;
			}



	.banner > article {
		background-attachment: scroll;
		
	}

*/	


	.wrapper.style3 {background-attachment: scroll;}
    .headerWp .ico ul {padding:25px 0;}
	

    /* 토글 */
    .headerWp .toogleMenu {padding:100px 50px 0; height:calc(100vh - 100px); margin:0 auto; box-sizing:border-box;}
	span.arrow {
    top: 144%;
	left: 48.5%;
	}



.ft_logo img {
    max-width: 80px;
}

.footer_1{width:55%; margin-right:10px}



.footer_1 ul li {margin-right:3px}

.footer_1 ul li a{font-size:0.9rem}


.footer_1 .displayYear {font-size: 0.9rem; display: block; width:100%; text-align:left
}

.footer_wrap {padding:40px 0}


.footer_1 .f_add {
    line-height: 18px;
	font-size: 0.9rem;

}

.footer_2{width:40%; margin-top: -37px;}

.footer_2 .hd_num {font-size:22px}


.footer_2 b{
    font-size:0.9rem
}

}

@media all and (max-width:768px){
    /*.headerWp .ico {width:130px;}*/
	
	 html, body {min-width: 320px;}
	 /*.wrapper {padding: 3rem 0 1rem 0;}*/
	 .box .content {padding: 2rem;}
	 #header {min-width: 320px;}
	 #header > a {padding: 0 0.5em;}
     #header > a + a[href="#menu"]:last-child {
	padding-left: 1em;
	margin-left: 0.25em;
	}

	br.br-m{display:block;}
	br.br-tb{display:none;}

	.headerWp h1 {
    padding-top:18px;
}
	.headerWp .ico ul .kakaoIco a {margin: 4px 12px 0;}

	.headerWp.active {
    height: 60px;
}


.headerWp.active h1 a img {
    width: 100%;
}


.headerWp.active h1 {
    padding-top: 15px;
}

.headerWp .ico ul {
    padding: 12px 0;
    /* background: #ffff00; */
}



#header > a:last-child {
		padding-right: 1em;
	}


#sub .about_banner li:nth-child(3) {
    margin-left: 0;
}

#sub .about_banner li img {
    max-width: 150px;
}


#sub .about_title {
    padding-top: 80px;
}

.sub_visual {
    height: 140px;
}

.sub_visual h2 {
    margin-left: 16px;
    font-size: 40px;
}

#sub .about_title {
    position: relative;
    top: -750px;
	left: 50%;
    margin-left: -161px;
    width: 290px;
    height: 240px;
}

#sub .about_title h5 {
    font-size: 16px;
}
 

#sub .about_title span {
    font-size: 28px;
}

#sub .about_title h2 {
    font-size: 28px;
}

#sub .about_title img {
    max-width: 90px;
}


#sub .about_banner{ float:none; margin: 0 auto; margin-top:175px; width:330px; height: 482px;}

#sub .about_banner li {
    /* float: left; */
    display: inline-block;
    margin: 0 5px 1px 0;

}

#sub .about_banner li img {
    max-width: 160px;
}

#sub .greeting {
	margin: 0 auto;
    margin-top: -370px;
    width: 350px;
    padding: 10px;
}

	.tit{
	 font-size:2em;
     margin-bottom:15px; 
	 border-right:none;
	 animation: none;
	 white-space:none;
	 overflow:hidden;
	 font-family: 'GmarketSansMedium';
	 }

			
br.br-m {
	display: inline;
}

.works_text {margin-bottom:80px}

.works_text .works_tit {
    font-size: 28px;
	line-height:1.2em;
}


.works_main p {
    font-size: 0.8rem;
    text-align: center;
}

.works_text .works_desc {
font-size: 0.9rem;
margin-bottom:40px

}



.works_text img {
    max-width: 100%;
    height: auto;
	}

 .heading_container h2 {font-size: 1.5rem;
						margin-bottom: 0.8rem;}

.s_tit {
    font-size: 0.9rem;

	}



#sub_ad .display_company img { max-width: 160px; margin-top:10px}
	
.serch_naver .nserch_stit { font-size: 1rem;
							line-height: 1.4em;}

.kserch_stit{ font-size:1rem}


.premium_pro li{width:50%;}

.premium_pro li:nth-child(3) {
	clear:both;
    
}




.custom_slide_wrapper {
    width:100%;
	padding:0 20px;
    margin: 0 auto;
	text-align:center
}

.custom_slide_wrap {
   /* width:349px; */
   width:100%;
   margin-left:10px;
}


.custom_bullet:last-child {
    margin-bottom: 20px;
}

.custom_bullet {
    margin-bottom: 10px;
}


.n_products{margin-bottom:0
			}


.n_productlist{text-align:left; width:100%; margin-left:10px /*padding:0 20px !important;*/}

.n_productlist li a {padding:5px 12px}

.custom_bullet {padding:5px 12px}



.n_slider .slider .n_tit {font-size:1.2rem !important;}


.n_products .n_image li{bottom:-30px}

.n_slider .slider .n_desc {
                              display:block;
                            padding:0 25px;
							text-align:left;
							font-size:0.9rem !important;
                           margin-bottom:0 !important

						
							}


.n_slider>li .n_title .n_tit {padding:40px 0 10px; font-size:1.3rem;}


.sub_service .service_text .service_tit {
    font-size: 28px;
	line-height: 1.2em;
}


.sub_service .service_text .service_desc {
    display: block;
    font-size: 0.9rem;
    line-height: 1.2em;
    margin-top: 0.9rem;
	margin-bottom:50px;
}


.sub_service .service_text{
text-align:center;
margin-bottom:0;

}

.sub_service .ban span {font-size:12px}

.sub_service .tit {
    font-size: 18px;
	font-weight:400;
	margin-top: 3px;
	margin-bottom: 20px;
}

.sub_service .ban li {
    height: 200px;
    float: left;
    width: 50%;
    text-align: left;
    background-position: center;
    padding: 50px 0 0 0;
	text-align:center;
    box-sizing: border-box;
    position: relative;
    /* opacity: 0.3; */
    transition: all 0.3s;
}

.sub_service .ban:hover li{width:50%}

.sub_service .ban li:hover{width:50%}

.sub_service .ban {
    background-color: #000;
    overflow:visible;
}


.sub_service .ban li .btn a {
    display: inline-block;
    color: #fff;
    font-size: 10px;
    padding:7px 12px;
	border-radius: 25px;
    border: 1px solid #fff;
    transition: all 0.3s;
    /* transition: all 0.2s; */
    transform: scale(1);
}


#sub_ad .service_text .service_tit {
    font-size: 28px;

}

#sub_ad .service_text .service_desc {
    font-size: 0.9rem;
}

#sub_ad .box li {
    height: 280px;
    float: none;
    width: 100%;
	margin-bottom: 60px;
}

#sub_ad .box li img {
    width: 350px;
	margin-top:-40px;
}



	
.box li .bg h4 {padding:10px 30px}

.box li:hover .bg h4 {
    padding-top: 15%;
}

.box li .bg p {
    padding: 27% 10% 0;
}


#sub_ad .ad_company img {
margin-top:20px;
}

#sub_ad .serch_pro{margin-bottom:0px}




.display_type {
    height: 660px;
    background-size: cover;
}


.position {margin-top:20px}

.position li {
     display: block;
     padding:0;
	 margin: 8px 0;
	 text-align:center;
}

.display_type .dis_ad {margin-top:20px}

.bh_content .k_content{
    font-size: 1.3rem;
	padding: 40px 0 30px

}



#sub_ad .ad_name {padding-top:0}

#sub_ad .box{height:1022px}

.ddn_gdn li {
    float:none;
	width:100%;
	margin-bottom: 20px;
}
.ddn_gdn li:nth-child(2){margin-bottom:0}

#sub_ad .margin{margin-top:80px;}


.n_productlist li {margin-bottom:16px}
.n_productlist li a {margin-right:0}
.custom_bullet {margin-bottom:7px}



.serch_naver {margin:30px 0 50px}

.n_products {
    margin-top: 10px;
}


.bannerad_tit{display:block; background-color:#fff; color:#222; font-weight:bold; text-align:center; margin-bottom:5px; font-size:1.3 rem}

.bannerad_text{line-height: 1em;}


.bannerad_desc{font-size:0.9rem}

.sec3_list {padding:20px 0 30px}

.sec3_list li span {height:140px}


.sec4_list {padding:20px 0 30px}
.sec4_list li span {height:230px}


.sec2_list {
   padding:20px 0 30px
}
.sec2_list li span {height:230px}

.sec2_list li span img { max-height:90%;}

.sec1_list {padding: 0 0 25px;}

.sec1_list li span {height:230px}

.sns_facebook .nserch_stit{font-size:1rem;}

.sns_insta .nserch_stit{font-size:1rem;}

#sub_ad .sns_company img {margin-top:20px; max-width:220px; height:auto;}

.viral_merit {
    height: 260px;
}


.mobile_type li {float:none; 
				 width:100%;
				 margin: 0 0 10px;
				

				 }
.viral_merit h4 {font-size:18px;
				 padding: 35px 0 20px;
 				 box-sizing:border-box;
}


.viral_merit .viral_list{float:none;
						 margin-right:0;}

.viral_merit .viral_list li {
    font-size:0.9rem;
	text-align:left;
	letter-spacing:-1px;


}



.viral_merit .center {
width: 75%;
height: 105px;
text-align:center;
}


.wrapper {
  /*  padding:0 !important */
}


.ftco-section {
    padding:0 !important
}


.contact_text .contact_tit {font-size:28px;}

.contact_text .contact_desc {font-size:0.9rem; margin-top:0.9rem; margin-bottom:50px;}


.mb-4, .my-4 {
    font-size: 20px !important;
}


.map .company_name {
    font-weight: bold;
    font-family: 'S-CoreDream-3Light';
    margin: 50px 0 5px;
    font-size: 24px;
}

.map .company_name{font-weight:bold; font-family: 'GmarketSansMedium'; margin: 50px 0 5px; font-size:24px; }


form {
	width:auto;
    margin: 0 0 2rem 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 5px;
    margin: 0 auto;
	margin-top: 30px;

}

input[type="submit"]{padding:none;
}

form.method {
width:250px; margin:50px auto; 

}


.top_btn {
	margin:0 auto;
	font-size:18px; 
    background-color: #2e9fad;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    border: none;
	margin-left:none;
	padding:10px 48px;
    line-height: 1.3em;


}


	/*.headerWp .ico ul {padding:22px 0;}*/
    .headerWp .ico ul .lang {margin:1vw 0 0 0;}
    .headerWp .ico ul .langIcon {margin:5px 16px 0 0;}
    .headerWp .ico ul .lang a {font-size:3.4vw; margin:0 5px 0 0;}
    .headerWp .toogleMenu > ul > li {width:100%; text-align:center; padding:2vw 0;}
    .headerWp .toogleMenu > ul > li:nth-child(5) {clear:none; margin-left:0;}
    .headerWp .toogleMenu > ul > li > h2 {display:block; font-size:4.5vw;}
    .headerWp .toogleMenu > ul > li > ul {padding:3vw 0 0 0;}
    .headerWp .toogleMenu > ul > li > ul > li {margin:0 0 2vw; text-align:center;}
    .headerWp .toogleMenu > ul > li > ul > li:last-child {margin:0;}
    .headerWp .toogleMenu > ul > li > ul > li > a {font-size:3.6vw;}

	/* 토글 */
    .headerWp .toogleBox {height:100vh;}
	/*.headerWp .ico .toggle {position:relative; display:block; width:22px; height:25px; margin:0;}*/
	.headerWp .ico .toggle span {position:absolute; display:inline-block; height:3px; position:absolute; background:#fff; transition:all 0.3s ease;}
	.headerWp .ico .toggle span:nth-child(1) {width:23px; top:9px; right:0;}
	.headerWp .ico .toggle span:nth-child(2) {width:23px; top:17px; right:0;}
	.headerWp .ico .toggle span:nth-child(3) {width:23px; top:25px; right:0;}

	.headerWp .ico ul li .toggle.active span:nth-child(1) {top:50%; width:25px; transform:rotate(45deg)}
	.headerWp .ico ul li .toggle.active span:nth-child(2) {right:0; opacity:0;}
	.headerWp .ico ul li .toggle.active span:nth-child(3) {top:50%; width:25px; transform:rotate(-45deg)}



br.br-m{display:block;}
br.br-tb{display:none;}





.footer_section .container{display:block;}

.footer_1{width:100%; text-align: center;}

.footer_1 .f_add .bul-tb{display:none}

.footer_1 .f_add .tel{display:block;}

.footer_1 .displayYear{

text-align:center
}

.footer_2{display:none;}



}