@charset "utf-8";
body{font-family: 'roboto'; width: 1920px!important;}
div, ul, li, span{box-sizing: border-box;}
.mg_r20{margin-right:20px;}
.mg_b_20{margin-bottom:20px;}
.mg_b_40{margin-bottom:40px;}
.pd_l_40{padding-left:40px}

/* .body_wrap{overflow-x:hidden ;} */

/* main */
.index_wrap{width:1031px; margin:0 auto; margin-top:200px;}
.index_tit{font-size:42px;font-weight:500;text-align:center;}
.index_menu_wrap{height:240px;margin-top:126px;}
.index_menu_wrap li{width:142px;height:142px;border-radius:10px;box-shadow:2px 2px 5px 2px #dcdcdc;float:left;margin-right:80px;border:3px solid #fff;    margin-bottom: 80px;}
.index_menu_wrap li:nth-last-child(1){margin-right:0px;}
.index_menu_wrap li:nth-child(5n+0) {margin-right: 0!important;}
.index_menu_wrap li:hover{border:3px solid #4772d3;background:#f8f8f8}
.index_menu_wrap li:hover .index_txt{color:#4772d3;}
.index_menu_wrap .index_txt{font-size:15px; color:#666;font-weight:500;text-align:center;display:table-cell;vertical-align: middle;width:136px;text-align: center;height:30px;}
.icon_wrap{width:100%;height:95px;display:flex;justify-content:center;align-items:center;}
.icon_area{width:82px; height:89px;margin:0 auto; vertical-align: middle;}

.icon_area.img01{background:url(../img/main_icon_01_off.png)no-repeat}
.icon_area.img02{background:url(../img/main_icon_02_off.png)no-repeat}
.icon_area.img03{background:url(../img/main_icon_03_off.png)no-repeat}
.icon_area.img04{background:url(../img/main_icon_04_off.png)no-repeat}
.icon_area.img05{background:url(../img/main_icon_05_off.png)no-repeat}
.icon_area.img06{background:url(../img/main_icon_06_off.png)no-repeat}
.icon_area.img07{background:url(../img/main_icon_07_off.png)no-repeat}
.icon_area.img08{background:url(../img/main_icon_08_off.png)no-repeat}
.icon_area.img09{background:url(../img/main_icon_09_off.png)no-repeat}
.icon_area.img10{background:url(../img/main_icon_10_off.png)no-repeat}


.index_menu_wrap li:hover .icon_area.img01{background:url(../img/main_icon_01.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img02{background:url(../img/main_icon_02.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img03{background:url(../img/main_icon_03.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img04{background:url(../img/main_icon_04.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img05{background:url(../img/main_icon_05.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img06{background:url(../img/main_icon_06.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img07{background:url(../img/main_icon_07.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img08{background:url(../img/main_icon_08.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img09{background:url(../img/main_icon_09.png)no-repeat}
.index_menu_wrap li:hover .icon_area.img10{background:url(../img/main_icon_10.png)no-repeat}

/* //main */

/* login */
/* 로그인 */
.main_bg{background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;white-space:nowrap;}
.main_bg::before {content:'';display:inline-block;vertical-align:middle;height:100%;margin-right:-5px;}
.main_bg::selection {background:none;}
.login_wrap{display:inline-block;vertical-align:middle;width:460px;border:1px solid #d2d3d5;border-radius:4px;padding:40px 0 50px;white-space:normal;box-sizing:border-box;}
.login_tit{font-size:36px;font-weight:400;text-align:center;padding-bottom:30px;font-family:'roboto';line-height:1;}
.login_tit>strong{font-weight:inherit;}
.login_tit>img {display:block;margin:0 auto 35px;}
.login_txt{font-size:18px;font-weight:400;text-align:center;display:block;font-family:'roboto';line-height:1;margin-top:14px;color:#333;}
.cnx_logo_small{position:absolute;right:30px;bottom:40px;}

.ipt_wrap{border:1px solid #d2d3d5;border-radius:4px;width:100%;height:56px;margin-bottom:10px;overflow:hidden;box-sizing:border-box;}
.ipt_wrap label {display:none;}
.ipt_wrap input{width:100%;height:100%;padding:12px 24px;box-sizing:border-box;border:none;color:#9c9c9c;font-size:18px;font-weight:500;background:#fff;vertical-align:top;}
.ipt_wrap input::-webkit-input-placeholder{color:#ccc;font-size:18px}
.ipt_wrap input:-ms-input-placeholder{color:#ccc;font-size:18px}

.login_btn{width:100%;outline:none;border:none;background:#2e7dd8;color:#fff;font-weight:400;font-size:18px;padding:10px 0;margin-top:45px;cursor:pointer;border-radius:4px}

.login_append{margin-top:20px;font-size:12px;display:inline-block;height:33px;width:100%;border-bottom:1px solid #ddd;text-align:right;}
.inp_chk{float:left;height:30px;vertical-align:middle}
.login_append input{margin:0;padding:0;float:left;margin-right:4px;}
.login_append label{margin:0;padding:0}
.txt_find{float: right;height:30px;vertical-align:middle}

.login_logo{display:block;margin-top:20px;clear:both;display:block;}
.login_logo img{margin:30px auto 0px;display:block;}
.login_form{position:relative;}
.warn_msg{display:block;font-size:14px;color:#ff0000;padding:0 0 10px;text-align:left;font-weight:500;letter-spacing:-0.3px;}

.form_sub_tit{font-size:36px;font-weight:700;letter-spacing:-1px;text-align:center;margin-bottom:30px;}
.login_frm{width:360px;margin:0 auto;}

.login_btn_img{display:block;margin:10px auto 0;}
.login_btn_img img {vertical-align:top;}
/* //login */

/* gnb */
.gnb_top{width:1920px;margin:0;padding:34px 50px 24px 50px;height:97px;border-bottom:1px solid #d2d3d5;}
.gnb_hbg{width:25px;height:20px;background:url(../img/icon_hbg.png)no-repeat; cursor: pointer;outline: none;border:0;display:inline-block;margin-top:10px;float:left}
.gnb_tit{font-size:27px;color:#222;display:inline-block;float: left;margin-left:25px;height:40px;vertical-align: middle;padding-top:5px;margin-right:60px;font-weight:500}

.gnb_option_wrap{display:inline-block;float: left;}
.gnb_option_wrap:nth-last-child(1){float:right}
.gnb_option_tit{color:#999;font-size:14px;display:inline-block}
.gnb_option_sum{width:auto; height:40px;border:1px solid #d2d3d5; border-radius: 3px;padding:13px 15px;display:inline-block;vertical-align: middle;margin-right:20px;cursor: pointer;font-weight:500}
.gnb_option_sum.on{border:1px solid #4772d3}
.gnb_option_sum li, .gnb_option_sum_date li{float:left;font-size:14px; color:#222;vertical-align: middle;}
.gnb_option_sum > .icon{width:19px;height:19px;background: url(../img/icon_global.png)no-repeat;margin-right:9px;margin-top:-3px;}
.gnb_option_sum .region{width:auto;margin-right:4px;}
.gnb_option_sum .country{margin-right: 15px;}
.gnb_option_sum .country::before, .gnb_option_sum .lang::before {content:'>';display:inline-block;margin-right:7px;}
.gnb_option_sum .subsidiary::before, .gnb_option_sum .lang::before {content:'>';display:inline-block;margin-right:7px;}
.gnb_option_sum .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 5px;margin-left: 25px;}

.gnb_option_sum_date{width:240px; height:40px;border:1px solid #d2d3d5; border-radius: 3px;padding:0 15px 0 0;display:inline-block;vertical-align: middle;margin-right:20px;}
.gnb_option_sum_date > .icon{width:19px;height:21px;background: url(../img/icon_date.png)no-repeat;margin-right:9px;}
.gnb_option_sum_date .e_date,.gnb_option_sum_date .s_date{margin-top:4px;}
.gnb_option_sum_date .s_date::after{content:'~';display:inline-block;margin:0 4px;}
.gnb_option_sum_date .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 8px;margin-left: 11px;}
.gnb_option_sum_date input{border:0; outline:0;padding:0 0 0 43px;margin:0;width:171px;height:38px;border-radius: 3px;color: #222;cursor:pointer;font-family: 'roboto';font-weight: 500;}
.gnb_option_sum_date::before{position:absolute;content:'';display:inline-block;width:19px;height:21px;background: url(../img/icon_date.png)no-repeat;margin:8px 0 0 16px;}
.gnb_option_sum_date::after{position:absolute;content:'';display:inline-block;width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 16px;}

.data_type_table{display:inline-block;float: right;}
.data_type{padding:8px 14px;float:left;border:1px solid #ddd;font-size:14px;height:40px;background:#fff;color:#999;border-collapse: collapse;cursor: pointer;box-sizing:border-box;    line-height: 20px;}
.data_type td{width:100px;}
.data_type.on{background:#f5f5f5;color:#222;}
.data_type:nth-child(1){border-top-left-radius:3px; border-bottom-left-radius: 3px}
.data_type:nth-child(2){margin-left:-1px}
.data_type:nth-child(3){border-top-right-radius:3px; border-bottom-right-radius: 3px;margin-left:-1px}

.gnb_user_wrap{float:right;position: relative;}
.gnb_user_wrap >div {float:left;}
.gnb_user_wrap .icon_user{width:28px;height:28px;background:url(../img/icon_user.png)no-repeat;display:inline-block;margin-right:9px;border-radius: 50%;cursor: pointer;}
.gnb_user_wrap .icon_user.focus{border:1px solid #4772d3}
.gnb_user_wrap .user_name{font-size:14px;color:#666; padding: 5px 0;}

.gnb_extension{position: absolute;top: 0;height: 100%;display: block;}
.region_wrap{position: absolute;margin-top:10px;border-radius: 3px;width:420px;height:320px;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:0 20px 30px 20px;overflow: hidden;margin-left:193px;display:none;z-index: 1;}
.region_wrap .section{width:126px;float:left;}
.region_wrap .section .tit{font-size:14px; color:#999;height:66px;line-height:66px;border-bottom:1px solid #e5e5e5;text-align:center}
.region_wrap .section.on .tit{color:#222;border-bottom:3px solid #4772d3;}

.section_wrap{display:inline-block;}
.section_body{display:block;margin-top:25px}
.section_body .txt{width:126px;float:left;padding-left:10px;height: 195px;overflow: auto;}
.section_body .txt:nth-child(2){border-left:1px solid #f1f2f6;border-right:1px solid #f1f2f6;}
.section_body .txt li{padding-bottom:12px}
.section_body .txt.focus label{color:#000}
/* //gnb */

/* lnb */
.lnb_dimed{position: fixed;z-index:9000;top:0;right:0;left:0;bottom:0;background:#000;opacity: 0.5;display:none;}
.lnb_wrap{position:absolute;width:300px;background:#fff;padding:0;top:0;left:-300px;bottom:0;z-index:9999;border-right:1px solid #e5e5e5}
.lnb_top_wrap{padding:16px;}
.lnb_logo{margin: 20PX 20px;border-bottom: 1px solid #ddd;padding-bottom: 16px;}
.lnb_close{outline: none; border:0; width:14px;height:14px;background: url(../img/icon_close.png)no-repeat;float:right;display:block;cursor: pointer;}
.lnb_txt{font-size:12px; color:#999}
.lnb_logo img{display:block;margin-bottom:6px;}

.lnb_menu{font-size:14px; color:#666;}
.lnb_menu a{color:#666;}
.lnb_menu li{width:100%; height:40px; background:#fff;padding-left:74px;line-height: 40px;color:#666}
.lnb_menu li:hover{background:#d2dcf1}
.lnb_menu li:hover a{color:#4772d3}
.lnb_menu .home a{color:#222;}
.lnb_menu li.active{background:#d2dcf1}
.lnb_menu li.active::after{content:'';width:6px; height:10px; background:url(../img/icon_b_arrow.png)no-repeat;float:right;margin-right:30px;margin-top:16px;display:inline-block}
/* //lnb */

/* 라디오버튼 스타일 */
input[type="radio"] {display:none;}
input[type="radio"] + label {color:#999;font-size:14px}
input[type="radio"]:checked + label {color:#4772d3;font-size:14px}
input[type="radio"] + label span {display:inline-block;width:12px;height:9px;vertical-align:middle;cursor:pointer;}
input[type="radio"]:checked + label span {background:url(../img/icon_radio.png) no-repeat; float:right;margin-right:10px;margin-top: 4px;}

/* summary_wrap */
.summary_wrap{width:1920px;padding:40px 50px 30px;display: flex;background:#f8f9fa;}
.summary_li{float:left;border-right:1px solid #ebebeb;width:238px;padding:0 35px;}
.summary_li.last{border-right:0!important}
.summary_li:nth-child(5){border-right:0!important}
.summary_li:nth-child(1){padding-left:0px;width:203px;}

.summary_tit{color:#222;font-size:14px;display:block;padding-top:4px;margin-bottom:16px;}
.summary_big{color:#222;font-size:32px;display:inline-block;}
.summary_up{color:#4772d3;font-size:14px;display:inline-block;font-weight:500}
.summary_up::before{content:'';display:inline-block;width:17px;height:10px;background: url(../img/icon_up_arrow.png)no-repeat;}
.summary_small{color:#999;font-size:14px;margin-top:8px;display:block;}
.summary_down{color:#ff5a47;font-size:14px;display:inline-block;font-weight:500}
.summary_down::before{content:'';display:inline-block;width:17px;height:10px;background: url(../img/icon_down_arrow.png)no-repeat;}
.summary_neutral{color:#00162b;font-size:14px;display:inline-block;}

.summary_up_type2{color:#ff5a47;font-size:14px;display:inline-block;font-weight:500}
.summary_up_type2::before{content:' ';display:inline-block;width:17px;height:10px;background: url(../img/icon_up_arrow_type2.png)no-repeat;}
.summary_down_type2{color:#4772d3;font-size:14px;display:inline-block;font-weight:500}
.summary_down_type2::before{content:' ';display:inline-block;width:17px;height:10px;background: url(../img/icon_down_arrow_type2.png)no-repeat;}


.summary_btn_wrap{float:right;width:223px;}
.btn_down_load{outline:0;border:0;height:40px;width:120px;background:#4772d3 url(../img/btn_down.png)no-repeat 15px 43%;color:#fff;border-radius: 3px;text-align: right;padding-right:15px;display:block;float:right;cursor: pointer;}
.summary_select_wrap{display:inline-block;border-bottom:1px solid #d2d3d5; padding:0 5px 6px;margin-top:26px;position: relative;float:right}
.summary_select_wrap span{color:#999;}

.summary_select_wrap input{width:95px; border:0; outline:0; font-weight: 500;color:#222;font-size:14px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background:url(../img/icon_arrow_down.png)no-repeat 90% 50%}
.select_wrap{position:absolute;display:none;padding:20px 26px; background:#fff; border-radius:3px;box-shadow:0px 0px 5px 2px #dcdcdc;right: 0;top: 35px;z-index: 1;}
.select_wrap li{height:20px;font-size:14px;}
.select_wrap li:hover{background:#ecf1fb}

.summary_select_wrap_device{display:inline-block;border-bottom:1px solid #d2d3d5; padding:0 5px 6px;margin-top:26px;position: relative;float:right}
.summary_select_wrap_device span{color:#999;}

.summary_select_wrap_device input{width:95px; border:0; outline:0; font-weight: 500;color:#222;font-size:14px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background:url(../img/icon_arrow_down.png)no-repeat 90% 50%}
.select_wrap_device{position:absolute;display:none;padding:20px 26px; background:#fff; border-radius:3px;box-shadow:0px 0px 5px 2px #dcdcdc;right: 0;top: 35px;z-index: 1;}
.select_wrap_device li{height:20px;font-size:14px; min-width: 220px;}
.select_wrap_device li:hover{background:#ecf1fb}

/* body contents */
.content_wrap{width:100%;height:auto;display:inline-block;padding:0 50px 30px 50px;background:#f8f9fa}
.content_wrap.no_top{padding-top:50px;}
/* .layout_border{border-radius:8px;border:1px solid #e5e5e5;padding:30px 40px} */
.layout_border{border-radius:2px;padding:25px 40px;
    -webkit-box-shadow: 0.225px 0.974px 3px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0.225px 0.974px 3px 0px rgba(0, 0, 0, 0.55);
    box-shadow: 0.225px 0.974px 3px 0px rgba(0, 0, 0, 0.55);
    background: #fff;}



.content_tit_wrap{display:inline-block;margin-bottom:24px;width:100%;position: relative;}
.content_tit{color:#222;font-size:16px;display:block;margin-bottom:10px;font-weight:500}
.content_tit span{color:#222}
.content_txt{color:#999;font-size:12px;display:block;}
.content_txt .ex{color:#222;font-size:12px;display:inline-block;font-weight:500}
/* full */
.layout_full{width:1820px;margin-bottom:20px;display: inline-block;}

/* half */
.layout_half{width:1820px;margin-bottom:20px;display: inline-block;}

.content_left_mock{display:inline-block;padding-right:40px; border-right:1px solid #ebebeb;width:374px;float:left}
.preview_wrap{height: 708px!important;width:335px;position: relative;display: inline-block;}
.note10{height: 708px!important;width:335px;z-index: 160;padding-bottom:0;position: absolute;background: url(../img/note10.png)no-repeat;background-size: contain;}
.note10_bg{background: none;border-radius: 40px;width:100%;height:100%;z-index:130;opacity:1;position: absolute;}
.plugin_mock{width:100%;color:#4772d3;display:inline-block;border:1px solid #e9e9e9; border-radius: 15px;padding:6px 0;text-align: center;vertical-align: middle;margin-top:10px;font-size: 14px;}

.content_left2{display:inline-block;padding:0 40px; border-right:1px solid #ebebeb;width:743px;float:left}

.rank_30{width:100%;overflow-y: auto;height: 750px;display:block;border-bottom:1px solid #d2d3d5;}
.rank_30 th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 40px;;}
.rank_30 th:nth-child(1){padding-left:14px;width:46px;}
.rank_30 th:nth-child(2){padding-left:14px;width:375px;}
.rank_30 th:nth-child(3){width:88px;text-align: right;}
.rank_30 th:nth-child(4){width:65px;text-align:center}
.rank_30 th:nth-child(5){width:auto;text-align: center;}

.rank_30 tr:hover{background:#ecf1fb}

.rank_30 td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.rank_30 td:nth-child(1){text-align:center}
.rank_30 td:nth-child(2){padding-left:14px}
.rank_30 td:nth-child(3){text-align: right;}
.rank_30 td:nth-child(4){text-align:center}
.rank_30 td:nth-child(5){width:auto;text-align: center;}

/* Impression */
.content_left3{display:inline-block;padding:0 0 0 40px; width:620px;float:left;}
.graph_noti{color:#666;font-size:14px;margin-top:10px;display:inline-block}
.graph_noti::before{content:'';width:10px;height:10px;background:#91aae5;display:inline-block;border-radius: 50%;}
.gragh_impression{width:620px;}

.content_top{border-bottom:1px solid #e5e5e5;padding-bottom:18px;}
.content_bottom{padding-top:26px;}

.sch_keyword{width:100%;overflow-y: auto;height: 280px;display:block;border-bottom:1px solid #d2d3d5;}
.sch_keyword th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 40px;text-align: center;}
.sch_keyword tr:hover{background:#ecf1fb}

.sch_keyword td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.sch_keyword th:nth-child(1){padding-left:14px;width:316px;}
.sch_keyword td:nth-child(1){padding-left:14px;width:316px;}
.sch_keyword th:nth-child(2){width:80px;}
.sch_keyword td:nth-child(2){width:80px;text-align:center}
.sch_keyword th:nth-child(3){width:110px;}
.sch_keyword td:nth-child(3){width:110px;text-align: center;}
.sch_keyword th:nth-child(4){width:100px;text-align: center;}
.sch_keyword td:nth-child(4){width:100px;text-align: center;}

/* top_page */
.half_1st{width:900px;box-sizing: border-box;display:inline-block;float:left;height:500px;}

.top_page{width:100%;overflow-y: auto;height: 376px;/*height: 280px;*/display:block;border-bottom:1px solid #d2d3d5;}
.top_page tr:hover{background:#ecf1fb}
.top_page th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.top_page td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.top_page th:nth-child(1){padding-left:14px;width:50px;}
.top_page td:nth-child(1){padding-left:14px;width:50px;text-align:center}
.top_page th:nth-child(2){padding-left:14px;width:364px;text-align:center}
.top_page td:nth-child(2){padding-left:14px;width:364px;text-align:left}
.top_page th:nth-child(3){width:64px;text-align:center}
.top_page td:nth-child(3){width:64px;text-align:center}
.top_page th:nth-child(4){width:64px;text-align:center}
.top_page td:nth-child(4){width:64px;text-align:center}
.top_page th:nth-child(5){width:108px;text-align:center}
.top_page td:nth-child(5){width:108px;text-align:center}
.top_page th:nth-child(6){width:70px;text-align:center}
.top_page td:nth-child(6){width:70px;text-align:center}
.top_page th:nth-child(7){width:auto;text-align:center}
.top_page td:nth-child(7){width:auto;text-align:center}

.icon_noti{width:14px;height:14px;background:url(../img/icon_noti.png)no-repeat;cursor: pointer;position: relative;display:inline-block;vertical-align: middle;}
.icon_noti:hover .noti_tooltip{display:block;}
.noti_tooltip{display:none;position: absolute;background:rgba(8,10,12,0.67);border-radius: 5px;padding:10px 14px;text-align:left;color:#fff;width:166px;word-break:break-all;font-size:12px;z-index:9999}
.noti_tooltip.center{margin-top:20px;margin-left:-80px;}
.noti_tooltip.left{margin-top:20px;margin-left:-120px;}

.half_2nd{width:900px;box-sizing: border-box;display:inline-block;height:500px;}

/* top_page2 */
.top_page2{width:100%;overflow-y: auto;height: 376px;/*height: 280px;*/display:block;border-bottom:1px solid #d2d3d5;}
.top_page2 tr:hover{background:#ecf1fb}
.top_page2 th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.top_page2 td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.top_page2 th:nth-child(1){text-align:center; width:50px;}
.top_page2 td:nth-child(1){text-align:center; width:50px;}
.top_page2 th:nth-child(2){text-align:center; width:480px;}
.top_page2 td:nth-child(2){text-align:left; width:480px;}
.top_page2 th:nth-child(3){text-align:center; width:64px;}
.top_page2 td:nth-child(3){text-align:center; width:64px;}
.top_page2 th:nth-child(4){text-align:center; width:100px;}
.top_page2 td:nth-child(4){text-align:center; width:100px;}
.top_page2 th:nth-child(5){text-align:center; width:130px;}
.top_page2 td:nth-child(5){text-align:center; width:130px;}

/*  */
.half_3rd{width:869px;box-sizing: border-box;display:inline-block;float:left;border-right:1px solid #ebebeb}
.rank_30.half{width:818px;overflow-y: auto;height:380px;display:block;border-bottom:1px solid #d2d3d5;}
.rank_30.half tr:hover{background:#ecf1fb}
.rank_30.half th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.rank_30.half td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}

.rank_30.half th:nth-child(1){width:50px;text-align: center;}
.rank_30.half td:nth-child(1){text-align:center}

.rank_30.half th:nth-child(2){padding-left:14px;width:360px;}
.rank_30.half td:nth-child(2){padding-left:14px}

.rank_30.half th:nth-child(3){width:76px;text-align: center;}
.rank_30.half td:nth-child(3){text-align: center;}

.rank_30.half th:nth-child(4){width:54px;text-align:center}
.rank_30.half td:nth-child(4){text-align:center}

.rank_30.half th:nth-child(5){width:68px;text-align: center;}
.rank_30.half td:nth-child(5){text-align: center;}

.rank_30.half th:nth-child(6){width:100px;text-align: center;}
.rank_30.half td:nth-child(6){text-align: center;}

.rank_30.half th:nth-child(7){width:100px;text-align: center;}
.rank_30.half td:nth-child(7){text-align: center;}


/* graph_content_wrap */
.graph_content_wrap{display:inline-block;position: relative; height: 380px;}
.graph_content_wrap .pv{position: absolute;right:0;top: -20px;font-size:12px;font-weight:500}
.graph_content_wrap .hcr{position: absolute;left:0;bottom:0;font-size:12px;font-weight:500}

.half_3rd.pd_l_40{border-right:0}


/* googgle_graph */
.half_1st_graph{width:50%;float:left;border-right: 1px solid #ebebeb;}
.half_1st_graph:nth-last-child(1){width:50%;float:left;border-right: 1px solid #ebebeb;padding-left:40px;}
.graph_tit{color:#666;font-size:14px;}

/* last touch channels */
.quarter_1st{width:440px;height:500px;float:left}
.quarter_2nd{width:440px;height:500px;float:left}

/* exits table */
.exits{width:100%;overflow-y: auto;height: 380px;display:block;border-bottom:1px solid #d2d3d5;}
.exits th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 40px;;}
.exits th:nth-child(1){padding-left:14px;width:74px;}
.exits th:nth-child(2){padding-left:14px;width:1300px;}
.exits th:nth-child(3){width:100px;text-align: right;}
.exits th:nth-child(4){width:130px;text-align:center}
.exits th:nth-child(5){width:auto;text-align: center;}
.exits tr:hover{background:#ecf1fb}
.exits td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.exits td:nth-child(1){text-align:center}
.exits td:nth-child(2){padding-left:14px}
.exits td:nth-child(3){text-align: right;}
.exits td:nth-child(4){text-align:center}
.exits td:nth-child(5){width:auto;text-align: center;}

/* Support Search*/
.date_select{position: absolute;right:40px;top:0px;width:auto}
.date_select li{float:left;padding:2px 4px;background:#f5f6f8;color:#666;font-size:14px;margin-left:5px;font-weight:500;border-radius:4px;cursor:pointer}
.date_select li.on{background:#c7d4f2;color:#4772d3;}
.date_select2{position: absolute;right:0px;top:0px;width:auto}
.date_select2 li{float:left;padding:2px 4px;background:#f5f6f8;color:#666;font-size:14px;margin-left:5px;font-weight:500;border-radius:4px;cursor:pointer}
.date_select2 li.on{background:#c7d4f2;color:#4772d3;}

.graph_indicators{display:block;margin-bottom:4px;}
.graph_indicators span{color:#666; font-size:14px;margin-right:16px;}
.graph_indicators .num::before{content:'';display:inline-block; width:10px; height:10px; background:#4772d3;border-radius: 50%;margin-right:4px;}
.graph_indicators .cnt::before{content:'';display:inline-block; width:36px; height:10px; background:#f1f2f4;margin-right:4px;}
.graph_indicators .fonund::before{content:'';display:inline-block; width:10px; height:10px; background:#00bd9f;border-radius: 50%;margin-right:4px;}
.graph_indicators .n_fonund::before{content:'';display:inline-block; width:10px; height:10px; background:#91aae5;border-radius: 50%;margin-right:4px;}
.graph_indicators .mo::before{content:'';display:inline-block; width:10px; height:10px; background:#4772d3;border-radius: 50%;margin-right:4px;}
.graph_indicators .ha::before{content:'';display:inline-block; width:10px; height:10px; background:#00bd9f;border-radius: 50%;margin-right:4px;}
.graph_indicators .tv::before{content:'';display:inline-block; width:10px; height:10px; background:#ffb840;border-radius: 50%;margin-right:4px;}
.graph_indicators .com::before{content:'';display:inline-block; width:10px; height:10px; background:#ff5a47;border-radius: 50%;margin-right:4px;}




.graph_indicators .last{float:right;margin-right:40px;}
.graph_indicators .last.nm{float:right;margin-right:0px;}
.graph_indicators .last span{margin-right:unset}

.graph_indicators2{display:block;margin-bottom:4px;}
.graph_indicators2 span{color:#666; font-size:14px;margin-right:16px;}
.graph_indicators2 .num::before{content:'';display:inline-block; width:10px; height:10px; background:#4772d3;border-radius: 50%;margin-right:4px;}
.graph_indicators2 .cnt::before{content:'';display:inline-block; width:36px; height:10px; background:#f1f2f4;margin-right:4px;}
.graph_indicators2 .last{float:right;margin-right:0px;}
.graph_indicators2 .last span{margin-right:unset}


.hc.half{width:831px;overflow-y: auto;height:380px;display:block;border-bottom:1px solid #d2d3d5;margin-top: 15px;}
.hc.half tr:hover{background:#ecf1fb}
.hc.half th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.hc.half td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.hc.half th:nth-child(1){width:50px;text-align: center;}
.hc.half td:nth-child(1){text-align:center}
.hc.half th:nth-child(2){padding-left:14px;width:360px;}
.hc.half td:nth-child(2){padding-left:14px}
.hc.half th:nth-child(3){width:76px;text-align: center;}
.hc.half td:nth-child(3){text-align: center;}
.hc.half th:nth-child(4){width:54px;text-align:center}
.hc.half td:nth-child(4){text-align:center}
.hc.half th:nth-child(5){width:68px;text-align: center;}
.hc.half td:nth-child(5){text-align: center;}
.hc.half th:nth-child(6){width:100px;text-align: center;}
.hc.half td:nth-child(6){text-align: center;}
.hc.half th:nth-child(7){width:100px;text-align: center;}
.hc.half td:nth-child(7){text-align: center;}


/* not_found table */
.not_found{width:100%;overflow-y: auto;height: 357px;display:block;border-bottom:1px solid #d2d3d5;}
.not_found tr:hover{background:#ecf1fb}
.not_found th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.not_found td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.not_found th:nth-child(1){text-align:center; width:170px;border-right:1px solid #ebebeb}
.not_found td:nth-child(1){text-align:center; width:170px;border-right:1px solid #ebebeb}
.not_found th:nth-child(2){text-align:center; width:130px;}
.not_found td:nth-child(2){text-align:center; width:130px;}
.not_found th:nth-child(3){text-align:center; width:130px;}
.not_found td:nth-child(3){text-align:center; width:130px;}
.not_found th:nth-child(4){text-align:center; width:130px;}
.not_found td:nth-child(4){text-align:center; width:130px;}
.not_found th:nth-child(5){text-align:center; width:130px;}
.not_found td:nth-child(5){text-align:center; width:130px;}
.not_found th:nth-child(6){text-align:center; width:130px;}
.not_found td:nth-child(6){text-align:center; width:130px;}


/* keyword */
.keyword{width:830px;overflow-y: auto;height: 381px;display:block;border-bottom:1px solid #d2d3d5;}
.keyword tr:hover{background:#ecf1fb}
.keyword tr.on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.keyword th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.keyword td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.keyword th:nth-child(1){text-align:center; width:70px;border-right:1px solid #ebebeb}
.keyword td:nth-child(1){text-align:center; width:70px;border-right:1px solid #ebebeb}
.keyword th:nth-child(2){text-align:center; width:120px;}
.keyword td:nth-child(2){text-align:center; width:120px;}
.keyword th:nth-child(3){text-align:center; width:130px;}
.keyword td:nth-child(3){text-align:center; width:130px;}
.keyword th:nth-child(4){text-align:center; width:130px;}
.keyword td:nth-child(4){text-align:center; width:130px;}
.keyword th:nth-child(5){text-align:center; width:130px;}
.keyword td:nth-child(5){text-align:center; width:130px;}
.keyword th:nth-child(6){text-align:center; width:130px;}
.keyword td:nth-child(6){text-align:center; width:130px;}
.keyword th:nth-child(7){text-align:center; width:130px;}
.keyword td:nth-child(7){text-align:center; width:130px;}

.plugin{border:0;outline:0;background:#fff url(../img/indicator_b.png)no-repeat 0% 50%;width:210px;font-size:12px; color:#4772d3;cursor: pointer;padding-left:8px;}
.iframe_wrap{border:1px solid #d2d3d5}

/* Trend Pattern */
.pattern{width:830px;overflow-y: auto;height: 434px;display:block;border-bottom:1px solid #d2d3d5;overflow-x:hidden ;}
.pattern.expand{width:830px;overflow-y: auto;height: 671px;display:block;border-bottom:1px solid #d2d3d5;overflow-x:hidden ;}
.pattern tbody tr:hover{background:#ecf1fb;box-sizing: border-box;box-sizing: content-box;cursor: pointer;}
.pattern tbody .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.pattern th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.pattern td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.pattern th:nth-child(1){text-align:center; width:280px;}
.pattern td:nth-child(1){text-align:left; width:280px;padding-left:30px;}
.pattern th:nth-child(2){text-align:center; width:90px;}
.pattern td:nth-child(2){text-align:center; width:90px;}
.pattern td:nth-child(3){text-align:right; width:110px;}

.color_01{color:#00a9ff}
.color_02{color:#ffb840}
.color_03{color:#ff5a46}
.color_04{color:#00bd9f}
.color_05{color:#785fff}
.color_06{color:#f28b8c}
.color_07{color:#4772d3}
.color_08{color:#ff8346}
.color_09{color:#00a5bd}
.color_10{color:#ea5fff}

.pattern .down{width:9px;height:6px;display:inline-block;background:url(../img/red_down.png)no-repeat;vertical-align: middle;}
.pattern .up{width:9px;height:6px;display:inline-block;background:url(../img/green_up.png)no-repeat;vertical-align: middle;}

/* Executive Summary */
.btn_down_load.autoplay{margin-right:10px;outline:0;border:0;height:40px;width:90px;background:#c3cadb;color:#fff;border-radius: 5px;text-align: right;padding-right:15px;display:block;float:right;cursor: pointer;}
.btn_down_load.autoplay.on{background:#9ba3b6}
.top_page_full{width:100%;overflow-y: auto;height: 376px;/*height: 280px;*/display:block;border-bottom:1px solid #d2d3d5;}
.top_page_full tr:hover{background:#ecf1fb}
.top_page_full th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.top_page_full td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.top_page_full th:nth-child(1){padding-left:14px;width:80px;}
.top_page_full td:nth-child(1){padding-left:14px;width:80px;text-align:center}
.top_page_full th:nth-child(2){padding-left:14px;width:1100px;text-align:center}
.top_page_full td:nth-child(2){padding-left:14px;width:1100px;text-align:left}
.top_page_full th:nth-child(3){width:84px;text-align:center}
.top_page_full td:nth-child(3){width:84px;text-align:center}
.top_page_full th:nth-child(4){width:120px;text-align:center}
.top_page_full td:nth-child(4){width:120px;text-align:center}
.top_page_full th:nth-child(5){width:120px;text-align:center}
.top_page_full td:nth-child(5){width:120px;text-align:center}
.top_page_full th:nth-child(6){width:80px;text-align:center}
.top_page_full td:nth-child(6){width:80px;text-align:center}
.top_page_full th:nth-child(7){width:130px;text-align:center}
.top_page_full td:nth-child(7){width:130px;text-align:center}

/* 20191111 admin */
/* GNB 추가 */
.menu_li.admin{position: relative;}
.menu_li_2depth{position:absolute;}

.menu_li_2depth li{padding-left:16px;width: auto;color:#222!important}
.menu_li_2depth li:hover{background:none!important;color:#222!important}
.menu_li_2depth li:hover a{background:none!important;color:#222!important;font-weight:500}
.menu_li.active.admin a{color:#222!important;}

.admin_summary_wrap{width: 1920px;margin: 0;padding: 50px 50px 20px 50px;display:inline-block}
.add_user_btn_wrap{display:inline-block;float:left}
.add_user_btn{width:88px; height:40px; font-size:14px;font-weight:500;border-radius: 5px;display:inline-block;background:#4772d3;color:#fff;outline:0;border:0;cursor: pointer;}
.admin_summary_wrap .gnb_option_wrap{float:left;position: relative;margin-left:30px}
.admin_summary_wrap .gnb_option_sum .country::before, .gnb_option_sum .lang::before {content:'>';display:inline-block;margin-right:7px;}

.admin_summary_wrap .region_wrap{position: absolute;margin-top:10px;border-radius: 5px;width:110px;height:auto;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:10px 20px;overflow: hidden;margin-left:73px;display:none;z-index: 1;}
.admin_summary_wrap .region_wrap li{font-size:14px; color:#999;height:20px;display:inline-block;line-height: 20px;cursor: pointer;}

.gnb_option_sum2{min-width:170px; height:40px;border:1px solid #d2d3d5; border-radius: 5px;padding:13px 15px;display:inline-block;vertical-align: middle;margin-right:20px;cursor: pointer;font-weight:500}
.gnb_option_sum2.on{border:1px solid #4772d3}
.gnb_option_sum2 li, .gnb_option_sum_date li{float:left;font-size:14px; color:#222;vertical-align: middle;}

.gnb_option_sum2 .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat 85% 50%;vertical-align: middle;margin-top: 5px;margin-left: 25px;float:right}

.admin_summary_wrap .region_wrap2{position: absolute;margin-top:10px;border-radius: 5px;width:170px;height:auto;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:10px 20px;overflow: hidden;margin-left:55px;display:none;z-index: 2;overflow-y:scroll;height:200px}
.admin_summary_wrap .region_wrap2 li{width:100%;font-size:14px; color:#999;height:20px;display:inline-block;line-height: 20px;cursor: pointer;}
.admin_summary_wrap li:nth-child(3){margin-left:0}

.input_id{float:left;margin-right:16px;}
.input_id input{width:170px;height:40px;border:1px solid #d2d3d5;border-radius: 5px;box-sizing: border-box;padding-left:15px;color:#222;outline:0;}
.admin_srh_wrap{float:left;}
.admin_search{float:left;background:#6d85bb url(../img/icon_sch.png)no-repeat 20% 50%;width:100px;height:40px;border-radius: 5px;border:0;outline: 0;cursor: pointer;color:#fff;font-weight:500;padding-left:30px}

.result_cnt{text-align: right;color:#999;font-size:14px;margin-bottom:10px;}
.result_cnt span{font-size:14px;color:#222;font-weight:500}

.admin_table_type01{width:100%; height:100%; border-bottom:1px solid #d2d3d5}
.admin_table_type01 th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 40px;text-align: center;}
.admin_table_type01 td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;text-align: center;cursor: pointer;}

.admin_table_type01 th:nth-child(1){padding-left:100px;width:680px;text-align: left}
.admin_table_type01 td:nth-child(1){padding-left:40px;text-align: left;font-weight:500}
.admin_table_type01 th:nth-child(2){width:120px;}
.admin_table_type01 th:nth-child(3){width:310px;}
.admin_table_type01 th:nth-child(4){width:160px;}
.admin_table_type01 th:nth-child(5){width:260px;}
.admin_table_type01 th:nth-child(6){width:210px;}

.admin_table_type01 .active{width:68px;height:26px;background:#7b98d9;color:#fff;font-weight:500;text-align: center;border-radius: 15px;padding:4px 14px;}
.admin_table_type01 .inactive{width:68px;height:26px;background:#ed7f72;color:#fff;font-weight:500;text-align: center;border-radius: 15px;padding:4px 14px;}

.admin_pagination a{float:left;margin:0 10px;cursor: pointer;font-size:12px;color:#666;}
.admin_pagination a:hover{color:#2e7dd8;font-weight:500}
.admin_pagination .prev{color:#555;padding:6px; border-radius: 5px; border:1px solid #d2d3d5;}
.admin_pagination .next{color:#555;padding:6px; border-radius: 5px; border:1px solid #d2d3d5;}

.pag_wrap{display:grid;margin:28px 0}
.pagination {display: block;text-align: center;}
.pagination a {float: none;padding: 6px 11px;text-decoration: none;font-size:12px;font-weight:500;color:#555;display: inline-block;}
.pagination a.active {background-color: #fff;color:#2e7dd8;}
.pagination a:hover:not(.active) {color:#2e7dd8}
.pagination a:first-child {border-radius: 5px;border:1px solid #ccc;font-size:13px}
.pagination a:last-child {border-radius: 5px;border:1px solid #ccc;font-size:13px}

.pag_wrap{position: relative;}
.option_page_view{position:absolute;right:0}
.region_wrap3{position: absolute;margin-top:10px;border-radius: 5px;width:80px;height:auto;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:10px 20px;overflow: hidden;margin-left:105px;display:none;z-index: 2;}
.region_wrap3 li{width:100%;font-size:14px; color:#999;height:20px;display:inline-block;line-height: 20px;cursor: pointer;}
.admin_summary_wrap li:nth-child(3){margin-left:0}
.gnb_option_sum3{min-width:80px; height:40px;border:1px solid #d2d3d5; border-radius: 5px;padding:13px 15px;display:inline-block;vertical-align: middle;margin-right:20px;cursor: pointer;font-weight:500;}
.gnb_option_sum3.on{border:1px solid #4772d3}
.gnb_option_sum3 .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 5px;margin-left: 25px;}
.gnb_option_sum3 li{float:left;font-size:14px; color:#222;vertical-align: middle;}

.pop_bg{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index: 1;display:none}
.admin_edit_pop_wrap, .admin_pop_wrap{width:490px;height:415px;border-radius:5px;background:#fff;box-shadow:0px 0px 5px 2px #333 ;z-index: 2;position: absolute;top:calc(760px - 520px);left:calc(960px - 245px);display:none}

.admin_pop_top{padding:16px;border-bottom:1px solid #d2d3d5;height:63px;font-size:23px;color:#222;padding-top:20px;font-weight:500}
.close_pop{width:15px;height:15px;background: url(../img/close_pop.png)no-repeat;display:inline-block;float:right;cursor: pointer;}

.admin_pop_body{width:100%;padding:20px 30px;}
.add_user{width:100%;border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;box-sizing: border-box;}
.add_user th{text-align:left;width:180px;background:#f5f6f8;padding-left:20px;font-size:14px;font-weight:500;height:40px;line-height: 40px;border-bottom:1px solid #ebebeb}
.add_user td{text-align:left;padding-left:20px;font-size:14px;height:40px;line-height: 40px;border-bottom:1px solid #ebebeb;width:250px;}
.input_text{width:218px;height:30px;border-radius: 5px;border:1px solid #d2d3d5;text-align:center;box-sizing: border-box;}


.add_user_pop_region{min-width:213px; height:30px;border:1px solid #d2d3d5; border-radius: 5px;padding:0px 15px;display:inline-block;vertical-align: middle;margin-right:20px;cursor: pointer;font-weight:500}
.add_user_pop_region.on{border:1px solid #4772d3}
.add_user_pop_region li, .gnb_option_sum_date li{float:left;font-size:14px; color:#222;vertical-align: middle;height:30px;line-height: 30px}

.add_user_pop_region .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat 85% 50%;vertical-align: middle;margin-top: 10px;margin-left: 25px;float:right}

.add_user_pop_region_value{position: absolute;margin-top:10px;border-radius: 5px;width:213px;height:auto;box-shadow:0px 0px 5px 2px #555 ;background:#fff;padding:10px 20px;overflow: hidden;display:none;z-index: 2;overflow-y:scroll;height:200px}
.add_user_pop_region_value li{width:100%;font-size:14px; color:#999;height:20px;display:inline-block;line-height: 20px;}
.add_user_pop_region_value li:nth-child(3){margin-left:0}

.pop_btn_wrap{display:block;width:186px;margin:0 auto;margin-top:15px;}
.pop_btn_wrap .cancel{width:90px;height:40px;background:#c2c2c2;color:#fff;cursor: pointer;outline: 0;border:0;border-radius: 5px;float:left;margin-right:6px;}
.pop_btn_wrap .ok{width:90px;height:40px;background:#4772d3;color:#fff;cursor: pointer;outline: 0;border:0;border-radius: 5px;float:left}
.pop_btn_wrap2{display:block;width:282px;margin:0 auto;margin-top:15px;}
.pop_btn_wrap2 .delete{width:90px;height:40px;background:#c2c2c2;color:#fff;cursor: pointer;outline: 0;border:0;border-radius: 5px;float:left;margin-right:6px;}
.pop_btn_wrap2 .cancel{width:90px;height:40px;background:#c2c2c2;color:#fff;cursor: pointer;outline: 0;border:0;border-radius: 5px;float:left;margin-right:6px;}
.pop_btn_wrap2 .ok{width:90px;height:40px;background:#4772d3;color:#fff;cursor: pointer;outline: 0;border:0;border-radius: 5px;float:left}

.sorting_up{width:8px; height:10px; background:url(../img/toggle_arrow_down.png)no-repeat;display:inline-block}
.sorting_up.down{width:8px; height:10px; background:url(../img/toggle_arrow_up.png)no-repeat;display:inline-block;}

.admin_summary_wrap .gnb_option_wrap_type2{float:left;position: relative;}

.admin_table_type02{width:100%; height:100%; border-bottom:1px solid #d2d3d5}
.admin_table_type02 th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 40px;text-align: center;}
.admin_table_type02 td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;text-align: center;cursor: pointer;}
.admin_table_type02 th:nth-child(1){width:210px;}

.admin_table_type02 th:nth-child(2){width:340px;}
.admin_table_type02 th:nth-child(3){width:210px;}
.admin_table_type02 th:nth-child(4){width:240px;}
.admin_table_type02 th:nth-child(5){width:540px;}
.admin_table_type02 th:nth-child(6){width:210px;}

.gnb_option_sum4{min-width:170px; height:40px;border:1px solid #d2d3d5; border-radius: 5px;padding:13px 15px;display:inline-block;vertical-align: middle;margin-right:20px;cursor: pointer;font-weight:500}
.gnb_option_sum4.on{border:1px solid #4772d3}
.gnb_option_sum4 li, .gnb_option_sum_date li{float:left;font-size:14px; color:#222;vertical-align: middle;}

.gnb_option_sum4 .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat 85% 50%;vertical-align: middle;margin-top: 5px;margin-left: 25px;float:right}

.region_wrap4{position: absolute;margin-top:10px;border-radius: 5px;width:170px;height:100px;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:10px 20px;margin-left:55px;display:none;z-index: 2;}
.region_wrap4 li{width:100%;font-size:14px; color:#999;height:20px;display:inline-block;line-height: 20px;cursor: pointer;}

/*loading-page*/
.loading{width:100px;height:100px;position:relative}
.loading .circle{width:100%;height:100%;position:absolute;left:0;top:0}
.loading .circle:before{content:'';display:block;margin:0 auto;width:15%;height:15%;background-color:#008deb;border-radius:100%;-webkit-animation:circleFadeDelay 1.2s infinite ease-in-out both;animation:circleFadeDelay 1.2s infinite ease-in-out both}
.loading .circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}
.loading .circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
.loading .circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.loading .circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
.loading .circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}
.loading .circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.loading .circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}
.loading .circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
.loading .circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
.loading .circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}
.loading .circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}
.option-area .option-box .selectbox .selected a:after,.option-area02 .option-box .selectbox .selected a:after,.option-area02 .option-box .selectbox02 .selected a:after,.selectbox .selected a:after{-ms-transform:rotate(-135deg);content:''}
.loading .circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.loading .circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}
.loading .circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.loading .circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}
.loading .circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}
.loading .circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}
.loading .circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}
.loading .circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}
.loading .circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}
.loading .circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}
.loading .circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}
@-webkit-keyframes circleFadeDelay{0%,100%,39%{opacity:0}
    40%{opacity:1}
}
@keyframes circleFadeDelay{0%,100%,39%{opacity:0}
    40%{opacity:1}
}
#loading-page{position:fixed;width:100%;height:100%;background:url(../img/dimmed.png);left:0;top:0;z-index:1000}
#loading-page .loading{position:absolute;left:50%;top:50%;margin:-50px 0 0 -50px;width:100px;height:100px}

/* 20191203 journey analysis 추가 */
.visit_wrap{width:100%;display:block;}
.visit_wrap li{float:left;box-sizing: border-box;}
.visit_wrap.first{width:530px;margin-left:0px;}
.visit_wrap.second{width:746px;position: relative;padding:0 30px}
.visit_wrap.third{width:auto;}
.visit_wrap_tit{text-align: center; color:#222; font-weight:500; font-size:18px;margin:23px 0 19px 0}

.visit_wrap.first .container{width:100%;}
.container_tit{font-size:22px; color:#000;font-weight:500;margin-bottom:24px;}
.container_tit span{color:#0484d8;float: right;}

.entry_wrap{font-size:14px; color:#666;background:#fff;font-weight:500;display: inline-block;width: 100%;box-sizing: border-box; }
.entry_wrap.top{margin-bottom:20px;}
.entry_wrap li{width:100%; border-bottom:1px solid #ebebeb }
.entry_wrap li:nth-child(2){padding-top:11px;border-bottom:1px solid #d2d3d5!important}

.entry_num_wrap{float:right;color:#000;font-weight:400;width:35%; padding:12px 0 10px 18px;}
.entry_tit{margin:11px 0px 11px 18px;display: inline-block;}
.entry_num_wrap .entry_num_status{color:#3b96ff;font-weight:400}
.entry_num_wrap .entry_num_status.down{color:inherit;font-weight:500}
.entry_num_wrap a{float:right;margin-right:17px;}

.arrow_wrap.down{height:57px;display:block;position: relative;margin:0 auto;width:2px}
.down_red{position: absolute;z-index: 1;top:23px;}
.down_red::after{width:12px;height:12px; background: url(../img/icon_arrow_down.png)no-repeat;display:block;content:'';position: absolute;bottom: -1px;left: -6px;}
.down_count{position: absolute;z-index: 1;width:80px;height:25px;line-height: 25px; background:#fff; ;left: calc(50% - 40px);text-align: center;top: 25px;color:#ff5a47;font-weight:500;font-size:14px;}
.bounce_rate_wrap{width:195px;margin:0 auto;border:1px solid #d2d3d5; background:#f7f7f7;border-radius:8px;font-size:14px; }

.bounce_rate_wrap .entry_tit{color:#666;font-weight:700;}
.bounce_rate_wrap .entry_num_wrap{float:right;color:#000;font-weight:400;width:45%; border-left:1px solid #eaeaea;padding-left:18px;padding:11px 0 10px 11px;}
.blue_content{background:#5980d7; color:#fff;padding:34px 30px;box-sizing: border-box;width:252px; height:252px;margin:0 auto;font-size:22px; font-weight:500;margin-top:79px;position: relative;border-radius:100%;margin-bottom: 13px;}
body.traffic a.tooltip.white:before{display:inline-block;width:14px;height:14px;content:'!';font-size:12px;text-align:center;line-height:15px;color:#fff;border:1px solid #fff;border-radius:50%;vertical-align:middle}
.blue_count{font-size:32px;margin-bottom: 0px;text-align:center}

.arrow_wrap.top{position: absolute;}
.up_red{position: absolute;top:17px;z-index: 1;width:686px;border-top:2px solid #cccccc;}
.up_count{position: absolute;z-index: 1;width:80px;height:25px;line-height: 25px;background: #fff;left: 300px;text-align: center;top: 4px;color:#ff5a47;font-weight:500;font-size:14px;}
.up_red::after{width:12px;height:12px; background:url(../img/icon_arrow_down.png)no-repeat;transform:rotate(270deg); display:block;content:'';position: absolute;bottom:-4px;right:-9px}

.arrow_wrap.left{position: absolute;}
.up_blue{position: absolute;top:183px;z-index: 1;width:184px;border-top:2px solid #cccccc;}
.up_blue::after{width:12px;height:12px; background:url(../img/icon_arrow_down.png)no-repeat;transform:rotate(270deg); display:block;content:'';position: absolute;bottom:-4px;right:-9px;font-size:14px;}
.up_blue_count{position: absolute;z-index: 1;width:80px;height:25px;line-height: 25px;background: #fff;left: 50px;text-align: center;top: 171px;color:#3b96ff;font-weight:500;font-size:14px;}

.arrow_wrap.right{position: absolute;}
.down_red2{position: absolute;top:183px; left:502px;z-index: 1;width:184px;border-top:2px solid #ccc;}
.down_red2::after{width:12px;height:12px; background:url(../img/icon_arrow_down.png)no-repeat;transform:rotate(270deg);display:block;content:'';position: absolute;bottom: -4px;right: -9px;}
.down_count2{position: absolute;z-index: 1;width:80px;height:25px;line-height: 25px; background:#fff; ;left:552px;text-align: center;top: 171px;color:#ff5a47;font-weight:500;font-size:14px;}

.red_content{width:375px; height:375px; border-radius:100%; background:#f5f5f5; color:#ff5a47;padding:145px 30px 34px 30px;box-sizing: border-box;font-size:22px; font-weight:500;position: relative;}
.red_content_tit{color:#f14747;font-size:14px;text-align:center;margin-bottom:15px}
.red_count{font-size:36px;text-align:center}
a.tooltip {display: inline-block;position: relative;cursor: default;    vertical-align: text-top;}
a.tooltip:before {display: inline-block;width: 14px;height: 14px;content: '!';font-size: 12px;text-align: center;line-height: 15px;background:#ccc;color: #fff;border: 1px solid #ccc;border-radius: 50%;vertical-align: middle;}
a.tooltip .hover-layer {display:none;position: absolute;background:rgba(8,10,12,0.67);border-radius: 5px;padding:10px 14px;text-align:left;color:#fff;word-break: break-word;z-index: 55;font-size:14px;font-weight:500;max-width: 200px;width: max-content;}
a.tooltip .hover-layer.top {display:none;position: absolute;background:rgba(8,10,12,0.67);border-radius: 5px;padding:10px 14px;text-align:left;color:#fff;width:166px;word-break: break-all;z-index: 55;font-size:14px;font-weight:500;top:-50px;}
a.tooltip:hover .hover-layer{display:block}
.blue_content_tit{text-align:center;font-size:14px;font-weight:500;margin-top:62px;margin-bottom:15px;}
a.tooltip.white{position:absolute;top: 95px;right: 60px;}
a.tooltip.white:before {display: inline-block;width: 14px;height: 14px;content: '!';font-size: 12px;text-align: center;line-height: 15px;color: #fff;border: 1px solid #4766ac;border-radius: 50%;vertical-align: middle;background:#4766ac;position: absolute;font-weight:500}

.entry_top_new{background:#f5f6f8;font-weight:700;border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5!important}
.entry_top_new .entry_num_wrap{font-weight:700;color:#4772d3;text-align: right;padding-right:20px;}

.red_content a{position: absolute;top: 140px;right: 110px;}

.nav_trend_count{font-size:14px; color:#222;margin-top:16px;}
.nav_trend_count span{font-size:16px; color:#4772d3;font-weight:500}

.fluct_rate{margin-left:6px;}
.pos_down, .pos_up{font-size:14px; color:#222!important}
.pos_down:before{content:'▼';display:inline-block;margin-left:10px;color:#ff5b48;margin-right:4px;}
.pos_up:before{content:'▲';display:inline-block;margin-left:10px;color:#00bd9f;margin-right:4px;}

/* 20191212 뉴 서머리  */
.layout_ex1{width:418px ;margin-bottom: 20px;display: inline-block;margin-right:20px;float:left}
.layout_ex2{width:681px ;margin-bottom: 20px;display: inline-block;margin-right:20px;float:left}
.layout_ex2.no_mr{margin-right:0px}

.summary_journey_tit{font-size:14px; font-weight:500}
.summary_journey_tit span{font-size:16px; font-weight:500; color:#4772d3}

.summary_journey_wrap{margin-top:22px;display: inline-block;}
.summary_journey_wrap li{float:left;width:145px; height:145px; border-radius: 50%; margin: 0 10px; text-align: center;}
.summary_journey_wrap li span{display:block;}
.circle_blue.arrow::after{content:'';width:22px;height:12px;background:url(../img/icon_down_big.png)no-repeat;display:inline-block;margin-top: 50px;}
.circle_blue{background:#5980d7}
.circle_blue.sky{background:#91aae5}
.circle_blue .tit{color:#fff;margin-top:40px;font-size:14px;}
.circle_blue .num{color:#fff;margin-top:10px;font-size:20px;}
.circle_blue .perc{color:#0f2454;margin-top:10px;font-size:15px;}
.layout_ex1 .bounce_rate_wrap{width:100%;margin-top:14px;border-radius: 5px;border-collapse:inherit}
.layout_ex1 .bounce_rate_wrap td, .layout_ex1 .bounce_rate_wrap th{border-bottom:1px solid #e5e4e4}
.layout_ex1 .bounce_rate_wrap th{text-align: left;padding-left:30px;position: relative;}
.layout_ex1 .bounce_rate_wrap th:after{content:'';width:1px;height:13px;display:inline-block;background:#d2d3d5;position: absolute;left:90px;top:9px}
.layout_ex1 .bounce_rate_wrap td{text-align: right;padding-right:30px;}
.layout_ex1 .bounce_rate_wrap tr:nth-last-child(1) th, .layout_ex1 .bounce_rate_wrap tr:nth-last-child(1) td{border-bottom:none;}
.layout_ex1 .bounce_rate_wrap th .entry_tit {margin: 11px 0px 11px 0;}
.circle_blue .perc .counter{color:#0f2454;display:inline-block}
.layout_ex2 .top_page_full{height:536px;}

.layout_ex2 .top_page_full th:nth-child(4) {width: 200px;}
.user_name.logout{margin-left:15px;;cursor: pointer;}
.user_name.logout::before{content:'|';margin-right:15px;}

/* 20191217 패스워드 수정 팝업*/

.user_info_modify_wrap{position: absolute;margin-top: 35px;border-radius: 5px;
    width: 250px;height: 254px;box-shadow: 0px 0px 5px 2px #dcdcdc;background: #fff;
    padding:  20px;overflow: hidden;right: 145px;display: none;z-index: 1;}
.user_id{font-size:14px;color:#4772d3;font-weight: 500;padding-bottom:8px;border-bottom:1px solid #d2d3d5;position: relative;}

.close_pop{width:12px;height:12px;cursor: pointer;background:url(../img/icon_close.png)no-repeat;position: absolute;right:0;background-size:cover;}
.chg_pwd_tit{font-size:14px; color:#222; margin:16px 0 9px 0}
.chg_pwd_tit span{display:inline-block; width:13px; height:13px; background:url(../img/icon_modify.png)no-repeat;margin-right:6px;vertical-align: top;}
.pwd_modify_li{margin-bottom:5px;width:100%;height:auto}
.pwd_modify_li input{width:100%;height:27px;border:1px solid #d2d3d5;border-radius: 4px;padding-left:9px;font-size:13px;box-sizing: border-box;}
.pwd_modify_li input::placeholder{color:#999;font-size:13px;}
.pwd_modify_warn{font-size:12px; color:#f13434;padding-left:10px;}
.pwd_cnf{width:92px;height:26px; margin:0 auto; text-align: center;background:#a3b8e9; color:#fff;font-size:14px;border-radius: 20px;border:0;outline: none;display:block;margin-top: 14px;}

/* 20191217 Call Driver Analysis NEW */
.content_left_mock_new{display:inline-block;padding-right:40px; border:1px solid #e5e5e5;width:414px;float:left;}


.content_right_mock{display:inline-block;width:1386px;height:auto;margin-left:20px;float:left}

.content_left_mock_new.fixed{position:fixed;top:0}
.content_right_mock.abs{display:block;width:1386px;margin-left:434px;}

.half_ex {width: 1387px;box-sizing: border-box;display: inline-block;height: 500px;}



/* top_page3*/
.top_page3{width:100%;overflow-y: auto;height: 376px;/*height: 280px;*/display:block;border-bottom:1px solid #d2d3d5;}
.top_page3 tr:hover{background:#ecf1fb}
.top_page3 th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.top_page3 td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.top_page3 th:nth-child(1){text-align:center; width:95px;}
.top_page3 td:nth-child(1){text-align:center; width:95px;}
.top_page3 th:nth-child(2){text-align:center; width:800px;}
.top_page3 td:nth-child(2){text-align:left; width:800px;}
.top_page3 th:nth-child(3){text-align:center; width:140px;}
.top_page3 td:nth-child(3){text-align:center; width:140px;}
.top_page3 th:nth-child(4){text-align:center; width:170px;}
.top_page3 td:nth-child(4){text-align:center; width:170px;}
.top_page3 th:nth-child(5){text-align:center; width:130px;}
.top_page3 td:nth-child(5){text-align:center; width:130px;}


.new_half{width:100%;}
.new_half .content_left{float:left; width:628px;border-right: 1px solid #eee;padding-right:40px}
.new_half .content_right{float:left; width:628px;margin-left:40px}

/* 20200130 수정 및 추가 */
.ex_table_mini{width: 360px;overflow-y: auto;height: 380px;display: block;border-bottom: 1px solid #d2d3d5;margin-top: 15px}
.ex_table_mini th{background: #f5f6f8;border-top: 1px solid #d2d3d5;border-bottom: 1px solid #d2d3d5;font-size: 14px;font-weight: 500;height: 40px;line-height: 40px;}
.ex_table_mini td{padding: 13px 0;font-size: 14px;border-bottom: 1px solid #ebebeb;word-break: break-all;height: 42px;box-sizing: border-box;}

.ex_table_mini th:nth-child(1){width:52px;text-align: center;}
.ex_table_mini td:nth-child(1){width:52px;text-align: center;}

.ex_table_mini th:nth-child(2){width:156px;text-align: center;}
.ex_table_mini td:nth-child(2){width:156px;text-align: left;}

.ex_table_mini th:nth-child(3){width:68px;text-align: center;}
.ex_table_mini td:nth-child(3){width:68px;text-align: center;}

.ex_table_mini th:nth-child(4){width:86px;text-align: center;}
.ex_table_mini td:nth-child(4){width:86px;text-align: center;}

/* 20200131 수정 및 추가 */
.half_ex2 {width: 867px;box-sizing: border-box;display: inline-block;height: 500px;float:left}
.half_ex2 .rank_30{width:100%;overflow-y: auto;height: 750px;display:block;border-bottom:1px solid #d2d3d5;}
.half_ex2 .rank_30 th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;vertical-align: middle;}

.half_ex2 .rank_30 th:nth-child(1){width:46px;text-align: center;}
.half_ex2 .rank_30 th:nth-child(2){width:352px;text-align: center;}
.half_ex2 .rank_30 th:nth-child(3){width:66px;text-align: center;}
.half_ex2 .rank_30 th:nth-child(4){width:55px;text-align:center}
.half_ex2 .rank_30 th:nth-child(5){width:80px;text-align: center;}
.half_ex2 .rank_30 th:nth-child(6){width:88px;text-align: center;}
.half_ex2 .rank_30 th:nth-child(7){width:88px;text-align: center;}

.half_ex2 .rank_30 tr:hover{background:#ecf1fb}

.half_ex2 .rank_30 td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.half_ex2 .rank_30 td:nth-child(1){text-align:center}
.half_ex2 .rank_30 td:nth-child(2){text-align: left;}
.half_ex2 .rank_30 td:nth-child(3){text-align: center;}
.half_ex2 .rank_30 td:nth-child(4){text-align:center}
.half_ex2 .rank_30 td:nth-child(5){width:80px;text-align: center;}
.half_ex2 .rank_30 td:nth-child(6){width:88px;text-align: center;}
.half_ex2 .rank_30 td:nth-child(7){width:88px;text-align: center;}

.quarter_2nd_ex{width:500px;height:591px;float:left;margin-left: 20px;}

/* 20200207 트렌드패턴 스탯셋 */
.ex_status_set_wrap{width:100%; display:inline-block; position: relative;margin-bottom:16px;}
.ex_status_set_wrap .status_li{float:left; display:inline-block; padding:0 10px; border-radius: 5px; height:40px; line-height: 40px; color:#222; background:#f5f5f5;border:1px solid #d2d3d5;margin-right:10px; font-size:14px; font-weight:500;min-width:160px;position: relative;}
.ex_status_set_wrap .status_li span{margin-right:6px;}
.ex_status_set_wrap .status_li.select{cursor: pointer; background:#f5f5f5 url(../img/icon_arrow_down.png)no-repeat 92% 50%}
.ex_status_set_wrap .status_li.select02{width:233px;background:#f5f5f5 url(../img/icon_arrow_down.png)no-repeat 95% 50%}

.status_li.select ul, .status_li.select02 ul{width:100%; background:#fff; border-radius:5px; color:#999;padding:16px;position:absolute;margin:10px 0 0 -10px;z-index: 20;
    -webkit-box-shadow: 0px 0px 17px -2px rgba(122,122,122,0.5);
    -moz-box-shadow: 0px 0px 17px -2px rgba(122,122,122,0.5);
    box-shadow: 0px 0px 17px -2px rgba(122,122,122,0.5);}
.status_li.select li, .status_li.select02 li{height: 24px;line-height: 24px;}
.status_li.select li:hover, .status_li.select02 li:hover{color:#555}
.status_li.select li.select, .status_li.select02 li.select{color:#555}
.select_type01{display:none;}
.select_type01.on{display:block;}
.select_type02{display:none;}
.select_type02.on{display:block;}

.graph_indicators2 .ps{margin-left:-10px; color:#4772d3}
.half_3rd.type2{width:650px!important;box-sizing: border-box;display:inline-block;float:left;border-right:1px solid #ebebeb}
.half_3rd.type2 .pattern.expand{width: 618px;}


/* 20200225  KPI  */
.region_wrap.kpi{position: absolute;margin-top:10px;border-radius: 5px;width:292px;height:320px;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:0 20px 30px 20px;overflow: hidden;margin-left:115px;display:none;z-index: 1;}
.prd_filter{display: inline-block;line-height: 38px;border: 0;outline: 0;padding: 0 0 0 43px;margin: 0;width: 171px;height: 38px;border-radius: 5px;color: #222;cursor: pointer;font-family: 'roboto';font-weight: 500;}
.gnb_option_prd{position:relative;width:200px; height:40px;border:1px solid #d2d3d5; border-radius: 5px;padding:0 15px 0 0;display:inline-block;vertical-align: middle;margin-right:20px;font-size:14px;}
.gnb_option_prd::before{position:absolute;content:'';display:inline-block;width:19px;height:21px;background: url(../img/icon_filter.png)no-repeat;margin:10px 0 0 16px;}
.gnb_option_prd::after{top:0;right:12px;position:absolute;content:'';display:inline-block;width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 16px;}

.prd_filter_pop{position: absolute;margin-top:10px;border-radius: 5px;width:200px;height:160px;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:0 20px 30px 20px;overflow: hidden;margin-left:97px;display:none;z-index: 1;padding:25px 20px}
.prd_filter_pop li{color:#999;font-size:14px;padding-bottom:12px;cursor: pointer;}
.prd_filter_pop li:hover{color:#222}

.tab_anchor_ul{width:1812px;height:50px;color:#222;margin-bottom:48px;position: relative;background:#fff}
.tab_anchor{background:#fff;padding:0 48px;height:50px; line-height:50px;font-size:18px; font-weight:500;border:1px solid #d2d3d5;float:left;cursor: pointer;}
.tab_anchor:nth-child(1){border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none}
.tab_anchor:nth-child(3){border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:none}
.tab_anchor.on{border:none;background:#586582;color:#fff}
.trend_pattern{width:136px;height:40px; font-size:14px;font-weight: 500; color:#fff;border:0; border-radius: 5px; outline: 0;background:#4772d3;cursor: pointer;}
.anchor_btn_wrap{float:right;}

/* .layout_full_kpi{width:1812px; margin-bottom:40px; display:inline-block;} */
.gnb_top{background:#fff;}
.fixed{position:fixed; z-index: 888;}
.tab_anchor_ul.fixed{top:0px;}

/* .tab_container h3{font-size:25px; color:#222;font-weight:500;display:block;margin-bottom:20px;} */
.indcator_wrap .summary_tit{margin-bottom:11px;font-weight:500;letter-spacing: -0.5px;}
/* .inner_tit{font-size:20px; color:#222;margin-bottom:24px;font-weight: 500;} */
.inner_tit span{font-size:12px;color:#999;margin-left:10px;}
/* .first_box.border{border:1px solid #d2d3d5; background:#f5f5f5;border-radius:5px;padding:18px 35px!important;width:230px!important;} */
/* .first_box{padding:18px 35px!important;min-width: 230px;width: auto;} */
.summary_up{position: relative;}
/* .summary_up span{position:absolute;top:-16px;} */
.summary_li:nth-last-child(1){border-right:0}
.indcator_wrap{display:inline-block}
.ml_40{margin-left:40px;}

/* summary_up 의 반대일 때 summary_up_type2 */
/* summary_down 의 반대일 때 summary_down_type2 */

.inner_btn_wrap{width:100%;display: block;height: 30px;margin-bottom:0}
.inner_btn_wrap button{float:right;}
.accum{width:113px;height:29px;background:#c7d4f2;color:#3a68cf;border:0;border-radius: 5px;font-weight:500 ;cursor: pointer;}
.week_trends{width:113px;height:29px;background:#ededed;color:#666;border:0;border-radius: 5px;font-weight:500 ;margin-right:10px;cursor: pointer;}

.indicator_list{display:inline-block;margin-bottom:23px;float: right;}
.indicator_list li{float:left;color:#666;font-size:14px;margin-right:16px;}
.indicator_list .first::before{content:'';display:inline-block;width:10px;height:10px;background:#45a5f5;border-radius: 50%;margin-right:3px;}
.indicator_list .second::before{content:'';display:inline-block;width:10px;height:10px;background:#00bd9f;border-radius: 50%;margin-right:3px;}
/* .indicator_list .third::before{content:'';display:inline-block;width:10px;height:10px;background:#ffb840;border-radius: 50%;margin-right:3px;} */
.inner_btn_wrap.hide{visibility: hidden;}

.kpi_graph_area{display:inline-block;}
.kpi_graph_area img{width:100%}

.indcator_wrap.ml_40 .summary_down::before{display:none}


/* 20200312 KPI 신규디자인 */
.tab_container{box-sizing: border-box;border-radius:10px;padding:24px 12px 0px 12px;background:#f4f4f4;border:1px solid #d2d3d5;width:1812px;margin-bottom:30px;}
.tab_container h3{font-size:22px; color:#222;font-weight:500;display:block;margin-bottom:14px;padding-left: 10px;}
.layout_full_kpi{width:100%; margin-bottom:10px; display:inline-block;background:#fff;border-radius: 0;border:1px solid #d2d3d5}
.inner_tit{font-size:16px; color:#222;margin-bottom:24px;font-weight: 500;}
.first_box.border{background:#f5f5f5;padding:10px 30px!important;width:155px!important;}
.first_box{padding:10px 30px!important;min-width: 155px;width: auto;}
.indcator_wrap .summary_li:nth-child(1){border-right:0}
.indcator_wrap .summary_big{font-size:26px;}
.indcator_wrap .summary_up{color:#4772d3}
.indcator_wrap .summary_up span{margin:0 2px 0 0;}
.indcator_wrap .summary_down span{margin:0 2px 0 0;}
.indicator_list .third::before{content:'';display:inline-block;width:10px;height:10px;background:#ff6857;border-radius: 50%;margin-right:6px;}

.layout_half_kpi{width:888px;background:#fff;display:inline-block;border-radius: 0; border:1px solid #d2d3d5;float:left;margin-bottom: 10px;}
.layout_half_kpi .inner_tit .inner_txt{display:block; margin-left:0}
.layout_half_kpi .first_box.border{background:#f5f5f5;padding:12px 20px 36px 20px!important;width:120px!important;}
.layout_half_kpi .first_box{min-width:120px;padding:10px 20px!important}
.layout_half_kpi .summary_up{display:block;margin:7px 0;}
.layout_half_kpi .indcator_wrap{display:inline-block;}
.layout_half_kpi .summary_down{display:block;margin:7px 0;}
.layout_half_kpi .summary_down::before{margin-right: 4px;}
.ml_10{margin-left:10px;}

.tab_container .wrapper{display:inline-block;}

/* 20200314 타입추가 */
.layout_half_kpi .summary_down_type2{display:block;margin-top:7px;}
.layout_half_kpi .summary_up_type2{display:block;margin-top:7px;}

/* 20200316 타입추가 */
.summary_up.hide::before{display:none}
.summary_down.hide::before{display:none}
.summary_down_font.hide::before{display:none}
.summary_up_font.hide::before{display:none}

/* 20200324 트렌드패턴 레이아웃 수정 */
.select_category ul, .select_country ul{width:150px; margin:0 auto; background:#fff; border-radius:5px; color:#999;padding:16px;position:absolute;margin:10px 0 0 0;z-index: 20;
    -webkit-box-shadow: 0px 0px 17px -2px rgba(122,122,122,0.5);
    -moz-box-shadow: 0px 0px 17px -2px rgba(122,122,122,0.5);
    box-shadow: 0px 0px 17px -2px rgba(122,122,122,0.5);}
.select_category, .select_country{position: relative;}
.select_category ul{width:190px;margin-left:50px;height:280px;overflow-y:auto; overflow-x: hidden;}
.select_country ul{width:160px;margin-left:10px;height:280px;overflow-y:auto; overflow-x: hidden;}
.select_category::after, .select_country::after{content:'';display:inline-block;width:10px; height:6px; background:url('../img/icon_arrow_down.png')no-repeat;background-size:cover;margin-left:4px;}
.select_category ul li, .select_country ul li{text-align: left;line-height: 1.8;}
.select_category ul li:hover, .select_country ul li:hover{color:#222;}

.status_li.select li, .status_li.select02 li{height: 24px;line-height: 24px;}
.status_li.select li:hover, .status_li.select02 li:hover{color:#555}
.status_li.select li.select, .status_li.select02 li.select{color:#555}
.select_type01{display:none;}
.select_type01.on{display:block;}
.select_type02{display:none;}
.select_type02.on{display:block;}
.category{cursor: pointer;}
.category.filterOn label{font-weight:bold!important;color:black!important;}
.category.filter label{font-size:14px!important;color:#999!important;}

.layout_full.layout_border.broken .half_3rd.pd_l_40{width:1088px;margin-bottom:40px;margin-bottom: 50px;}
.layout_full.layout_border.broken .half_3rd.pd_l_40:last-of-type{margin-bottom: 0px;}
.layout_full.layout_border.broken .half_3rd.pd_l_40 .graph_indicators2 {display: block;margin-bottom: 25px;margin-top: -13px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern.expand{width:618px;overflow-y: auto;height: 629px;display:block;border-bottom:1px solid #d2d3d5;overflow-x:hidden ;}



.indicator_list .bar::before{content:'';display:inline-block;width:36px;height:10px;background:#f1f2f4;margin-right:3px;}

.layout_full.layout_border.broken .half_3rd.type2 .pattern.expand{width:618px;overflow-y: auto;height: 629px;display:block;border-bottom:1px solid #d2d3d5;overflow-x:hidden;border-spacing: 0px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern.expand .down{margin-right: 4px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern.expand .up{margin-right: 4px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern tbody tr:hover{background:#ecf1fb;box-sizing: border-box;box-sizing: content-box;cursor: pointer;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern tbody .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td{padding:13px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:42px;box-sizing: border-box;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th:nth-child(1){text-align:center; width:65px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(1){text-align:center; width:65px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th:nth-child(2){text-align:center; width:100px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(2){text-align:center; width:100px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th:nth-child(3){text-align:center; width:115px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(3){text-align:center; width:115px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th:nth-child(4){text-align:center; width:104px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(4){text-align:center; width:104px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th:nth-child(5){text-align:center; width:110px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(5){text-align:center; width:110px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern th:nth-child(6){text-align:center; width:120px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(6){text-align:center; width:120px;}
.layout_full.layout_border.broken .half_3rd.type2 .pattern td:nth-child(6) .new{width:13px;height:12px;background:url('../img/icon_list_new.png')no-repeat;    display: inline-block;vertical-align: middle;margin-left: 4px;}

.half_3rd.pd_l_40 .broken_link_table{width:100%;border-bottom:1px solid #d2d3d5;height:546px;overflow-y: scroll;display: block;}
.half_3rd.pd_l_40 .broken_link_table th{background: #f5f6f8;border-top: 1px solid #d2d3d5;border-bottom: 1px solid #d2d3d5;font-size: 14px;font-weight: 500;height: 40px;line-height: 1;text-align: center;vertical-align: middle;}
.half_3rd.pd_l_40 .broken_link_table td{text-align:center;padding: 13px 0;font-size: 14px;border-bottom: 1px solid #ebebeb;word-break: break-all;height: 42px;box-sizing: border-box}
.half_3rd.pd_l_40 .broken_link_table th:nth-child(1){width:70px;}

.half_3rd.pd_l_40 .broken_link_table th:nth-child(2){width:646px;}
.half_3rd.pd_l_40 .broken_link_table td:nth-child(2){width:646px;text-align: left;}
.half_3rd.pd_l_40 .broken_link_table td:nth-child(2) span{width: 646px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}

.half_3rd.pd_l_40 .broken_link_table th:nth-child(3){width:118px;}
.half_3rd.pd_l_40 .broken_link_table td:nth-child(3){width:118px;}

.half_3rd.pd_l_40 .broken_link_table th:nth-child(4){width:217px;}
.half_3rd.pd_l_40 .broken_link_table td:nth-child(4){width:217px;}

.broken_link_summary{display:inline-block;margin-bottom:25px;}
.broken_link_summary li{display:inline-block;padding:0 20px;border-left:1px solid #ebebeb;text-align:center;height:58px;}
.broken_link_summary li .broken_link_summary_tit{font-size:14px;color:#222;margin:8px 0}
.broken_link_summary_btn{width:auto;padding:0 16px; background:#ebebeb; color:#222;border-radius: 14px;height:25px;border:0;font-weight:700;cursor: pointer;margin-bottom:5px;}
.broken_link_summary_btn.on{background:#4772d3;color:#fff;}
.broken_link_summary_btn:disabled{color:#888;cursor:default}


.broken_link_table.top_50{width:618px;border-bottom:1px solid #d2d3d5;height:808px;overflow-y: scroll;display: block;}
.broken_link_table.top_50 th{background: #f5f6f8;border-top: 1px solid #d2d3d5;border-bottom: 1px solid #d2d3d5;font-size: 14px;font-weight: 500;height: 40px;line-height: 1;text-align: center;vertical-align: middle;}
.broken_link_table.top_50 td{text-align:center;padding: 13px 0;font-size: 14px;border-bottom: 1px solid #ebebeb;word-break: break-all;height: 42px;box-sizing: border-box}
.broken_link_table.top_50 th:nth-child(1){width:65px;}
.broken_link_table.top_50 th:nth-child(2){width:420px;}
.broken_link_table.top_50 td:nth-child(2){width:420px;text-align: left;}
.broken_link_table.top_50 td:nth-child(2) span{width: 400px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.broken_link_table.top_50 th:nth-child(3){width:123px;}
.broken_link_table.top_50 td:nth-child(3){width:123px;}

.broken_link_table.top_50 tbody .on {background: #ecf1fb;border: 2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.broken_link_table.top_50 tbody tr:hover{background:#ecf1fb;box-sizing: border-box;box-sizing: content-box;cursor: pointer;}

.broken_link_table.parent_page{width:100%;height:246px!important;overflow-y:scroll;display:inline-block;overflow-x:hidden!important}
.broken_link_table.parent_page th:nth-child(1){width:65px;}
.broken_link_table.parent_page th:nth-child(2){width:858px!important;}
/*.broken_link_table.parent_page td:nth-child(2){width:762px!important;}*/
.broken_link_table.parent_page td:nth-child(2) span{width:750px!important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.broken_link_table.parent_page th:nth-child(3){width:118px!important;}

.broken_link_table.parent_page tbody .on {background: #ecf1fb;border: 2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.broken_link_table.parent_page tbody tr:hover{background:#ecf1fb;box-sizing: border-box;box-sizing: content-box;cursor: pointer;}
.parent_broken_wrap{width:1048px;background:#fafafb;border:1px solid #d2d3d5;height:510px;margin-top:40px;padding:20px;}


/* 20200428 Traffic */
/* TAB */
.gnb_new_tab_wrap{width:100%;}
.gnb_new_tab_wrap .gnb_new_tab{padding:0 50px;margin:0;list-style:none;width:100%;height:54px;overflow:hidden;border-bottom:1px solid #ebebeb;background:#f8f9fa}
.gnb_new_tab_wrap .gnb_new_tab li{display:inline-block;width:auto;float:left;line-height:54px;text-align:left;cursor:pointer;font-size:13px;color:#222;text-transform: uppercase;font-weight:500}
.gnb_new_tab_wrap .gnb_new_tab li::after{content:'';display:inline-block;width:1px; height:12px; background:#d2d3d5;vertical-align: middle;margin:0 12px;}
.gnb_new_tab_wrap .gnb_new_tab li:last-of-type::after{display:none}
.gnb_new_tab_wrap .gnb_new_tab li:hover, .gnb_new_tab_wrap .gnb_new_tab li.on{background:#f8f9fa;color:#4772d3}
.gnb_new_tab_wrap .conbox{width:100%;height:auto;overflow:hidden;min-height:200px;display:none;text-align:left;background:#f8f9fa}
.gnb_new_tab_wrap .conbox.on{display:block;}

#con1 .content_wrap.no_top, #con2 .content_wrap.no_top, #con3 .content_wrap.no_top, #con4 .content_wrap.no_top {margin-top: 20px;}
.content_tit_wrap .gap{display:inline-block; width:70px;height:23px; background:#efefef;font-size:13px;color:#222;outline:0;border:0;border-radius:14px;margin-left:6px;font-weight:700}
.content_tit_wrap .gap .active .on {background:#2f5ec4;color:#e4edfd}

.layout_full.inner .left.three_quarter{width:1320px;float:left;padding-right:40px;border-right:1px solid #ebebeb}
.layout_full.inner .right.three_quarter{width:418px;float:left;padding-left:40px}

.layout_full.section .left.three_quarter{width:1248px;float:left;margin-right:24px;background:#fff}
.layout_full.section .right.three_quarter{width:548px;float:left;background:#fff}

.country_top_10{border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;overflow-y:scroll;display:inline-block;}
.country_top_10 th{height:40px;line-height:40px;background:#f5f6f8; text-align:right;font-size:14px; font-weight:500;border-bottom:1px solid #d2d3d5}
.country_top_10 td{height:40px;line-height:40px;background:#fff; text-align:right;font-size:14px; font-weight:400;border-bottom:1px solid #ebebeb}


.country_top_10{height:370px;}
.country_top_10 th:nth-of-type(1){width:68px;text-align:center;}
.country_top_10 td:nth-of-type(1){width:68px;text-align:center;}

.country_top_10 th:nth-of-type(2){width:110px;text-align:left;padding-left:18px}
.country_top_10 td:nth-of-type(2){width:110px;text-align:left;padding-left:18px}

.country_top_10 th:nth-of-type(3){width:82px;text-align:right;padding-left:18px}
.country_top_10 td:nth-of-type(3){width:82px;text-align:right;padding-left:18px}

.country_top_10 th:nth-of-type(4){width:94px;text-align:right;padding-left:18px}
.country_top_10 td:nth-of-type(4){width:94px;text-align:right;padding-left:18px}

.country_top_10 th:nth-of-type(5){width:120px;text-align:center}
.country_top_10 td:nth-of-type(5){width:120px;text-align:center}

.blank_mg3{margin-bottom:20px;}

.indicator_list li:nth-of-type(1)::before{content:'';display:inline-block;width:10px;height:10px;background:#45a5f5;border-radius: 50%;margin-right:3px;}
.indicator_list li:nth-of-type(2)::before{content:'';display:inline-block;width:10px;height:10px;background:#ffa500;border-radius: 50%;margin-right:3px;}
.indicator_list li:nth-of-type(3)::before{content:'';display:inline-block;width:10px;height:10px;background:#9b9b9b;border-radius: 50%;margin-right:3px;}
.indicator_list li:nth-of-type(4)::before{content:'';display:inline-block;width:10px;height:10px;background:#0484d8;border-radius: 50%;margin-right:3px;}
.indicator_list li:nth-of-type(5)::before{content:'';display:inline-block;width:10px;height:10px;background:#008900;border-radius: 50%;margin-right:3px;}
.indicator_list li:nth-of-type(6)::before{content:'';display:inline-block;width:10px;height:10px;background:#9c58a5;border-radius: 50%;margin-right:3px;}
.indicator_list li:nth-of-type(7)::before{content:'';display:inline-block;width:10px;height:10px;background:#005295;border-radius: 50%;margin-right:3px;}

.status_site{border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;overflow-y:scroll;display:inline-block;}
.status_site th{height:40px;line-height:40px;background:#f5f6f8; text-align:right;font-size:14px; font-weight:500;border-bottom:1px solid #d2d3d5}
.status_site td{height:40px;line-height:40px;background:#fff; text-align:right;font-size:14px; font-weight:400;border-bottom:1px solid #ebebeb}
.status_site{height:370px;}

.status_site th, .status_site td{text-align:center}
.status_site th.multi{line-height:1;vertical-align: middle;}

.status_site th:nth-of-type(1){width:70px;}
.status_site td:nth-of-type(1){width:70px;}
.status_site th:nth-of-type(2){width:140px}
.status_site td:nth-of-type(2){width:140px}
.status_site th:nth-of-type(3){width:140px;}
.status_site td:nth-of-type(3){width:140px;}
.status_site th:nth-of-type(4){width:140px;}
.status_site td:nth-of-type(4){width:140px;}
.status_site th:nth-of-type(5){width:160px;}
.status_site td:nth-of-type(5){width:160px;}

.status_site th:nth-of-type(6){width:120px;}
.status_site td:nth-of-type(6){width:120px;}
.status_site th:nth-of-type(7){width:160px;}
.status_site td:nth-of-type(7){width:160px;}
.status_site th:nth-of-type(8){width:130px;}
.status_site td:nth-of-type(8){width:130px;}
.status_site th:nth-of-type(9){width:125px;}
.status_site td:nth-of-type(9){width:125px;}

.status_site tbody tr:hover{box-sizing: border-box;box-sizing: content-box;background:#ecf1fb!important;}

.layout_full.inner .left.three_quarter.type2{width:1220px;float:left;padding-right:40px;border-right:1px solid #ebebeb}
.layout_full.inner .right.three_quarter.type2{width:518px;float:left;padding-left:40px}

.growth_site{border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;overflow-y:scroll;display:inline-block;}
.growth_site th{height:40px;line-height:40px;background:#f5f6f8; text-align:right;font-size:14px; font-weight:500;border-bottom:1px solid #d2d3d5}
.growth_site td{height:40px;line-height:40px;background:#fff; text-align:right;font-size:14px; font-weight:400;border-bottom:1px solid #ebebeb}

.growth_site{height:370px;}
.growth_site th.multi{line-height:1;vertical-align: middle;}
.growth_site th,.growth_site td {text-align:center;}

.growth_site th:nth-of-type(1){width:90px;}
.growth_site td:nth-of-type(1){width:90px;}
.growth_site th:nth-of-type(2){width:100px}
.growth_site td:nth-of-type(2){width:100px}
.growth_site th:nth-of-type(3){width:90px;}
.growth_site td:nth-of-type(3){width:90px;}
.growth_site th:nth-of-type(4){width:100px;}
.growth_site td:nth-of-type(4){width:100px;}
.growth_site th:nth-of-type(5){width:100px;}
.growth_site td:nth-of-type(5){width:100px;}

.layout_full.inner{background:#fff}
.layout_full .inner_left{width:1334px; margin-right:27px; float:left;}
.layout_full .inner_right{width:459px; float:left;}

.status_site2{border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;overflow-y:scroll;display:inline-block;}
.status_site2 th{height:40px;line-height:40px;background:#f5f6f8; text-align:right;font-size:14px; font-weight:500;border-bottom:1px solid #d2d3d5}
/* 26.02.27 수정*/
/*.status_site2 td{height:40px;line-height:40px;background:#fff; text-align:right;font-size:14px; font-weight:400;border-bottom:1px solid #ebebeb}*/
.status_site2 td {
    height: 46px;
    line-height: 1.4;
    padding: 3px 0;
    vertical-align: middle;
}
.status_site2 th.multi{line-height:1;vertical-align: middle;}
.status_site2 th,.status_site2 td {text-align:left;}
.status_site2 th{position: relative;}

.status_site2 {height:653px}
.status_site2 th:nth-of-type(1){width:70px;}
.status_site2 td:nth-of-type(1){width:70px;}
.status_site2 th:nth-of-type(2){width:490px}
.status_site2 td:nth-of-type(2){width:490px}
/* 26.02.27 수정*/
/*.status_site2 td:nth-of-type(2) span{display:block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width:460px;}*/
.status_site2 td:nth-of-type(2) span {
    display: block;
    width: 480px;
    word-break: break-all;
    line-height: 1.4;
}
.status_site2 th:nth-of-type(3){width:140px;}
.status_site2 td:nth-of-type(3){width:140px;}
.status_site2 th:nth-of-type(4){width:140px;}
.status_site2 td:nth-of-type(4){width:140px;}
.status_site2 th:nth-of-type(5){width:110px;}
.status_site2 td:nth-of-type(5){width:110px;}
.status_site2 th:nth-of-type(6){width:170px;}
.status_site2 td:nth-of-type(6){width:170px;}
.status_site2 th:nth-of-type(7){width:147px;}
.status_site2 td:nth-of-type(7){width:147px;}


.inner_left .layout_border{background:#fff}
.inner_right .layout_border{background:#fff}

.sorting_arrow{width:8px;height:16px;display:inline-block;cursor: pointer;background:url('../img/icon_v_arrow.png')no-repeat;position: absolute;top:10px;    margin-left: 6px;}
.sorting_arrow.on{transform: rotate(180deg);}


.conbox .summary_wrap{padding: 40px 0px 30px!important;}
.pattern.expand th:nth-of-type(3){width: 460px;}

/* 20200519 운영기 개발기 싱크 */
/* 페이지모니터링 */
.frame_title {font-weight: 500;/* margin-bottom: 10px; */font-size: 16px;line-height: 30px;/* margin: 15px 0 10px; */font-weight: 700;text-align: left;}
.monitoring li {float: left;margin-left: 14px;}
.monitoring li .frame{height: 756px;}
.monitoring li:nth-last-child(1){margin-right:0px;}
.gnb-preference2{position:relative;left:auto;top:auto;display:inline-block;float:left;margin-left:31px;width:25px;height:25px;clear:both;z-index:111}
.preference2 span, .urllink2 span{left:-99999px;position:absolute}
.preference2{margin-top:0;display:block;width:25px;height:25px;background:url(../img/gnb_preference.png) center no-repeat;margin-top:40px}
.gnb-preference2 ul{margin-top:40px;padding:0}
.gnb-preference2 ul li{height:50px}
.gnb-preference2 ul li a{border:none}
.urllink2{display:block;width:25px;height:25px;background:url(../img/link.png) center no-repeat;position:absolute;text-align:center;cursor:default;margin-top: 20px;}
.urllink2:hover{cursor:pointer;z-index:6}
.urllink2 p{visibility:hidden;opacity:0;text-align:left;background-color:#333;padding:20px;width:75px;position:absolute;border-radius:4px;color:#fff;line-height:normal;transform:scale(.7);transform-origin:100% 0;margin-top:40px}
.urllink2:hover p{cursor:default;visibility:visible;opacity:1;transform:scale(1)}
.urllink2 p:before{position:absolute;content:'';width:0;height:0;border:6px solid transparent;border-bottom-color:#333;left:10px;top:-12px}
.urllink2 p:after{width:100%;height:40px;content:'';position:absolute;top:-5px;left:0}
.country-web-caution2{display: block; position: fixed; bottom: 38px; left: 15px; border: 1px solid #b3b3b3; width: 100px; height: 60px; border-radius: 3px; text-align: center; vertical-align: middle; color: #010101;}

.setting-layer:before{content:'';display:block;position:absolute;left:-15px;top:34px;width:0;height:0;border-style:solid;border-width:7.5px 15px 7.5px 0;border-color:transparent #fff transparent transparent}
.setting-layer{width:460px;background:#fff;position:absolute;left:105px;top:85px;box-shadow:12px 17px 19px 0 rgba(0,0,0,.5);font-family:SamsungOne;font-size:14px;display:none}
.setting-layer>div{padding:0 30px;border-top:1px solid #d8d8d8}
.setting-layer .layer-top{font-size:22px;line-height:40px;padding-top:19px;padding-bottom:15px;border-top:none}
.setting-layer .layer-body{padding-top:40px;padding-bottom:40px}
.setting-layer .layer-body table{width:100%}
.setting-layer .layer-body table tr>*{padding-bottom:23px}
.setting-layer .layer-body table tr:last-child>*{padding-bottom:0}
.setting-layer .layer-body table th{width:135px;text-align:left;font-weight:400;line-height:2.86;vertical-align:top}
.setting-layer .layer-body .radio-list{padding-left:0}
.setting-layer .layer-body .radio-list li{float:none;width:100%;line-height:2.86}
.setting-layer .layer-body .radio-list li label{margin-right:14px}
.setting-layer .layer-body input[type=text]{text-align:right;font-size:14px;height:40px;width:130px}
.setting-layer .layer-body input[type=text]+span{display:inline-block;margin-left:13px}
.setting-layer .layer-bottom{width:100%;height:100px;box-sizing:border-box;text-align:right;padding-top:27px}
.setting-layer .layer-bottom input[type=button]{padding-top:15px;padding-bottom:14px;width:120px;font-size:14px}
.bs-link, .gy-link, .hk-link, .lf-link, .mc-link, .pr-link, .urllink, .urllink p, .vs-link{font-size:12px;transition:all .5s cubic-bezier(.55,0,.1,1)}
.setting-layer .close{display:block;width:25px;height:25px;right:30px;top:25px;position:absolute;text-indent:-9999em}
.setting-layer .close:after, .setting-layer .close:before{content:"";width:2px;height:25px;display:block;background:#000;position:absolute;left:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.setting-layer .close:before{width:25px;height:2px;left:0;top:10px}
.setting-layer .close:after{left:11px;top:-1px}

/* .countryweb-contents .btn-next{position:fixed;top:50%;margin-top:-21px;right:50px}
.countryweb-contents .btn-prev{position:fixed;top:50%;margin-top:-21px;display:none}
.country-web-caution{display:block;position:fixed;bottom:38px;left:20px;border:1px solid #b3b3b3;width:90px;height:108px;border-radius:3px;text-align:center;color:#010101}
.country-web-caution img{display:inline-block;padding-top:20px}
.country-web-caution span{display:inline-block;margin-top:6px;line-height:14px}
.countryweb-contents .btn-prev{left:50px} */

/* 페이지 모니터링2*/
.countryweb-contents{position:relative;margin-bottom:-120px;padding-bottom:20px}
.country-group{padding:0 99px;position:relative;text-align:center}
.country-group ul{font-size:0;max-width:1920px;margin:0 auto}
.country-group li div{position:relative}
.country-group .country-name{font-size:16px;line-height:30px;margin:15px 0 10px;font-weight:700;text-align:left}
.countryweb-contents-wrap .country-group li{width:260px;height:500px;display:inline-block;vertical-align:top;margin-bottom:18px;overflow:hidden}
.countryweb-contents-wrap .country-group li .frame{border:1px solid #b3b3b3;width:260px;height:460px;overflow:hidden;box-sizing:border-box}
/* .countryweb-contents-wrap .country-group iframe{width:420px;height:746px;background:#fff;-ms-transform:scale(.614,.614);-webkit-transform:scale(.614,.614);transform:scale(.614,.614);transform-origin:top left;position:absolute;left:0;top:0} */
.countryweb-contents-wrap.desktop-3 .country-group li{width:540px;height:900px}
.countryweb-contents-wrap.desktop-3 .country-group li .frame{width:540px;height:860px}
.countryweb-contents-wrap.desktop-3 .country-group iframe{width:1920px;height:3065px;-ms-transform:scale(.28,.28);-webkit-transform:scale(.28,.28);transform:scale(.28,.28)}
.countryweb-contents-wrap.desktop-4 .country-group li {width: 780px;height: 500px;}
.countryweb-contents-wrap.desktop-4 .country-group li .frame {width: 779px;height: 460px;}
.countryweb-contents-wrap.desktop-4 .country-group iframe {width: 1280px;height: 746px;/*-ms-transform: scale(.639,.639);*//* -webkit-transform: scale(.639,.639); *//* transform: scale(.639,.639); */}
.countryweb-contents-wrap.mobile-6 .country-group li{width:243px;height:1008px}
.countryweb-contents-wrap.mobile-6 .country-group li .frame {width: calc(100% - 2px);height: 969px;}
/* .countryweb-contents-wrap.mobile-6 .country-group iframe{width:420px;height:1575px;-ms-transform:scale(.614,.614);-webkit-transform:scale(.614,.614);transform:scale(.614,.614)} */
.countryweb-contents-wrap.mobile-4 .country-group li{width:390px;height:1008px}
.countryweb-contents-wrap.mobile-4 .country-group li .frame {width: 389px;height: 850px;}
.countryweb-contents-wrap.mobile-4 .country-group iframe {width: 420px;height: 1575px;/*-ms-transform: scale(.948,.948);*//* -webkit-transform: scale(.948,.948); *//* transform: scale(.948,.948); */}

.body_wrap .country-group img{width:100%}
.body_wrap .countryweb-contents .btn-next{position:fixed;top:50%;margin-top:-21px;right:50px}
.body_wrap .countryweb-contents .btn-prev{position:fixed;top:50%;margin-top:-21px;display:none}
.body_wrap .country-web-caution{display:block;position:fixed;bottom:38px;left:20px;border:1px solid #b3b3b3;width:90px;height:108px;border-radius:3px;text-align:center;color:#010101}
.body_wrap .country-web-caution img{display:inline-block;padding-top:20px}
.body_wrap .country-web-caution span{display:inline-block;margin-top:6px;line-height:14px}
.body_wrap .countryweb-contents .btn-prev{left:50px}
.body_wrap .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.body_wrap .slick-list {position: relative;display: block;overflow-y: scroll;}
.body_wrap .slick-list:focus{outline:0}
.body_wrap .slick-list.dragging{cursor:pointer;cursor:hand}
.body_wrap .slick-slider .slick-list,.body_wrap .slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.body_wrap .slick-track{position:relative;top:0;left:0;display:block}
.body_wrap .slick-track:after,.body_wrap .slick-track:before{display:table;content:''}
.body_wrap .slick-track:after{clear:both}
.body_wrap .slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .body_wrap .slick-slide{float:right}
.body_wrap .slick-slide img{display:block}
.body_wrap .slick-slide.slick-loading img{display:none}
.body_wrap .slick-slide.dragging img{pointer-events:none}
.body_wrap .slick-initialized .slick-slide{display:block}
.body_wrap .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.body_wrap .slick-dotted.slick-slider{margin-bottom:30px}
.body_wrap .slick-dots{position:absolute;bottom:-40px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.body_wrap .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.body_wrap .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}
.body_wrap .slick-dots li button:focus,.body_wrap .slick-dots li button:hover{outline:0}
.body_wrap .slick-dots li button:before{font-size:20px;line-height:20px;position:absolute;top:0;left:0;width:10px;height:10px;content:'';border:1px solid #000;border-radius:50%;text-align:center;opacity:.25;color:#000;background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.body_wrap .slick-dots li.slick-active button:before{opacity:.75;color:#000}
.body_wrap .slick-disabled{display:none!important}


.design-input .ui-selectmenu-button.ui-button{width:100%;box-sizing:border-box;border-color:#000;background:#fff;padding:11px 17px 10px}
.design-input .ui-selectmenu-icon.ui-icon{background:0 0!important;width:9px;height:9px;right:7px;top:50%;margin-top:5px;border-top:2px solid #9b9b9b;border-right:2px solid #9b9b9b;-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);transform:rotate(315deg)}
.design-input .ui-selectmenu-button.ui-button.ui-selectmenu-button-open{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom:none}
.design-input .ui-selectmenu-button.ui-button.ui-selectmenu-button-closed .ui-selectmenu-icon.ui-icon{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);margin-top:0}
.ui-selectmenu-menu .ui-menu{border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.ui-selectmenu-menu .ui-menu .ui-menu-item div{box-sizing:border-box;height:40px;border-top:1px solid #ddd;padding:11px 17px}
.ui-selectmenu-menu .ui-menu .ui-menu-item .ui-state-active{background:#f7f7f7;margin:0}
.ui-selectmenu-menu.ui-widget.ui-widget-content{border-color:#9b9b9b;border-top:none}
.design-input input[type=checkbox],.design-input input[type=radio],.design-input input[type=file]{width:0;height:0;position:absolute;left:-9999em}
.design-input .input-file-wrap{position:relative;padding-right:130px;box-sizing:border-box;padding-bottom:20px}
.design-input .input-file-wrap input[type=button],.design-input .input-file-wrap input[type=button].large{width:120px;min-width:0;position:absolute;top:0;right:0}
.design-input .input-file-wrap input[type=text]{font-size:14px}
.design-input .input-file-wrap p.error{color:#d0021b;position:absolute;font-size:12px;left:19px;bottom:-2px;line-height:1}
.design-input input[type=checkbox]:focus+label,.design-input input[type=radio]:focus+label{outline:#A6C8FF solid 2px}
.design-input label,.design-input span.icon{vertical-align:middle;display:inline-block;box-sizing:border-box}
.design-input input[type=checkbox]+.squear-type,.design-input span.icon.input.squear-type{width:14px;height:14px;border:1px solid #bfbfbf;overflow:hidden}
.design-input input[type=checkbox]:checked+.squear-type:after,.design-input span.icon.input.squear-type.checked:after{content:'';display:block;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPkI4QzdFRURDLUIxNTgtNDI1Ny1CNDQwLUFFRTA0RDFBMEZCNDwvdGl0bGU+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTR2MTRIMHoiLz48bWFzayBpZD0iYiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjx1c2Ugc3Ryb2tlPSIjQkZCRkJGIiBtYXNrPSJ1cmwoI2IpIiBzdHJva2Utd2lkdGg9IjIiIHhsaW5rOmhyZWY9IiNhIi8+PGcgZmlsbD0iIzAwMCI+PHBhdGggZD0iTTQuMTg3IDYuNDY1bDIuODI4IDIuODI5LTEuNDE0IDEuNDE0TDIuNzczIDcuODh6Ii8+PHBhdGggZD0iTTQuNTc1IDkuMzM1bDUuMjIyLTUuMjIyIDEuNDE0IDEuNDE0LTUuMjIyIDUuMjIyeiIvPjwvZz48L2c+PC9zdmc+) -1px -1px no-repeat;width:14px;height:14px}
.design-input input[type=checkbox]+.round-type,.design-input input[type=radio]+.round-type,.design-input span.icon.input.round-type{width:14px;height:14px;border-radius:50%;position:relative;border:1px solid #b7bcc0;background:#fff}
.design-input input[type=checkbox]:checked+.round-type,.design-input input[type=radio]:checked+.round-type,.design-input span.icon.input.round-type.checked{background:#0484d8;border:1px solid #0484d8}
.design-input input[type=radio]:checked+.round-type:after,.design-input span.icon.input.round-type.checked.radio:after{content:'';display:block;width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}
.design-input input[type=checkbox]:checked+.round-type:after,.design-input span.icon.input.round-type.checked.checkbox:after{content:'';display:block;width:11px;height:11px;position:absolute;top:1px;left:1px;background:url(../img/check.png) 50% 50% no-repeat;background-size:100% auto}
.design-input input[type=text]{border:1px solid #000;background:#fff;color:#000;font-size:18px;height:45px;padding:0 20px;line-height:2.22;font-family:SamsungOne;width:100%}
.design-input input[type=text]:focus{border:1px solid #0484d8;background:#fff;outline:0}
.design-input input[type=text]::-webkit-input-placeholder{font-size:14px}
.design-input input[type=text]::-moz-placeholder{font-size:14px}
.design-input input[type=text]:-ms-input-placeholder{font-size:14px}
.design-input input[type=text]:-moz-placeholder{font-size:14px}
.design-input input[type=button]{border:1px solid #000;min-width:100px;padding:11px 15px 10px;box-sizing:border-box;background:#fff;line-height:1;height:auto;font-family:SamsungOne;font-size:12px;color:#000;cursor:pointer}
.design-input input[type=button]+input[type=button]{margin-left:10px}
.design-input input[type=button]:disabled{color:#000;cursor:default}
.design-input input[type=button].filled{background:#0484d8;border-color:#0484d8;color:#fff}
.design-input input[type=button].large{min-width:130px;padding:15px 15px 13px;font-size:14px;height:45px}

/* 20200609 추가 */
.layout_hcr_left{width:1206px}
.layout_hcr_left:nth-of-type(1){margin-bottom:20px;margin-right:20px;}

.layout_hcr_right{width:590px}
.layout_full .left{float:left}
.layout_full .right{float:left}

.hcr_long{height:730px;width:100%;overflow-y: scroll;display: inline-block;}
.hcr_long th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.hcr_long td{padding:12px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:40px;box-sizing: border-box;text-align: center;color:#222}

.hcr_long th:nth-of-type(1){width:94px;}
.hcr_long th:nth-of-type(2){width:110px;}
.hcr_long th:nth-of-type(3){width:90px;}
.hcr_long th:nth-of-type(4){width:110px;}
.hcr_long th:nth-of-type(5){width:112px;}
.hcr_long td:nth-of-type(5) .down{width:9px;height:6px;display:inline-block;background:url(../img/red_down.png)no-repeat;vertical-align: middle; margin-right: 2px;}
.hcr_long td:nth-of-type(5) .up{width:9px;height:6px;display:inline-block;background:url(../img/green_up.png)no-repeat;vertical-align: middle; margin-right: 2px;}
.country_top_10 td:nth-of-type(5) .down{width:9px;height:6px;display:inline-block;background:url(../img/red_down.png)no-repeat;vertical-align: middle; margin-right: 2px;}
.country_top_10 td:nth-of-type(5) .up{width:9px;height:6px;display:inline-block;background:url(../img/green_up.png)no-repeat;vertical-align: middle; margin-right: 2px;}
.growth_site td:nth-of-type(5) .down{width:9px;height:6px;display:inline-block;background:url(../img/red_down.png)no-repeat;vertical-align: middle; margin-right: 2px;}
.growth_site td:nth-of-type(5) .up{width:9px;height:6px;display:inline-block;background:url(../img/green_up.png)no-repeat;vertical-align: middle; margin-right: 2px;}

.content_tit_wrap.hcr{margin-bottom:20px;}

.hcr_1st{width:892px;box-sizing: border-box;display: inline-block;float: left;height: auto;}
.hcr_2nd{width:892px;box-sizing: border-box;display: inline-block;float: left;height: auto;}
.hcr_1st .broken_link_summary li{height:64px;padding:0 30px;}
.hcr_1st .broken_link_summary li:nth-of-type(1){padding:0 48px 0 0;border-left:0;}

.hcr_help{display: inline-block; height:248px; overflow-y: scroll;width:100%;border-bottom:1px solid #d2d3d5}
.hcr_help tr:hover{background:#ecf1fb;box-sizing: border-box;box-sizing: content-box;cursor: pointer;}
.hcr_help .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.rank_30 .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.top_page3 .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.exits .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}
.keyword .on{background:#ecf1fb;border:2px solid #4772d3;box-sizing: border-box;border-style: groove;box-sizing: content-box;}


.hcr_help th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.hcr_help td{padding:12px 0;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:40px;box-sizing: border-box;text-align: center;color:#222}
.hcr_help th:nth-of-type(1){width:410px;text-align: left;padding-left:110px}
.hcr_help td:nth-of-type(1){width:410px;text-align: left;padding-left:30px}
.hcr_help td:nth-of-type(1) span{display:inline-block; overflow:hidden ; text-overflow: ellipsis; white-space: nowrap;width:400px;}
.hcr_help th:nth-of-type(2){width:124px;}
.hcr_help th:nth-of-type(3){width:160px;}
.hcr_help th:nth-of-type(4){width:120px;}

.hcr_negative{height:454px;display: inline-block; overflow-y: scroll;width:100%;border-bottom:1px solid #d2d3d5}
.hcr_negative th{background:#f5f6f8; border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;font-size:14px;font-weight:500;height:40px;line-height: 1;text-align: center;vertical-align: middle;}
.hcr_negative td{vertical-align:middle;padding:12px 20px;font-size:14px;border-bottom:1px solid #ebebeb;word-break: break-all;height:40px;box-sizing: border-box;text-align: left;color:#222;}
/* .hcr_negative td:nth-of-type(2) span{display:inline-block; overflow:hidden ; text-overflow: ellipsis; white-space: nowrap;width:540px;} */
.hcr_negative th:nth-of-type(1){width:250px;}
.hcr_negative th:nth-of-type(2){width:570px;}
.hcr_negative td:nth-of-type(1){width:250px;text-align: left;padding-left:30px;}

.hcr_1st .broken_link_summary{margin:20px 0}

.url_serve{display:inline-block;font-size:14px; color:#999!important;margin-left:20px;}
.hcr_2nd_iframe{width:819px; height:929px; background:#fafafb; border:1px solid #d2d3d5}

/* 20200717 checkbox 추가 */
.local_chk{float:right; margin-right: 200px;}
.local_chk .chk_wrap{display:block;margin-bottom:10px;font-size:14px;}
.local_chk input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.local_chk input[type="checkbox"] + label{display: inline-block;
    position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

input#local[type="checkbox"] + label:before{content: ' ';display: inline-block;width: 16px;height: 16px;
    line-height: 16px;text-align: center;vertical-align: middle;background: url(../img/bg_check.png)no-repeat;background-position:0 -18px;margin-right:4px;}
input#local[type="checkbox"]:checked + label:before{background: url(../img/bg_check.png)no-repeat;}

input#non_local[type="checkbox"] + label:before{content: ' ';display: inline-block;width: 16px;height: 16px;
    line-height: 16px;text-align: center;vertical-align: middle;background: url(../img/bg_check.png)no-repeat;background-position:0 -54px;margin-right:4px;}
input#non_local[type="checkbox"]:checked + label:before{background: url(../img/bg_check.png)no-repeat;background-position:0 -36px}

input#user_local[type="checkbox"] + label:before{content: ' ';display: inline-block;width: 16px;height: 16px;
    line-height: 16px;text-align: center;vertical-align: middle;background: url(../img/bg_check.png)no-repeat;background-position:0 -18px;margin-right:4px;}
input#user_local[type="checkbox"]:checked + label:before{background: url(../img/bg_check.png)no-repeat;}

input#user_non_local[type="checkbox"] + label:before{content: ' ';display: inline-block;width: 16px;height: 16px;
    line-height: 16px;text-align: center;vertical-align: middle;background: url(../img/bg_check.png)no-repeat;background-position:0 -54px;margin-right:4px;}
input#user_non_local[type="checkbox"]:checked + label:before{background: url(../img/bg_check.png)no-repeat;background-position:0 -36px}

.hcr_2nd_iframe.no_result{display:flex;align-items: center;
    justify-content: center;width:819px; height:929px; background:#fafafb; border:1px solid #d2d3d5}
.wan_msg_wrap img{display:block;margin:0 auto;margin-bottom:20px;}
.wan_msg_wrap {text-align: center;font-size:20px;color:#666}

.layout_full{position: relative;}
.indicator_list.add_on{position: absolute;left:40px;top:65px;z-index: 90000;}
.indicator_list.add_on li{font-size:12px; margin-left: 23px;}
.indicator_list.add_on li:before{display:none}


/* 20200922 유튜브 애널리틱스 추가 */
.region_wrap.youtube{position: absolute;margin-top:10px;border-radius: 5px;width:220px;height:320px;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:0 20px 30px 20px;overflow: hidden;margin-left:135px;display:none;z-index: 1;}
.region_wrap.youtube .section_body .txt{width:180px;float:left;padding-left:0px!important;height: 269px;overflow: auto;}
.region_wrap.youtube .section_body .txt.focus label:hover {color: #222;}
.region_wrap.youtube .section_body .txt.focus label{color:#777}
.region_wrap.youtube .section_body input[type="radio"]:checked + label {color:#222;font-size:14px}

.youtube_half{width:100%;display:inline-block}
.youtube_half .youtube_left{float:left; width:50%;border-right: 1px solid #eee;box-sizing: border-box;}
.youtube_half .youtube_right{float:left; width:50%;box-sizing: border-box;padding-left:40px}

.howto_table_wrap{display:inline-block;float:left}
.howto_table_wrap.right{display:inline-block;margin-left:40px;}

.content_desc{font-size:14px;color:#777;display:block;margin-bottom:6px;}
.howto_table{display:block;width:395px;height:806px;overflow-y:auto;border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;}
.howto_table tbody tr:hover{background:#ecf1fb;cursor: pointer;}
.howto_table tbody tr.on{background:#ecf1fb!important;box-shadow:0px 0.6px 0px 2px #4772d3 inset; }
/* .howto_table tbody tr.on td{} */
/* .howto_table tbody tr.on td:nth-of-type(1){box-shadow}
.howto_table tbody tr.on td:nth-of-type(2){border-right:0;border-left:0}
.howto_table tbody tr.on td:nth-of-type(3){border-left:0} */
.howto_table th{height:41px; background:#f5f6f8;font-size:14px;font-weight:500;display:table-cell;vertical-align:middle;border-bottom:1px solid #d2d3d5}
.howto_table th:nth-of-type(1){width:60px;text-align: center;}
.howto_table td:nth-of-type(1){width:60px;text-align: center;}
.howto_table th:nth-of-type(2){width:260px;text-align: center;}
.howto_table td:nth-of-type(2){width:260px;text-align: left;}
.howto_table th:nth-of-type(3){width:76px;text-align: center;}
.howto_table td:nth-of-type(3){width:76px;text-align: center;}

.howto_table td{height:40px; ;font-size:14px;font-weight:500;display:table-cell;vertical-align:middle;border-bottom:1px solid #d2d3d5}
.howto_table td span{width:250px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;display:block;}

.in_youtube{width:828px;height:377px;border:1px solid #d2d3d5;margin-bottom:24px;}
.in_samsung{width:828px;height:377px;border:1px solid #d2d3d5;}

/* 20201207 */
/* 체크박스스타일 */
input[type="checkbox"] {display:none;}
input[type="checkbox"] + label {color:#666;font-size:14px}
input[type="checkbox"]:checked + label {color:#0f57bc;font-size:14px;cursor:pointer;}
input[type="checkbox"] + label span {display:inline-block;width:13px;height:13px;vertical-align:middle;cursor:pointer;background:url(../img/bg_check_02.png) no-repeat;background-position: 0 0;margin-right:7px;}
input[type="checkbox"]:checked + label span {background:url(../img/bg_check_02.png) no-repeat; background-position: 0 -14px;;margin-right:7px;}

.exc_spt_hp_warp{display:inline-block;text-align: right;width: 100%;vertical-align: middle;position: absolute;right:0;bottom:-12px;}

table {border-top:1px solid #d2d3d5;border-bottom:1px solid #d2d3d5;width:100%;display:table;border-collapse: collapse;}
table th{background:#f5f6f8;font-size:14px;color:#222;font-weight:500;border-bottom:1px solid #d2d3d5;height:40px;text-align: center;display: table-cell;vertical-align: middle;}
table td{font-size:14px;color:#222;font-weight:500;border-bottom:1px solid #ebebeb;height:40px;display: table-cell;vertical-align: middle;font-weight:400}
table tbody tr:hover{background:#ecf1fb;box-sizing: border-box;box-sizing: content-box;}

.new_hc_site th:nth-of-type(1){width:70px}
.new_hc_site th:nth-of-type(2){width:630px}
.new_hc_site th:nth-of-type(3){width:110px}
.new_hc_site th:nth-of-type(4){width:84px}
.new_hc_site th:nth-of-type(5){width:110px}
.new_hc_site th:nth-of-type(6){width:150px}
.new_hc_site th:nth-of-type(7){width:180px}
.new_hc_site th{position: relative;}
.new_hc_site td{text-align:center}
.new_hc_site td:nth-of-type(2){text-align:left;}

/* hcr download */
.hcr_down_wrap{width:654px;height:456px;float:left;margin-right:0px;}
.hcr_down_wrap_1st{width:1144px;height:456px;float:left;margin-right:20px;}


.option_sum_wrap .region_wrap{margin-left:0}
.region_wrap_dl{position: absolute;margin-top:10px;border-radius: 3px;width:420px;height:320px;box-shadow:0px 0px 5px 2px #dcdcdc ;background:#fff;padding:0 20px 30px 20px;overflow: hidden;margin-left:0px;display:none;z-index: 1;}
.region_wrap_dl .section{width:126px;float:left;}
.region_wrap_dl .section .tit{font-size:14px; color:#999;height:66px;line-height:66px;border-bottom:1px solid #e5e5e5;text-align:center}
.region_wrap_dl .section.on .tit{color:#222;border-bottom:3px solid #4772d3;}

.dl_sch_btn{width:40px;height:40px;border-radius: 4px; background:#c0c0c0 url(../img/m_glass.png)no-repeat 10px 10px; border:0;outline: none;cursor: pointer;display:inline-block;vertical-align: middle;}
.dl_sch_btn.on{background:#4772d3 url(../img/m_glass.png)no-repeat 10px 10px;}
.sch_result{margin-top:24px;color:#4772d3; font-size:12px; font-weight:500;margin-bottom:12px}

.h_t_wrap{width:100%;}
.h_t_wrap .inner_box{width:512px;display:inline-block;margin-right:40px;float:left}
.h_t_wrap .inner_box:nth-last-of-type(1){margin-right:0px;}
.h_t_wrap .inner_top{display: table-cell;background:#e3e3e3;font-size:14px; font-weight:500; text-align: center;height:34px;vertical-align: middle;width:512px}
.inner_bottom{height:145px;background:#f5f6f8;padding:30px 0}
.inner_bottom_li{width:170px;border-right:1px solid #e3e3e3;float:left;text-align: center;font-size:20px;color:#222;font-weight: 700;}
.inner_bottom_li:nth-last-of-type(1){border-right:0}
.inner_index_tit{display:block;font-size:14px;padding-top:12px;margin-bottom:20px;font-weight: 500;}

.h_t_wrap .inner_box .btn_down_load{width:162px;background: #c0c0c0 url(../img/btn_down.png)no-repeat 39px 43%; text-align:center;padding-left:40px; background-size: 9%;float: unset;margin:40px auto 0}
.hcr_down_wrap.layout_border .btn_down_load{width:162px;background: #c0c0c0 url(../img/btn_down.png)no-repeat 39px 43%; text-align:center;padding-left:40px; background-size: 9%;float: unset;margin:40px auto 0}

.date_range_wrap{position:relative}
.date_range_top{width:200px; height:40px;border:1px solid #d2d3d5; border-radius: 3px;padding:0 15px 0 0;display:inline-block;vertical-align: middle;margin-right:5px;}
.date_range_top > .icon{width:19px;height:21px;background: url(../img/icon_date.png)no-repeat;margin-right:9px;}
.date_range_top .e_date,.gnb_option_sum_date .s_date{margin-top:4px;}
.date_range_top .s_date::after{content:'~';display:inline-block;margin:0 4px;}
.date_range_top .icon_extension{width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 8px;margin-left: 11px;}
.date_range_top input{border:0; outline:0;padding:0 0 0 43px;margin:0;width:131px;height:38px;border-radius: 3px;color: #222;cursor:pointer;font-family: 'roboto';font-weight: 500;}
.date_range_top::before{position:absolute;content:'';display:inline-block;width:19px;height:21px;background: url(../img/icon_date.png)no-repeat;margin:8px 0 0 16px;}
.date_range_top::after{position:absolute;content:'';display:inline-block;width:10px;height:6px; background:url(../img/icon_arrow_down.png)no-repeat;vertical-align: middle;margin-top: 16px;}

.date_range_bottom.on{display:block;}
.date_range_bottom{width:280px;height:280px;position:absolute;top:46px;border:1px solid #d2d3d5; border-radius: 3px;overflow-y: hidden;display:none;background: #fff;padding:20px}
.date_range_bottom ul{width:119px;float:left;height:240px;overflow-y:scroll;padding:10px}
.date_range_bottom li{font-size:12px;margin:0 0 10px 0}

.download_file_wrap{width:574px;height:178px;background:#f5f6f8;padding:62px 0 0 66px;font-size:14px; font-weight:500}
.download_file_wrap .file_tit{display:block;margin-bottom:20px;}
.download_file_wrap .file_name{display:block;}
.download_file_wrap .file_name::before{content:'';width:18px; height:15px; background: url(../img/file_bg.png)no-repeat;display:inline-block;margin-right:9px}

.h_t_wrap .inner_box .btn_down_load.on{width:162px;background: #4772d3 url(../img/btn_down.png)no-repeat 39px 43%; text-align:center;padding-left:40px; background-size: 9%;float: unset;margin:40px auto 0}
.hcr_down_wrap.layout_border .btn_down_load.on{width:162px;background: #4772d3 url(../img/btn_down.png)no-repeat 39px 43%; text-align:center;padding-left:40px; background-size: 9%;float: unset;margin:40px auto 0}


/* 20230627 레이아웃 수정 start*/
html,
body {
    width: 100%;
    height: 100%;
}

.body_wrap {
    width: 100%;
}

.content_wrap {
    min-height: calc(100vh - 105px);
}

/* 20230627 달력 수정 */
.gnb_option_sum_date {
    position: relative;
}
.gnb_option_sum_date::before {
    top: 0;
    left: 0;
}

.daterangepicker th {
    background: transparent;
}

/* 20230627 Executive Summary 수정 */
.es_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 50px;
    word-break: break-all;
}
.es_grid > .es_hcr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    grid-column: 2/4;
}
.es_grid > .es_hcr > .es_hcr_inner ~ .es_hcr_inner {
    padding-left: 40px;
    margin-left: 40px;
    border-left: 1px solid #ebebeb;
}
.es_grid .content_tit {
    margin-bottom: 24px;
    text-align: left;
}

.es_nps {
    text-align: center;
}
.es_nps .graph_wrap {
    display: inline-block;
    position: relative;
    width: 240px;
    height: 240px;
}
.es_nps .graph_wrap .score {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
}
.es_nps .tit {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #222;
}
.es_nps .data {
    font-size: 36px;
    color: #222;
    line-height: 1;
}
.es_nps table {
    margin-top: 40px;
}
.es_nps table th,
.es_nps table td {
    text-align: center;
}

.nps_total {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 240px;
    height: 240px;
    margin-left: 28px;
    border-radius: 50%;
    background: #d0e0fc;
    text-align: center;
    vertical-align: top;
}
.nps_total .tit {
    min-width: 80px;
    height: 25px;
    padding: 0 10px;
    margin-bottom: 12px;
    border-radius: 14px;
    background: #4772d3;
    color: #fff;
    line-height: 25px;
}
.nps_total .data {
    overflow: hidden;
    word-break: break-all;
}

.jtcu_pyramid {
    position: relative;
    width: 412px;
    height: 451px;
    margin: 0 auto;
    background: url(../img/bg_jtcu.png) no-repeat;
    text-align: center;
}
.jtcu_pyramid li {
    display: block;
    position: absolute;
    min-width: 160px;
    height: 55px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f1f1f1;
    white-space: nowrap;
}
.jtcu_pyramid li:first-child {
    top: 17px;
    right: 30px;
    left: 30px;
    background: transparent;
    color: #fff;
}
.jtcu_pyramid li:nth-child(2) {
    top: 107px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.jtcu_pyramid li:nth-child(3) {
    top: 200px;
    right: calc(50% + 17px);
}
.jtcu_pyramid li:nth-child(4) {
    top: 243px;
    left: calc(50% + 17px);
}
.jtcu_pyramid li:nth-child(5) {
    top: 287px;
    right: calc(50% + 17px);
}
.jtcu_pyramid li:last-child {
    position: absolute;
    right: 30px;
    bottom: 18px;
    left: 30px;
}
.jtcu_pyramid .tit {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
}
.jtcu_pyramid .data {
    font-size: 16px;
}

/* 20230627 HOME 수정 */
.body_wrap.home {
    height: 100%;
}

.index_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*width: auto;*/
    width:1372px;
    height: 100%;
    margin: 0 auto;
    margin-top : 200px;
}

.index_tit img {
    display: block;
}

.index_menu_wrap {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 80px;
    height: auto;
    margin-top: 131px;
}
.index_menu_wrap li {
    margin: 0;
}
.index_menu_wrap li a {
    display: block;
    height: 100%;
}

.icon_area.img11 {
    background: url(../img/main_icon_11_off.png) no-repeat;
}

.index_menu_wrap li:hover .icon_area.img11 {
    background: url(../img/main_icon_11.png) no-repeat;
}

/* 20230627 NPS 추가 */
.nps_grid {
    display: grid;
    grid-template-columns: 590px 450px 1fr;
    gap: 70px 20px;
    margin-top: 70px;
    word-break: break-all;
}
.nps_grid > .layout_border > .graph_wrap:only-child {
    margin: 15px 0;
}
.nps_grid > .nps_score {
    grid-column: 1/4;
}

.nps_score {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
}
.nps_score ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding: 0 65px;
}
.nps_score li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    min-width: 130px;
    padding-top: 140px;
    font-size: 16px;
    color: #222;
    text-align: center;
}
.nps_score li:before {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30px;
    counter-increment: score;
    content: counter(score);
}
.nps_score li::after {
    position: absolute;
    top: 32px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px;
    height: 100px;
    background: #ebebeb;
    content: "";
}
.nps_score .tit {
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    height: 50px;
    background: #ffb224;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    z-index: 1;
}
.nps_score .data {
    display: block;
    margin-bottom: 6px;
    font-size: 30px;
}
.nps_score .detractors,
.nps_score .passives,
.nps_score .promoters {
    position: relative;
}
.nps_score .detractors .tit {
    background: #ffb224;
}
.nps_score .detractors ol {
    counter-reset: score -1;
}
.nps_score .detractors .data {
    color: #ffb224;
}
.nps_score .passives .tit {
    background: #0ab99d;
}
.nps_score .passives ol {
    counter-reset: score 6;
}
.nps_score .passives .data {
    color: #0ab99d;
}
.nps_score .promoters .tit {
    background: #4772d3;
}
.nps_score .promoters ol {
    counter-reset: score 8;
}
.nps_score .promoters .data {
    color: #4772d3;
}

.nps_calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
}
.nps_calc > span {
    min-width: 30px;
    margin-top: 25px;
    color: #222;
}
.nps_calc .promoters,
.nps_calc .detractors,
.nps_calc .nps > span {
    width: 170px;
    height: 40px;
    font-size: 16px;
}
.nps_calc .promoters {
    background: #4772d3;
    color: #fff;
}
.nps_calc .detractors {
    background: #ffb224;
    color: #fff;
}
.nps_calc .nps {
    font-size: 46px;
}
.nps_calc .nps > span {
    display: block;
    margin-bottom: 17px;
    background: #d0e0fc;
}

.nps_summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 13px -40px;
}
.nps_summary li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
}
.nps_summary li ~ li {
    border-left: 1px solid #e3e3e3;
}
.nps_summary .tit {
    display: block;
    margin-bottom: 27px;
    font-size: 16px;
    font-weight: 500;
}
.nps_summary .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.nps_summary .item ~ .item {
    margin-top: 20px;
}
.nps_summary .item:last-child .data {
    font-size: 30px;
}
.nps_summary .data {
    margin-bottom: 6px;
    font-size: 40px;
    word-break: break-word;
}
.nps_summary .detractors .data {
    color: #ffb224;
}
.nps_summary .promoters .data {
    color: #4772d3;
}
.nps_summary .passives .data {
    color: #0ab99d;
}


/*20230627 end*/