﻿/*부트스트랩css*/
label.radio-inline {margin-left:0 !important; margin-right:10px;}

/*기본폭*/
body > div.container {max-width:980px !important}
@media (min-width: 1200px) { body > div.container { width: 980px; } }

/*상단*/
.layout-head ul { padding-left: 0; margin-bottom: 0; list-style: none; }
.layout-head ul li { display:inline-block; }
.layout-head ul a { display: block; letter-spacing:-1px; } /*position: relative;*/
.layout-head ul a:hover, .layout-head ul a:focus { text-decoration: none; background-color: #eee; }

.layout-head {position:relative}
.layout-head div.layout-logo {margin-top:20px;}
.layout-head div.layout-search {position:absolute; width:230px; left:230px; top:20px;}
.layout-head div.layout-search form {position:relative;}
.layout-head div.layout-search form input {width:100%; border:2px solid #0e60af;padding:5px 30px 5px 5px;}
.layout-head div.layout-search form button {position:absolute; border:none; padding:5px; right:5px; top:3px; color:#0e60af;}
.layout-head div.layout-notice {position:absolute; top:48px; right:15px; color:#f63; font-size:12px; letter-spacing:-1px;}
.layout-head ul.layout-baro {position:absolute; right:5px; top:10px;}
.layout-head ul.layout-baro a {color:#333; padding: 8px 10px;}
.layout-head div.layout-mobaro {display:none;}
.layout-head ul.layout-menu {background-color:#0e60af; margin-top:20px; padding:3px; text-align:center; }
.layout-head ul.layout-menu a {color:#cef; font-size:15px; padding: 8px 12px; font-weight:bold}
.layout-head ul.layout-menu a:hover, .layout-head ul.layout-menu a:focus { color:#0156a9; }
.layout-head ul.layout-momenu {display:none;}

.layout-head p.layout-side-left {position:absolute; left:-95px; top:120px; }
.layout-head p.layout-side-right {position:absolute; right:-95px; top:120px;}

@media (max-width: 991px) {
    .layout-head ul.layout-baro {display:none;}
    .layout-head div.layout-search {width:150px; left:unset; top:78px; right:19px !important;}
    .layout-head div.layout-notice {display:none}
    .layout-head div.layout-mobaro {display:block; position:absolute; right:15px; top:20px;}
    .layout-head div.layout-mobaro button {padding:0; font-size:24px; margin-left:15px;}
    .layout-head ul.layout-menu {display:none}
    .layout-head ul.layout-momenu { display:block; background-color:#0e60af; margin-top:20px; padding:3px 3px 3px 10px}
    .layout-head ul.layout-momenu a {color:#cef; font-size:15px; padding: 8px; font-weight:bold; }
    .layout-head ul.layout-momenu a:hover, .layout-head ul.layout-momenu a:focus { color:#0156a9; }
    .layout-head p.layout-side-left, .layout-head p.layout-side-right {display:none}
}

/*본문*/
.layout-body {margin-bottom:50px}

/*링크*/
.layout-open > div {display:table; width:100%; padding-top:1px; color:#999; border-top:1px solid #ccc;}
.layout-open > div a	{color:#0072bc; letter-spacing:-1px; text-decoration:none}
.layout-open > div a:hover	{text-decoration:underline;}
.layout-open > div dl	{display:table-cell; padding:0 2px; border-left:1px solid #ccc;} /*float:left;*/
.layout-open > div dl:nth-child(5n+1) {width:14%; padding-left:0; border-left:none;}
.layout-open > div dl:nth-child(5n+2) {width:25%}
.layout-open > div dl:nth-child(5n+3) {width:21%}
.layout-open > div dl:nth-child(5n+4) {width:18%}
.layout-open > div dl:nth-child(5n+5) {width:22%; padding-right:0}
.layout-open > div dl dt	{padding:4px 0px 5px 8px; margin-bottom:3px; background-color:#e7ecf6; color:#294675; font-weight:bold;}
.layout-open > div dl dd	{display:table; padding-left:8px;padding-top:3px;}
.layout-open > div dl dd ul	{display:table-cell; margin-top:-3px; list-style:none; padding:0} /*float:left;*/
.layout-open > div dl dd ul li {padding-top:3px;}
.layout-open > ul {margin:0; padding:20px 0; list-style:none; text-align:center}
.layout-open > ul li {display:inline-block; margin:10px}
@media (max-width: 991px) {
    .layout-open > div {display:none}
    .layout-open > ul {border-top:2px solid #b6cfed}
    .layout-open > ul li {margin:5px}
}

/*하단*/
.layout-foot {margin-bottom:20px}
.layout-foot hr {border-top:2px solid #b6cfed; margin-top:0; margin-bottom:10px}
.layout-foot ul {margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #eee}
.layout-foot ul li {display:inline-block; margin:3px 3px 3px 0; padding:3px 8px; border:1px solid #d0e0f0; background-color:#f3f7fb;}
.layout-foot ul li a {color:#333; text-decoration:none;}
.layout-foot ul li a:hover {color:#333; text-decoration:underline;}
.layout-foot > address p {padding-top:10px}
.layout-foot > address dl {margin-bottom:0;font-size:.9em}
.layout-foot > address dl > * {display:inline-block; color:#555; font-weight:normal;letter-spacing:-1px;line-height:1.8}
.layout-foot > address dd.bar {font-size:10px; color:#ccc; padding-left:5px; padding-right:5px;}