@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansgothic.css);

/*공통*/
body{min-width:1460px;}
a,a:hover,a:active,a:focus{color:#4026C1;}
#top_area ~ .navbar  ul.nav{width:100%;}
.sub_smtxt{color:#f00;font-size:12px;}

.txt_center{text-align:center;}
.txt_right{text-align:right;}

.txt_green{color:#168C02;}
.txt_red{color:#D20202;}
.txt_blue{color:#203CA5;}
@media \0screen {select{padding:5px;}}
.item_space{margin-left:10px;}
.txt_point{font-weight:bold;color:#000;}
.navbar .nav>li>a{padding:15px 25px;font-weight:bold;}
.modal-header{padding:15px;}
.modal-body p{line-height:2em;}
.modal-footer{text-align:center;}
.btn.btn_purple{color:#fff;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#4e35cb),to(#3d23bf));
background-image: -webkit-linear-gradient(top,#4e35cb,#3d23bf); 
background-image: -o-linear-gradient(top,#4e35cb,#3d23bf);
background-image: linear-gradient(to bottom,#4e35cb,#3d23bf); 
background-repeat: repeat-x;
background-color:#4e35cb;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus{color: #4026C1; */}
.modal-backdrop,
.modal-backdrop.fade.in{opacity: .6;}
.btn.btn_purple:hover,
.btn.btn_purple:active,
.btn.btn_purple:focus{background-position:0;}
#contents{padding:0 15px 40px 15px;}
.breadcrumb{float:right;background-color:#fff;}
.well{clear:both;text-align:center;}
.label{padding:4px 10px;}
.navbar{position:relative;margin-bottom:0;}
.navbar.sub_menu_wrap .sub_con{position:absolute;top:50px;width:99.9%;height:40px;border:1px solid #d4d4d4;}
.sub_menu {position:absolute;z-index:100;left:0;}
.sub_menu li{float:left;}
.sub_menu li a{display:block;padding:10px 20px;cursor:pointer;}
.sub_menu li a:hover,
.sub_menu li a:active,
.sub_menu li a:visited,
.sub_menu li a:focus{text-decoration: none;}
.sub_menu li a:hover{background-color:#563CDA;color:#fff;}
.sub_menu li.on a{background-color:#563CDA;color:#fff;}

input[type='text'].input_date{padding-left:40px;background:#fff url(../images/icon/icon_date.png) no-repeat 7px center;}
strong.search_tle{color:#525252;padding:5px 15px 5px 30px;background:url(../images/icon/icon_search.png) no-repeat 0 50%;}
.pagination{text-align:center;}
.td_tit{text-align:center !important;}
#ui-datepicker-div{width:215px;}
.btn_long{padding-left:25px;padding-right:25px;}
.btn_group{text-align:right;}
.tabbable .btn_group,
.tbl_wrapper .btn_group{margin-top:20px;}
.btn_sm{padding:8px 10px;background-color:#636363;border-radius:3px;color:#fff;font-size:11px;}
.btn_sm:hover,
.btn_sm:active{text-decoration:none;background-color:#808080;color:#fff;}
.btn_sm:visited{color:#fff;text-decoration:none;}
.btn_sm.disabled{background-color:#B9B9B9;cursor: not-allowed;}

.tbl_wrapper table.table.tbl_details{margin-bottom:0;}
table.table{border:1px solid #ddd;}
table.table th{text-align:center;vertical-align: middle;}
table.table th,
table.table td{border:1px solid #ddd;}
table.table.tbl_list{table-layout:fixed;}
table.table.tbl_list tr{cursor:pointer;}
table.table.tbl_list tr:hover{background-color:#fdf2db;}
table.tbl_list.none_click tr:hover{background-color:#f4f4f4;}
table.table.tbl_list tr th{background-color:#F3F2F2;}
table.table.tbl_list tr td {text-overflow: ellipsis;overflow: hidden;word-wrap: break-word;word-break: break-all;vertical-align:middle;}
table.table.tbl_list.none_click tr{cursor:default;}
table.table.tbl_details tr th{font-size:12px;color:#433382;}
table.table.tbl_details tr td{text-align:left;vertical-align:middle;}
table.table tr td.tbl_tit{padding:12px 8px 12px 26px;background:#eee url(../images/icon/icon_bullet01.png) no-repeat 15px 50%;font-size:13px;font-weight:bold;color:#3F25C1;letter-spacing:-1px;}
table.table tr th{background-color:#fff;color:#333;font-size:13px;border-bottom:1px solid #CDC4DE;}
table.table tr .tit{text-align:left;}
table.table.tbl_details input{margin-bottom:0;}
table.table.tbl_details input ~ .btn_sm{margin:0 10px;}

table.tbl_frame th,
table.tbl_frame td{padding:8px 0;}
table.tbl_frame input{margin:0;}

.nowrapTd {white-space: nowrap;}

/*로그인 페이지*/
.logo{width:225px;margin:200px auto 50px;}
.login_box{width:450px;margin:0 auto;}
.login_box .login_input{float:left;width:340px;}
.login_box .login_btn{float:left;margin-left:15px;}
.login_box .login_btn button{width:90px;height:100px;font-weight:bold;font-size:15px;}
.login_box .id_save{margin-bottom:0;}

.login_box .form-horizontal .control-label{width:60px;margin-right:15px;padding-top:10px;}
.login_box .form-horizontal .controls{margin-left:0;}
.login_box .id_save{padding-left:75px;}
.login_box .control-group label{font-weight:bold;}

.login_box input[type='text'],
.login_box input[type='password']{width:250px;height:30px;line-height:30px;}


.top_logo{float:left;line-height:0;}
.top_logo .brand em{font-size:16px;color:#3d23bf;line-height:50px;}
.top_logo .brand:hover{text-decoration: none;}
.top_logo .brand img{width:130px;padding-right:13px;}

#top_area{padding:20px 15px;}
.user_info{float:right;padding-top:15px;}

.navbar{clear:both;}
.tbl_top{height:45px;*zoom:1;}
.tbl_top:after{content:"";display:block;clear:both;}
.tbl_top .btn_group{float:right;margin-bottom:15px;}
.tbl_top strong{margin-left:5px;font-size:17px;}

.badge{font-size: 12.844px;}

.tbl_top .info_txt{float:right;padding-top:9px;}
.tbl_top .info_txt ul li{float:left;font-size:13px;border-left:1px solid #C7C7C7;padding:0 15px;}
.tbl_top .info_txt ul li:first-child{border-left:none;}
.tbl_top .info_txt ul li strong{font-size:13px;margin-left:0;padding-right:10px;}

.tabbable.big_tab{padding-top:20px;}
.tabbable.big_tab .nav.nav-tabs li a{padding:10px 100px;font-weight:bold;}
.tabbable.big_tab .nav-tabs>.active>a,
.tabbable.big_tab .nav-tabs>.active>a:hover,
.tabbable.big_tab .nav-tabs>.active>a:focus{border:1px solid #ccc;border-bottom-color: transparent;}
.tabbable.big_tab .nav-tabs{border-bottom:1px solid #ccc;}

.phone_info{float:left;width:100%;}
.phone_info li{float:left;width:33.3%;margin:5px 0;}
.phone_info li strong{display:block;float:left;width:130px;}

.table.tbl_comment{border:1px solid #f00;margin-top:25px;}
.table.tbl_comment th{background-color:#d3dbef;}
.table.tbl_comment td button.btn{width: 80px;height: 60px;margin-left:10px;}
.table.tbl_comment th strong{font-size:15px;color:#000;}

.dot_line{width:100%;height:1px;margin-top:20px;border-top:1px dashed #717171;}

.dropdown-menu{width:1200px;min-width:auto;margin:0;padding:0;border:none;border-radius:0;background:none;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0)}

.box{padding:9px;background-color:#eee;}

.popup{position:fixed;top:15%;left:50%;z-index:9999;border:1px solid #d1d1d1;background-color:#f0f0f0;box-shadow: 1px 1px 1px 1px #cecece}
.pop_tle{overflow:hidden;position:relative;height:30px;padding:0 30px;border-bottom:1px solid #d1d1d1;font-family:'Noto Sans KR',sans-serif;font-size:30px;text-align:center;line-height: 67px;}
.pop_tle .btn_close{display:block;float:right;width:22px;height:22px;margin:4px 0;background:url(../images/icon/icon_login.png) no-repeat -83px -8px;cursor:pointer}

.btn_medium02{height:32px;padding:0 20px;font-family:'Noto Sans KR',sans-serif;font-size:13px}

.radius_label{margin-top:7px}
.radius_label{display:inline-block;border-radius:10px;border:1px solid #000;padding:5px 10px;font-size:12px;letter-spacing:-1px}
.radius_label.blue{border-color:#5299ea;color:#5299ea}
.radius_label.green{border-color:#21982f;color:#21982f}
.radius_label.purple{border-color:#a852ea;color:#a852ea}

.btn_square{display:inline-block;width:33px;height:33px;border:1px solid #e0e0e0;background-color:#fff}
.btn_graph01{background:url(../images/icon/icon_lineVer.png) no-repeat -40px 4px}
.btn_graph02{background:url(../images/icon/icon_lineVer.png) no-repeat -78px 4px}

.tbl_basic{width:100%;margin-top:20px;border-top:2px solid #e20f1a;border-bottom:1px solid #d2d2d2;font-family:dotum,"돋움",sans-serif;font-size:14px}
.tbl_basic th,
.tbl_basic td{padding:15px 5px;vertical-align: middle}
.tbl_basic th{background-color:#fff;font-weight:bold;text-align:center}
.tbl_basic td{border-top:1px solid #d2d2d2;border-left:1px solid #d2d2d2;text-align:center}
.tbl_basic.tbl_orange{border-top:1px solid #ff8400;border-bottom: 1px solid #dadada;font-family:'Malgun Gothic',sans-serif}
.tbl_basic.tbl_orange .label{margin-right:10px;letter-spacing:-1px}
.tbl_basic.tbl_orange th{height:47px;padding:0 10px}
.tbl_basic.tbl_orange td{height:45px;padding:0 10px}
.tbl_basic.tbl_orange th{font-weight:normal;font-size:14px;text-align:left}
.tbl_basic.tbl_orange th .label{padding:4px 10px;border:1px solid #ff8400;color:#ff8400;background-color:#fff;font-weight:bold}
.tbl_basic.tbl_orange td{border-left:none;background-color:#ececec}
.tbl_basic.tbl_orange strong span{margin-left:10px;color:#ff8400;font-weight:normal}
.tbl_basic.tbl_orange td .label{border:1px solid #d87000;margin-left:60px;padding:3px 7px;color:#fff;background-color:#ff8400}
.tbl_basic.tbl_orange .answer td{text-align:left}

.admin_pop{position:absolute;z-index:9999;min-width:210px;border:1px solid #0f0f0f}
.admin_pop .admin_popTle{height:48px;border-bottom:1px solid #0f0f0f;padding:0 45px 0 15px;background:#3d3d3d url(../images/icon/icon_popAdmin.png) no-repeat 100% -4px;color:#fff;font-family:'Noto Sans KR',sans-serif;font-weight:300;font-size:16px;text-align:left;line-height:48px}
.admin_pop .admin_popCon{background-color:#fff;padding-bottom:5px;}
.admin_pop .admin_popBottom{position:relative;height:38px;padding-left:40px;background-color:#3d3d3d;color:#fff;font-family:'dotum','돋움',sans-serif;font-size:13px;line-height:38px}
.admin_pop .admin_popBottom input[type='checkbox']{position:absolute;top:10px;left:12px}
.admin_pop .admin_popBottom a.btn_adpopClose{display:block;float:right;width:25px;height:25px;margin:6px 15px 0 0;background:url(../images/icon/icon_popAdmin.png) no-repeat -13px -64px}

.paginate{clear:both;padding:25px 0 0;text-align:center;line-height:normal}
.paginate *{margin-right:-5px;display:inline-block;position:relative;padding:4px 12px;font-family:Tahoma, Sans-serif;font-weight:normal;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate a{border:1px solid #d1d1d1;background-color:#fff;color:#4026C1;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{color:#4026C1, background-color:#fff}
.paginate strong{border:1px solid #d1d1d1;font-weight:bold;background-color:#e5e5e5;color:#999}
.paginate .direction{padding:4px 12px;font-size:14px;color:#4026C1;text-align:center}
.paginate .direction:hover,
.paginate .direction:active,
.paginate .direction:focus{background-color:transparent !important}
.paginate .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/*modal*/
.modal.fade {top:-38%;-webkit-transition: opacity .2s linear,top .2s ease-out;
    -moz-transition: opacity .2s linear,top .2s ease-out;
    -o-transition: opacity .2s linear,top .2s ease-out;
    transition: opacity .2s linear,top .2s ease-out;}
.modal-backdrop.fade{background:none !important;}

/*modal 작은창*/
.modal.modal_sm{width:300px;}
.modal.modal_sm ~ .modal-backdrop.fade{background:none !important;}
.modal.modal_sm{margin-left: -150px;}
.modal.modal_sm .modal-title strong{padding:7px;font-size:15px;}
.modal.modal_sm .modal-footer{padding:0px;border-top:1px solid #b9b9b9;}
.modal.modal_sm .modal-footer ul{float:left;width:100%;}
.modal.modal_sm .modal-footer ul li{float:left;width:50%;}
.modal.modal_sm .modal-footer ul li:first-child button{border-right:1px solid #b9b9b9;}
.modal.modal_sm .modal-footer button{width:100%;padding:8px 5px;border:none;}
.modal.fade.modal_sm{-webkit-transition: opacity .2s linear,top .2s ease-out;
    -moz-transition: opacity .2s linear,top .2s ease-out;
    -o-transition: opacity .2s linear,top .2s ease-out;
    transition: opacity .2s linear,top .2s ease-out;}
.dataTables_paginate { text-align : center; }

.sub_menu{display:none}
.active .sub_menu{display:block}