@charset "utf-8";

/* 기본디자인 재선언부 */
html { height:100%; max-height:100%; }
body { padding-bottom: 60px; position:relative; }
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position:static; }
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span { border-top-left-radius:initial; border-bottom-left-radius:initial; }
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span { border-top-right-radius:initial; border-bottom-right-radius:initial; }
.container .btn { min-width:100px; padding:4px 10px; }
.row:after { clear: both; content: ""; margin: 0 0 1em 0; }
.alert { cursor: ponter; }
.timeState { text-align: center; border: 1px solid #e1e2e5; padding: 1em 0.5em; margin: 0 0 1em 0; font-weight: bold; font-size: large; background: #fff; }
.btn { padding: 8px 45px; border-radius: 3px; min-width: 176px; }
.btn.btn-cancel { background-color:#767676; color:#fff; }
.ridWide { text-align: center; margin: 1em 0 0 0; clear: both; }
.ridWide .btn { min-width: inherit; padding: 6px 22px 6px 23px; font-size: small; }
.btn-primary { background-image: none; border-color: #3688e6; box-shadow: none; background-color: #3688e6; text-shadow: none; }
.btn-default { background-image: none; text-shadow: none; }
.btn-info { background-image: none; border-color: #255387; box-shadow: none; background-color: #255387; box-shadow: none; text-shadow: none; }
.btn-success { background-image: 
none; border-color:#63a41a; box-shadow: none; background-color: #63a41a; text-shadow: none; }
legend { display: none; }
.btnWide { padding: 0; margin: 0; }
.btnWide .btn { width: 100%; }
.btn span.check { display: inline-block; width: 19px; height: 8px; background: url(../images/ico_chk.png) no-repeat right center; vertical-align: middle; }
.btn span.arrow { display: inline-block; width: 19px; height: 13px; background: url(../images/ico_arr.png) no-repeat right center; vertical-align: middle; }
.loginType { padding: 2.2em 1.2em; margin: 1em 0; border: 1px solid #e1e2e5; }
.logoType { text-align: center; }
.logoType h1 { background: #ececec; font-size: 2em; padding: 0.7em 0.5em; margin: 0; font-weight: bold; }
.logoType p { font-size: 0.9em; margin: 0.5em 0; }
.loginForm { margin: 2em 0 0.5em 0; }
.loginForm .btnType { margin: 1em 0 0 0; text-align: center; clear: both; }
.ridBar { border-top: 1px solid #ccc; margin: 2em 0 1em 0; text-align: center; }
.ridBar span { background: #fff; padding: 0.2em 0.4em; margin: -5em 0 0 0; }
.banner-footer { text-align: center; background: #000; margin: 0 0 0.5em 0; }
.banner-footer img { display: block; text-align: center; }
.copyRightInfo { font-size: 0.7em; }
.dfBox { border: 1px solid #e1e2e5; margin: 1em 0; padding: 3em 2em; min-width: 280px; font-size: 85%; line-height: 1.4; position: relative; }
.dfBox.align-Center { text-align: center; }
.dfBox h1 { font-size: x-large; margin: 0 0 1em 0; color: #000; }
.dfBox p { color: #767676; }
.dfBox p strong { color: #333; }
.dfBox .mid-img { margin: 2em 0; }
.rndBox { border-radius: 0.2em; background: #eeeeee; padding: 0.8em; margin: 1.5em 0; }
.linkUnder { text-decoration: underline; }
.rdnEmail { margin: 3em 0 2em 0; }
.dfAddress { text-align: center; font-size: 75%; padding: 0 0 2em 0; min-width: 320px; }
.dfAddress .copyright { color: #7d7d7d; display: inline-block; margin: 0; padding: 0; float: left; }
.dfAddress ul.info { color: #777777; display: inline-block; margin: 0; padding: 0; float: right; }
.dfAddress ul.info a { padding: 0 0.5em; color: #333; line-height: inherit; display: inline-block; }
.dfAddress ul.info li { border-right: 1px solid #7d7d7d; display: inline-block; padding: 0; }
.dfAddress ul.info li:last-child { border-right: none; }
h1.companyLogo { text-align: center; margin: 0 0 0.3em 0; padding: 0; font-weight: bold; line-height: 1.4; }
.companyURL { text-align: center; margin: 0 0 4em 0; padding: 0; font-size: 80%; }
.form-control { border-radius: 0.2em; height:32px; padding:3px 10px; font-size:small; vertical-align:middle; }
.form-control.sLien { width: 54px; display: inline-block; }
.form-control.tLien { width: 90px; display: inline-block; }
.form-control.mLine { width: auto; display: inline-block; }
.form-control.wLine { width: auto; display: inline-block; }
.form-control.dLine { width: auto; display: inline-block; }
.subTitle { font-size: medium; font-weight: bold; }
.form-group { margin: 0 0 0.6em 0; }
[disabled].form-control, [readonly].form-control, fieldset[disabled] .form-control { background-color: #eceff0; }
.has-error .form-control { border-color: #ff0000; color: #ff0000; }
.has-error .msgError { color: #ff0000; background: url(../images/ico_error.png) no-repeat left 0.2em; padding: 0 0 0 1.6em; margin: 0.4em 0 1.2em 0; font-size: 90%; display: block; }
.reCAP { margin: 0 0 0.6em 0; }
.txt-Joininfo { margin: 0 0 1.6em 0; padding: 0; color: #555555; }
.txt-loginfo { margin: 1em 0 1em 0; }
.txt-loginfo .right { float: right; }
.scrBox { border: 1px solid #cfd1d7; border-radius: 0.3em; padding: 1em; overflow: auto; color: #767676; font-size: 90%; line-height: 1.7em; height: 136px; word-break: break-all; clear: both; clear: both; zoom: 1; }
.scrBox:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6) }
.form-agree { margin: 0 0 1em 0; }
.form-agree label { font-weight: bold; color: #333; font-size: 110%; }
.form-agree .chkBox { float: right; }
.chkBox { width: 19px; height: 19px; position: relative; display: inline-block; vertical-align: middle; }
.chkBox input { position: absolute; top: 0; left: 0; margin: 0; width: 18px; height: 18px; border: none; vertical-align: middle; }
.chkBox label { display: block; position: absolute; top: 0px; left: 0px; width: 18px; height: 18px; background: url(../images/btn_chk.png) no-repeat left top #fff; cursor: pointer; }
.chkBox label.active { background-position: 0 -18px }
.chkBox .blind { visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0 }
.logFm { margin: 0 0 0 0; }
.logFm input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.logFm.has-error input { border-bottom-left-radius: 0.2em; border-bottom-right-radius: 0.2em; }
.logPw { margin: 0 0 1em 0; }
.logPw input { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; }
.logPw.has-error input { border-top-left-radius: 0.2em; border-top-right-radius: 0.2em; }
.barDM { background: url(../images/bg_bar.png) repeat-x left center; text-align: center; clear: both; margin: 0.5em 0; display: block; }
.barDM span { background: #fff; padding: 0.5em 1em; color: #71747f; display: inline-block; }
.popoverIP { position: absolute; top: 0; right: 0; }
.tooltip.left .tooltip-arrow { border-left-color: #c8ccd7; }
.tooltip.right .tooltip-arrow { border-right-color: #c8ccd7; }
.tooltip.top .tooltip-arrow { border-top-color: #c8ccd7; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #c8ccd7; }
.tooltip-inner { background: #f4f4f4; border: 1px solid #c8ccd7; color: #767676; }
.tooltip { width: 200px }
.nav>li>a { font-size: smaller; }
.dropdown-menu>li>a { font-size: smaller; }
.caret { border: none; width: 16px; height: 5px; background: url(../images/bg_menu.png) no-repeat left center; margin-right: 2px; margin-left: 0; }
.caret2 { border: none; width: 16px; height: 5px; background: url(../images/bg_menu2.png) no-repeat right center; display: inline-block; margin-left: 2px; }
.me { border: none; width: 26px; height: 26px; background: url(../images/ico_me.png) no-repeat left top; display: inline-block; margin-right: 5px; vertical-align: middle; }
.navbar { margin: 0; }
.navbar-default { background: none #3c97ff; }
.navbar-default .navbar-brand { color: #fff; }
.navbar-brand { background: #3688e6; font-size:16px; padding:15px 36px; }
.navbar-default .navbar-nav>li>a { color: #bfe6ff; }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #fff; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a { background: none; box-shadow: none; -webkit-box-shadow: none; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #bfe6ff; background: none #3688e6; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background: none #3688e6; color: #bfe6ff; }
.dropdown-menu { -webkit-box-shadow: none; box-shadow: none; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #fff; }
.navbar-toggle { border-radius: 2px; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #3c97ff; }
.navbar-default .navbar-toggle { border-color: #fff; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }
a.myMe1 { padding-bottom: 9px !important; }
a.myMe2 { padding-bottom: 9px !important; }
.ridTitle { width: 100%; padding: 0; margin: 0; font-size: large; font-weight: bold; text-align: center; height: 110px; background: url(../images/bg_rdtitle.png) repeat-x left bottom; display: block; clear: both; overflow: hidden; }
.ridTitle h1 { font-size: large; font-weight: bold; line-height: 1.4; padding: 0 0 0.4em 0; }
.btn-align { text-align: center; clear: both; margin: 1em 0 1em 0; }
.btn-align .right { float:right; }
.btn-align .right:after { clear:both; content:""; }
.btn-align .left { float:left; }
.btn-align .left:after { clear:both; content:""; }
.sbrTitle { background: url(../images/icon_notice.png) no-repeat left center; padding: 0 0 0 20px; font-weight: bold; vertical-align: middle; }
.sbrTitle .more { float: right; vertical-align: middle; }
.sbrTitle2 { padding: 0 0 0 0; font-weight: bold; vertical-align: middle; }
.sbrTitle2 .more { float: right; vertical-align: middle; }
.brsButton { margin: 0.5em 0 0 0; }
.brsButton button.btn { margin: 0 0 0.4em 0; }
.brsButton .btn-primary { padding: 1.7em 3em 0.7em 3em; min-width: inherit; border: none; color: #fff; font-size: medium; background: url(../images/btn_chk2.png) no-repeat center 15px #77bd19; }
.brsButton .btn-default { padding: 1.2em 3em; min-width: inherit; background-color: #acacac; border: none; color: #fff; font-size: medium; }
.checkState { text-align: center; border: 1px solid #e1e2e5; padding: 1em 0.5em; margin: 0 0 1em 0; font-weight: bold; font-size: large; background: #fff; }
.table .point { color: #ff0000; }
.table .late { color: #ff0000; }
.table .raise { color: #3688e6; }
.table .raise a { color: #3688e6; }
.col-md-0 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.table.table-bordered2 { border:none; }
.table.table-bordered2 th { background: #f6f6f6; color: #333; }
.table.table-bordered2 tbody th { text-align:right; padding-right:18px; }
.table.table-bordered2 tbody td { text-align:left; padding:8px 14px; }
.table a { color: #333333; }
.table td, .table th { font-size:small; text-align: center; color:#333333; word-wrap:break-word; word-break:keep-all; }
.table>thead { border-top: 1px solid #b3bdc8; }
.table>thead>tr>th { text-align: center; background: #f6f6f6; color: #333333; font-weight: bold; border-bottom: 1px solid #b3bdc8; }
.table>tbody>tr>td { border-bottom: 1px solid #e1e4ec;  }
.table>tbody>tr:last-child td { border-bottom: 1px solid #b3bdc8; }
.table>tbody>tr:last-child th { border-bottom: 1px solid #b3bdc8; }
.table>tbody>th { text-align: center; background: #f6f6f6; color: #333333; font-weight: bold; border-bottom: 1px solid #b3bdc8; }
.table.leftTB tbody>tr>th { text-align: left; vertical-align: middle; padding: 0.5em; font-size: medium; }
.table.leftTB tbody>tr>td { text-align: left; vertical-align: middle; padding: 0.5em; font-size: medium; }
.form-control.input-sm { height: 28px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn.btn-xs { min-width: inherit; padding: 1px 5px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle; }
.table>tbody>tr>td.left { text-align: left; }
.table>tbody>tr>td.right { text-align: right; }
.table>tbody>tr>td.center { text-align: center; }
.table>tbody>tr>th.left { text-align: left; }
.table>tbody>tr>th.right { text-align: right; }
.table>tbody>tr>th.center { text-align: center; }
nav.pageNav { text-align: center; width: 100%; }
nav.pageNav .pagination { margin: 0 0 0 0; }
.input-group-addon { font-size: smaller; color: #333; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(229,229,229,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
label { font-size: small; font-weight: bold; }
.has-error .input-group-addon { color: #333; }
.col-md-4 { padding-right: 0; }
.checkState { padding: 2.7em 1em; }
.profileState { padding: 0; margin: 0 0 0 0; background: #58749a; display: inline-flex; width: 100%; }
.profileState .photo { background: url(../images/bg_profile.png) repeat left top; min-width: 160px; float: left; margin: 0; box-shadow: -10px 0 20px 0 #333 inset; display: inline-block; }
.profileState .photo dt { text-align: center; vertical-align: middle; margin: 2em 0 0.5em 0; }
.profileState .photo dt img { background: #fff; min-width: 87px; height: auto; border-radius: 50%; padding:0; width:100px; }
.profileState .photo dd { color: #fff; font-size: 80%; text-align: center; padding: 0 0 2em 0; }
.profileState .photo dd strong { display: block; font-size: medium; margin: 0 0 0.2em 0; }
.profileState .state { padding: 1em; color: #fff; float: left; box-shadow: inset; display: inline-block; height: 100%; min-height: 100%; vertical-align: middle; }
.profileState .state ul { border-bottom: 2px solid #6889ac; margin: 1.3em 1em 1em 0.5em; padding: 0; vertical-align: middle; width: 100%; vertical-align: middle; }
.profileState .state li { list-style: none; padding: 0.4em 0; margin: 0; font-size: 80%; border-bottom: 1px solid #4c648c; border-top: 2px solid #6889ac; }
.profileState .state li:first-child { border-top: none; }
.profileState .state li span { color: #fff76c; font-weight: bold; }
.profileState .state li strong { font-weight: normal; color: #f9ad81; }
.arrow_box { position: relative; background: #58749a; }
.arrow_box:after { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(88, 116, 154, 0); border-right-color: #58749a; border-width: 10px; margin-top: -10px; }
.footer:before { clear: both; content: ""; }
.footer { position:fixed; bottom: 0; width: 100%; min-height: 40px; background-color: #e3e3e3; clear: both; padding: 0 0 0 0; z-index:999;}
.footer .lv1 { height: 40px; background: #3c97ff; color: #fff; font-size: small;}
.footer .lv1 .container { position: relative; line-height: 3; }
.footer .lv1 .nar { font-size: small; position: absolute; left: 1em; top: 50%; }
.footer .lv1 .info { margin: 0; padding: 0; position: absolute; top: 50%; right: 1em; }
.footer .lv1 .info li { list-style: none; margin: 0 0.5em 0 0; padding: 0 0.5em 0 0; display: inline-block; background: url(../images/bdr_bar.png) no-repeat center right; }
.footer .lv1 .info li:last-child { border-right: none; padding-right: 0; margin-right: 0; background: none; }
.footer .lv1 a { color: #b3d6ff; padding: 0; text-decoration: none; font-size: smaller; }
.footer .lv2 { text-align: center; display: none; }
.footer .lv2 p { margin: 1.4em 0 0.6em 0; font-weight: bold; font-size: small; }
.footer .lv2 .list { margin: 1em 0 0 0; padding: 0; }
.footer .lv2 .list li { list-style: none; margin: 0 1em 0.5em 1em; padding: 0; display: inline-block; }
.carousel-inner { margin-bottom: 3em; }
.carousel-inner { background:#758c99; }
.carousel-inner .item img { max-height:410px; min-height:240px; text-align:center; margin:0 auto; box-shadow:-20px 0 60px 0 #333 inset; }
@media screen and (max-width: 768px) { .carousel-caption h3 { font-size:medium; } }
.carousel-inner .item img { min-height: 240px; }
.carousel-inner .item .carousel-caption img { width: auto; max-width: 100%; min-height: inherit; }
.seviceList { width: 100%; display: block; clear: both; margin: 1em 0; }
.seviceList ul { margin: 0 auto; padding: 0; text-align: center; }
.seviceList li { list-style: none; margin: 0; padding: 0; display: inline-block; width: 280px; text-align: center; margin: 0 10px 20px 10px; vertical-align: top; }
.seviceList dl { width: 90%; margin: 0 auto; }
.seviceList dt { font-weight: bold; color: #000000; }
.seviceList dd { font-weight: normal; color: #666666; font-size: small; }
.seviceList p.icon img { width: auto; max-width: 180px; background: #ebebeb; border-radius: 50%; }
.seviceList p.more { margin: 1em 0 1em 0; }
.seviceList p.more .btn.btn-xs { padding: 0.4em 1em; }
.wideRev { width: 100%; background: url(../images/widerev.png) no-repeat top center #2b1c2e; color: #fff; min-height: 220px; text-align: center }
.wideRev dl { display: inline-block; width: 420px; vertical-align: middle; margin: 4.5em 0 0 0; }
.wideRev dt { font-weight: bold; font-size: medium; margin: 0 0 1em 0; text-align: left; }
.wideRev dd { font-size: small; text-align: left; }
.wideRev p { display: inline-block; vertical-align: middle; border: 1px solid #fff; margin: 6em 0 0 5em; }
.wideRev p a { padding: 1em 2.8em; text-decoration: none; color: #fff; display: block; font-weight: bold; font-size: large; }
.wideRev p:hover, .wideRev p:focus { background: rgba(255,255,255,0.5); }
.wideQna { margin: 2em 0 0 0; }
.wideQna ul { margin: 0; padding: 0; }
.wideQna li { margin: 0; padding: 0; list-style: none; }
.wideQna dt { background: url(../images/icon_q.png) no-repeat left 0.3em; color: #222; padding: 0 0 0 1.2em; margin: 0 0 0.4em 0; font-size: small; }
.wideQna dd { background: url(../images/icon_a.png) no-repeat left 0.4em; color: #666; padding: 0 0 0 1.2em; font-size: small; }
.wideQna .more { text-align: right; }
.wideQna .more a { text-decoration: underline; font-size: small; letter-spacing: -0.5; }
.wideQna .contactus ul { margin: 0; padding: 0; }
.wideQna .contactus li { margin: 0; padding: 0; list-style: none; display: inline-block; width: 138px; height: 178px; border: 1px solid #e1e1e1; text-align: center; vertical-align: middle; }
.wideQna .contactus li:hover, .wideQna .contactus li:focus { background: rgba(227,227,227,0.5); }
.wideQna .contactus li img { vertical-align: middle; }
.wideQna .contactus li a { width: 100%; height: 100%; vertical-align: middle; display: block; line-height: 178px; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #3688e6; border-color: #3688e6; }
.container .form-control { height:30px; }
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 11px 5px 10px 5px; }

.pointPt { clear:both; text-align:right; font-size:12px; color:#777; margin:1em 0; }
.table-responsive { padding-bottom:1em; }
.table.table-bordered3 { border:1px solid #e1e4ec; }
.table.table-bordered3 thead th { text-align:center; padding:0.8em 0.2em; border-bottom:1px solid #e1e4ec; color:#777; }
.table.table-bordered3 tbody th { text-align:center; color:#777; padding:0.4em 0.2em;  }
.table.table-bordered3 tbody td { padding:0.4em 0.2em; text-align:center; border-left:1px solid #e1e4ec; }
.help-block { font-size:12px; margin:1em 0 0 0; }
.help-fileimg { margin:0 0 1em 0; }

/* 근태내역엑셀 */
.container .dfBox { border:none; padding-top:0; }
.loadIconBar { background:url(../images/loading.gif) no-repeat left top; height:64px; width:64px; background-size:64px; display:block; text-align:center; margin:1em auto 2em auto; }
.pointPr { color:#FF0004 !important; }
.pointPs { clear:both; font-size:12px; color:#767676; margin:-0.5em 0 0.5em 0; }
.rdBox { border:1px solid #b3bdc8; padding:1em;  }
.rdBox dl { background:#ebebeb; padding:1em; }
.rdBox dt { display:inline-block; margin-right:3em; }
.rdBox dt strong { display:block; }
.rdBox dt span { display:block; color:#767676; font-size:12px; font-weight:normal; }
.rdBox dd { display:inline-block; vertical-align:top; margin:0.5em 0; }
table.brdTable { width:100%; margin:1em 0; }
table.brdTable th, table.brdTable td { vertical-align:top; word-break:keep-all; word-wrap:break-word; padding:1em 0 1em 1em; }

@media(max-width:320px) {
.checkState p { font-size: medium; }
.footer .lv1 .nar { bottom: 0; }
.footer .lv1 .nar, .footer .lv1 a { font-size: xx-small; }
}

@media(max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; }
.ridTitle { height: 120px; }
.col-md-4 { padding-right: 15px; }
.profileState { display: inline-block; margin-bottom: 1em; }
.profileState .photo { width: 100%; min-width: 100%; }
.profileState .state { width: 100%; }
.profileState .state:after { display: none; }
.profileState .state ul { margin: 0 0 0.2em 0; border: none; }
.profileState .state li { border: none; font-size: 96%; }
.checkState { padding: 0.5em; }
.seviceList p.icon img { width: 120px; }
.wideRev dl { width: 90%; margin: 3em 0 0 0; }
.wideRev p { margin: 2em 0 3em 0; }
.wideRev p a { padding: 0.6em 2.1em; font-size: medium; }
.wideQna .contactus li { width: 100%; margin: 0 0 1em 0; }
.seviceList li { width: 100%; }
.table-responsive { padding-bottom:1em; }
.table-responsive>.table { margin-bottom:1em; }
}

@media (min-width:990px) {
.container-fluid { width: 490px; }
}

@media(max-width:992px) {
.col-md-4 { padding-right: 15px; }
.profileState { display: inline-block; margin-bottom: 1em; }
}

/* login 시계 */
.timeSetDS { margin:0 0 1em 0; width:100%; display:inline-block; }
.timeSetDS:after { clear:both; content:""; }
.timeSetDS ul, .timeSetDS li { margin:0; padding:0; list-style:none; line-height:normal; }
.timeSetDS li { display:inline-block; float:left; width:100%; padding:0.7em; margin:0; border:1px solid #ccc; text-align:center; }
.timeSetDS ul:after { clear:both; content:""; }
.timeSetDS span, .timeSetDS strong { display:block; }
.timeSetDS .day { font-size:small; color:#767676; }
.timeSetDS .time { font-size:large; font-weight:bold; color:#000; }
.timeSetDS .stay { font-size:small;  color:#a864a8; }
.timeSetDS ul.typeA li { width:100%; }
.timeSetDS ul.typeB li { width:200px; margin-right:11px; }
.timeSetDS ul.typeB li:nth-child(2) { margin-right:0; }
.timeSetDS ul.typeB li:nth-child(2) { margin-left:-1px; }
.timeSetDS ul.typeC li {width:130px; margin-right:10px; }
.timeSetDS ul.typeC li:nth-child(3) { margin-right:0; }
@media(max-width:989px) {
.timeSetDS ul.typeA li { width:100%; margin:0 0 1em 0; }
.timeSetDS ul.typeB li { width:100%; margin:0 0 1em 0; }
.timeSetDS ul.typeC li { width:100%; margin:0 0 1em 0; }
}

.seviceList .icon {  position:relative; }
.seviceList .icon span { width:60px; height:60px; background:url(../images/btn_play.png) no-repeat left top; background-size:60px; position:absolute; top:50%; left:50%; margin-top:-30px; margin-left:-30px; cursor:pointer; text-indent:-9999px;  }
.navbar-default { border-color:transparent; border:none; }
.carousel-caption h3 { font-size:xx-large; line-height:1.5em; font-family:NotoSans; font-weight:bold; }

@media (max-width: 767px) { 
.seviceList .icon span {  width:30px; height:30px; background-size:30px; margin-top:-15px; margin-left:-15px; } 
.carousel-caption h3 { font-size:large; }
}

.midTitle { text-align:center; border:1px solid #b3bdc8; background:#f2f2f2; padding:0.5em 1.5em; font-size:small; color:#006ad1; text-indent:-1em; margin:0 0 1.5em 0; }
.faqList { border-bottom:1px solid #b3bdc8; border-top:1px solid #b3bdc8;  }
.vmiList { border-bottom:1px solid #e2e2e2; padding:0.75em 1em 0 4em; background:url(/static/images/ico_qus.png) no-repeat 1em 1em; }
.vmiList.moff .title { background:url(/static/images/ico_arb.png) no-repeat right 1em; }
.vmiList:last-child { border-bottom:none; }
.vmiList .title { padding:0 1em 1em 0; font-size:small; background:url(/static/images/ico_arboff.png) no-repeat right 1em; }
.vmiList .title.on {  background:url(/static/images/ico_arb.png) no-repeat right 1em; }
.vmiList .title h4 { font-size:small; color:#333; }
.vmiList .title h4 a { color:#333; font-weight:bold; }
.vmiList .title span {  color:#767676; font-size:smaller; display:block; margin-top:-0.5em; }
.vmiList .title2 { padding:0 1em 1em 0; font-size:small;}
.vmiList .title2.on {  background:url(/static/images/ico_arb.png) no-repeat right 1em; }
.vmiList .title2 h4 { font-size:small; color:#333; }
.vmiList .title2 h4 a { color:#333; font-weight:bold; }
.vmiList .title2 span {  color:#767676; font-size:smaller; display:block; margin-top:0.5em; }
.vmiList .collapse { padding:1em 4em; font-size:small; background:#ececec; margin:0 -1em 0 -4.3em; color:#5e788f; }
.vmiList .cntText { font-size:smaller; word-break:break-all; white-space:pre-wrap; }

.supportIdx { text-align:center; margin:3em 0 4em 0; }
.supportIdx h4 { font-weight:bold; font-size:x-large; color:#000; padding:0 0 0.5em 0; background:url(/static/images/ico_rv.png) no-repeat center bottom 0; }
.supportIdx .rText { color:#666; margin:2.1em 0; font-size:small; margin:2em 2em 3em 2em; line-height:1.7; }
.sbtn a { background:#ebebeb; border:1px solid #b3bdc8; font-weight:bold; color:#000; font-size:medium; padding:0.7em 1.6em; font-family:NotoSans; }
.sbtn a:hover, .sbtn a:focus { text-decoration:none; background: rgba(255,255,255,0.5); }
.sbtn a span { display:inline-block; background:url(/static/images/ico_qus2.png) no-repeat left top; width:21px; height:21px; vertical-align:middle; margin:0 0 0 0.5em; }