@charset "utf-8";
/* -------------------------------------------------------------------- */
/* OnepageWebsite Standard CSS */
/* Last Update: 2017.03.19 */
/* -------------------------------------------------------------------- */
/* font */
.font-kr {font-family: NanumGothic, ng, gulim, dotum, tahoma; }
.font-kr-noto-thin {font-family: notosans-thin, gulim, dotum, tahoma; }
.font-kr-noto-light {font-family: notosans-light, gulim, dotum, tahoma; }
.font-kr-noto-demilight {font-family: notosans-thin, gulim, dotum, tahoma; }
.font-kr-noto-regular {font-family: notosans-regular, gulim, dotum, tahoma; }
.font-kr-noto-regular-italic {font-family: notosans-regular, gulim, dotum, tahoma; font-style:italic; }
.font-kr-noto-medium {font-family: notosans-medium, gulim, dotum, tahoma; }
.font-kr-noto-bold {font-family: notosans-bold, gulim, dotum, tahoma; }
.font-kr-noto-black {font-family: notosans-black, gulim, dotum, tahoma; }
.font-kr-15 {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:15px; }
.font-kr-16 {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:16px; }
.small-kr {font-family: NanumGothic, ng, gulim, dotum, tahoma;font-size:12px; }
.font_italic { font-style:italic; }
.bold { font-weight: bold !important; }
.underline {text-decoration:underline;}
.bold_NanumGothic { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma;}
.bold_NanumBarunGothic { font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma;}
.bold_NanumGothic_16 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:16px !important;}
.bold_NanumGothic_19 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:19px !important;}
.bold_NanumGothic_24 { font-family: NanumGothicBold, ngbold, gulim, dotum, tahoma; font-size:24px !important;}
/* English Font */
.english { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.english_small { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px !important;}
.english_xsmall { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px !important;}
/* Common */
.c { clear:both;}
/* float */
.fl_left { float:left; }
.fl_right { float:right; }
/* text Indent -9999 */
.t_id_20 { text-indent: 20px; }
.t_id_99 { text-indent:-9999px; }
/* Text align */
.t_left { text-align:left; }
.t_right { text-align:right; }
.t_center { text-align:center; }
.t_justify { text-align:justify; }
/* Margin */
.margin-0 {margin: 0px !important; }
.m_t_2 { margin-top: 2px !important;}
.m_t_4 { margin-top: 4px !important;}
.m_t_5 { margin-top: 5px !important;}
.m_t_6 { margin-top: 6px !important;}
.m_t_7 { margin-top: 7px !important;}
.m_t_10 { margin-top: 10px !important;}
.m_t_14 { margin-top: 14px !important;}
.m_t_15 { margin-top: 15px !important;}
.m_t_18 { margin-top: 18px !important;}
.m_t_20 { margin-top: 20px !important;}
.m_t_22 { margin-top: 22px !important;}
.m_t_25 { margin-top: 25px !important;}
.m_t_27 { margin-top: 27px !important;}
.m_t_30 { margin-top: 30px !important;}
.m_t_40 { margin-top: 40px !important;}
.m_t_50 { margin-top: 50px !important;}
.m_t_55 { margin-top: 55px !important;}
.m_t_90 { margin-top: 90px !important;}
.m_t_120 { margin-top: 120px !important;}
.m_l_0 { margin-left: 0px !important;}
.m_l_5 { margin-left: 5px !important; font-size: 11px;}
.m_l_10 { margin-left: 10px !important;}
.m_l_14 { margin-left: 14px !important;}
.m_l_15 { margin-left: 15px !important;}
.m_l_20 { margin-left: 20px !important;}
.m_l_21 { margin-left: 21px !important;}
.m_l_25 { margin-left: 25px !important;}
.m_r_0 { margin-right: 0px !important;}
.m_r_5 { margin-right: 5px !important;}
.m_r_10 { margin-right: 10px !important;}
.m_r_15 { margin-right: 15px !important;}
.m_r_20 { margin-right: 20px !important;}
.m_r_25 { margin-right: 25px !important;}
.m_bt_0 { margin-bottom: 0px !important;}
.m_bt_2 { margin-bottom: 2px !important;}
.m_bt_3 { margin-bottom: 3px !important;}
.m_bt_4 { margin-bottom: 4px !important;}
.m_bt_5 { margin-bottom: 5px !important;}
.m_bt_0 { margin-bottom: 0px !important;}
.m_bt_10 { margin-bottom: 10px !important;}
.m_bt_15 { margin-bottom: 15px !important;}
.m_bt_20 { margin-bottom: 20px !important;}
.m_bt_25 { margin-bottom: 25px !important;}
.m_bt_30 { margin-bottom: 30px !important;}
.m_bt_35 { margin-bottom: 35px !important;}
.m_bt_40 { margin-bottom: 40px !important;}
.m_bt_50 { margin-bottom: 50px !important;}
.m_0_auto { margin:0 auto;}
/* Padding */
.p_t_5 { padding-top: 5px !important;}
.p_t_10 { padding-top: 10px !important;}
.p_t_12 { padding-top: 12px !important;}
.p_t_15 { padding-top: 15px !important;}
.p_t_20 { padding-top: 20px !important;}
.p_t_25 { padding-top: 25px !important;}
.p_t_30 { padding-top: 30px !important;}
.p_t_120 { padding-top: 120px !important;}
.p_bt_5 { padding-bottom: 5px !important;}
.p_bt_10 { padding-bottom: 10px !important;}
.p_bt_15 { padding-bottom: 15px !important;}
.p_bt_20 { padding-bottom: 20px !important;}
.p_bt_25 { padding-bottom: 25px !important;}
.p_bt_30 { padding-bottom: 30px !important;}
.p_r_10 { padding-right: 10px !important;}
.p_l_10 { padding-left: 10px !important;}
.p_r_8 { padding-right: 8px !important;}
.p_r_10 { padding-right: 10px !important;}
.p_r_20 { padding-right: 20px !important;}
.no-padding {padding: 0px; }
.no-padding.gray { background-color: #f5f5f5; }
.no-padding-inner h3 {
text-transform: uppercase;
font-weight: 900;
margin-bottom: 40px;
}
.no-padding-inner { padding: 60px; }
@media (max-width: 568px) {
.no-padding-inner { padding: 15px; }
.nav-tabs-submenu > li > a {font-size:0.75em!important;}
}
/* line-height */
.l-h-18 { line-height: 18px !important;}
.l-h-20 { line-height: 20px !important;}
.l-h-22 { line-height: 22px !important;}
/* color */
.white {color: #FFF;}
.black {color: #000;}
.gray_01 { color:#333 !important; }
.gray_02 { color:#444 !important; }
.gray_03 { color:#666 !important; }
.gray_04 { color:#999 !important; }
.gray_04b { color:#b1b1b1 !important; }
.gray_04c { color:#cccccc !important; }
.gray_05 { color:#ddd !important; }
.gray_06 { color:#d5d5d5 !important; }
.gray_07 { color:#f1f1f1 !important; }
.blue_01 { color:#2f8cea !important; }
.blue_02 { color:#639cc6 !important; }
.blue_03 { color:#618395 !important; }
.blue_04 { color:#0089ab !important; }
.blue_05 { color:#425177 !important; }
.blue_06 { color:#2f6a9b !important; }
.blue_07 { color:#39bad3 !important; }
.green_01 { color:#75ae4a !important; }
.green_02 { color:#5f9111 !important; }
.green_03 { color:#1caf0c !important; }
.org_01 { color:#e66d00 !important; }
.org_02 { color:#ff7315 !important; }
.red { color:#ff0000 !important; }
.red_01 { color:#d60705 !important; }
.dark_blue { color:#333366 !important; }
.c_6688cc { color:#6688cc !important; }
.yel { color:#FFFF00 !important; }
.yel_01 { color:#ffe401 !important; }
.yel_02 { color:#E1D427 !important; }
.gray_bg { background-color:#eee !important; }
/* background color */
.white-bg { background: #fff !important;}
.black-bg { background: #000 !important;}
.org_bg { background: #ff7315 !important;}
.light-gray-bg-d { background: #ddd !important;}
.light-gray-bg-e { background: #eee !important;}
.light-gray-bg-f3 { background: #f3f3f3 !important;}
.koreatax-bg { background: #94c51c !important;}
/* section */
.padded-section-40 { padding: 40px 0; }
.padded-section-80 { padding: 80px 0; }
.padded-section-100 { padding: 100px 0; }
/*-----------------------------------------------------------------------------------*/
/* dividers
/*-----------------------------------------------------------------------------------*/
.divide0 { width: 100%; height: 0px; }
.divide2 { width: 100%; height: 2px; }
.divide3 { width: 100%; height: 3px; }
.divide5 { width: 100%; height: 5px; }
.divide10 { width: 100%; height: 10px; }
.divide15 { width: 100%; height: 15px; }
.divide20 { width: 100%; height: 20px; }
.divide25 { width: 100%; height: 25px; }
.divide30 { width: 100%; height: 30px; }
.divide35 { width: 100%; height: 35px; }
.divide40 { width: 100%; height: 40px; }
.divide45 { width: 100%; height: 40px; }
.divide50 {width: 100%; height: 50px; }
.divide55 { width: 100%; height: 55px; }
.divide60 { width: 100%; height: 60px; }
.divide65 { width: 100%; height: 65px; }
.divide70 { width: 100%; height: 70px; }
.divide75 { width: 100%; height: 75px; }
.divide80 { width: 100%; height: 80px; }
.divide85 { width: 100%; height: 85px; }
.gray_dashed-divider { float: left; width:100%; height:1px; border-bottom:1px dashed #ccc;}
/* Navigation */
.alert-bordered {
border-color: #eee;
}
.alert-koreatax-navi {
color: #ffffff;
background-color: #684e91;
border-color: #684e91;
}
.alert-koreatax-navi hr {
border-top-color: #e4b9c0;
}
.alert-koreatax-navi .alert-link {
color: #843534;
}
.navbar .alert-koreatax-navi a {
color: #fff !important;
font-size: 14px;
font-weight: 400;
padding: 6px 16px;
line-height: 1.42857143;
border-bottom:0px !important;}
.navbar .alert-koreatax-navi a:hover {
background-color: #777 !important; }
/* /.Navigation */
.box-bordered {
border: 1px solid #d5d5d5 !important;
padding:10px;
border-radius:4px;
background:#fff;
}
.img-bordered {
border: 1px solid #999 !important;
}
/* ----- */
.list-group-item.first-item {
border-top: none !important;
}
.list-group-item span.label {
margin-right: 10px;
}
.list-group.clear-list .list-group-item {
border-top: 1px solid #e7eaec;
/* border-bottom: 0; */
border-right: 0;
border-left: 0;
padding: 10px 0;
}
ul.clear-list:first-child {
border-top: none !important;
}
.list-group-item.last-item {
border-bottom:1px solid #e7eaec;
}
/* table */
.table-history>thead>tr>th {
font-size:16px;
font-weight:normal;
vertical-align: middle;
text-align:center;
background-color:#eee;
border-bottom: 1px solid #fabe00;
}
.table-history .border-right {
border-right: 1px dashed #fabe00;
}
.table-history>tbody>tr>th {
vertical-align: middle;
border-right: 1px dashed #fabe00;
border-bottom: 1px solid #fabe00;
}
.table-history>tbody>tr>td {
padding:10px;
vertical-align: middle;
border-bottom: 1px solid #fabe00;
}
h3.heading {
color: #000;
font-size: 20px;
font-weight: 600;
font-style: normal;
margin: 0;
padding-bottom: 10px;
position: relative;
text-transform: capitalize;
overflow: hidden;
vertical-align: middle;
}
h3.heading:after {
position: relative;
left: 18px;
content: "";
display: inline-block;
width: 200%;
vertical-align: middle;
height: .50em;
margin: 0 -200% 0 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
/*-- title deco --*/
.center-heading{
text-align: center;
margin-bottom: 40px;
}
.center-heading h2{
font-family: 'Lato', sans-serif;
font-weight: 400;
margin-bottom: 5px;
font-size: 30px;
letter-spacing: 0.02em;
line-height: 27px;
color: #333;
}
.center-heading h4{
font-family: 'Lato', sans-serif;
font-weight: 400;
margin-bottom: 5px;
font-size: 20px;
letter-spacing: 0.02em;
line-height: 27px;
color: #333;
}
.center-line{
display: inline-block;
width: 70px;
height: 1px;
border-top: 3px solid #5f8efc;
/* border-bottom: 1px solid #0088cc; */
margin: auto;
}
.center-line-yellow {
display: inline-block;
width: 70px;
height: 1px;
border-top: 3px solid #fae400;
/* border-bottom: 1px solid #0088cc; */
margin: auto;
}
.center-line-gray {
display: inline-block;
width: 70px;
height: 1px;
border-top: 3px solid #ddd;
/* border-bottom: 1px solid #0088cc; */
margin: auto;
}
.center-heading p{
margin-top: 10px;
}
.block-heading-two{
margin:10px 0px 15px 0px;
}
.block-heading-two h3{
font-size:20px;
line-height:36px;
font-weight:600;
padding:0px 10px 6px 0px;
margin-bottom:10px;
}
.block-heading-two h3 span{
padding-bottom:6px;
border-bottom:3px solid;
}
.block-heading-two h3 span {
border-color: #5f8efc;
/* border-color: #32c8de; */
}
@media (max-width: 767px) {
.block-heading-two h3{
font-size:20px;
line-height:34px;
font-weight:600;
padding:0px 10px 6px 0px;
margin-bottom:10px;
}
.block-heading-two h3 span{
padding-bottom:2px;
border-bottom:3px solid;
}
.block-heading-two h3 span {
border-color: #5f8efc;
/* border-color: #32c8de; */
}
.ceo_photo {text-align: center!important;flex: initial;max-width: 100%}
.ceo_text {flex: initial;max-width: 100%}
}
.block-heading-two h4{
font-size:18px;
line-height:30px;
font-weight:600;
padding:0px 10px 6px 0px;
margin-bottom:10px;
border-bottom:1px solid #eee;
}
.block-heading-two h4 span{
padding-bottom:11px;
border-bottom:3px solid;
}
.block-heading-two h4 span {
border-color: #5f8efc;
/* border-color: #32c8de; */
}
/* DL */
dl {
width: 100%;
overflow: hidden;
margin-bototm:20px;
}
dt {
clear:both;
float: left;
width: 30%;
padding:10px 0;
line-height:20px !important;
border-bottom: 0px dashed #fff !important;
}
dd {
float: left;
width: 70%;
padding:10px 0;
line-height:20px !important;
border-bottom: 1px dashed #ddd;
}
.history dl {
width: 100%;
overflow: hidden;
margin-bototm:20px;
}
.history dt {
clear:both;
float: left;
width: 20%;
padding:10px 0;
line-height:20px !important;
border-bottom: 0px dashed #ddd !important;
}
.history dd {
float: left;
width: 80%;
padding:10px 0;
line-height:20px !important;
border-bottom: 1px dashed #ddd;
}
/*-- modal-slacker --*/
.modal-slacker {
width: 100%;
height: 100%;
margin: 0;
}
.modal-slacker .modal-content {
margin-top: 5%;
border-radius: 0px;
border-left-width: 0px;
border-right-width: 0px;
height: 80%;
overflow: auto;
}
.modal-slacker .modal-header .close {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
opacity: 1;
padding: 10px 17px;
font-size: 27px;
}
.modal-title {
font-family: NanumBarunGothicBold, nbgbold, gulim, dotum, tahoma;
font-size: 24px;
font-weight: bold;
}
@media (min-width: 768px) {
.modal-slacker .modal-header,
.modal-slacker .modal-body,
.modal-slacker .modal-footer {
width: 1152px;
margin: 30px auto;
}
}
@media (max-width: 767px) {
.modal-slacker .modal-header,
.modal-slacker .modal-body,
.modal-slacker .modal-footer {
width: 80%
margin: 30px auto;
}
}
.vertical-middle { vertical-align:middle !important; }
/*------*/
/* 11월 01 수정
.footer_menubox {
padding:20px 20px 0px 20px;
border:1px solid #555;
}
*/
/**************************** about tab ***************************/
.about_tab_wrap {
/* height:59px; */
height:auto;
background: #fff;
}
.about_tab_wrap2 {
height:118px;
background: #fff;
}
.about_tab_wrap2 {
height:177px;
background: #fff;
}
.innen_tab_wrap {
height:54px;
background: #fff;
}
/* -- Tab menu --*/
.nav > li > a {
position: relative;
display: block;
}
.nav-pills2 > li {
float: left;
text-align:center;
position: relative;
display: block;
}
.nav-pills2 > li > a {
font-size:1.4em;
color:#666;
border-radius: 0px;
border-top:1px solid #eee;
border-right:1px solid #eee;
padding:18px 0 19px 0;
background-color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
.nav-pills2 > li > a { font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
.nav-pills2 > li > a { font-size:14px;}
}
@media (max-width: 1200px) {
.mx1200 > li > a {font-size: 1em!important}
.table-bordered>tbody>tr>td img {width: 100%}
}
@media (max-width: 831px) {
.mx1200 > li > a {font-size: 0.9em!important}
}
@media (max-width: 767px) {
.nav-pills2 > li > a { font-size:14px;}
}
.nav-pills2 > li + li {
margin-left: 0px;
}
.nav-pills2 > li.active > a,
.nav-pills2 > li.active > a:hover,
.nav-pills2 > li.active > a:focus {
color: #fff;
background-color: #c52f50;
}
.nav-pills2 > li > a:hover {
color: #fff;
background-color: #c52f50;
}
/*-----------------------*/
.nav-pills3 > li {
float: left;
text-align:center;
}
.nav-pills3 > li > a {
border-radius: 0px;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
padding-top: 18px;
padding-bottom: 19px;
background-color: #fff;
}
.nav-pills3 > li + li {
margin-left: 0px;
}
.nav-pills3 > li.active > a,
.nav-pills3 > li.active > a:hover,
.nav-pills3 > li.active > a:focus {
color: #fff;
background-color: #c52f50;
}
.nav-pills3 > li > a:hover {
color: #fff;
background-color: #c52f50;
}
/* ------------------------------------------- */
#history .history_box .box_title{padding: 13px 0 13px 0;font-size: 19px; line-height:20px; color: #fff;text-align: center;font-weight: 600;}
#history .history_box .box_txt{padding:15px 0 0 23px; margin: 0 auto; border-left:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#history .history_box .box_txt dl{display: block;position: relative;margin-bottom: 20px;}
#history .history_box .box_txt dl.mon{margin-bottom: 3px;}
#history .history_box .box_txt dl:after{display:block; clear:both; content:"";}
#history .history_box .box_txt dl dt{position: absolute;top: 0;left: 0px;font-size: 14px;color: #239eb1;font-weight: bold;}
#history .history_box.his2 .box_txt dl dt{color: #2365b1;}
#history .history_box.his3 .box_txt dl dt{color: #4134a0;}
#history .history_box .box_txt dl dd{margin-left: 65px;font-size: 14px;line-height: 1.5em;color: #333;}
#history .history_box.his3 .box_txt dl dd{margin-left: 65px;}
#history .history_box.his1 .box_txt{background:#eaf5f7; padding-bottom:20px;}
#history .history_box.his2 .box_txt{background:#e8eff7; padding-bottom:20px;}
#history .history_box.his3 .box_txt{background:#eceaf5; padding-bottom:20px;}
#history .history_box.his1 .box_title{background:#249fb1;}
#history .history_box.his2 .box_title{background:#2365b1;}
#history .history_box.his3 .box_title{background:#4134a0;}
.overview_box .box_txt{padding:15px 0 0 23px; margin: 0 auto; border-left:1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.overview_box .box_txt dl{display: block;position: relative;margin-bottom: 20px;}
.overview_box .box_txt dl.mon{margin-bottom: 3px;}
.overview_box .box_txt dl:after{display:block; clear:both; content:"";}
.overview_box .box_txt dl dt{width:25%;font-size: 16px;color: #239eb1;font-weight: bold;}
.overview_box .box_txt dl dd{width:75%;font-size: 14px;line-height: 1.5em;color: #333;}
/* Google map */
.gmap {
margin:0 auto;
height: 322px;
overflow: hidden;
border:1px solid #e1e1e1;
}
.gmap h5{
font-size:16px !important;
line-height:18px !important;
color:#444 !important;
font-family:"Noto Sans KRs", sans-serif !important;
font-weight:bold;
}
.gmap p{
color: #555 !important;
font-size: 12px !important;
line-height: 18px !important;
font-family: "Noto Sans KRs", sans-serif !important;
}
/* table_spec */
.table_summary { position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font:0;}
.table_spec { width:100%; border-top:1px #ddd solid; border-right:1px #ddd solid; table-layout:fixed;}
.table_spec thead th {font-size:14px; line-height:18px; background-color:#428bca; color:#fff; border-left:1px #ddd solid; text-align:center; padding:10px 0;}
.table_spec tbody th { font-size:16px; background-color:#e5e5e5;font-family: 'Noto Sans KR', sans-serif;height: 25px; vertical-align:middle; border-left:1px #ddd solid; border-bottom:1px #ddd solid; padding:6px 8px 4px 15px; text-align:center; color:#444; }
.table_spec td { font-family: 'Noto Sans KR', sans-serif; font-size:14px; height: 25px; vertical-align:middle; border-left:1px #ddd solid; border-bottom:1px #ddd solid; padding:6px 8px 4px 5px; text-align:center; color:#444; }
.table_spec td ul { margin-left: -10px;font-size:14px; }
.table_spec td ul li { font-size:14px; }
/* Nav */
.navbar > .container {
position: relative;
}
.navbar-light.bg-faded {
background: #fff;
border-bottom: 0px; }
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.7); }
.navbar-nav > li > .nav-link {
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
font-size: .75rem;
font-family: "Noto Sans KR", sans-serif; }
.navbar-nav > li .navbar-light .navbar-nav .nav-link:focus, .navbar-nav > li .navbar-light .navbar-nav .nav-link:hover {
color: #4782d3; }
.navbar-nav > li.dropdown-full-width {
position: static; }
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open > .nav-link {
color: #4782d3; }
.navbar-toggler-right {
position: absolute;
right: 5rem;
top: 0; }
.single-navbar .navbar-toggler-right {
right: 0px; }
.navbar-toggler {
border: 0px !important; }
.navbar-inverse .navbar-right-elements .list-inline > li > a {
color: rgba(255, 255, 255, 0.5); }
.navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover, .navbar-inverse .navbar-right-elements .list-inline > li > a:hover {
color: rgba(255, 255, 255, 0.75); }
.navbar-right-elements {
float: none !important;
position: absolute;
top: 28px;
right: 15px; }
.navbar-right-elements .list-inline {
margin-bottom: 0px; }
.navbar-right-elements .list-inline > li > a {
color: #999;
padding: .3rem .3rem;
display: block;
position: relative;
top: -2px; }
.navbar-right-elements .list-inline > li > a i {
display: block; }
.navbar-right-elements .list-inline > li > a .badge {
position: absolute;
top: -10px;
right: -5px;
font-weight: 300;
font-size: 11px;
padding: 0px;
width: 18px;
height: 18px;
line-height: 18px;
border-radius: 50%;
-webkit-border-radius: 50%; }
.search-inline {
width: 100%;
left: 0;
padding-left: 15px;
padding-right: 15px;
top: 0;
height: 100%;
position: absolute;
opacity: 0;
visibility: hidden;
background-color: #fff;
z-index: 9; }
.search-inline.search-visible {
opacity: 1;
visibility: visible;
animation: fadeInDown 0.3s ease-out forwards; }
.search-inline button[type="submit"] {
position: absolute;
right: 52px;
top: 0;
background-color: transparent;
border: 0px;
top: 0;
right: 80px;
padding: 0px;
cursor: pointer;
width: 80px;
height: 100%;
background: #222;
color: #fff; }
.search-inline .form-control {
border: 0px;
padding-left: 0;
font-size: 2rem;
position: absolute;
left: 1%;
top: 0;
height: 100%;
width: 99%;
font-family: "Noto Sans KR", sans-serif;
font-weight: 700; }
.search-inline .search-close {
position: absolute;
top: 0;
right: 0;
color: #999;
width: 80px;
height: 100%;
text-align: center;
display: table; }
.search-inline .search-close i {
display: table-cell;
vertical-align: middle; }
.navbar-brand {
position: relative; }
/*
Dropdown menu styles
*/
.dropdown-toggle::after {
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-family: "FontAwesome";
content: "\f107";
font-size: 14px;
display: inline;
margin-left: 3px;
top: 3px;
position: relative; }
.dropdown-menu {
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.08);
min-width: 13rem;
border-radius: 0px;
-webkit-border-radius: 0px;
background-color: #fefefe;
border: 0px; }
.dropdown-menu.lang-dropdown {
width: 100px;
min-width: 100px; }
.dropdown-menu.lang-dropdown > li > a {
line-height: 18px !important; }
.dropdown-menu .dropdown-item, .mega-inner-nav li a {
font-weight: 400;
font-size: .8rem;
color: rgba(0, 0, 0, 0.6);
font-family: "Noto Sans KRs", sans-serif;
position: relative;
text-transform: capitalize;
left: 0; }
.dropdown-menu .dropdown-item:hover, .mega-inner-nav li a:hover {
left: 5px; }
.dropdown .mega-inner-nav li a {
padding-left: 0px;
padding-right: 0px; }
.mega-menu-content p {
font-size: 12px;
opacity: 0.6;
color: #aeaeae; }
/**mulit level dropdown**/
.dropdown-submenu {
position: relative; }
.dropdown-submenu > .dropdown-menu {
display: block;
top: 0;
left: 100%;
margin-top: -1px;
border-radius: 0px; }
.dropdown-submenu:hover > .dropdown-menu {
display: block; }
.dropdown-submenu > a:after {
display: block;
float: right;
font-family: "FontAwesome";
content: "\f105";
margin-top: 0px;
margin-right: -5px; }
.dropdown-submenu:hover > a:after {
border-left-color: #ccc; }
.dropdown-submenu.pull-left {
float: none; }
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.mega-title {
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
color: #444; }
.mega-inner-nav li {
vertical-align: middle; }
.mega-inner-nav li a {
display: block; }
.mega-inner-nav li a:hover {
color: #4782d3;
background-color: transparent; }
.mega-inner-nav li a i {
margin-right: 6px;
position: relative;
top: 1px;
font-size: 13px;
width: 16px;
display: inline-block; }
.dropdown .dropdown-menu .dropdown-item, .mega-inner-nav > li > a {
padding: 2px 20px; }
.dropdown .dropdown-menu .dropdown-item:hover, .mega-inner-nav > li > a:hover {
background-color: transparent;
color: #4782d3; }
.dropdown .dropdown-menu .dropdown-item:focus, .mega-inner-nav > li > a:focus {
background-color: transparent;
color: #4782d3; }
@media (min-width: 992px) {
.dropdown-menu {
margin-top: 0px;
background-color: #212121; }
.dropdown-menu .dropdown-item, .mega-inner-nav li a {
color: rgba(255, 255, 255, 0.6); }
.dropdown-menu.dropdown-mega-fw {
position: absolute;
width: 100%;
padding: 0px 20px;
padding-bottom: 0px; }
.mega-menu-content {
padding: 30px 0;
padding-bottom: 20px; }
.dropdown-menu, .dropdown-submenu .dropdown-menu {
display: block;
opacity: 0;
visibility: hidden;
z-index: 1;
-moz-transform: translateY(8px);
-o-transform: translateY(8px);
-ms-transform: translateY(8px);
-webkit-transform: translateY(8px);
transform: translateY(8px);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s; }
.show > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
z-index: 1000;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
-webkit-transform: none;
transform: none; }
.mega-menu-content .row .col-lg-3:first-child {
border-left: 0; }
.mega-menu-content .row .col-lg-3 {
border-left: 1px solid rgba(255, 255, 255, 0.09);
padding: 0px 30px; }
.mega-menu-content .mega-title {
color: #fff; }
.mega-menu-content .mega-title .active {
color: #ffdab9; }
}
@media (min-width: 992px) {
.rev_slider_wrapper {
margin-top:200px !important;
}
}
@media (max-width: 991px) {
.rev_slider_wrapper {
margin-top:73px !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.imageonDL dl {
font-size:14px;
font-weight:400;
color:#333;
width: 100%;
overflow: hidden;
margin-bototm:20px;
}
.imageonDL dt{
clear:both;
float: left;
width: 5%;
border-bottom: 0px dashed #fff !important;
}
.imageonDL dd {
float: left;
width: 95%;
padding:10px 0 10px 10px;
line-height:20px !important;
border-bottom: 1px dashed #ddd;
}
.imageonDL dd.letzt {
padding:10px 0 0px 10px;
border-bottom: 0px dashed #ddd;
}
/*
Title headings
*/
.fancy-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-align-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 0 15px;
overflow: hidden; }
.fancy-title h3, .fancy-title h2, .fancy-title h1, .fancy-title h4, .fancy-title h5, .fancy-title h6 {
letter-spacing: 0px;
padding-right: 15px;
text-align: left;
font-family: "Montserrat", sans-serif;
text-transform: capitalize; }
.fancy-title h4 {
font-size: 1rem;
font-weight: 600; }
.fancy-title .fancy-title-sep {
position: relative;
height: 6px;
border-top: 1px solid;
border-bottom: 1px solid;
-ms-flex-grow: 1;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.fancy-title .fancy-title-sep.gray-sep {
border-top-color: #f7f7f7;
border-bottom-color: #f7f7f7; }
.fancy-title.dark-fancy-title h3, .fancy-title.dark-fancy-title h2, .fancy-title.dark-fancy-title h1, .fancy-title.dark-fancy-title h4, .fancy-title.dark-fancy-title h5, .fancy-title.dark-fancy-title h6 {
color: #fff; }
.fancy-title.dark-fancy-title .fancy-title-sep.gray-sep {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
/****************************breadcrumb***************************/
.breadcrumb-wrap {
padding: 30px 0;
background-color: #fff;
}
.breadcrumb-wrap h4 {
margin: 0px;
font-size: 18px;
color: #333;
font-weight: 700;
letter-spacing: 8px;
text-transform: uppercase;
letter-spacing: 2px;
}
ol.breadcrumb {
margin: 0;
padding: 0;
background-color: transparent;
color: #333; }
ol.breadcrumb li {
display: inline-block;
font-weight: 400;
font-size: 14px;
text-transform: capitalize;
letter-spacing: 1px; }
ol.breadcrumb li a {
color: #333; }
ol.breadcrumb > li + li:before {
color: #999;
}
ol.breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #999;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
.footer_menubox {
/*
11월 01일 수정
padding:20px 20px 0px 20px;
border:1px solid #555; */
}
/*-----------------------*/
.nav-tabs-submenu {
border-bottom: 1px solid #ddd;
}
.nav-tabs-submenu > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs-submenu > li > a {
font-size:1.2em;
border-radius: 0px;
margin-right: 0px;
line-height: 54px;
height:54px;
border: 1px solid #888083;
border-color: #e7e7e7 #e7e7e7 #888083;
}
.nav-tabs-submenu > li > a:hover {
border-color: #000 #000 #eee;
height:54px;
line-height:54px;
background-color: #ddd;
}
.nav-tabs-submenu > li.active > a,
.nav-tabs-submenu > li.active > a:hover,
.nav-tabs-submenu > li.active > a:focus {
font-weight:500;
border-radius: 0px;
color: #333;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-color: #888083 #888083 #ddd;
border-bottom-color: transparent;
}
@media (max-width: 767px) {
.nav-tabs-submenu > li > a {
font-size:0.9em;
border-radius: 0px;
margin-right: 0px;
line-height: 54px;
height:54px;
border: 1px solid #888083;
border-color: #e7e7e7 #e7e7e7 #888083;
}
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.firstcharacter {
color: #d1ecf1;
float: left;
font-size: 3rem;
line-height: 80px;
margin-top: -18px;
padding-right: 8px;
padding-left: 3px;
}
.textCircle1 {
margin:0 auto;
font-size: 2rem;
font-weight:700;
border-radius: 50%;
width: 200px;
height: 200px;
padding: 55px 0 55px 8px;
background: #fff;
border: 15px solid #e75c62;
color: #666;
text-align: center;
vertical-align: middle;
}
.textCircle2 {
margin:0 auto;
font-size: 2rem;
font-weight:700;
border-radius: 50%;
width: 200px;
height: 200px;
padding: 55px 0 55px 8px;
background: #fff;
border: 15px solid #8aabb4;
color: #666;
text-align: center;
vertical-align: middle;
}
.textCircle3 {
margin:0 auto;
font-size: 2rem;
font-weight:700;
border-radius: 50%;
width: 200px;
height: 200px;
padding: 55px 0 55px 8px;
background: #fff;
border: 15px solid #97bd98;
color: #666;
text-align: center;
vertical-align: middle;
}
/* ----- */
.table-bordered {
font-size:14px;
border:1px solid #c1c1c1 !important;
}
.table-bordered>thead>tr>th {
color:#fff;
font-weight:400;
background:#717171;
vertical-align: middle;
}
.table-bordered>thead>tr>th.special {
color:#fff;
font-weight:400;
background:#ad1c45;
vertical-align: middle;
}
.table-bordered>tbody>tr>th {
background:#eee;
vertical-align: middle;
border-bottom:1px solid #c8c8c8 !important;
}
.table-bordered>tbody>tr>th.light-gray {
background:#ccc;
vertical-align: middle;
border-bottom:1px solid #c8c8c8 !important;
}
.table-bordered>tbody>tr>td {
font-weight:300;
vertical-align: middle;
border-bottom:1px solid #c8c8c8 !important;
}
/*-- md-special-heading: separator 1 --*/
.md-special-heading{
margin-bottom: 20px;
position: relative;
width: 100%;
text-align: center;
}
.md-special-heading span{
display: inline-block;
position: relative;
z-index: 2;
padding-bottom: 0px;
}
.md-special-heading.style-1 span:before,
.md-special-heading.style-2 span:before,
.md-special-heading.style-3 span:before,
.md-special-heading.style-4 span:before,
.md-special-heading.style-5 span:before,
.md-special-heading.style-6 span:before,
.md-special-heading.style-7 span:before{
content: '';
width: 150px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -75px;
}
.md-special-heading.style-1 span:after,
.md-special-heading.style-2 span:after,
.md-special-heading.style-3 span:after,
.md-special-heading.style-4 span:after,
.md-special-heading.style-5 span:after,
.md-special-heading.style-6 span:after{
content: '';
position: absolute;
bottom: -3px;
left: 50%;
margin-left: -4px;
}
.md-special-heading.style-1 span:after,
.md-special-heading.style-3 span:after,
.md-special-heading.style-5 span:after{
width: 8px;
height: 8px;
}
.md-special-heading.style-2 span:after,
.md-special-heading.style-4 span:after,
.md-special-heading.style-6 span:after{
width: 8px;
height: 8px;
background: #fff;
}
.md-special-heading.style-1 span:after,
.md-special-heading.style-2 span:after{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.md-special-heading.style-5 span:after,
.md-special-heading.style-6 span:after{
border-radius: 8px;
}
.md-special-heading.style-7 span:before{
width: 80px;
margin-left: -40px;
}
.md-special-heading.style-7:before{
content: '';
position: absolute;
bottom: 0;
height: 1px;
width: 100%;
margin-left: 0;
left: 0;
}
.md-special-heading.style-1.light span:before,
.md-special-heading.style-2.light span:before,
.md-special-heading.style-3.light span:before,
.md-special-heading.style-4.light span:before,
.md-special-heading.style-5.light span:before,
.md-special-heading.style-6.light span:before,
.md-special-heading.style-7.light span:before,
.md-special-heading.style-1.light span:after,
.md-special-heading.style-3.light span:after,
.md-special-heading.style-5.light span:after,
.md-special-heading.style-7.light:before{
background: #ddd;
}
.md-special-heading.style-2.light span:after,
.md-special-heading.style-4.light span:after,
.md-special-heading.style-6.light span:after{
border:1px solid #ddd;
}
.md-special-heading.style-1.dark span:before,
.md-special-heading.style-2.dark span:before,
.md-special-heading.style-3.dark span:before,
.md-special-heading.style-4.dark span:before,
.md-special-heading.style-5.dark span:before,
.md-special-heading.style-6.dark span:before,
.md-special-heading.style-7.dark span:before,
.md-special-heading.style-1.dark span:after,
.md-special-heading.style-3.dark span:after,
.md-special-heading.style-5.dark span:after,
.md-special-heading.style-7.dark:before{
background: #999;
}
.md-special-heading.style-2.dark span:after,
.md-special-heading.style-4.dark span:after,
.md-special-heading.style-6.dark span:after{
border:1px solid #999;
}
.md-special-heading.style-1.black span:before,
.md-special-heading.style-2.black span:before,
.md-special-heading.style-3.black span:before,
.md-special-heading.style-4.black span:before,
.md-special-heading.style-5.black span:before,
.md-special-heading.style-6.black span:before,
.md-special-heading.style-7.black span:before,
.md-special-heading.style-1.black span:after,
.md-special-heading.style-3.black span:after,
.md-special-heading.style-5.black span:after,
.md-special-heading.style-7.black:before{
background: #000;
}
.md-special-heading.style-2.black span:after,
.md-special-heading.style-4.black span:after,
.md-special-heading.style-6.black span:after{
border:1px solid #000;
}
.md-special-heading.style-1.white span:before,
.md-special-heading.style-2.white span:before,
.md-special-heading.style-3.white span:before,
.md-special-heading.style-4.white span:before,
.md-special-heading.style-5.white span:before,
.md-special-heading.style-6.white span:before,
.md-special-heading.style-7.white span:before,
.md-special-heading.style-1.white span:after,
.md-special-heading.style-3.white span:after,
.md-special-heading.style-5.white span:after,
.md-special-heading.style-7.white:before{
background: #fff;
}
.md-special-heading.style-2.white span:after,
.md-special-heading.style-4.white span:after,
.md-special-heading.style-6.white span:after{
border:1px solid #fff;
}
/* 조직도 UL */
.organization_info {
list-style-type: none;
margin-block-start: 0px;
margin-block-end: 0px;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;
}
.organization_info li{
padding:4px 0;
border-bottom: 1px dashed #ccc;
}
.organization_info li.first{
border-top: 1px solid #ccc;
}
.organization_info li.last{
border-bottom: 1px solid #ccc;
}
.col-xs-1, .col-xs-2, .col-xs-3,.col-xs-4, .col-xs-5,.col-xs-6, .col-xs-7, .col-xs-8,.col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media(max-width:500px){
.col-xs-3-rn {padding-right: 0!important;padding-left: 5px!important}
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.btn-xs {
width: 50px;
font-size: 12px !important;
padding: 2px 4px !important;
}
.btn-xs-2 {
width: 70px;
font-size: 12px !important;
padding: 2px 4px !important;
}
.btn-xs-3 {
width: 30px;
font-size: 12px !important;
padding: 3px 4px 3px 10px !important;
}
.height_80 {height:80px !important;}
.height_100 {height:100px !important;}
.process-row {
display: table-row;
}
.process {
display: table;
width: 100%;
position: relative;
}
.process-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.process-row:before {
top: 25px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
z-order: 0;
}
.process-step {
display: table-cell;
text-align: center;
position: relative;
width:25%;
}
.process-step p {
margin-top:10px;
}
.btn-process-circle {
width: 60px;
height: 60px;
text-align: center;
padding: 6px 0 !important;
font-size: 12px;
line-height: 65px;
border-radius: 15px !important;
}
.btn-process-circle i {
display:block;
margin:0 auto;
margin-right:0px !important;
}
@media screen and (min-width: 768px) {
.modal-dialog {
width: 700px; /* New width for default modal */
}
.modal-sm {
width: 350px; /* New width for small modal */
}
}
@media screen and (min-width: 992px) {
.modal-lg {
width: 950px; /* New width for large modal */
}
}
/*-- Agreement --*/
#agreement legend, #agreement2 legend { display:block; padding:0 0 8px 1px; _margin:0 0 0 -7px;}
#agreement .field_ok, #agreement2 .field_ok { margin:0;}
#agreement .field_ok legend, #agreement2 .field_ok legend { display:block;}
#agreement .bx, #agreement2 .bx { background:#f8f8f8;position:relative; height:150px; padding: 20px; margin:0 0 8px 0; border:1px solid #e5e5e5; line-height:20px; overflow:auto; scrollbar-base-color: #d9d9d9; scrollbar-3dlight-color: #d9d9d9; scrollbar-darkshadow-color: #d9d9d9; scrollbar-face-color: #d9d9d9; scrollbar-highlight-color: #d9d9d9; scrollbar-shadow-color: #d9d9d9; scrollbar-track-color: #f2f2f2;-webkit-overflow-scrolling:touch}
.t .bx::-webkit-scrollbar{overflow:visible;width:6px;margin-right:10px;background:transparent}
.t .bx::-webkit-scrollbar-thumb{background-color:rgba(45,70,97,0.3);-webkit-border-radius:5px; min-height:20px;margin:0 5px 0 0}
.t .bx::-webkit-scrollbar-thumb:hover{background-color:rgba(45,70,97,0.3)}
.t .bx::-webkit-scrollbar-corner{background:transparent}
#agreement .bx h3, #agreement .bx h4, #agreement2 .bx h3, #agreement2 .bx h4 { font-weight:normal;}
#agreement .bx h3 { font-size:18px !important;}
/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
max-width: 400px;
z-index: 100;
margin: 0 auto;
padding-top: 20px;
}
.lockscreen.middle-box {
width: 400px;
padding-top: 20px;
}
.loginscreen.middle-box {
width: 400px;
}
.loginColumns {
max-width: 800px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
.passwordBox {
max-width: 460px;
margin: 0 auto;
padding: 100px 20px 20px 20px;
}
.logo-name {
color: #e6e6e6;
font-size: 180px;
font-weight: 800;
letter-spacing: -5px;
margin-bottom: 0px;
}
.middle-box h1 {
font-size: 80px;
}
.wrapper .middle-box {
margin-top: 140px;
}
.lock-word {
z-index: 10;
position: absolute;
top: 110px;
left: 50%;
margin-left: -470px;
}
.lock-word span {
font-size: 100px;
font-weight: 600;
color: #e9e9e9;
display: inline-block;
}
.lock-word .first-word {
margin-right: 160px;
}
.offdw {margin-top: 35px}
.offdw h3 {color: #49484b}
.offdw > div {margin-top:25px;}
.offdw > div > a {margin-top:10px; color: #49484b;}
.offdw > div > a:hover {font-style: italic; font-weight: bold}
.offdw > div > a > img {width: 30px; padding-right: 5px}
.class_table {width: 70%;margin: auto;border-collapse: collapse;border: 1px solid #ddd}
.class_table th {padding: 8px 10px; background-color: #f2f2f2;border-right: 1px solid #ddd}
.class_table th:last-of-type {border-right: 0}
.class_table td {padding: 8px 10px; border-right: 1px solid #ddd;border-top: 1px solid #ddd;word-break: keep-all}
.class_table td:last-of-type {border-right: 0}
.class_table2 {width: 80%;margin: 0 auto 30px}
.class_table2 td {padding: 0 20px;word-break: keep-all;vertical-align: text-top}
.f1940c {color: #f1940c}
@media(max-width:1200px){
.class_table {width: 100%}
.class_table2 {width: 100%}
}