@charset "utf-8";

body { min-width: 1000px; font-family: Malgun Gothic, sans-serif; background-color: #f7f7f7; position: relative; margin: 0px; padding: 0px; font-size: 12px;}
a{display: inline-block;}

/* icon - png로 대체 */
.glyphicon-refresh{height: 1em; background: url(/images/icon/icon_refresh.png) no-repeat; background-size: cover; margin:0 1px;}
.glyphicon-refresh:before{content: ""}
.glyphicon-cog{height: 1em; background: url(/images/icon/icon_cog2.png) no-repeat; background-size: cover; margin:0 1px;}
.glyphicon-cog:before{content:"";}
.glyphicon-time{height: 1em; background: url(/images/icon/icon_time.png) no-repeat; background-size: cover; margin:0 1px;}
.glyphicon-time:before{content:"";}
.glyphicon-calendar{height: 1em; background: url(/images/icon/icon_calendar.png) no-repeat; background-size: cover; margin:0 1px;}
.glyphicon-calendar:before{content:"";}
.glyphicon-remove-circle{height: 1em; background: url(/images/icon/icon_remove.png) no-repeat; background-size: cover; margin:0 1px;}
.glyphicon-remove-circle:before{content:"";}
.glyphicon-play{height: 1em; background: url(/images/icon/icon_play.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-play:before{content:"";}
.glyphicon-forward{height: 1em; background: url(/images/icon/icon_forward.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-forward:before{content:"";}
.glyphicon-fast-forward{height: 1em; background: url(/images/icon/icon_fastforward.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-fast-forward:before{content:"";}
.glyphicon-step-forward{height: 1em; background: url(/images/icon/icon_stepforward.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-step-forward:before{content:"";}
.glyphicon-backward{height: 1em; background: url(/images/icon/icon_backward.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-backward:before{content:"";}
.glyphicon-fast-backward{height: 1em; background: url(/images/icon/icon_fastbackward.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-fast-backward:before{content:"";}
.glyphicon-step-backward{height: 1em; background: url(/images/icon/icon_stepbackward.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-step-backward:before{content:"";}
.glyphicon-pause{height: 1em; background: url(/images/icon/icon_pause.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-pause:before{content:"";}
.glyphicon-stop{height: 1em; background: url(/images/icon/icon_stop.png) no-repeat; background-size: cover; top: 3px}
.glyphicon-stop:before{content:"";}



/* ============
  서빈추가 - 공통
  ============= */
.btn{cursor: pointer}
.pt-0{padding-top:0 !important;}
.pl-0{padding-left:0 !important;}
.pr-0{padding-right:0 !important;}
.pr-5{padding-right:0 !important;}
.pb-0{padding-bottom:0 !important;}
.mt-0{margin-top:0 !important;}
.mt-7{margin-top:7px !important;}
.ml-0{margin-left:0 !important;}
.mb-0{margin-bottom:0 !important;}
.mr-0{margin-right:0 !important;}
.border-top{border-top: 1px solid #ccc;}
.border-right{border-right: 1px solid #ccc;}
.border-bottom{border-bottom: 1px solid #ccc;}
.border-left{border-left: 1px solid #ccc;}
.left{float: left;}
.right{float: right;}
.color-red{display: inline-block; color: red}
.navbar-nav > li > a{color: #fff; font-size: 14px; letter-spacing: -0.3px;}
.navbar-nav > li > a:hover{color: #000;}
.navbar-nav > li > a:focus{color: #000;}
.navbar-nav > li a.on{color:#428bca;}
p.result{color: red; float: left; padding-left: 15px; line-height: 23px; margin-top: 6px; top: 0 !important;}
span.i{float: left; line-height: 2.8;}
span.em{display: inline; color: red; position: relative; top: 3px;}
.upload-thumb-name{color: #A94442; font-size: 13px; margin-bottom: 5px;}
.upload-thumb-name ~ img {clear: both; max-width: 100%;}
.upload-addfile-name{display: inline-block; width: 260px; color: #A94442; font-size: 13px; position: relative; top: 10px; margin-left: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap}
.addFile-input{float: left;}
.bfh-datepicker{cursor: pointer;}
select{cursor: pointer;}


.table{}
.table tr{}
.table tr th{font-weight: bold;}
.table tr td, .table tr th{padding:10px 8px !important; text-align: center;}
.table tr td.tit{text-align: left; vertical-align: middle;}
.table tr td.tit a{max-width: 550px; margin-left: 20px;}

.btn-area{}
.btn-area::after{clear: both; display: block;}
.btn-area button.btn-inquiry{width: 100px; float: right;}
.btn-area button.btn-remove{float: left;}
.btn-area button.btn-signup{float: right;}

.layer-pop{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7);}
.layer-pop .layer-box{max-width: 1024px; position: relative; margin:auto; top: 10%; text-align: center;}
.layer-pop .layer-box .contents{display: inline-block; position: relative; padding:40px; margin-top: 20px; background: #fff;}
.layer-pop .layer-box .contents .pop-layer-close{position: absolute; top: 0; right: 10px; font-weight: bold; color: #000; font-size: 30px;}
.layer-pop .layer-box .contents img{max-width: 1024px; margin:auto;}


/* ===========================
   header | Logo & Navigation
============================== */
header{ height:60px; background-color: #000;}
header .row{margin:0;}
header .logo{}
header .logo h1{padding:0 10px; text-indent: -9999em; overflow: hidden;}
header .logo h1 a{display: block; height: 60px; padding: 18px 0; position: relative; top: -13px;}
header .logo h1 a img{ width: 120px;}

header .head-row{text-align: center;}

header .container{width: 100%;}
header .form{ margin-top:10px; width:100%; max-width:300px; margin:10px auto;}
header .navbar *{ box-shadow:none !important;}
header .navbar .label{ font-size:12px; padding:4px 8px; margin:0px 2px; border-radius:15px !important;}

header .navbar-nav{margin-top: 11px;}
header .navbar{background:none !important; border:0px !important;}
header .navbar i{ margin-right:3px}
header .navbar .nav > li > a{ color:#fff !important; font-size:13px !important; border-bottom:0px !important; margin-top:0px !important; font-weight:bold;}
header .navbar-nav>.open>a,header  .navbar-nav>.open>a:hover,header  .navbar-nav>.open>a:focus { background:none !important;}
header .navbar-collapse{ border:0px !important;}
header .gnb.navbar-collapse{padding:0 !important;}
header .navbar-header{width:43px; margin:0 auto;}
header .navbar-header button{color:#fff !important; padding:5px 10px;}
header .navbar-toggle{background-color: #1dc1da !important; border:1px solid #0fa6bc !important;}
header .navbar-toggle:hover, header .navbar-toggle:focus {background-color: #0fa6bc !important; border:1px solid #0fa6bc !important;}

header .dropdown-menu{border-radius:6px !important; background:#fff !important;}
header .dropdown-menu li{
   font-size:13px;
   padding:6px 15px;
   border-bottom:1px dashed #f3f3f3;
}

header .dropdown-menu li a {
   color:#888;
   padding-left:0px !important;
}

header .dropdown-menu li:last-child{
   border:0px;
}

header .dropdown-menu li a:hover{
   background:none !important;
   color:#666 !important;
   border:0px !important;
}

header .dropdown-big{
   min-width:300px;
}

header .dropdown-big .dropdown-head{
   padding:7px 15px;
   background:#fcfcfc;
   border-bottom:1px solid #ddd;
   margin-top:-5px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
}

header .dropdown-big .dropdown-title{
   font-size:13px;
   font-weight:bold;
   color:#999;
}

header .dropdown-big .dropdown-body{
   background:#fff;
}

header .dropdown-big .dropdown-foot{
   padding:7px 15px;
   background:#fcfcfc;
   border-top:1px solid #ddd;
   margin-bottom:-5px;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
   font-size:12px;
}

header .dropdown-big .dropdown-foot a{
   color:#888;
}

header .dropdown-big .dropdown-foot a:hover{
   color:#555;
   border-bottom:0px;
}

header .navbar-nav .caret{
   border-top-color:#fff !important;
   border-bottom-color:#fff !important;
}

header .navbar-nav>.open>a .caret,header  .navbar-nav>.open>a:hover .caret,header  .navbar-nav>.open>a:focus .caret {
   border-top-color: #fff !important;
   border-bottom-color: #fff !important;
}

header .pb-logo{width: 250px; float: left; padding:0 15px;}
header .pb-gnb{display: inline-block; width: 610px; margin:auto; padding:0 15px;}
header .pb-account{float: right; padding:0 15px;}



/* ====================
    sub 페이지 공통
==================== */
.sub-page{min-height: 1160px; margin-top: 20px; padding-bottom: 80px;}

.sub-page h3{margin-top: 25px; padding-bottom: 25px; font-size: 16px; border-bottom: 1px solid #333; font-weight: 600;}
.sub-page .row{padding:0; margin: 0;}
.sub-page .row-top{margin-top:25px;}
.sub-page .row-bottom{padding-bottom: 25px; border-bottom:1px solid #333;}

.sub-page .aside-nav{clear: both;}
.sub-page .aside-nav ul li{float: none;}
.sub-page .aside-nav ul li a{}
.sub-page .aside-nav ul li a:hover{}
.sub-page .aside-nav ul li a.on{color: #428bca;}
.select2-container--default .select2-search--inline .select2-search__field{line-height: 1.3; padding-bottom: 3px;}


/* =======
   Footer
========== */
footer{width: 100%; background-color:#000; color:#fff; font-size:14px; line-height:25px; padding:10px 0px 10px 0px;}
@media screen and (min-height:1024px) {
   /*footer{position: fixed; bottom: 0px; left: 0;}*/
}

footer a{ display: inline-block; color:#eee; text-decoration:none;}
footer a:hover{color:#aaa;}
footer hr{ margin-top: 10px; margin-bottom: 10px; border-top: #000 1px solid; border-bottom: #212121 1px solid;}
footer .copy{ font-size:13px; margin:15px 0px;}