@charset "utf-8";

/* layout */
html {height:100%;}
body {width:100%; height:100%; font-family:'Dotum','돋움', sans-serif;font-size:15px;}
#wrap {width:100%; position:relative;}
#header {width:100%; height:54px; position:relative; z-index:1; background:#202e48;}
#container {width:100%; padding:0;}
.content_wrap {width:100%; overflow:hidden; position:relative;}
.content {position:relative; margin-left:190px; padding:25px 30px;}

/* common
#header h1 {margin:3px 0 0 20px;display:inline-block;background:url(../img/logo3.png) no-repeat 0 0;width:131px;height:47px;}
*/
#header h1 {margin:3px 0 0 20px;display:inline-block;background:url(../img/logo3.png) no-repeat 0 0;width:197px;height:39px;}
#header .nav_option {margin:0; overflow:hidden; list-style:none; position:absolute; top:15px; right:23px;}
#header .nav_option li {float:left;}
#header .nav_option li:first-child{display: none}
#header .nav_option li a {width:22px; height:22px; display:block; text-indent:-99999em; background:url("../img/btn_navOption.png") no-repeat 0 0;}
#header .nav_option li .btn_home {background-position:0 0; margin-right:21px;}
#header .nav_option li .btn_logout {background-position:-43px 0;}

