/*
    Common Css
*/
body, header, footer, nav {padding:0;margin:0;}
ol, ul, li {list-style-type:none;}
p, div, ul, ol, li, img,a {padding:0;margin:0;}


/* 
    Layout Css
*/
body {
    padding-top:50px;
}
#wrapper {
  padding: 30px 0;
}

/*
    Full page class
*/

hr.line {border-color:#eee;margin:0;padding:0;}
.full-line {padding:20px 0;}
.background-gray {background-color:#f8f8f8}
.background-white {background-color:#fff}
.background-o365 {background-color:#d83b01}
.full-line h3 {}
.full-line p.dscr {}
.full-line img {max-height:400px;}

/*
    Button Css
*/
.btn-o365 {background-color:#d83b01;border-color:#fff;}
.btn-o365:hover,.btn-o365:active,
.btn-o365:focus,.btn-o365:focus:active {background-color:#fff;border-color:#fff;color:#d83b01;}
.btn-o365-lg {height:60px;width:300px;}
.btn-extend {padding-left:30px;padding-right:30px;}

@media all and (max-width:767px) {
    .btn-o365 {width:100%;}
}

/*
    Navbar Css
*/
.navbar {margin-bottom:0;}
@media (min-width: 768px) {
  .navbar-nav{float:right;  }
}
.navbar-inverse {background-color:#fff;border:none;border-bottom:1px solid #eee;font-size:13px;}
.navbar-brand {padding:0;}
.navbar-brand img {max-height:50px;}
.navbar-header .sub-logo {display:block;height:50px;line-height:50px;vertical-align:middle;margin-left:20px;}
.navbar-header .sub-logo img.logo {max-height:40px;vertical-align:middle;max-width:170px}
@media all and (min-width:768px) {
    .navbar-header {min-width:300px;}
}

/* 상단 폰트, 배경*/
.navbar-inverse .navbar-nav > li > a {
  color: #6c6c6c;font-weight:bold;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ec1d54;
  background-color: transparent;
}

.navbar-inverse .navbar-nav > li.active > a {color: #fff;background-color: #808080;}
.navbar-inverse .navbar-nav > li.active > a:hover,
.navbar-inverse .navbar-nav > li.active > a:focus {
  color: #fff;
  background-color: #5f5d5d;
}

/* 상단 폰트 : 토글버튼 */
.navbar-inverse .navbar-toggle {
  border-color: #fff;
  background-color: #fff;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #f9f9f9;
}
.navbar-inverse .navbar-toggle .icon-bar {background-color:#000}

li.big-only {display:none;}
li.small-only {display:block;}
@media all and (min-width:768px) {
    li.big-only {display:block;}
    li.small-only {display:block;}/*none*/
}


@media all and (max-width:767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {color: #6c6c6c;font-size:13px;}
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #e55c28;}
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {background-color: #dfdfdf;}
}

#toTop
{
    z-index:1000;
	width: 100px;
	position: fixed;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
	display: none;
	filter: alpha(opacity=60);
}


/*
    Copyright Css
*/
footer {margin:20px 0 30px 0;}
.copyright {padding:0 20px;margin:0 auto;max-width:730px;}
.copyright-logo {float:left;margin-bottom:10px;}
.copyright-logo img {max-height:50px;margin-right:25px; }
.copyright-text {float:left;font-size:11px;color:#666666;font-family:Dotum;}
.copyright-text a {color:#666666;text-decoration:none;letter-spacing:-1px;}
.copyright-text a:hover {text-decoration:underline;}
.copyright-text ul.link {}
.copyright-text ul.link li.start {padding-left:0px;}
.copyright-text ul.link li {float:left;left:-1px;background:url(../Images/link_bar.gif) right 5px no-repeat;vertical-align:baseline;white-space:nowrap;padding:0 6px 0 4px;}
.copyright-text ul.link li.end {background-image:none;}
.copyright-text div.info {clear:both;color:#888;padding-top:3px;}
.copyright-text div.info strong {color:#d83b01;}



/*
    Page Common Css
*/
h4.page-title {font-weight:bold;color:#000;}
hr.page-title-line {margin-top:0;border-color:#ccc;}

.bs-callout {padding:20px;margin:20px 0;border:1px solid #eee;border-left-width:5px;border-radius:3px;}
.bs-callout-warning {border-left-color:#aa6708;}
.bs-callout h4 {color:#aa6708;margin-top:0;margin-bottom:5px;font-size:18px;}


/*
    Paragraph, Text page
*/
.textpage {font-size:12px;font-family:Dotum;color:#666;}
.textpage p {color:#808080}
.textpage .text-body {margin:10px 20px;}
.textpage h5 {font-weight:bold;color:#d83b01;padding:20px 0 0 0;margin-top:10px;font-size:12px;}
.textpage h6 {font-weight:bold;color:#666666;font-size:12px;}
.textpage .text-body p {padding:10px;}
.textpage .text-body p.link {line-height:150%;}


/*
    Form page
*/
.form {max-width:600px;margin:0 auto;}
.form .btn-default {min-width:100px;}

span.label {font-size:12px;letter-spacing:1px;}


/*
    Guide page
*/
img.guide {border:3px solid #8A8B8B}
p.block {margin-bottom:20px;}

.container-fluid .textpage {max-width:856px;}
.container-fluid .textpage .alert {margin-top:10px;margin-bottom:30px;}

/*
    Admin page
*/
.container-fluid .formpage {max-width:856px;}