@charset "utf-8";
.ellipsis {
	display:block;
	width: 99%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important;
}

/* Noto Sans KR font 20240716 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansKr/woff/NotoSansKR-Thin.woff) format('woff'),
    url(../fonts/NotoSansKr/otf/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/NotoSansKr/woff/NotoSansKR-Light.woff) format('woff'),
    url(../fonts/NotoSansKr/otf/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/NotoSansKr/woff/NotoSansKR-Regular.woff) format('woff'),
    url(../fonts/NotoSansKr/otf/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/NotoSansKr/woff/NotoSansKR-Medium.woff) format('woff'),
    url(../fonts/NotoSansKr/otf/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(../fonts/NotoSansKr/woff/NotoSansKR-Bold.woff) format('woff'),
    url(../fonts/NotoSansKr/otf/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/NotoSansKr/woff/NotoSansKR-Black.woff) format('woff'),
    url(../fonts/NotoSansKr/otf/NotoSansKR-Black.otf) format('opentype');
 }

/* 20240716 */
html,body{font-family:'Noto Sans KR', "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Arial, Helvetica, sans-serif; font-weight:500;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, code, kbd, pre, samp{font-family:'Noto Sans KR', "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Arial, Helvetica, sans-serif; font-weight:500;}
.skin-blue .main-header .navbar .nav>li>a{padding:10px 12px; color:#000; font-size:20px; font-weight:500;}
.main-header .navbar{min-height:76px; display:flex; flex-wrap: nowrap; align-items:center; border-bottom:1px solid #ccc; box-sizing:border-box;}
.main-header .navbar .navbar-header{width:260px;}
.main-header .navbar .navbar-header > .navbar-brand{vertical-align:top; height:55px; padding:0px 0px 0px 32px;}
.main-header .navbar .navbar-header > .navbar-brand_logo{vertical-align:top; height:55px;}
.main-header .navbar .navbar-collapse{}
.main-header .navbar .navbar-custom-menu{margin-left:auto; margin-right:23px;}
.main-header .navbar .navbar-custom-menu > ul{display:flex; align-items:center;}
.main-header .navbar .navbar-custom-menu > ul li.messages-menu a{padding:0px; line-height:0;}
.main-header .navbar .navbar-custom-menu > ul li a .glyphicon-user:before{content:''; display:inline-block; width:32px; height:32px; background:url(../images/imgicon/icon_user.png) no-repeat; margin-right:15px;}
.main-header .navbar .navbar-custom-menu > ul li a .glyphicon-log-out:before{content:''; display:inline-block; width:21px; height:24px; background:url(../images/imgicon/icon_logout.png) no-repeat; margin-top:5px;}
.main-header .navbar .navbar-custom-menu > ul li.messages-menu:last-child a:before{content:''; display:inline-block; width:1px; height:36px; margin-right:20px; margin-left:36px; background-color:#E6E6E6; vertical-align:top;}
.main-header .navbar .navbar-custom-menu > ul li.messages-menu a > span{line-height:16px; font-size:13px; font-weight:400;}
.main-header + .content-wrapper{background:url(../images/imgicon/bg_main_03.png) no-repeat center 76px; background-color:#F6F7F9;}
.main-header + .content-wrapper > .container{padding:0px; width:1422px;}
.main-header + .content-wrapper > .container .content{padding:0px;}
.main-header + .content-wrapper > .container .content > h1{display:inline-block; margin:0px; padding:0px; font-size:33px; color:#fff; letter-spacing:-1px; margin-top:80px; margin-bottom:85px; padding-right:5px;}
.main-header + .content-wrapper > .container .content > .h1_subText{display:inline-block; font-size:15px; font-weight:300; color:#fff; opacity:0.35;}
.main-header .sidebar-toggle{padding:25px 15px 25px 30px;}
.main-header .sidebar-toggle:before{content:''; display:inline-block; width:16px; height:16px; background:url(../images/imgicon/icon_sidebar.png) no-repeat; margin-top:5px;}

.flex_layout{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:30px;}
.flex_layout .article_item01{display:flex; align-items:center; width:calc(50% - 15px); height:100px; padding:0px 20px; background:#fff; border:1px solid #E6E6E6; border-radius:10px; box-sizing:border-box; cursor:pointer;}
.flex_layout .article_item01:hover{background-color:#f5f5f5;}
.flex_layout .article_item01 > .icon01{display:inline-block; width:56px; min-width:56px; height:56px; background:url(../images/imgicon/icon_01.png) no-repeat;}
.flex_layout .article_item01 > .icon02{display:inline-block; width:56px; min-width:56px; height:56px; background:url(../images/imgicon/icon_02.png) no-repeat;}
.flex_layout .article_item01 > dl{flex-grow:1; margin:0px 0px 0px 10px; padding:0px;}
.flex_layout .article_item01 > dl dt{margin:0px; padding:0px; font-size:18px; font-weight:bold; color:#1A1311;}
.flex_layout .article_item01 > dl dd{margin:0px; padding:0px; font-size:16px; font-weight:400; color:#1A1311; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.flex_layout .article_item01 > .count{width:56px; min-width:56px; height:36px; line-height:36px; background-color:#114572; font-size:14px; color:#fff; text-align:center; border-radius:18px;}

.flex_layout .article_item02{list-style:none; display:flex; width:100%; height:100px; margin:0px; padding:0px 0px; background:#fff; border:1px solid #E6E6E6; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.flex_layout .article_item02 > li{display:flex; align-items:center; justify-content:center; width:100%; height:100%;padding: 0px 20px; box-sizing: border-box; text-align: center;}
.flex_layout .article_item02 > li > a{font-size:20px; font-weight:600; color:#000;}
.flex_layout .article_item02 > li > a:hover{text-decoration:underline;}
.flex_layout .article_item02 > li:nth-child(1){background-color:rgba(215,178,130,0.20);}
.flex_layout .article_item02 > li:nth-child(2){width:calc(100% + 1px);}
.flex_layout .article_item02 > li:nth-child(3){background-color:rgba(170,188,207,0.25);}
.flex_layout .article_item02 > li:nth-child(3) > a{color:#114572;}

.flex_layout .article_item03{width:calc(100% - 472px);}
/*.flex_layout .article_item03 > .procedure_item{display:flex; width:100%; height:321px; margin-bottom:20px; background-color:#fff; border:1px solid #E6E6E6; border-radius:10px; box-sizing:border-box; overflow:hidden;}*/
.flex_layout .article_item03 > .procedure_item{display:flex; width:100%; height:321px; margin-top:20px; background-color:#fff; border:1px solid #E6E6E6; border-radius:10px; box-sizing:border-box; overflow:hidden;}
.flex_layout .article_item03 > .procedure_item > div{position:relative; width:100%; overflow:hidden;}
.flex_layout .article_item03 > .procedure_item > div:after{content:''; position:absolute; right:0px; top:89px; width:1px; height:210px; background:#E6E6E6;}
.flex_layout .article_item03 > .procedure_item > div:last-child:after{display:none;}
.flex_layout .article_item03 > .procedure_item > div > p{display:flex; align-items:center; height:70px; background-color:#114572; margin:0px; padding:0px 40px; font-size:20px; color:#fff; box-sizing:border-box;}
.flex_layout .article_item03 > .procedure_item > div > ul{list-style:none; margin:0px; padding:27px 0px 0px 40px;}
.flex_layout .article_item03 > .procedure_item > div > ul li{position:relative; line-height:28px; padding-bottom:20px; font-size:16px; color:#333333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.flex_layout .article_item03 > .procedure_item > div > ul li > img{vertical-align:top; margin:0px 16px 0px 0px;}
.flex_layout .article_item03 > .procedure_item > div > ul li:last-child{padding-bottom:0px;}
.flex_layout .article_item03 > .procedure_item > div > span{position:absolute; right:37px; bottom:33px; text-align:right; cursor:pointer;}
.flex_layout .article_item03 > .procedure_item > div > span:hover{color:#EC5E00;}
.flex_layout .article_item03 > .procedure_item > div.procedure_item01 > ul li:after{content:''; position:absolute; left:54px; bottom:9px; width:11px; height:6px; background:url(../images/imgicon/icon_procedure_arrow1.png) no-repeat;}
.flex_layout .article_item03 > .procedure_item > div.procedure_item02 > ul li:after{content:''; position:absolute; left:54px; bottom:9px; width:11px; height:6px; background:url(../images/imgicon/icon_procedure_arrow2.png) no-repeat;}
.flex_layout .article_item03 > .procedure_item > div.procedure_item03 > ul li:after{content:''; position:absolute; left:54px; bottom:9px; width:11px; height:6px; background:url(../images/imgicon/icon_procedure_arrow3.png) no-repeat;}
.flex_layout .article_item03 > .procedure_item > div.procedure_item01 > ul li:last-child:after,
.flex_layout .article_item03 > .procedure_item > div.procedure_item02 > ul li:last-child:after,
.flex_layout .article_item03 > .procedure_item > div.procedure_item03 > ul li:last-child:after{display:none;}

.flex_layout .article_item03 > .quickLink_item{display:flex; align-items:center; margin:0px; padding:0px; list-style:none;}
.flex_layout .article_item03 > .quickLink_item li{position:relative; display:flex; align-items:center; width:calc(100% - 20px); height:60px; padding:0px 35px 0px 20px; margin-right:20px; background-color:#fff; border:1px solid #E6E6E6; border-radius:10px; box-sizing:border-box; cursor:pointer;}
.flex_layout .article_item03 > .quickLink_item li:last-child{margin-right:0px;}
.flex_layout .article_item03 > .quickLink_item li a{font-size:16px; color:#000; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.flex_layout .article_item03 > .quickLink_item li:after{content:''; position:absolute; right:20px; top:21px; width:18px; height:18px; background:url(../images/imgicon/icon_quickArrow_b.png) no-repeat;}
.flex_layout .article_item03 > .quickLink_item li:hover{background-color: #114572; border-color:#114572;}
.flex_layout .article_item03 > .quickLink_item li:hover a{color:#fff;}
.flex_layout .article_item03 > .quickLink_item li:hover:after{background:url(../images/imgicon/icon_quickArrow_w.png) no-repeat;}
.flex_layout .article_item03 > .quickLink_item li.on{background-color:#114572; border-color:#114572;}
.flex_layout .article_item03 > .quickLink_item li.on a{color:#fff;}
.flex_layout .article_item03 > .quickLink_item li.on:after{background:url(../images/imgicon/icon_quickArrow_w.png) no-repeat;}
.flex_layout .article_item03 > .quickLink_item li.on:hover{background-color:#114572; border-color:#114572;}

.flex_layout .article_item04{width:452px; height:291px; border:1px solid #E6E6E6; background-color:#fff; border-radius:10px; box-sizing:border-box;}
.flex_layout .article_item04 > p{margin:0px; padding:20px 0px 15px 20px; font-size:18px; color:#1A1311;}
.flex_layout .article_item04 > ul{margin:0px; padding:0px; list-style:none;}
.flex_layout .article_item04 > ul li{display:flex; align-items:center; height:54px; padding:0px 20px; border-bottom:1px solid #E6E6E6; color:#1A1311; box-sizing:border-box; cursor:pointer;}
.flex_layout .article_item04 > ul li:hover{background-color:#f5f5f5;}
.flex_layout .article_item04 > ul li:last-child{border-bottom:0px none;}
.flex_layout .article_item04 > ul li .title{width:calc(100% - 80px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.flex_layout .article_item04 > ul li .title > img{vertical-align:top; margin:3px 5px 0px 0px;}
.flex_layout .article_item04 > ul li .day{width:80px; text-align:right;}

.service_banner { cursor: pointer; float: left; margin-top: 10px; height: 100px; width: 452px; outline: 1px solid #efefef; border-radius: 10px; text-align: center; padding: 15px 0px 15px 20px; margin-right: 12px; background-color: white; } 

.main-footer{border-color:#d5d5d5; color:#797979; background-color:#F6F7F9; font-size:13px; font-weight:normal;}
.main-footer strong{font-weight:normal;}

.modal-content > .modal-header{padding:14px 20px; background-color:#114572;}
.modal-content > .modal-header > h4{font-size:18px; font-weight:bold;}
.modal-content > .modal-header > button.close{text-shadow: none; color: #fff; opacity: 1; font-weight: 300; line-height: 0; vertical-align: top;}
.modal-content > .modal-header > button.close > span{vertical-align: top; line-height: 20px; display: inline-block; margin-top: 5px;}
.modal-content > .modal-body{padding:20px;}
.modal-content > .modal-body .flex_layout{margin-bottom:0px; flex-direction: row !important;}
.modal-content > .modal-body .flex_layout .use_item{width:calc(50% - 10px);}
.modal-content > .modal-body .flex_layout .use_item > p{position:relative; display:flex; align-items:center; height:80px; background-color:#F5F5F5; margin:0px 0px 20px 0px; padding:12px 20px; font-size:16px; color:#1A1311; border-radius:10px; box-sizing:border-box; cursor:pointer;}
.modal-content > .modal-body .flex_layout .use_item > p:hover{background-color:#DFE2E8;}
.modal-content > .modal-body .flex_layout .use_item > p > span{padding-left:10px; font-size:18px; font-weight:bold;}
.modal-content > .modal-body .flex_layout .use_item > p > img{vertical-align:top; margin-right:10px;}
.modal-content > .modal-body .flex_layout .use_item > p:after{content:''; position:absolute; right:20px; top:25px; width:30px; height:30px; background:url(../images/imgicon/icon_popArrow.png) no-repeat;}
.modal-content > .modal-body .flex_layout .use_item > .flex_layout{margin-bottom:0px;}
.modal-content > .modal-body .flex_password{list-style:none; margin:0px; padding:0px;}
.modal-content > .modal-body .flex_password li{display:flex; align-items:center; min-height:36px; margin-bottom:7px;}
.modal-content > .modal-body .flex_password li:last-child{margin-bottom:0px;}
.modal-content > .modal-body .flex_password li > .password_title{width:130px; padding-left:10px; box-sizing:border-box; font-size:14px; color:#000;}
.modal-content > .modal-body .flex_password li > .password_text{width:calc(100% - 130px); font-size:14px; color:#000; font-weight:400;}
.modal-content > .modal-body .flex_password li > .password_text input[type="text"]{width:100%; height:36px; padding:0px 10px; font-size:14px; color:#000; border:1px solid #E6E6E6; border-radius:3px; box-sizing:border-box;}
.modal-content > .modal-body .pop_subTitle{font-size:14px; color:#000; margin:0px 0px 6px 0px;}
.modal-content > .modal-body .pop_subTitle > strong{color:#114572;}
.modal-content > .modal-footer{text-align:center; border-color:#DFE2E8; padding:20px 20px 30px 20px;}
.modal-content > .modal-footer > .btn-default{min-width:120px; padding:13px 10px; background-color:#fff; border:1px solid #114572; font-size:15px; color:#114572; box-sizing:border-box; border-radius:0px; outline:none;}
.modal-content > .modal-footer > .btn-primary{min-width:120px; padding:13px 10px; background-color:#114572; border:1px solid #114572; font-size:15px; color:#fff; box-sizing:border-box; border-radius:0px; outline:none;}
.modal-content > .modal-body > .pop_notification{margin:20px 0px;}
.pop_notification{padding:20px; background-color:#EFF7FF;}
.pop_notification_title{display:inline-block; font-size:16px; color:#000;}
.pop_notification_title:after{content:''; display:inline-block; width:12px; height:12px; background:url(../images/imgicon/icon_pop_noti.png) no-repeat; margin-left:5px;}
.pop_notification_text{margin:6px 0px; font-size:14px; font-weight:400; color:#333333;}
.pop_notification_ps{font-size:12px; font-weight:400; color:#FF0000;}
.pop_notification_ps:before{content:'*'; display:inline-block; vertical-align: -2px; line-height: 0; margin-right: 3px;}

.main-sidebar, .left-side{padding-top:76px;}
.main-header .logo{height:76px; line-height:76px; position: relative; background: #fff; z-index: 1030;}
.fixed .content-wrapper, .fixed .right-side{padding-top:76px;}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{background-color:#114572;}
.skin-blue .sidebar-menu>li.header{background-color:#114572; display:none;}
.sidebar > .user-panel{height:87px !important;display: flex; align-items: center; padding-left:30px;}
.sidebar > .user-panel > div{text-align:left;}
.sidebar > .user-panel > div h4{font-size:20px;}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{background-color:#0E3B61; border-left:none; font-weight:bold;}
.skin-blue .sidebar-menu>li>a{border-left:none; color:#91B1CE;}
.skin-blue .sidebar-menu>li>a>span{white-space:normal;}
.sidebar-menu>li>a{padding:14px 5px 14px 30px; font-size:16px; color:#91B1CE;}
.sidebar-menu>li>a>.fa-circle-o{display:none;}
.content-wrapper, .right-side{background-color: #F5F5F5;}
.main-sidebar + .wrapper > .content-wrapper .content-header{padding:34px 30px 0 30px;}
.main-sidebar + .wrapper > .content-wrapper .content-header h1{font-size:18px !important; color:#1A1311;}
.main-sidebar + .wrapper > .content-wrapper .content{padding:10px 30px 30px 30px;}
.content-header>.breadcrumb{top:36px; right:30px; padding:0px;}
.content-header>.breadcrumb > li{color:#8D8583; font-weight:400;}
.content-header>.breadcrumb > li.active{color:#000; font-weight:500;}

.form-horizontal .form-group{margin:0px 0px 8px 0px; padding:0px;}
.col-md-6 {width: 33.33%;}
.col-md-8 {width: 50%;}
.form-horizontal .control-label{width:25%; text-align:left; padding-right:0px; font-size:14px; color:#1A1311;}
.col-lg-8.col-md-7{width:75%; min-height:34px;}
.col-lg-8 input[type="button"]{height:34px; font-size:14px; vertical-align:top; outline:none; background-color:#fff; border:1px solid #C7C7C7; color:#1A1311;}
.col-lg-8 input[type="button"]:hover{background-color:#f5f5f5;}
.box{border-radius:5px; box-shadow:none; border-top:0px none;}
.box.box-pdb{padding-bottom:10px;}
.box-body{padding:12px 20px 10px 20px;}
.box-body.box-flex{display:flex;}
.box-body.box-flex .col-md-6{width:50%;}
.box-body.box-flex .col-md-12{width:calc(100% - 140px); padding:0px;}
.box-body.box-flex .col-md-12 .col-sm-6{width:25%;}
.box-body.box-flex .col-md-12 .col-flex{display:flex; align-items:center; width:75%;}
.box-body.box-flex .col-md-12 .col-flex select{min-width:80px;}
.box-body.box-flex .col-md-12 .col-flex input[type="text"]{margin-right:5px; width:100%;border-radius:3px;}
.box-body.box-flex .col-md-12 label{font-weight:400;min-width:19px;margin-top:6px;}
.box-body.box-flex .col-md-12 label .fa-calendar{display:none;}
.box-body.box-flex .col-md-12.col-nowrap{margin-left:5px; width:auto;}
.box-body.box-flex .col-md-12.col-nowrap input[type="button"]{height:34px;}
.box-body textarea{border-radius:3px; border:1px solid #E6E6E6;}
.col-nowrap{white-space:nowrap;}
.box-header{margin:0px 20px; margin-bottom:-10px; padding:19px 0px; color:#000;}
.box-header .box-title{font-size:20px; font-weight:bold;}
.box-header.with-border{border-color:#E6E6E6; margin-bottom:0px;}
.box-header>.box-tools{top:20px; right:0px;}
.box-header>.box-tools input[type="button"]{height:34px; font-size:14px; vertical-align:top; outline:none; background-color:#fff; border:1px solid #C7C7C7; color:#1A1311;}
.box-header>.box-tools input[type="button"]:hover{background-color:#f5f5f5;}
.box-header>.box-select{float:right; width:350px; margin:1px 0px -11px 0px;}
.box-header>.box-select div.col-lg-5.col-md-5{width:64%;}
.box-header>.box-select div.col-lg-5.col-md-5 select{height:34px; font-size:14px;}
.box-footer.clearfix{border-top:0px none; padding:15px 20px; display:block;}
.box-footer.clearfix > .col-sm-5{width:auto; padding:5px 20px; background-color:#F6F6F6; border-radius:5px;}
.box-footer.clearfix > .col-sm-5 span label{margin-bottom:0px;margin-right:10px;}
.box-footer.clearfix > .col-sm-5 span label:last-child{margin-right:0px;}
.box-footer.clearfix > .col-sm-5 span label input[type="radio"]{width:16px; height:16px; margin-top:3px; margin-right:5px; vertical-align:top;}
.box-footer.clearfix > .col-sm-5 span strong{display:inline-block; min-width:90px;}

.box-footer.clearfix > .pagination{}
.box-footer.clearfix > .pagination>li>a{background-color:#FFFFFF; border-color:#C7C7C7; color:#1A1311;}
.box-footer.clearfix > .pagination>li.active>a{background-color:#114572; border-color:#114572; color:#fff;}
.box-footer.clearfix > .pagination>li:hover>a{border-color:#114572; color:#114572;}
.box-footer.clearfix > .pagination>li:hover.active>a{background-color:#114572; border-color:#114572; color:#fff;}

/* table-style-h */
table.table-style-h{border:0px none; margin:0px; margin-bottom:0px;}
table.table-style-h thead th{padding:10px 0px 10px 15px; border:0px none; border-top:1px solid #e6e6e6 !important; border-bottom:1px solid #e6e6e6 !important; background-color:#f5f5f5;}
table.table-style-h tbody td {padding:10px 0px 10px 15px; border:0px none; border-bottom:1px solid #DFE2E8;}
table.table-style-h tbody td table.table-style-h tbody td {border:0px none; border-bottom:1px solid #DFE2E8;}
table.table-style-h tbody td.borderNone{border:0px none;}
table.table-style-h tbody td.borderNone table.table-bordered{border:0px none; margin-bottom:0px;}
table.table-style-h tbody td.borderNone table.table-bordered td.borderLR{border-left:1px solid #DFE2E8; border-right:1px solid #DFE2E8;}
table.table-style-h tbody td a{color:#114572; text-decoration:underline;}

/* table-style-h */
table.table-style-w{border:0px none;}
table.table-style-w tbody th{background-color:#F6F6F6; border:0px none; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 15px 10px 15px;}
table.table-style-w tbody th .fa-calendar{display:none;}
table.table-style-w tbody td{border:0px none; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:10px 15px 10px 15px;}
table.table-style-w tbody td pre{margin-bottom:0px; padding:8px 12px;}
table.table-style-w tbody td .col-md-12.col-flex{display:flex; align-items:center; width:100%; flex-wrap: wrap;}
table.table-style-w tbody td .col-md-12.col-flex select{min-width:80px; border-radius:3px;}
table.table-style-w tbody td .col-md-12.col-flex input[type="text"]{margin-right:5px; width:100%;border-radius:3px;}
table.table-style-w tbody td .col-md-12.col-flex label{font-weight:400;min-width:19px;margin-top:6px;}

.box.box-success table.table-style-h thead th{background-color:#EFF7FF;}
.box.box-warning table.table-style-h thead th{background-color:#FFF5EF;}

input.btn-default{font-size:14px; outline:none; background-color:#fff; border:1px solid #C7C7C7; color:#1A1311;}
input.btn-default:hover{background-color:#f5f5f5;}

.box-footer{border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top:1px solid #E6E6E6; padding:12px 20px; display:flex;}
.box-footer > .col-sm-10.form-group.form-horizontal{width:calc(100% - 48px); padding-left:0px; margin-bottom:0px;}
.box-footer > .col-sm-10.form-group.form-horizontal .col-sm-7{width:75%; padding-right:0px;}
.box-footer > .col-sm-10.form-group.form-horizontal .box-tools.pull-right{white-space:nowrap;}

.sidebar-menu li.treeview > a{position:relative;}
.sidebar-menu li.treeview > a .fa-folder{display:none;}
.sidebar-menu li.treeview > a > .pull-right-container{left:30px; right:inherit;}
.sidebar-menu li.treeview > a > .pull-right-container .fa-angle-left{transform: rotate(-180deg); transition:all 0.3s;}
.sidebar-menu li.treeview.active > a > .pull-right-container .fa-angle-left{transform: rotate(-90deg);}
.sidebar-menu li.treeview > a > .fa-folder + span{padding-left:22px; display:block; white-space:break-spaces;}
.skin-blue .sidebar-menu>li>.treeview-menu{background-color:#0E3B61;}
.skin-blue .sidebar-menu>li>.treeview-menu{padding-left:0px;}
.skin-blue .sidebar-menu>li>.treeview-menu > li > a{padding:7px 5px 14px 52px; color:#91B1CE; white-space:normal;}
.skin-blue .sidebar-menu>li>.treeview-menu > li > a:hover{color:#fff;}
.skin-blue .sidebar-menu>li>.treeview-menu > li > a .fa-circle-o{display:none;}

/*td 줄바꿈 방지 설정*/
td.no-wrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*하위 테이블 스크롤처리 inline에서 height 지정 필요*/
.tableScroll{margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden}

.changed {
    background-color: orange !important;
}

.btn-select {
    background-color: #fff;
    border : 1px solid #ccc;
    border-radius: 0;
}

@media (min-width: 1500px) and (max-width: 1550px) {
    .main-header .navbar { flex-direction: column; align-items: flex-start;}
    .main-header .navbar .navbar-toggle {
        display: block;
        position: absolute;
        right: 30px;
        top: 26px;
        padding: 0;
    }
    .main-header .navbar .navbar-toggle .fa-bars:before {
        content: '';
        display: inline-block;
        width: 23px;
        height: 23px;
        background: url(../images/imgicon/icon_toggleAll.png) no-repeat;
    }
    .main-header .navbar .navbar-custom-menu {
        position: absolute;
        right: 72px;
        top: 20px;
        margin: 0;
    }
    .main-header .navbar .navbar-collapse {width: 100%;}
    .main-header .navbar .navbar-collapse .nav {
        float: none;
        margin: 0 auto;
        display: flex;
        text-align: center;
        justify-content: center;
        flex-wrap: wrap;
    }
    .main-header .navbar .navbar-collapse .nav > li {float: initial;}
    .main-header .navbar .navbar-collapse.collapse {display: none !important;}
    .main-header .navbar .navbar-collapse.collapse.in {
        display: block !important;
        transition: all .3s ease-in-out;
    }
}

@media (max-width: 1499px) {
    .main-header .navbar{flex-direction: column; align-items: flex-start;}
    .main-header + .content-wrapper > .container{width:840px;}
    .main-header + .content-wrapper > .container .content{padding:0px 30px;}
    .flex_layout{flex-direction: column;}
    .main-header + .content-wrapper > .container .content .h1_subText + .flex_layout{flex-direction:row;}
    .main-header + .content-wrapper > .container .content .h1_subText + .flex_layout .article_item01{width:calc(50% - 15px);}
    .flex_layout .article_item01{width:100%;}
    .flex_layout .article_item01:first-child{margin-bottom:10px;}
    .flex_layout .article_item02{flex-direction:column; height:auto; border:0px; border-radius:0px; background-color:transparent;}
    .flex_layout .article_item02 li{height:100px; border:1px solid #E6E6E6; border-radius:10px; margin-bottom:30px;}
    .flex_layout .article_item02 > li:nth-child(1){background-color:rgba(215,178,130,0.20);}
    .flex_layout .article_item02 > li:nth-child(2){width:100%; background-color:#fff;}
    .flex_layout .article_item02 > li:nth-child(3){background-color:rgba(170,188,207,0.25);}
    .flex_layout .article_item02 > li:nth-child(3) > a{color:#114572;}
    .flex_layout .article_item02 > li:last-child{margin-bottom:0px;}
    .flex_layout .article_item03{width:100%;}
    .flex_layout .article_item04{width:100%; margin-top:30px;}
    .main-header .navbar .navbar-toggle{display:block; position: absolute; right: 30px; top: 26px; padding:0px;}
    .main-header .navbar .navbar-toggle .fa-bars:before{content:''; display:inline-block; width:23px; height:23px; background:url(../images/imgicon/icon_toggleAll.png) no-repeat;}
    .main-header .navbar .navbar-custom-menu{position: absolute; right: 72px; top: 20px; margin:0px;}
    .main-header .navbar .navbar-header{position: absolute; left: 0px; top: 10px; margin:0px;}
    .main-header .navbar .navbar-collapse{ width:100%;}
    .main-header .navbar .navbar-collapse .nav{float: none; margin: 0px auto; display:flex; text-align: center; justify-content:center; flex-wrap: wrap;}
    .main-header .navbar .navbar-collapse .nav > li{float:initial;}
    .main-header .navbar .navbar-collapse.collapse{display:none !important;}
    .main-header .navbar .navbar-collapse.collapse.in{display:block !important; transition:all .3s ease-in-out;}
    .col-md-6{width:50%;}
    .col-md-5{width:100%;}
    .col-md-7{width:100%;}
    .col-md-8{width:100%;}
}

@media (max-width: 992px) {
    .content-header > .breadcrumb {
        float: right;
        background: transparent;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px;
        padding: 0;
        position: absolute;
        top: 36px;
        right: 30px;
        border-radius: 5px;
    }
    .box-header>.box-select{width:100%; margin-top:18px;}
    .box-header>.box-select div.col-lg-5.col-md-5{width:75%; padding-right:0px; float:left;}
    .col-md-12{width:100%; float:left;}
    .col-md-12 .col-md-3.col-sm-4{width:25%; float:left;}
    .col-md-12 .col-md-9.col-sm-8{width:75%; float:left;}
}

@media (max-width: 767px) {
    .main-header{max-height:153px;}
    .fixed .content-wrapper, .fixed .right-side {
        padding-top: 153px;
    }
    .main-sidebar, .left-side {
        padding-top: 153px;
    }
    .col-md-6 {
        width: 100%;
    }
    .col-md-8 {
        width: 100%;
    }
    .form-horizontal .control-label{float:left;}
    .col-lg-8{float:left;}
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-sidebar {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0px !important;
        z-index: 850;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-left: 0px !important;
        z-index: 840;
    }
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 0px;
        padding: 0px;
    }
    .sidebar-mini.sidebar-collapse .main-header .navbar {
        margin-left: 0px;
    }
}

/* 사용신청 페이지에서 적용 */

.signup-page {
    margin-top: 3%;
}

.signup-page .form-control {
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 400px;
}

.signup-page .box {
    background: #fff;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.signup-page .box-header h3 {
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
}

.signup-page label.control-label {
    font-weight: 500;
    color: #444;
}

.signup-page .inline {
    display: inline-block;
    margin-right: 10px;
}

.signup-page .btn {
    border-radius: 6px;
    padding: 8px 16px;
    font-size: 14px;
}

.signup-page .btn-primary {
    background-color: #007bff;
    color: white;
    border: none;
}

.signup-page .btn-primary:hover {
    background-color: #0056b3;
}

.signup-page .btn-default {
    background-color: #e4e4e4;
    color: #333;
    border: none;
}

.signup-page .btn-default:hover {
    background-color: #d0d0d0;
}

.signup-page #password + span {
    display: inline-block;
    margin-left: 10px;
    color: red;
    font-size: 0.9em;
}


.form-check {
    display: block;
    min-height: 1.5rem;
    /*padding-left: 1.5em;*/
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: right;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1.2em;
    /*margin-top: .25em;*/
    margin: 0 !important;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    outline: none !important;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: .5
}

.form-switch {
    /*padding-left: 2.5em*/
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-switch .form-check-input {
    width: 2.2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")*/
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
    border-color: #198754
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #198754
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    /*box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)*/
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: #198754
}

.form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    border-color: #dc3545
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
    background-color: #dc3545
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
    /*box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)*/
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

/* 회원가입 약관 에서 적용 */

.subframe {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.login-logo {
    text-align: center;
    font-size: 24px;
    color: #333333;
    margin-bottom: 30px;
}

.top-content .sub_title {
    font-size: 28px;
    font-weight: bold;
    color: #1f619d;
    padding-bottom: 15px;
    border-bottom: 3px solid #1f619d;
    margin-bottom: 20px;
}

.table_title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px;
}

.termsList {
    border: 1px solid #dddddd;
    padding: 30px;
    background-color: #ffffff;
    max-height: 450px;
    overflow-y: auto;
    margin-bottom: 25px;
}

.terms-item {
    font-size: 14px;
    line-height: 1.8;
    color: #666666;
}

.checkGroup {
    display: flex;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 15px;
    color: #555555;
}

.checkGroup label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkGroup .checkLabel {
    margin-left: 8px;
}

.agreeBtnGroup {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 30px;
}

.agreeBtnGroup .agreeBtn {
    width: 280px;
    height: 55px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.agreeBtnGroup .agreeBtn.logmove {
    background-color: #0f4373;
    color: #ffffff;
}

.agreeBtnGroup .agreeBtn.logmove:hover {
    background-color: #0b3256;
}

.agreeBtnGroup .agreeBtn.sublogin {
    background-color: #4a75a0;
    color: #ffffff;
}

.agreeBtnGroup .agreeBtn.sublogin:hover {
    background-color: #3b5f84;
}

.terms-item table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}
.terms-item th, .terms-item td {
    border: 1px solid #eeeeee;
    padding: 10px;
    text-align: left;
}