@import url('base.css');

/*Layout*/
#wrap {}
#container {width:100%}
#contents {padding-top:30px; width:96%; margin:0 auto} /*2017 HANWHA*/

.wrapper {position:relative; width:100%; background:#f8f8f8}

.menuBtn {padding-top:10px; background:#efefef}
.menuBtn a {display:block; margin:0 10px}
.menuBtn a.link-menu {background:url('../images/common/btns.gif') 0 -140px no-repeat; width:29px; height:26px; text-indent:-5000px;}
.menuBtn a:hover.link-menu {background-position:-29px -140px; text-indent:-5000px;}

/*Print*/
/* @media print {.headerTop,.tabGroup,.tit_h3,h3,.printTop {display:none} */

	
.printTop {border-bottom:2px solid #353c47; height:40px;}	

/*Title*/
h1.title_h1 {font-size:28px; color:#333945; margin-bottom:30px}
h2.title_h2 {font-size:24px; color:#333945; margin-bottom:15px}
h2.title_h2.v2 {font-size:18px}
h2.title_h2.v3{display:block !important;}
h3.title_h3 {font-size:18px; color:#333945; margin-bottom:15px}
h3.title_h4 {font-size:15px; color:#333945; margin-bottom:6px}

/*group space*/
.group_space_sm {margin-top:25px}
.group_space_wi {margin-top:30px}
.group_space_wi2 {margin-top:12px}

/*login main*/
.adminMap {}
.adminMap .am {float:left;}
.adminMap .am p {background:#545b67; color:#FFF; font-size:16px; height:40px; line-height:38px; padding:0 12px; width:200px}
.adminMap .am ul {margin-top:6px; font-size:14px;}
.adminMap .am li {padding:6px 0 8px 12px; border-bottom:1px solid #eaeaea}
.adminMap .am li a {color:#545b67}
.adminMap .am li a:hover {text-decoration:underline; color:#ff8016}


/*admin login box*/
.loginboxWrap {position:absolute; top:25%; left:50%}
.loginWrap {position:relative; top:0%; left:-50%; width:315px; height:305px;}
.loginWrap .loginform {margin:0 0 25px 0; padding:0}
.loginform legend {display:none}
.loginform ul {margin-top:25px}
.loginform li {padding-bottom:14px}
.loginform li.item {position:relative; margin:-4px 0;}
.loginform li.item .iLabel {position:absolute; top:4px; left:5px; white-space:nowrap; color:#7e7e7e;}
.loginform li.item input {border:none; background:#f8f8f8; border:1px solid #c7c7c7; border-radius:5px; height:50px; line-height:48px; padding:0 12px; width:288px; vertical-align:middle; color:#c0c3ca; font-size:16px}
.loginform li.item select {border:none; background:#f8f8ff; border:1px solid #c7c7c7; border-radius:5px; height:50px; line-height:48px; padding:0 12px; width:314px; vertical-align:middle; color:#0003ca; font-size:16px}


.infomap {background:#efefef; border-bottom:1px solid #d5d5d5}
.infomap div {position:relative; padding:5px 0 20px 0; border-bottom:1px solid #d5d5d5; text-align:right; font-size:12px}
.infomap div span {padding:0 20px 0 15px}
.infomap div strong {color:#3175d1; padding:0 35px 0 15px; font-size:14px}
.infomap div a {position:absolute; right:20px; top:5px; display:inline-block}
.infomap select {height:26px;}
.infomap .mapping {background:#eaeaea; padding:12px 20px 12px 50px}
.infomap .mapping select {height:26px}

.search {position:relative; background:#f1f1f1; border:1px solid #dddddd; border-radius:3px; padding:15px 20px}
.search li {float:left; vertical-align:bottom}
.search li a {display:inline-block; margin:0 4px}
.search li label {display:block; font-size:12px; color:#333945; padding:0 4px 6px 0}
.search li label.tit{display:inline-block;padding-right:15px}
.search li label.tit.v1{width:70px}
.search li select {height:26px}
.search li input {height:24px; padding:0 6px}
.search .btnse {position:absolute; right:20px; bottom:17px}
.search li .btnGray_s a {margin:0}
.search .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.search label.txt_check{display:inline-block; margin:0 10px 0 0; cursor:pointer;}

.search2 {position:relative; background:#f1f1f1; border:1px solid #dddddd; border-radius:3px; padding:15px 20px}
.search2 li {float:left; vertical-align:bottom}
.search2 li a {display:inline-block; margin:0 4px}
.search2 li label {display:inline-block; font-size:12px; color:#333945; padding-right:4px}
.search2 li label.tit{display:inline-block;padding-right:15px}
.search2 li label.tit.v1{width:70px}
.search2 li select {height:26px}
.search2 li input {height:24px; padding:0 6px}
.search2 .btnse {position:absolute; right:20px; bottom:17px}
.search2 li .btnGray_s a {margin:0}
.search2 li input.iRadio {width:13px; height:13px}
.search2 .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.search2 label.txt_check{display:inline-block; margin:0 10px 0 0; cursor:pointer;}

.search3{height:30px;}
.search3:after{content:'';display:block;clear:both}
.search3 h2{color:#333945;font-size:24px;float:left;line-height: 1.2;}
.search3 .btnse{float:right;font-size: 0;}
.search3 .btnse span + span{margin-left:10px;}
.search3 .status {font-size:16px;font-weight:bold;display:inline-block;}
.search3 .status em{color:#fd7437;}
.btnBlue_s02{height:30px;display:inline-block;font-size:0;}
.btnBlue_s02 a{background:#4278e3;padding:0 20px;display:block;height:30px;line-height:30px;border-radius:2px;color:#fff;font-size:13px;}
.btnGray_s02{height:30px;display:inline-block;font-size:0;}
.btnGray_s02 a{background:#373d49;padding:0 20px;display:block;height:30px;line-height:30px;border-radius:2px;color:#fff;font-size:13px;}



.infobox {background:#f0f5ff; border:1px solid #b7cefd; border-radius:3px; padding:15px 20px}
.infobox p.title {font-size:18px; border-bottom:1px solid #b7cefd; padding-bottom:10px; margin-bottom:15px}
.infobox dt {font-size:18px; padding-bottom:20px;}
.infobox dd {display:inline-block; font-size:13px}

.location {margin:10px 20px; border-bottom:none !important; padding:4px !important; font-size:14px !important}
.location span {padding:0 !important}
.location .now {font-weight:bold; color:#f15b00}
/*
.mapping{ margin:0; padding:0;}
.mapping *{ font:12px Tahoma, Geneva, sans-serif;}
.mapping fieldset{ margin:0; padding:0; border:0;}
.mapping legend{position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; visibility:hidden;}
.mapping select{ vertical-align:top; height:26px; *margin-top:2px;}
.mapping label{margin:10px 10px 0 0; cursor:pointer;}
.mapping .item{ display:inline-block; position:relative; vertical-align:top;}
.mapping .iLabel{ position:absolute; top:4px; left:5px; color:#767676; white-space:nowrap;}
.mapping .iText{ position:relative; padding:4px 4px 3px; *margin:-1px 0; color:#333; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}*/

.titleBtn {position:relative}
.titleBtn div {position:absolute; right:0; top:0}
.titleBtn div select {height:32px; padding-left:6px}

.tabBtn {position:relative}
.tabBtn div {position:absolute; right:0; top:15px}

/*tab*/
.tabGroup {padding:0; height:50px; font-size:16px; border-bottom:1px solid #545b67}
.tabGroup li {float:left}
.tabGroup .tabOn {}
.tabGroup .tabOn,
.tabGroup .tabOn a{position:relative; display:inline-block; vertical-align:top; height:50px; line-height:50px; background:url('../images/common/tabs.gif') 0 -50px no-repeat; white-space:nowrap; text-decoration:none; border-bottom:1px solid #f8f8f8}
.tabGroup .tabOn {background-position:left -50px; margin-right:10px}
.tabGroup .tabOn a{background-position:right -50px; padding:0 25px; color:#333945}
.tabGroup .tabOn.v2,
.tabGroup .tabOn.v2 a{position:relative; display:inline-block; vertical-align:top; height:50px; line-height:50px; background:url('../images/common/tabs2.gif') 0 -50px no-repeat; white-space:nowrap; text-decoration:none; border-bottom:1px solid #fff}
.tabGroup .tabOn.v2 {background-position:left -50px; margin-right:10px}
.tabGroup .tabOn.v2 a{background-position:right -50px; padding:0 24px; color:#333945}

.tabGroup .tabOff {}
.tabGroup .tabOff,
.tabGroup .tabOff a{position:relative; display:inline-block; vertical-align:top; height:50px; line-height:50px; background:url('../images/common/tabs.gif') 0 0 no-repeat; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff {background-position:left top; margin-right:10px}
.tabGroup .tabOff a{background-position:right top; padding:0 25px; color:#FFF}
.tabGroup .tabOff a:hover {color:#ffcc32}
.tabGroup .tabOff.v2,
.tabGroup .tabOff.v2 a{position:relative; display:inline-block; vertical-align:top; height:50px; line-height:50px; background:url('../images/common/tabs2.gif') 0 0 no-repeat; white-space:nowrap; text-decoration:none}
.tabGroup .tabOff.v2 {background-position:left top; margin-right:10px}
.tabGroup .tabOff.v2 a{background-position:right top; padding:0 25px; color:#FFF}
.tabGroup .tabOff.v2 a:hover {color:#ffcc32}


/*step tab*/
.setptabWrap {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap ul {}
.setptabWrap a li {float:left; width:20%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap a li.end {background:none}
.setptabWrap a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.setptabWrap2 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap2 ul {}
.setptabWrap2 a li {float:left; width:50%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap2 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap2 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap2 a li.end {background:none}
.setptabWrap2 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap2 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap2 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap2 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap2 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap2 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.setptabWrap3 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap3 ul {}
.setptabWrap3 a li {float:left; width:33.3%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap3 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap3 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap3 a li.end {background:none}
.setptabWrap3 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap3 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap3 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap3 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap3 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap3 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.setptabWrap4 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap4 ul {}
.setptabWrap4 a li {float:left; width:25%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap4 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap4 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap4 a li.end {background:none}
.setptabWrap4 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap4 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap4 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap4 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap4 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap4 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}


/**/
.setptabWrap6 {height:60px; margin-bottom:40px; background:#545b67; border-radius:3px}
.setptabWrap6 ul {}
.setptabWrap6 a li {float:left; width:16.6%; background:url('../images/common/arrow_step.gif') right top no-repeat; height:60px}
.setptabWrap6 a:hover li {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap6 a li.nowarr {background:url('../images/common/arrow_step_r.gif') right top no-repeat}
.setptabWrap6 a li.end {background:none}
.setptabWrap6 a li span.now {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap6 a li span.now b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}
.setptabWrap6 a li span {display:block; margin:10px 25px; font-size:17px; color:#b6b9be}
.setptabWrap6 a li span b {font-weight:normal; display:block; font-size:14px; color:#b6b9be; padding-bottom:8px}
.setptabWrap6 a:hover li span {display:block; margin:10px 25px; font-size:17px; color:#FFF}
.setptabWrap6 a:hover li span b {font-weight:normal; display:block; font-size:14px; color:#ffc30c; padding-bottom:8px}

.cap_average {height:60px;line-height:58px;text-align:right;padding-right:30px;font-size:16px;letter-spacing:-1px;color:#7d7d7d;background:#eeeee7}
.cap_average b {padding-left:6px}

 /*Table*/
.tbStyle0 {font-size:12px; color:#6a6b6c}
.tbStyle0 th {text-align:center; background:none !important; padding:8px !important;}
.tbStyle0 td {padding:8px !important}
.tbStyle0 td input {padding:0 6px}
.tbStyle0 td input.money {text-align:right; padding:0 6px} 
 
.tbStyle1 {border-top:2px solid #353c47}
.tbStyle1.topnone {border-top:none}
.tbStyle1 th {background:#ededed; border:1px solid #dadbdc; padding:15px 8px}
.tbStyle1.v2 th{text-align:center}
.tbStyle1 th.le {text-align:left}
.tbStyle1 th span.measure {background:#4278e3; padding:2px 5px; border-radius:2px; color:#FFF; font-size:12px; font-weight:normal; margin:0 6px}
.tbStyle1 th span.part2 {background:#545b67; padding:2px 6px; border-radius:2px; color:#FFF; font-size:12px; font-weight:normal}
.tbStyle1 th span.O {color:#4278e3; font-weight:bold; font-size:20px}
.tbStyle1 th span.X {color:#ff6305; font-weight:bold; font-size:20px}
.tbStyle1 th.ri {text-align:right}
.tbStyle1 > tbody > tr > td {border:1px solid #dadbdc; padding:12px 8px !important; text-align:center; line-height:140%}
.tbStyle1 td a {color:#4278e3 !important}
.tbStyle1 td a:hover {text-decoration:underline}
.tbStyle1 td a.title:hover {text-decoration:underline}
.tbStyle1 td a.title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:510px; height:18px; }
.tbStyle1 td a.name {color:#333945}
.tbStyle1 td a.name:hover {text-decoration:underline}
.tbStyle1 td .btn a {display:inline-block !important}
.tbStyle1 td.le {text-align:left}
.tbStyle1 td.ri {text-align:right}
.tbStyle1 tfoot tr {background:#f6e9de}
.tbStyle1 tr.explain {background:#e2ebfe}
.tbStyle1 tr .rights {display:inline-block; background:#4278e3; border-radius:2px; padding:1px 6px 2px 6px; margin-bottom:10px; font-size:12px; color:#FFF}
.tbStyle1 tr .wrong {display:inline-block; background:#f95d08; border-radius:2px; padding:1px 6px 2px 6px; margin-bottom:10px; font-size:12px; color:#FFF}
.tbStyle1 td input {height:24px; padding:0 6px}
.tbStyle1 td input.money {text-align:right; padding:0 6px} 
.tbStyle1 td input.ce {text-align:center} 
.tbStyle1 td select {height:26px}
.tbStyle1 td textarea {padding:8px 6px}
.tbStyle1 .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbStyle1 .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbStyle1 label{ margin:0 2px 0 0; cursor:pointer;}
.tbStyle1 td.reply1 {background:url('../images/common/ico_reply.gif') 5px 15px no-repeat; width:24px; height:14px; padding-left:34px}
.tbStyle1 td.reply2 {background:url('../images/common/ico_reply.gif') 30px 16px no-repeat; width:24px; height:14px; padding-left:60px}
.tbStyle1 td .depth1 {font-weight:bold}
.tbStyle1 td .depth2 {background:url('../images/common/ico_depth.gif') 4px -2px no-repeat; padding:0 0 4px 32px}
.tbStyle1 td .depth3 {background:url('../images/common/ico_depth.gif') 16px -2px no-repeat; padding:0 0 4px 45px}
.tbStyle1 td .depth4 {background:url('../images/common/ico_depth.gif') 30px -2px no-repeat; padding:0 0 4px 60px}
.tbStyle1 td .depth5 {background:url('../images/common/ico_depth.gif') 40px -2px no-repeat; padding:0 0 4px 70px}
.tbStyle1 td .depth6 {background:url('../images/common/ico_depth.gif') 50px -2px no-repeat; padding:0 0 4px 80px}
.tbStyle1 td.delete {text-decoration:line-through}
.tbStyle1 td.delete a {color:#494f59; text-decoration:none}
.tbStyle1 td .btnWhite_s a {color:#ff8b2b !important}
.tbStyle1 tr.part {background:#ecf4ff}
.tbStyle1 td.money input {text-align:right}
.tbStyle1 td .time {padding-left:6px; color:#8b8989}
.tbStyle1 td .check {background:url('../images/common/ico_check.gif') 0 0 no-repeat; width:23px; height:19px; display:inline-block}
.tbStyle1 td .myanswer {background:#545b67; border-radius:2px; display:inline-block; padding:1px 6px 2px 6px; margin-left:6px; font-size:12px; color:#FFF}
.tbStyle1 td.notop {border-top:none}
.tbStyle1 td .btnGray_ss a {color:#FFF !important}
.tbStyle1 td .btnGray_ss a:hover {color:#ffcc32 !important}
.tbStyle1 td .btnBlue_ss a {color:#FFF !important}
.tbStyle1 td .btnBlue_ss a:hover {color:#60f355 !important}
.tbStyle1 td.adm_now {background:#5fc12e; color:#FFF}


.xscroll{overflow-x:auto;width:100%}

.tbStyle2 {border-top:2px solid #353c47; width:100%}
.tbStyle2 th {background:#ededed; border:1px solid #dadbdc; padding:10px 6px}
.tbStyle2 td {border:1px solid #dadbdc; padding:12px 8px; line-height:140%}
.tbStyle2 td a {color:#4278e3}
.tbStyle2 td a:hover {text-decoration:underline}
.tbStyle2 td .btn a {display:inline-block !important}
.tbStyle2 td input {height:24px; padding:0 6px}
.tbStyle2 td input.ce {text-align:center} 
.tbStyle2 td select {height:26px}
.tbStyle2 td .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; border:none; vertical-align:middle}
.tbStyle2 td .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0;border:none; vertical-align:middle}
.tbStyle2 td label{ margin:0 10px 0 0; cursor:pointer;}
.tbStyle2 td textarea {padding:6px; margin:0 10px}
.tbStyle2 td .btnWhite_s a {color:#ff8b2b !important}
.tbStyle2.v2 th,.tbStyle2.v2 td{padding:10px 6px 9px;text-align:center}
.tbStyle2 th.th_etc{background-color:#f7f7f7;color:#666}
.tbStyle2 tfoot tr {background:#f6e9de}
.tbStyle2 tfoot th,.tbStyle2 tfoot td{background-color:transparent;font-weight:bold}
.tbStyle2 td.ri{text-align:right}
.tbStyle2 td.ce{text-align:center}

.tbStyle2_fund {border-top:2px solid #353c47; width:100%; font-size:9px;}
.tbStyle2_fund th {background:#ededed; border:1px solid #dadbdc; padding:2px 4px;}
.tbStyle2_fund td {border:1px solid #dadbdc; padding:2px 4px;}
.tbStyle2_fund th.th_etc{background-color:#f7f7f7;color:#666}
.tbStyle2_fund tfoot tr {background:#f6e9de}
.tbStyle2_fund tfoot th,.tbStyle2 tfoot td{background-color:transparent;font-weight:bold}
.tbStyle2_fund td.ri{text-align:right}
.tbStyle2_fund td.ce{text-align:center}

.tbStyle3 {border-top:2px solid #353c47; width:100%; font-size:13px}
.tbStyle3 th {background:#ededed; border:1px solid #dadbdc; border-left:none; padding:8px 6px}
.tbStyle3 th.last {border-right:none}
.tbStyle3 td {border:1px solid #dadbdc; border-left:none; padding:8px; text-align:center; font-size:13px}
.tbStyle3 td.last {border-right:none}

.tbStyle4{border-bottom:1px solid #dadbdc}
.tbStyle4 tbody th,.tbStyle4 tbody td{background:#ededed; border-right:1px solid #dadbdc; border-top:1px solid #dadbdc;padding:10px 8px 15px;text-align:center}
.tbStyle4 tbody th.last{border-right:none}
.tbStyle4 tbody td {background:#fff;vertical-align:top}
.tbStyle4 tbody td:last-child{border-right:none}

.tbStyle4.v2{border-collapse:separate;border-spacing:0;table-layout:fixed;zoom:1}
.tbStyle4.v2 td{min-height:100px;vertical-align:middle}
.tbStyle4.v2 td>.btnGray_ss{margin:0}
tbody td.tbl_cnt{text-align:center}

.tbStyle5 {font-size:12px; color:#6a6b6c}
.tbStyle5 th {text-align:center; background:none !important; padding:2px !important;}
.tbStyle5 td {padding:2px !important}
.tbStyle5 td input {padding:0 6px}
.tbStyle5 td input.money {text-align:right; padding:0 6px}

.iGraph {white-space:nowrap; line-height:normal;}
.iGraph .gBar {display:inline-block; width:70%; height:12px; margin:0 5px 0 0; border:1px solid #ddddde; background:#efefef; font-size:11px;}
.iGraph .gAction {display:inline-block; height:12px; border:1px solid #8c9bac; background:#a3a5aa; margin:-1px;}
.iGraph .gPercent {font:15px;}
.iGraph .gPercent strong {font-size:16px; color:#545b67; font-style:italic; padding-right:3px}

.pop-window textarea {padding:10px; border:1px solid #d8d8d8; background:#f1f0f0}
.mapLeft {float:left; margin-right:15px;}
.mapRight {float:right; margin-left:15px;}
.mapBtn_v {float:left; margin-top:110px;}
.mapBtn_v a {display:block}

/*multiple Select*/
.multipleGroup {width:100%}
.multipleGroup h4 {background:url('../images/common/ico_title_bullet.gif') 0 2px no-repeat; padding:0 0 4px 20px; font-weight:bold; font-size:15px; text-align:left}
.multipleGroup h2 {background:#7d8285; color:#FFF; font-size:15px; height:40px; line-height:38px; padding-left:15px}
.multipleGroup select {padding:6px; margin-top:6px}
.multipleGroup select option {padding:3px 0}
.multipleGroup .btn_v {display:inline-block; margin:0 15px; vertical-align:top}
.multipleGroup .btn_v a {display:block}
.multipleGroup .dotted {display:inline-block; background:url('../images/common/dotted.gif') no-repeat; height:1px; width:28px; margin:15px 0 10px 0}
.multipleGroup .btn_hr {display:inline-block; margin:15px 0}
.multipleGroup .btn_hr a {display:inline-block; padding:0; margin:0; height:32px !important}
.multipleGroup .dotted_v {display:inline-block; background:url('../images/common/dotted_v.gif') no-repeat; width:1px; height:20px; vertical-align:bottom; padding-bottom:5px; margin:0 15px}
.multipleGroup .multiple {display:inline-block}
.multipleGroup .Le select {border:1px dashed #3498db}
.multipleGroup .multiple_hr {}
.multipleGroup .top select {border:1px dashed #3498db}

.multipleGroup2 {width:100%}
.multipleGroup2 h4 {background:url('../images/common/ico_title_bullet.gif') 0 2px no-repeat; padding:0 0 12px 20px; font-weight:bold; font-size:15px; text-align:left}
.multipleGroup2 h2 {background:#7d8285; color:#FFF; font-size:15px; height:40px; line-height:38px; padding-left:15px}
.multipleGroup2 select {padding:6px}
.multipleGroup2 select option {padding:3px 0}
.multipleGroup2 .btn_v {float:left; margin:0 30px; vertical-align:top}
.multipleGroup2 .btn_v a {display:block}
.multipleGroup2 .dotted {display:inline-block; background:url('../images/common/dotted.gif') no-repeat; height:1px; width:28px; margin:15px 0 10px 0}
.multipleGroup2 .btn_hr {display:inline-block; margin:15px 0}
.multipleGroup2 .btn_hr a {display:inline-block; padding:0; margin:0; height:32px !important}
.multipleGroup2 .dotted_v {display:inline-block; background:url('../images/common/dotted_v.gif') no-repeat; width:1px; height:20px; vertical-align:bottom; padding-bottom:5px; margin:0 15px}
.multipleGroup2 .multiple {float:left; width:45%;}
.multipleGroup2 .Le select {border:1px dashed #3498db}
.multipleGroup2 .multiple_hr {}
.multipleGroup2 .top select {border:1px dashed #3498db}

.multiple .search3 {position:relative; background:#FFF; border:1px dashed #3498db; border-bottom:none; padding:15px 20px}
.multiple .search3 li {float:left; vertical-align:bottom}
.multiple .search3 li a {display:inline-block; margin:0 4px}
.multiple .search3 li label {display:block; font-size:12px; color:#333945; padding-bottom:6px}
.multiple .search3 li select {height:26px; border:1px solid #d4d4d4; padding:0 0 0 4px}
.multiple .search3 li input {height:24px; padding:0 6px}
.multiple .search3 .btnse {position:absolute; right:20px; bottom:17px}
.multiple .search3 li .btnGray_s a {margin:0;color:#FFF !important}



/*Album Style List*/
.albumList ul{ position:relative; margin:0; padding:0; border:1px solid #ddd; border-left:0; border-right:0; list-style:none; overflow:hidden; font-size:12px; margin-top:10px}
.albumList ul:after{ content:""; display:block; clear:both;}
.albumList li{ position:relative; top:1px; float:left; width:240px; height:250px; overflow:hidden; border-bottom:1px solid #dadbdc;}
.albumList li.none {text-align:center; padding:20px 0}
.albumList .thumb{ position:relative; display:block; width:210px; height:140px; line-height:140px; overflow:hidden; text-align:center; background:#e4e4e4; color:#666; white-space:nowrap;}
.albumList .thumb img{ display:block; border:0; width:210px; height:140px;}
.albumList .thumb em{ position:absolute; visibility:hidden; width:1px; height:1px; left:0; bottom:0; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; font-weight:bold; font-style:normal;}
.albumList .thumb em{ _width:100%; _height:auto; _line-height:20px; _visibility:visible;}
.albumList a{ display:block; width:210px; padding:20px 0 0 0; margin:0 auto; text-decoration:none; cursor:pointer;}
.albumList p{ width:210px; margin:0 auto; margin-top:0 !important; color:#333945}
.albumList p a {padding:10px 0 8px 0 !important}
.albumList p a.title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:205px; font-size:13px; color:#232936; font-weight:bold}
.albumList p a.title:hover {text-decoration:underline; color:#4278e3}
.albumList p.date {color:#858585; padding-top:6px; font-size:11px; border-top:1px solid #e9e9e9}
.albumList p.date b {font-weight:normal; padding:0 6px 0 4px}
.albumList p.name {padding-top:6px}
.albumList a:hover .thumb,
.albumList a:active .thumb,
.albumList a:focus .thumb { border:3px solid #eee; margin:-3px}
.albumList a:hover .thumb em,
.albumList a:active .thumb em,
.albumList a:focus .thumb em{ width:100%; height:auto; visibility:visible;}
.albumList .none {text-align:center; border:1px solid #dadbdc; border-right:0; border-left:0; padding:30px 0; font-size:14px}

.webzineList ul{ margin:0; padding:0; list-style:none; font-size:12px; margin-top:10px}
.webzineList li{ position:relative; padding:15px 0 15px 225px; margin:0 0 -1px 0; border:1px solid #dadbdc; border-left:0; border-right:0; vertical-align:top; *zoom:1;}
.webzineList li:after{ content:""; display:block; clear:both;}
.webzineList li.none {text-align:center; padding:30px 0; font-size:14px}
.webzineList li div {position:absolute; bottom:17px; color:#858585;}
.webzineList li div b {font-weight:normal; padding:0 6px 0 4px}
.webzineList li div .name {font-size:12px; color:#333945; padding-left:12px}
.webzineList li.reply {background:url('../images/common/ico_reply.gif') 10px 18px no-repeat; padding:15px 0 40px 38px}
.webzineList li.reply {position:relative;}
.webzineList li.reply div {position:absolute; bottom:15px; color:#858585;}
.webzineList a{ text-decoration:none; cursor:pointer;}
.webzineList a strong{ display:inline-block; margin:4px 0 4px 0; font-size:14px; color:#232936;}
.webzineList a:hover strong {text-decoration:underline; color:#4278e3}
.webzineList .thumb{ position:relative; float:left; display:inline; width:210px; line-height:80px; overflow:hidden; margin:0 15px 0 -225px; background:#e4e4e4; text-align:center; color:#666}
.webzineList .thumb img{ border:0; display:block; width:210px}
.webzineList .thumb em{ position:absolute; visibility:hidden; width:1px; height:1px; left:0; top:50%; margin:-90px 0 0 0; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; font-weight:bold; font-style:normal;}
.webzineList .thumb em{ _top:0; _width:100%; _height:auto; _line-height:20px; _margin:0; _visibility:visible;}
.webzineList p {margin:0; padding-top:4px; line-height:140%; color:#767676; font-size:13px}
.webzineList a:hover strong,
.webzineList a:active strong,
.webzineList a:focus strong{ text-decoration:underline;}
.webzineList a:hover .thumb,
.webzineList a:active .thumb,
.webzineList a:focus .thumb{ border:3px solid #eee; margin:-3px -3px -3px -228px;}
.webzineList a:hover .thumb em,
.webzineList a:active .thumb em,
.webzineList a:focus .thumb em{ width:100%; height:auto; line-height:180px; visibility:visible;}


.tbBoard1 {width:100%; border-top:2px solid #353c47}
.tbBoard1 thead tr:hover {background-color: transparent; color: inherit;}
.tbBoard1 th {background:#f2f2f2; border-bottom:1px solid #dadbdc; padding:0 2px; height:46px}
.tbBoard1 tbody tr:hover {border:2px solid #ffd2ad}
.tbBoard1 td {border-bottom:1px solid #d8d8d8; padding:0 2px; height:46px; text-align:center;}
.tbBoard1 td span {color:#ff8016; font-weight:bold; padding:0 4px;}
.tbBoard1 td a {color:#333945 !important}
.tbBoard1 td a:hover {color:#ff8016; text-decoration:underline}
.tbBoard1 td a.title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; max-width:60%; height:15px}
.tbBoard1 td.le {text-align:left;}
.tbBoard1 td .btn a {display:inline-block !important}
.tbBoard1 td.reply1 {background:url('../images/common/ico_reply.gif') 2px 16px no-repeat; padding-left:30px}
.tbBoard1 td.reply2 {background:url('../images/common/ico_reply.gif') 30px 16px no-repeat; padding-left:60px}
.tbBoard1 tr.top {background:#fef3e9}
.tbBoard1 td.delete {text-decoration:line-through}
.tbBoard1 td.delete a {color:#494f59; text-decoration:none}
.tbBoard1 td span.btnWhite_s {padding:0 !important}
.tbBoard1 td span.btnWhite_s a {color:#ff8016 !important}
.tbBoard1 td img {padding-right:4px}

.tbBoard1 {width:100%; border-top:2px solid #353c47}
.tbBoard1 thead tr:hover {background-color: transparent; color: inherit;}
.tbBoard1 th {background:#f2f2f2; border-bottom:1px solid #dadbdc; padding:0 2px; height:46px}
.tbBoard1 tbody tr:hover {border:2px solid #ffd2ad}
.tbBoard1 td {border-bottom:1px solid #d8d8d8; padding:0 2px; height:46px; text-align:center;}
/*.tbBoard1 td span {color:#ff8016; font-weight:bold; padding:0 4px;}
.tbBoard1 td a {color:#333945 !important}
.tbBoard1 td a:hover {color:#ff8016; text-decoration:underline}
*/

.tbBoard2 {width:100%; border-top:2px solid #353c47}
.tbBoard2 th {background:#f2f2f2; border-right:1px solid #dadbdc; border-bottom:1px solid #dadbdc; padding:10px}
.tbBoard2 th.thline {border-left:1px solid #dadbdc}
.tbBoard2 td {padding:12px; border-bottom:1px solid #d8d8d8;}
.tbBoard2 td .view {line-height:170%; text-align:justify; padding-bottom:30px}
.tbBoard2 td p {padding:3px 0}
.tbBoard2 td a {color:#333945}
.tbBoard2 td a:hover {color:#ff8016; text-decoration:underline;}
.tbBoard2 td input {height:24px; padding:0 6px}
.tbBoard2 td input.ce {text-align:center} 
.tbBoard2 td select {height:26px}
.tbBoard2 td textarea {padding:6px}
.tbBoard2 td p {font-size:13px}
.tbBoard2 td .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbBoard2 td .iCheck{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle; border:none}
.tbBoard2 td .board_save {color:#b5b5b5}

.commentList {width:100%;border-top:2px solid #353c47}
.commentList li {border-bottom:1px solid #d8d8d8; padding:12px 15px}
.commentList li .date {color:#7e7e7e; font-size:12px}
.commentList li b {font-size:14px}
.commentList li .comment {display:block; padding-top:12px}
.commentList li.reply {background:url('../images/common/ico_reply.gif') 15px 13px no-repeat; padding-left:44px}
.commentList li.reply2 {background:url('../images/common/ico_reply.gif') 45px 13px no-repeat; padding-left:74px}

.caution {background:#f3f3f3; border:1px solid #d8d8d8; margin-top:30px; padding:20px 25px}
.caution p {background:url('../images/common/ico_caution.png') no-repeat; padding:3px 0 12px 30px; font-size:15px; border-bottom:1px solid #d8d8d8}
.caution ul {margin:10px 0 20px 0}
.caution li {font-size:12px; padding:3px 0}
.caution li a {color:#545b67; text-decoration:underline}
.caution li a:hover {color:#ff6c00;}
.caution li span.emphasis {background:#dad4c7}
.txt_comment{padding:3px 0 3px 30px;background:url('../images/common/ico_caution.png') no-repeat;color:#e66f05}

.tutortop_title {position:relative; background:#545b67; border-radius:5px 5px 0 0; padding:15px 30px 20px 30px}
.tutortop_title .title {background:url('../images/common/ico_noti.gif') left 4px no-repeat; padding:6px 0 4px 26px; font-size:15px; color:#FFF; display:inline-block}
.tutortop_title .util {position:absolute; right:30px; top:20px; font-size:12px; color:#FFF}
.tutortop_title .util span {background:url('../images/common/line_dot_tutor.gif') right 4px no-repeat; padding:4px 20px 0 0; display:inline-block}
.tutortop_title .util span strong {color:#ffc30c}
.tutortop_title .util span.my {background:url('../images/common/ico_my.gif') 0 -2px no-repeat; padding:4px 0 7px 36px; margin-left:18px}
.tutortop_title .util span.my a {color:#FFF}
.tutortop_title .util span.my a:hover {color:#ffc30c}
.tutortop_title .util span.mail {background:url('../images/common/ico_mail.gif') 0 -4px no-repeat; padding:2px 0 6px 36px; margin-left:18px}
.tutortop_title .util span.mail a {color:#FFF}
.tutortop_title .util span.mail a:hover {color:#ffc30c}

.tutortop_cont {background:#efefef; border-radius:0 0 5px 5px; border:1px solid #dddddd; border-top:none; padding:15px 30px; font-size:13px; line-height:170%}
.tutortop_cont b {color:#ff5a00}

.notice {position:relative; width:48%; height:290px; overflow:hidden; margin-top:40px; background:#f4f3f3; border:1px solid #ddddde; border-radius:5px}
.notice a {text-decoration:none; color:#666;}
.notice a:hover,
.notice a:active,
.notice a:focus{ text-decoration:underline;}
.notice h1 {font-size:18px; border-bottom:2px solid #c8c8c8; padding-bottom:15px; margin:30px 35px 0 35px}
.notice ul {margin:0 35px 25px 35px; padding-top:8px;}
.notice li {position:relative; line-height:40px; font-size:13px; border-bottom:1px solid #dbdbdb}
.notice li:after {content:""; display:block; clear:both;}
.notice li a.title {float:left; color:#333945; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; width:60%}
.notice li a.title:hover {color:#fe790a}
.notice li.none {text-align:center; background:none; color:#a5a5a5;}
.notice li .date {float:right; clear:right; font:13px; white-space:nowrap;}
.notice li span {float:right; clear:right; white-space:nowrap}
.notice li.end {border-bottom:none}
.notice a.more {position:absolute; top:35px; right:35px; font-size:12px}
.notice a:hover.more {color:#fe790a}

.myplan {border:2px solid #e1dfdf; border-radius:8px; padding:20px 25px; height:170px}
.myplan img {float:left; border:1px solid #e1dfdf; margin-top:12px}
.myplan_item {float:left; margin-left:30px; width:70%}
.myplan_item ul {font-size:13px}
.myplan_item li {padding:4px 0}



 /*Page navi*/
.pageNavi {position:relative;padding:15px 0 0 0; margin:0 auto; overflow:hidden; text-align:center}
.pageNavi span {display:inline-block; padding:0 4px; vertical-align:middle}
.pageNavi .pageNum {padding:2px 6px 0 6px; text-align:center}
.pageNavi .pageNow a {color:#ff7400}
.pageNavi .btn {}
.pageNavi a {display:inline-block; color:#545b67}
.pageNavi a:hover {color:#ff7400}
.pageNavi a.btn_prev_fst {background:url('../images/common/btns.gif') -23px -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_prev_fst {background-position:-23px -75px; text-indent:-5000px;}
.pageNavi a.btn_prev {background:url('../images/common/btns.gif') 0 -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_prev {background-position:0 -75px; text-indent:-5000px;}
.pageNavi a.btn_next_fst {background:url('../images/common/btns.gif') -69px -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_next_fst {background-position:-69px -75px; text-indent:-5000px;}
.pageNavi a.btn_next {background:url('../images/common/btns.gif') -46px -52px no-repeat; width:23px; height:23px; text-indent:-5000px;}
.pageNavi a:hover.btn_next {background-position:-46px -75px; text-indent:-5000px;}
.pageNavi .view_num{position:absolute; right:0; top:12px; font-size:12px}
.pageNavi .view_num select {height:26px}

.pageNavi.v2{padding:0}

/* Button Area */
.btnArea_tit {margin:0;*zoom:1}
.btnArea_tit:after{content:""; display:block; clear:both;}
.btnArea_tit .fLeft{float:left}
.btnArea_tit .fRight{float:right}

.btnArea{margin:0; text-align:center; *zoom:1;}
.btnArea:after{content:""; display:block; clear:both;}
.btnArea .fLeft{float:left;}
.btnArea .fRight{float:right;}
.btnArea.mgt10 {margin-top:10px}

.btnRight {text-align:right}

/*Button*/
.btnBlue {}
.btnBlue,
.btnBlue a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnBlue.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnBlue {background-position:left top; margin-right:8px;}
.btnBlue a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnBlue a:hover {color:#60f355}

.btnBlue_end {}
.btnBlue_end,
.btnBlue_end a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnBlue.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnBlue_end {background-position:left top; margin-right:3px}
.btnBlue_end a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnBlue_end a:hover {color:#60f355}


.btnBlue_s {}
.btnBlue_s,
.btnBlue_s a {position:relative; display:inline-block; vertical-align:top; height:26px; line-height:22px; background:url('../images/common/btnBlue_s.gif') no-repeat; white-space:nowrap}
.btnBlue_s {background-position:left top; margin-right:8px;}
.btnBlue_s a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnBlue_s a:hover {color:#60f355}

.btnBlue_ss {}
.btnBlue_ss,
.btnBlue_ss a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:17px; background:url('../images/common/btnBlue_s.gif') no-repeat; white-space:nowrap; font-size:11px}
.btnBlue_ss {background-position:left top; margin-left:8px}
.btnBlue_ss a {background-position:right top; left:2px; padding:0 8px; color:#FFF !important}
.btnBlue_ss a:hover {color:#60f355 !important; text-decoration:none !important}

.btnGray {}
.btnGray,
.btnGray a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnGray.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnGray {background-position:left top; margin-right:8px;}
.btnGray a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnGray a:hover {color:#ffcc32}

.btnGray_big {}
.btnGray_big,
.btnGray_big a {position:relative; display:inline-block; vertical-align:top; height:50px; line-height:28px;background:url('../images/common/btnGray.gif') no-repeat; white-space:nowrap; font-size:16px}
.btnGray_big {background-position:left top; margin-right:8px;}
.btnGray_big a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnGray_big a:hover {color:#ffcc32}

.btnGray_end {}
.btnGray_end,
.btnGray_end a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:26px; background:url('../images/common/btnGray.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnGray_end {background-position:left top}
.btnGray_end a {background-position:right top; left:2px; padding:0 20px; color:#FFF}
.btnGray_end a:hover {color:#ffcc32}

.btnGray_s {}
.btnGray_s,
.btnGray_s a {position:relative; display:inline-block; vertical-align:top; height:26px; line-height:22px; background:url('../images/common/btnGray_s.gif') no-repeat; white-space:nowrap; font-size:12px}
.btnGray_s {background-position:left top; margin-left:10px}
.btnGray_s.v2 {margin-left:0}
.btnGray_s a {background-position:right top; left:2px; padding:0 15px; color:#FFF}
.btnGray_s a:hover {color:#ffcc32}

.btnGray_ss {}
.btnGray_ss,
.btnGray_ss a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:17px; background:url('../images/common/btnGray_ss.gif') no-repeat; white-space:nowrap; font-size:11px}
.btnGray_ss {background-position:left top; margin-left:8px}
.btnGray_ss a {background-position:right top; left:2px; padding:0 8px; color:#FFF !important}
.btnGray_ss a:hover {color:#ffcc32 !important; text-decoration:none !important}

.btn_tooltip{display:inline-block;height:20px;margin-top:10px;padding:0 8px;background:#53575d;border-radius:3px;white-space:nowrap;font-size:11px;color:#fff;line-height:20px;vertical-align:top}
.btn_tooltip:hover{color:#ffcc32}

.btnWhite {}
.btnWhite,
.btnWhite a {position:relative; display:inline-block; vertical-align:top; height:30px; line-height:28px; background:url('../images/common/btnWhite.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnWhite {background-position:left top; margin-right:4px;}
.btnWhite a {background-position:right top; padding:0 15px; color:#e66f05}
.btnWhite a:hover {color:#d95403}

.btnWhite_s {}
.btnWhite_s,
.btnWhite_s a {position:relative; display:inline-block; vertical-align:top; height:26px; line-height:22px; background:url('../images/common/btnWhite_s.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnWhite_s {background-position:left top; margin-left:6px;}
.btnWhite_s a {background-position:right top; padding:0 10px; color:#ff8016 !important}
.btnWhite_s a:hover {color:#d95403 !important; text-decoration:none !important}

.btnWhite_ss {}
.btnWhite_ss,
.btnWhite_ss a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:17px; background:url('../images/common/btn_whitess.gif') no-repeat; white-space:nowrap; font-size:11px}
.btnWhite_ss {background-position:left top; margin-left:8px}
.btnWhite_ss a {background-position:right top; padding:0 8px; color:#ff8b2b !important}
.btnWhite_ss a:hover {color:#e17720 !important; text-decoration:none !important}

.btnBig {}
.btnBig,
.btnBig a {position:relative; display:inline-block; vertical-align:top; height:84px; line-height:82px; background:url('../images/common/btn_big.gif') no-repeat; white-space:nowrap; font-size:13px}
.btnBig {background-position:left top; margin-left:10px;}
.btnBig a {background-position:right top; padding:0 30px; color:#fc821e !important}
.btnBig a:hover {color:#e17720 !important; text-decoration:none !important}

.btnOr20 {}
.btnOr20,
.btnOr20 a {position:relative; display:inline-block; vertical-align:top; height:20px; line-height:18px; background:url('../images/common/btn_or20.gif') no-repeat; white-space:nowrap; font-size:11px}
.btnOr20 {background-position:left top}
.btnOr20 a {background-position:right top; padding:0 15px; color:#FFF !important}
.btnOr20 a:hover {color:#612f05 !important; text-decoration:none !important}

.btnGray_line {display:inline-block; border:1px solid #b5b5b5; border-radius:4px; height:25px; line-height:22px; padding:0 12px; font-size:12px; color:#b5b5b5 !important; margin-left:6px;}


button.btnSearch {background:url('../images/common/btns.gif') 0 0 no-repeat; vertical-align:top; width:37px; height:26px; text-indent:-5000px}

a.btnSearch1 {background:url('../images/common/btns.gif') 0 0 no-repeat; vertical-align:top; width:37px; height:26px; text-indent:-5000px}
a:hover.btnSearch1 {background-position:0 -26px; text-indent:-5000px;}

a.btnSearch2 {background:url('../images/common/btns.gif') -37px 0 no-repeat; vertical-align:top; width:37px; height:26px; margin-left:4px; text-indent:-5000px}
a:hover.btnSearch2 {background-position:-37px -26px; margin-left:4px; text-indent:-5000px;}

a.btnCal {background:url('../images/common/btns.gif') -326px 0 no-repeat; vertical-align:top; width:33px; height:26px; text-indent:-5000px}
a:hover.btnCal {background-position:-326px -26px; text-indent:-5000px;}

a.btnCal2 {background:url('../images/common/btns.gif') -359px 0 no-repeat; vertical-align:top; width:34px; height:26px; text-indent:-5000px}
a:hover.btnCal2 {background-position:-359px -26px; text-indent:-5000px;}

a.btnfile {background:url('../images/common/btns.gif') 0 -165px no-repeat; vertical-align:top; width:19px; height:22px; margin-left:4px; text-indent:-5000px}

a.btnLogout {background:url('../images/common/btns.gif') 0 -114px no-repeat; width:29px; height:27px; text-indent:-5000px;}
a:hover.btnLogout {background-position:-29px -114px; text-indent:-5000px;}

a.btn_right {background:url('../images/common/btns.gif') -139px 0 no-repeat; width:30px; height:31px; text-indent:-5000px;}
a:hover.btn_right {background-position:-170px 0; text-indent:-5000px;}

a.btn_left {background:url('../images/common/btns.gif') -139px -32px no-repeat; width:30px; height:30px; text-indent:-5000px; margin-top:8px}
a:hover.btn_left {background-position:-170px -32px; text-indent:-5000px;}

a.btn_right2 {background:url('../images/common/btns.gif') -139px -63px no-repeat; width:30px; height:30px; text-indent:-5000px;}
a:hover.btn_right2 {background-position:-170px -63px; text-indent:-5000px;}

a.btn_left2 {background:url('../images/common/btns.gif') -139px -94px no-repeat; width:30px; height:30px; text-indent:-5000px; margin-top:8px}
a:hover.btn_left2 {background-position:-170px -94px; text-indent:-5000px;}

a.btn_down {background:url('../images/common/btns.gif') -201px 0 no-repeat; width:30px; height:31px; text-indent:-5000px; }
a:hover.btn_down {background-position:-201px -31px; text-indent:-5000px;}

a.btn_up {background:url('../images/common/btns.gif') -232px 0 no-repeat; width:30px; height:31px; text-indent:-5000px;}
a:hover.btn_up {background-position:-232px -31px; text-indent:-5000px;}

a.btn_down2 {background:url('../images/common/btns.gif') -263px 0 no-repeat; width:30px; height:32px; text-indent:-5000px;}
a:hover.btn_down2 {background-position:-263px -31px; text-indent:-5000px;}

a.btn_up2 {background:url('../images/common/btns.gif') -294px 0 no-repeat; width:30px; height:32px; text-indent:-5000px;}
a:hover.btn_up2 {background-position:-294px -31px; text-indent:-5000px;}


/*Layer Popup*/
#mask {
	display:none; background: #000; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; z-index: 999;
	opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
	}
#mask1 {
	display:none; background: #000; position:fixed; left:0; top:0; z-index:10; width:100%; height:100%; z-index: 999;
	opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/*IE8*/
	}
img.btn_close {float:right; margin:-20px 0 0 20px;}
.pop-window{display:none; background:#FFF; float:left; position: fixed; top: 50%; left: 50%; z-index: 99999}
.pop-window header {background:#4278e3; padding:30px 20px}
.pop-window header h1 {font-size:22px; color:#FFF}

.pop-window article {padding:20px}

.pop-window {width:850px}
.zipWrap {padding-bottom:30px}

.zipSearch {float:left; width:385px; padding-right:25px; border-right:1px dashed #d7d7d7}
.zipSearch .lotnumber {border-bottom:1px solid #d7d7d7; padding-bottom:40px}
.zipSearch .road {padding-top:40px}
.zipSearch h2 {font-size:20px; padding-bottom:20px}
.zipSearch p {font-size:13px}
.zipSearch .regionSearch {padding:15px 0 0 0 !important}
.zipSearch .regionSearch input {height:35px; border:1px solid #d7d7d7}
.zipSearch .regionSearch select {border:1px solid #d5d5d5; height:36px; padding-left:6px; margin-bottom:6px}
.zipSearch .regionSearch label {}
.zipSearch .regionSearch .item {position:relative; display:inline-block; vertical-align:top; background:#FFF; margin-top:4px}
.zipSearch .regionSearch .iLabel {position:absolute; top:10px; left:8px; white-space:nowrap; color:#898989}
.zipSearch .regionSearch .iText {position:relative; padding:0 10px; *margin:-1px 0; border:1px solid #d7d7d7;background:transparent;}
.zipSearch .regionSearch .btn_gr37 {margin-right:0;}

.zipSearch .regionSearch .sel_wd1 {width:160px}
.zipSearch .regionSearch .sel_wd2 {width:220px}
.zipSearch .regionSearch .in_wd1 {width:285px}

.zipSearch .item2 {display:inline-block; position:relative; margin-top:15px}
.zipSearch .item2 {font-size:14px; margin-left:50px}
.zipSearch .item2 .iRadio {width:13px; height:13px; padding:0; margin:2px 5px 2px 0; vertical-align:middle;}
.zipSearch .item2 .mrl {margin-left:20px}

.zipResult {position:relative; float:left; padding-left:20px}
.zipResult .before {position:absolute; top:100px; left:140px; width:160px; text-align:center;}
.zipResult .before p {font-size:13px; padding-top:-15px}
.zipResult .none {position:absolute; top:100px; left:140px; width:190px; text-align:center;}
.zipResult .none p {font-size:13px;  padding-top:-15px}
.zipResult p {margin-top:32px}
.zipResult .region_list {border:1px solid #d7d7d7; margin-top:15px; padding:4px 8px; font-size:13px; height:340px; width:340px; overflow-x:hidden}
.zipResult .tbZip {}
.zipResult .tbZip td {vertical-align:top; line-height:150%; padding:3px 0}
.zipResult .tbZip td a {color:#333945}
.zipResult .tbZip td a:hover {background:#d0d0d0}


.zipSearch .btn_gr37 {}
.zipSearch .btn_gr37,
.zipSearch .btn_gr37 a {position:relative; display:inline-block; vertical-align:top; height:37px; line-height:35px; background:url('../images/common/btn_gr37.gif') no-repeat; white-space:nowrap; font-size:13px}
.zipSearch .btn_gr37 {background-position:left top; margin-right:10px;}
.zipSearch .btn_gr37 a {background-position:right top; padding:0 20px; color:#FFF}
.zipSearch .btn_gr37 a:hover {color:#fec929}

/* dl Type */
.blind{overflow:hidden;position:absolute;top:0;left:-999em;line-height:0}
.tbl_dl_type1{line-height:1.5}
.tbl_dl_type1 dt{margin-bottom:5px}
.tbl_dl_type1 dd,.tbl_dl_type1 dd>a{color:#4278e3}
.tbl_dl_type1 dd>a:hover{text-decoration:underline}

/* Font color */
.group_line_box{border-top:2px solid #353c47;text-align:center}
.clr_org{color:#f15b00}
.clr_gray3{color:#333}
.clr_blue{color:#0051e6}
.clr_red{color:#e60000}
h3.tit_h3{padding:28px 6px 0;font-size:28px;font-weight:normal;line-height:1.2;letter-spacing:-1px}
.tx_type{font-size:18px}

/*Name tag Bedge*/
.badge {overflow:hidden;width:684px;margin:35px auto 0;}
.badge li{position:relative;display:table;float:left;width:340px;height:230px;border:1px solid #cacaca;overflow:hidden}
.badge li .tagtitle {background:#003477; text-align:center; color:#FFF; padding:10px 12px}
.badge li .tagtitle b {font-size:20px; font-weight:normal}
.badge li .tagtitle span {font-size:16px; padding-top:4px; display:block}
.badge li .tagcont {text-align:center; padding:10px 12px; line-height:150%}
.badge li .tagcont b {font-size:18px; border-bottom:1px solid #003477; padding-bottom:8px; color:#003477; display:block}
.badge li .tagcont p {font-size:48px; color:#003477; padding-top:24px}
.badge li .tagcont p span {font-size:24px; font-weight:normal}
.badge li .tagname {font-size:48px; color:#003477; font-weight:bold}
.badge li .tagbot span {display:inline-block}
.badge li span.slogan {position:absolute; left:12px; bottom:6px}
.badge li span.logo {position:absolute; right:12px; bottom:6px}

.necklace {overflow:hidden;width:722px;margin:35px auto 0;}
.necklace li{position:relative;display:table;float:left;width:359px;height:461px;border:1px solid #cacaca;overflow:hidden}
.necklace li .tagtitle {background:#003477; text-align:center; color:#FFF; padding:15px 12px; line-height:180%}
.necklace li .tagtitle b {font-size:24px; font-weight:normal}
.necklace li .tagtitle span {font-size:18px; padding-top:4px; display:block}
.necklace li .tagcont {text-align:center; padding:10px 12px; margin-top:50px;}
.necklace li .tagcont b {font-size:24px; border-bottom:1px solid #003477; padding-bottom:8px; color:#003477; display:block}
.necklace li .tagcont p {font-size:64px; color:#003477; font-weight:bold; padding-top:24px; line-height:80%}
.necklace li .tagcont p span {font-size:34px; font-weight:normal}
.necklace li .tagbot span {display:inline-block}
.necklace li span.slogan {position:absolute; left:12px; bottom:12px}
.necklace li span.logo {position:absolute; right:12px; bottom:12px}

.nameplate {overflow:hidden;width:565px;margin:35px auto 0;}
.nameplate li{position:relative;display:table;float:left;width:563px;height:270px;border:1px solid #cacaca;overflow:hidden}
.nameplate li .tagtitle {background:#003477; text-align:center; color:#FFF; padding:15px 12px 8px 12px; line-height:180%}
.nameplate li .tagtitle b {font-size:30px; font-weight:normal}
.nameplate li .tagcont {text-align:center; padding:10px 12px; margin-top:5px}
.nameplate li .tagcont b {font-size:26px; border-bottom:1px solid #003477; padding-bottom:8px; color:#003477; display:block}
.nameplate li .tagcont p {font-size:68px; color:#003477; font-weight:bold; padding-top:24px; line-height:80%}
.nameplate li .tagcont p span {font-size:30px; font-weight:normal}
.nameplate li .tagbot span {display:inline-block}
.nameplate li span.slogan {position:absolute; left:12px; bottom:12px}
.nameplate li span.logo {position:absolute; right:12px; bottom:12px}



/* */
input[type=text]::-ms-clear{display:none}
.group_divid{float:left;position:relative;width:49%}
.group_divid.first{margin-right:2%}
.group_divid.first.v2{padding-right:1%;margin-right:.85%;border-right:1px dotted #999}

/*  */
.lst_checkroom{}
.lst_checkroom>li{margin-top:35px}
.lst_checkroom>li:first-child{margin-top:0}
.lst_checkroom>li .checkbox_room{display:none;overflow:hidden;margin-top:20px;zoom:1}
.lst_checkroom>li>input[type=checkbox]{margin:7px 3px -7px 0;vertical-align:top}
.lst_checkroom>li>input[type=checkbox]+span{font-size:23px;letter-spacing:-2px;line-height:1}
.group_lft_checklayout{float:left;width:69%;margin-right:1.5%}
.group_rgt_checklayout{float:left;width:29.5%}
.tbl_radio{margin:2px 0 -2px;vertical-align:top}
.tbl_checkbox{height:auto !important;margin:4px 3px -4px 0;padding:0 !important;vertical-align:top}
.tbl_textarea{width:100%;padding:6px;border:1px solid #dadbdc;box-sizing:border-box}
.tbl_tl{text-align:left}
.pd_layout{padding:8px 0}
.text_point_gray {font-size:18px; color:#333945; margin-bottom:15px}
.loc_btn_rgt{position:absolute;top:0;right:0}
.group_lectureterm{height:40px;margin-bottom:10px;background-color:#eee;font-size:18px;color:#4278e3;text-align:center;line-height:2.1}
.lst_checkbox1{overflow:hidden;width:100%;zoom:1}
.lst_checkbox1>li{float:left;width:50%}
.vt_top{vertical-align:top}

.ml0{margin-left:0}
.mb10{margin-bottom:10px}
.section{overflow:hidden;position:relative}
.section.v2{overflow:visible}
.section.v60{margin-bottom:60px}
.section.v85{margin-bottom:85px}
.group_divid_v2{float:right;position:relative;width:75%}
.group_divid_v2.first{float:left;width:24%;margin-right:1%}
._btn_aside{position:absolute;top:0;right:0}

.multipleGroup2.v2 .btn_v{float:left; margin:0 auto; vertical-align:top;text-align:center}
.multipleGroup2.v2 .btn_v a{display:block;margin:0 auto}
.multipleGroup2.v2 .multiple{float:left; width:47%}

._lst_allot{overflow:hidden;margin:15px 20px -15px 0}
._lst_allot li{float:left;height:15px;margin-left:15px;font-size:12px;color:#333945;line-height:15px}
._lst_allot li:first-child{margin-left:0}
.bg_allot{display:inline-block;width:26px;height:16px;vertical-align:middle}
._present_condition{}
._present_condition li{float:left;position:relative;width:50%;min-height:50px;line-height:50px}
._present_condition li:first-child{background:url(../images/common/bd_dott_v1.gif) repeat-y 100% 0}
.allot{display:inline-block;overflow:hidden;width:100%;height:16px;vertical-align:middle;text-indent:-9999px}
.bg_allot.v1,.allot.v1{background:#d6d7d8}
.bg_allot.v2,.allot.v2{background:#3498db}

._present_condition.v2 li{float:none;width:100%}
._present_condition.v2 li:first-child{background:none}


._tbl_calender{width:100%;border-top:1px solid #d9d9d9}
._tbl_calender th{padding:13px 0 14px;border:1px solid #d9d9d9;color:#333945;text-align:center}
._tbl_calender th.day{padding:13px 0 14px;border:1px solid #d9d9d9;background:#ecf0f2;color:#333945;text-align:center}
._tbl_calender td{padding:12px 0;border:1px solid #d9d9d9;text-align:center}
._tbl_calender td:first-child{border-left:none}
._tbl_calender td.day{min-width:46px;background:#ecf0f2;color:#7e838e;text-align:center}
._tbl_calender td.weekend{background:#eee}
._tbl_calender td.condition{padding:0}
._tbl_calender td span.mh{display:block;position:relative;min-height:26px}
._tbl_calender td span.mh.v1{min-height:20px;}
._tbl_calender td span.mh.v2{min-height:30px;line-height:30px}
._tbl_calender td span.mh.v3{min-height:30px}
._tbl_calender.v2 td:first-child{border-left:1px solid #d9d9d9}
._tbl_calender td.srch_none{border-right:none}
._tbl_calender td.dueday{background:#3498db;color:#FFF}

._group_calender{position:relative}
._lst_calender_sample{position:absolute;top:0;left:0}
._lst_calender_sample li{width:68px;height:50px;margin-top:-1px;padding:0 8px;border:1px solid #d9d9d9;line-height:50px;text-align:center}
._lst_calender_sample li:first-child{height:46px;margin-top:0;line-height:46px}
._group_tbl_calender{padding-left:85px}

.tbl_calendar{border-top:1px solid #ddd}
.tbl_calendar th{background-color:#eee}
.tbl_calendar th,.tbl_calendar td{padding:10px 15px;border:1px solid #ddd}
.tbl_calendar td{background-color:#f5f5f5;text-align:right}
.tbl_calendar input[type=text]{display:block;width:100%}
.txt_calendar_month{margin:20px 0 10px;font-size:18px;text-align:center}
.txt_calendar_month.v2{display:inline-block;margin:0;text-align:left;line-height:1.5}
.txt_calendar_month a{color:#4278e3}
.txt_calendar_month span{margin:0 10px}
.bg_input_ticket{background-color:#fff !important}
.txt_sun{color:#e00000}
.txt_sat{color:#4273e3}
/* .slct_company{position:absolute;top:5px;right:0;min-width:100px;height:28px;border:1px solid #cac8c8;background:#f8f8f8;color:#333} */

/* 20160525 */
.main_body{margin:0 auto;background:#f5f5f5}
.main_wrap{padding:20px}
.slct_company{;height:28px;border:1px solid #cac8c8;background:#f8f8f8;color:#333}

.group_tooltop{display:inline-block;position:relative}
.tip_view{display:none;position:absolute;top:40px;left:1px;z-index:50;padding:3px 7px 4px;background:#bbb;color:#fff;line-height:20px}
.tip_view:before{display:block;position:absolute;top:-5px;left:0;border-right:10px solid transparent; border-bottom:10px solid #bbb; border-left:10px solid transparent;content:""}

.group_btn_area{position:relative}
.btn_area{position:absolute}
.btn_area.rgt{top:50%;right:0;margin-top:-15px}

.lst_allot{padding-bottom:15px}
.lst_allot li{margin-top:5px;z-index:10}
.lst_allot li>a{position:relative}
.lst_allot li:first-child{margin-top:0}

.tooltip_view{display:none;position:absolute;top:20px;left:1px;padding:3px 7px 4px;background:#bbb;color:#fff;z-index:10}
.tooltip_view:before{display:block;position:absolute;top:-5px;left:0;border-right:10px solid transparent; border-bottom:10px solid #bbb; border-left:10px solid transparent;content:""}

.tip_view_end{display:none;position:absolute;top:40px;right:1px;z-index:50;padding:3px 7px 4px;background:#bbb;color:#fff;line-height:20px;}
.tip_view_end:before{display:block;position:absolute;top:-5px;right:0;border-right:10px solid transparent; border-bottom:10px solid #bbb;border-left:10px solid transparent;content:"";}

.desc_learning_room{position:absolute;right:0;left:0;margin-top:-2px;padding:0 10px;text-align:left;line-height:1.2}
.ellipsis{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}

/* 20160620 */
/*  */
.section{overflow:hidden;position:relative;zoom:1}
.section_v2{position:relative;zoom:1}
.section.v10{margin-bottom:10px}
.section.v20,.section_v2.v20{margin-bottom:20px}
.section.v25{margin-bottom:25px}
.section.v30{margin-bottom:30px}
.section.v35{margin-bottom:35px}
.section.v40{margin-bottom:40px}
.section.v45,.section_v2.v45{margin-bottom:45px}
.section.v50,.section_v2.v50{margin-bottom:50px}
.section.v55{margin-bottom:55px}

.lst_step2{overflow:hidden;height:103px;background:url(../images/common/bg_step.gif) no-repeat;font-size:15px;color:#898989}
.lst_step2>li{float:left;position:relative;width:25%;background:#ececec;line-height:1.4}
.lst_step2>li.on,.lst_step2>li>a:hover{background-color:#4e8ec8;color:#fff}
.lst_step2>li:before{display:block;position:absolute;top:0;right:0;bottom:0;width:2px;background:#fff;content:''}
.lst_step2>li.last:before{display:none}
.lst_step2>li>a.space_step2{color:#898989}
.lst_step2>li>a.space_step2:hover{color:#fff}
.lst_step2>li .space_step2:after,.lst_step2>li>a:hover:after{display:block;position:absolute;top:30px;right:32px;width:21px;height:33px;background:url(../images/common/sp_ico.png) no-repeat 0 0;content:''}
.lst_step2>li.on .space_step2:after,.lst_step2>li>a:hover:after{background-position:-25px 0}
.lst_step2>li strong{font-size:22px;color:#444;letter-spacing:-1px}
.lst_step2>li.on strong,.lst_step2>li>a:hover strong{color:#fff}
.lst_step2>li.on .space_step2:before,.lst_step2>li a:hover:before{display:block;position:absolute;left:50%;bottom:-10px;width:20px;height:10px;margin-left:-10px;background:url(../images/common/sp_ico.png) no-repeat -50px 0;content:''}
.space_step2{display:block;padding:17px 0 24px 50px}

/* */
.group_diagnosis{overflow:hidden;position:relative;padding-bottom:20px;border-bottom:1px solid #e8e8e8}
.group_diagnosis.v2{padding-bottom:26px}
.desc_diagnosis{float:left;width:780px}
.desc_diagnosis dt{margin-bottom:7px;font-size:18px;font-weight:bold;color:#333;line-height:1.2em;letter-spacing:-1px}
.desc_diagnosis dd{font-size:15px;color:#666}
.tx_tbl_info{margin-top:20px;color:#888;line-height:1.3em}

.lst_result_view{overflow:hidden;border-bottom:2px solid #4e5463}
.lst_result_view>li{float:left;position:relative;height:41px}
.lst_result_view>li>a{display:block;position:relative;width:179px;height:41px;padding-left:40px;background:url(../img/tab_result.png) no-repeat 0 -45px;color:#353639;line-height:41px;text-decoration:none}
.lst_result_view>li>a.on{background-position:0 0;color:#fff;z-index:10}
.lst_result_view>li>a.last{margin:0 0 0 -12px}

.tbl_result{width:100%}
.tbl_result th{color:#444;padding:0 40px;border-right:1px solid #d9d9d2}
.tbl_result td{padding:0 60px}
.tbl_result th,.tbl_result td{height:120px;border-bottom:1px solid #d9d9d2}

.group_graph{position:relative;height:50px;padding-top:44px}
.group_result_bar{/* float:left; */position:relative;margin-top:18px;width:412px}
.tx_grade{float:left;margin-right:20px;font-size:24px}
.bg_bar{display:block;position:absolute;top:0;left:15px;height:11px;background:#7cc576 url(../img/pattern_v3.png) repeat;}
.trick {position:absolute;left:47px;top:62px;z-index:9999;display:inline-block;width:15px;height:11px;background:#FFF}
.group_bar {float:left}
.bg_graph {display:block;background:#efefef;height:11px;width:427px;}

.lst_ico_result{position:relative;}
.ico_result{display:block;position:absolute;top:-27px;width:31px;height:56px;background:url(../img/ico_result.gif) no-repeat;z-index:10;}
.ico_result.v1{background-position:0 0}
.ico_result.v2{background-position:-70px 0}
.ico_result.v3{background-position:-35px 0}
.ico_result.v4{background-position:-105px 0}



.tx_result_grade{display:block;margin:9px 0 0 -1px;color:#fff;text-align:center;line-height:1em}
.group_spider_map{border-bottom:1px solid #d9d9d2}
.lst_result_info{overflow:hidden;position:absolute;right:0;margin-top:14px;}
.lst_result_info li{float:left;margin-left:10px;font-size:12px;color:#a5a5a5;letter-spacing:-1px}
.lst_result_info li:first-child{margin-left:0}
/* .lst_result_info{overflow:hidden;float:right;margin-top:14px;}
.lst_result_info li{float:left;margin-left:20px;font-size:12px;color:#a5a5a5}
.lst_result_info li:first-child{margin-left:0} */
.bg_result_info{display:inline-block;width:13px;height:13px;margin:3px 4px -3px 0;border-radius:7px}
.bg_result_info.v1{background:#7cc576 url(../img/pattern_v3.png) repeat}
.bg_result_info.v2{background:#f9a925 url(../img/pattern_v3.png) repeat}
.bg_result_info.v3{background:#0092e7 url(../img/pattern_v3.png) repeat}
.bg_result_info.v4{background:#de2f36 url(../img/pattern_v3.png) repeat}
.bg_result_info.v5{background:#656a74 url(../img/pattern_v3.png) repeat}

/* .lst_info_gr {height:20px;margin-bottom:10px;border:1px solid red} */
.lst_result_info2{overflow:hidden;position:absolute;right:0;top:0}
.lst_result_info2 li{float:left;margin-left:20px;font-size:12px;color:#4b4f59}
.lst_result_info2 li:first-child{margin-left:0}
.bg_result_info2{display:inline-block;width:13px;height:13px;margin:3px 4px -3px 0;border-radius:7px}
.bg_result_info2.v1{background:#7cc576 url(../img/pattern_v3.png) repeat}
.bg_result_info2.v2{background:#de2f36 url(../img/pattern_v3.png) repeat}
.bg_result_info2.v3{background:#0092e7 url(../img/pattern_v3.png) repeat}


.group_tooltip{position:absolute;top:-101px;left:50%;width:200px;margin-left:-100px;padding:10px 0 15px;background:#5f5b58;border-radius:5px}
.tx_tooltip{margin-bottom:3px;font-size:13px;color:#fff}

@-webkit-keyframes anim-open{
	0%{opacity:0;-webkit-transform: scale3d(1.1, 1.1, 1)}
	100% {opacity:1;-webkit-transform: scale3d(1, 1, 1)}
}

@keyframes anim-open{
	0%{opacity:0;-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}
	100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
}





/* Icon : */
.ico{display:inline-block;overflow:hidden;background:url(../images/common/sp_ico.png) no-repeat;text-indent:-999em;vertical-align:middle}
.ico_con_info{position:absolute;top:20px;left:40px;width:39px;height:33px;background-position:-70px 0}
.ico_diagnosis{float:left;margin:0 25px 0 40px}
.ico_diagnosis.v2{width:68px;height:55px;background-position:0 -40px}

/* List :: */
.lst_base>li,.lst_type_tbl>li{overflow:hidden;padding-left:9px;background:url(../images/common/bu_v1.gif) no-repeat 0 11px}
.lst_type_tbl>li{float:left;margin-left:30px}
.lst_type_tbl>li:first-child{margin-left:0}

/* Search ::  */
.group_srch2{overflow:hidden;padding:32px 40px;border:1px solid #d9d9d2}
.group_srch2 .select{height:26px}
.tit_srch{margin-right:15px;font-size:15px;font-weight:normal;color:#444}

/* Paging ::  */
.group_content_info{overflow:hidden;position:relative;padding:24px 40px 27px;background:#5f5b58}
.lst_con_info>li{margin-top:6px}
.lst_con_info>li:first-child{margin-top:0}
.desc_con_info,.tx_con_info{overflow:hidden;padding-left:64px}
.lst_con_info>li:first-child .desc_con_info dt,.lst_con_info>li:first-child .desc_con_info dd{margin-top:-1px;font-size:16px}
.lst_con_info>li:first-child .desc_con_info dt{margin-right:18px}
.desc_con_info dt,.desc_con_info dd{float:left}
.desc_con_info dt{color:#cfcfcf;margin:0 15px 0 30px}
.desc_con_info dt:first-child{margin-left:0}
.desc_con_info dd{color:#fff}
.tx_feedback{display:inline-block;height:30px;margin:-1px 0 1px;padding:0 18px;background:#eeeee7;border:1px solid #979492;font-size:15px;color:#666;line-height:27px}
.lst_con_info2{padding-left:72px;color:#fff}
.lst_con_info2>li{margin-top:5px;padding-left:13px;background:url(../img/bu_v2.gif) no-repeat 0 11px}
.lst_con_info2>li:first-child{margin-top:0}

/*  */
.tit_draft{height:47px; padding:47px 0 50px 0; text-align:center; font-size:30px; text-decoration:underline; font-weight:bold; color:#333;letter-spacing:-2px}
table.pop_table01{text-align:center;line-height:1.5em}
table.pop_table01 th{background-color:#ededed;border:1px solid #BEBEBE;color:#333; padding:4px 0 2px}
table.pop_table01 td{text-align:center; height:55px; border:1px solid #BEBEBE; color:#666;}

.tit_draft_fund{height:38px; padding:0 0 15px 0; text-align:center; font-size:24px; text-decoration:underline; font-weight:bold; color:#333;letter-spacing:-2px}
table.pop_table_fund{text-align:center;line-height:1em;font-size:10px}
table.pop_table_fund th{background-color:#ededed;border:1px solid #BEBEBE;color:#333; padding:4px 0 2px}
table.pop_table_fund td{text-align:center; height:40px; border:1px solid #BEBEBE; color:#666;}

/* 20160622 
.lst_tab_menu{overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu li{float:left;width:20%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px}
.lst_tab_menu li:first-child{margin:0;border:none}
.lst_tab_menu li a{display:block;color:#b6b9be}
.lst_tab_menu li a:hover{color:#fff}
.lst_tab_menu li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}*/

/*2018.01.05*/
.lst_tab_menu2 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu2 li{float:left;width:50%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu2 li:first-child{margin:0;border:none}
.lst_tab_menu2 li a{display:block;color:#b6b9be}
.lst_tab_menu2 li a:hover{color:#fff}
.lst_tab_menu2 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

.lst_tab_menu3 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu3 li{float:left;width:33%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu3 li:first-child{margin:0;border:none}
.lst_tab_menu3 li a{display:block;color:#b6b9be}
.lst_tab_menu3 li a:hover{color:#fff}
.lst_tab_menu3 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

.lst_tab_menu4 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu4 li{float:left;width:25%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu4 li:first-child{margin:0;border:none}
.lst_tab_menu4 li a{display:block;color:#b6b9be}
.lst_tab_menu4 li a:hover{color:#fff}
.lst_tab_menu4 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

.lst_tab_menu5 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu5 li{float:left;width:20%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu5 li:first-child{margin:0;border:none}
.lst_tab_menu5 li a{display:block;color:#b6b9be}
.lst_tab_menu5 li a:hover{color:#fff}
.lst_tab_menu5 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

.lst_tab_menu6 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu6 li{float:left;width:16%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu6 li:first-child{margin:0;border:none}
.lst_tab_menu6 li a{display:block;color:#b6b9be}
.lst_tab_menu6 li a:hover{color:#fff}
.lst_tab_menu6 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

.lst_tab_menu7 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu7 li{float:left;width:14%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu7 li:first-child{margin:0;border:none}
.lst_tab_menu7 li a{display:block;color:#b6b9be}
.lst_tab_menu7 li a:hover{color:#fff}
.lst_tab_menu7 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}

.lst_tab_menu8 {overflow:hidden;background:#545b67;border-radius:3px}
.lst_tab_menu8 li{float:left;width:12.5%;height:60px;margin-right:-1px;border-left:1px solid #73777d;font-size:18px;color:#fff;text-align:center;line-height:57px;cursor:pointer}
.lst_tab_menu8 li:first-child{margin:0;border:none}
.lst_tab_menu8 li a{display:block;color:#b6b9be}
.lst_tab_menu8 li a:hover{color:#fff}
.lst_tab_menu8 li.on span:after,.lst_tab_menu li a:hover:after{display:inline-block;width:22px;height:13px;margin:1px 0 -1px 20px;background:url(../images/common/bu_tab.png) no-repeat;content:''}


/* 20160624 */
.group_em_box{width:800px;margin:0 auto;background:#fff}

/*  */
.group_main{background:none}
.group_main_tit{position:relative;margin-bottom:15px}
.group_main_tit.v2{margin-bottom:20px}
.main_tit{position:absolute;top:0;left:0;color:#353c47;line-height:1.2em}
.main_tit.h1{font-size:28px;letter-spacing:-2px}
.main_tit.h2{font-size:20px;letter-spacing:-1px}
.lst_todo th,.lst_todo td{padding:0 5px}
.lst_todo td{padding:15px 5px}
.lst_todo thead th{height:36px;background:#d9d9d9 url(../images/common/tbl_arr2.gif) 100% 0 no-repeat}
.lst_todo thead th:first-child{background:#e8e8e8 url(../images/common/tbl_arr.gif) 100% 0 no-repeat}
.lst_todo thead th.last{background:#d9d9d9 url(../images/common/tbl_arr3.gif) 100% 0 no-repeat}
.lst_todo tbody td{border-bottom:1px solid #dadbdc;text-align:center}
.lst_todo tbody td.lft{text-align:left}
.btn_none{display:inline-block;height:26px;padding:0 15px;background:#e8e8e8;border:1px solid #d3d3d3;border-radius:3px;font-size:12px;color:#b1b1b1;line-height:22px}
.tx_do_num{display:table-cell;min-width:26px;height:23px;padding-top:3px;background:#fe790a;border-radius:15px;font-size:16px;color:#f5f5f5;text-align:center;text-decoration:underline;vertical-align:top}
.btnWhite_s.v2{display:table-cell;vertical-align:middle}
.tx_space{display:table-cell;padding-right:17px}

.lst_learn_manage{overflow:hidden}
.lst_learn_manage>li{display:table;float:left;background:#efefef;border-top:4px solid #7d7d7d}
.lst_learn_manage>li>a{display:table-cell;height:116px;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;vertical-align:middle}
.lst_learn_manage>li:first-child>a{border-left:1px solid #e3e3e3}
.group_tx_learn{text-align:center}
.tx_learn_num{display:inline-block;padding:0 2px;font-size:40px;color:#fe790a;text-decoration:underline}
.tx_learn_info{margin-top:18px;color:#353c47}
.lst_learn_manage.v1>li{width:33.33%}
.lst_learn_manage.v1>li:first-child{width:33.34%}
.lst_learn_manage.v2>li{width:25%}
.lst_learn_manage.v3>li{width:20%}
.lst_learn_manage.v4>li{width:16.66%}
.lst_learn_manage.v4>li:first-child{width:16.7%}
.lst_learn_manage.v5>li{width:14.28%}
.lst_learn_manage.v5>li:first-child{width:14.32%}
.lst_learn_manage.v6>li{width:12.5%}
.tx_date{display:inline-block;margin:-1px 0 1px;font-size:26px;color:#353c47}

.tbl_week_edu{width:100%}
.tbl_week_edu th,.tbl_week_edu td{padding:10px 18px 11px}
.tbl_week_edu th{background:#555;border:1px solid #6d6d6d;border-width:0 0 0 1px;font-size:13px;color:#f5f5f5}
.tbl_week_edu th:first-child{border:none}
.tbl_week_edu th:last-child{border-right:1px solid #555}
.tbl_week_edu tbody td{width:20%;height:18px;border:1px solid #dadbdc;border-width:0 1px 1px 1px}
.bg_week_edu{position:relative;background:#d1dcf1}
.tx_state{font-size:13p;color:#2a2a2a}
.elp_position{position:relative;min-height:15px}
.elp_inner{position:absolute;right:0;left:0;line-height:1.13}

.group_week_tooltip{display:none;position:absolute;top:40px;left:0;min-width:190px;padding:17px 20px 18px;background:#f5f5f5;border:1px solid #9a9a9a;border-radius:3px;-webkit-box-shadow: 4px 4px 4px 0px rgba(218,218,218,1);-moz-box-shadow: 4px 4px 4px 0px rgba(218,218,218,1);box-shadow: 4px 4px 4px 0px rgba(218,218,218,1);z-index:10}
.group_week_tooltip.on{display:block}
.group_week_tooltip .bu_arr_top{display:block;position:absolute;top:-14px;left:15px;width:19px;height:14px;background:url(../images/common/bu_top_arr.png) no-repeat}
.desc_week_tool{color:#2a2a2a}
.desc_week_tool dt{margin-bottom:10px}
.lst_week_tool>li{font-size:12px;line-height:22px}

.group_orange{width:20%;height:18px;background:#f7dcc6;border:1px solid #f5f5f5;border-width:0 0 0 1px;font-size:15px;font-weight:bold;color:#fe790a;text-align:center}
.group_orange:first-child{border-left:1px solid #f7dcc6}
.group_orange.last{border-right:1px solid #f7dcc6}
.group_orange_v2,.group_orange_v3{height:18px;background:#fb9e50;color:#f5f5f5}
.group_orange_v3{border-right:1px solid #fb9e50;color:#2f2f2f;text-align:right}
.lst_week_info{overflow:hidden;line-height:1.2em}
.lst_week_info li{float:left;margin-left:35px}
.lst_week_info li:first-child{margin-left:0}

.btn_cancel{display:inline-block;overflow:hidden;width:11px;height:11px;background:url(../images/common/btn_cancel.gif) no-repeat;text-indent:-9999px}

.pagewrap2{margin-top:50px;text-align:center}
.btn_paging2{display:inline-block;height:35px;font-size:15px;font-weight:bold;color:#9a9a9a !important}
.btn_paging2:first-child{margin-right:70px}
.btn_paging2:hover,.btn_paging2:active,.btn_paging2:focus,.btn_paging2.on{color:#656a74 !important;text-decoration:none}

.ico2{display:inline-block;overflow:hidden;background:url(../images/common/sp_arr.png) no-repeat;text-indent:-999em;vertical-align:middle}
.ico_prev{width:22px;height:35px;margin:-1px 10px 1px 0;background-position:0 0}
.ico_next{width:22px;height:35px;margin:-1px 0 1px 10px;background-position:-30px 0}
.btn_paging2:hover>.ico_prev,.btn_paging2:active>.ico_prev,.btn_paging2:focus>.ico_prev,.btn_paging2.on>.ico_prev{background-position:-55px 0}
.btn_paging2:hover>.ico_next,.btn_paging2:active>.ico_next,.btn_paging2:focus>.ico_next,.btn_paging2.on>.ico_next{background-position:-80px 0}

/* 20160707_add */
.lst_ticket_info>li{overflow:hidden;margin-top:4px}
.lst_ticket_info>li:first-child{margin-top:0}
.lst_tx_ticket{margin-left:14px}
.lst_tx_ticket>li{margin-left:10px;text-indent:-10px}
.tx_ticket{float:left}
.tx_ticket.v1,.tx_ticket_v1{margin-right:8px;font-weight:normal;color:#a1945d}
.ticket_info_box{margin-top:27px;padding:9px 20px 13px;background:#eeeee7}
.desc_ticket_info dt{color:#a1945d}
.desc_ticket_info dd{margin-top:2px;letter-spacing:-1px}
.img_ticket{display:block;position:relative;width:430px;height:406px;margin:30px auto 30px}
.tx_ticket_info dt,.tx_ticket_info dd{position:absolute}
.tx_ticket_info dt{top:38px;left:71px;font-size:12px;color:#a1a09e}
.tx_ticket_info dd{top:57px;left:45px;font-size:16px;font-weight:bold;color:#000}
.tx_ticket_info.v2 dt{top:117px;left:333px}
.tx_ticket_info.v2 dd{top:97px;left:300px}

/*  */
input[type=radio],input[type=checkbox]{margin-top:-1px;margin-bottom:1px}
/* custom select style */
.checkbox,.radio{display:inline-block;width:13px;height:20px;padding-right:10px;background: url(../images/common/checkbox.gif) no-repeat;vertical-align:middle}

.group_tree{overflow-x:auto;overflow-y:auto;float:left;width:49%;height:360px;max-height:360px;padding:12px 2%;border:1px solid #d4d4d4;box-sizing:border-box;}
.group_tree.v2{margin-left:2%;border:1px solid #a8cce8;background:#f1f6fb}
.lst_tree li{position:relative;width:500px;line-height:28px}
.lst_tree>li{border-left:1px solid #d4d4d4}
.depth_tree{margin-left:-7px}
.first_tree{}
.first_tree:after{display:block;position:absolute;top:-2px;left:-5px;width:10px;height:10px;background:#fff;content:''}
.first_tree.none2:before{display:inline-block;position:absolute;top:14px;bottom:0;left:-24px;z-index:1;width:17px;height:auto;border-top:1px solid #d4d4d4;background:#fff;content:''}
.last_tree:after{display:block;position:absolute;top:14px;left:-5px;width:10px;height:15px;background:#fff;content:''}
.last_tree.v2:after{top:22px}
.last_tree.v3:after{top:14px;left:-25px}
.group_tree.v2 .first_tree:after,.group_tree.v2 .last_tree:after{background:#f1f6fb}
.lst_tree_3depth.v2:before{position:absolute;top:14px;left:-28px;bottom:0;width:10px;background:#fff;content:''}
.group_tree.v2 .lst_tree_3depth.v2:before{background:#f1f6fb}


.lst_tree_2depth>li{position:relative;margin-left:22px}
.lft_line{border-left:1px solid #d4d4d4}
.lst_tree_2depth>li:before,.lst_tree_3depth>li:before,.lst_tree_4depth>li:before,.lst_tree_5depth>li:before,.lst_tree_6depth>li:before,.lst_tree_7depth>li:before{display:block;position:absolute;top:13px;left:-23px;width:16px;height:1px;background:#d4d4d4;content:''}
.lst_tree_3depth>li{position:relative;margin-left:22px}
.lst_tree_4depth>li,.lst_tree_5depth>li,.lst_tree_6depth>li,.lst_tree_7depth>li{position:relative;margin-left:15px}
.lst_tree_4depth>li:before,.lst_tree_5depth>li:before,.lst_tree_6depth>li:before,.lst_tree_7depth>li:before{left:-15px}
.tree_on{color:#ed164b;text-decoration:underline}

.lst_tree_4depth>li.first_tree,.lst_tree_5depth>li.first_tree,.lst_tree_6depth>li.first_tree,.lst_tree_6depth>li.first_tree.none{margin-left:22px}
.lst_tree_4depth>li.first_tree:before,.lst_tree_5depth>li.first_tree:before,.lst_tree_6depth>li.first_tree:before{left:-24px;border-top:1px solid #d4d4d4;background:#fff}

.ico_noresult{display:block;width:77px;height:72px;margin:0 auto 13px;background:url(../images/common/ico_noresult.gif) no-repeat}
.group_noresult{position:relative;top:50%;margin-top:-63px;text-align:center;font-size:15px;color:#555;letter-spacing:-1px}

/**/

.ico,.btn1 {display:inline-block;overflow:hidden;background:url(../images/common/adm_ico.png) no-repeat;text-indent:-999em;vertical-align:middle}
.status_w {position:absolute; left:20px; top:8px; background-position:0 -25px; width:21px; height:21px}
.status_b1 {position:absolute; right:20px; top:8px; background-position:-21px -25px; width:21px; height:21px}
.status_b2 {position:absolute; right:20px; top:8px; background-position:-42px -25px; width:21px; height:21px}
.status_b3 {position:absolute; right:20px; top:8px; background-position:-63px -25px; width:21px; height:21px}

.status_w_no {position:absolute; left:20px; top:8px; background-position:0 -46px; width:21px; height:21px}
.status_b1_no {position:absolute; right:20px; top:8px; background-position:-21px -46px; width:21px; height:21px}
.status_b2_no {position:absolute; right:20px; top:8px; background-position:-42px -46px; width:21px; height:21px}
.status_b3_no {position:absolute; right:20px; top:8px; background-position:-63px -46px; width:21px; height:21px}


.btn_ico_n {background-position:-122px 0; width:12px; height:15px}
.btn_ico_b {background-position:-135px 0; width:12px; height:15px}
.btn_ico_up {background-position:0 0; width:24px; height:24px; margin-right:6px}
.btn_ico_down {background-position:-24px 0; width:24px; height:24px; margin-right:10px}
.btn_ico_plus {background-position:-48px 0; width:24px; height:24px; margin-right:6px}
.btn_ico_minus {background-position:-72px 0; width:24px; height:24px; margin-right:6px}
.btn_ico_del {background-position:-96px 0; width:24px; height:24px}

.adm_btn_gr {position:absolute; right:30px; top:12px}

.adm_box_gr {border:1px solid #ddddde}
.adm_tit_gr {position:relative; background:#f3f3f3; padding:15px 30px; border-bottom:1px solid #ddddde}
.adm_tit_h1 {font-size:16px}

.adm_content {background:#FFF; padding:25px 30px}
.adm_sum {}
.adm_sum li {display:inline-block; width:29%; padding-right:5%}
.adm_sum li.last {padding:0}
.adm_tit {display:inline-block; font-size:14px; border-bottom:1px solid #525154; padding-bottom:3px}
.adm_sum_de {position:relative; height:60px; margin-top:10px}
.adm_num {position:absolute; top:30px; left:10px; font-size:58px; font-weight:normal; color:#6e6e6e;line-height:0%; display:block}
.adm_num.t2 {font-size:36px}
.adm_txt {position:absolute; right:10px; top:45px; color:#ff5400}
.adm_txt b {font-weight:normal}
.adm_status {position:relative; height:40px; margin-top:15px}
.adm_status.b1 {background:#a18add}
.adm_status.b2 {background:#4a7ca3}
.adm_status.b3 {background:#00a8e7}

.adm_todo {}
.adm_todo li {display:inline-block; font-size:14px; color:#797979; text-align:center; width:30%; line-height:220%}
.adm_todo li span {display:block; }
.adm_todo li.line {border-right:1px solid #ddddde}
.adm_todo li.fst {color:#5d92d8; text-align:left; padding-left:5%}
.adm_todo li .date {font-size:28px}
.adm_todo li.fst a {color:#5d92d8}
.adm_todo li a {font-size:32px; color:#575757; text-decoration:underline}
.adm_todo li a:hover {color:#ff5400}

.adm_tb_gr {height:207px; overflow-y:auto}
.adm_tb_gr2 {width:85%; height:180px; overflow-y:auto}


/* Vertical Bar Graph */
.vGraph {float:left; padding:0; background:url(../images/common/bg_graph.gif) repeat-x; margin:20px 0 30px 0; width:96%}
.vGraph ul{ margin:0; padding:0; height:124px;  font-size:11px;list-style:none;}
.vGraph ul:after{ content:""; display:block; clear:both;}
.vGraph li{ float:left; display:inline; width:2%; height:100%; margin:0 3%; position:relative; text-align:center; white-space:nowrap; }
.vGraph .gTerm{ position:relative; display:inline-block; width:100%; height:0px; line-height:0px; margin:0 -100% -20px 0; padding:143px 0 0 0; vertical-align:bottom; color:#767676; font-weight:bold;}
.vGraph .gBar{ position:relative; display:inline-block; width:100%; margin:-1px 0 0 0; background:#2bacf0; vertical-align:bottom;}
.vGraph .gBar.g1 { background:#e786bb}
.vGraph .gBar span{ position:absolute; width:100%; top:-20px; left:0; color:#767676;}

.adm_graph_num {float:left; font-size:12px; width:3%; text-align:right; margin-right:10px}
.adm_graph_num p {letter-spacing:-1.5px; font-size:11px; color:#9c9c9c}
.adm_graph_num li {padding-top:30px}
.adm_graph_num li.fst {line-height:0; padding-top:5px}


.adm_search_gr {overflow:hidden; height:35px}
.adm_search_gr li {display:inline-block}
.adm_search .iRadio{width:13px; height:13px; padding:0; margin:2px 5px 2px 0; border:none; vertical-align:middle}

.gr_info_gr {font-size:12px}
.gr_info_gr li {display:inline-block}
.gr_info {display:inline-block;width:10px;height:10px;margin:4px 7px -4px 0;border-radius:7px;vertical-align:top;}
.gr_info.a1 {background:#2bacf0}
.gr_info.a2 {background:#e786bb}
.gr_info.a3 {background:#a28ae0}
.gr_info.a4 {background:#385696}


.cGraph_gr {float:left; width:15%}
.cGraph {position:relative;float:left;background:#fff; height:180px; margin-right:170px}
.cGraph .fields {display:none}
.group_tx_chart{display:table-cell;height:172px;padding-left:170px;vertical-align:middle}
.tx_percent{position:absolute;top:65px;left:40px;font-size:32px;color:#000;text-align:center; width:95px}
.tx_percent span {display:block; font-size:13px; padding-top:15px}
.chart_donut{position:absolute;}
.chart_donut.v2{left:50%}

/*star rating*/
.star {display:inline-block; overflow:hidden; background:url(../images/common/star.png) no-repeat; text-indent:-999em; vertical-align:middle; width:150px; height:30px}
.star.rating0 {background-position:0 0; }
.star.rating10 {background-position:0 -30px; }
.star.rating20 {background-position:0 -60px; }
.star.rating30 {background-position:0 -90px; }
.star.rating40 {background-position:0 -120px; }
.star.rating50 {background-position:0 -150px; }
.star.rating60 {background-position:0 -180px; }
.star.rating70 {background-position:0 -210px; }
.star.rating80 {background-position:0 -240px; }
.star.rating90 {background-position:0 -270px; }
.star.rating100 {background-position:0 -300px; }

.star_sm {display:inline-block; overflow:hidden; background:url(../images/common/star_sm.png) no-repeat; text-indent:-999em; vertical-align:middle; width:90px; height:18px}
.star_sm.rating0 {background-position:0 0; }
.star_sm.rating10 {background-position:0 -18px; }
.star_sm.rating20 {background-position:0 -36px; }
.star_sm.rating30 {background-position:0 -54px; }
.star_sm.rating40 {background-position:0 -72px; }
.star_sm.rating50 {background-position:0 -90px; }
.star_sm.rating60 {background-position:0 -108px; }
.star_sm.rating70 {background-position:0 -126px; }
.star_sm.rating80 {background-position:0 -144px; }
.star_sm.rating90 {background-position:0 -162px; }
.star_sm.rating100 {background-position:0 -180px; }

/**Remot**/
.remoteWrap {width:230px}
.remote_top {position:relative; background:#3c4dae; padding:15px 25px; }
.remote_tit {color:#FFF !important}
.remote_tit span {display:block}
.remote_tit .rt1 {font-size:15px}
.remote_tit .rt2 {font-size:19px}

.btn_remote_gr {position:absolute; right:20px; top:15px}
.btn_remote {display:inline-block; background:url(../images/common/ico_remote.png) no-repeat; width:27px; height:26px; text-indent:-999em;}
.btn_setting {display:inline-block; background:url(../images/common/ico_setting.png) no-repeat; width:27px; height:26px; text-indent:-999em;}

.remote_cont {background:#222e75; padding:20px 25px}
.remote_cont li {border-bottom:1px solid #4d5491; padding:12px 0; font-size:14px}
.remote_cont li.fst {padding-top:0}
.remote_cont li.lst {border-bottom:none}
.remote_cont li a {color:#FFF}

#floatMenu {position: absolute; width: 230px; right: 1.4%; top: 140px; z-index:1;}

/********************************************************************************************************************
 2017 HANWHA
 *******************************************************************************************************************/
#topArea_m {background:#FFF; border-top:5px solid #fd7437; border-bottom:1px solid #ffccb6; height:135px; width:100%}
#topArea_m .topinfo {position:relative; padding-top:10px}
#topArea_m .topinfo select {height:28px; margin-right:10px}
#topArea_m .topinfo .posri {position:absolute; right:20px; top:45px}
#topArea_m .top_gnb {width:96%; margin:0 auto}
#topArea_m .topinfo h1 {display:block; text-align:center; padding-top:10px}

#topArea_m .power {width:950px; margin:0 auto; border-top:1px solid #e9e9e9; padding-top:15px; margin-top:10px}
#topArea_m .power ul {text-align:center}
#topArea_m .power li {position:relative;display:inline-block; }
#topArea_m .power li .power_srch {position:relative;display:inline-block;}
#topArea_m .power select {height:28px;background:#FFF; border:1px solid #c9c9c9}
#topArea_m .power input {height:26px;background:#FFF; border:1px solid #c9c9c9;}

#topArea {background:url('../images/common/bg_gnb.gif') repeat-x; height:110px; width:100%}
#topArea .topinfo {position:relative; padding:13px 20px}
#topArea .topinfo select {height:28px; margin-right:10px}
#topArea .topinfo .posri {position:absolute; right:20px; top:15px}
#topArea .top_gnb {width:96%; margin:0 auto}  

#topArea_m2 {background:#FFF; border-top:3px solid #f4722d; border-bottom:1px solid #fbccb5; height:70px; width:100%}
#topArea_m2 .topinfo {position:relative; padding:13px 20px}
#topArea_m2 .topinfo select {height:28px; margin-right:10px}
#topArea_m2 .topinfo .posri {position:absolute; right:20px; top:15px}
#topArea_m2 .top_gnb {width:96%; margin:0 auto; padding-top:5px}  

#topArea_m2 .power {width:950px; position:absolute; right:0; top:15px/* margin:0 auto; border-top:1px solid #e9e9e9; padding-top:15px; margin-top:10px */}
#topArea_m2 .power ul {text-align:center}
#topArea_m2 .power li {position:relative;display:inline-block; }
#topArea_m2 .power li .power_srch {position:relative;display:inline-block;}
#topArea_m2 .power select {height:28px;background:#FFF; border:1px solid #c9c9c9}
#topArea_m2 .power input {height:26px;background:#FFF; border:1px solid #c9c9c9;}


/* #topArea_m {background:#f4732c;width:100%}
#topArea_m .top_gnb {}
#topArea_m .topinfo {width:95%; margin:0 auto; color:#FFF; font-size:13px; padding-bottom:15px; letter-spacing:-1px}
#topArea_m .topinfo h1 {display:block; text-align:center; padding-top:12px} */

.lst_tab_sm {background:#f1f1f1; padding:20px}
.lst_tab_sm li {display:inline-block; cursor:pointer; font-size:17px; color:#8e9094;}
.lst_tab_sm li.on {color:#2c2f35}

.h2_tit_gr {position:relative; background:#FFF; border:1px solid #e7e7e7; padding:24px 30px}

.loc_1depth {display:inline-block; position:absolute; right:30px; top:25px; font-size:15px; color:#7b7979}

.sub_new {margin-top:40px}

.h2_title {font-size:26px}
.h3_title {font-size:20px; border-top:3px solid #616161; display:inline-block; padding-top:16px; letter-spacing:-1.4px}


/* Global Navigation Bar */
.gnb{position:relative;clear:both;z-index:999}
.gnb ul{margin:0;padding:0 0 0 2em;list-style:none;}
.gnb ul ul{position:absolute;top:48px;left:5px;padding:0;background:#5c5d61}
.gnb ul:after{content:"";display:block;clear:both}
.gnb li{position:relative;float:left;}
.gnb li li{float:none;clear:both;overflow:hidden;margin:0;padding:2px}
.gnb li li:first-child{border:0}
.gnb li a{float:left;color:#FFF;font-size:17px;padding:18px 22px;white-space:nowrap;text-decoration:none;letter-spacing:-1px}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus,
.gnb li.active a,
.gnb li.activeOn a{padding:18px 22px}
.gnb li li a{display:block;float:none;color:#FFF; padding:8px 16px !important;font-weight:normal !important; font-size:14px !important}
.gnb li li a:hover,
.gnb li li a:active,
.gnb li li a:focus{border:0;background:#e75e22; padding:6px 0; color:#FFF}

.gnb.jx ul{display:block;position:static;padding:0;}
.gnb.jx li{float:none;clear:both;border-top:1px solid #ccc}
.gnb.jx ul ul{border:0; }
.gnb.jx li li{border:0;}
.gnb.jx li a{float:none;display:block;}
.gnb.jx li a:hover,
.gnb.jx li a:active,
.gnb.jx li a:focus{background:none}
.gnb.jx li.activeOn>a{background:#ddd}

/* .mgnb_gr {width:990px; margin:0 auto}
.mgnb_gr li {display:inline-block; border:4px solid #eeeeee; border-radius:8px; width:172px; height:172px;margin-right:17px}
.mgnb_gr li.lst {margin-right:0}
.mgnb_gr li div {display:inline-block; background:#FFF; width:170px; height:145px; border:1px solid #e3e3e4; border-radius:5px;text-align:center; padding-top:25px}
.mgnb_gr li div .gnb_tit {margin-top:12px; font-size:17px; font-weight:bold}
 */
 
 
/*snb*/
.sub_lnb {}
.sub_lnb dl {width:280px;border:1px solid #e5e5e5}
.sub_lnb dt {position:relative; color:#FFF; height:55px; line-height:55px; font-size:18px;padding:0 30px;}
.sub_lnb dt.green {background:#37d4bf}
.sub_lnb dt.lightblue {background:#37d4bf}
.sub_lnb dt.blue {background:#37d4bf}
.sub_lnb dt span {position:absolute; right:30px; top:15px}
.sub_lnb dd {background:#FFF; padding:0 30px; height:50px; line-height:50px; font-size:15px; border-bottom:1px solid #eaeaea}
.sub_lnb dd a {color:#3d3d3d;}
.sub_lnb dd a:hover {color:#ff5306}
.sub_lnb .mr_sp {margin-right:60px}

.setting_gr {width:990px;margin:0 auto;}
.setting_gr ul {}
.setting_gr li {cursor:pointer; border:1px solid #dbdbdb; background:#FFF; width:250px; height:70px; line-height:70px; padding:0 20px; font-size:17px; margin-top:15px}

/* .icos {display:inline-block;overflow:hidden;background:url(../images/common/icos.png) no-repeat;text-indent:-999em;vertical-align:middle}
.ico_m1 {background-position:0 0; width:37px; height:35px}
.ico_m2 {background-position:-37px 0; width:37px; height:35px}
.ico_m3 {background-position:-74px 0; width:37px; height:35px}
.ico_m4 {background-position:-111px 0; width:37px; height:35px}
.ico_m5 {background-position:-148px 0; width:37px; height:35px}
.ico_m6 {background-position:-185px 0; width:37px; height:35px}
.ico_m7 {background-position:-222px 0; width:37px; height:35px}
.ico_m8 {background-position:-259px 0; width:37px; height:35px}
.ico_m9 {background-position:-296px 0; width:37px; height:35px}
.ico_m10 {background-position:-333px 0; width:37px; height:35px} */

.icos {display:inline-block;overflow:hidden;background:url(../images/common/icos.png) no-repeat;text-indent:-999em;vertical-align:middle}
.ico_m1 {background-position:0 -107px; width:82px; height:78px}
.ico_m2 {background-position:-83px -107px; width:82px; height:78px}
.ico_m3 {background-position:-168px -107px; width:82px; height:78px}
.ico_m4 {background-position:-250px -107px; width:82px; height:78px}
.ico_m5 {background-position:0 -186px; width:82px; height:78px}
.ico_m6 {background-position:-83px -186px; width:82px; height:78px}
.ico_m7 {background-position:-168px -186px; width:82px; height:78px}

.ico_arr_l {background-position:0 -35px; width:16px; height:22px; margin-right:8px}
.ico_arr_b {background-position:-18px -35px; width:25px; height:20px;}

.ico_setting {background-position:-263px -3px; width:30px; height:30px}
.ico_line {background-position:-49px -40px; width:2px; height:13px; margin:0 20px}

.ico_set_m1 {background-position:0 -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m2 {background-position:-37px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m3 {background-position:-74px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m4 {background-position:-111px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m5 {background-position:-148px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m6 {background-position:-185px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m7 {background-position:-222px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m8 {background-position:-259px -60px; width:37px; height:35px; margin-right:10px}
.ico_set_m9 {background-position:-296px -60px; width:37px; height:35px; margin-right:10px}

.ico_excel {background-position:0px -264px; width:21px; height:24px; margin-right:4px}
.ico_word {background-position:-20px -264px; width:21px; height:24px; margin-right:4px}
.ico_mail {background-position:-42px -264px; width:20px; height:25px; margin-right:4px}
.ico_sms {background-position:-60px -264px; width:18px; height:24px; margin-right:4px}
.ico_print {background-position:-78px -264px; width:18px; height:24px; margin-right:4px}

/* a.btn_logout {display:inline-block; background:#dc5308; border:1px solid #dc5308; border-radius:3px; color:#ffe0cf; height:26px; line-height:26px; padding:0 12px; font-size:12px; margin-left:10px} */
a.btn_orgline {display:inline-block; background:#FFF; border:1px solid #fd7437; border-radius:3px; color:#fd7437; height:26px; line-height:26px; padding:0 12px; font-size:12px; margin-left:6px}
a.btn_setting2 {display:inline-block; background:#FFF; border:1px solid #fd7437; border-radius:3px; color:#fd7437; height:26px; line-height:26px; padding:0 12px; font-size:12px; margin-left:10px}
a.btn_enter {display:inline-block; background:#FFF; border:1px solid #0093e1; border-radius:15px; color:#0093e1; height:30px; line-height:30px; padding:0 20px; font-size:13px; margin-top:25px}
a:hover.btn_enter {display:inline-block; background:#0093e1; border:1px solid #0093e1; border-radius:15px; color:#FFF; height:30px; line-height:30px; padding:0 20px; font-size:13px}


.setp_gr {background:#ffffff; border:1px solid #edeaea; height:130px;}


.setptabWrap5 {margin:20px 20px 20px 10px}
.setptabWrap5 ul {height:25px}
.setptabWrap5 li a {float:left; width:110px; font-size:18px; color:#9b9b9b; background:url('../images/common/arr_sm.png') right top no-repeat; height:25px;line-height:25px; padding-left:20px}
.setptabWrap5 li a:hover{background:url('../images/common/arr_sm_r.png') right top no-repeat; color:#000}
.setptabWrap5 li.nowarr a {background:url('../images/common/arr_sm_r.png') right top no-repeat; color:#000}
.setptabWrap5 li.end a {background:none}

.step_snb_gr {background:#fff7f2; height:50px; line-height:50px; padding:3px 18px; margin:10px 20px}

.tab_btn_gr {}
.tab_btn_gr li {display:inline-block; background:#555b68; border-radius:3px; color:#FFF; cursor:pointer; height:38px; line-height:36px; padding:0 20px; margin-top:15px}
.tab_btn_gr li.on {background:#f4722d; color:#FFF}


a.btn_setp {display:inline-block; background:#FFF; border:1px solid #c5c7ca; color:#707070; height:30px; line-height:30px; padding:0 16px; font-size:13px} 
a.btn_setp_r {display:inline-block; background:#FFF; border:1px solid #fd7437; color:#fd7437; height:30px; line-height:30px; padding:0 16px; font-size:13px}

a.btn_search {position:absolute; top:4px; right:8px; display:inline-block; background:url('../images/common/ico_search.png') no-repeat; width:21px; height:21px; text-indent:-9999px}



/*System Error*/
 .group_error {
 	position:relative;
 	width:850px; height:435px; margin:auto; 
 	}
 .group_error h1 {position:absolute; top:0; left:0}
.group_tx_error{position:relative; margin-top:70px}
.group_tx_error.v1{background:#fe7e01}
.group_tx_error.v2{margin-top:35px}
.box_tx_error{display:table-cell;height:192px;vertical-align:middle}
.box_tx_error.v1{padding-left:230px}
.box_tx_error.v2{padding-left:190px}
.tx_top_error{position:relative;font-size:28px;color:#fff}
.tx_top_error span{font-size:21px}
.tx_top_error.v1{line-height:1.2em}
.tx_top_error:before,.tx_top_error:after{display:block;position:absolute;width:33px;height:31px;background:url(../images/common/sp_error_mark.png) no-repeat;opacity:.4;content:''}
.tx_top_error:before{top:-10px;left:-64px;background-position:0 0}
.tx_top_error:after{bottom:-6px;right:-64px;background-position:-35px 0}
.lst_top_error>li{margin-top:4px;color:#793c00}
.lst_top_error>li:first-child{margin-top:0}

.sp_error{position:absolute;top:0;left:100px;width:148px;height:141px;background:url(../images/common/sp_error.gif) no-repeat}
.group_error_info{margin-left:320px;padding-top:2px}
.group_error_info.v2{padding-top:8px}
.desc_error_info dt{margin-bottom:7px;font-size:28px;font-weight:bold;color:#d7d7d7}
.desc_error_info.v2 dt{margin-bottom:9px;font-size:22px;font-weight:normal;color:#475c9b}
.group_error_contact{margin-top:23px;padding-top:20px;border-top:1px solid #e5e5e5}
.tx_error_info{font-weight:bold;color:#475c9b}
.lst_error_info>li{overflow:hidden;margin-top:7px}
.lst_error_info>li dt,.lst_error_info>li dd{float:left}
.lst_error_info>li dt{width:165px}

.group_error_info{margin-left:320px;padding-top:2px}
.group_error_info.v2{padding-top:8px}
.desc_error_info dt{margin-bottom:7px;font-size:28px;font-weight:bold;color:#d7d7d7}
.desc_error_info.v2 dt{margin-bottom:9px;font-size:22px;font-weight:normal;color:#475c9b}
.group_error_contact{margin-top:23px;padding-top:20px;border-top:1px solid #e5e5e5}
.tx_error_info{font-weight:bold;color:#475c9b}
.lst_error_info>li{overflow:hidden;margin-top:7px}
.lst_error_info>li dt,.lst_error_info>li dd{float:left}
.lst_error_info>li dt{width:165px}

.brd_view {overflow:auto;}
.brd_view ol, .brd_view ul {margin:16px 0; padding:0 0 0 40px;}
.brd_view ol li {list-style:inherit}
.brd_view ul li {list-style:disc}
.brd_view em {font-style:italic;}
.brd_view table {
    display: table;
    border-collapse: separate;
    border-color: gray;
}

.brd_view th {display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: center;
    background:none;
    padding:5px;
    border:1px solid grey;}
.brd_view tr {display: table-row;
    vertical-align: inherit;
    border-color: inherit;}
.brd_view td {display: table-cell; vertical-align: inherit; padding:5px;}
.brd_view blockquote {
    border-width: 0;
	padding: 2px 8px 2px 20px; border-left-width: 5px;
	font-style: italic;
    font-family: Georgia, Times, "Times New Roman", serif;
    
    border-style: solid;
    border-color: #ccc;
}

.brd_view p {margin:13px 0;}

.brd_view h1 {display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;}
.brd_view h2 {display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;}
.brd_view h3 {display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;}
.brd_view h4 {display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;}
.brd_view h5 {display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;}
.brd_view h6 {display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;}
    
   
 .custom-radio-box input+label{
 	display: inline-block;
    padding: 2px 10px;
    border: 1px solid #ff8b2b;
    color: #ff8b2b;
    background: #fff;
    min-width: 45px;
    text-align: center;
    margin: 0;
 }
 .custom-radio-box input+label:nth-child(2){
 float:left;
	
}
 .custom-radio-box input:checked+label{
    color: #fff !important;
    background: #ff8b2b !important;
 }
 
 /* not yet user img form*/
 .org_color{color:#fd7437;}
.photo{
	width: 83px;
	height: 83px;
	margin: 0 auto 22px;
	boarder : 2px solid #ff7e00;
	border-radius : 50%;
	background:#f3f3f3 url(https://chhplus.hanwha.com/resources/web/images/common/ico_photo.png) no-repeat center center;
	background:#f3f3f3 ;
	position: relative;
}
.slt4{
	display: inline-block; 
	height:100px; 
	width:130px;
	padding:20px;
	margin-top:15px;
	position:relative;
}
.slt4 .photo .Waiting{
	display:inline-block;
	width:16px;
	height:16px;
	border-radius:16px;
	background:#2fc16b;
	position:absolute;
	z-index:10;right:3px;border:3px solid #fff;
	box-sizing: border-box;
	top:5px;
}
.slt4 .photo .none{
	position:relative;width:83px;height:83px;display:inline-block;
}
.slt4 .photo .none:after{
	position:absolute;
	width:100%;height:100%;
	z-index:10;box-sizing: border-box;
	top:0;right:0;
	content:'';
	background:rgba(0,0,0,.5) url(../images/smart/ico_off.png) center no-repeat;
	border-radius:50%;background-size:17px;
}
.slt4 .photo .complete{position:relative;width:83px;height:83px;display:inline-block;}
.slt4 .photo .complete:after{
	position:absolute;
	width:100%;height:100%;
	z-index:10;box-sizing: border-box;
	top:0;right:0;
	content:'';
	border:3px solid #fd7437;
	background:rgba(0,0,0,.5);
	border-radius:50%;
}
.slt4 .photo .complete em{z-index: 12;position:absolute;color:#fd7437;top: 50%;transform: translate(-50%, -50%);left: 50%;font-weight:bold;}
.slt4 .photo .complete em:before{content:'';width:10px;height:8px;background: url('../images/smart/ico_orgCheck.png')no-repeat;display:inline-block;vertical-align:middle;margin-right:2px;margin-bottom:4px;}
.slt4 .name{font-weight:bold;margin-bottom:7px;}
.slt4 .photo .none em{z-index: 12;position:absolute;color:#fff;top: 50%;transform: translate(-50%, -50%);left: 50%;font-weight:bold;width:45px;}
.resultProgress{margin-top:20px;margin-bottom:30px;font-size:16px;color:#333945;font-weight:bold;}
.resultProgress span + span{margin-left:13px;}
.slt3 .name{font-weight:bold;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.resultProgressList > div.rank{display:inline-block;vertical-align:middle;width:60px;text-align:center;font-size:20px;font-weight:bold;margin: 0 13px;}
.resultProgressList + .resultProgressList{margin-top:7px;}
.resultProgressList:last-child{margin-bottom:10px;}
.resultProgressList{display:table;width:100%;padding:15px 0;box-sizing: border-box;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.18);border-radius: 5px;}


.resultProgressList > *{vertical-align:middle;}
.resultProgressList .photo{margin-bottom:0;vertical-align:middle;}
.resultProgressList > div{width:40%;display:inline-block;}
.resultProgressList > div.data{width:20%;text-align:center;}
.resultProgressList > div.score{width:25%;text-align:center;font-weight:bold;}
.resultProgressList span{color:#333945;font-size:16px;}
.resultProgressList span.name{font-weight:bold;font-size:18px;font-weight:bold;margin-left:20px;text-align:center;display:inline-block;max-width:100px;width:100%;}
.resultProgressList div.score span + span{margin-left:40px;}
.resultProgressList div.score span em{font-size:26px;font-weight:bold;color:#4278e3}
.resultProgressList .rankFirst{background:url(../images/smart/rank_icon.jpg);width:60px;height:69px;}
.resultProgressList .rankSecond{background:url(../images/smart/rank_icon.jpg);width:60px;height:69px;background-position:-60px 0;}
.resultProgressList .rankThird{background:url(../images/smart/rank_icon.jpg);width:60px;height:69px;background-position:-120px 0;}
.resultProgressList .rankFirst em,
.resultProgressList .rankSecond em,
.resultProgressList .rankThird em{
	margin-top:10px;display:inline-block;color:#fff;
}
.scorecard{padding:40px 0;border:1px solid #bbbaba;border-radius:5px;position:absolute;background:#fff;width:210px;z-index: 15;top:-20px;left:0;overflow:hidden;display:none;}
.scorecard .score{font-size:16px;text-align:center;margin-top:25px;}
.scorecard .score em{font-size:26px;font-weight:bold;}