@charset "utf-8";

/* CSS Document */
/* common */
body {margin:0; background:#eaedf3; color:#000;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea {
	margin:0; padding:0; font-family:dotum; font-weight:300; -webkit-font-smoothing: antialiased;}
dl,ul,ol,menu,li{list-style:none}
em,address{font-style:normal}
button {border:0 none; background-color:transparent; cursor:pointer; outline:none; font-family:'맑은 고딕','Malgun Gothic'}
button:focus span {position:relative; top:0px; left:0px}

/* header */
.service_header {width:100%; height:380px; background:url(/images/v4/inboundAnalytics/stats_top_bg.gif) no-repeat 0 0; background-size:cover}

/* snb */
.service_header #snb_v4 {position:relative; height:47px; z-index:1000;}
.service_header #snb_v4 .snb_m_v4 {width:950px; margin:0 auto; position:relative; text-align:left;}
.service_header #snb_v4 .snb_m_v4 h1{position:absolute; top:21px}
.service_header .snbwrap_v4 {position:absolute; top:28px; right:0; margin:0; font-size:12px}
.service_header .snbwrap_v4 ul {float:left}
.service_header .snbwrap_v4 li {float:left; font-size:12px; margin:5px 0 0 12px; font-family:dotum}
.service_header .snbwrap_v4 li a, .service_header .snbWrap_v4 li a:link, .service_header .snbWrap_v4 li a:hover, .service_header .snbWrap_v4 li a:visited {color:#fff; text-decoration:none; opacity:0.8 }
.service_header .snbwrap_v4 li a:hover {text-decoration:underline}
.service_header .snbwrap_v4 .login_v4 {float:left; margin-right:7px;}
.service_header .snbwrap_v4 .login_v4 strong a, .service_header .snbwrap_v4 .login_v4 .member {color:#fff; text-decoration:none; font-weight:normal; opacity:0.8 }
.service_header .snbwrap_v4 .login_v4 strong a:hover {text-decoration:underline}
.service_header .snbwrap_v4 .login_v4 .member {display:inline-block; padding:5px 3px 0 0; margin-top:-2px; margin-left:-3px; vertical-align:middle}
.service_header .snbwrap_v4 .login_v4 .btn_log img {vertical-align:middle;}
.service_header .snbwrap_v4 .login_v4 img {vertical-align:middle}

/* mypag list */
.my_area_v4 {clear:both; text-align:left; width:78px; position: absolute; display: block; z-index: 1000;}
.my_area_v4 ul {padding:8px 6px 2px 7px; border:1px solid #afafaf; background-color:#ffffff;}
.my_area_v4 li {padding-bottom:3px; font-family:dotum; letter-spacing:-1px; font-size:11px; color:#888;}
.my_area_v4 li a, .my_area_v4 li a:link, .my_area_v4 li a:visited {font-family:dotum; letter-spacing:-1px; font-size:11px; color:#888; text-decoration:none;}
.my_area_v4 li a:hover {font-family:dotum; letter-spacing:-1px; font-size:11px; color:#888; text-decoration:underline;}

/* footer */
#footer_v4{clear:both; width:950px; margin:40px auto 20px auto; border-top:2px solid #495164; font-size:12px; line-height:14px; text-align:center}
#footer_v4 ul { display:block; padding:16px 0 26px 0; margin-bottom:14px; border-bottom:1px solid #d7d7d7}
#footer_v4 li a:visited, #footer_v4 li a {color:#333; font-family:dotum; text-decoration:none}
#footer_v4 ul li {float:left; color:#333; background: url("/images/v4/doc/bu_bar.gif") no-repeat scroll 0 0; font-size:12px; padding:0 7px 0 10px; white-space:nowrap}
#footer_v4 ul li.first {background:none; padding-left:5px}
#footer_v4 .hp_adress {color:#767676; font-size:11px; line-height:17px; text-align:left; padding-left:5px}
#footer_v4 .hp_adress em {color:#d9d9d9; padding:0 8px; font-size:13px}
#footer_v4 .hp_adress a {color:#496abc}
#footer_v4 .txt_copyright {color:#767676; font-size:11px; text-align:left; padding:9px 0 0 5px}

/* e_mail */
.e_mail {width:306px; margin:0 auto; border:1px solid #95a5b0;text-align:left; background-color:#FFF;}
.e_mail dl{padding:12px 15px;}
.e_mail dt{ width:270px; border-bottom:1px solid #e6e6e6; font-weight:bold; font-size:12px; font-family:Dotum,appleGothic,sans-serif; color:#303030; padding-bottom:5px;letter-spacing:-1px;}
.e_mail dd{ width:270px;border-bottom:1px solid #e6e6e6;font-size:12px; font-family:Dotum,appleGothic,sans-serif; color:#555555; line-height:18px; padding:8px 0 10px 0; letter-spacing:-1px;}
.e_mail p{ padding:0 0 10px 0; text-align:center;}

.btn_guide_login {display:inline-block; height:20px; line-height:23px; padding:0 8px; border-radius:2px; text-decoration:none; color:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.3); font-family:dotum; font-size:11px; letter-spacing:-1px; margin-left:3px; margin-right:-5px}

/* content */
.stats_top_w {verflow:hidden; width:950px; margin:0 auto; position:relative}
.stats_top_txt {background:url(/images/v4/inboundAnalytics/stats_top_tit.png) no-repeat 0 0; width:929px; height:257px; margin:-9px auto 0 auto}
.stats_cont {width:950px; margin:0 auto}
.stats_cont .scont1 {background-color:#fff; padding:50px 90px; position:relative; z-index:100; margin-bottom:23px; box-shadow:5px 5px 10px 0px rgba(0,0,0,0.05); overflow: hidden}
.stats_cont .scont1 .tit1 {display:block; background:url(/images/v4/inboundAnalytics/stats_tit1.gif) no-repeat 0 0; width:260px; height:28px; margin-bottom:23px}
.stats_cont .scont1 .tit2 {display:block; background:url(/images/v4/inboundAnalytics/stats_tit2.gif) no-repeat 0 0; width:260px; height:28px; margin-bottom:23px}
.stats_cont .scont1 .info_txt {display:block; background:url(/images/v4/inboundAnalytics/info_txt.gif) no-repeat 0 0; width:308px; height:40px; float:right; margin-top:17px}
.stats_cont .scont1 .graph {font-family:AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif;}
.date_sort {position:relative}
.date_sort ul {position: absolute; top:-14px; right:0; width:175px; z-index: 1000; padding:15px 0 20px 0; background-color:#293ccf; border:1px solid #293ccf; display: block; text-align:center; border-radius:10px;}
.date_sort li a {display:block; font-family:AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif; font-size:24px; color:rgba(255,255,255,0.8); text-decoration:none; padding:4px 0 4px 0; text-align: center}
.sort_month_w {position: absolute; right: 0; bottom:17px}
.sort_month {width:175px; height:64px; border-radius:10px; background-color:#293ccf;  border:1px solid #293ccf; display:block;}
.sort_month .month_arr {display:inline-block; width:15px; height:15px; background:url(/images/v4/inboundAnalytics/month_arrow.gif) no-repeat 0 0; margin:0 0 7px 12px; vertical-align: middle}
.sort_month .month_txt {display:inline-block; height:26px; margin:10px 0 0 27px; font-family:AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif; font-size:30px; color: #fff}

/* page top */
.page_top {bottom:170px; height:65px; width:50px; left:50%; margin-left:520px; position:fixed; text-align:center; z-index:99}
.page_top a {background:url('/images/v4/document/page_top.png') no-repeat scroll 0 0; display:block; height:50px; width:50px}
.blind {font-size:0; height:1px; left:0; line-height:0; overflow:hidden; position:absolute; top:0; visibility:hidden; width:1px}