article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }


/* ==========================================================================
Base
========================================================================== */
html { font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */ }

html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body { margin: 0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; overflow-x:hidden;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,table,caption,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%; font-family:inherit !important; /* vertical-align:baseline; */line-height:1.5em}
ul, li, dl, dt, dd {list-style:none; margin:0; padding:0;}
/* iframe {position:fixed;} */
button {border:none;}

/* ==========================================================================
Links
========================================================================== */
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

/* ==========================================================================
padding
========================================================================== */
.pt10 {padding-top:10px !important;}
.pt30 {padding-top:30px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pb30 {padding-bottom:30px !important;}
.pb50 {padding-bottom:50px !important;}
.pd0 {padding:0 !important;}
.pr0 {padding-right:0 !important;}

/* ==========================================================================
margin
========================================================================== */
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mg0 {margin:0px !important;}
.mt40 {margin-top:40px !important;}
.mt60 {margin-top:60px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb100 {margin-bottom:100px !important;}
.ml12p{margin-left: 12.555% !important;}

/* ==========================================================================
background
========================================================================== */
.bg_blue {background:#5badf0 !important;}
.bg_navy {background:#4082f3 !important;}
.bg_violet {background:#554ba6 !important;}
.bg_bluegreen {background:#33b8b1 !important;}
.bg_green {background:#80bc40 !important;}
.bg_green {background:#80bc40 !important;}
.bg_pink {background:#a98fe8 !important;}
.bg_gray {background-color: #f7f7f7 !important;}
.bg_footer {background-color: #f3f5f8 !important;}

/* ==========================================================================
color
========================================================================== */
.t_blue {color:#5badf0 !important;}
.t_gray {color:#c0bfbf !important;}
.t_white {color:#ffffff !important;}
.t_pink {color:#a98fe8 !important;} 

/* ==========================================================================
Typography
========================================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,textarea,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;/* vertical-align:baseline; */line-height:1.5em}
body,h1,h2,h3,h4,input,button{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; font-size:12px; font-weight: 400; color:#656565;}

aside.clients img {
    margin: 50px auto;
}
.ico_ad {font-size:18px; font-weight:600; background:#FF4955; border-radius:30px; color:#fff !important; padding:2px 15px; display:inline-block; margin-right:10px; vertical-align:middle;}
 
h1 { font-size: 2em; color: #fff; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
p, pre { margin: 1em 0; }
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
.b {font-weight:bold !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font18 {font-size:18px !important;}
.font30 {font-size:30px !important;}
.tl {text-align:left !important;}
.va_m {vertical-align:middle !important;}

/* ==========================================================================
Lists
========================================================================== */
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
menu, ol, ul { padding: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ==========================================================================
Embedded content
========================================================================== */
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ==========================================================================
Figures
========================================================================== */
 figure { margin: 0; }

/* ==========================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
button, input { line-height: normal; }
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }

/* ==========================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }

/* ==========================================================================
min-height
========================================================================== */
.min_h150 {min-height:150px;}

/* ==========================================================================
Global Styles
========================================================================== */
a { color: #353535; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover, a:focus { /* color: #5badf0; */  text-decoration: underline; }
p { color: #697181; word-spacing: 1px; line-height: 25px; font-size: 15px; font-weight:400;}
h2 { font-size: 15px; color: #353535; /* text-transform: uppercase; */ font-weight: bold; }
h2::after { content: " "; /* border: solid 2px #5badf0; margin: 25px auto; */ display: block; width: 35px; }
.conversion h2::after {border: solid 2px #4082f3 !important;}
.admonster h2::after {border: solid 2px #33b8b1 !important;}
.keyword h2::after {border: solid 2px #a98fe8 !important;}
.dataapi h2::after {border: solid 2px #554ba6 !important;}

.contact_title { font-size: 24px; color: #fff; text-transform: uppercase;}
.contact_title::after { content: " "; border: solid 1px #5badf0; display: block; width: 70px; margin: 10px auto; }

.section-padding { padding: 90px 0 100px }
.contents-padding { padding: 0px 0 70px }
.contact-padding { padding: 90px 0 30px }

.dark-bg { background: #f8f8f8; }
.black-bg { background: #35393d !important; }
.light-bg { background-color: #fff; }
.dark-box { background: #f3f5f8; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; }
.light-box { background-color: #fff; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; padding: 20px 0; height:280px;}
.light-box:hover, .light-box:focus { -webkit-box-shadow: 0px 3px 0px 0px #5badf0; -moz-box-shadow: 0px 3px 0px 0px #5badf0; box-shadow: 0px 3px 0px 0px #5badf0; }
.box-hover { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.wrapper { height: 650px; }
.nopadding { padding: 0; }
.inner { padding-top: 170px; }

.ico_new {font-size:12px; background:#FF4955; border-radius:30px; padding:2px 10px; color:#fff;}

/* ==========================================================================
padding
========================================================================== */
.fl {float:left !important;}