@import url("common.css");
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700&display=swap');

/*** S:: °øÅë ***/

*{font-family:'Noto Sans KR', NanumGothic,'NanumGothic', ³ª´®°íµñ, NG, sans-serif !important;}

#wrap{max-width:640px; margin:0 auto; font-size:13px;}

/*.showCont{ transition:all 0.6s ease; transition-delay:0.3s; position:Relative; top:15px;}
.showCont.action{opacity:1; transition:all 0.6s ease; transition-delay:0.3s; position:Relative; top:0;}*/

.quickR{position:fixed;	right: 3%; z-index: 5000; bottom:50px;}
	.quickR li{width:50px; height:50px; background:#fff; border-radius:64px; overflow:hidden; clear:both;  transition:all 0.3s ease; margin:4px 0 0;}
	.quickR li a{display:block; width:100%; height:100%; }
	.quickR li i{display:block; width:26px; height:24px; float:left; transition:all 0.3s ease; background-repeat:no-repeat; background-size:100%; margin:12px 0 0 12px;}
	.quickR li p{float:left; width:1px; color:#fff; font-size:14px; letter-spacing:-0.65pt; line-height:19px; font-weight:600; padding:14px 0 0 13px; transition:all 0.3s ease;}
	.quickR li p span{font-family:'Titillium Web', sans-serif !important;;  font-weight:600; font-size:18px; letter-spacing:0pt; line-height:120%; display:block; }
	.quickR .type01{bottom:142px; border:1px solid #f2ba59;}
	.quickR .type02{bottom:71px;border:1px solid #ef894a;}
	.quickR .type03{bottom:0;border:1px solid #fe4d51;}
	.quickR .type03 p{ padding-top:12px;}
  	.quickR .type01 i{background-image:url('/marketing/img/quickR_icon01.png'); }
	.quickR .type02 i{background-image:url('/marketing/img/quickR_icon02.png'); }
	.quickR .type03 i{background-image:url('/marketing/img/quickR_icon03.png'); }



	.pf_tabStyle{text-align:Center; padding:0 0 13px;}
	.pf_tabStyle li{display:inline-block; width:30%; height:36px; margin:0 2px;vertical-align:middle; }
		.pf_tabStyle li.image span{display:inline-block; width:15px; height:15px; margin:0 5px 1px 0; vertical-align:middle; background:url('/marketing/img/pf_tab_icon02.gif') no-repeat left top; background-size:100%;}
		.pf_tabStyle li.exposure span{display:inline-block; width:15px; height:15px; margin:0 5px 1px 0; vertical-align:middle; background:url('/marketing/img/pf_tab_icon01.gif') no-repeat left top; background-size:100%; }
	.pf_tabStyle li a{display:block; width:100%; height:100%; border-radius:36px; line-height:36px; box-sizing:border-box; border:1px solid #ddd;  letter-spacing:-0.75pt; color:#888;transition:all 0.3s ease; vertical-align:middle }
	.pf_tabStyle li a.focus{border:2px solid #fe4d51; color:#ff6165; line-height:32px;}
	.pf_tabStyle li a.focus span{background-position:left bottom;}

	#blogBody .pf_tabStyle li a.focus{border:2px solid #08c254; color:#08c254;}
	#blogBody .pf_tabStyle li a:hover{color:#08c254; border-color:#08c254; }
		.pf_tabStyle li.product span{display:inline-block; width:17px; height:16px; margin:0 5px 1px 0; vertical-align:middle; background:url('/marketing/img/pf_tab_blog_icon01.gif') no-repeat left top; background-size:100% auto;}
		.pf_tabStyle li.visit span{display:inline-block; width:15px; height:18px; margin:0 5px 1px 0; vertical-align:middle; background:url('/marketing/img/pf_tab_blog_icon02.gif') no-repeat left top;background-size:100% auto;}
		.pf_tabStyle li.editor span{display:inline-block; width:15px; height:15px; margin:0 5px 1px 0; vertical-align:middle; background:url('/marketing/img/pf_tab_blog_icon03.gif') no-repeat left top;background-size:100% auto;}



	#blogBody .pf_tabStyle2 li a.focus{border-color:#08c254; background:#08c254; }
	#blogBody .pf_tabStyle2 li a.focus:after{background:url('/marketing/img/pf_tabStyle2Blog_up.png') no-repeat right top;}

/*** E:: °øÅë ***/

/* S:: ǪÅÍ */
	#footer{background:#2f2f2f; border-top:none; margin:0;}
	#footer:before{ background:#4e4e4e; }
		.footer_nav {border-bottom-color:#4e4e4e}
		.footer_nav li a{color:#fff; font-size:13px; letter-spacing:-0.65pt; }
		.footer_nav li a.privacy{color:#fe4d51; }
		.footer_nav dt{color:#fff;}
		.footer_nav dd{color:#fe4d51; font-family:'Titillium Web', sans-serif !important; font-weight:600; padding-bottom:2px;}
		.footer_in{}
		.footer_in:before{color:#a1a1a1;}
			.footer_in p{color:#c1c1c1;letter-spacing:-0.65pt;}
			.footer_in span{color:#828282; font-family:'Titillium Web', sans-serif !important;}
			.footer_in span a, .footer_in span a:link, .footer_in span a:visited{ color:#828282;font-family:'Titillium Web', sans-serif !important; letter-spacing:0.3pt;}
			.footer_in span a:hover{color:#acacac;}
		.foot_btn li:first-child::after{background:#4e4e4e; }

		.foot_menu{display:none; }

	#blogBody .footer_nav dd{color:#08c254;}
	#blogBody .footer_nav li a.privacy{color:#08c254; }

/* E:: ǪÅÍ */

/*** S:: ÀνºÅ¸±×·¥ ***/
#instaBody{ background:#fff; background-size:100% auto; }
.instaBtn{display:inline-block; width:40%; height:36px; text-align:center; line-height:36px; background:#fe4d51; color:#fff !important; letter-spacing:-0.75pt; border-radius:36px; transition:all 0.5s ease-out;}
.instaBtn2{display:inline-block; width:40%; height:36px; text-align:center; line-height:36px; background:#fff; color:#fe4d51 !important; letter-spacing:-0.75pt; /*border-radius:58px*/;transition:all 0.9s, color 0.3s 0.3s;}


/* S:: Çìµå */
	#instaHeader{ margin:0 3%; overflow:hidden; clear:both; padding:18px 0; border-bottom:1px solid #ddd;  position:relative;}
	#instaHeader h1{ font-size:20px; line-height:120%; font-weight:100; color:#fe4d51; letter-spacing:-0.65pt; text-align:center; margin:5px 0 0;}
	#instaHeader h1 strong{line-height:120%; font-weight:800; color:#fe4d51; letter-spacing:-0.65pt; }
	#instaHeader h1 img{vertical-align:middle; margin:0 6px 2px 0; width:22px;}
	#instaHeader ul{text-align:center;  }
	#instaHeader ul li{display:inline-block; line-height:120%; margin:0 10px;}
	#instaHeader ul li a{line-height:120%; letter-spacing:-0.55pt; color:#f39801;}
		#instaHeader ul li:last-child a{color:#08c254;}
	#instaHeader ul li img{vertical-align:middle; line-height:120%; margin:0 8px 3px 0; width:17px;}
/* E:: Çìµå */

/* ¸¶ÄÉÆü¾ÅÍ ¹®ÀÇ */
.popupStyle03{width:600px; border-radius:0; margin-left:-300px; box-sizing:border-box; padding:25px 3% 30px; border-top:5px solid #f39801; }
.popupStyle03 h4.tit{text-align:Center; font-size:24px; color:#333; letter-spacing:-0.75pt; line-height:120%; font-weight:900; padding:0; border:none; }
.popupStyle03 p.stit{text-align:center;  letter-spacing:-0.45pt; color:#666; padding:8px 0 25px;}
.popupStyle03 .needpopup_remover{top:30px; right:30px;}
.popupStyle03 .needpopup_remover:before{background-position:right top;}


/* S:: ºñÁê¾ó */
	#instavisual{ margin:0 auto; position:Relative; }
	#instavisual .instavisual_in{padding:52px 0 0;  position:Relative; }
	#instavisual img{width:100%;}
	#instavisual img.mv{position:absolute; left:50%;margin-left:-150px;animation: logo_ani 1.2s ease-in-out infinite; width:105px;}
		@keyframes logo_ani {          
			   0% {top: 35px;} 
			   50% {top: 55px;}   
			   100% {top: 35px;} 
		}
	#instavisual > h3{text-align:Center; font-size:23px; ; letter-spacing:-1pt; line-height:120%; color:#333; font-weight:400; padding:15px 0 0 ;  position:relative; }
	#instavisual > h3 strong{display:block;  letter-spacing:-1pt; line-height:120%; font-weight:800; padding:3px 0 0; position:relative; }
	#instavisual > h3 strong span{; letter-spacing:-1pt; line-height:120%; font-weight:800; position:relative; display:inline-block; padding:0 1px;}
	#instavisual > h3 strong span:before{display:block; width:100%; height:15px; position:absolute; bottom:0; left:0; content:""; background:#fe4d51;z-index:-1;}
	#instavisual > div{font-size:14px; letter-spacing:-0.85pt; color:#666; position:relative; text-align:Center; padding:12px 3% 20px; font-weight:300;}
	#instavisual > p{text-align:center;}         
	#instavisual > p a{margin:0 4px 0; display:inline-block;}
/* E:: ºñÁê¾ó */

/* S:: ÄÁÅÙÃ÷ */
	.title{text-align:center;   font-size:18px; color:#333; font-weight:600; letter-spacing:-1pt;padding:0 0 15px;}
	.title span{ font-weight:400; letter-spacing:-1pt;}
	.title.eng{font-size:22px; text-transform:uppercase;font-family:'Titillium Web', sans-serif !important; color:#333; font-weight:900;  line-height:100%; padding:0 0 15px;letter-spacing:0;}

	.stitle{font-size:13px; letter-spacing:-0.75pt; color:#666; text-align:Center; padding-bottom:23px;}


	/* CLIENT */
	.clientArea{margin:50px 3% 50px; }
	.clientArea h4{ position:Relative}
	.clientArea ul{width:100%; overflow:hidden; clear:both; border-top:1px solid #ddd;}
	.clientArea li{float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; position: relative; transition: transform 0.6s; transform-style: preserve-3d;  transition:all 0.4s ease; overflow:hidden; width:33.3333%; box-sizing:border-box; opacity:0;}
	.clientArea li:nth-child(3n+1) {border-left:1px solid #ddd;}
	.clientArea li.on{opacity:1; transition:all 0.2s ease;}
	.clientArea li img{transform: rotateY(180deg); animation-delay:0.02s; transition:all 0.2s ease; width:100%; }
	.clientArea li.on img{transform: rotateY(0deg); animation-delay:0.02s; transition:all 0.2s ease;}
	.clientArea li:hover img{-webkit-transform: scale(1.15);-moz-transform: scale(1.15); -o-transform: scale(1.15);-ms-transform: scale(1.15);transform: scale(1.15); transition:all 0.3s ease;;}

	.clientArea dl{margin-bottom:20px;}
	.clientArea dd{background:#f0f0f0; text-align:center; padding:20px 0; }
	.clientArea dd img{height:18px;}
	.clientArea dd .num{letter-spacing:-0.85pt; color:#666;padding:8px 0 5px;}
	.clientArea dd .num span{font-family:'Titillium Web', sans-serif !important; color:#ef894a; font-size:30px; letter-spacing:0.2pt; font-weight:600; }
	.clientArea dd .txt{color:#333; letter-spacing:-0.75pt; font-size:12px;}
	.clientArea dd .txt strong{color:#333; letter-spacing:-0.75pt; }

	.clientArea dd:first-child{border-bottom:2px solid #fff; }
	.clientArea dd:first-child .num span{color:#e84a4e;}

	/* PORTFOLIO */
	.portfolioCont_in{margin:0 3% 50px; }
	.portfolioCont_in .portfolioCont_in_top{ }
		.portfolioCont_in_top > dt{width:100%;}
		.portfolioCont_in_top > dt img{width:100%; }
		.portfolioCont_in_top > dd{vertical-align:top; padding-left:0;letter-spacing:-0.85pt; line-height:28px; color:#c1c1c1; }

	.portfolioCont_graph .pf_graph_in{text-align:center; padding:20px 0 0;}
	.portfolioCont_graph dl{display:inline-block; margin:0 0.5%; width:30%; animation-delay:0.3s; transition:all 0.6s ease; opacity:0;}
	.portfolioCont_graph dl.on{opacity:1; animation-delay:0.3s; transition:all 0.6s ease;}

	.portfolioCont_graph dt{text-align:Center; width:100%; height:90px;}
	.portfolioCont_graph dt img{display:block; width:90px; margin:0 auto;}
	.portfolioCont_graph dd{display:block; color:#333; letter-spacing:-1pt; line-height:120%; padding:18px 0 0;}
	.pf_graph_in .slick-list{width:100% !important; height:180px !important;}


	.portfolioCont_graph span{display:block; position:Absolute; left:0; top:0;  font-family:'Titillium Web', sans-serif !important; font-weight:700; text-align:center; line-height:90px; font-size:17px; width:100%;}
		.portfolioCont_graph span.red{color:#fe4d51;}
		.portfolioCont_graph span.orange{color:#ef894a;}
		.portfolioCont_graph span.g2{color:#15d559;}
		.portfolioCont_graph span.g3{color:#08c29d;}
		.portfolioCont_graph span.yellow{color:#efc568; line-height:120%; top:5px;}
		.portfolioCont_graph span.g1{color:#dae023;}


	.portfolioCont_graph .slider-nav{float:left; width:0px; box-sizing:border-box; overflow:hidden; }
		.portfolioCont_graph .slider-nav .slick-active{display:block; width:80px !important; height:40px; margin:0 0 5px; clear:both; line-height:40px;border-radius:40px; box-sizing:border-box; border:1px solid #787878; text-align:center; letter-spacing:-0.75pt; color:#acacac; cursor:pointer;font-size:15px !important;}
		.portfolioCont_graph .slider-nav .slick-active:hover{}
		.portfolioCont_graph .slider-nav .slick-current{border-color:#fe4d51; background:#fe4d51; color:#fff; position:Relative; }
		.portfolioCont_graph .slider-nav .slick-current:after{content:""; display:block; width:10px; height:15px; background:url('/marketing/img/pf_tabStyle2_up.png') no-repeat right top; position:absolute; right:-8px; top:50%; margin-top:-7.5px; z-index:-1;}

	.portfolioCont_graph .slider-nav2{float:left; width:0; box-sizing:border-box;overflow:hidden; }
		.portfolioCont_graph .slider-nav2 .slick-active{display:block; width:80px !important; height:40px; margin:0 0 5px; clear:both; line-height:40px;border-radius:40px; box-sizing:border-box; border:1px solid #787878; text-align:center; letter-spacing:-0.75pt; color:#acacac; cursor:pointer;font-size:15px !important;}
		.portfolioCont_graph .slider-nav2 .slick-active:hover{}
		.portfolioCont_graph .slider-nav2 .slick-current{border-color:#fe4d51; background:#fe4d51; color:#fff; position:Relative; }
		.portfolioCont_graph .slider-nav2 .slick-current:after{content:""; display:block; width:10px; height:15px; background:url('/marketing/img/pf_tabStyle2_up.png') no-repeat right top; position:absolute; right:-8px; top:50%; margin-top:-7.5px; z-index:-1;}


	/* °­Á¡ */
	.strength_cont{ padding:0 3% 0 ; position:Relative; overflow:hidden; }
	.strength_in{height:auto !important; }
		.strength_cont .slick-list{width:100%; overflow:visible !important; }
		.strength_cont .slick-track{overflow:hidden; clear:both;}
	.strength_in dl{padding:0 4% 0 0;}
	.strength_in dt{border:1px solid #ddd;}
	.strength_in dt img{width:100%; }
	.strength_in dd{text-align:center; color:#333; letter-spacing:-0.65pt; padding:12px 0 0;}

	.strength_cont .slick-arrow{position: absolute; display: block;width:36px; height: 36px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index:505; border-radius:50%; top:50%; margin-top:-35px; border:1px solid #ddd;}
	.strength_cont .slick-prev{left:-1.5%; background:url('/marketing/img/arrow_prev.gif') no-repeat center, #fff; background-size:13px auto;}
	.strength_cont .slick-next{right:-1.5%; background:url('/marketing/img/arrow_next.gif') no-repeat center, #fff; background-size:13px auto;}


	/* ÇÁ·Î¼¼½º */
	.processArea{margin:50px 3%;  overflow:hidden; clear:both;}
	.processArea ul{overflow:hidden; clear:both;background-size:100% auto; background-repeat:no-repeat; background-position:center 0; margin-bottom:8px}
	.processArea ul:nth-child(1){ background-image:url('/m/marketing/img/process_insta1.gif'); padding:0 13.5%}
	.processArea ul:nth-child(2){background-image:url('/m/marketing/img/process_insta2.gif'); padding:0 1%; }
	.processArea li{float:left; text-align:Center; color:#333; letter-spacing:-0.75pt; animation-delay:3.5s; transition:all 1s ease; position:relative; opacity:0}
	.processArea ul:nth-child(1) li{width:33.3333%;}
	.processArea ul:nth-child(2) li{width:25%;}
	.processArea li.on{opacity:1;animation-delay:3.5s; transition:all 1s ease;}
	.processArea li img{display:block; height:53px; margin:0 auto; padding:36% 0 44%;}

 	/* ¹®ÀÇ */
	.inquiryArea{background:url('/m/marketing/img/qna_insta_bg.jpg') no-repeat center top; padding:50px 0;}
	.inquiryArea img{display:block; margin:0 auto 20px; }
	.inquiryArea .title{padding-bottom:18px; color:#fff;}
	.inquiryArea .btns{text-align:center; }
	.inquiryArea .btns a{margin:0 5px;}
	.inquiryArea .btns > div{position:relative; overflow:hidden; cursor:pointer; margin:0 5px;}

.inquiryArea .btns .bar {position: absolute;width: 50px;height: 2px;background: #fe4d51;
	transition: all 1.8s ease-in-out; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.inquiryArea .btns .bar.borderR, .inquiryArea .btns .bar.borderL{width:2px; height:50px;}
	.bar.delay {animation-delay:1s;-webkit-animation-delay:1s;}
	.bar.delay2 {animation-delay:0.7s;-webkit-animation-delay:0.7s;}
	.borderT {top: 0;left: 0;}
	.borderR {top: 0; right:0;}
	.borderB {bottom: 0;left: 0;}
	.borderL {top: 0;left: 0;}
	@-webkit-keyframes h-move {
			0% {left: -50px;}
			100% {left: 200px;}
		}
	@keyframes h-move {
			0% {left: -50px;}
			100% {left: 200px;}
		}
	.borderT, .borderB {-webkit-animation-name: h-move; animation-name: h-move;}
	@-webkit-keyframes v-move {
		0% {top: -50px;}
		100% {top:80px;}
	}
	@keyframes v-move {
		0% {top: -50px;}
		100% {top:80px;}
	}
	.borderR, .borderL {-webkit-animation-name: v-move;	animation-name: v-move;}
/* E:: ÄÁÅÙÃ÷ */


/*** E:: ÀνºÅ¸±×·¥ ***/





/*** S:: ºí·Î±× ***/
#blogBody{ background:#fff; background-size:100% auto; }
.blogBtn{display:inline-block; width:40%; height:36px; text-align:center; line-height:36px; background:#08c254; color:#fff !important; letter-spacing:-0.75pt; border-radius:36px; transition:all 0.5s ease-out;}
.blogBtn2{display:inline-block; width:40%; height:36px; text-align:center; line-height:36px; background:#fff; color:#08c254 !important; letter-spacing:-0.75pt; /*border-radius:58px*/;transition:all 0.9s, color 0.3s 0.3s;}


#blogBody .quickR .type01 {border-color:#e6ca0d;}
#blogBody .quickR .type02 {border-color:#08c254;}
#blogBody .quickR .type03 {border-color:#08c29d;}
#blogBody .quickR .type01 i{background-image:url('/marketing/img/quickR_blog_icon01.png'); }
#blogBody .quickR .type02 i{background-image:url('/marketing/img/quickR_blog_icon02.png'); }
#blogBody .quickR .type03 i{background-image:url('/marketing/img/quickR_blog_icon03.png'); }




/* S:: Çìµå */
	#blogHeader{ margin:0 3%; overflow:hidden; clear:both; padding:18px 0; border-bottom:1px solid #ddd;  position:relative;}
	#blogHeader h1{ font-size:20px; line-height:120%; font-weight:100; color:#08c254; letter-spacing:-0.65pt; text-align:center; margin:5px 0 0;}
	#blogHeader h1 strong{; line-height:120%; font-weight:800; color:#08c254; letter-spacing:-0.65pt; }
	#blogHeader h1 img{vertical-align:middle; margin:0 6px 2px 0; width:22px;}
	#blogHeader ul{text-align:center;  }
	#blogHeader ul li{display:inline-block; line-height:120%; margin:0 10px;}
	#blogHeader ul li a{line-height:120%; letter-spacing:-0.55pt; color:#f39801;}
		#blogHeader ul li:last-child a{color:#fe4d51;}
	#blogHeader ul li img{vertical-align:middle; line-height:120%; margin:0 8px 3px 0; width:17px;}
/* E:: Çìµå */



/* S:: ºñÁê¾ó */
	#blogvisual{ margin:0 auto; position:Relative; }
	#blogvisual .instavisual_in{padding:52px 0 0;  position:Relative; }
	#blogvisual img{width:100%;}
	#blogvisual img.mv{position:absolute; left:50%;margin-left:-150px;animation: logo_ani 1.2s ease-in-out infinite; width:105px;}
		@keyframes logo_ani {          
			   0% {top: 35px;} 
			   50% {top: 55px;}   
			   100% {top: 35px;} 
		}
	#blogvisual > h3{text-align:Center; font-size:23px; ; letter-spacing:-1pt; line-height:120%; color:#333; font-weight:400; padding:15px 0 0 ;  position:relative; }
	#blogvisual > h3 strong{display:block;  letter-spacing:-1pt; line-height:120%; font-weight:800; padding:3px 0 0; position:relative; }
	#blogvisual > h3 strong span{; letter-spacing:-1pt; line-height:120%; font-weight:800; position:relative; display:inline-block; padding:0 1px;}
	#blogvisual > h3 strong span:before{display:block; width:100%; height:15px; position:absolute; bottom:0; left:0; content:""; background:#08c254;z-index:-1;}
	#blogvisual > div{font-size:14px; letter-spacing:-0.85pt; color:#666; position:relative; text-align:Center; padding:12px 3% 20px; font-weight:300}
	#blogvisual > p{text-align:center;}         
	#blogvisual > p a{margin:0 4px 0; display:inline-block;}
/* E:: ºñÁê¾ó */


	/* PORTFOLIO 
#blogBody .portfolioCont_in_top dd h6:before{background:#08c254;}
	#blogBody .portfolioCont_graph .slider-nav .slick-current{border-color:#08c254; background:#08c254;  }
	#blogBody .portfolioCont_graph .slider-nav .slick-current:after{background:url('/marketing/img/pf_tabStyle2Blog_up.png') no-repeat right top;}

	#blogBody .portfolioCont_graph .slider-nav2 .slick-current{border-color:#08c254; background:#08c254;  }
	#blogBody .portfolioCont_graph .slider-nav2 .slick-current:after{background:url('/marketing/img/pf_tabStyle2Blog_up.png') no-repeat right top;}

	.portfolioCont_graph .pf_graph_in3{float:left; width:975px; text-align:Center; }
	.pf_graph_in3 .slick-list{width:975px !important; height:240px !important;}

	.portfolioCont_graph .slider-nav3{float:left; width:195px; box-sizing:border-box; padding:12px 0 0 77px;}
		.portfolioCont_graph .slider-nav3 .slick-active{display:block; width:110px !important; height:45px; margin:0 0 10px; clear:both; line-height:43px;border-radius:45px; box-sizing:border-box; border:1px solid #787878; text-align:center; letter-spacing:-0.75pt; color:#acacac; cursor:pointer;}
		.portfolioCont_graph .slider-nav3 .slick-active:hover{}
		.portfolioCont_graph .slider-nav3 .slick-current{border-color:#08c254; background:#08c254; color:#fff; position:Relative; }
		.portfolioCont_graph .slider-nav3 .slick-current:after{content:""; display:block; width:10px; height:15px; background:url('/marketing/img/pf_tabStyle2Blog_up.png') no-repeat right top; position:absolute; right:-8px; top:50%; margin-top:-7.5px; z-index:-1;}

	.portfolioCont{animation: listshow 1.5s ease-out ; }
		@keyframes listshow { 
			0% {opacity: 0; } 
			100% { opacity: 1; } 
		 }
*/
	.pf_graph_inB{text-align:center; padding:20px 0 0; }
	.pf_graph_inB dl{display:inline-block; margin:0 0.5%; width:30%; animation-delay:0.3s; transition:all 0.6s ease; opacity:0; vertical-align:top; }
	.pf_graph_inB dl.on{opacity:1; animation-delay:0.3s; transition:all 0.6s ease;}

	.pf_graph_inB dt{text-align:Center; width:100%; height:90px;}
	.pf_graph_inB dt img{display:block; width:90px; margin:0 auto;}
	.pf_graph_inB span{display:block; position:Absolute; left:0; top:0;  font-family:'Titillium Web', sans-serif !important; font-weight:700; text-align:center; line-height:90px; font-size:17px; width:100%;}
		.pf_graph_inB span.g1{color:#dae023; line-height:120%; top:5px;}
		.pf_graph_inB span.g2{color:#15d559;}
		.pf_graph_inB span.g3{color:#08c29d;}
	.pf_graph_inB dd{display:block; color:#333; letter-spacing:-1pt; line-height:120%; padding:18px 0 0;}
	.load-item, .iload-item {position:relative;}



	/* CLIENT */
	#blogBody .clientArea dd .num span{color:#08c29d;}
	#blogBody .clientArea dd:first-child .num span{color:#17c856;}


 	/* ÇÁ·Î¼¼½º */
	.processArea ul.blog1{background-image:url('/m/marketing/img/process_blog1.gif'); padding:0 13.5%}
	.processArea ul.blog2{background-image:url('/m/marketing/img/process_blog2.gif'); padding:0 1%; }

 	/* ¹®ÀÇ */
	#blogBody .inquiryArea{background:url('/m/marketing/img/qna_blog_bg.jpg') no-repeat center top; }
	.inquiryArea.blog .btns .bar {background:#08c254;}


/*** E:: ºí·Î±× ***/


.pulseAnim {box-shadow: 0 0 0 rgba(254,77,81, 0.5); -moz-animation: pulse 1.5s infinite; -webkit-animation: pulse 1.5s infinite; animation: pulse 1.5s infinite;}
@keyframes pulse {
    0% {box-shadow: 0 0 0 0 rgba(254,77,81, 0.5);}
    50% {box-shadow: 0 0 0 8px rgba(255,255,255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255,255,255, 0); }
}


#blogBody .pulseAnim {box-shadow: 0 0 0 rgba(8,194,84, 0.5); -moz-animation: pulse2 1.5s infinite; -webkit-animation: pulse2 1.5s infinite; animation: pulse2 1.5s infinite;}
@keyframes pulse2 {
    0% {box-shadow: 0 0 0 0 rgba(8,194,84, 0.5);}
    50% {box-shadow: 0 0 0 8px rgba(255,255,255, 0);}
    100% {box-shadow: 0 0 0 0 rgba(255,255,255, 0); }
}

.needpopup_wrapper{position:fixed; height:100% !important; }


.circle11, .circle21, .circle31 { color:#15d559; }
.circle12, .circle22, .circle32 { display:none; color:#08c29d; }


.icircle1, .icircle3, .icircle5, .icircle7, .icircle9, .icircle11 { color:#ef894a; }
.icircle2, .icircle4, .icircle6, .icircle8, .icircle10, .icircle12 { display:none; color:#fe4d51; }

.slick_item_wrap, .circles-text {display:none; }





/*******************************************************************************
	@media 581~640px
*******************************************************************************/
@media all and (max-width:640px){



}


/*******************************************************************************
	@media 421~480px
*******************************************************************************/
@media all and (max-width:480px){


	/* ÇÁ·Î¼¼½º */
	.processArea li img{height:35px; padding:36% 0 44%;}



}


/*******************************************************************************
	@media 321~420px
*******************************************************************************/

@media all and (max-width:420px){

	/* ÇÁ·Î¼¼½º */
	.processArea li img{height:35px; padding:35% 0 48%;}

}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){


	/* ÇÁ·Î¼¼½º */
	.processArea li img{height:32px; padding:33% 0 44%;}



}