h2{margin: 10px 0;padding-bottom: 10px;}
.sub_tit{font-size:20px;font-weight: bold;color:#202e48;padding-left:5px;position: relative;border-bottom:2px solid #336699;padding-bottom:6px;line-height:18px;}
.sub_tit select{font-size:14px;min-width:160px;position: relative;right:3px;top:-8px;height:30px;background:#3362b7;color:#FFF;}

.lnb_group {width:180px; float:left; background:#182337;}
.lnb_group ul {list-style:none; margin:0; padding:0;}
.lnb_group .category {position:relative;}
.lnb_group .category li.on, .lnb_group .category li:hover{}
.lnb_group .category li a {height:36px; padding-top:60px;text-align:center; font-weight:bold; font-size:14px; color:#c4c8d2; text-decoration:none;}
.lnb_group .category li.on a, .lnb_group .category li a:hover{}
.lnb_group .category .menu01 a {background:url("../img/common/lnb_menu_img01.png") no-repeat center 18px;}
.lnb_group .category li .sub_menu {display:none;padding: 0 18px 0;margin-top:2px}
.lnb_group .category li .sub_menu li {border-bottom:1px solid #273145; padding:10px 0 12px 7px !important;}
.lnb_group .category li .sub_menu li a {width:142px; height:24px; padding:0; background:none !important;line-height:24px; font-weight:normal; color:#e7e7e7 !important; text-align:left;font-weight: bold}
.lnb_group .category li .sub_menu li a.on, .lnb_group .category li .sub_menu li a:hover {color:#02bbeb !important}

.tab {margin-bottom:5px;}
.tab ul {height:36px; list-style:none; margin:0; padding:0; overflow:hidden;}
.tab li {float:left; margin-right:-1px; border:1px solid #c5cad3;}
.tab li.on, .tab li:hover  {border:1px solid #4478c5; background:#4478c5;}
.tab li a {display:block; padding:9px 22px 9px 22px; font-size:14px; line-height:16px; font-weight:bold; color:#74819c; text-decoration:none;}
.tab li.on a, .tab li:hover a {color:#fff;}

.tab .aside {display:inline-block; margin:0; padding:6px 10px 10px 25px; background:#4478c5;}
.tab .aside input {vertical-align:middle;}
.tab .aside label {margin-right:25px; font-size:14px; color:#fff;}

.progression {margin-bottom:30px;}
.progression ul {overflow:hidden; list-style:none; margin:0; padding:0;}
.progression ul li {float:left; position:relative; padding:10px 25px 12px 44px; font-size:13px; line-height:20px; font-weight:bold; border:1px solid #c5cad3; border-left:none; border-right:none; color:#74819c; background:#fff;}
.progression ul li:after {width:20px; height:42px; position:absolute; top:0; right:-18px; z-index:1;content: ""; background:url("../img/common/pg_arrow.png") no-repeat right -1px;}
.progression ul li.on {background:#4ab06e; color:#fff; border-color:#4ab06e;}
.progression ul li.on:after {width:20px; height:42px; position:absolute; top:0; right:-18px; z-index:1;content: ""; background:url("../img/common/pg_arrow_on.png") no-repeat right -1px;}
.progression ul li:first-child {padding-left:25px; border-left:1px solid #c5cad3;}

input {vertical-align:middle;}
input.rdo, input.check{width:14px; height:14px; margin:0 4px 0 0; border:none;}
input.txt {height:28px; border:1px solid #dcdcdc; border-radius:3px;}
input.file + span {font-size:12px; color:#888;}
input.placeholder {font-size:12px; color:#aaa;}
input.readonly {height:23px; padding:0; text-indent:5px; font-size:12px; line-height:18px; background:#f3f3f3; border:1px solid #dcdcdc; border-radius:3px;}
input.w22{width:25px !important;}
input.w46 {width:46px;}
input.w65{width:65px !important;}
input.w80{width:80px !important;}
input.w432 {width:432px;}
input.w212 {width:212px;}
input.w380 {width:380px;}
input.w182 {width:182px;}
input.w152 {width:152px;}
input.file {font-size:13px;}
input.error{border:2px solid #ff0000 !important;}
label {font-size:13px; line-height:16px; margin:0; padding:0;}

textarea {width:474px; height:47px; margin:0; padding:4px; line-height:16px; border:1px solid #dcdcdc; border-radius:3px;}
textarea.focus, input.focus {border:1px solid #0099cc !important;}
textarea.readonly {background:#f3f3f3;}
select {height:30px;line-height:32px; border-radius:3px; color:#363636; font-size:13px; border:1px solid #dcdcdc; padding:4px 2px 2px 2px; vertical-align:middle;}
span.label {display:inline-block; text-align:left; letter-spacing:-0.05em;}
span.label.w100 {width:100px;}
span.label.w180 {width:180px;}

#login_wrap {width:100%; height:100%; background:#141f35; text-align:center;}
#login_wrap h1 {display:none;}
#login_wrap img {margin-bottom:60px; padding-top:315px;}
#login_wrap .login_box {width:271px; margin:0 auto;}
#login_wrap .login_box input {margin-bottom:8px;}
#login_wrap .login_box input.txt {width:270px; height:38px; line-height:41px; display:block; font-size:15px; border:1px solid #fff; border-radius:8px; text-indent:15px;}
#login_wrap .login_box .btn_login {display:block; margin-top:20px;}
#login_wrap .login_box .btn_login input {padding:10px 36px 10px 36px;line-height:20px;font-size:15px;font-weight:bold; background:#3498db; border:none; border-radius:5px; text-align:center; color:#fff;}
#login_wrap .login_box .btn_login input:hover{cursor:pointer;background: #177ec4}
#login_wrap .login_box h2{margin:0 auto 15px 0;width:250px;height: 199px;background: url('../img/logo.png') no-repeat 50% 0;display:inline-block;}

.btn_add, .btn_remove, .btn_calendar {width:20px; height:24px; border:none; vertical-align:middle; text-indent:-99999em; cursor:pointer;}
.btn_add {background:url("../img/btn/btn_add.png") no-repeat 0 0;}
.btn_remove {background:url("../img/btn/btn_remove.png") no-repeat 0 0;}
.btn_calendar {background:url("../img/btn/btn_calendar.png") no-repeat 0 3px;}

/* table */
table {border-collapse:collapse; border-spacing:0;}
table {width:100%; max-width:100%;}
table th{background:#f3f3f3; font-weight:bold; color:#3a4965;}
table th em {color:red; font-weight:normal; font-style:normal; vertical-align:middle;}
table td {font-size:14px;}
table td .btn_medium_navy {display:inline-block; padding:5px 13px 5px 16px; font-size:14px; line-height:20px; background:#336699; color:#fff; border:none; border-radius:3px; vertical-align:middle; text-decoration:none;margin-left:5px;font-weight:bold;cursor:pointer;}
table td .btn_medium_navy:hover {background:#3a75af}
table td ul {margin:0; padding:0; list-style:none;}
table td ul li {margin-bottom:4px;}
/*table td span {font-size:12px;}*/
table td .dis_red {height:20px; line-height:22px; vertical-align:middle; display:inline-block; padding-left:30px; background:url("../img/common/bul_dis_red.gif") no-repeat 5px 0;}
table td .dis_gray {height:20px; line-height:22px; vertical-align:middle; display:inline-block; padding-left:30px; background:url("../img/common/bul_dis_gray.gif") no-repeat 5px 0;}

table td span.btnW{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #aaa;background:#f8f8f8;margin-left:5px;border-radius:4px;top: -1px;}
table td span.btnW:hover{background: #f0f0f0}
table td span.btnV{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #8a6d3b;background:#92AAB0;margin-left:5px;border-radius:4px;top: -1px;}
table td span.btnV:hover{background: #9aa5ea}
table td span.btnB{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #8a6d3b;background:#ee9900;margin-left:5px;border-radius:4px;top: -1px;}
table td span.btnB:hover{background: #c47135}

.tbl {margin-bottom:30px;}
.tbl_header {overflow:hidden; border-bottom:2px solid #336699;}
.tbl_header.non_title {border:none}
.tbl_option_area {overflow:hidden; border-bottom:2px solid #202e48;}
.tbl_option_area .data_sorting {float:left; margin-top:5px;padding-bottom:15px;padding-left: 5px}
.tbl_option_area .data_sorting label {margin-right:25px;color:#666;font-size:13px;}
.tbl_option_area .data_sorting label.checked{font-weight: bold;color:#000}
.tbl_header h4 {float:left; margin:0; padding:3px 0 0 16px;height:26px;font-size:14px; color:#003366; background:url("../img/common/bul_h4.gif") no-repeat 0 5px;}
.tbl_header .tbl_dis {float:right; margin:0 0 6px 0; font-size:12px; line-height:18px; color:#666;}
.tbl_header.non_title .tbl_dis {float:left;}
.tbl_header .tbl_dis em {color:red; font-weight:normal; font-style:normal; vertical-align:middle;}
.tbl_type_form {}
.tbl_type_form table th, .tbl_type_form table td {padding:9px 10px 10px 15px;}
.tbl_type_form table th {font-size:14px; font-weight:bold; border-top:1px solid #d4d8dd; border-bottom:1px solid #d4d8dd; text-align:left;}
.tbl_type_form table td {border:1px solid #dfe1e3; border-right:none;}
.tbl_type_form table td label {margin-right:30px;}
.tbl_type_form table td input.txt {text-indent:5px; font-size:14px; line-height:18px; /*background:#f3f3f3;*/}
.tbl_type_form table td .img_box {display:inline-block;}
.tbl_type_form table td .img_box img {vertical-align:bottom;}
.tbl_type_form table td .img_box img {width:70px; height:70px; }
.tbl_type_form table td .img_box2 {display:inline-block;}
.tbl_type_form table td .img_box2 img {vertical-align:bottom;}
.tbl_type_form table td .img_box2 img {width:30px; height:30px; }

.tbl_regmod_form {}
.tbl_regmod_form table th, .tbl_regmod_form table td {padding:4px 5px 5px 7px;}
.tbl_regmod_form table th {font-size:14px; font-weight:bold; border-top:1px solid #d4d8dd; border-bottom:1px solid #d4d8dd; text-align:center;}
.tbl_regmod_form table td {border:1px solid #dfe1e3; border-right:none;}
.tbl_regmod_form table td label {margin-right:30px;}
.tbl_regmod_form table td input.txt {text-indent:5px; font-size:14px; line-height:18px; /*background:#f3f3f3;*/}
.tbl_regmod_form table td .img_box {display:inline-block;}
.tbl_regmod_form table td .img_box img {vertical-align:bottom;}
.tbl_regmod_form table td .img_box img {width:70px; height:70px; }
.tbl_regmod_form table td .img_box2 {display:inline-block;}
.tbl_regmod_form table td .img_box2 img {vertical-align:bottom;}
.tbl_regmod_form table td .img_box2 img {width:30px; height:30px; }


.in_tbl {position:relative;}
.in_tbl table {margin-bottom:15px;}
.in_tbl .in_tbl_tit {margin:0; padding:7px 0 8px 15px; font-size:12px; font-weight:bold; background:#336699; color:#fff;}
.in_tbl .in_tbl_tit span {font-size:12px; line-height:18px; font-weight:normal; vertical-align:top;}
.in_tbl table th, .in_tbl table td {border:1px solid #cbd1d7; border-top:none;}
.in_tbl table th {background:#e7eaed;}
.in_tbl .btn {position:absolute; top:6px; right:10px;}

.tbl_type_data table th {font-size:14px; line-height:18px; padding:11px 0 13px 0;color:#3a4965; border-top:1px solid #d4d8dd; border-bottom:1px solid #d4d8dd;}
.tbl_type_data table td {font-size:14px; line-height:18px; padding:11px 10px 13px 10px; text-align:center; border-bottom:1px solid #ddd;}
.tbl_type_data table td .img_box {width:30px; height:30px; display:inline-block; background:#ddd; vertical-align:middle;}
.tbl_type_data table td a {font-weight:bold; color:#3399cc; text-decoration:none;}
.tbl_type_data table td.ta_left {text-align:left;}
.tbl_type_data table th.ta_right{text-align:right; padding-right:10px}
.tbl_type_data table td.ta_left{text-align:left !important;}
.tbl_type_data table td.ta_right{text-align:right !important;}
.tbl_type_data table td.ta_center{text-align:center !important;}
.tbl_type_data table td.warring{font-weight:bold;color:#ff0000;}
.tbl_type_data table td.warring a{font-weight:bold;color:#ff0000;}

.tbl_type_data div.total_cnt{float:left;font-weight:bold;font-size:13px;margin:10px 5px;}
.tbl_type_data div.summary{color:#aaaaaa;float:right;font-weight:normal;font-size:13px;margin:10px 5px;}
.tbl_type_data div.summary b{color:#000000;}
.tbl_type_data table tbody tr:hover{background-color:#f3f7fd;cursor:pointer;}

/* content */
.serch_bar {margin:0 0 5px 0; padding:0; border:none; text-align:right;}
.serch_bar legend{overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0;}
.serch_bar .date {margin-right:15px;}
.serch_bar select {height:28px; border-radius:3px; color:#363636; font-size:12px; border:1px solid #a9a9a9; padding:0 1px 0 2px; vertical-align:middle;}
.serch_bar span {display:inline-block; vertical-align:middle; text-align:left;}
.serch_bar span input {width:155px; margin:0; padding:0 0 0 5px; background:#fff; border:1px solid #a9a9a9; vertical-align:top; font-size:12px; line-height:26px;}
.serch_bar span.btn_serch {width:26px; height:26px; margin:0; padding:0; text-indent:-99999em; cursor:pointer; border:1px solid #dcdcdc;  border-radius:3px; background:url("../img/common/btn_serch.gif") no-repeat center center;}
.serch_bar span.btnW{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #aaa;background:#f8f8f8;margin-left:5px;border-radius:4px;top: -1px;}
.serch_bar span.btnW:hover{background: #f0f0f0}


/* 춘 serch bar - 시작 : 2019.12.05 */
.serch_bar span.search_title{text-align:center;border-radius:5px;width:80px !important;background:#cccccc;padding:9px 5px 8px 5px !important;background:#cccccc !important;font-weight:bold;}
.serch_bar ul{display:inline-block;width:100%;margin:0px;padding:0px;min-width:995px;max-width:1630px;width:auto;}
.serch_bar ul li{text-decoration:none;float:left;display:inline-block;padding:2px;font-size:12px;text-align:center;vertical-align:middle;margin:4px 4px;width:auto;}
.serch_bar li>span{text-align:left;display:inline-block;vertical-align:middle;width:57px;}
.serch_bar li>span.w220{width:225px;}
.serch_bar li>span.search_title{text-align:center;border-radius:5px;width:80px !important;background:#cccccc;padding:9px 5px 8px 5px !important;background:#cccccc !important;font-weight:bold;}
.serch_bar li>span select{width:100%;}
.serch_bar li>span input[type=text]{padding:0 0 0 3px;}
.serch_bar li>span input[type=submit]{width:90px !important;border-radius:5px;padding:7px 0px 6px 10px !important;font-weight:bold;cursor:pointer;border:2px solid #dcdcdc;background:url("../img/common/btn_serch.gif") no-repeat 10px center;}
.serch_bar li>span.search_type {text-align: center; border-radius: 5px; width: 90px !important; }
.serch_bar li>span.search_type select { height: 32px; width: 100%; padding: 0 0 0 10px; }
.w100p{ width:100% !important;}
.w95{width:95px !important;}
/* 춘 serch bar - 끝 : 2019.12.05 */

.btn_area {overflow:hidden; position:relative; text-align:center; margin-bottom:20px;}
.btn_area_m {overflow:hidden; position:relative;}
.btn_area_right {overflow:hidden; position:relative; text-align:right; margin-bottom:1px;}
.btn_area a {text-decoration:none;}
.btn_area_m a {text-decoration:none;}
.btn_area_right a {text-decoration:none;}
.btn_large_blue {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:14px; line-height:13px; font-weight:bold; background:#3498db; color:#fff; border-radius:3px;}
.btn_large_gray {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:14px; line-height:13px; font-weight:bold; background:#7d90a0; color:#fff; border-radius:3px;}
.btn_large_green {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:14px; line-height:13px; font-weight:bold; background:#32abab; color:#fff; border-radius:3px;}
.btn_large_orange {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:14px; line-height:13px; font-weight:bold; background:#ee9900; color:#fff; border-radius:3px;}
.btn_xlarge_blue {display:inline-block; padding:14px 30px; vertical-align:middle; font-size:14px; line-height:13px; font-weight:bold; background:#3366cc; color:#fff; border-radius:3px;}

/* 춘 button  - 추가 : 2019.12.17 */
.btn_small_gray {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:11px; line-height:13px; font-weight:bold; background:#7d90a0; color:#fff; border-radius:4px;}
.btn_small_orange {display:inline-block; padding:10px 15px; vertical-align:middle; font-size:11px; line-height:13px; font-weight:bold; background:#ee9900; color:#fff; border-radius:4px;}

@import url(https://fonts.googleapis.com/css?family=BenchNine:700);
/* background-color: #c47135;*/
.btn_type1 {background-color: #8a6d3b;
    border: none;    color: #ffffff;    cursor: pointer;    display: inline-block;
    font-family: 'BenchNine', Arial, sans-serif;font-size: 1em;
    font-size: 12px;line-height: 1em;
    margin: 10px 5px;outline: none;
    padding: 5px 5px 5px;
    position: relative;
    text-transform: uppercase;font-weight:300;}
.btn_type1:before,
.btn_type1:after {border-color: transparent;-webkit-transition: all 0.25s;transition: all 0.25s;border-style: solid;border-width: 0;content: "";height: 12px;position: absolute;width: 12px;}
.btn_type1:before {border-color: #c47135;border-right-width: 2px;border-top-width: 2px;right: -5px;top: -5px;}
.btn_type1:after {border-bottom-width: 2px;border-color: #c47135;border-left-width: 2px;bottom: -5px;left: -5px;}
.btn_type1:hover,
.btn_type1.hover {background-color: #c47135;}
.btn_type1:hover:before,
.btn_type1.hover:before,
.btn_type1:hover:after,
.btn_type1.hover:after {    height: 100%;    width: 100%;}

.btn_area .fl {float:left;}
.btn_area .fr {float:right;}

.signal {width:65px; display:inline-block; padding-left:15px; text-align:left;}
.signal.ing {background:url("../img/common/bul_ing.gif") no-repeat 0 3px;}
.signal.standby { background:url("../img/common/bul_standby.gif") no-repeat 0 3px;}
.signal.fin {background:url("../img/common/bul_fin.gif") no-repeat 0 3px;}
.signal.cancel {background:url("../img/common/bul_cancel.gif") no-repeat 0 3px;}
.signal.approved {background:url("../img/common/bul_approved.gif") no-repeat 0 3px;}

.detail_info {background:#ecf1f5; border:1px solid #d5dce7; margin-bottom:30px;}
.detail_info dl {position:relative; overflow:hidden; list-style:none; margin:12px 20px;}
.detail_info dl:after {content: " "; width:1px; height:100%; background:#fff; position:absolute; top:center; left:48%; border-right:1px solid #d8dde6;}
.detail_info dl dt, .detail_info dl dd {height:30px;float:left; margin:0; font-size:14px; line-height:30px;}
.detail_info dl dt span {padding-left:11px; background:url("../img/common/bul_dot.gif") no-repeat 0 center;}
.detail_info dl dt {width:15%; font-weight:bold; color:#596986;}
.detail_info dl dd {width:35%;}
.detail_info dl dd .bold {font-weight:bold;}
.detail_info dl dd .coinNum{font-size:18px;font-weight: bold;font-family:"Roboto";color:#003366}
.detail_info dl dd em {font-style:normal; font-weight:bold;}
.detail_info dl dd em.inning {display:inline-block; line-height:20px; vertical-align:middle; margin-top:-1px; padding:0 7px 1px 7px;color:#fff; background:red; border-radius:3px;}
.detail_info dl dd .signal {background-position:0 9px;}
.detail_info dl dd span.btnW{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #aaa;background:#f8f8f8;margin-left:5px;border-radius:4px;top: -1px;}
.detail_info dl dd span.btnW:hover{background: #f0f0f0}
.detail_info dl dd span.btnV{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #8a6d3b;background:#92AAB0;margin-left:5px;border-radius:4px;top: -1px;}
.detail_info dl dd span.btnV:hover{background: #9aa5ea}
.detail_info dl dd span.btnB{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #8a6d3b;background:#ee9900;margin-left:5px;border-radius:4px;top: -1px;}
.detail_info dl dd span.btnB:hover{background: #c47135}

.detail_info2 {background:#ecf1f5; border:1px solid #d5dce7; margin-bottom:30px;}
.detail_info2 dl {position:relative; overflow:hidden; list-style:none; margin:15px 20px 10px;}
.detail_info2 dl:nth-child(2):after {content: " "; width:1px; background:none; position:absolute; left:24%; border-right:0 !important;}
.detail_info2 dl:after {content: " "; width:1px; height:100%; background:#fff; position:absolute; left:24%; border-right:1px solid #d8dde6;}
.detail_info2 dl dt, .detail_info2 dl dd {height:24px;float:left; margin:0; font-size:14px; line-height:16px;padding: 5px 0}
.detail_info2 dl dt span {padding-left:11px; background:url("https://dev-cimg.gamefestival365.co.kr/mbox/admin/img/common/bul_dot.gif") no-repeat 0 center;}
.detail_info2 dl dt {width:7.5%; font-weight:bold; color:#596986;}
.detail_info2 dl dd {width:17.5%;}
.detail_info2 dl dd:nth-child(4),.detail_info2 dl dd:nth-child(6),.detail_info2 dl dd:nth-child(12),.detail_info2 dl dd:nth-child(14),.detail_info2 dl dd:nth-child(20),.detail_info2 dl dd:nth-child(22){background:url("../img/common/bar2p.png") repeat-y 90% 0; width:17.5%;background-size:2px 1px;}
.detail_info2 dl dd .bold {font-weight:bold;}
.detail_info2 dl dd .coinNum{font-size:18px;font-weight: bold;font-family:"Roboto";color:#003366}
.detail_info2 dl dd em {font-style:normal; font-weight:bold;}
.detail_info2 dl dd em.inning {display:inline-block; line-height:20px; vertical-align:middle; margin-top:-1px; padding:0 7px 1px 7px;color:#fff; background:red; border-radius:3px;}
.detail_info2 dl dd .signal {background-position:0 9px;}
.detail_info2 dl dd span.btnW{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #aaa;background:#f8f8f8;margin-left:5px;border-radius:4px;top: -1px;}
.detail_info2 dl dd span.btnW:hover{background: #f0f0f0}
.detail_info2 dl dd span.btnV{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #aaa;background:#92AAB0;margin-left:5px;border-radius:4px;top: -1px;}
.detail_info2 dl dd span.btnV:hover{background: #9aa5ea}
.detail_info2 dl dd span.btnB{font-size:13px;color:#333;padding:3px 8px;cursor: pointer;border:1px solid #8a6d3b;background:#ee9900;margin-left:5px;border-radius:4px;top: -1px;}
.detail_info2 dl dd span.btnB:hover{background: #c47135}


.top_option_area {text-align:right; margin-bottom:8px;}
.date_info {font-size:13px;}
.btn_middle_green{display:inline-block;padding:8px 13px;margin-left:10px;vertical-align:middle;font-size:13px;line-height:13px;font-weight:bold;background:#32abab;color:#fff;border-radius:3px;text-decoration:none;}
.btn_middle_green:hover{background:#049a9a;}

.btn_switch{display:inline-block;padding:5px;border:none;vertical-align:middle;font-size:12px;line-height:16px;background:#3498db;color:#fff;border-radius:3px;text-decoration:none;}
.btn_switch:hover{background:#336699;}
.btn_switch.off{display:inline-block;padding:5px;border:none;vertical-align:middle;font-size:12px;line-height:16px;background:#7d90a0;color:#fff;border-radius:3px;text-decoration:none;}
.btn_switch.off:hover{background:#607f97;}

/* window_pop */
.pop_window {width:620px;}
.pop_window .pop_header {background:#202e48; padding:15px 20px 17px 20px;}
.pop_window .pop_header h5 {font-size:14px; line-height:18px; color:#fff; margin:0; padding:0;}
.pop_window .pop_cont {background:#fff; padding:20px 20px 30px 20px;}
.pop_window .tbl {margin-bottom:15px;}
.pop_window .tbl table th {border-top:2px solid #202e48;}
.pop_window .tbl_type_data table tr td:first-child {text-align:left;}

/* window_pop */
.pop_window2 {width:1000px;}
.pop_window2 .pop_header {background:#202e48; padding:15px 20px 17px 20px;}
.pop_window2 .pop_header h5 {font-size:14px; line-height:18px; color:#fff; margin:0; padding:0;}
.pop_window2 .pop_cont {background:#fff; padding:20px 20px 30px 20px;}
.pop_window2 .tbl {margin-bottom:15px;}
.pop_window2 .tbl_type_data table tr td:first-child {text-align:left;}

.paginate {text-align:center; padding:10px 0;}
.paginate * {width:28px; height:28px; display:inline-block; font-size:13px; line-height:28px; font-weight:bold; border:1px solid #ccc; text-decoration:none; color:#aaa;}
.paginate strong, .paginate a:hover {background:#3e7bc1; color:#fff; border:1px solid #3e7bc1;}
.paginate .prev span, .paginate .next span {width:7px; border:none; margin:0 4px; text-indent:-99999em; background:url("../img/common/pagin_large_arrow.gif") no-repeat 0 center;}
.paginate .next span {background:url("../img/common/pagin_large_arrow.gif") no-repeat -7px center;}

.paginate_sm{text-align:center;}
.paginate_sm * {display:inline-block; font-size:12px; line-height:18px; margin:0 4px; font-weight:normal; text-decoration:none; vertical-align:middle; color:#192e3f;}
.paginate_sm strong {color:red;}
.paginate_sm .prev, .paginate_sm .next {width:5px; text-indent:-99999em; background:url("../img/common/pagin_arrow.gif") no-repeat 0 5px;}
.paginate_sm .next {background-position:-5px 5px;}

.reg_fin {padding:220px 0 0 0; text-align:center; background:url("../img/common/img_fin.gif") no-repeat center 126px;}
.reg_fin p {font-size:17px; color:#8997a5; margin:0 0 50px 0;}
.reg_fin p:first-child {font-size:20px; color:#003366; margin-bottom:15px;}

button{cursor:pointer;}

ul.flalign{margin:3px 0 6px;width:100%;border-bottom:1px solid #f4f4f4;min-height:33px;}
ul.flalign li{display:inline-block !important;padding:3px 0 5px 0;vertical-align: middle;margin-bottom:0;text-align:left}
ul.flalign li:first-child{min-width:2%;max-width:4%;text-align:center;font-weight: bold;color:#555;}
ul.flalign li input{position:relative;top:-3px;margin-bottom:-3px;height:26px;margin-right:5px;padding: 0 5px;}
ul.flalign li input.productName{width:200px;line-height:16px;background:#fafafa;border:1px solid #dedede;}
ul.flalign li input.productCategory{width:100px;line-height:16px;background:#fafafa;border:1px solid #dedede;}
ul.flalign li input.productBrand{width:100px;line-height:16px;background:#fafafa;border:1px solid #dedede;}
ul.flalign li input.productProbability{width:80px;line-height:16px;background:#fff;border:1px solid #dedede;}
ul.flalign li input.productPrice{width:60px;line-height:16px;background:#fafafa;border:1px solid #dedede;}
ul.flalign li select{margin-right:12px;width: 80px;height: 29px;position: relative;top:-1px;}
ul.flalign li input.productBlock{width:80px;line-height:16px;background:#fafafa;border:1px solid #dedede;}
ul.flalign li input.productSort{width:20px;line-height:16px;background:#fafafa;border:1px solid #dedede;text-align:center;}
td button.normalBtn{line-height:25px;padding: 0 8px;border-radius:3px;background-image: linear-gradient(to top, rgba(32, 32, 32, 0.1), rgba(0,0,0,0)););position: relative;top:-2px;}

.btn_search {width:60px;height:28px;}

.layer-wrap { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.5); }
.layer-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; }
.pop-layer { display: inline-block; vertical-align: middle; width: 500px; height: auto; background-color: #fff; border: 2px solid #3571B5; z-index: 10; font-family:Tahoma; }
.pop-layer .pop-container { padding: 20px 30px; }
.pop-layer
.btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; }
a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0; border: 1px solid #304a8a; background-color: #3f5a9d; font-size: 13px; color: #fff; line-height: 25px; text-decoration:none; }

a .hover-img {position:relative;}
a .hover-img span {position:absolute; left:-9999px; top:-9999px; z-index:9999; border: 1px solid #000;}
a:hover .hover-img span {top: 30px; left: 0;}