.container {position: relative; width: 1150px; min-width:1150px; margin: 0 auto; }

/*-------------------------------------------------------------*/
/*                             해더                            */
/*-------------------------------------------------------------*/
.header {position: relative; height: 60px; line-height: 60px; vertical-align: middle; }
.header img {vertical-align: middle; padding-right:5px;}
.header .h-link {float:right; margin-left:20px; padding:0 10px; color:#000; font-weight:bold; font-size:16px;}

.title {position: relative; background: #21b0ae; padding: 40px 0; }
.title h1 {font-size: 32px; color: #fff; margin:0; margin-bottom:15px; font-weight:bold;}
.title h2 {font-size: 16px; color: #fff; margin:0; font-weight: normal; }
.warpper {position: relative; padding: 0; overflow: hidden; background-color:#f9f9f9;}

/*-------------------------------------------------------------*/
/*                           왼쪽메뉴                          */
/*-------------------------------------------------------------*/
.lnb-warpper {position:relative; float: left; width: 220px; background: none;}
.affix { top:10px; }
.affix-top { top:30px; }

/*메뉴1차*/
.lnb {position:relative; width: 220px;}
.lnb ul {list-style: none; }
.lnb ul > li {position: relative; line-height: 28px; margin-bottom:10px;}
.lnb ul > li > a {display: block; position: relative; text-decoration: none !important; padding: 0 10px; color: #333333; font-size: 15px; line-height: 28px;border-left:2px solid transparent;  }
.lnb ul > li.active > a {border: 0; color: #21b0ae; border-left:2px solid #21b0ae; }
.lnb ul li a:hover {color: #21b0ae; }

/*메뉴1차 선택시 2차메뉴*/
.lnb li.active ul {padding: 0px; border: none; padding:0; background: none; margin-bottom:10px; }
.lnb li.active li {position: relative; line-height: 24px; padding: 0px; background: none; margin:0; }
.lnb li.active li a {padding: 0 0 0 30px; font-size: 12px; line-height: 24px; color: #777;  background: none;}

.lnb li.active li.active {z-index: 2;}
.lnb li.active li.active a {font-size: 12px;  color: #21b0ae; border-left:2px solid #21b0ae;}


.lnb-banner {position:relative; width: 220px; margin-top:20px;}
.lnb-banner > li {display:block; margin-bottom:5px;}
.lnb-banner > li > a span {display:block; color:#21b0ae; text-decoration:none; padding:7px 10px; background:#fff; border:1px solid #ddd; border-left:3px solid #21b0ae; border-radius:3px;}
.lnb-banner > li > a:hover span {background:#21b0ae;border:1px solid #21b0ae; border-left:3px solid #21b0ae; color:#fff;}



/*-------------------------------------------------------------*/
/*                             본문                            */
/*-------------------------------------------------------------*/

.contents {position:relative;  float: right;  width: 900px;  background: #fff; border-left:1px solid #eee;border-right:1px solid #eee; padding:30px 20px;}
.g-section {padding: relative; padding:0; margin:0; margin-bottom:70px;}
.g-section h1 {font-size:36px; border-bottom:1px solid #eee; line-height:1.1; margin:0; padding-bottom:10px; margin-bottom:10px;font-weight:500;}
.g-section h2 {font-size:16px; color:#f54f62; font-weight:500;}
.g-section .lead {font-size:18px; margin-bottom:20px; font-weight:300; line-height:1.4;color:#333;}
.g-section h3 {font-size:22px; margin-top:30px; margin-bottom:10px; font-weight:500; line-height:1.1;}
.g-section p {font-size:13px; line-height:1.7; color:#605959; margin-bottom:10px; padding-left:5px;}

.g-section .highlight {clear:both; padding: 10px; margin-bottom: 15px; background-color: #fff; border: 1px solid #e3e3e3; border-radius: 4px; overflow:hidden;}
.g-section .highlight.bg-gray {background-color: #f9f9f9;}
.g-section .highlight p {color:#e4007f; font-size:12px; letter-spacing:0; line-height:22px; padding:3px 5px; margin:0;}

.g-section .highlight ul {float:left;}

.gototop {width:45px; height:45px; line-height:45px;display:block; position:fixed; bottom:20px; right:30px; background:rgba(0,0,0,0.3); z-index:1000; cursor:pointer; color:#fff; text-align:center;  font-size:12px; border-radius:50%; text-decoration:none;}
.gototop:hover { background:rgba(0,0,0,0.6); color:#fff;text-decoration:none;}

/*모달팝업*/

.guide-modal {-webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; overflow:hidden; width:800px;}
.guide-modal .modal-head {padding:10px 15px; margin:0; background:#e4007f; color:#fff; font-size:16px; font-weight:bold; }
.guide-modal .modal-body {padding:20px 5px; background:#fff; max-height:700px; overflow:hidden; overflow-y:auto;}
.guide-modal h2 {font-size:15px; background:url(/html/img/sub/bullet.png) left center no-repeat; font-weight:bold; line-height:30px; margin:0; text-indent:25px;  margin-bottom:10px; color:#555;} 
.guide-modal p {font-size:13px; margin:0; padding:3px 5px; color:#e4007f; line-height:22px;} 
.button.b-close, .button.bClose {box-shadow: none;  font: bold 131% sans-serif; padding: 0 6px 2px 6px; position: absolute; right: 10px;  top: 6px; cursor:pointer;}

.modal-button {background:#ffdc39;  color:#000; padding:3px 5px;}


/*-------------------------------------------------------------*/
/*                            푸터                             */
/*-------------------------------------------------------------*/
.footer {position: relative; text-align: center; line-height: 20px; color: #999; padding: 20px; border-top: 1px solid #e3e3e3 }