@charset "utf-8";

/**Common**/
/*html {overflow-y:scroll;}*/ /*[2018.07.17 Sangwoo Kim] commented out because this will cause issue when printing contents.*/
html, body {margin:0; padding:0; background-color:#fff; width:100%; height:100%; font-family:'Arial','Verdana','sans-serif','Dotum','돋움'; color:#666; font-size:12px;}
hr {display:none;}
img,fieldset {border:0 none; outline:none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0; padding:0; font-weight:normal; font-size:12px;}
table {border-collapse:collapse; font-size:12px;}
th {color:#a36b4f; font-family:'Arial';}
a, a:link, a:hover, a:active {text-decoration:none; outline:0;} 
a:link, a:visited{color:inherit;}
input,select,textarea {color:#666; margin:0; padding:0; font-size:12px; font-family: 'Arial','Verdana','sans-serif','Dotum','돋움'; border:1px solid #e1e1e1;}
select, input, textarea {border:1px solid #e1e1e1; box-sizing:border-box;}
caption {display:none;}
focus {outline:none;}
em {font-style: normal;}
button {border:none; outline:none; cursor:pointer; font-size:12px;}
input:hover, input:active, input:focus{outline:0;}

/*Color*/
.gray {color:#888888 !important;}
.darkgray {color:#666666 !important;}
.red {color:#bb162b !important;}
.orange {color:#ff3300 !important;}
.green {color:#1DDB16 !important;}
.blue {color:#0415ff !important;}
.black {color:#000 !important;}
.copper {color:#a36b4f !important;}

/*Padding*/
.pp10 {padding:10px !important;}
.p5 {padding:0 5px !important;}
.p10 {padding:0 10px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pr3 {padding-right:3px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt12 {padding-top:12px !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb50 {padding-bottom:50px !important;}
.pb_20 {padding-bottom:-20px !important;}
.pl_10 {padding-left:-10px !important;}

/*Margin*/
.m10 {margin:10px !important;}
.ml3 {margin-left:3px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt24 {margin-top:24px !important;}
.mt30 {margin-top:30px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb50 {margin-bottom:50px !important;}
.mr3 {margin-right:3px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mt1 {margin-top:-1px !important;}
.mr_3 {margin-left:-3px !important;}
.mt_20 {margin-top:-20px !important;}

/*Font*/
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f18 {font-size:18px !important;}
.fb {font-weight:bold !important;}

/*Align*/
.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

/*Backgound*/
.bg_gray {background:#f9f9f9;}

/***Wrap***/
#wrap {width:100%; min-width:1300px;}

/**Header**/

.top_menu {background:#000; height:60px; padding:0 20px;}
.top_menu h1 {position:relative; top:6px;}
.top_menu ul {display: inline-block; float: right; padding-top: 30px;}
.top_menu li {display:inline-block; font-family:'Arial'; color:#999; padding:0 10px; position:relative; transition:all .4s ease;}
.top_menu li a:hover {color:#fff;} /*[2018.7.11 Sangwoo Kim] modified hover color effect to a tag instead of li tag*/
.top_menu li:after {content:''; width:1px; height:8px; background:#555; display:inline-block; position:absolute; right:-2px; top:50%; transform:translateY(-50%);}/*[2018.7.11 Sangwoo Kim] took output cursor:pointer and applied to .sub_menu li a*/
.top_menu li:last-child:after {display:none;}
.top_menu li a {cursor: pointer}/*[2018.7.11 Sangwoo Kim] added cursor:pointer to a tag instead of li tag*/

.gnb_wrap {position:relative; background:#e1e1e1; border:1px solid #d9d9d9;}
.main_menu {text-align:center;}
.main_menu ul {margin:0 auto; display:inline;}
.main_menu li {display:table-cell; height:48px; line-height:50px; position:relative; color:#666; font-family:'Arial'; font-size:13px; padding:0 10px; transition:color .4s; width:180px;}/*[2018.7.11 Sangwoo Kim] took output cursor:pointer and applied to .sub_menu li a*/
.main_menu li a:hover {color:#a36b4f;} /*[2018.7.11 Sangwoo Kim] modified hover color effect to a tag instead of li tag*/
.main_menu li:after {display:block;position:absolute;top:50%;left:0;width:1px;height:11px;background:#c1c1c1;content:'';transform:translateY(-50%);}
.main_menu li:nth-child(1):after {display: none}
.main_menu li a {cursor: pointer}/*[2018.7.11 Sangwoo Kim] added cursor:pointer to a tag instead of li tag*/

.menu_active {color:#a36b4f;}

.sub_menu {background:#fff; border-bottom:1px solid #ddd; text-align:center; padding:15px; width:100%; z-index:50; box-sizing:border-box; display:none;}
.sub_menu > div {margin:0 auto; display:inline;}
.sub_menu ul {display:table-cell; vertical-align:top; height: 271px; border-right:1px solid #eee; width: 198.4px;}
.sub_menu ul:nth-child(1) {border:none;}
.sub_menu ul:nth-child(2) {border-left:1px solid #eee; border-right:1px solid #eee;}
.sub_menu ul:last-child {border-right:1px solid #fff;}
.sub_menu li {padding:2px 10px; width:180px; color:#666; transition:color .4s ease;} /*[2018.7.11 Sangwoo Kim] took output cursor:pointer and applied to .sub_menu li a*/
.sub_menu li a:hover {color:#a36b4f;} /*[2018.7.11 Sangwoo Kim] modified hover color effect to a tag instead of li tag*/
.sub_menu li a {cursor:pointer;}/*[2018.7.11 Sangwoo Kim] added cursor:pointer to a tag instead of li tag*/

/**Container**/
#container {padding:0 20px 0px 20px; position:relative;}

/*Left Menu*/
.left_menu {margin:20px 0; display:inline-block; width:240px; position:absolute; left:20px;}

.quick_menu {margin-bottom:5px;}
.quick_menu p {background:#333; height:42px; line-height:44px; font-family:'Arial'; color:#fff; font-size:13px; padding:0 10px; border-bottom:1px solid #555;}
.quick_menu dl {background:#444; padding:15px 10px;}
.quick_menu dd {color:#ccc; cursor:pointer; line-height:21px;}
.quick_menu dd:hover {text-decoration:underline; color:#fff;}

.technical_support {margin-bottom:5px;}
.technical_support p {background:#333; height:42px; line-height:44px; font-family:'Arial'; color:#fff; font-size:13px; padding:0 10px; border-bottom:1px solid #555;}
.technical_support .btns {background:#444; padding:15px 10px;}
.technical_support .btns li {background:#111; padding:10px 10px 8px; color:#ccc; cursor:pointer; margin-bottom:5px; position:relative;}
.technical_support .btns span {display:inline-block;}
.technical_support .btns li:after {content:''; background:url(../images/ico_bullet01.gif) right no-repeat; display:inline-block; width:4px; height:7px; position:absolute; right:10px; top:50%; transform:translateY(-50%);}

.left_menu .btn_wrap {background:#333; padding:15px 10px 12px; border-bottom:1px solid #555;}
.left_menu .btn_wrap span {font-family:'Arial'; color:#fff; font-size:13px; display:inline-block; width:100%; cursor:pointer;}

/*Contents*/
.main_contents {padding:0 0 20px 255px;}
.contents {padding:20px 0 0;}

.top_visual {background:url(../images/img_main_visual2.jpg) right no-repeat; height:211px;}
.top_visual > div {position:relative; top:57px; font-family:'Arial';}
.top_visual > div p:nth-child(1) {font-size:23px; color:#000;}
.top_visual > div p:nth-child(2) {font-size:40px; color:#000; position:relative; top:-6px;}
.top_visual > div p:nth-child(3) {font-size:16px; color:#888; position:relative; top:-2px; font-family:'Arial';}

.board {margin-bottom:10px; display:inline-block; width:100%;}
.board:nth-child(even) {margin-right:10px;}
.board p {background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#a36b4f; padding:10px; font-family:'Arial'; position:relative; cursor:pointer; transition:all .4s ease;}
.board p:hover {background:#a36b4f; color:#fff;}
.board dl {padding:8px 0; border-bottom:1px solid #ccc;}
.board dd {border-bottom:1px solid #ddd; color:#555; cursor:pointer; line-height:20px; height:18px; padding:3px 10px; overflow: hidden;}
.board dd:last-child {border-bottom:none;}
.board dd:hover {color:#a36b4f;}
.board .btn_more {position:absolute; right:10px; color:#666; font-family:'Arial';}
.board .btn_more:before {content:''; display:inline-block; background:url(../images/ico_bullet02.gif) no-repeat; padding-left:5px; width:5px; height:5px; position:relative; top:-1px;}
.board p:hover .btn_more:before {background-position:0 -5px;}
.board p:hover .btn_more {color:#fff; background-position:-5px;}

.quick_link {margin:20px 0 0;}
.quick_link p {font-family:'Arial'; font-size:15px; margin-bottom:5px; color:#000;}
.quick_link .links {border:1px solid #ccc; padding:15px; position:relative;}
.quick_link .links .img {position:absolute; width:170px; display:inline-block; left:40px; top:50%; transform:translateY(-50%);}
.quick_link .links .btns span {display:inline-block; border:1px solid #f1f1f1; background:#f7f7f7; padding:10px 10px 8px; min-width:160px; margin:0 5px 5px 0; font-family:'Arial'; position:relative; cursor:pointer; transition:all .4s ease;}
.quick_link .links .btns span:hover {color:#a36b4f;}
.quick_link .links .btns span:after {content:''; background:url(../images/ico_bullet01.gif) right no-repeat; display:inline-block; width:4px; height:7px; position:absolute; right:10px; top:50%; transform:translateY(-50%);}

h4.title {font-family:'Arial'; color:#a36b4f; font-size:15px; margin-bottom:15px;}

.input_wrap table {width:100%;}
.input_wrap th {color:#000; font-family:'Arial'; text-align:left; padding:0 10px;}
.input_wrap td {padding:4px 0; color:#333;}
.input_wrap input {border:1px solid #ddd; padding:8px 10px 6px; box-sizing:border-box; width:100%; color:#333;}
.input_wrap select {border:1px solid #ddd; padding:8px 10px 6px; box-sizing:border-box; width:100%; color:#333;}

.bottom_btns {text-align:center; margin:20px 0;}
.bottom_btns span {display:inline-block; height:41px; padding:0 10px; line-height:41px; min-width:200px; font-family:'Arial'; color:#fff; font-size:14px; transition:all .4s ease; margin:0 3px;}
.bottom_btns span:hover {background:#fff; color:#000; cursor:pointer;}
.bottom_btns .btn_type1 {background:#000; border:1px solid transparent;}
.bottom_btns .btn_type2 {background:#999; border:1px solid transparent;}

.search_wrap * {vertical-align:middle;}
.search_wrap {background:#f7f7f7; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:12px 15px; color:#333;}
.search_wrap select {padding-left:5px; height:28px;} /*[2018.07.12 Sangwoo Kim] modified padding - padding-left to fit the letters inside the box*/
.search_wrap > div {display:inline-block; margin-right:7px;}
.search_wrap .date span {position:relative; display:inline-block;}
.search_wrap .date input {height:27px; line-height:27px; padding:0 10px; width:125px;}
.search_wrap .date img {position:absolute; right:10px; top:7px; cursor:pointer;}
.search_wrap .check span {display:inline-block; margin-right:15px;}
.search_wrap .check input {border:none; position:relative; top:-1px; margin-right:4px;}
.search_wrap .check p span {width:90px; margin-right:5px;}
.search_wrap .text input {height:28px; padding: 5px;}
.btn_wrap span {display:inline-block; font-family:'Arial'; width:65px; height:26px; line-height:28px; padding:0 10px; text-align:center; color:#fff; margin:0 2px; cursor:pointer; transition:all .4s ease;}
.btn_wrap span:hover {background:none; color:#000;}
.btn_wrap .btn_type1 {background:#000; border:1px solid transparent;}
.btn_wrap .btn_type2 {background:#999; border:1px solid transparent;}

.list_wrap {margin:0 0 20px;}
.list_wrap table {width:100%; border-top:2px solid #ccc;}
.list_wrap th {height:29px; padding:5px 5px 3px 5px; border-bottom:1px solid #ccc;}
.list_wrap td {height:29px; padding:5px 5px 3px 5px; border-bottom:1px solid #e3e3e3; text-align:center;}
.list_wrap .btn {display:inline-block; color:#a36b4f; cursor:pointer;}
.list_wrap .btn img {position:relative; top:2px; margin-right:3px;}

.pager_wrap * {vertical-align:middle;}
.pager_wrap {text-align:center; margin-bottom:20px; margin-top: 15px;}
.pager_wrap a {display:inline-block; padding:0 15px; color:#888;}
.pager_wrap a:hover {color:#a36b4f; text-decoration:underline;}
.pager_wrap .active {color:#a36b4f; text-decoration:underline;}
.pager_wrap .btn_arrow {padding:0 3px;}

.manual_wrap table {width:100%;}
.manual_wrap td {vertical-align:top;}
.manual_menu {background:#f7f7f7; border-right:1px solid #eee; padding:15px; overflow:auto; padding-top: 8px;}
.manual_menu > dt {padding:3px 0;}
.manual_menu > dt > span {color:#000;}
.manual_menu dt {cursor:pointer;}
.manual_menu dt dl {margin-left:22px; margin-bottom:5px;}
.manual_menu dd.active {background:url(../images/ico_file_close.png) 0px 4px no-repeat; padding:2px 0px 2px 15px; color:#a36b4f; text-decoration:underline;}
.manual_menu span {padding:2px 0 2px 15px; line-height:21px;}
.manual_menu span.open {background:url(../images/ico_manual_open.png) 0px 4px no-repeat;}
.manual_menu span.close {background:url(../images/ico_manual_close.png) 0px 4px no-repeat;}
.manual_contents {padding-top: 0; margin-left:10px;}
.manual_contents .title {color:#a36b4f; font-family:'Arial'; font-size:13px;}
.manual_contents .noti_wrap {border-bottom:1px solid #ddd; padding:20px 0; line-height:17px;}
.noti_wrap input {width: 350px; height: 24px; margin-left: 5px;}
#create_new_input, #create_new_text {display: inline-block; text-align: left; margin-top: 50px;}
#create_new_text {margin-right: 30px; vertical-align: top; width: 350px;}
#create_new_input .noti_wrap {margin-top: 15px;}
#create_new_input input {margin-left: 0;}
#toc_div {background:#f7f7f7;}

.how_to {margin:25px 0;}

.detail_search {margin:20px 0;}
.detail_search dd {color:#000; line-height:21px; cursor:pointer;}
.detail_search dd:before {content:'■'; font-size:8px; color:#000; margin-right:7px; position:relative; top:-2px;}
.detail_search div p {padding:2px 0 2px 15px; margin-left:13px; cursor:pointer;}
.detail_search div p.active{color:#a36b4f; text-decoration:underline;}
.detail_search div p:hover{color:#a36b4f; text-decoration:underline;}

.link_text {font-weight: bold; text-decoration: underline !important;}

.ktac_th th {font-weight: bold; padding: 6px 0 5px 0;}

.infor_con {width: 99%;margin: 0 auto;min-height: 65px;margin-top: 20px; margin-bottom: 70px; overflow-y: auto; overflow-x: hidden;}
.infor_con dd {background: url(/images/bullet_5.gif) 0px 4px no-repeat;float: left;text-align: left;font-size: 15px;height: 30px;padding-left: 20px;font-weight: bold;width: 95%;color: black;margin-top: 15px;}
.infor_con dt.con_btn {float: left;text-align: left;min-height: 35px;width: 100%;}
.infor_tbBox {border-left: #e3e3e3 solid 1px;border-right: #e3e3e3 solid 1px;border-top: #828996 solid 2px;width: 100%;}
.infor_tb_box_th_center {background-color: #f5f6f8;font-size: 12px;text-align: center;height: 35px;padding-left: 5px;border-bottom: #e3e3e3 solid 1px;font-weight: bold;}
.infor_tb_box_td {text-align: center;font-size: 12px;border-bottom: #e3e3e3 solid 1px;}
.infor_con .con_btn input {border: none;background: #999;padding: 0 10px;display: inline-block;height: 35px !important;line-height: 36px;color: #fff;min-width: 126px;font-size: 13px;font-family: 'Arial';margin: 0 2px;cursor: pointer;transition: all .4s ease;text-align: center;}
.infor_con .con_btn input:hover {background:#fff; color:#000;}

.textcon_0 {margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_1 {margin-left: 15px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_2 {margin-left: 30px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_3 {margin-left: 45px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_4 {margin-left: 60px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_5 {margin-left: 75px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_6 {margin-left: 90px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_7 {margin-left: 105px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_8 {margin-left: 120px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_9 {margin-left: 135px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_10 {margin-left: 150px; margin-top: 5px; width: auto; white-space: nowrap;}
.textcon_11 {margin-left: 165px; margin-top: 5px; width: auto; white-space: nowrap;}

.payment_checkbox {width: 100%; min-height: 41px; background: url(/images/bar_bg_1.gif) repeat-x; border: #d0d0d0 solid 1px; float: left; margin-bottom: 10px;}
.payment_checkbox dd {width: 10%; height: 17px; padding-top: 12px; padding-left: 15px; float: left;}
.payment_checkbox dt.con_1 {width: 78%; color: #494e52; font-size: 14px; text-align: left; float: left; padding-top: 12px;}
.payment_checkbox dt.con_2 {width: 10%; color: #a71930; font-size: 14px; text-align: left; float: left; padding-top: 12px;}

/*#content_div {width: 100% !important;}*/

.infotable {margin-top: 15px;}
.head {text-align: center;font-weight: bold;}

.MsoNormalTable {margin: 0 !important;}
.MsoNormalTable td {vertical-align: middle !important; padding: 7px !important; text-align: center !important;}

.MsoNormalTable tr:nth-child(even) td {background-color: #e8e8e8 !important;}

.gds_tip li {margin-top: 20px;}
.gds_tip p {font-weight: bold; font-size: 13px;}
.gds_tip span {font-weight: bold; font-size: 14px; line-height: 2;}
.gds_tip div {margin-left: 7px;}
.gds_tip div a {color: #a36b4f; text-decoration: underline;}

/*#td_right {overflow-x: hidden; overflow-y: auto;}*/

/**Popup**/
#popup_wrap {padding:20px; text-align:center;}
#popup_wrap .title {color:#a36b4f; font-family:'Arial'; font-size:20px; padding:20px 0;}
#popup_wrap .noti_wrap {font-size:13px; line-height:18px;}
#popup_wrap .btn_wrap {margin:30px 0 0;}
#popup_wrap .btn_wrap span {display:inline-block; height:35px; line-height:36px; color:#fff; min-width:126px; font-size:13px; font-family:'Arial'; margin:0 2px; cursor:pointer; transition:all .4s ease;}
#popup_wrap .btn_wrap span:hover {background:#fff; color:#000;}
#popup_wrap .btn_wrap .btn_type01 {background:#000;}
#popup_wrap .btn_wrap .btn_type02 {background:#999;}
#requirements_table {border: 1px solid #804033; width: 100%;}
#requirements_table td {padding: 3px 10px; border: 1px solid #804033;}

.highlight {
    background-color: #FFFF66;
    color: #333;
    padding: 2px;
}

#toc_div a.active_toc:link {
    color: #a36b4f;
    text-decoration: none;
}

#container_popup {height:auto !important;}
#container_popup td input {border: none;background: #999;padding: 0 10px;display: inline-block;height: 35px !important;line-height: 36px;color: #fff;min-width: 126px;font-size: 13px;font-family: 'Arial';margin: 0 2px;cursor: pointer;transition: all .4s ease;text-align: center;}
#container_popup td input:hover {color:#000; background-color:transparent !important;}

#widget>#content_div {width: 75%;}

.code_result {background: white; border: 1px solid black; padding: 0 10px; height: 36px; line-height: 36px; min-width: 100px; font-size: 13px; font-family: 'Arial';}

/** Admin **/
.admin_menu {cursor:pointer;}
.admin_menu:hover {background-color: #fff0e9;}

.boardView_box td{text-align:left;}
.boardView_box th{font-weight: bold;}

#menu_auth_tree input {height: 12px; width: 20px; margin-left: 15px;}
#menu_auth_tree ul li {margin-top: 15px;}
#menu_auth_tree ul li li {margin-top: 5px;}

.auth_li {margin-top: 5px !important;}

.dealer_table {border-top: 1px solid #ccc;}
.dealer_table th {background-color: #fff0e9; padding: 8px;}
.dealer_table tr {border-bottom: 1px solid #ccc}
.dealer_table td {text-align:center;}

.campaign_tb{width: 100%;}
.campaign_tb th{padding: 6px; border-right: 1px solid #ccc;}
.campaign_tb td{border-right: 1px solid #ccc; text-align: center;}
.campaign_tb tr{border: 1px solid #ccc;}

.bulletin_tb {width: 100%;}
.bulletin_tb th{background-color: #fff0e9; padding: 6px; border-right: 1px solid #ccc;}
.bulletin_tb td{border-right: 1px solid #ccc; text-align: left; padding-left: 10px;}
.bulletin_tb tr{border: 1px solid #ccc;}

/*.pop_table {float:right; width:80%!important;}*/
.pop_table td {padding-top: 10px;}

.std_txt {
    height: 24px;
    line-height: 24px;
    width: 98%;
    border: solid 1px #aeaeae;
    padding-left: 3px;
}

/* std button */
.std_btn_default_1 {
    background-color: black;
    display: inline-block;
    height: 35px;
    color: #fff;
    min-width: 126px;
    font-size: 12px;
    font-family: 'Arial';
    margin: 0 2px;
    cursor: pointer;
    transition: all .4s ease;
    border: 0 !important;
}
.std_btn_default_1:hover {
    background: #fff;
    color: #000;
}


.std_btn_default_2 {
    background-color: #999;
    display: inline-block;
    height: 35px;
    color: #fff;
    min-width: 126px;
    font-size: 12px;
    font-family: 'Arial';
    margin: 0 2px;
    cursor: pointer;
    transition: all .4s ease;
    border: 0 !important;
}
.std_btn_default_2:hover {background:#fff; color:#000; }

.std_btn_default_3 {background-color:#999; display:inline-block; height:35px; color:#fff; min-width:126px; font-size:12px; font-family:'Arial'; margin:0 2px; cursor:pointer; transition:all .4s ease; border: 0 !important;}
.std_btn_default_3:hover {background:#fff; color:#000; }

.feedback_table th {padding: 5px; color: white;}
.feedback_table td {border: 1px solid #494e52;padding: 5px;}

.result_table td{padding: 5px; vertical-align: middle;}
.result_table div{color: white; cursor: pointer;}
.result_table span{margin-right: 5px;}

/**Login**/
.login_visual {width:1250px; height:520px; background:url(../images/bg_login2.jpg) bottom no-repeat; margin:0 auto; font-family:'Arial';}
.login_visual > div {position:relative; top:75px; left:60px; display:inline-block;}
.login_visual p:nth-child(1) {font-size:28px; color:#000;}
.login_visual p:nth-child(2) {font-size:48px; color:#000; position:relative; top:-7px;}
.login_visual p:nth-child(3) {font-size:18px; color:#999; position:relative; top:-6px; font-family:'Arial';}

.login_wrap {width:1180px; margin:0 auto 20px; border:1px solid #a36b4f; padding:15px 20px;}
.login_wrap li {width:49.5%; display:inline-table;}
.login_wrap li:first-child {border-right:1px solid #ddd;}
.login_wrap .input_wrap h4 {font-family:'Arial'; font-size:21px; color:#a36b4f;}
.login_wrap .input_wrap .noti {color:#000; margin:12px 0 8px;}
.login_wrap .input * {vertical-align:middle;}
.login_wrap .input label {font-family:'Arial';}
.login_wrap .btns span:not(.btn_type1) {display:inline-block; color:#a36b4f; font-family:'Arial'; border-bottom:1px solid #a36b4f; margin:5px 5px 0px 0;; cursor:pointer; font-size:12px;}
.login_wrap .btn_login {display:inline-block; background:#000; color:#fff; height:70px; line-height:72px; margin:0 10px; width:120px; text-align:center; font-family:'Arial'; font-size:18px; cursor:pointer; transition:all .4s ease;}
.login_wrap .btn_login:hover {background:#fff; color:#000;}
.site_info {font-size:13px;}
.site_info > div {padding:0 20px;}
.site_info em {color:#a36b4f;}

/**Footer**/
#footer {background:black; color:#919191; font-size:11px; text-align:center; position:absolute; top:0; width:100%; height: 20px; line-height: 1.8;}

/**From viewer.css**/
.table-st1 {border-right: 0px solid; border-top: 0px solid; margin-top: 6px; margin-bottom: 6px; border-left: 0px solid; width: 100%; border-bottom: 0px solid; background-color: #999;}
.table-td-st1-t {padding-right: 0px; padding-left: 18px; font-weight: bold; font-size: 16px; padding-bottom: 5px; color: #ffffff; padding-top: 5px;}

#container_controlbutton{position:absolute; height:30px; padding-top: 43px; text-align:right; right:45px; z-index:2; width:85px;}
#container_viewer_button {
    position: absolute;
    height: 30px;
    padding-top: 5px;
    width: 105px;
    text-align: right;
    right: 25px;
    top: 205px;
    z-index: 800;
}
/*#container_viewer_button{position:absolute; right:110px;}*/

.std_tb {
    width: 100%;
    border-left: solid 1px #aeaeae;
    border-top: solid 1px #aeaeae;
    display: inline-table;
}

.std_th {
    height: 30px;
    background-color: #f5f6f8;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    border-right: solid 1px #aeaeae;
    border-bottom: solid 1px #aeaeae;
}

.std_td {
    text-align: center;
    border-bottom: 1px solid #afafaf;
    line-height: 25px;
    border-right: solid 1px #aeaeae;
    border-bottom: solid 1px #aeaeae;
}