/* COMMON  :::  site_common.css  ::  기존 educs 파일   */
hr {display:block;height:1px;margin:0;padding:0;border:none;border-top:1px solid #c2cdd8;}

.group { *zoom: 1; }
.group:before, .group:after { display: table; content: ""; }
.group:after { clear: both; }

.rbd {border:1px solid #ff0000 !important;}

.black {color:#000000 !important;}font color
.blue {color:#0d5cab !important;}
.blue2 {color:#005082 !important;}
.navy {color:#283d69 !important;}
.skyblue {color:#34a6fe !important;}
/* .red {color:#f05151 !important;} */
.grey {color:#777777 !important;}
.grey2 {color:#555555 !important;}

.fs_14 {font-size:14px !important;}font-size
.fs_15 {font-size:15px !important;}
.fs_16 {font-size:16px !important;}
.fs_17 {font-size:17px !important;}
.fs_18 {font-size:18px !important;}
.fs_19 {font-size:19px !important;}
.fs_20 {font-size:20px !important;}
.fs_21 {font-size:21px !important;}
.fs_22 {font-size:22px !important;}
.fs_23 {font-size:23px !important;}
.fs_25 {font-size:25px !important;}
.fs_28 {font-size:28px !important;}
.fs_30 {font-size:30px !important;}
.fs_32 {font-size:32px !important;}

.f_R {float:right !important;}float
.f_L {float:left !important;}

.a_R {text-align:right !important;}text align
.a_C {text-align:center !important;}
.a_L {text-align:left !important;}

.v_T {vertical-align:top !important;}vertical-align
.v_M {vertical-align:middle !important;}
.v_B {vertical-align:bottom !important;}
.v_BL {vertical-align:baseline !important;}

.relative {position:relative !important;z-index:1;}
.absolute {position:absolute !important;z-index:1;}
.bold {font-weight:600 !important;}weight
.underline {text-decoration:underline;}

.ls_1 {letter-spacing:1px;}letter-spacing
.ls-05 {letter-spacing:-0.5px;}

.xlm-t { margin-top: 48px !important; }margin
.lm-t { margin-top: 32px !important; }
.m-t { margin-top: 22px !important; }
.mm-t { margin-top: 14px !important; }
.sm-t { margin-top: 6px !important; }
.lm-r { margin-right: 32px !important; }
.m-r { margin-right: 22px !important; }
.mm-r { margin-right: 14px !important; }
.sm-r { margin-right: 6px !important; }
.lm-l { margin-left: 32px !important; }
.m-l { margin-left: 22px !important; }
.mm-l { margin-left: 14px !important; }
.sm-l { margin-left: 6px !important; }
.lm-b { margin-bottom: 32px !important; }
.m-b { margin-bottom: 22px !important; }
.mm-b { margin-bottom: 14px !important; }
.sm-b { margin-bottom: 6px !important; }
.m-auto {margin:auto !important;}

.xlp-t { padding-top: 48px !important; }padding
.lp-t { padding-top: 32px !important; }
.p-t { padding-top: 22px !important; }
.mp-t { padding-top: 14px !important; }
.sp-t { padding-top: 8px !important; }
.lp-r { padding-right: 32px !important; }
.p-r { padding-right: 22px !important; }
.mp-r { padding-right: 14px !important; }
.sp-r { padding-right: 8px !important; }
.lp-l { padding-left: 32px !important; }
.p-l { padding-left: 22px !important; }
.mp-l { padding-left: 14px !important; }
.sp-l { padding-left: 8px !important; }
.lp-b { padding-bottom: 32px !important; }
.p-b { padding-bottom: 22px !important; }
.mp-b { padding-bottom: 14px !important; }
.sp-b { padding-bottom: 8px !important; }
.no-padding { padding: 0 !important; }

.width-full {width:100% !important;}width
.width-30 {width:30px !important;}
.width-40 {width:40px !important;}
.width-50 {width:50px !important;}
.width-60 {width:60px !important;}
.width-70 {width:70px !important;}
.width-80 {width:80px !important;}
.width-90 {width:90px !important;}
.width-100 {width:100px !important;}
.width-120 {width:120px !important;}
.width-160 {width:160px !important;}
.width-180 {width:180px !important;}
.width-200 {width:200px !important;}
.width-240 {width:240px !important;}
.width-280 {width:280px !important;}
.width-320 {width:320px !important;}

.height-40 {height:40px !important;}
.height-100 {height:100px !important;}
.height-140 {height:140px !important;}
.min-height-200 {min-height:200px !important;}

/* Grid */
.row-fluid {position:relative;width: 100%;*zoom: 1;}
.row-fluid:before,.row-fluid:after {display: table;line-height: 0; content: "";}
.row-fluid:after {clear: both;}
.row-fluid [class*="span"] {display: block;float: left;width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row-fluid [class*="span"]>.content {margin-left:8px;margin-right:8px;}
.row-fluid .span10 {width: 100%;}
.row-fluid .span9 {width: 90%;}
.row-fluid .span8 {width: 80%;}
.row-fluid .span7 {width: 70%;}
.row-fluid .span67 {width: 66.67%;}
.row-fluid .span6 {width: 60%;}
.row-fluid .span5 {width: 50%;}
.row-fluid .span45 {width: 45%;}
.row-fluid .span4 {width: 40%;}
.row-fluid .span33 {width: 33.33%;}
.row-fluid .span3 {width: 30%;}
.row-fluid .span25 {width: 25%;}
.row-fluid .span2 {width: 20%;}
.row-fluid .span1 {width: 10%;}

input::-webkit-input-placeholder {color:#c4c4c4;}
input::-moz-placeholder          {color:#c4c4c4;}
input:-moz-placeholder           {color:#c4c4c4;}
input:-ms-input-placeholder      {color:#c4c4c4;}

textarea::-webkit-input-placeholder {color:#c4c4c4;}
textarea::-moz-placeholder          {color:#c4c4c4;}
textarea:-moz-placeholder           {color:#c4c4c4;}
textarea:-ms-input-placeholder      {color:#c4c4c4;}

input[type=text], input[type=password], textarea {height:28px; padding:0 10px 0 6px;font-size:13px;border:1px solid #d1d1d1;}
.select {height:28px;padding:0 34px 0 10px;font-size:13px;border:1px solid #d1d1d1;min-width:30px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	-webkit-appearance: none;-moz-appearance: none;	appearance: none;
	background:#ffffff url(/resources/css/images/site/select_arrow.png) no-repeat right center;
}
.input.big {height:56px;border:1px solid #8c8c8c;}

.select::-ms-expand {display:none;}
.btn {display:inline-block;height:33px;line-height:33px;padding:0 16px;font-size:15px;border:1px solid #bbbbbb;background:#ffffff;border-radius:5px;-webkit-border-radius:5px;}
.button2 {display:inline-block;height:41px;line-height:42px;padding:0 20px;color:#ffffff;font-size:17px;text-align:center;border:1px solid #7c7c7c;background:#7c7c7c;}
.button2.round {border-radius:3px;-webkit-border-radius:3px;}
.button {
    display: inline-block;
    height: 28px;
    line-height: 24px;
    padding: 2px 0px;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    border: 1px solid #7c7c7c;
    background: #7c7c7c;
}
.button.big {height:70px;line-height:70px;}
.button.normal {height:36px;padding:0 16px;font-size:14px;line-height:37px;}
.button.compact {height:30px;padding:0 12px;font-size:15px;line-height:31px;}
.button.tiny {height:23px;padding:0 10px;font-size:13px;line-height:24px;}
.button.smallpadding {padding:0 12px;}
.button.nopadding {padding:0px;}
.button.round {border-radius:3px;-webkit-border-radius:3px;}
.button.transparent {background:transparent;border-color:#a7a7a7;color:#333333;}
.button.transparent:hover {color:#000000;border-color:#000000;}

.button.right-icon i {display:inline-block;height:11px;line-height:11px;padding-left:6px;margin-left:6px;border-left:1px solid #cacaca;}

.lightgrey-bg {background:#e4dcd3;color:#000000 !important;border:none;}
a.lightgrey-bg:hover {background:#e9e1d9;}
.softgrey-bg {background:#f3f3f3;border:none;}
.softgrey2-bg {background:#f9f9f9;border:none;}
.grey-bg {background:#808080;border:none;color:#ffffff !important;}
a.grey-bg:hover {background:#555555;color:#ffffff !important;}
.navy-bg {background:#273d6b;color:#ffffff !important;border:none;}
a.navy-bg:hover {background:#374f80;color:#ffffff !important;}
.lightblue-bg {background:#a7bfd6;color:#070707 !important;border:none;}
a.lightblue-bg:hover {background:#c1d2e3;color:#070707 !important;}
.skyblue-bg {background:#c9dbed;color:#001140 !important;border:none;}
a.skyblue-bg:hover {background:#aec8e3;color:#001140 !important;}
.skyblue2-bg {background:#eff7fe;color:#555555 !important;border:none;}
.blue-bg {background:#003e84;color:#ffffff !important;border:none;}
a.blue-bg:hover {background:#00346e;color:#ffffff !important;}
.blue2-bg {background:#0467b7;color:#ffffff !important;border:none;}
a.blue2-bg:hover {background:#00346e;color:#ffffff !important;}
.white-bg {background:#fff;color:#555555 !important;border:1px solid #cacaca;}
a.white-bg:hover {color:#000000 !important;border-color:#444444;}
.red-bg {background:#dd380d;color:#ffffff !important;border:none;}
a.red-bg:hover {background:#e35a36;color:#ffffff !important;}

a.lx-bg:hover {background:#c95451;color:#fff !important;}
.lx-bg {background:#ad2c28;color:#fff !important;border:none;}
	

.pagination {display:inline-block;margin:0 auto;}
.pagination a {
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 2px;
	font-size: 15px;
	width: 32px;
	height: 32px;
	line-height: 1;
	box-sizing: border-box;
	text-align: center;
	color: #575757;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	vertical-align: middle;
}
.pagination .m_btn {background-color:#ffffff;font-size:20px;}
.pagination .m_btn:hover {color:#f68b1e}
.pagination .m_btn.disabled {background-color:#ffffff;color:#dddddd;}
.pagination .n_btn {background:#ffffff;border-color: #cdcdcd;}
.pagination .n_btn:hover {color:#f68b1e}
.pagination .n_btn.active {position:relative;z-index:1;color:#fff;background-color:#3b3b3b !important;}
.pagination .m_btn.disabled {pointer-events:none;}
.pagination .n_btn.active {font-weight:600;}

.blockbox {padding:16px;}
.blockbox.small {padding:10px 16px;}
.blockbox.big {padding:32px;}
.blockbox span.label {padding:0 4px 0 16px;}

input[type=radio] {vertical-align:middle;width:16px;height:16px;}
input[type=checkbox] {vertical-align:middle;width:16px;height:16px;}
label.check {display:inline-block;line-height:35px;}
label.check input[type=checkbox] {width:24px;height:24px;margin-top:-2px;}

.table_form {width:100%;font-size:14px;border-top:2px solid #ad2c28;border-bottom:2px solid #ad2c28;}
.table_form tr {border-bottom:1px solid #d7d7d7;}
.table_form tr th {position:relative;height:67px;padding-left:40px;color:#333333;vertical-align:middle;text-align:left;}
.table_form tr td {height:67px;padding:12px 0;vertical-align:middle;}
.table_form tr th .validation {position:absolute;left:15px;top:17px;font-size:22px;color:#ff5502;}
.table_form.static tr th {position:static;}
.table_form.smallheight tr th, .table_form.smallheight tr td {height:52px;}
.table_form.smallheight tr th {vertical-align:top;padding-top:13px;}
.table_form.smallheight tr th .validation {position:absolute;left:15px;top:8px;font-size:22px;color:#ff5502;}
.table_form.smallheight tr td {padding:6px 0;}

.table_form2 {width:100%;font-size:17px;border-top:2px solid #ad2c28;border-bottom:2px solid #ad2c28;}
.table_form2 tr {border-bottom:1px solid #d7d7d7;}
.table_form2 tr th {position:relative;height:67px;padding-left:20px;color:#333333;vertical-align:middle;text-align:left;background:#f1f1f1;}
.table_form2 tr th > div {position:relative;}
.table_form2 tr th > div .validation {position:absolute;left:-24px;top:-4px;font-size:22px;color:#ff5502;}
.table_form2 tr td {height:67px;padding:10px 17px;vertical-align:middle;}
.table_form2 tr th .validation {position:absolute;left:15px;top:17px;font-size:22px;color:#ff5502;}
.table_form2.smallheight tr th, .table_form2.smallheight tr td {height:48px;}
.table_form2.smallheight tr th .validation {position:absolute;left:15px;top:7px;font-size:22px;color:#ff5502;}

.table_list {width:100%;word-break:break-all;width:100%;background:#ffffff;border-bottom:1px solid #d7d7d7;}
.table_list thead tr {background:#efeeee;height:57px;border-top:2px solid #ad2c28;}
.table_list thead tr th {color:#000000;font-weight: 600;text-align:center;vertical-align:middle;}
.table_list tbody tr {height:50px;border-bottom:1px solid #999999;}
.table_list tbody tr td {position:relative;height:50px;padding:6px 6px;text-align:center;vertical-align:middle;}
.table_list tbody tr td > p {position:absolute;top:0;left:0;width:100%;height:50px;padding:18px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.table_list.choose tbody tr {cursor:pointer;}
.table_list.choose tbody tr:hover {background:#fff8f8;color:#000000 !important;}
.table_list.choose tbody tr.selected {background:#fcf6f6;color:#000000 !important;}
.table_list.static tbody tr td {position:static;}
.table_list2 {width:100%;word-break:break-all;width:100%;background:#ffffff;border-top:2px solid #555555;border-bottom:2px solid #555555;}
.table_list2 thead tr {background:#f1f1f1;height:65px;border-bottom:1px solid #d7d7d7;}
.table_list2 thead tr th {color:#353535;font-weight: 600;font-size:15px;text-align:center;vertical-align:middle;}
.table_list2 tbody tr {height:60px;border-bottom:1px solid #d7d7d7;}
.table_list2 tbody tr td {height:60px;padding:10px 6px;font-size:15px;text-align:center;vertical-align:middle;border-right:1px solid #d7d7d7;}
.table_list2 tbody tr td:last-child {border-right:none;}
.table_list2 tbody tr td.br {border-right:1px solid #d7d7d7;}
.table_list3 {width:100%;word-break:break-all;width:100%;background:#ffffff;border-top:2px solid #a7bfd6;border-bottom:2px solid #a7bfd6;}
.table_list3 tr {height:44px;}
.table_list3 tr th {padding:7px 4px;background:#f1f1f1;color:#353535;font-weight: 600;font-size:15px;text-align:center;vertical-align:middle;border:1px solid #d7d7d7;}
.table_list3 tr td {padding:7px 4px;border:1px solid #d7d7d7;font-size:15px;vertical-align:middle;word-break:keep-all;border:1px solid #d7d7d7;}





.table_list.accordion .head:hover,.table_list.accordion .head.active {background:#fee8ea;}
.table_list.accordion .head p a:hover {text-decoration:underline;}
.table_list.accordion .content {background:#fcf6f6;display:none;}
.table_list.accordion .content td {height:0;}
.table_list.accordion .content .row-fluid {padding:10px 14px 6px;line-height:1.8;}
.table_list.accordion .content .row-fluid > div > span {float:left;width:140px;padding-left:20px;font-size:17px;text-align:left;color:#333333;}
.table_list.accordion .content .row-fluid > div > p {margin-left:140px;font-size:17px;text-align:left;}
.table_list.accordion .content .row-fluid > div > p > span {padding-right:38px;}
.table_list.accordion .content a.button {margin:1px 0;}

.table_head  {border:4px solid #a7bfd6;}
.table_head table {width:100%;word-break:break-all;width:100%;background:#ffffff;}
.table_head table tr:first-child td {height:62px;font-size:18px;color:#555555;text-align:center;vertical-align:middle;border-bottom:1px solid #cfcfcf;border-left:1px solid #e9e9e9;}
.table_head table tr:first-child td:first-child {font-size:25px;background:#d5e1ec;border-bottom:1px solid #fff;border-left:none;}
.table_head table tr:last-child td {height:75px;font-size:28px;color:#333333;text-align:center;vertical-align:middle;border-left:1px solid #e9e9e9;}
.table_head table tr:last-child td:first-child {font-size:32px;color:#010101;background:#d5e1ec;border-left:none;} 
	
	
.file_input_set {position:relative;width:280px;margin:2px 0;}
.file_input_set input[type=text] {width:214px;vertical-align:middle;}
.file_input_set .file_input_div {
    position: absolute;
    width: 280px;
    height: 170%;
    right: 0px;
    top: -4px;
    overflow: hidden;
}
.file_input_set .file_input_div .file_input_hidden {position: absolute;width:280px;font-size:14px; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0;cursor:pointer;}
.file_input_set .button {float:right;}
.file_input_set .del_btn {position:absolute;z-index:10;right:86px;top:5px;padding:0;height:18px !important;width:18px !important;min-width:auto;line-height:14px !important;margin-left:6px;background:#ffffff;}
.file_input_set.label {width:auto;}

.file_input_set .input[type=text] {width:calc(100% - 112px);}
.file_input_set .file_input_div {width:100%;}
.file_input_set .button {
    min-width: auto;
    width: 65px;
}
.file_input_set .file_input_div .file_input_hidden {width:100%;}

.file_list li a:hover {text-decoration:underline;}

.box {
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	margin-top:-1px;
	padding:12px;
}
.box .head {position:static;padding:4px 8px;height:auto;font-size:15px;color:#000000;font-weight:600;background:#eeeeee;}
.box .content {padding:8px;overflow:auto;}
.box table {margin:-1px 0 0 -1px;}
	
.jquery_tab{ padding: 0; border: none !important;padding:0;margin-top:-1px;}
.jquery_tab .ui-widget-header{ background: none; border: none;padding:0;}
.jquery_tab .ui-widget-content {padding:3px 8px;
	-webkit-border-radius: 0;-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; 
}
.ui-widget-content .content {margin-bottom:24px;}
.jquery_tab .ui-tabs-nav{display:inline-block;width:100%;padding:0;
	-webkit-border-radius: 0;-moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; 
}
.jquery_tab .ui-tabs-nav {padding:0;margin:0;}
.jquery_tab .ui-tabs-nav li {border: none !important; margin-right:-1px;padding:0 !important;}

.jquery_tab .ui-tabs-nav li a {height:56px;line-height:58px;padding:0 44px;text-align:center;font-size:18px;font-weight:normal;border-bottom:0px solid #e9e8e9;}

.jquery_tab .ui-tabs-nav li a:hover {font-weight:600;}
.jquery_tab .ui-tabs-nav li.ui-tabs-active a {position:relative;height:57px;z-index:10;margin-bottom:0px;font-weight:600;}

.jquery_tab .ui-tabs-nav {background: #ffffff;}
.jquery_tab .ui-tabs-nav li {background: #ffffff;}

.jquery_tab.blueline .ui-widget-content {background-color:#ffffff;}
.jquery_tab.blueline .ui-tabs-nav{border-bottom:1px solid #004ba0;}
.jquery_tab.blueline .ui-tabs-nav li a {border:1px solid #cccccc;color:#777777;border-bottom:0px solid #d6d6d6;background: #fff;}
.jquery_tab.blueline .ui-tabs-nav li.ui-tabs-active a {background:#ffffff;color:#004ba0;border:1px solid #004ba0;border-top:3px solid #004ba0;border-bottom:none;}

span.tag {position:relative;display:inline-block;padding:3px 10px 2px;-webkit-border-radius: 4px;border-radius: 4px;	text-align:center;}
span.tag.big {padding:2px 16px 0px;font-size:20px;}

.radio_btns a {display:inline-block;height:41px;line-height:42px;font-size:16px;color:#777777;text-align:center;border:1px solid #d1d1d1;background:#ffffff;}
.radio_btns a:hover {border-color:#0467b7;}
.radio_btns a.selected {color:#ffffff;background:#0467b7;border-color:#0467b7;}

.userphoto {display:inline-block;}
.userphoto .box {width:168px;height:203px;border:1px solid #cdcdcd;}
.userphoto .box img {width:100%;height:auto;}

.dot_txt {padding:0 0 0 14px;background:url(/resources/css/images/icon_dot.png) no-repeat 0px 9px;}
.dot_txt2 {padding:0 0 0 10px;background:url(/resources/css/images/icon_dot3.png) no-repeat 0px 9px;}

/* loader */
.ispinner {position: relative;width:50px;height:50px;}
.ispinner .ispinner-blade {position: absolute;left:22px;top:19px;width:50px;height:50px;background-color: #f26522;border-radius: 50%/20%;-webkit-animation: iSpinnerBlade 1s linear infinite;animation: iSpinnerBlade 1s linear infinite;will-change: opacity; }
.ispinner .ispinner-blade:nth-child(1) {-webkit-transform: rotate(30deg) translate(0, -150%);transform: rotate(30deg) translate(0, -150%);-webkit-animation-delay: -1.6666666667s;animation-delay: -1.6666666667s; }
.ispinner .ispinner-blade:nth-child(2) {-webkit-transform: rotate(60deg) translate(0, -150%);transform: rotate(60deg) translate(0, -150%);-webkit-animation-delay: -1.5833333333s;animation-delay: -1.5833333333s; }
.ispinner .ispinner-blade:nth-child(3) {-webkit-transform: rotate(90deg) translate(0, -150%);transform: rotate(90deg) translate(0, -150%);-webkit-animation-delay: -1.5s;animation-delay: -1.5s; }
.ispinner .ispinner-blade:nth-child(4) {-webkit-transform: rotate(120deg) translate(0, -150%);transform: rotate(120deg) translate(0, -150%);-webkit-animation-delay: -1.4166666667s;animation-delay: -1.4166666667s; }
.ispinner .ispinner-blade:nth-child(5) {-webkit-transform: rotate(150deg) translate(0, -150%);transform: rotate(150deg) translate(0, -150%);-webkit-animation-delay: -1.3333333333s;animation-delay: -1.3333333333s; }
.ispinner .ispinner-blade:nth-child(6) {-webkit-transform: rotate(180deg) translate(0, -150%);transform: rotate(180deg) translate(0, -150%);-webkit-animation-delay: -1.25s;animation-delay: -1.25s; }
.ispinner .ispinner-blade:nth-child(7) {-webkit-transform: rotate(210deg) translate(0, -150%);transform: rotate(210deg) translate(0, -150%);-webkit-animation-delay: -1.1666666667s;animation-delay: -1.1666666667s; }
.ispinner .ispinner-blade:nth-child(8) {-webkit-transform: rotate(240deg) translate(0, -150%);transform: rotate(240deg) translate(0, -150%);-webkit-animation-delay: -1.0833333333s;animation-delay: -1.0833333333s; }
.ispinner .ispinner-blade:nth-child(9) {-webkit-transform: rotate(270deg) translate(0, -150%);transform: rotate(270deg) translate(0, -150%);-webkit-animation-delay: -1s;animation-delay: -1s; }
.ispinner .ispinner-blade:nth-child(10) {-webkit-transform: rotate(300deg) translate(0, -150%);transform: rotate(300deg) translate(0, -150%);-webkit-animation-delay: -0.9166666667s;animation-delay: -0.9166666667s; }
.ispinner .ispinner-blade:nth-child(11) {-webkit-transform: rotate(330deg) translate(0, -150%);transform: rotate(330deg) translate(0, -150%);-webkit-animation-delay: -0.8333333333s;animation-delay: -0.8333333333s; }
.ispinner .ispinner-blade:nth-child(12) {-webkit-transform: rotate(360deg) translate(0, -150%);transform: rotate(360deg) translate(0, -150%);-webkit-animation-delay: -0.75s;animation-delay: -0.75s; }
.ispinner.ispinner-large .ispinner-blade {width: 8.5714285714%;height: 25.7142857143%;border-radius: 50%/16.67%; }

@-webkit-keyframes iSpinnerBlade {0% {opacity: 0.85; }50% {opacity: 0.25; }100% {opacity: 0.25; } }
@keyframes iSpinnerBlade {0% {opacity: 0.85; }50% {opacity: 0.25; }100% {opacity: 0.25; } }

.layerbox {position:fixed;z-index:12345;display:table;width:100%;height:100%;top:0;left:0;}
.layerbox .inner {display:table-cell;width:100%;height:100%;vertical-align:middle;background:rgba(0,0,0,0.3);}
.layerbox .OTPinput {display:table;width:660px;height:390px;margin:auto;text-align:center;background:#232856;-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);border-radius:11px;-webkit-border-radius:11px;}
.layerbox .OTPinput .cell {position:relative;display:table-cell;width:100%;height:100%;vertical-align:middle;}
.layerbox .OTPinput .cell #hrdOtpFrame {position:relative;display:block;height:auto !important;padding:0 36px;margin:auto;}
.layerbox .OTPinput .cell #hrdOtpFrame #menuArea {text-align:center !important;}
.layerbox .OTPinput .numkeys {width:402px;min-height:100px;margin:0 auto;background:#000000;}
.layerbox .OTPinput .close_btn {position:absolute;z-index:1;top:8px;right:18px;color:#ffffff;font-size:24px;}

.identification .inbox {position:relative;height:430px;padding:39px 26px;text-align:center;border:1px solid #dedede;border-radius:8px;-webkit-border-radius:8px;-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);}
.identification .inbox .identification_img1 {width:280px;height:112px;margin:auto;background:#FFE7EA url(/resources/css/images/site/identification_img1.png) no-repeat center center;border-radius:8px;-webkit-border-radius:8px;}
.identification .inbox .identification_img2 {width:280px;height:112px;margin:auto;background:#E5EEFF url(/resources/css/images/site/identification_img2.png) no-repeat center center;border-radius:8px;-webkit-border-radius:8px;}
.identification .inbox .button {width:160px;margin-top:24px;}