@charset "utf-8";

/* BizSpring / Kihyun */
/******************************************************/
/**     ____  _      _____            _              **/
/**    / __ )(_)___ / ___/____  _____(_)___  ____ _  **/
/**   / __  / /_  / \__ \/ __ \/ ___/ / __ \/ __ `/  **/
/**  / /_/ / / / /____/ / /_/ / /  / / / / / /_/ /   **/
/** /_____/_/ /___/____/ .___/_/  /_/_/ /_/\__, /    **/
/**                   /_/                 /____/     **/
/**													 **/
/**										by kihyun	 **/
/**													 **/
/******************************************************/


html,body{width:100%;height:100%;}
html{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0;}
.ie7 body,h1,h2,h3,h4,input,button{font-weight: 500; font-size:12px; letter-spacing: 0px; font-family: 'NanumGothic','Nanum Gothic' 'Open Sans', verdana, Helvetica,  굴림,gulim, dotum, 돋움, sans-serif; }
body,h1,h2,h3,h4,input,button{font-weight: normal; font-size:12px; letter-spacing: 0px; font-family: 'Open Sans', 'NanumGothic','Nanum Gothic', verdana, Helvetica,  굴림,gulim, dotum, 돋움, sans-serif; }
body{text-align:left;color: #697181;-ms-word-break:break-all;*word-break:break-all;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;font-smoothing: antialiased;}
img,fieldset,iframe{border:0 none;}
li{list-style:none;}
input,select,button,textarea{ outline: none;vertical-align:middle;-webkit-appearance: none}
input[type="checkbox"] {-webkit-appearance: checkbox !important;}
input[type="radio"] {-webkit-appearance: radio !important;}
select {-webkit-appearance: button !important;}
img{vertical-align:top;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0; border-radius: 0;}
button *{position:relative;}
button img{left:-3px;*left:auto;}
html:first-child select{padding-right:6px;height:20px;}
option{padding-right:6px;}
hr{display:none;}
legend{*width:0;}
table{border-spacing:0;/* border-collapse:collapse; */border-collapse:collapse;/* table-layout:fixed; */}
::-moz-selection { background: #000; color: #fff; text-shadow: none; }
::selection { background: #000; color: #fff; text-shadow: none; }
.chromeframe {margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
.none_dis {display: none;}
.none_disb {display: block;}
.spacer {bottom:0px; width:900px; height:0px; border-top:1px #b6b6b6 solid; border-bottom:1px #fff solid;}
a {text-decoration: none;}
* {-webkit-text-size-adjust: none;}
iframe {height: 0px;}


.b {font-weight:bold !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right;}
.text-left {text-align: left !important;}
.fl {float:left !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}

/* margin */
.ml_20{margin-left:20px;}
.ml_40{margin-left:40px;}
.ml_80{margin-left:80px;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr27 {margin-right:27px !important;}
.mr_180{margin-right:180px;}
.mr_50{margin-right:50px;}
.mt6 {margin-top:6px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt68 {margin-top:68px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt130{margin-top:130px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}

/* padding */
.pd0 {padding:0 !important;}
.pl_5{padding-left:5px;}
.pl_50{padding-left:50px;}
.pl_112{padding-left:112px;}
.pl_480{padding-left:480px;}
.pr0 {padding-right:0 !important;}
.pr40 {padding-right:40px;}
.pr_50 {padding-right:50px;}
.pr_205{padding-right:205px;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_12{padding-top:12px;}
.pt_15{padding-top:15px;}
.pt16{padding-top:16px;}
.pt19{padding-top:19px;}
.pt33{padding-top:33px !important;}
.pt34{padding-top:34px !important;}
.pt_28{padding-top:28px;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt26 {padding-top:26px !important;}
.pt27 {padding-top:27px !important;}
.pt30 {padding-top:30px !important;}
.pt39 {padding-top:39px !important;}
.pt40 {padding-top:40px !important;}
.pt47 {padding-top:47px !important;}
.pt50 {padding-top:50px !important;}
.pt52 {padding-top:52px !important;}
.pt60 {padding-top:60px !important;}
.pt65 {padding-top:65px !important;}
.pt68 {padding-top:68px !important;}
.pt69 {padding-top:69px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px !important;}
.pt_50{padding-top:50px;}
.pt_60{padding-top:60px;}
.pt_65{padding-top:65px;}
.pt_70{padding-top:70px;}
.pt_90{padding-top:90px;}
.pt_110{padding-top:110px;}
.pt_103{padding-top:103px;}
.pt_170{padding-top:170px;}
.pt_200{padding-top:200px;}
.pt_260{padding-top:260px;}
.pt_290{padding-top:290px;}
.pb_25{padding-bottom:25px;}
.pb_100{padding-bottom:100px;}
.pb135 {padding-bottom:135px !important;} 
.pb_32{padding-bottom:32px;}
.pt130{padding-top:130px !important;}

/* color setting */
#loadingbar {
    background: #e45e5e;
}
 
#loadingbar dd, #loadingbar dt {
  -moz-box-shadow: #e45e5e 1px 0 6px 1px;
  -ms-box-shadow: #e45e5e 1px 0 6px 1px;
  -webkit-box-shadow: #e45e5e 1px 0 6px 1px;
  box-shadow: #e45e5e 1px 0 6px 1px;
}

.btn_logins {position: absolute; top: 60px; right: 0px; width: 955px; left: 50%; margin-left: -480px; z-index: 200; text-align: right;}
.btn_logins a {background: #fff; display: inline-block; height: 30px; line-height: 30px; padding: 0px 11px; font-weight: bold; color: #444e5f !important; font-size: 15px;}
.btn_main_visual {width: 100%; position: absolute; z-index: 100; text-align: center; line-height: 31px; font-weight: bold; font-size: 16px; left: 0px;}
.btn_main_visual a:hover {text-decoration: none; cursor: pointer;}
.btn_main_visual_logger {display: inline-block; height: 31px; padding: 0px 15px; background: #ffe363; color: #e45e5e !important;}
.btn_main_visual_kakaostyle {display: inline-block; height: 31px; padding: 0px 15px; background: #697181; color: #f6c700;}
.btn_main_visual_mobile {display: inline-block; height: 31px; padding: 0px 15px; background: #ffe363; color: #b179bd;}
.btn_main_visual_insightmobile {display: inline-block; height: 31px; padding: 0px 15px; background: #37b1ce; color: #e45e5e;}
.btn_main_visual_gokr {display: inline-block; height: 31px; padding: 0px 15px; background: #ffffff;}

.color_logger {background: #e45e5e; color: #fff;}
.color_logger_sub {background: #e67b7b; color: #fff;}


.color_viral {background: #e47b5f; color: #fff;}
.color_viral_sub {background: #e7937d; color: #fff;}

.color_smartmd {background: #de5174; color: #fff;}
.color_smartmd_sub {background: #ed6e8d; color: #fff;}

.color_insight {background: #64728e; color: #fff;}
.color_insight_sub {background: #818ca2; color: #fff;}

.color_insightmobile {background: #37b1ce; color: #fff;}

.color_admonster {background: #4ccbc2; color: #fff;}
.color_admonster_sub {background: #6cd2cb; color: #fff;}

.color_heatmap {background: #49a7dc; color: #fff;}
.color_heatmap_sub {background: #6bb6e1; color: #fff;}

.color_gray {background: #ababab; color: #fff;}
.color_gray_sub {background: #bababa; color: #fff;}



.color_black {background: #313131; color: #fff;}
.color_black_sub {background: #585858; color: #fff;}

.body_red {background: #ed3431;}

.body_green  {background: url(../images/bg_gray_new.jpg) center top repeat;}
.body_green a {color: #2aa69d; text-decoration: none;}
.body_green a:hover {text-decoration: underline;}

.body_marketing {/* background: url(../images/bg_gray_new.jpg) center top repeat; */}
.body_marketing a {color: #e45e5e; text-decoration: none;}
.body_marketing a:hover {text-decoration: underline;}

.body_kakao {background: url(../images/bg_gray_new.jpg) center top repeat;}
.body_kakao a {color: ##ffe363; text-decoration: none;}
.body_kakao a:hover {text-decoration: underline;}

.body_mobile {background: url(../images/bg_gray_new.jpg) center top repeat;}
.body_mobile a {color: ##b179bd; text-decoration: none;}
.body_mobile a:hover {text-decoration: underline;}

.body_viral {/* background:url(../images/bg_gray_new.jpg) center top repeat; */}
.body_heat {background: url(../images/bg_gray_new.jpg) center top repeat;}
.body_heat a {color: #49a7dc; text-decoration: none;}
.body_heat a:hover {text-decoration: underline;}

.body_smartmd {/* background: url(../images/bg_gray_new.jpg) center top repeat; */}
.body_smartmd a {color: #db5072; text-decoration: none;}
.body_smartmd a:hover {text-decoration: underline;}

.body_dgray {background: url(../images/bg_main.png) center top repeat;}

.body_main {/* background: url(../images/bg_gray_new.jpg) center top repeat; */}
.body_main a {color: #49a7dc; text-decoration: none;}
.body_main a:hover {text-decoration: underline;}

.body_story {background: url(../images/bg_main.png) center top repeat;}
.body_agent {background:/* #d63d63 */url(../images/bg_agency_new.jpg) center top repeat;}

.body_web {/* background: url(../images/bg_gray_new.jpg) center top repeat; color: #697181; */} 
.body_web a {color: #717f9a; text-decoration: none;}
.body_web a:hover {text-decoration: underline;}

.body_insightmobile {/* background: url(../images/bg_gray_new.jpg) center top repeat; */}
.body_insightmobile a {color: #37b1ce; text-decoration: none;}
.body_insightmobile a:hover {text-decoration: underline;}

.body_gokr {background: url(../images/bg_gray_new.jpg) center top repeat;}
.body_gokr a {color: rgb(22,181,172); text-decoration: none;}
.body_gokr a:hover {text-decoration: underline;}
.body_gokr .btn_qa {background-color:rgb(22,181,172); color: #fff;}

.body_bizmailer {background: url(../images/bg_gray_new.jpg) center top repeat;}
.body_bizmailer a {color: #8d76ba; text-decoration: none;}
.body_bizmailer a:hover {text-decoration: underline;}
/*.body_bizmailer iframe {height: auto;}*/



.body_company {/* background: url(../images/bg_gray_new.jpg) center top repeat; */}
.body_company a {color: #0086d1; text-decoration: none;}
.body_company a:hover {text-decoration: underline;}

.box_admonster {background: url(../images/bg_admon_new.jpg) left top repeat;}
.box_insight {background: url(../images/bg_insight_new.jpg) left top repeat;}
.box_logger {background: url(../images/bg_logger_new.jpg) left top repeat;}
.box_viral {background: url(../images/bg_viral_new.jpg) left top repeat !important;}
.box_kakao {background: url(../images/bg_kakao_new.jpg) left top repeat !important;}
.box_mobile {background: url(../images/bg_mobile_new.jpg) left top repeat !important;}
.box_heatmap {background: url(../images/bg_heatmap_new.jpg) left top repeat;}

.bg_gradient {background: url(../images/bg_gradient.png) repeat-x; width: 100%; height: 668px; position: absolute; z-index: 1; top:-668px; left: 0px;}
.bg_gradient_finish {background: #010616; position: relative; width: 100%;}

.guide_box {width: 466px; height: 160px; border: 1px solid #f2e4e4; position: relative; margin-right: 6px; margin-bottom: 6px;}
.guide_box .guide_box_thumb {position: absolute; left: 0px; top: 0px; width: 180px; height: 160px; overflow: hidden}
.guide_box .guide_box_thumb a {}
.guide_box .guide_box_thumb img {width: 182px; min-height: 162px; position: absolute; left: -2px; top: -2px;}
.guide_box .guide_box_title {position: absolute; left: 190px; top:16px; text-overflow: ellipsis; width: 250px; overflow:hidden;white-space : nowrap;}
.guide_box .guide_box_title a {color: #fff; font-weight: bold; font-size: 15px;}
.guide_box .guide_box_contents {position: absolute; left: 190px; top: 44px; width: 250px; font-size: 12px;}
.guide_box .guide_box_contents a {color: #fff;font-size: 12px; text-decoration: none;}
.guide_box .guide_box_more {width: 18px; height: 18px; position: absolute; right: 10px; bottom: 10px; background: url(../images/btn_blog_more.png) no-repeat; text-indent: -999px;}
.guide_box_date {display: none;}

/* navigation setting */
.header_wrap {background: #252c3a;height: 60px;position: fixed;top: 0px; left: 0px; width: 100%;;z-index: 1002;}
header {display: block;width: 955px;height: 20px;top: 50%;margin-top: -10px;left: 50%;margin-left: -477px;position: absolute;padding: 0px;}
.header_wrap a {color: #fff !important;}
.header_wrap a:hover {color: #fff !important;}
.large_header a {color: #fff !important;}
.large_header a:hover {color: #fff !important;}
.large_header {background: #252c3a;height: 46px; /* line-height: 46px; */ position: fixed;top: 0px;width: 100%;z-index: 1002;}
.large_header nav {line-height: 20px;}
.header_wrap nav {line-height: 20px;}
header nav {text-align: left; margin: 0px; position: relative; top: 0px; height: 20px; margin-left: 160px;}
header nav ul {width: 100%; margin: 0; padding: 0; height: 20px;}
header nav ul li {display: inline-block; *display: inline; zoom: 1;}
header nav a {font-weight: 200; color:#adadad; text-decoration: none; padding-left: 47px;}
header nav a:hover {text-decoration: underline;}
.title {position: absolute; left: 0px; /* width: 77px; height: 44px;  top: 3px;  */visibility: visible;  z-index: 9999;}
.title img {margin-top: 0px; /* width: 77px; height: 24px; */}
.title_large {top: -14px;}
.title_small {background-size: 68px 21px;}
.sub_nav {background: #f4f4f4;	width: 100%;position: fixed;z-index: 998;margin-top: -180px;-webkit-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);	opacity: 0;}
.sub_nav_drop {margin-top: 60px;opacity: 1;}
.sub_nav_hover {margin-top: 46px;opacity: 1;}
.sub_nav_wrap {width: 955px; height: 105px; position: relative; margin: 0px auto; color: #8e97a8; padding-top: 20px;}
/*.sub_nav_wrap {width: 956px; height: 265px; position: relative; margin: 0px auto; color: #8e97a8; padding-top: 0px;}*/
.sub_nav_wrap a {color: inherit; text-decoration: none;}
.sub_nav_wrap a:hover {text-decoration: underline;}
.sub_nav_wrap dt {font-weight: bold; font-size: 15px; margin-bottom: 10px; color: #697181;}


.subnav_col1 {margin-left: 120px; float: left; position: relative;}
.subnav_col2 {margin-left: 30px; float: left; position: relative;}
.subnav_col3 {margin-left: 30px; float: left; position: relative;}
.sub_col1 {width: 205px; height: 177px; float: left; position: relative;}
.sub_col2 {width: 96px; padding: 10px 0px; height: 157px; float: left; position: relative; color: #999999;}
.sub_col2 li a {margin-bottom: 10px; display: inline-block; color: inherit; text-decoration: none;color: #f3f3f3;}
.sub_col2 li a:hover {color:#fff;}
.sub_col3 {width: 515px; height: 177px;float: left; position: relative;}
.sub_col3_r1,.sub_col3_r2,.sub_col3_r3,.sub_col3_r4,.sub_col3_r5 {height: 37px; width: 442px; margin-left: 40px; border-right: 1px solid rgba(255,255,255,.03); border-left: 1px solid rgba(255,255,255,.03); position: relative;}
.sub_col3_r1,.sub_col3_r3,.sub_col3_r5 {background: rgba(255,255,255,.07);height: 34px;}
.sub_col3_r1 a {color: #f3f3f3;}
.sub_col3_r1 a:hover {color: #fff;}
.sub_col3_r2 a {color: #f3f3f3;}
.sub_col3_r2 a:hover {color: #fff;}
.sub_col3_r3 a {color: #f3f3f3;}
.sub_col3_r3 a:hover {color: #fff;}
.sub_col3_r4 a {color: #f3f3f3;}
.sub_col3_r4 a:hover {color: #fff;}
.sub_col3_r5 a {color: #f3f3f3;}
.sub_col3_r5 a:hover {color: #fff;}
.col_div {position: absolute; width: 1px; height: 177px; background: url(../images/col_div.png) no-repeat;}
.r1_m01 {position: absolute; display: inline-block; top: 5px; left: 8px; border-bottom: 2px solid #008743; padding: 0px 7px 2px 16px;}
.r1_m01 .dot {background: url(../images/sub_m01.png) no-repeat; position: absolute; left: -8px; bottom: -4px; width: 8px; height: 8px;}
.r1_m02 {position: absolute; display: inline-block; top: 5px; left: 164px; border-bottom: 2px solid #1b5b88; padding: 0px 7px 2px 16px;}
.r1_m02 .dot {background: url(../images/sub_m02.png) no-repeat; position: absolute; left: -8px; bottom: -4px; width: 8px; height: 8px;}
.r1_m03 {position: absolute; display: inline-block; top: 5px; left: 110px; border-bottom: 2px solid #db322f; padding: 0px 7px 2px 16px;}
.r1_m03 .dot {background: url(../images/sub_m03.png) no-repeat; position: absolute; left: -8px; bottom: -4px; width: 8px; height: 8px;}
.r1_m04 {position: absolute; display: inline-block; top: 5px; left: 80px; border-bottom: 2px solid #c54d04; padding: 0px 7px 2px 16px;}
.r1_m04 .dot {background: url(../images/sub_m04.png) no-repeat; position: absolute; left: -8px; bottom: -4px; width: 8px; height: 8px;}
.r1_m05 {position: absolute; display: inline-block; top: 5px; left: 90px; border-bottom: 2px solid #393fa2; padding: 0px 7px 2px 16px;}
.r1_m05 .dot {background: url(../images/sub_m05.png) no-repeat; position: absolute; left: -8px; bottom: -4px; width: 8px; height: 8px;}
.r1_m06 {position: absolute; display: inline-block; top: 5px; left: 8px; border-bottom: 2px solid #9d1c34; padding: 0px 180px 2px 16px;}
.r1_m06 .dot {background: url(../images/sub_m06.png) no-repeat; position: absolute; left: -8px; bottom: -4px; width: 8px; height: 8px;}
.sub_col4 {width: 123px; padding: 10px 0px; height: 157px;float: left; position: relative; color: #999999;}
.sub_col4 li a {margin-bottom: 10px; display: inline-block; color: inherit; text-decoration: none;color: #f3f3f3;}
.sub_col4 li a:hover {color:#fff;}

.main_contents_nav {height: 43px; line-height: 43px; margin-top: 60px;}
.main_contents_nav li {float: left;}
.main_contents_nav li a {padding: 0px 20px; height: 43px; line-height: 43px; display: inline-block; color: #fff; font-weight: bold; font-size: 15px; outline: none;}
.main_contents_nav li a:hover {text-decoration: none; outline: none;}

.main_contents_common {background: url(../images/bg_common.png) center top repeat; /*background: #de595a; */color: #fff; text-align: left;}
.main_contents_marketing {background: url(../images/bg_logger_new.jpg) center top repeat; /*background: #de595a; */color: #fff; text-align: left;}
.main_contents_smartmd {background: url(../images/bg_smartmd.png) center top repeat; /*background: #de595a; */color: #fff; text-align: left;}
.main_contents_analytics {background: url(../images/bg_insight_new.jpg) center top repeat; color: #fff; text-align: left;}
.main_contents_insightmobile {background: url(../images/bg_insight_mobile.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_insightmobile_menu {background: url(../images/bg_bluegreen_bottom.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_gokr {background-color:rgb(22,181,172);  color: #fff; text-align: left;}
.main_contents_gokr_menu {background:rgb(22,181,172);  color: #fff; text-align: left;}
.main_contents_bizmailer {background:#937cbe;  color: #fff; text-align: left;}
.main_contents_performance {background: url(../images/bg_admon_new.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_optimization {background: url(../images/bg_heatmap_new.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_viral {background: url(../images/bg_viral_new.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_mobile {background: url(../images/bg_mobile_new.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_social {background: url(../images/bg_kakao_new.jpg) center top repeat;  color: #fff; text-align: left;}
.main_contents_shop {background: url(../images/bg_smartmd.png) center top repeat;  color: #fff; text-align: left;}
.main_contents_blog {background: #9f7cb6; color: #fff; text-align: left;}
.main_contents_facebook {background: #45629e; color: #fff; text-align: left;}
.main_contents_facebook a img {vertical-align:middle; margin-right:7px; }
.main_contents_newsletter {background: #8dd067; color: #fff; text-align: left;}



.main_contents {padding: 30px; position: relative;}
.main_product_icon {position: absolute; left: 30px; top: 30px;}
.main_product_title {position: relative; margin-left: 100px;}
.main_product_title .h1_product{ float: none; font-weight: 300;}
.main_product_text {position: relative; margin-left: 100px; padding-top: 15px; padding-bottom: 20px; font-size: 14px; font-weight: 500;}
.main_product_link {font-weight: bold; cursor: pointer; background: #fff; padding: 5px 8px;}
.main_product_link a {/*color: #fff;*/}

.icon_nav {width: 100%;}
.icon_nav a {}
.icon_nav a:hover {text-decoration: none;}
.icon_nav a:hover .icon_nav_hover{opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
.icon_nav ul {text-align: center;}
.icon_nav li {display: inline-block; margin: 0px 20px; position: relative; *display: inline; zoom: 1;}
.icon_nav_text {display: block; text-align: center; font-size: 12px; color: #fff; font-weight: bold; padding-top: 12px;}
.main_contents_common .icon_nav_text {display: block; text-align: center; font-size: 12px; color: #697181; font-weight: bold; padding-top: 6px;}
.icon_nav_hover {position: absolute; left: 0px; top: 0px; z-index: 10; opacity: 0;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=0);}
.icon_nav_active {position: absolute; left: 0px; top: 0px; z-index: 10; opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}




.loggerfor_subm_wrap {display: none; position: absolute; padding: 3px 10px; width: 320px; text-align: center; left: -150px; top: 100px; opacity: 0;-webkit-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;}
.loggerfor_subm_wrap a {color: #fff;}
.icon_nav .loggerfor_subm:hover .loggerfor_subm_wrap {display: block; opacity: 1;}

.loggerfor_subm_wrap div .icon_nav_hover {display: none; }
.loggerfor_subm .loggerfor_subm_m01 {width: 91px; height: 71px; padding-top: 20px; border-radius: 50%; border: 6px solid #fff; background: #e47b5f; display: inline-block; text-align: center; position: relative; *display: inline; zoom: 1;}
.loggerfor_subm .loggerfor_subm_m01:hover .icon_nav_hover {display: block; position: absolute; left: 0px; top: 0px;}
.loggerfor_subm .loggerfor_subm_m02 {width: 91px; height: 71px; padding-top: 20px; border-radius: 50%; border: 6px solid #fff; background: #f7c600; display: inline-block; text-align: center; position: relative; *display: inline; zoom: 1;}
.loggerfor_subm .loggerfor_subm_m02:hover .icon_nav_hover {display: block; position: absolute; left: 0px; top: 0px;}
.loggerfor_subm .loggerfor_subm_m03 {width: 91px; height: 71px; padding-top: 20px; border-radius: 50%; border: 6px solid #fff; background: #bb79f8; display: inline-block; text-align: center; position: relative; *display: inline; zoom: 1;}
.loggerfor_subm .loggerfor_subm_m03:hover .icon_nav_hover {display: block; position: absolute; left: 0px; top: 0px;}


.main_contents_tab .icon_nav {/* height: 121px; */ padding-top: 20px; padding-bottom: 10px;  z-index: 100;}
.main_contents_tab .icon_nav ul { text-align: center; width: 955px; margin: 0px auto;}


.main_product_btns {background: #ffffff; display: inline-block; height: 25px; position: relative; line-height: 25px; margin-left: 27px; padding-right: 10px; font-weight: bold; font-size: 12px; margin-right: 4px;}

.main_contents_marketing .main_product_btns {color: #e45e5e;}
.main_contents_analytics .main_product_btns {color: #6e7d9a;}
.main_contents_performance .main_product_btns {color: #63c2ba;}
.main_contents_optimization .main_product_btns {color: #48a5da;}
.main_contents_viral .main_product_btns {color: #e47b5f;}
.main_contents_mobile .main_product_btns {color: #bb78f9;}
.main_contents_social .main_product_btns {color: #f6c700;}

.main_btns_01 {width: 27px; height: 25px; background: url(../images/box_icon01.png) no-repeat; position: absolute; left: -27px;}
.main_btns_02 {width: 27px; height: 25px; background: url(../images/box_icon02.png) no-repeat; position: absolute; left: -27px;}
.main_btns_03 {width: 27px; height: 25px; background: url(../images/box_icon03.png) no-repeat; position: absolute; left: -27px;}
.main_btns_04 {width: 27px; height: 25px; background: url(../images/box_icon04.png) no-repeat; position: absolute; left: -27px;}

.main_img {position: absolute; right: 30px; top: 50px; z-index: 10;}
.main_contents_category {background: url(../images/bg_maincate.png); padding: 25px 18px; text-align: center;}

.main_contents_category li {display: inline-block; margin: 0px 28px; *display: inline; zoom: 1;}

.main_contents_category a {color: #697181;}

/*
.main_contents_category td {vertical-align: top;}
.main_contents_category .mtc_2 {width: 31%;}
.main_contents_category .mtc_3 {width: 38%;}
.main_contents_category .mtc_4 {width: 29%;}
*/

.main_contents_post {margin-top: 30px; margin-bottom: 30px; padding: 5px;}
.main_contents_post table {width: 100%;}
.main_contents_post table .mtc_1 {width: 33%;}
.main_contents_post table .mtc_1 div {position: relative;}
.main_contents_post td {vertical-align: top; position: relative;}
.main_contents_post_title {font-size: 17px; font-weight: bold; margin-bottom: 14px; display: inline-block;}
.main_contents_post img {position: absolute; left: 10px; top: 37px;}
.main_contents_post ul {padding-left: 92px;}
.main_contents_post li {background: url(../images/list_dot.png) no-repeat left center; padding-left: 11px;text-overflow: ellipsis; width: 170px; overflow:hidden;white-space : nowrap;}
.main_contents_post li a {color: #697181;}
.main_contents_post .support_dn {position: relative; margin-left: 105px;}

.contact_selectbox {width: 250px;
border-radius: 0px;
background: #e1e1e1 url("../images/select_bg.png") center right no-repeat;color: #697181; font-size: 13px;
border: 0px;
padding: 0px 5px;
box-sizing: padding-box;
height: 25px;
line-height: 25px;}


.bzm_call {background:#8069a9; color: #fff; height: 60px; line-height: 60px; text-align: center; width: 100%; position: relative; top: 0px;}
.sol_call {background:rgb(123,208,205); color: #fff; height: 45px; line-height: 45px; text-align: center; width: 100%; position: relative; top: 6px; font-size:14px;}
.gokr_call {background:rgb(120,130,140); color: #fff; height: 45px; line-height: 45px; text-align: center; width: 100%; position: relative; top: 6px; font-size:14px;}


/* navigation setting 2014.03.24 eunjin*/
/*.sub_nav {background:#fff; width: 956px; height:279px;  position: fixed;z-index: 998;  margin:0px auto;-webkit-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);	opacity: 0;} */
/*.sub_nav_drop {margin-top: 60px;opacity: 1;} */
/*.sub_nav_hover {margin-top: 46px;opacity: 1;}
.nav_menu01 a {color: inherit; text-decoration: none;}
.nav_menu01 a:hover .nav_name{background-color:#de5a5a;}
.nav_menu02 a {color: inherit; text-decoration: none;}
.nav_menu02 a:hover .nav_name{background-color:#eb7b5c;}
.nav_menu03 a {color: inherit; text-decoration: none;}
.nav_menu03 a:hover .nav_name{background-color:#fab000;}
.nav_menu04 a {color: inherit; text-decoration: none;}
.nav_menu04 a:hover .nav_name{background-color:#b179bd;}
.nav_menu05 a {color: inherit; text-decoration: none;}
.nav_menu05 a:hover .nav_name{background-color:#ed6e8d;}
.nav_menu06 a {color: inherit; text-decoration: none;}
.nav_menu06 a:hover .nav_name{background-color:#65869a;}
.nav_menu07 a {color: inherit; text-decoration: none;}
.nav_menu07 a:hover .nav_name{background-color:#588ae7;}
.nav_menu08 a {color: inherit; text-decoration: none;}
.nav_menu08 a:hover .nav_name{background-color:#63c8c2;}
.nav_menu09 a {color: inherit; text-decoration: none;}
.nav_menu09 a:hover .nav_name{background-color:#38a5e4;}
.nav_menu10 a {color: inherit; text-decoration: none;}
.nav_menu10 a:hover .nav_name{background-color:#de5174;}

.nav_menu_logger{float:right; width:709px;height:259px; padding-top:20px; background:#de5a5a;}
.nav_menu_viral{float:right; width:709px;height:259px; padding-top:20px; background:#eb7b5c;}
.nav_menu_kakaostyle{float:right; width:709px;height:259px; padding-top:20px; background:#fab000;}
.nav_menu_mobile{float:right; width:709px;height:259px; padding-top:20px; background:#b179bd;}
.nav_menu_smartmd{float:right; width:709px;height:259px; padding-top:20px; background:#ed6e8d;}
.nav_menu_insight{float:right; width:709px;height:259px;padding-top:20px; background:#65869a;}
.nav_menu_web{float:right; width:709px;height:259px; padding-top:20px; background:#588ae7;}
.nav_menu_admonster{float:right; width:709px;height:259px; padding-top:20px; background:#63c8c2;}
.nav_menu_heatmap{float:right; width:709px;height:259px; padding-top:20px; background:#38a5e4;}
.nav_menu_agency{float:right; width:709px;height:259px; padding-top:20px; background:#de5174;}
.nav_contents_box {float:right; width:247px; height:259px; float:left;}

.nav_name{display:inline-block; width:199px; height:22px; padding-top:5px; padding-left:10px; color:#ffffff; background-color:#3c3b40;}
.nav_contents_box li{border-bottom:1px solid #36353a;}
.nav_contents_box li:last-child{border:none;}
.nav_contents_box li img{display:inline-block; float:left; width:38px;height:27px; background-color:#252627;}

.nav_slider_contents {text-align: left !important; height: 259px !important;}
.nav_slider_contents li {height: 259px !important;}
.intro_01{float:left; width:385px; padding-left:20px; color:#ffffff; text-align: left;}
.intro_style_01{float:left; width:430px; padding-left:20px; color:#ffffff; text-align: left;}
.intro_style_02{float:left; width:410px; padding-left:20px; color:#ffffff; text-align: left;}
.intro_image {float:left; margin-top:23px;}
.intro_image img {left: 0px !important; margin-left: 0px !important; width: auto; height: auto; position: relative !important;} 

.account_01{font-size:38px; font-weight:lighter; text-align: left;}
.account_02{font-size:17px; font-weight:bold; text-align: left;}
.account_03{text-align: left;}

.menu_part {position:absolute; margin-left:30px; bottom: 20px; width: 670px; text-align: left;}
.menu_part span{display:inline-block;}
.menu_part span img {width: auto; height: auto; display: inline-block; position: relative; margin-left: 0px; left: 0px; margin-right: 10px; }

.slide_images{width:72px; height:259px; background-color:#de5a5a; float:right; }
.slide_images.product_main_navs{width: 100%; top: 313px; left: 0px; z-index: 980; height: 22px;}
.product_navs_slide {width: 100%; top: 313px; left: 0px; z-index: 980; height: 22px;}
.slide_rslides_01{float:left; 
						width: 8px;
						height: 8px;
						margin: 0 4px;
						line-height: 22px;
						text-indent: -999em;
						*text-indent: 0;
						border: 4px solid #495365;
						border-radius: 10px;
						cursor: pointer;
						background: #f5f5f5;
						-webkit-transition: background .5s, all .5s;
						-moz-transition: background .5s, all .5s;
						transition: background .5s, all .5s;}

.slide_rslides_02{float:left; 
						width: 8px;
						height: 8px;
						margin: 0 4px;
						line-height: 22px;
						text-indent: -999em;
						*text-indent: 0;
						border: 4px solid #495365;
						border-radius: 10px;
						cursor: pointer;
						background: #f5f5f5;
						-webkit-transition: background .5s, all .5s;
						-moz-transition: background .5s, all .5s;
						transition: background .5s, all .5s;}

.rslides_tabs li a {position: absolute; left: 0px; top: 0px; display: inline-block; width: 10px; height: 10px;}

						}   */


			


/**** Isotope Filtering ****/
.isotope-item {  z-index: 2;}
.isotope-item h2 {font-size: 13px !important; font-weight: bold !important; position: relative; margin-bottom: 8px !important; padding: 0px !important; color: #fff !important; text-align: left !important;text-shadow: 0px 0px 1px rgba(0,0,0,1) !important; line-height: 18px; letter-spacing: -1px;}
.isotope-item p {font-size: 12px; font-weight: 300; line-height: 16px; display: block; color: #fff !important;}
.filter .body_dgray a h5 {color: #fff !important;}
.story_block_more { display: inline-block; position: absolute; bottom: 10px; right: 10px; color: #fff !important;}
.story_block_more a {color: #fff; text-decoration: inherit;}
.story_taglist {font-size: 12px; margin-top: 5px;}
.story_taglist span {display: inline-block; padding: 1px 3px;}
.story_product {display: inline-block; padding: 1px 3px; margin-top: 5px; margin-right: 3px;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
/**** Isotope CSS3 transitions ****/
.isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:-moz-transform, opacity; -ms-transition-property:-ms-transform, opacity; -o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s;-moz-transition-duration: 0s; -ms-transition-duration: 0s;-o-transition-duration: 0s;         transition-duration: 0s;}

.title_wrap {padding-top: 105px; color: #fff;}
.main_contents_tab {width: 100%; vertical-align: middle;}
.contents_tab {width: 950px; position: relative; margin: 0px auto;}
.contents_tab ul {text-align: right;outline: none;}
.contents_tab ul li {display: inline-block;  margin-left: 12px; margin-bottom: 0px; position: relative; -webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; *display: inline; zoom: 1; outline: none;}
.contents_tab_on_dn {width: 15px; height: 13px; position: absolute; top:34px; background: url(../images/tab_dn.png) no-repeat; left: 50%; margin-left: -7px; z-index: 302;}
.contents_tab ul li a {height: 37px; line-height: 37px; padding: 0px 20px; color: inherit; text-decoration: none; display: inline-block; font-weight: bold;outline: none;}
.body_company .contents_tab ul .contents_tab_title {color: #697181 ; font-weight: bold;}
.contents_tab ul .contents_tab_title {color: #fff; font-weight: bold;}
.contents_tab ul .contents_tab_login {background: #eeeeee;}
.contents_tab ul .contents_tab_on {background: #fff;}
.contents_tab ul .contents_tab_off {background: url(../images/tab_off.png);}
.contents_tab ul .contents_tab_off a {color: #fff;}
.contents_tab ul .contents_tab_off:hover {background: #fff;}
.contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}
.contents_tab ul .contents_tab_off .contents_tab_on_dn {display: none;}

.main_title {width: 100%; /*height: 322px;*/background: url(../images/bg_new_title.jpg) center top repeat;}
.main_title_bg {width: 100%; background: url(../images/sub_pop_bg_201511.gif) center top repeat-x;  /* background:#3f202e; */}
.main_pop_bg {width: 100%; /* background: url(../images/main_pop_bg_201604.gif) repeat-x;  */ background:#ffe7d7;  padding:0 !important;}
.main_pop_bg_02 {width: 100%;  background:#a98fe8;  padding:0 !important;}
.main_pop_bg_03 {width: 100%;  background:#e47b5e;  padding:0 !important;}
.boost_pop_wrap {position:absolute; z-index:1; width:100%;  margin:0 auto; text-align:center;}
.boost_pop_bg {width: 100%; background:#FFE001;  padding:0 !important;}
.product_main_slider {width: 100%; margin: 0px auto;}

/*
.body_green .main_title {background: url(../images/bg_admon_new.jpg) center top repeat;}
.body_kakao .main_title {background: url(../images/bg_kakao_new.jpg) center top repeat;}
.body_mobile .main_title {background: url(../images/bg_mobile_new.jpg) center top repeat;}
.body_web .main_title {background: url(../images/bg_insight_new.jpg) center top repeat;}
.body_marketing .main_title {background: url(../images/bg_logger_new.jpg) center top repeat;}
.body_viral .main_title {background: url(../images/bg_viral_new.jpg) center top repeat;}
.body_heat .main_title {background: url(../images/bg_heatmap_new.jpg) center top repeat;}

.body_company .main_title {background: url(../images/bg_common.png) center top repeat;}
*/

.body_company .contents_tab_on a {color: #555555;}
.body_company .contents_tab_off a {color: #697181 !important;}
.body_company .contents_tab_off a:hover {color: #555555 !important;}
.body_company .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}

.body_green .contents_tab_on a {color: #22a191;}
.body_green .contents_tab_off a:hover {color: #22a191;}
.body_green .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}

.body_marketing .contents_tab_on a {color: #e45e5e;}
.body_marketing .contents_tab_off a:hover {color: #e45e5e;}
.body_marketing .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}

.body_mobile .contents_tab_on a {color: #bb79f8;}
.body_mobile .contents_tab_off a:hover {color: #bb79f8;}
.body_mobile .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}

.body_kakao .contents_tab_on a {color: #f7c600;}
.body_kakao .contents_tab_off a:hover {color: #f7c600;}
.body_kakao .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}


.body_viral .contents_tab_on a {color: #e47b5f;}
.body_viral .contents_tab_off a:hover {color: #e47b5f;}
.body_viral .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}


.body_heat .contents_tab_on a {color: #49a7dc;}
.body_heat .contents_tab_off a:hover {color: #49a7dc;}
.body_heat .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}

.body_web .contents_tab_on a {color: #717f9a;}
.body_web .contents_tab_off a:hover {color: #717f9a;}
.body_web .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}

.body_insightmobile .contents_tab_on a {color: #ffe363;}
.body_insightmobile .contents_tab_off a:hover {color: #ffe363;}
.body_insightmobile .contents_tab ul .contents_tab_off:hover .contents_tab_on_dn {display: block;}


#rslides1_res{display:none;}
#rslides2_res{display:none;}
#rslides3_res{display:none;}
#rslides4_res{display:none;}
#rslides5_res{display:none;}
#rslides6_res{display:none;}
#rslides7_res{display:none;}
#rslides8_res{display:none;}
#rslides9_res{display:none;}
#rslides10_res{display:none;}


.rslides {
  position: relative;
  list-style: none;
  overflow-y: hidden!important;
  width: 100%;
  height: 322px;
  padding: 0;
  margin: 0;
  text-align: center;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  height: 322px;
  left: 0;
  top: 0;
  text-align: center;
  overflow-x: hidden;
  }

.rslides li:first-child {
  position: relative;
  display: block;

  }

.rslides img {
  display: block;
 /* height: 322px; */
  float: none;
  /*width: 1940px; */
  border: 0;
  position: absolute;
  left: 50%;
  margin-left: -970px;

  }
  
.product_main_slider .rslides img {
  display: block;
  height: 322px;
  float: none;
  width: 1940px;
  border: 0;
	top: 0px;
  position: absolute;
  left: 50%;
  margin-left: -970px;

  }
  
.rslides_nav {display: none;}


.nav_slider .rslides_tabs {position: absolute; width: 100%; text-align: right; height: 22px;z-index: 980; top: 5px; right: 15px;}
.nav_slider .rslides_tabs li {position: relative}
.nav_slider .rslides_tabs li a {text-indent: 999px; position: absolute;}
.product_main_slider .rslides_tabs {position: absolute; width: 100%; text-align: center; height: 22px; z-index: 980;top: 313px;}

.nav_slider {position: relative;}

/*
.product_main_navs {position: absolute; width: 100%; top: 313px; left: 0px; z-index: 980; height: 22px;}
.rslides_tabs {position: relative; width: 100%; text-align: center; height: 22px;}
*/

.rslides_here {background: #e25d5d !important;}
.rslides_tabs li {
			display: inline-block;

			*display: inline;
			zoom: 1;

			position: relative;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			line-height: 22px;
			text-indent: -999em;
			*text-indent: 0;
			border: 4px solid #495365;
			border-radius: 10px;
			cursor: pointer;
			background: #f5f5f5;
			-webkit-transition: background .5s, all .5s;
			-moz-transition: background .5s, all .5s;
			transition: background .5s, all .5s;}
.rslides_tabs li a {position: absolute; left: 0px; top: 0px; display: inline-block; width: 10px; height: 10px;}


.bg_bottom {background: url(../images/bg_bottom.png) center top repeat-x; width: 100%; height: 37px; position: absolute; z-index: 1; top:-37px;}
.bottom_blank {width:100%; height:150px;}
.bg_gradient_bottom {background: url(../images/bg_common.png) center top repeat; position: relative; color: #5c5c5c;}
.bg_gradient_bottom section {position: relative;}

.contact_h2  {font-size: 45px; text-shadow: none;  padding: 0px 0px 20px 0px; z-index: 99; color: #ab5fd7; text-align: center;display: block; position: relative;}
.contact_h3 {font-size:20px; color:#242424; font-weight:300; line-height:30px; padding:0px 10px 60px 10px;}

h1 {font-size: 20px; /*text-shadow: 0px 0px 1px rgba(0,0,0,1);*/ width: 955px; position: relative; margin: 0px auto;}
.h1_product {float: left; position: relative; font-size: 48px; display: inline-block; line-height: 58px; top: 0px; font-weight: 300;}
.body_company .h1_product {float: left; position: relative; font-size: 55px; display: inline-block; line-height: 65px; top: 0px; color: #697181;}
.h1_product_small {font-size: 25px;}
.h1_tm {font-size: 20px; /*vertical-align: text-top;*/ vertical-align: top; margin-left: 3px; display: inline-block; font-family: verdana; position:relative; top:-10px;}
.body_company .h1_tm {font-size: 20px; /*vertical-align: text-top;*/ vertical-align: top; margin-left: 5px; display: inline-block; font-family: verdana;color: #697181;}
.h1_image {float: left; margin-right: 20px; position: relative; display: inline-block;}
.body_company .h1_p {float: left; margin-left: 10px; /*top: -5px;*/ top: 36px; display: inline-block; position: relative; font-size: 16px;color: #697181;}
.h1_p {float: left; margin-left: 10px; /*top: -5px;*/ top: 36px; display: inline-block; position: relative; font-size: 16px;}
h2 {font-size: 38px; /*text-shadow: 0px 0px 1px rgba(0,0,0,1); */ margin-bottom: 30px;  position: absolute; z-index: 99; color: inherit; line-height: 42px;}
h4 {font-size: 30px; color: #cacaca; display: block;}
.insight_h1 {font-size: 32px;text-shadow: 0px 0px 1px rgba(0,0,0,1); width: 955px; position: relative; margin: 0px auto; line-height: 57px;}

.heatmap_h2 {font-size: 45px; color: #0086d1; text-align: center; display: block; position: relative;}
strong {font-weight: bold;}
.smt {font-size: 11px;}
.title_heatmap {font-family: serif;}
.symbol {font-size: 14px; vertical-align: text-top; margin-left: 5px;}



section {position: relative; font-size: 14px; line-height: 20px; margin: 0px auto;}
section dd {margin-bottom: 30px; font-weight: 700;}
section blockquote {font-size: 12px; font-weight: 200; list-style-type: square; margin-left: 5px;}
article {width: 955px; word-break: break-all; position: relative; margin: 0px auto !important; }
article section {position: absolute !important; z-index: 99;}
article figure {position: absolute; z-index: 99; padding: 0px !important; margin: 0px !important;}
article .title{width:157px; height:35px;  background-color:#a3abbc; text-align:center; color:#fff; font-size:20px; padding:5px 0px 0px 0px;}

.subcontents {clear: both;}
.subcontents section {width: 100%; position: relative !important;}
.subcontents .features_title h2 {display: block; font-size: 27px; text-align: left; width: 100%; margin-top: 30px; margin-bottom: 0px; position: relative; font-weight: bold;}
.subcontents .features_title h3 {display: block; font-size: 18px; text-align: left; width: 100%; margin-top: 10px; margin-bottom: 5px; position: relative; font-weight: bold;}
.subcontents .features_title p {display: block; font-size: 13px; text-align: left; width: 100%; margin-bottom: 15px;}
.subcontents .features_title .text_color_gokr {color:rgb(22,181,172);}


.subcontents .contents_navigation {width: 955px; vertical-align: middle; font-size: 11px; text-align: left; z-index: 301;}
.contents_navigation_text {vertical-align: middle; display: inline-block; padding-top: 25px; text-align: left; width: 99%; padding-bottom: 5px;}
.contents_navigation_sns {vertical-align: middle; display: inline-block; padding-right: 10px; text-align: right;}

.service_price_tab {background: url(../images/tab.png) repeat-x bottom; height: 40px; width: 955px; position: relative; margin: 0px auto; margin-top: 40px;}
.service_price_tab li {display: inline-block; *display: inline; zoom: 1;}
.service_price_tab li a {display: inline-block; height: 37px; padding: 0px 20px; line-height: 37px; font-weight: bold; color: #fff; text-decoration: none;}
.service_price_tab_on {text-decoration: none;}

.service_price_tab_off1 a {color: #697181 !important; background: #ffffff; text-decoration: none;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.service_price_tab_off1 a:hover {color: #fff !important; background: #e47b5f; text-decoration: none;}
.service_price_tab_off2 a {color: #697181 !important; background: #ffffff; text-decoration: none;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.service_price_tab_off2 a:hover {color: #fff !important; background: #f6c700; text-decoration: none;}
.service_price_tab_off3 a {color: #697181 !important; background: #ffffff; text-decoration: none;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.service_price_tab_off3 a:hover {color: #fff !important; background: #bb78f9; text-decoration: none;}

.product_main_title_wrap {width: 100%; top: 0px;background: url(../images/overlay_subnav.png) center top repeat; padding: 60px 0px 50px 0px; color: #ffffff; z-index: 300; display: none; margin-bottom: 20px !important; }
.product_main_title {width: 955px; position: relative; margin: 0px auto;}
.product_main_title h2 {position: relative; width: 100%; text-align: center; font-size: 30px;}
.product_main_btns {text-align: center; position: relative;}
.dot_logger {width: 56px; height: 29px; background: url(../images/dot_logger.png) no-repeat; position: absolute; bottom: -29px; left: 50%; margin-left: -28px;}
.product_main_logo {text-align: center;}
.product_main_logo img {max-width: 60px; margin-bottom: 15px;}
.product_main_gra {width: 100%; height: 17px; background: url(../images/main_title_gra.png) repeat-x; position: absolute; top: 0px;}


/*.body_marketing .product_main_btns input {background: #fff; color: #e45e5e;}*/

.register_titleimg {text-align: center; padding: 40px 0px 30px 0px;}

/*.fb-like {vertical-align: middle;}
.g-plusone {vertical-align: middle; padding-top: 5px;} */


.supportcontents {margin-top: 20px !important;}
.subcon_plist {margin-bottom: 30px; width: 430px; display: inline-block;}
.support_dn {background: #64728e;text-decoration: none;display: inline-block;padding: 2px 5px;font-size: 12px;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; color: #fff; font-size: 12px; font-weight: normal; margin-bottom: 3px; margin-top: 5px; margin-right: 5px;}
.subcontents dt {font-size: 17px; font-weight: bold; margin-bottom: 15px;}
.subcontents dd {font-size: 13px;}

.features_colwarp {width: 100%; position: relative; padding-top: 10px; clear: both; padding-bottom: 20px; vertical-align: top;}
.features_col3 {width: 300px; position: relative; margin-bottom: 20px; border-top: 1px solid #d6d6d6; padding-top: 25px; margin-right: 15px; display: inline-block; vertical-align: top; *display: inline; zoom: 1;}
.features_nbt {border-top: none;}
.features_col3 dl {padding-right: 10px; min-height: 160px;}
.features_col3 dt {font-weight: bold; font-size: 16px; margin-bottom: 10px;}
/*.features_col3 dd {display: inline-block;}*/
.features_col3 ul {padding-left: 25px;}
.features_col3 ul li {list-style: circle; margin-bottom: 4px;}
.features_special {font-weight: bold; padding-top: 15px; display: inline-block; margin-bottom: 7px;}
.features_special ul li {font-weight: bold; padding-top: 15px; display: inline-block; margin-bottom: 7px;}
.features_tip{background: #ffffbc; border: 1px solid #f3f38d; padding:10px; margin:10px 0px;}
.flist_img {display: block; position: relative; margin-bottom: 5px !important;}
/*.flist_img img {width: 270px; border: 10px solid #fff;; border-radius: 4px; box-shadow: 1px 1px 2px 1px #ececec}*/
.customer_col4 ul {margin-left:12px;}
.customer_col4 li {position: relative; margin-right: 20px; width: 210px; height:150px; display: inline-block; text-align:left; vertical-align:top;}
.customer_col4 li img {border:1px solid rgb(230,230,230); width:210px; height:70px; margin-bottom:7px;}
.customer_col5 ul {margin-left:12px;}
.customer_col5 li {position: relative; margin-right: 10px; width:175px; height:60px; display: inline-block; text-align:left; vertical-align:top;}
.customer_col5 li img {border:1px solid rgb(230,230,230); width:175px; height:50px;}

.bg_gradient_bottom article section {position: relative !important; z-index: 99;}
.body_story {position: relative !important; z-index: 99;}
.option-combo {margin: 20px 0px;}
.story_contents {width: 955px;}
.combo-filters { margin-bottom: 20px;}
.option-combo ul {margin-bottom: 10px;}
.option-set li {display: inline-block; margin-right: 5px;padding: 5px 10px; margin-bottom: 5px;background: #abb9d5; *display: inline; zoom: 1;}
.option-set li a {display: inline-block; text-decoration: none; color: #fff;}
.option-set li .selected {padding-right: 20px; background: url(../images/nav_down.png) no-repeat right;}
.option-set h5 {}
.productlist a h5{color: #fff;}
.taglist a h5{color: #5c5c5c;}

/* 바디별 컬러변동셋 */
.body_main h1 {font-weight: 600; text-align: center; font-size: 35px; color: #697181; }
.body_main h2 {font-weight: 300; text-align: center; font-size: 17px; color: #697181; margin-bottom: 10px; display: block; position: relative;}
.body_main .main-container {padding: 110px 0px 0px 0px;}

.body_dgray h1 {font-weight: 100; text-align: center;color: #ab5fd7;}
.body_dgray .main-container {padding: 110px 0px 0px 0px;}
.body_dgray article section {margin: 25px 0px 65px 0px; text-align: center; }

.body_company article {margin-bottom: 40px;}
.body_company article section {position: relative !important; z-index: 99;}
.body_company article section section {margin-top: 15px;}

.sub_nav_wrap a {color: #8e97a8; text-decoration: none;}
.sub_nav_wrap a:hover {color: #8e97a8; text-decoration: underline;}

.body_web .bg_gradient_bottom h2 {color: #0086d1; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_web .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_web .btn_qa {background: #717f9a; color: #fff;}
.body_web .bg_gradient_bottom a:hover {color: #0086d1;}
.body_web .bg_gradient_bottom .btn_qa {background: #717f9a; color: #fff;}

.body_insightmobile .bg_gradient_bottom h2 {color: #0086d1; position: relative;font-size: 45px;text-shadow: none; padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_insightmobile .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_insightmobile .btn_qa {background: #37b1ce; color: #fff;}
.body_insightmobile .bg_gradient_bottom a:hover {color: #0086d1;}
.body_insightmobile .bg_gradient_bottom .btn_qa {background: #37b1ce; color: #fff;}

.body_green .bg_gradient_bottom h2 {color: #008743; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_green .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_green .btn_qa {background: #4ccbc2; color: #fff;}
.body_green .btn_wrap a { text-decoration: none;}
.body_green .bg_gradient_bottom a:hover {color: #008743;}
.body_green .bg_gradient_bottom .btn_qa {background: #22a191; color: #fff;}

.body_marketing .bg_gradient_bottom h2 {color: #db322f; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_marketing .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_marketing .bg_gradient_bottom a:hover {color: #db322f;}
.body_marketing .btn_qa {background: #e45e5e; color: #fff;}
.body_marketing .bg_gradient_bottom .btn_qa {background: #db322f; color: #fff;}

.body_viral .bg_gradient_bottom h2 {color: #c54d04; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_viral .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_viral .bg_gradient_bottom a:hover {color: #c54d04;}
.body_viral .btn_qa {background: #E0785D; color: #fff;}

.body_mobile .btn_qa {background: #bb79f8; color: #fff;}

.body_kakao .btn_qa {background: #f7c600; color: #fff;}

.body_smartmd .bg_gradient_bottom h2 {color:#db5072; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_smartmd .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_smartmd .bg_gradient_bottom a:hover {color: #db5072;}
.body_smartmd .btn_qa {background: #db5072; color: #fff;}
.body_smartmd .bg_gradient_bottom .btn_qa {background: ##db5072; color: #fff;}

.body_heat .bg_gradient_bottom h2 {color: #0086d1; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_heat .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_heat .bg_gradient_bottom a:hover {color: #0086d1;}
.body_heat .btn_qa {background: #49a7dc; color: #fff;}
.body_heat .bg_gradient_bottom .btn_qa {background: #0086d1; color: #fff;}

.body_agent .bg_gradient_bottom h2 {color: #9d1c34; position: relative;font-size: 45px;text-shadow: none;padding: 70px 0px 20px 0px;text-align: center;display: block; margin-bottom: 0px;}
.body_agent .bg_gradient_bottom a {color: inherit; text-decoration: none;}
.body_agent .bg_gradient_bottom a:hover {color: #9d1c34;}

.btn_wrap {margin: 20px 0 80px 0px; text-align: center;}
.btn_wrap_text {text-align: center; padding-bottom: 25px; clear: both;}
.for_w {display: block;}
.for_m {display: none;}

.bg_gradient_bottom .heatmap_h2 {font-size: 45px; text-shadow: none;  padding: 70px 0px 20px 0px; z-index: 99; color: #0086d1; text-align: center;display: block; position: relative;}
.bg_gradient_bottom .admonster_h2 {font-size: 45px; text-shadow: none;  padding: 70px 0px 20px 0px; z-index: 99; color: #008743; text-align: center;display: block; position: relative;}
.bg_gradient_bottom .agent_h2 {font-size: 45px; text-shadow: none;  padding: 70px 0px 20px 0px; z-index: 99; color: #9d1c34; text-align: center;display: block; position: relative;}
.bg_gradient_bottom .viral_h2 {font-size: 45px; text-shadow: none;  padding: 70px 0px 20px 0px; z-index: 99; color: #c54d04; text-align: center;display: block; position: relative;}
.bg_gradient_bottom .logger_h2 {font-size: 45px; text-shadow: none;  padding: 70px 0px 20px 0px; z-index: 99; color: #db322f; text-align: center;display: block; position: relative;}

.nav_mo {display: none;}
.contents_box_mo {display: none;}

.mainpage_navigation_wrap {width: 1000px;}
.mainpage_navigation { height: 184px;}
.mainpage_navigation li {position: relative; width: 250px; height: 250px; float: left; text-align: center;}
.mainpage_navigation li div {width: 250px; height: 250px; display: inline-block; text-align: center;}
.mainpage_navigation li div img {position: absolute; left: 33px; top: 33px; width: 184px; height: 184px;}
.body_dgray .footer {color: #727272;}
.ie7 .catch_phrase {background: #000; width: auto; margin: 230px 0px; padding: 5px; position: relative; text-align: center; font-size: 30px; display: inline-block; *display: inline; zoom: 1; line-height: 37px; color: #fff !important; }
.catch_phrase {background: rgba(0,0,0,.5); margin: 230px 0px; padding: 5px; position: relative; text-align: center; font-size: 30px; display: inline-block; line-height: 37px; color: #fff;}

.insight_section_title {font-size: 45px; font-weight: 500;}
.section_title_1 {display: inline-block; width: 56px; height: 56px; background: #db322f; border-radius: 28px; text-align: center; margin-right: 5px; line-height: 56px;box-shadow: 0px 0px 5px rgba(0,0,0,.7); color: #fff;}
.insight_movie {background: url(../web/images/w_01.png) no-repeat; width: 474px ;height: 328px; padding: 37px 0px 0px 18px;}
.insight_navigation li {display: inline-block; margin-right: 40px; width: 183px; height: 183px; position: relative; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;behavior: url(../pie/PIE.htc);}
.insight_navigation a {color: #fff;}

.insight_nav_text {position: absolute; top: 190px; left: 0px; width: 183px; text-align: center; font-weight: 500; font-size: 15px; }

.insight_tbox { position: relative; width:899px; height:157px; background:#f6f6f6; margin-top:25px; }
.insight_tbox .red {font-size:15px; color:#db322f; font-weight:bold;}
.insight_tbox .left {position: absolute; background-color: #db322f; width: 5px; height:157px;}
.insight_tbox .con_left {width: 392px; height:157px; position: relative; padding-left: 5px; border-right: dotted 1px #c4c4c4; }
.insight_tbox .con_left .con_q {width:372px; height:82px; border-bottom: dotted 1px #c4c4c4; padding-left: 20px; padding-top:10px; font-size:17px; font-weight:bold;}
.insight_tbox .con_left .con_p {font-size:14px; padding-left: 20px; padding-top:11px;}
.insight_tbox .con_right {width:449px; position: absolute; top:10px; bottom:0; margin-left:420px;}
.ie8 .insight_tbox .con_right .con_a {font-size:19px; font-weight:bold; margin-top:22px; line-height: 23px;}
.insight_tbox .con_right .con_a {font-size:21px; font-weight:bold; margin-top:22px; line-height: 28px;}


/*--
.insight_b {background: url(../images/insight_b.png) no-repeat;}
.insight_b:hover {background: url(../images/insight_b_hover.png) no-repeat;}
.insight_e {background: url(../images/insight_e.png) no-repeat;}
.insight_e:hover {background: url(../images/insight_e_hover.png) no-repeat;}
.insight_s {background: url(../images/insight_s.png) no-repeat;}
.insight_s:hover {background: url(../images/insight_s_hover.png) no-repeat;}
.insight_t {background: url(../images/insight_t.png) no-repeat; margin-right: 0px !important;}
.insight_t:hover {background: url(../images/insight_t_hover.png) no-repeat;}
--*/


.contact_awards {display:block;}
.contact_awards a {font-size:13px; text-decoration:none; color:#0f73d3;}
.contact_awards a:hover {font-size:13px; text-decoration:none; color:#242424;}
.awards1 {position: relative; clear: both; display: inline-block; padding-top: 40px;}
.awards2 {position: relative; clear: both; display: inline-block; padding-top: 40px;}
.awards3 {position: relative; clear: both; display: inline-block; padding-top: 40px;}
.awards4 {position: relative; clear: both; padding-top: 40px;}

.awards_logo {text-align:center; height:155px;}
.awards_title {margin-bottom:10px;}
.awards_info {font-size:13px;padding-bottom:5px; min-height:100px;}

.contact_left {width:340px; margin-right: 150px; top: 0px; position: relative; float: left;}
.contact_right {width:340px; top: 0px; position: relative; float: left;}

.partner_con {font-size:13px; clear: both; padding-bottom: 30px; display: inline-block;}

.contact_refere {font-size:13px; color:#464646 !important;}

.slide_wrap p {width: 100%; margin-top: 30px; text-align: center;}

.main_m03_wrap {}

.main_nav_list { text-align: left;}
.main_nav_list li {display: inline-block;}
#main_nav_list .on a {color: #fff; padding-right: 13px; background: url(../images/nav_down.png) no-repeat right;}
#main_nav_list li a {font-weight: 500;}
#main_nav_list li a:hover {}



.main_03_sub {position: absolute; top: 210px; width: 250px; text-align: center; left: -3px; display: none !important;}
.main_03_sub ul {display: inline-block;}
.main_03_sub li {display: inline-block; width: 15px; height: 15px; border-radius: 8px;behavior: url(../pie/PIE.htc); position: absolute;}
.main_03_sub li span {display: none;}
 
.main_03_sub_m01 {background: #a92f2c; left: 92px; top:9px;}
.main_03_sub_m02 {background: #b25308; left: 112px; top:13px;}
.main_03_sub_m03 {background: #07723c; left: 132px; top:13px;}
.main_03_sub_m04 {background: #343a88; left: 152px; top:9px;}


.left_menu_contents .t_title {font-size:15px; line-height:20px; padding:0px 0 15px 0; font-weight: bold;}
.left_menu_contents .t_pr { margin-bottom: 60px;}



.t_title {font-size:15px; line-height:20px; padding:30px 0 15px 0; font-weight: bold;}
.t_left {text-align: left;}
.rm {width:100%; height:40px; line-height:40px; margin:20px 0; background:#fff; text-align:center; cursor:pointer; }

.subcontents .t_2 {border-collapse: collapse; width: 100%; }
.subcontents .t_2 td {padding: 10px 3px; text-align: left; color: inherit;}
.subcontents .t_2 th {width:120px; font-weight:normal; text-align: right; color: inherit;}
.subcontents .t_2 label {font-size:12px;}
.subcontents .t_2 .td_1 {width:20px; color: inherit; text-align: right;}

.t_2 {border-collapse: collapse; width: 100%; }
.t_2 td {padding: 10px 3px; text-align: left;}
.t_2 th {width:160px; font-weight:normal; text-align: right;}
.t_2 label {font-size:12px;}
.t_2 .td_1 {width:20px; text-align: right;}

.t_pr {border-collapse: collapse; width: 100%; margin-bottom: 30px;}

.body_marketing tr {border-right: none; }
.body_marketing .t_pr th {text-align: center; padding: 7px 0px; margin-bottom: 15px; background: #d6d6d6; border-right: solid #c7c7c7 1px; border-bottom: 2px solid #e45e5e; color:#656c72;}

.body_viral tr {border-right: none; }
.body_viral .t_pr th {text-align: center; padding: 7px 0px; margin-bottom: 15px; background: #d6d6d6; border-right: solid #c7c7c7 1px; border-bottom: 2px solid #e47b5f;}

.body_kakao tr {border-right: none; }
.body_kakao .t_pr th {text-align: center; padding: 7px 0px; margin-bottom: 15px; background: #d6d6d6; border-right: solid #c7c7c7 1px; border-bottom: 2px solid #f6c700;}

.body_smartmd tr {border-right: none; }
.body_smartmd .t_pr th {text-align: center; padding: 7px 0px; margin-bottom: 15px; background: #d6d6d6; border-right: solid #c7c7c7 1px; border-bottom: 2px solid #db5072;}

.body_mobile tr {border-right: none; }
.body_mobile .t_pr th {text-align: center; padding: 7px 0px; margin-bottom: 15px; background: #d6d6d6; border-right: solid #c7c7c7 1px; border-bottom: 2px solid #bb78f9;}

.body_heat .t_pr th {text-align: center; padding: 7px 0px; margin-bottom: 15px; background: #d6d6d6; border-right: solid #c7c7c7 1px; border-bottom: 2px solid #49a7dc; color:#656c72;}
.body_heat .t_pr .tdcolor {border-bottom: 1px solid #c7c7c7;}
.body_heat .t_pr .t_h1_impact {background: #49a7dc; color: #fff;}

.t_pr td {padding: 6px 0px; text-align: center; line-height: 20px; background:#f1f1f1; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; font-size: 12px; }
.t_pr .table_nb {border-right: none !important; }

caption {font-size: 11px; text-align: left; vertical-align: bottom; caption-side: bottom; margin-top: 5px;}

.inputform {text-align: center;padding: 15px 0px; margin-bottom: 50px;}
.inputform input[type="text"]  {}

.left_menu_subcontents {clear: both; padding: 20px 0px 20px 00px;}
.left_menu {width: 200px; float: left; padding-bottom: 30px;}
.left_menu li {height: 35px; line-height: 35px; padding-left: 10px; position: relative;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.left_menu li a {display: block; height: 35px; line-height: 35px;}
.left_menu li a:hover {text-decoration: none;}
.left_menu_dot {position: absolute; width: 6px; height: 9px; background: url(../images/left_dot.png) no-repeat; display: block; right: 10px; top: 13px;}

.body_marketing .left_menu li {border-bottom: 1px solid #dae0ea;}
.body_marketing .left_menu li:hover {background: #f9ecec; text-decoration: none;}
.body_marketing .left_menu .left_menu_active {background: #e45e5e !important;}
.body_marketing .left_menu .left_menu_active a {color: #fff;}
.body_marketing .left_menu .left_menu_active .left_menu_dot {display: none;}

.body_web .left_menu li {border-bottom: 1px solid #dae0ea;}
.body_web .left_menu li:hover {background: #dae0ea ;text-decoration: none;}
.body_web .left_menu .left_menu_active {background: #6e7d9a !important;}
.body_web .left_menu .left_menu_active a {color: #fff;}
.body_web .left_menu .left_menu_active .left_menu_dot {display: none;}
.body_web .contents_table table {width: 100%; border-collapse: collapse;}
.body_web .contents_table th {background: #6e7d9a; color: #fff; width: 150px; padding: 10px 10px; text-align: left;}
.body_web .contents_table td {padding: 10px 10px; text-align: left;}

.body_gokr .left_menu li {border-bottom: 1px solid #dae0ea;}
.body_gokr .left_menu li:hover {background: #dae0ea ;text-decoration: none;}
.body_gokr .left_menu .left_menu_active {background:rgb(22,181,172) !important;}
.body_gokr .left_menu .left_menu_active a {color: #fff;}
.body_gokr .left_menu .left_menu_active .left_menu_dot {display: none;}
.body_gokr .contents_table table {width: 100%; border-collapse: collapse;}
.body_gokr .contents_table th {background-color: rgb(200,200,200); color: #fff; width: 150px; padding: 10px 10px; text-align: left;}
.body_gokr .contents_table td {padding: 10px 10px; text-align: left;}
.body_gokr .top_menu li {float: left; border: 1px solid rgb(230,230,230); background-color:rgb(255,255,255); padding:7px 13px; margin-right:1px; margin-bottom:5px;}
.body_gokr .top_menu li:hover {background-color: #dae0ea; text-decoration: none;}
.body_gokr .top_menu .left_menu_active {background:rgb(22,181,172) !important;}
.body_gokr .top_menu .left_menu_active a {color: #fff;}


.body_smartmd .left_menu li {border-bottom: 1px solid #fadfe5;}
.body_smartmd .left_menu li:hover {background: #fadfe5;text-decoration: none;}
.body_smartmd .left_menu .left_menu_active {background: #db5072 !important;}
.body_smartmd .left_menu .left_menu_active a {color: #fff;}
.body_smartmd .left_menu .left_menu_active .left_menu_dot {display: none;}
.body_smartmd .contents_table table {width: 100%; border-collapse: collapse;}
.body_smartmd .contents_table th {color: #656c72; width: 150px; padding: 10px 10px; text-align: center;}
.body_smartmd .contents_table td {padding: 10px 10px; text-align:center;}
.body_smartmd .contents_table .color {color: #db5072; font-size:12px;}


.left_menu_contents { margin-left: 220px;}
.contents_title {font-size: 25px; line-height: 27px;}
.contents_url {margin-bottom: 10px; font-size: 15px; line-height: 15px; margin-top: 5px;}
.contents_fig {width: 720px; margin-bottom: 20px;}
.contents_fig img {max-width: 690px; border: 10px solid #fff;; border-radius: 4px; box-shadow: 1px 1px 2px 1px #ececec}
.contents_fig_mobile img {width: 100%; border: 5px solid #fff;; border-radius: 4px; box-shadow: 1px 1px 2px 1px #ececec}

.contents_reference{width:720px; padding-bottom:50px;}
.contents_reference img{margin:0px 2px 5px 0px; border: 10px solid #fff;; border-radius: 4px; box-shadow: 1px 1px 2px 1px #ececec}

.contents_noti {width: 708px; background:#ffffbc;border:1px solid #f3f38d; text-align: center; padding: 20px 0px; margin-top: 10px;}
.contents_table {padding-top: 10px;}

.body_smartmd .contents_table {padding-top: 0px;}

.body_green .btn_submit {color: #fff; background-color: #4ccbc2;; width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.body_green .btn_submit:hover {background-color: #555555;}
.body_marketing .btn_submit {color: #fff; background-color: #e45e5e; width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.body_marketing .btn_submit:hover {background-color: #555555;}
.body_smartmd .btn_submit {color: #fff; background-color: #db5072; width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.body_smartmd .btn_submit:hover {background-color: #555555;}
.body_heat .btn_submit {color: #fff; background-color: #49a7dc;; width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.body_heat .btn_submit:hover {background-color: #555555;}
.body_web .btn_submit {color: #fff; background-color: #717f9a;; width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.body_web .btn_submit:hover {background-color: #555555;}
.body_gokr .btn_submit {color: #fff; background-color:rgb(22,181,172); width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.body_gokr .btn_submit:hover {background-color: #555555;}

.btn_submit { color: #fff; background-color: #0086d1; width: 152px; height: 40px;  display: block; font-weight: normal; border:none; cursor: pointer;}
.btn_submit:hover {background-color: #555555;}

.subcontents .inputform {text-align: center; padding: 15px 0px; margin-bottom: 50px; width: 550px;}
.ie7 .subcontents .inputform input[type="text"] {width: 100%; height: 18px; display: inline-block; padding: 8px 6px; background-color: #fff;-webkit-box-shadow: inset 0 0 5px rgba(228,231,236,.75);-moz-box-shadow: inset 0 0 5px rgba(228,231,236,.75);box-shadow: inset 0 0 5px rgba(228,231,236,.75);border: solid 1px #d9dbdf; -webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inputform input[type="text"]  {width: 100%;height: 34px;display: inline-block;padding: 8px 6px;background-color: #fff;-webkit-box-shadow: inset 0 0 5px rgba(228,231,236,.75);-moz-box-shadow: inset 0 0 5px rgba(228,231,236,.75);box-shadow: inset 0 0 5px rgba(228,231,236,.75);border: solid 1px #d9dbdf;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;border-radius: 3px; color: inherit;}
.inputform input[type="text"]:hover {border: 1px solid #a4afc5;}
.inputform input[type="text"]:focus {border: 1px solid #a4afc5;-webkit-box-shadow: 0 0 5px #a4afc5;-moz-box-shadow: 0 0 5px #a4afc5;box-shadow: 0 0 5px #a4afc5;}
.inputform textarea {width: 100%;height: 100px;display: inline-block;padding: 8px 6px;background-color: #fff;-webkit-box-shadow: inset 0 0 5px rgba(228,231,236,.75);-moz-box-shadow: inset 0 0 5px rgba(228,231,236,.75);box-shadow: inset 0 0 5px rgba(228,231,236,.75);border: solid 1px #d9dbdf;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;border-radius: 3px; color: inherit; font-size: 11px; resize: vertical;}
.inputform textarea:hover {border: 1px solid #a4afc5;}
.inputform textarea:focus {border: 1px solid #a4afc5;-webkit-box-shadow: 0 0 5px #a4afc5;-moz-box-shadow: 0 0 5px #a4afc5;box-shadow: 0 0 5px #a4afc5;}

.subcontents .t_3 {width: 290px;}
.subcontents .t_3 dl {margin: 0px; padding: 0px; width: 250px; display: block; float: none; padding-left: 40px;}
.subcontents .t_3 dt {font-size: 25px; padding-left: 0px; padding-top: 15px; font-weight: 200;}
.subcontents .t_3 dd {font-size: 13px; margin-top: 20px; font-weight: normal; padding-left: 0px; margin-bottom: 25px;}
.subcontents .t_3 .coldi {border-right: none;}
.subcontents .t_3 .coldii {border-left: none;}
.subcontents .t_3 .coldiii {border-right: none; border-left: none;}

.subcontents .t_4 {width: 100%;}

.t_3 {width: 100%;}
.t_3 dl {margin: 0px; padding: 0px; width: 33%; position: relative; float: left;}
.t_3 dt {font-size: 25px; padding-left: 30px; padding-top: 15px; font-weight: 200;}
.t_3 dd {font-size: 13px; margin-top: 20px; font-weight: normal; padding-left: 30px; margin-bottom: 15px;}
.t_3 .coldi {border-right: 1px solid #bcbcbc;}
.t_3 .coldii {border-left: 1px solid #efefef;}
.t_3 .coldiii {border-right: 1px solid #bcbcbc; border-left: 1px solid #efefef;}

.t_4 {width: 100%;}
.t_4 th {text-align: left; padding: 5px 0px;}
.t_4 label {margin-right: 10px;}
.t_4 td {text-align: left; padding: 5px 0px;}
.t_4 dl {margin: 0px; padding: 0px; width: 33%; position: relative; float: left;}
.t_4 dt {font-size: 25px; padding-left: 30px; padding-top: 15px; font-weight: 200;}
.t_4 dd {font-size: 13px; margin-top: 20px; font-weight: normal; padding-left: 30px; margin-bottom: 15px;}
.t_4 .coldi {border-right: 1px solid #bcbcbc;}
.t_4 .coldii {border-left: 1px solid #efefef;}
.t_4 .coldiii {border-right: 1px solid #bcbcbc; border-left: 1px solid #efefef;}
.t_4 .btn_qa {padding: 4px 10px;}

.t_4 input[type="text"]  {width: 350px !important; height: 34px;display: inline-block;padding: 8px 6px;background-color: #fff;-webkit-box-shadow: inset 0 0 5px rgba(228,231,236,.75);-moz-box-shadow: inset 0 0 5px rgba(228,231,236,.75);box-shadow: inset 0 0 5px rgba(228,231,236,.75);border: solid 1px #d9dbdf;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;border-radius: 3px; color: inherit;}
.t_4 input[type="text"]:hover {border: 1px solid #a4afc5;}
.t_4 input[type="text"]:focus {border: 1px solid #a4afc5;-webkit-box-shadow: 0 0 5px #a4afc5;-moz-box-shadow: 0 0 5px #a4afc5;box-shadow: 0 0 5px #a4afc5;}
.t_4 textarea {width: 100%;height: 100px;display: inline-block;padding: 8px 6px;background-color: #fff;-webkit-box-shadow: inset 0 0 5px rgba(228,231,236,.75);-moz-box-shadow: inset 0 0 5px rgba(228,231,236,.75);box-shadow: inset 0 0 5px rgba(228,231,236,.75);border: solid 1px #d9dbdf;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
box-sizing: border-box;border-radius: 3px; color: inherit; font-size: 11px; resize: vertical;}
.t_4 textarea:hover {border: 1px solid #a4afc5;}
.t_4 textarea:focus {border: 1px solid #a4afc5;-webkit-box-shadow: 0 0 5px #a4afc5;-moz-box-shadow: 0 0 5px #a4afc5;box-shadow: 0 0 5px #a4afc5;}



.t2 {width: 100%; }
.t2 th {width: 140px; padding: 10px 3px; text-align: right;}

/* ===================
    ALL: Orange Theme
   =================== */


.portal {position: absolute; left: 5px; bottom: 15px;}
.portal li {display: inline-block; margin-left: 2px;}
.portal li span {width: 15px; height: 15px; display: inline-block;}
.btn_fb {background: url(../images/btn_fb.png) no-repeat center center;}
.btn_tw {background: url(../images/btn_tw.png) no-repeat center center;}
.btn_ca {background: url(../images/btn_ca.png) no-repeat center center;}
.btn_bl {background: url(../images/btn_bl.png) no-repeat center center;}
.btn_jp {background: url(../images/btn_jp.png) no-repeat center center;}
.ie7 .btn_qa {border-bottom: none; padding: 12px 5px; border-top: none; border-left: none; border-right: none; font-size: 13px; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; margin-right: 17px; border-radius: none;}
.btn_qa {border-bottom: none; background: #fff; padding: 13px 20px; border-top: none; border-left: none; border-right: none; color: #1d1d1d; font-size: 13px; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; margin-right: 17px; border-radius: none;}
.btn_qa:hover {opacity: .6;}
.btn_dark {border-bottom: none; background:rgb(50,60,70); padding: 13px 20px; border-top: none; border-left: none; border-right: none; color: #fff; font-size: 13px; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; margin-right: 17px; border-radius: none;}
.btn_dark:hover {opacity: .6;}
.btn_can {border-bottom: none; padding: 13px 20px; border-top: none; border-left: none; border-right: none;  font-size: 13px; cursor: pointer;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in; margin-right: 17px; border-radius: none; background: transparent;}


.loginset {position: absolute; right: 0px; line-height: 20px; top: 0px;}
.ico_facebook {position: absolute; right: 0px; line-height: 20px; top: 0px;}
.loginset a {background: #64728e; text-decoration: none; display: inline-block; padding: 2px 5px; font-size: 12px; margin-left: 10px;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.loginset a:hover {opacity: .7;}

.dot_p1 {display: inline-block; width: 11px; height: 11px; background: #79cdf8; margin-right: 3px; border-radius: 6px;}
.dot_p2 {display: inline-block; width: 11px; height: 11px; background: #588ae7; margin-right: 3px; border-radius: 6px;}
.dot_p3 {display: inline-block; width: 11px; height: 11px; background: #e45e5e; margin-right: 3px; border-radius: 6px;}
.dot_p4 {display: inline-block; width: 11px; height: 11px; background: #e47b5f; margin-right: 3px; border-radius: 6px;}
.dot_p5 {display: inline-block; width: 11px; height: 11px; background: #f7c600; margin-right: 3px; border-radius: 6px;}
.dot_p6 {display: inline-block; width: 11px; height: 11px; background: #bb79f8; margin-right: 3px; border-radius: 6px;}
.dot_p7 {display: inline-block; width: 11px; height: 11px; background: #4ccbc2; margin-right: 3px; border-radius: 6px;}
.dot_p8 {display: inline-block; width: 11px; height: 11px; background: #49a7dc; margin-right: 3px; border-radius: 6px;}
.dot_p9 {display: inline-block; width: 11px; height: 11px; background: #de5174; margin-right: 3px; border-radius: 6px;}
.dot_p10 {display: inline-block; width: 11px; height: 11px; background: #d94f71; margin-right: 3px; border-radius: 6px;}
.dot_p11 {display: inline-block; width: 11px; height: 11px; background: #37b1ce; margin-right: 3px; border-radius: 6px;}
.dot_p12 {display: inline-block; width: 11px; height: 11px; background: #937cbe; margin-right: 3px; border-radius: 6px;}
.dot_p13 {display: inline-block; width: 11px; height: 11px; background: #a98fe8; margin-right: 3px; border-radius: 6px;}




.newsletter {position: absolute; left: 5px; top: 60px;}
.newsletter input[type="text"] {behavior: url(../pie/PIE.htc); background: rgba(206, 206, 206, .1); border: none; color: #acacac; z-index: -1;}
.newsletter a {width: 24px; height: 18px; padding-top: 6px; vertical-align: middle; text-align: center; display: inline-block;}
.input_info a {text-decoration:underline !important;}

/*
.sub_nav li {
	width: 95px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	border-radius: 50px;
	margin: 0px 13px;
	behavior: url(../pie/PIE.htc);
}
.sub_nav li a {
	width: 95px;
	line-height: 20px;
	display: inline-block;
	padding: 27px 0px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
}
.sub_nav li a:hover {
	text-decoration: none;
}
*/
.page_on {width: 19px; height: 16px; background: url(../images/nav_on.png) no-repeat; position: absolute; top: 119px; left: 40px; display: none;}
.sub_nav .sub_m01_on .page_on {display: block;}
.sub_nav .sub_m02_on .page_on {display: block;}
.sub_nav .sub_m03_on .page_on {display: block;}
.sub_nav .sub_m04_on .page_on {display: block;}

.sub_nav .sub_m01 {background: #db322f;border: 3px solid #db322f;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.sub_nav .sub_m01_on {background: #161616;border: 3px solid #db322f;}
.sub_nav .sub_m01:hover {background: #161616;border: 3px solid #db322f;}

.sub_nav .sub_m02 {background: #d75f00;border: 3px solid #d75f00;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.sub_nav .sub_m02_on {background: #161616;border: 3px solid #d75f00;}
.sub_nav .sub_m02:hover {background: #161616;border: 3px solid #d75f00;}

.sub_nav .sub_m03 {background: #008743;border: 3px solid #008743;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.sub_nav .sub_m03_on {background: #161616;border: 3px solid #008743;}
.sub_nav .sub_m03:hover {background: #161616;border: 3px solid #008743;}

.sub_nav .sub_m04 {background: #393fa2;border: 3px solid #393fa2;-webkit-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;}
.sub_nav .sub_m04_on {background: #161616;border: 3px solid #393fa2;}
.sub_nav .sub_m04:hover {background: #161616;border: 3px solid #393fa2;}

.bg_gradient_finish .footer {font-size: 13px; text-align: center;  font-weight: normal; clear: both; background: url(../images/bg_footer.png); margin-top: 30px; border-top: 4px solid #1e2332;}
.footer {font-size: 13px; text-align: center;  font-weight: normal; clear: both; background: url(../images/bg_footer.png); margin-top: 30px; border-top: 4px solid #444444;}
/*.footer .term {bottom: 90px; left: 50%; margin-left: -200px;  padding-bottom: 20px; border-bottom: solid #c1c1c1 1px; font-size: 11px;} */
.footer .info { padding-bottom: 20px; font-size: 11px; text-align: left; clear: both; padding-top: 10px; background: url(../images/bg_footer_01.png); color: #c9c9c9;}
.info_contents {width: 955px; margin: 0px auto;}
.info_social {width: 300px; position: absolute; left: 50%; margin-left: 200px; font-size: 13px;}
.footer a {text-decoration:none;}
.footer_icons {padding-top: 12px;}
.footer_icons img {margin-right: 10px;}

.footer_category {position: relative;width: 955px; margin: 0px auto;}
.footer_category_cell {float: left; width: 119px; margin: 0px;}
.footer_cell_title {padding: 5px 0px;}
.footer_cell_nav {font-size: 12px; min-height: 150px;}
.footer_cell_nav li {line-height: 18px;}
.footer_privacy a {text-align:right; text-decoration:underline; color:#fff;}


.footer_cell_nav li a {display: inline-block; width: 100%; height: 18px; color: #fff; padding: 3px 0px;-webkit-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;}
.color_logger_sub li a:hover {background: #e45e5e; text-decoration: none;}
.color_viral_sub li a:hover {background: #e47b5f; text-decoration: none;}
.color_smartmd_sub li a:hover {background: #de5174; text-decoration: none;}
.color_insight_sub li a:hover {background: #64728e; text-decoration: none;}
.color_admonster_sub li a:hover {background: #4ccbc2; text-decoration: none;}
.color_heatmap_sub li a:hover {background: #49a7dc; text-decoration: none;}
.color_gray_sub li a:hover {background: #ababab; text-decoration: none;}
.color_black_sub li a:hover {background: #313131; text-decoration: none;}

/* 작성자: 정은진, 작성일자: 2014.01.15 작업내용: footer design */
.footer_container{width:100%; /* height:508px; margin-top:30px; */  background-color:#2f3032;}
.footer_top{width:100%; height:13px; text-align:center; background:url(../images/footer_top_repeat.png) repeat-x;}
.footer_title{width:100%; height:83px; padding-top:26px; text-align:center; font-size:20px; color:#e6e6e6; font-weight:80;}
.footer_title span{text-align:center; font-size:13px; color:#a6afbb; font-weight:80px;}
.footer_title{font-size:15px; font-weight:300px;}
.footer_type{display:inline-block; margin-bottom:20px; font-size:15px; color:#fff;}
.footer_body{margin:0 auto; text-align:center; padding:34px 50px 0px 61px; border:1px solid #35393d; border-radius:5px; font-size:13px; color:#cecece; background-color:#35393d;}
.footer_body_wrap{display:inline-block; zoom: 1; *display: inline;}
/* .ie7 .footer_body_wrap{display:inline-block; } */
.footer_bottom_new{display:none;}


.contact_us{ float:left; width:400px;}
.contact_us ul>li span{display:inline-block; margin-left:10px;}
.contact_us ul li {height:50px;}
.contact_us ul .location{display:inline-block; height:120px; margin-top:6px;}
.contact_wrap{display:inline-block; text-align:left;}

.visit_us{ float:left; width:150px;}
.visit_us{padding-left:65px; margin-left:65px; border-left:1px solid #3c4045; }
.visit_us ul>li span{display:inline-block;}
.visit_us ul li{height:26px; margin-bottom:30px;}
.visit_us ul>.webaward{height:26px; padding-left:4px;}


.visit_us_new{clear:both; display:none;}
.visit_us_new{height:px; padding-left:30px; margin-left:65px;}
.visit_us_new ul>li span{display:inline-block;}
.visit_us_new ul li{height:26px; margin-bottom:30px;}
.visit_us_new ul>.webaward{height:26px; padding-left:4px;}


.our_products{ float:left;}
.our_products a{color:#fff;}
.our_products{width:186px; height:209px; margin-left:70px;}
.our_products ul>li span{display:inline-block; margin-left:3px; margin-top:3px;}
.our_products ul li{margin-bottom:3px; height:21px;}
.our_products ul li>.new_smartmd{padding-top:8px;}
.our_product_wrap {display:inline-block; text-align:left;}
.our_product_wrap ul {font-size:12px;}
.footer_bottom{clear:both; text-align:center; width:100%; height:53px; /*  margin-top:21px; background-color:#35393d; */}
.footer_bottom .info{margin:0 auto; padding-top:20px; font-size:12px; color:#cecece;}
.footer_bottom .info .span{display:inline-block;}
.footer_bottom .info_copyright{margin-left:100px;}
.info_html{margin-left:50px;}





/* ==============
    MOBILE: Menu
   ============== */


/* ==============
    MOBILE: Main
   ============== */

.main {
   width: 100%; position: relative;
}


#floatMenu {
    position:absolute;
    top:130px;
    left:50%;
    margin-left:485px;
    width:16px;
    text-align: center;
    z-index: 999;
}

#floatMenu ul {width: 10px;}

#floatMenu li {
	width: 10px;
	height: 10px;
	border-radius: 5px;
	display: inline-block;
	background: #64728e;
	opacity: .4;
	 margin: 4px 0px ;
	position: relative;
}
#floatMenu li a {width: 10px;height: 10px; display: inline-block; position: absolute; padding: 0px; left: 0px; text-indent: -9999px;}
#floatMenu li:hover {opacity: .8 ;}
#floatMenu .active {width: 10px;height: 10px;border-radius: 5px;display: inline-block;opacity: .8 ;}
#floatMenu .fl_page_off {width: 10px;height: 10px;border-radius: 5px;display: inline-block;opacity: .4 ;}


.pageScroll {position: relative;}
.aside_divider {width: 14px; height:14px; background: url(../images/aside_divider.png) center center no-repeat;}
.float_portal {position: relative;}
.float_portal ul {width: 13px!important;}
.float_portal li a {margin: 0px !important; width: 14px !important; height: 14px !important; position: relative !important; padding: 0px !important; text-indent: 0px !important;}
.float_portal li {background: none !important; width: 14px !important; height: 14px !important; text-indent: 0px !important; margin: 3px 0px !important;}
.float_portal li span {width: 14px; height: 14px; display: inline-block; position: relative;}
.btn_left_fb {background: url(../images/btn_left_fb.png) center center no-repeat; }
.btn_left_tw {background: url(../images/btn_left_tw.png) center center no-repeat; }
.btn_left_si {background: url(../images/btn_left_si.png) center center no-repeat; }
.btn_left_ss {background: url(../images/btn_left_ss.png) center center no-repeat; }

.footer-container footer {
    color: white;
    padding: 20px 0;
}



/** 제품별 nav_button **/
.marketing_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#de5a5a; }
.viral_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#eb7b5c; }
.kakaostyle_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#fab000; }
.mobile_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#b179bd; }
.insight_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#65869a; }
.admonster_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#63c8c2; }
.heatmap_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#38a5e4; }
.smartmd_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#ed6e8d; }
.web_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#588ae7; }
.agency_nav_bt{display: inline-block; width: 199px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#de5174; }


._marketing_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#de5a5a; }
._viral_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#eb7b5c; }
._kakaostyle_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#fab000; }
._mobile_nav_bt{display: inline-block; width:552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#b179bd; }
._insight_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#65869a; }
._admonster_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#63c8c2; }
._heatmap_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#38a5e4; }
._smartmd_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#ed6e8d; }
._web_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#588ae7; }
._agency_nav_bt{display: inline-block; width: 552px; height: 22px; padding-top: 5px; padding-left: 10px; color: #ffffff; background-color:#de5174; }



/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano .content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano .content:focus {
  outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


.heatmap_top_bg_ele {position: absolute;}
.heatmap_top_bg_ele span {display: none;}
.heatmap_top_bg_relative {width:694px; height:200px; position:absolute; margin:0 auto; z-index:100; left: 50%; margin-left: -350px; bottom: 0px;}
.bg_ele_001 {bottom: 220px; left:0px;}
.bg_ele_003 {bottom: 150px; left: 45px;}
.bg_ele_002 {bottom: 205px; right: 0px;}
.bg_ele_004 {bottom: 120px;  right: 60px;}

/* ==========================================================================
   Media Queries
   ========================================================================== 

@media all and (max-width: 330px) {
h1 {font-size: 20px;}
h1 img {max-width: 320px;}
article {padding: 0px 10px;}
}
*/
/*
@media screen and (orientation:portrait) {

}
*/
@media all and (max-width: 910px) {
header {top: 0px; left:0px; width: 100%; height: 100%; position: relative; text-align: right; z-index: 999; margin: 0px; vertical-align: middle;}
header nav {top: 50%; margin-top: -10px;}
header .title {top: 50%; margin-top: 0px; margin-left: 20px;}
.body_main .subcontents {width: auto;}
.body_main .subcontents h1 {width: 90%; margin: 0px auto;}
.body_main .subcontents h2 {width: 90%; margin: 0px auto; line-height: 20px;}
.subnav_col1 {margin-left: 10px;}
.subnav_col2 {margin-left: 20px;}
.subnav_col3 {margin-left: 20px;}
.contents_tab ul {text-align: right;}
.main_img {display: none;}
.footer {display: none;}
.main_contents_post {display: none;}
.main_contents_category {display: none;}
.footer {width: 100%;padding-top: 20px;background: none;border-top: none;font-size: 11px;}
.info_contents {width: 100%; padding-bottom: 15px;}
.for_tablet {display: block;}
.sub_nav_wrap {width: 100%;}
.subnav_col1 {margin-left: 10px;}
.subnav_col2 {margin-left: 20px;}
.subnav_col3 {margin-left: 20px;}
.contents_tab ul {text-align: right; padding-right: 10px;}
.contents_tab {width: 100%; padding-right: 0px;}
.contents_navigation {width: auto !important;}
article {width: auto; padding: 0px 10px;}
#floatMenu {display: none;}
.title_wrap {padding-left: 15px;}
.title_wrap h1 {width: 100%;}
.subcontents .features_title h2 {width: auto;}
.subcontents .features_title p {width: auto;}
.story_contents {width: auto; padding-left: 15px;}
.guide_box {width: 350px; height: 120px;}
.guide_box .guide_box_thumb {height: 120px; width: 120px;}
.guide_box_contents {display: none;}
.guide_box_title {width: 160px !important; height: 30px !important; text-overflow: none !important; left: 130px !important;}
.t_pr {width: 100%;}
.subcontents section {width: auto;}
.contents_tab ul li {margin-left: 7px;}
.contents_tab ul li a {padding: 0px 10px; height: 29px; line-height: 29px;}
.main_contents_tab {width: auto; z-index: 970; padding: 0px;}
.contents_tab_on_dn {top: 26px;}
.product_main_title {width: 100%;}
.main_title {width: auto; padding: 0px;}
.features_col3 {width: 30%;}
.flist_img img {max-width: 90%;}
.lsl1 {display: block; position: relative !important; display: none;}
.body_kakao .h1_p {display: none;}
.body_mobile .h1_p {display: none;}
.icon_nav ul {width: 100% !important;}
.icon_nav li {margin: 0px 5px;}
.btn_logins {width: 100%; left: 0px; margin-left: 0px;}
/*.rslides_tabs {display: none;} */
.loginset {display: none;}
.ico_facebook {display: none;}
/*2014.01.24 작성자:eunjin 내용:footer media Queries*/
.contact_us{width:50%; text-align:center;}
.info_html{display:none;}
.info{text-align:center;}
.info>span{display:block;}
.footer_bottom_new>span{display:block;}
.footer_body{padding:0px; height:360px; border:1px solid #2f3032; background-color:#2f3032;}
.footer_bottom{width:100%; height:70px; text-align:center;  font-size:12px; color:#fff;}
.footer_bottom_new{width:100%; height:70px; padding-top:40px; background-color:#2f3032; text-align:center;  font-size:12px; color:#fff;}
.visit_us_new{display:block; width:100%; text-align:center; padding:10px 0; margin-left:0px;}
.our_products{width:45%; margin-left:5%; text-align:center;}
.footer_bottom{display:none;}
.footer_bottom_new{display:block; text-align:center;}

.contact_wrap{display:inline-block; text-align:left;}
.our_product_wrap{display:inline-block; text-align:left;}
.visit_us_new_wrap span{visibility:hidden;}
.visit_us_new_wrap li a{margin:0px 5px;}
.webaward{display:block; padding-top:20px;}
.footerline{display:none;}
.visit_us{display:none;}


.heatmap_top_bg_relative {width:100%; height:auto; text-align: center; position:relative; z-index:100; bottom: 20%; left: 0; margin-left: 0;}
.heatmap_top_bg_ele {position: relative; bottom: 0px; left: 0; display: block; height: 20px; line-height: 20px;}
.heatmap_top_bg_ele img {display: none;}
.heatmap_top_bg_ele span {display: block;}
.bg_ele_001 {background: #7ca8f2; color: #fff; padding:20px 0px;}
.bg_ele_002 {background: #f28a7c; color: #fff; padding:20px 0px;}
.bg_ele_003 {background: #ffaf61; color: #fff; padding:20px 0px;}
.bg_ele_004 {background: #56b67e; color: #fff; padding:20px 0px;}
.heatmap_function_content{width:90% !important; }
/*2014.04.15 작성자:eunjin 내용:suv_nav*/
/*.sub_nav{background:#3c3b40; width: 600px; height:277px;  position: fixed;z-index: 998; -webkit-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3);box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.3); left: 50%; margin-left: -345px;}
.intro_image {float:left; padding-left:10px; margin-top:5px;}
.intro_image img {left: 0px !important; margin-left: 0px !important; width: auto; height: auto; position: relative !important;}
.intro_01{width:405px; padding-left:15px; color:#ffffff; text-align: left;}
.menu_part {float:left; left:195px;}
.account_03{display:none;}
.nav_slider {position: relative; width:353px;}
.account_01{font-size:25px; font-weight:lighter; text-align: left;}
.account_02{font-size:13px; font-weight:bold; text-align: left;}
.rslides_tabs li {display: none;}
.nav_menu_logger{height:259px;}
.menu_part {position:absolute; width:100px; margin-left:40px;  text-align: left;}
.menu_part span{display:block; }
.menu_part span img {width: auto; height: auto; display: inline-block; position: relative; margin-left: 0px; left: 0px; margin-right: 10px; margin-bottom:10px;}
.nav_menu_logger{padding-top:10px; height:268px;}
.nav_contents_box{width:600px; height:265px;}
.nav_name{width:552px;}

	
#suv-1{display:none !important;}
#suv-2{display:none !important;}
#suv-3{display:none !important;}
#suv-4{display:none !important;}
#suv-5{display:none !important;}
#suv-6{display:none !important;}
#suv-7{display:none !important;}
#suv-8{display:none !important;}
#suv-9{display:none !important;}
#suv-10{display:none !important;}

/*#rslides1{display:none;}
#rslides2{display:none;}
#rslides3{display:none;}
#rslides4{display:none;}
#rslides5{display:none;}
#rslides6{display:none;}
#rslides7{display:none;}
#rslides8{display:none;}
#rslides9{display:none;}
#rslides10{display:none;}*/

.heatmap_ct_banner {display:none !important;}
.heatmap_ct_banner_s {display:block !important; /* margin-top:20px; */ padding-top:5px;}

} 

@media all and (max-width: 640px) {
    
.article_bizmailer_event {display: none;}

.article_bizmailer_event_01 {background: url(../images/event_bg.jpg) #846eb0; min-height: 761px; max-height: 100%; height: 100%; text-align: center; color: #fff; width: auto !important; margin-bottom: -47px !important;}
.article_bizmailer_event_01 .event_001 {overflow: hidden !important;}
.article_bizmailer_event_01 .event_001 img {width: 140%; height: auto; margin-left: -20%;}
.article_bizmailer_event_01 .event_002 img {width: 70%; height: auto;}
.article_bizmailer_event_01 .event_003 img {width: 30%; height: auto;}
    
h1 {font-size: 20px; line-height: 20px; padding: 0px 20px; width: auto !important;}
h1 img {max-width: 250px;}
h2 {font-size: 22px !important; line-height: 32px !important; position: relative !important; display: block;  margin-bottom: 5px !important; margin-top: 5px !important; width: auto !important; margin-top: 30px !important;}
h2 br {display: none;}
header {top: 0px; left:0px; width: 100%; height: 100%; position: relative; text-align: left; z-index: 999; margin: 0px;}
header nav {display: none;}
.sub_nav {display: none;}
.title {position: absolute; width: 100px; /* height: 24px; */ top: 50%; text-align: left; margin: 0px; margin-top: -12px !important ;display: block; z-index: 999; left: 10px;}
.title img {/* width: 77px; */ left: 20px; display: inline-block; z-index: 999;}
article {width: auto; height: auto !important;}
article figure {position: relative !important; display: block; width: auto !important; height: auto !important; top: 0px !important; left: 0px !important;}
article figure div {height: auto !important;}
figure div div {display: block; position: relative !important; top: 0px !important; left: 10px !important;}
article section {position: relative !important; display: block; top: 0px !important; left: 0px !important;  font-size: 13px;  margin: 0px !important; margin-top: 10px !important; width: 100% !important ;}
article section section {position: relative !important; display: block; top: 0px !important; left: 0px !important; width: auto !important; font-size: 13px; margin: 0px !important;}
dd br {display: none;}
.catch_phrase {font-size: 20px;}
.catch_phrase br {display: none;}
#floatMenu {display: none;}

.features_colwarp {width: auto;}
.features_col3 {width: auto; margin-right: 0px; border-top: none;}
.features_col3 dd {display: block; width: auto; padding: 0px;}
.features_col3 dl {padding-right: 0px;}
.flist_img {width: auto;}

.title_wrap {width: 100%; height: 80px; padding-top: 80px; padding-left: 0px;}

.main_contents_tab {display: block;padding: 0px !important;}
.contents_tab {width: 100%; padding-right: 0px !important;}
.contents_tab ul {text-align: center !important; padding-right: 0px !important;}
.contents_tab ul li a {height: 25px !important; line-height: 25px !important; padding: 0px !important; width: 100%;}
.contents_tab_on .contents_tab_on_dn {display: none !important;}
.tab_over {display: none !important;}
.tab_gui {display: none !important;}
.tab_goo {display: none !important;}
.tab_pri {display: none !important;}
.tab_log {display: none !important;}
.tab_log_m {display: inline-block !important; width: 50%; margin: 0px !important; float: left !important;}
.tab_log_m:hover .contents_tab_on_dn {display: none !important;}
.tab_fea {display: inline-block !important; width: 50%; margin: 0px !important; float: left !important;}
.tab_fea:hover .contents_tab_on_dn {display: none !important;}
.tab_con {display: inline-block !important; width: 50%; margin: 0px !important; float: left !important; }
.tab_con:hover .contents_tab_on_dn {display: none !important;}

.body_marketing .tab_fea {display: inline-block !important; width: 33%; margin: 0px !important; float: left !important;}
.body_marketing .tab_con {display: inline-block !important; width: 33%; margin: 0px !important; float: left !important;}
.body_marketing .tab_log_m {display: inline-block !important; width: 34%; margin: 0px !important; float: left !important;}


.body_company .h1_product {font-size: 15px !important; line-height: 14px; font-weight: bold; display: block; float: none; margin-bottom: 4px;}
.body_company .h1_p {font-size: 12px; display: block; top: auto; float: none; margin-left: 0px;}
.h1_product {font-size: 15px; line-height: 14px; font-weight: bold; display: block; float: none; margin-bottom: 4px;}
.h1_p {font-size: 12px; display: block; top: auto; float: none;}
.h1_image {max-width: 45px;}
.main_title {padding: 0px;}
.subcontents {margin-bottom: 15px !important;}
.subcontents p {padding-top: 5px; font-size: 12px !important; width: auto !important; display: inline-block; }
.subcontents p br {display: none;}
.body_kakao .h1_image {top: -4px !important; margin-right: 13px;}
.body_green .h1_image  {top: -3px !important; margin-right: 13px;}
.body_heat .h1_image  {top: -5px !important; margin-right: 13px;}
.body_mobile .h1_image  {top: -11px !important; margin-right: 13px;}
.body_web .h1_image  {top: -11px !important; margin-right: 13px;}

.for_w {display: none;}
.for_m {display: block;}
.comment {padding: 15px 20px; padding-top: 50px;}

.share_contents {padding: 0px 20px;}
.share_contents .btn_qa {padding: 13px 0px !important; margin-right: 0px !important; width: 100%; display: block !important; margin-bottom: 2px !important;}

.subcontents .inputform {width: 100%;}
.lsl1 {display: block; position: relative !important; display: none;}
.lsl2 {display: block; position: relative !important ; width: 100% !important; padding: 0px !important;}
.lsl2 table {width: 100% ;}
.lsl2 th {text-align: left !important; width: 90px !important;}
.lsl2 td {/*max-width: 250px;*/}
.lsl2 td input {width: auto;}
.lsl2 td textarea {width: auto;}

.features_col3 dt,dd {padding: 0px 0px;}
.flist_img {}

.body_main .main-container {padding: 90px 0px 0px 0px !important;}
.body_main h1 {font-size: 28px !important; line-height: 30px !important;}
.body_main h2 {font-size: 15px !important; line-height: 17px !important; margin-top: 10px !important;}
.contents_box {display: none !important;}
.contents_box_mo {display: block !important;}
.contents_box_mo .main_contents_nav {padding: 0px 20px; margin-top: 20px; height: auto;}
.contents_box_mo .main_contents_nav li {display: block; float: none; clear: both; position: relative; font-size: 20px; padding-left: 10px;}

.nav_mo {display: inline-block; position: absolute; right: 4px; background: url(../images/nav_mo.png) no-repeat center center; width: 55px; height: 46px; vertical-align: middle; top: 50%; margin-top: -23px; z-index: 500;}
.nav_mo_back {width: 100%; height: 5000px; background: rgba(0,0,0,.7); display: none; z-index: 499; position: fixed; left: 0px; top: 0px;}

.contents_box_mo1 {right: -7px !important; top: 25px !important; width: 300px !important ; position: fixed !important; z-index: 3000;}
.contents_box_mo1 {display:  !important;}
.contents_box_mo1 .main_contents_nav {padding: 0px 20px; margin-top: 20px; height: auto;}
.contents_box_mo1 .main_contents_nav li {display: block; float: none; clear: both; position: relative; font-size: 20px; padding-left: 10px;}

.footer {width: 100%; padding-top: 20px; background: none; border-top: none; font-size: 11px;}
.info_contents {width: auto; padding: 0px 10px; padding-bottom: 15px;}
.contents_navigation {display: none;}

.admon_002 {width: 300px !important; height: 140px !important;}
.logger_001 {width: 270px !important; height: 230px !important; margin: 0px auto !important;}
.logger_002 {width: 300px !important; height: 100px !important;  margin: 0px auto !important;}
.logger_002 div {font-size: 23px !important;}
.logger_003 {width: 300px !important; height: 220px !important; margin: 0px auto !important;}
.logger_004 {height: 160px !important; margin: 0px auto !important;}
.logger_005 {height: 130px !important; margin: 0px auto !important;}
.logger_006 {height: 150px !important; margin: 0px auto !important;}
.logger4_Stage_Text_id {position: relative !important; display: none !important;}
.logger4_Stage_TextCopy_id {position: relative !important; display: none !important;}
.logger4_Stage_TextCopy2_id {position: relative !important; display: none !important;}
.logger4_Stage_TextCopy3_id {position: relative !important; display: none !important;}

.smartmd_001 {width: 859px !important; height: 587px !important; margin: 0px auto !important;}

.main_contents_nav li a {width: 100% !important; padding: 0px; height: 43px; line-height: 43px; display: inline-block; color: #fff; font-weight: bold; font-size: 15px; outline: none;}
.main_contents_nav li a:hover {text-decoration: none; outline: none;}

.product_main_title_wrap {margin-bottom: 30px !important; margin-top: -80px!important;}
.product_main_title {width: 100%; position: relative; margin: 0px auto; }
.product_main_title h2 {line-height: 27px !important;}
.product_main_btns {display: none;}
.loginset {display: none;}
.ico_facebook {display: none;}
.rslides_tabs {display: none;}
.mobile_select_set {width: 100%;}
.mobile_select_set_inner {padding: 10px;}
.mobile_select_set select {width: 100%; border-radius: 0px; background: #252c3a url(../images/select_bg.png) center right no-repeat; color: #fff; border: 0px; padding: 0px 5px; box-sizing: padding-box; height: 25px; line-height: 25px;}
.btn_logins {position: relative; width: 100%; display: block;}
.btn_logins a {width: 100%; padding: 0px; text-align: center;}

/*2014.01.28 작성자:eunjin 내용:footer media Queries*/
.contact_us{width:100%;}
.contact_us ul li img{margin-bottom:3px;}
.contact_us ul li span{margin-left:0px;}
.footer_body .contact_us{text-align:center;}
.footer_body{height:auto; padding:auto; border-radius:0px;}
.footer_body_wrap{width:auto;}
.footer_bottom_new{width:auto; padding:30px 10px;}
.footer_bottom_new .footer_type{margin-bottom:10px;}
.footer_body .our_products .our_product_wrap .footer_type{margin-top:30px; margin-bottom:10px;}
.visit_us_new .visit_us_new_wrap ul li{padding-top:30px}
.visit_us_new .visit_us_new_wrap li a{margin:0px 3px;}

.our_products{width:auto;}
.our_products{clear:both; text-align:center; padding-left:20px;}

.article_bizmailer dt {
  font-size: 25px !important;
  color: #5a616c;
  text-align: center;
  font-weight: bolder;
  padding-top: 35px;
  padding-bottom: 15px;
}
.article_bizmailer figure {
  text-align: center;
  position: relative;
  padding-top: 62px !important;
}
.article_bizmailer figure img {
	max-width: 100%;
	height: auto;
}
.bmz_left {
  width: 100% !important;
  float: none !important;
  padding-top: 30px !important;
}
.bmz_left li {
  display: inline-block;
}
.h_bmz_left {
  text-align: left;
  margin-left: 0px !important;
}
.h_bmz_left .bzm_f_contents .col_3 {
  width: 100% !important;
  display: block;
  vertical-align: top;
  padding-right: 3%;
}
.h_bmz_left .bzm_f_contents .col_2 {
  width: 100% !important;
  display: block;
  vertical-align: top;
  padding-right: 5%;
}
.h_bmz_left dt {
  font-size: 18px !important;
  color: #5a616c;
  text-align: left;
  font-weight: bolder;
  padding-top: 3px;
  padding-bottom: 7px;
}
.h_bmz_left .bzm_btns a {
  margin-bottom: 10px;
}

.contact_mobile {display:block !important;}
.contact_pc {display:none;}

.app_review_tag_text {margin-right:0 !important;}
.app_review_tag {margin-right:0 !important;} 

}






/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

    .ui-tooltip{
        border: none;
        background: rgba(255,255,255,0.8);
        color: #000;
    }
    .ui-tooltip {
        padding: 4px 10px;
        border: none;
        border-radius: 0px;
        text-transform: uppercase;
        font-size: 12px;
    }

/* 2014.05.26 작성자:seoyeon 내용:logger_new(특장점) 사이트 진단 보고서 */
	.f_28 {font-size:28px !important;}
	.logger_mail_title {position:relative; background:#ff6e6f; height:250px; width:710px; color:#fff;}
	.logger_mail_title dt {position:absolute; top:60px; left:30px; width:300px;}
	.logger_mail_title .logger_title_text {padding-top:50px;}
	.logger_mail_title dd {position:absolute; top:40px; right:55px;}
	
	.logger_list dl { text-align:center;}	
	.logger_list dt {padding-bottom:35px;  padding-top:40px;}

	.logger_mail_01 {background:#ff9257; padding-bottom:70px;}
	.logger_mail_02 {background:#fe7877;}
	.logger_mail_03 {background:#4edcc2;}
	.logger_mail_04 {background:#878ad1;}

	.search_mail dl {padding-bottom:80px;}

	/* logger_tab */
	.logger_tabs li {display: inline;  float:left; border-right:1px solid #ff6e6f; border-bottom:1px solid #ff6e6f; text-decoration: none;}
	.logger_tabs a {background:#fff; color: #697181; display: inline-block; width:235px; text-decoration: none; text-align:center;  padding-top:10px; padding-bottom:10px;}
	.logger_tabs a:hover {text-decoration: none;}
	.logger_tabs a.active {background:#ff6e6f; color: #fff;  padding-top:10px; padding-bottom:10px;}

	/* logger_list*/
	.logger_list {clear:both; overflow:hidden; position: relative;  width:710px; display:none; color:#fff;} 
	.logger_list p {padding:40px 0; color:#697181;}

	/* 2014.05.27 작성자:seoyeon 내용:logger_new 성공가이드 */
	.logger_story_contents {width:710px;  position: relative; overflow: hidden; height: 980px;}
	.logger_story_contents .guide_box {width: 347px; height: 130px; border: 1px solid #f2e4e4; position: relative;  float:left;}
	.logger_story_contents .main_contents_marketing {background: url(../images/bg_logger_new.jpg) center top repeat; /*background: #de595a; */color: #fff; text-align: left;}
	.logger_story_contents .isotope-item { z-index: 2;}

	.logger_story_contents .guide_box .guide_box_thumb {position: absolute; left: 0px; top: 0px; width: 140px; height: 130px; overflow: hidden; }
	.logger_story_contents .guide_box .guide_box_title {position: absolute; left: 150px; top:16px; text-overflow: ellipsis; width: 180px; overflow:hidden; white-space : nowrap;}
	.logger_story_contents .guide_box .guide_box_contents {position: absolute; left: 150px; top: 44px; width: 180px; font-size: 12px; }



/* 2014.05.26 작성자:eunjin 내용:logger_new(특장점) 14일케어 프로그램*/

.b_pink {font-weight:bold; color:#ff6f6f;}
.care_img {clear:both;}
.care_line {clear:both; padding-top:40px;}

.care_process {clear:both;}
.care_process dl{float:left; width:223px; padding-top:40px; padding-right:20px; display: inline-block; vertical-align: top; *display: inline; zoom: 1;}
.care_process dt{font-size:16px; font-weight:bold; text-align:center;}
.care_process dd{font-size:12px; padding-top:20px;}
.care_process .care_clear{clear:both; }
.care_process dd ul{background-color:#eaf0fc; padding:10px; height:90px;}
.care_process dd ul li{list-style:circle; margin-left:15px;}

.left_menu_contents .care_like dd{float:left;}
.left_menu_contents .care_like ul {padding-left:20px;}

.care_like{height:240px;margin-bottom:20px;}
.care_list_01{padding-top:60px; padding-left:40px;}
.care_list_02{padding-top:40px; padding-right:60px;}
.care_like dd ul li{list-style:circle;}

.left_menu li a{color:#697181;}



/* 2014.06.23 작성자:eunjin 내용:heatmap upgrade landing page*/

.heatmap_wrap{width:80%; position:relative; margin:0 auto; text-align:center;}
.heatmap_wrap dd img{width:80%;}
.heatmap_wrap_icon{width:80%; position:relative; margin:0 auto;}
.heatmap_wrap dt img{width:40%;}

.heatmap_title_h2{ text-align: center; font-size: 32px; font-weight:bold; color:#48a5da; position:relative;}
.heatmap_title_h3{font-size: 20px; color:#697181; padding-bottom:30px; text-align: center;}
.heatmap_functiontitle_h2{font-size: 32px; font-weight:bold; color:#48a5da; position:relative; margin:0 auto;}

.heatmap_top_bg{width:100%; background:#68c9eb; text-align:center; padding-top:40px; position:relative;}
.heatmap_top_bg .heatmap_banner_detail{width:60%;}
.heatmap_top_bg dt{font-size:45px; color:#fff; padding:0px 20px;}
.heatmap_top_bg dd{font-size:20px; color:#fff; padding:0px 20px;}
.heatmap_top_bg dd img{width:80%;}

.heatmap_bottom_bg{width:100%;  position:relative;  background:#658ecf; margin:0 auto;}
.heatmap_bottom_bg dl{width:64%; position:relative;  margin:0 auto; padding:10px 0;}
.heatmap_bottom_bg dl dt{float:left; margin-right:10px;}
.heatmap_bottom_bg dl dt img{}
.tip_font{font-size:15px; color:#fff;}


.heatmap_function_content{width:80%; text-align:center; vertical-align: top; position:relative; margin:0 auto; }
.heatmap_function_content .content_left {display:inline-block; zoom:1;*display:inline; vertical-align:top; padding:0 25px; margin-bottom:30px;}
.heatmap_function_content .content_right {float:right; padding:0 25px;}
.heatmap_function_content dt {font-weight: bold; font-size: 16px; margin-bottom: 10px;}
.heatmap_function_content ul {padding-left: 25px; text-align:left;}
.heatmap_function_content ul li {list-style: circle; margin-bottom: 4px;}
.function_special {text-align:left; font-weight: bold; padding-top: 15px; display: inline-block; margin-bottom: 7px;}
.content_left .function_list{text-align:left;}

.heatmap_bottom{width:955px; margin:0px auto; text-align:center;}
.heatmap_bottom dl{width:100%;}
.heatmap_wrap .heatmap_bottom_icon img{}


.heatmap_font{font-size:25px; color:#697181;}
.heatmap_font_color{font-size:25px; color:#909aac;}


/*insight_mobile front 2014.08.20 정은진*/
.insightmobile_step_number{font-size:70px; font-weight:bold;}
.insightmobile_font15{font-size:15px;}
.insightmobile_font25{font-size:25px;}
.insightmobile_font20{font-size:20px;}
.insightmobile_font34{font-size:34px;}
.insightmobile_font50{font-size:50px;}

.insightmobile_intro{padding-top:85px; padding-left:44px; padding-right:44px;}
.insightmobile_intro dd{float:left;}
.body_insightmobile .insightmobile_intro .btn_qa {background: #37b1ce; color: #fff; font-size:18px; padding:11px 30px; margin: 0px 27px 0px 0px;}
.body_insightmobile .text_color{color:#37b1ce;}

.insightmobile_story{background:url(../images/line.png)no-repeat;}
.insightmobile_story .paragraph{float:left;}
.insightmobile_story01{clear:both; padding-left:44px;}

.article_bizmailer {}
.article_bizmailer figure {text-align: center; position: relative; padding-top: 62px !important;}
.article_bizmailer dt {font-size: 39px; color: #5a616c; text-align: center; font-weight: bolder; padding-top: 35px; padding-bottom: 15px;}
.article_bizmailer dd {text-align: center; font-weight: bold; font-size: 14px; color: #7f8691; line-height: 24px; padding-bottom: 30px;}
.article_bizmailer .bzm_btns {padding-bottom: 60px;}
.article_bizmailer .bzm_btns a {padding: 0px 40px; line-height: 38px; color: #fff; font-weight: bold; background: #a68fc3; border-radius: 19px; display: inline-block;}
.article_bizmailer .bzm_ref li {display: inline-block; margin: 2px 3px;}

.article_bizmailer_event {background: url(../images/bg_event.jpg) #846eb0; min-height: 761px; max-height: 100%; height: 100%; text-align: center; color: #fff; width: 100%; margin-bottom: -47px !important;}
.event_002 {padding: 27px 0px 55px;}
.event_003 {padding-bottom: 17px;}
.event_004 {padding-top: 30px; }
.bzm_event_bg {background: url(../images/bg_event.jpg) #846eb0 !important;}
.bzm_front_img {padding-top: 49px;}
.bzm_front_text {position: absolute; left: 470px; top: 60px;}
.bzm_front_btn {margin-top: 15px;}
.boost_front_img {text-align:left; padding-left:30px;}
.boost_front_img img {padding-top:45px;}
.boost_front_img_s img {width:308px; height:63px; padding-left:5px;}
.boost_front_text {position: absolute; left: 420px; top: 50px;}
.boost_front_text img {padding-top:20px;}

.article_bizmailer_event_01 {background: url(../images/event_bg.jpg) #846eb0; min-height: 761px; max-height: 100%; height: 100%; text-align: center; color: #fff; width: 100%; margin-bottom: -47px !important;}
.article_bizmailer_event_01 .event_001 {padding-bottom: 27px;}
.article_bizmailer_event_01 .event_002 {padding-bottom: 60px;}
.article_bizmailer_event_01 .event_003 {padding-bottom: 60px; }


.bmz_left {width: 227px; float: left; padding-top: 75px;}
.bmz_left li {margin-bottom: 12px;}
.bmz_left a {display: inline-block; width: 167px; height: 38px; line-height: 38px; background: #e1e1e1; color: #868d97; font-weight: bold; border-radius: 19px; padding-left: 20px;}
.bmz_left a:hover {text-decoration: none;}
.bmz_left .active a {background: #a68fc3; color: #fff;}
.bzm_cate {font-size: 15px; color: #a68fc3;padding-top: 75px; font-weight: bold;}
.h_bmz_left {text-align: left; margin-left: 227px;}
.h_bmz_left dt {font-size: 39px; color: #5a616c; text-align: left; font-weight: bolder; padding-top: 3px; padding-bottom: 7px;}
.h_bmz_left dd {text-align: left; font-weight: bold; font-size: 14px; color: #7f8691; line-height: 24px; padding-bottom: 40px;}
.h_bmz_left figure {text-align: center; position: relative; padding-top: 0px !important; padding-bottom: 60px !important;}
.h_bmz_left .bzm_f_contents {}
.h_bmz_left .bzm_f_contents .col_1 {width: 95%; display: inline-block; vertical-align: top;}
.h_bmz_left .bzm_f_contents .col_2 {width: 44%; display: inline-block; vertical-align: top; padding-right: 5%;}
.h_bmz_left .bzm_f_contents .col_3 {width: 30%; display: inline-block; vertical-align: top; padding-right: 3%;}
.h_bmz_left .bzm_f_contents dt {font-size: 20px;}
.h_bmz_left .bzm_f_contents dd {font-size: 13px; line-height: 20px; font-weight: normal;}
.h_bmz_left .bzm_btns a {margin-right: 10px;}


.h_bmz {text-align: left;}
.h_bmz dt {font-size: 39px; color: #5a616c; text-align: left; font-weight: bolder; padding-top: 75px; padding-bottom: 7px;}
.h_bmz dd {text-align: left; font-weight: bold; font-size: 14px; color: #7f8691; line-height: 24px; padding-bottom: 40px;}
.h_bmz figure {text-align: center; position: relative; padding-top: 0px !important; padding-bottom: 60px !important;}
.h_bmz .bzm_f_contents {display: inline-block; width: 70%; vertical-align: top;}
.h_bmz .bzm_f_contents_se {display: inline-block; width: 29%;vertical-align: top;}
.h_bmz .bzm_f_contents .col_1 {width: 95%; display: inline-block; vertical-align: top;}
.h_bmz .bzm_f_contents .col_2 {width: 44%; display: inline-block; vertical-align: top; padding-right: 5%;}
.h_bmz .bzm_f_contents .col_3 {width: 30%; display: inline-block; vertical-align: top; padding-right: 3%;}
.h_bmz .bzm_f_contents dt {font-size: 20px; padding-top: 10px;}
.h_bmz .bzm_f_contents dd {font-size: 13px; line-height: 20px; font-weight: normal;}
.h_bmz .bzm_f_contents h3 {font-size: 17px; font-weight: bold; padding-top: 20px;}
.h_bmz .bzm_f_contents_se dt {font-size: 15px;padding-top: 0px;}
.h_bmz .bzm_f_contents_se dd {font-size: 12px; line-height: 17px; font-weight: normal; padding-bottom: 20px;}
.bzm_f_contents_se dt {}
.bzm_f_contents_se dd {}
.h_bmz .bzm_btns a {margin-right: 10px;}

.bzm_table {width: 100%; border-collapse: collapse; }
.bzm_table th {padding: 15px 7px;/* background: #dadada; */border-bottom: 3px solid #a68fc3;}
.bzm_table td {padding: 10px 7px;border-bottom: 1px solid #e1e1e1;}


/* 2014.09.30 작성자:seoyeon 내용: newsletter 구독신청 */
.block {box-sizing: border-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; text-align:center; margin-top:70px;}
.important_visible {display: block !important;}
.span1of1 {width:100%;}
.search-form {position: relative;}

#mc_embed_signup_scroll {width: 955px; position: relative; margin: 0px auto;}

.form-input {width: 90%; font-weight: normal; margin: 0; padding: 0 18px; border-right: 0; max-width: 730px; background: #fff;  border-radius: 4px ;  font-size: 16px;
outline: 0; height: 49px; line-height: 51px;  border: 3px solid #252c3a; vertical-align: middle;  cursor: auto; font: -webkit-small-control; color: initial; display: inline-block; *display: inline; zoom: 1; text-align: start;}

.form-button {width: 10%; margin: 0; margin-left: -7px; border-radius: 4px;  font-size: 16px; padding: 0; vertical-align: middle; height: 55px; line-height: 51px; -webkit-appearance: none;
outline: none; color: #fff !important; display: inline-block; *display: inline; zoom: 1; position: relative; border: none; text-align: center; text-decoration: none; max-width: 180px; background: #252c3a; cursor: pointer;}

.input_info {font-size: 15px; margin-top:20px;}

.block_media {box-sizing: border-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; text-align:center; margin-top:70px; display:none;}
.block_media .search-form {position: relative;}
.block_media .form-input {width: 70%; font-weight: normal; margin: 0; padding: 0 18px; border-right: 0; max-width: 730px; background: #fff;  border-radius: 4px 0px 0px 4px; box-sizing: border-box; font-size: 16px;
outline: 0; height: 55px; line-height: 51px;  border: 3px solid #252c3a; vertical-align: middle;  cursor: auto; font: -webkit-small-control; color: initial; display: inline-block; *display: inline; zoom: 1; text-align: start;}
.block_media .form-button {width: 30%; margin: 0; border-top-left-radius: 0; border-top-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; box-sizing: border-box; font-size: 16px; padding: 0; vertical-align: middle; height: 55px; line-height: 51px; -webkit-appearance: none;
outline: none; color: #fff !important; display: inline-block; *display: inline; zoom: 1; position: relative; border: none; text-align: center; text-decoration: none; max-width: 180px; background: #252c3a;}


.newsletter_year {text-align:center; margin-top:150px; margin-bottom:60px;}
.newsletter_year li {display:inline-block; *display: inline; zoom: 1;}
.newsletter_year li a {border-radius: 33px; padding:8px 40px; font-size:30px; font-weight:500; margin-right:15px; background:#fff; color: #697181;}
.newsletter_year li a:hover {background:#1bbc9b; color:#fff; text-decoration:none;}
.newsletter_year .newsletter_year_active {background:#1bbc9b; color:#fff;}

.newsletter_year_media {clear:both; text-align:center; margin-top:80px; margin-bottom:60px;  display:none;}
.newsletter_year_media li a {display:inline-block; *display: inline; zoom: 1; width:100%; font-size:20px; font-weight:500; background:#1bbc9b; color: #fff; padding:8px 0; margin-bottom:2px;}
.newsletter_year_media li a:hover {background:#1bbc9b; color:#fff; text-decoration:none; opacity: .6;}
.newsletter_year_media .newsletter_year_active {background:#1bbc9b; color:#fff; opacity: .6;}

.rslides_newsletter {position: relative; list-style: none; overflow-y: hidden!important; width: 100%; height: 404px; padding: 0;  margin: 0;  text-align: center;}
.rslides_newsletter li {-webkit-backface-visibility: hidden; position: absolute;  display: none;  width: 100%;  height: 404px;  left: 0;  top: 0;  text-align: center;  overflow-x: hidden;}
.rslides_newsletter li:first-child {position: relative; display: block;}
.rslides_newsletter img {display: block;/* height: 404px; */ float: none;  /*width: 1940px; */ border: 0;  position: absolute;  left: 50%;  margin-left: -970px;}
.product_main_slider .rslides_newsletter img {display: block;  height: 404px;  float: none;  width: 1940px;  border: 0;	top: 0px;  position: absolute;  left: 50%;  margin-left: -970px; }
.newsletter_img {position: relative;}
.newsletter_img_s {display:none;}

.newsletter_container {width: 100%; max-weight: 955px; position: relative; clear:both;}
.newsletter_container a:hover {text-decoration:none;}
.og-fullimg, .og-details {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0;}
.og-grid {list-style: none; padding: 20px 0; margin: 0 auto; text-align: center; width: 100%;}
.og-grid li {display: inline-block; *display: inline; zoom: 1; margin: 15px 5px 0 5px; vertical-align: top; height: 300px;}
.og-grid h3 {color:#333;}
.og-grid li > a,
.og-grid li > a img {border: none; outline: none; display: block; position: relative;}
.og-grid li.og-expanded > a::after {top: auto; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #ddd; border-width: 15px; left: 50%; margin: -20px 0 0 -15px;}
.og-expander {position: absolute; background: #ddd; top: auto; left: 0; width: 100%; margin-top: 10px; text-align: left; height: 0; overflow: hidden;}
.og-expander-inner {padding: 50px 30px; height: 100%;}
.og-close {position: absolute; width: 40px; height: 40px; top: 20px; right: 20px; cursor: pointer;}
.og-close::before,
.og-close::after {content: ''; position: absolute; width: 100%; top: 50%; height: 1px; background: #888; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.og-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.og-close:hover::before,
.og-close:hover::after {background: #333;}
.og-fullimg,
.og-details {width: 47%; float: left; height: 100%; overflow: hidden; position: relative;}
.og-details {padding: 0 40px 0 20px;}
.og-fullimg {text-align: center;}
.og-fullimg img {display: inline-block; *display: inline; zoom: 1; max-height: 100%; max-width: 100%;}
.og-details h3 {font-weight: 300; font-size: 52px; padding: 40px 0 10px; margin-bottom: 10px;}
.og-details p {font-weight: 400; font-size: 15px; line-height: 25px; color: #666;}
.og-details a {font-weight: 600; font-size: 16px; color: #333; text-transform: uppercase; letter-spacing: 2px; padding: 10px 20px; border: 3px solid #333; display: inline-block; *display: inline; zoom: 1; margin: 30px 0 0; outline: none;}
.og-details a::before {content: '\2192'; display: inline-block; *display: inline; zoom: 1; margin-right: 10px;}
.og-details a:hover {border-color: #999; color: #999;}
.og-loading {width: 20px; height: 20px; border-radius: 50%; background: #ddd; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both; -moz-animation: loader 0.5s infinite ease-in-out both; animation: loader 0.5s infinite ease-in-out both;}


@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@media screen and (min-width: 700px) {
	.newsletter_img_s {display:none;}
	.newsletter_img {display:block;}
}

@media screen and (max-width: 700px) {
	.newsletter_img_s {display:block;}
	.newsletter_img {display:none;}
}

@media screen and (max-width: 1024px) {
	.block {display:none;}
	.block_media {display:block;}
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	/* .newsletter_view_btn {display:none;} */
	
	.form-button {margin-top: 20px; display: inline-block; width: 90%; margin-left: 0px; vertical-align: middle;}
}

@media screen and (max-width: 830px) {
	.block {display:none;}
	.block_media {display:block;}
	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	#mc_embed_signup_scroll {width: auto; position: relative; margin: 0px auto; padding: 0px 20px;}
	/* .newsletter_view_btn {display:none;} */
}

@media screen and (max-width: 650px) {
	.block {display:none;}
	.block_media {display:block;}
	.newsletter_year {display:none;}
	.newsletter_year_media {display:block;}
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	/* .newsletter_view_btn {display:none;} */
	
}

/* 2014.10.13 작성자:seoyeon 내용: newsletter 구독신청 완료 */
.subCont_zone{width:100%; }
.subCont_zone a {text-decoration: none !important;}
.newsletter_lstLayout{width:100%; overflow:hidden;}
.newsletter_lstLayout li{float:left; height:auto; width:25%; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin-left:-1px; position:relative; background:#fff;}

/* IE 7 스타일 */
.ie7 .newsletter_lstLayout li{float:left; height:auto; width:25%; border-left:0px !important; border-bottom:1px solid #d9d9d9; margin-left:-1px; position:relative; background:#fff;}

.newsletter_lstLayout li img{width:100%; height:auto;}
.newsletter_lstLayout li div{position:absolute; top:0; left:0; width:100%; height:100%;color:#fff; font-size:16px; display:none;}
.newsletter_lstLayout li div a{width:90%; height:90%; color:#fff; font-size:16px; display:block; padding-top:10%; padding-left:10%; }
.newsletter_lstLayout li div strong{display:block; width:100%; color:#fff; font-size:30px; color:#fff; line-height:35px;}
.newsletter_lstLayout li div code{display:block; width:60px; border-top:6px solid #fff; margin-top:15px; margin-bottom:15px;}
.newsletter_lstLayout li p {margin-top:25px;  margin-left:25px; font-weight:700;}
.newsletter_color1{background:#6c82b3; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color2{background:#f3c857; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color3{background:#ea746f; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color4{background:#31aba4; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color5{background:#f3c857; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color6{background:#2ea7c3; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color7{background:#cb3838; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color8{background:#49ab40; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color9{background:#cb4b38; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color10{background:#3076b4; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color11{background:#3259ab; opacity:0.9; filter:alpha(opacity=90);}
.newsletter_color12{background:#31a3b4; opacity:0.9; filter:alpha(opacity=90);}

.body_newsletter .footer_container {margin-top:0 !important; padding-top:0 !important;} 


@media only screen and (max-width:768px) {	
	.newsletter_lstLayout li{float:left; width:50%;}	
}

@media only screen and (max-width:700px) {
	.newsletter_lstLayout li{float:left; width:50%;}
}

@media only screen and (max-width:360px) {
	.newsletter_lstLayout li{float:left; width:100%;}	
}

/* 2014.10.15 작성자:seoyeon 내용: newsletter 메인 노출
#pop_newsletter .newsletter_div {width:955px; margin:0 auto;}
#pop_newsletter .newsletter_close {position:absolute; top:50px; right:0; width:955px; left:50%; margin-left:-480px;  text-align:right !important; z-index:201; color:#fff;}
#pop_newsletter .newsletter_close img {margin-left:10px; vertical-align:middle;}
#pop_newsletter .newsletter_close span a {display:block;}
#pop_newsletter .product_main_slider .newsletter_btn_l {position: absolute; top:180px; z-index: 200; text-align: left; margin-left:30px;}
#pop_newsletter .product_main_slider .newsletter_btn_l a {display:block; font-size:16px; font-weight:700; padding:10px 20px; background: #feea8b; border-radius: 33px; text-align: center; color:#299da1;}
#pop_newsletter .product_main_slider .newsletter_btn_l a:hover {font-size:16px; font-weight:700; padding:10px 20px; background: #fff; border-radius: 33px; text-align: center; text-decoration:none; color:#299da1;}

#pop_newsletter .product_main_slider .newsletter_btn_c {position: absolute; top:150px;  width: 100%; z-index: 200; text-align: center;}
#pop_newsletter .product_main_slider .newsletter_btn_c a {font-size:14px; font-weight:700; padding:7px 20px; background: #feea8b; border-radius: 33px; text-align: center; color:#299da1;}
#pop_newsletter .product_main_slider .newsletter_btn_c a:hover {font-size:14px; font-weight:700; padding:7px 20px; background: #fff; border-radius: 33px; text-align: center; text-decoration:none; color:#299da1;}
 */

/* #pop_newsletter .product_main_slider li img {height:270px !important;}
#pop_newsletter .main-container {padding-top:60px !important;}
#pop_newsletter .rslides_newsletter {position: relative; list-style: none; overflow-y: hidden !important; width: 100%; height: 270px; padding: 0;  margin: 0;  text-align: center;}
#pop_newsletter .rslides_newsletter li {-webkit-backface-visibility: hidden; position: absolute;  display: none;  width: 100%;  height: 270px;  left: 0;  top: 0;  text-align: center;  overflow-x: hidden;}
#pop_newsletter .rslides_newsletter li:first-child {position: relative; display: block;}
#pop_newsletter .rslides_newsletter img {float: none;   border: 0;  position: absolute;  left: 50%;  margin-left: -970px;}
#pop_newsletter .product_main_slider .rslides_newsletter img {display: block;  height: 270px;  float: none;  width: 1940px;  border: 0;	top: 0px;  position: absolute;  left: 50%;  margin-left: -970px;}
 */

/* 2015.01.08 작성자:seoyeon 내용: newsletter 메인 노출 */
#pop_newsletter .newsletter_div {width:955px; margin:0 auto;}
#pop_newsletter .newsletter_close {position:absolute; top:50px; right:0; width:955px; left:50%; margin-left:-480px;  text-align:right !important; z-index:201; color:#333;}
#pop_newsletter .newsletter_close img {margin-left:10px; vertical-align:middle;}
#pop_newsletter .newsletter_close span a {display:block;}
#pop_newsletter .boost_div {width:955px; margin:0 auto;}
#pop_newsletter .boost_close {position:absolute; top:50px; right:0; width:955px; left:50%; margin-left:-480px;  text-align:right !important; z-index:201; color:#fff;}
#pop_newsletter .boost_close img {margin-left:10px; vertical-align:middle;}
#pop_newsletter  .newsletter_btn_l {position: absolute; top:160px; z-index: 200; text-align: left; margin-left:30px;}
#pop_newsletter  .newsletter_btn_l a {display:block; font-weight:700;  font-size:16px;  padding:10px 80px; background: #fff; border-radius: 33px; text-align: center; color:#273c49;}
#pop_newsletter  .newsletter_btn_l a:hover {font-size:16px; font-weight:700; padding:10px 80px; background: #f9fc0d; border-radius: 33px; text-align: center; text-decoration:none; color:#273c49;}
#pop_newsletter  .boost_btn_l {position: absolute; top:125px;  width: 100%; z-index: 200; text-align: center; padding-top:45px; padding-left:180px;}
#pop_newsletter  .boost_btn_l a {font-size:16px; font-weight:700; padding:10px 80px; background: #fff; border-radius: 33px; text-align: center; color:#273c49;}
#pop_newsletter  .boost_btn_l a:hover {font-size:16px; font-weight:700; padding:10px 80px; background: #09C8FF; border-radius: 33px; text-align: center; text-decoration:none; color:#273c49;}

#pop_newsletter  .newsletter_btn_c {position: absolute; top:100px;  width: 100%; z-index: 200; text-align: center;}
#pop_newsletter  .newsletter_btn_c a {font-size:14px; font-weight:700; padding:7px 40px; background: #fff; border-radius: 33px; text-align: center; color:#273c49;}
#pop_newsletter  .newsletter_btn_c a:hover {font-size:14px; font-weight:700; padding:7px 40px; background: #ff907e; border-radius: 33px; text-align: center; text-decoration:none; color:#fff;}
#pop_newsletter  .boost_btn_c {position: absolute; top:125px;  width: 100%; z-index: 200; text-align: center;}
#pop_newsletter  .boost_btn_c a {font-size:14px; font-weight:700; padding:7px 60px; background: #fff; border-radius: 33px; text-align: center; color:#273c49;}
#pop_newsletter  .boost_btn_c a:hover {font-size:14px; font-weight:700; padding:7px 60px; background: #f8e854; border-radius: 33px; text-align: center; text-decoration:none; color:#273c49;}



/* #pop_newsletter  li img {height:270px !important;} */
#pop_newsletter .main-container {padding-top:40px !important;}
#pop_newsletter .main_newsletter_pop {width:955px;  height: 253px;  margin:0 auto; }
#pop_newsletter .main_newsletter_pop ul {float:left;  margin-left:30px; position: absolute;  z-index:200;}
#pop_newsletter .main_newsletter_pop li { text-align: left; }
#pop_newsletter .main_newsletter_pop li:first-child {position: relative; display: block;}
#pop_newsletter .main_newsletter_pop .main_pop_img {display: block; text-align:right; padding-right:75px; bottom:0; padding-top:49px; }
#pop_newsletter .main_newsletter_pop .main_pop_img_02 {display: block; text-align:right; padding-right:145px; bottom:0; padding-top:11px; }
#pop_newsletter .main_newsletter_pop .main_pop_img_03 {display: block; text-align:right; padding-right:125px; bottom:0; padding-top:68px; }
#pop_newsletter .main_newsletter_pop .main_pop_img_04 {padding-top:60px; padding-left:30px; text-align:left;}
#pop_newsletter .main_newsletter_pop .main_pop_img_05 {position:relative; display: block; text-align:right; padding-right:120px; bottom:64px;}
#pop_newsletter .main_newsletter_pop_s {width:100%;  margin:0 auto; text-align:center;}
#pop_newsletter .main_pop_img_s {display: block; text-align:center; margin-top:58px;}
#pop_newsletter .boost_pop_img_s {display: block; text-align:center; margin-top:48px;}
#pop_newsletter .boost_pop_img_s img {width: 258px; height: 113px;}



/* 2015.01.07 뉴스레터 구독신청_new */
.top_newsletter {position:relative; height:320px;  background: url(../images/sub_pop_bg_201604.gif) center top repeat-x;   /* background:#1e4d42; */  width:100%; text-align:center; }
.top_newsletter_s {position:relative; width:100%; text-align:center;  background: url(../images/sub_pop_bg_201604_s.gif) center top repeat-x; /*  background:#1e4d42; */  height:280px !important;}
.top_admonster_s {position:relative; width:100%; text-align:center;  background:#64c3bd;  height:250px !important;}
.top_gokr_s {position:relative; width:100%; text-align:center;  background:rgb(22,181,172);  height:250px !important;}
.top_insight_s {position:relative; width:100%; text-align:center;  background:#6e7d9a;  height:250px !important;}
.top_insightmobile_s {position:relative; width:100%; text-align:center;  background:#37b7d2;  height:250px !important;}
.top_logger_s {position:relative; width:100%; text-align:center;  background:#e15c5c;  height:280px !important;}
.top_heatmap_s  {position:relative; width:100%; text-align:center;  background:#48a5da;  height:280px !important;}
.top_mobile_s  {position:relative; width:100%; text-align:center;  background:#bb78f9;  height:280px !important;}
.top_viral_s  {position:relative; width:100%; text-align:center;  background:#e47b5f;  height:280px !important;}
.top_smartmd_s {position:relative; width:100%; text-align:center;  background:#de5174;  height:280px !important;}

.top_title {color:#fff; font-size:38px;  padding-top:15px;}
.top_title_s {color:#fff; font-size:32px;  padding-top:15px;}
.sub_title {font-size:16px; padding-top:5px; color:#fff;}


/* 2015.10.14 애드몬스터_new */
.ad_border_r {border-right:1px solid #ddd;}
.ad_bg_w {background:#fff;}
.ad_bg_g {background:#ececec;}

.ad_block {width:100%; text-align:center;}
.ad_block div {margin:0 auto; width:955px;}
.ad_block a {text-decoration:none !important;} 
.ad_block dt {font-size:34px; margin-bottom:30px;} 
.ad_block dd {font-size:15px; line-height:28px;}

.ad_block h4 {line-height:26px; font-size:14px; color:#697181;}
.ad_block h4 span {font-size:12px; color:#999;}

.ad_block_top dt {font-size:38px; font-weight:600;}
.ad_block_top dd {line-height:26px; font-size:14px; color:#697181;}
.ad_block_top dd span {font-size:12px; color:#999;}
.ad_block p a {color:#2f3235; font-weight:600px;}

.ad_block_01 {padding:130px 0;}
.ad_block_01 p {float:left; width:650px; height:300px; text-align:left;}
.ad_block_01 dl {text-align:left;  vertical-align:top; }

.ad_block_02 {padding:130px 0;}
.ad_block_02 dl {float:left; width:380px; text-align:left; padding-right:100px;}
.ad_block_02 p img {text-align:right;}

.ad_block_03 {padding-top:100px; background:#252c3a; color:#fff;}
.ad_block_03 dt {color:#3eebe0;	}

.more-btn { font-size:20px; background: #59bbb4; border:2px solid #59bbb4;  padding: 15px 0; width:300px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #fff !important; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin: 60px 0 0;  color:#2f3235;}
.more-btn:hover {opacity: .6;}

.more-btn_qa { font-size:20px; background: #59bbb4; border:2px solid #59bbb4;  padding: 15px 0; width:300px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; color: #fff !important; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin: 60px 0 0;  color:#2f3235; margin-right:15px;}
.more-btn_qa:hover {opacity: .6;}

.row {margin-right: -15px; margin-left: -15px;}
.contents-padding { padding: 0px 0 107px }
.dark-bg { background: #ececec; height:240px;}
.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); }
.features-wrapper, .team-wrapper {height:300px; padding-top:100px; padding-bottom:35px;}
.features-wrapper div {float:left; width:33%; vertical-align:top;}
.features h2 {position:relative; font-size:28px; margin-bottom:10px; margin-top:30px;}
.features-wrapper h2::after {content: " "; border: solid 2px #5badf0; display: block; width: 35px; margin: 25px auto;}

.ad_arrow-btn {display: block; margin: 0 auto;  text-align: center; position: absolute; top: -25px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.ad_arrow-btn img {vertical-align:middle;}


.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(91, 173, 240, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; position: absolute; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.up-btn img {vertical-align:middle;}
.up-btn:hover, up-btn:focus { color: #fff; background: rgba(91, 173, 240, 1); }
.contact-details { margin: 50px 0; }
.contact-wrap { position: relative; }

.service_banner .banner_box {float:left; width:25%; text-align:center;}
.service_banner h2 {font-size:16px; border:none !important;}
.service_banner h2::after { content: " "; border: none;}
.service_banner p {font-size:13px; clear:both; padding-top:15px;}

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

.container {padding-right: 15px;  padding-left: 15px; margin-right: auto; margin-left: auto;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
  min-height: 1px;
  /* padding-right: 15px;
  padding-left: 15px; */
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

@media (min-width: 955px) {
  .container {width: 955px;}
}


@media screen and (max-width: 640px) {
	.ad_block {width:auto;}
	.ad_block div {margin:0 auto; width:95%; padding:0; text-align:center}
	.container {text-align:center;}
	.more-btn_qa {margin-right:0;}
	.ad_block img {position: relative !important;  width: auto !important; height: auto !important; max-width: 90%; height: auto; text-align:center;}
	.ad_block_01 p {width:100%;  text-align:center; height:auto; padding:70px 0;}
	.ad_block_01 dl {clear:both; padding-bottom:70px;}
	.ad_block_02 dl {width:100%; text-align:left; padding:70px 0 70px 0;}
	.ad_block_02 p {clear:both; padding-bottom:70px;}
	.features-wrapper {height:auto;}
	.features-wrapper div { width:auto; float:none; border-right:none !important; text-align:center;}
	.wp2 {padding-bottom:70px;}
	.contents-padding {padding:0;} 

}

/* 2015.11.17 moblie_nav_new 작성자: 김서연 */
.cd-main-content::before { display: none;  content: 'mobile'; }  
.cd-main-header::after {  clear: both;  content: "";  display: table;}
.cd-nav-trigger {  float: right;  position: relative;  display: block;  width: 34px;  height: 100%;  margin-right: 20px;  overflow: hidden;  white-space: nowrap;  color: transparent;}
.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {  position: absolute;  display: inline-block;  height: 3px;  width: 24px;  background: #ffffff;}
.cd-nav-trigger span {  position: absolute;  top: 50%;  right: 5px;  margin-top: -2px;   -webkit-transition: background 0.2s;  -moz-transition: background 0.2s;  transition: background 0.2s;}
.cd-nav-trigger span::before, .cd-nav-trigger span::after { content: '';  right: 0;  -webkit-transform: translateZ(0);  -moz-transform: translateZ(0);  -ms-transform: translateZ(0);  -o-transform: translateZ(0);  transform: translateZ(0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-transform-origin: 0% 50%;  -moz-transform-origin: 0% 50%;  -ms-transform-origin: 0% 50%;  -o-transform-origin: 0% 50%;  transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.2s;  -moz-transition: -moz-transform 0.2s;  transition: transform 0.2s;}
.cd-nav-trigger span::before {  top: -6px;}
.cd-nav-trigger span::after {  top: 6px;}
.cd-nav-trigger.nav-is-visible span {  background: rgba(255, 255, 255, 0);}
.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after { background: white;}
.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg);
}

.cd-side-nav {position: absolute;  z-index: 1001;  left: 0;  top: 0; width: 100%; padding: 45px 0 0;  background-color: #2c3136;  visibility: hidden;  opacity: 0;  max-height: 100vh;  overflow: hidden;
  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;  -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;  transition: opacity 0.2s 0s, visibility 0s 0.2s;}
.cd-side-nav.nav-is-visible {opacity: 1;  visibility: visible; overflow: visible;  -webkit-overflow-scrolling: touch;  -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;  -moz-transition: opacity 0.2s 0s, visibility 0s 0s;  transition: opacity 0.2s 0s, visibility 0s 0s;  max-height: none;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);}
/* .cd-side-nav > ul {  padding: 0.6em 0;} */
.cd-side-nav > ul:last-of-type {  padding-bottom: 0;}
.cd-side-nav .cd-label, .cd-side-nav a {  display: block;  padding: 0.7em 27px;}
.cd-side-nav .cd-label {  text-transform: uppercase;  font-weight: 600;  color: #46d4e2;  font-size: 16px;}
.cd-side-nav a {  position: relative;  color: #ffffff;  font-size: 1.4rem;}
.cd-side-nav ul.cd-top-nav > li:last-of-type > a {  border-bottom: none;}
.cd-side-nav > ul > li > a {  border-bottom: 1px solid #373d44;}
.cd-side-nav ul li a {font-size:14px; }
.cd-side-nav ul li a:hover  {  background:#36434c;  text-decoration: none;}
.cd-side-nav ul li a:active  { background:#36434c;  text-decoration: none;}
.cd-side-nav ul li a img {height:1.0rem; vertical-align:middle; margin-right:5px;}

@media only screen and (max-width: 640px) {
  .cd-main-header {position: fixed;    height: 60px;  }
  .cd-nav-trigger {display: block; }
  .cd-main-content {top: 10px !important; width: 100%; position: fixed !important; z-index: 1001; /* height:100%; overflow-y:auto; */ -webkit-overflow-scrolling: touch;}
}

@media only screen and (min-width: 642px) {
  .cd-nav-trigger {display: none; }
  .cd-main-content { display: none !important;  }  
}

/* 2015.11.25 moblie_contact_new 작성자: 김서연 */
.cd-form {text-align:left;}
.cd-form .cd-label {margin:10px 0 5px 0; display:inline-block;}
.cd-form .cd_code ul {margin-top:20px;}
.cd-form .cd_code li {margin-top:10px;}
.cd-form .cd_code p {margin-top:15px;}
.cd-form .m_cd_btn {width:100% !important; margin-top:15px;}
.cd-form .cd-label span {vertical-align:middle; color:#ff6c6c;}

.com_info_text {display:block; color:#333333; font-weight:600; color:#4993e4; font-family:  굴림, gulim, dotum, 돋움,  sans-serif; font-size:12px;}


/* 개인정보취급방침 */
.privacy_body_bg {background:#f8f8f8;}
.privacy_title {padding-top:60px;}
.privacy_title h2 {padding-bottom:20px;}
.privacy_title li {padding-bottom:20px;}
.privacy_box {padding:40px; margin: 0 auto; background: #fff; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.3);  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,.3); box-shadow: 1px 1px 4px rgba(0,0,0,.3); }
.privacy_link {margin-top:30px; }
.privacy_link li {position: relative; z-index: 0; /* margin-top: -1px; */  padding: 10px 20px; border-top: 1px solid #e0e0e0;  border-bottom: 1px solid #e0e0e0;}
 .privacy_link li:hover {/* border-top: 1px solid #222;   border-bottom: 1px solid #222; */}
.privacy_link li a {display:block;  height:50px; line-height:50px; color:#697181; }
.privacy_link li a:hover {text-decoration:none; color:#222;}
.privacy_link_title h3 {font-size:20px;  float:left;}
.privacy_link_title img {vertical-align:middle;}

.privacy_text dt h4 {color:#333; font-size:22px;}
.privacy_text dd {font-weight:normal; font-size:14px; line-height:24px;}

/* 히트맵 배너 */
.heatmap_ct_banner {margin-top:10px;}
.heatmap_ct_banner_s {display:none;}


/* 2020_main */
.feature-area .main-feature {
    /* min-height: 340px; */
    width: 100%;
    padding: 40px 30px;
    background: #fff;
    display: inline-block;
    text-align: center;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    border: 1px solid #ced4da;
}

 .feature-area .main-feature h2 {font-size:25px; font-weight:500;}