@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

/* 공통 HTML 기본 코드 선언 */
body,html							{ color:#565656; font-family:"Noto Sans KR"; font-weight:400; font-size:16px; }
img								{ border:0; }
ul,ol,dl							{ list-style:none; }
li,ul,ol,dl							{ margin:0; padding:0; }
li								{ float:left }
h1								{ font-weight:700; }
a:link								{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:visited							{ color:#4f4f4f; text-decoration:none; font-weight:normal; }
a:hover							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:focus							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }
a:active							{ color:#4f4f4f; text-decoration:none; font-weight:normal; outline:none; }

/* 기본 변수 선언 */
:root								{ --major_color:#0096e6;	--major_color2:#414042; --max_width:1400px; }


/* 공통 Class 기본 코드 선언 */
.no-padding							{ padding: 0 !important;  }
.no-margin							{ margin: 0 !important; }
.max_width							{ width:100%; max-width:var(--max_width); }
.img								{ max-width:100%; height:auto; }
.img_max							{ width:100%; }
.link								{ cursor:pointer; }
.br								{ display:block; }
.br980							{ display:block; }
.bold								{ font-weight:bold; }
.major_color							{ color: var(--major_color) }
.major_color2						{ color: var(--major_color2) }
.padding_horizontal					{ padding-left:20px; padding-right:20px; }
.padding_vertical						{ padding-top: 20px; padding-bottom:20px; }
.text_center							{ display:flex; flex-direction:column; justify-content:flex-start; align-items:center; }
.black_color							{ color:#313131; }
.blue_color							{ color:#0096e6; }
.red_color							{ color:#e00; }
.gray_color							{ color:#bbb; }
.violet_color							{ color:#b436b9; }
.underline							{ border-bottom:1px solid #000; }
.dashed_line						{ border-bottom:1px dashed #aaa;width:100%; }
.inline_block							{ display:inline-block; }
.absmiddle							{ vertical-align:middle; }
.default_font_size						{ font-size:1rem; }
.font_size_1							{ font-size:4rem; }
.font_size_2							{ font-size:3.125rem; }
.font_size_3							{ font-size:2.5rem; }
.font_size_4							{ font-size:1.875rem; }
.font_size_5							{ font-size:1.563rem; }
.font_size_6							{ font-size:1.375rem; }
.font_size_7							{ font-size:1.250rem; }
.font_size_8							{ font-size:1.063rem; }


/*  기본 레이아웃 코드 선언 */
#wrapper							{ width:100%;}
.title_area							{ display:inline-block; width:100%; max-width:var(--max_width);}
.title_area > ul						{ display:inline-block; width:100%; }
.title_area_left						{ text-align: center; padding-top:10px; width:100%; }
.title_area_left img					{ height:6em;}
.title_area_right						{ text-align: center;  width:100%; }
.title_area_right li						{ width:100%; clear:both; text-align: center; }
.title_area_right li:last-child				{ padding-top: 0px; text-align: center; width:100%; }
.title_area_right li:last-child > div			{ display:inline-block;  }
.title_text							{ }
.title_line							{ width:100%;height:3px;background:url('/images/title-line.gif') #f2f2f2 no-repeat center; }
.sub_title_text						{ letter-spacing:0.1em;  width:100%; color:#777; }
.contents							{ padding:0 10px;  }
#quickScrollMenu						{ display: block; }



/* 상단 영역 및 메뉴 */
#top								{ position:fixed; width:100%; z-index:1000; background-color:#fff; box-shadow: 0px 5px 10px #aaa; }
#top_info							{ height:120px; }
#top_info_left						{ display:flex; justify-content:flex-start; align-items:center; height:120px; }
#top_info_center						{ display:flex; justify-content:center; align-items:center; height:120px; }
#top_info_right						{ display:flex; justify-content:flex-end; align-items:center; height:120px; }
.menu								{ height:50px; color:#6e6e6e;  padding: 10px 17px; text-align: center;text-decoration: none; display: inline-block; border-radius:0px; -webkit-transition:  0.2s; /* Safari */ transition: 0.2s; }
.menu_on, .menu:hover					{
								  padding: 10px 17px; text-align: center;text-decoration: none;
								  display: inline-block; border-radius:0px; -webkit-transition:  0.3s; /* Safari */ transition: 0.3s;
								  color:var(--major_color); background-color: #fff;  height:49px;
								}
#top_space							{ height:0px; }


/* 메인 비주얼 */
.owl-carousel .owl-dots,.owl-theme .owl-nav	{ text-align:center;-webkit-tap-highlight-color:transparent;position:relative;top:-50px;}
.owl-carousel .owl-dots .owl-dot			{ display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot	span		{ width:20px;height:20px;margin:10px 10px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--major_color)}



/* 내용 시작 */
.contents_layer						{ margin:0 auto; text-align:center; width:100%; }
#naver_blog_top_rank					{ width:100%; padding-top:100px; }
#naver_smartblock_top_rank				{ background-color: #f5f5f5; }
#proposal							{ padding: 100px 0; background-color: #506559;}
#proposal > div						{ margin:0 auto; max-width:1200px; }
#proposal > div	> ul li				{ padding:0; margin:0;  }
#marketing							{ padding: 100px 0; background-color: #f5f5f5;}
#marketing > div						{ margin:0 auto; max-width:1200px; }
#marketing > div	> ul li				{ padding:0; margin:0;  }
#advanced_marketing					{ padding:100px 0; }
#advanced_marketing > div				{ margin:0 auto; max-width:1200px; }
#custom_service						{ padding:100px 0; }
#custom_service > div					{ margin:0 auto; max-width:1200px; }
#ekdlabs							{ padding: 100px 0 0; background-color: #506559;}





/* 오시는길 */
#location							{ background-position:center; background-size:100% 100%;height:100%;width:100%; padding-top:100px; }
.location_left						{ float:left;  text-align:left; }
.location_right						{ float:right; }
.location_right li						{ padding-left:20px; }
.location_right li:first-child				{ padding-left:0px; }
.location_tel							{ font-weight:900; color:var(--major_color); }
.daum_map							{ width: 100%; height:500px; display:inline-block;  border:1px solid #ccc;}



/* 하단 */
#bottom							{ background-color:#151515;  color:#a1a1a1;   padding:20px 0px; display:inline-block;  width:100%; text-align:center; }
.bottom ul > li:nth-child(2) > ul > li 		{ width:25%;}


/* 모바일 하단 메뉴 */
#mobile_bottom_menu					{ position:fixed; bottom:0px; display:none; z-index:5000; }
#mobile_bottom_icon					{ width:100%; display:flex;}
.mobile_bottom_icon					{ }
.mobile_bottom_icon	img				{ width:100%; }



/* 모바일 메뉴 */
#coverLayer							{ position:fixed;left:0;top:67px;width:100%;height:100%;background-color:#000;display:none;opacity:0.7;z-index:700; }
#mobileMenu						{ 
									display:none; position: absolute; top:0px; left:-700px; width:80%; z-index:1999; margin-top:100px; padding:0px; position:fixed; background:#fff; border-radius:0 0 20px 0; box-shadow: 5px 10px #aaa; background: linear-gradient(90deg, #fff 0%, #eee 100%);
								}
#mobileMenu ul,li						{ margin:0px; padding:0px; }
#mobileMenu	li					{ list-style:none; }
#mobileMenu a						{ text-decoration:none; }
#menuArea							{ position:relative; text-align:left;  clear:both; }

.mobileMenu_title a					{ padding:20px; color:#333;  font-weight:bold; display:block; }
.mobileMenu_title a:hover				{ background:var(--major_color); color:#fff; display:block;}

.subMenu							{ background:#333; clear:both;display:none; }
.subMenu ul li						{ float:left; width:100%; }
.subMenu ul li a						{ color:#333; display:block; padding:20px; border-bottom:1px solid #aaa; }
.subMenu ul li a:hover					{ background:var(--major_color); color:#fff; display:block; padding:20px; }


/* 팝업 */
/* #popup_layer						{ position:absolute;width:98%;z-index:10;top:200px; } */
.btn								{ border:1px solid #aaa;  background-color: #fff; padding:5px 15px; border-radius:5px; cursor:pointer; font-size:13px; height:37px;}
.btn:hover							{ background-color: #eee; }
.btn-default							{}
#main_popup						{ position:absolute;width:98%;z-index:10;top:200px; }
#main_popup > div					{ margin:0 auto;width:100%;max-width:1250px; }
#main_popup > div > ul > li			{ float:left; }
#main_popup .popup					{ min-width:360px; z-index:2001; display:none;background-color:#fff; }
#main_popup .popup_bottom				{ background-color:#000000;clear:left;height:45px;padding:0px;margin:0px;position:relative;top:0px;padding-top:5px;padding-right:20px; text-align:right;z-index:2001 }


/* 퀵메뉴 */
#quickScrollMenu						{ position: absolute; width: 100px;	 right: 30px; top: 200px; color: #fff; z-index:100;border-radius:20px;	}
#quickScrollMenu li img					{ }


/*
opacity: 0.95;
filter: alpha(opacity=95);
*/ /* For IE8 and earlier */