@charset "utf-8";


.subSection {    max-width: 1200px;   width: 100%;    margin: 0 auto 50px;    position: relative;   
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.side_use {
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.side_use.subSection {    padding-right: 0;    padding-top: 0;}


/* 페이지 인텍스메뉴 */
.subSection .navigator {position:relative;float:left; width:100%;
    height: 50px;
    margin-top:-25px;
    
}
.subSection .navigator.fixed .lstwrap {
    position: fixed;/* scroll top lcation --------------------------- */
    top: 0px; padding-top:0px;
    left: 0;    right: 0;    z-index: 9; width:100%;  max-width:100%;   border-bottom:1px solid #ddd;
}

.subSection .navigator.fixed .lstwrap  ul > li a { color:#444;  }

.subSection .navigator.fixed .lstwrap .list {    padding: 0 10px;}
.subSection .navigator .lstwrap {   height: 50px;    max-width: 1200px;    position: relative;  margin:0 auto;   z-index: 1;}
.subSection .navigator .lstwrap ul { text-align:center;border-right:1px solid #dedede;
    height: 50px;    margin: 0 auto;    max-width: 1200px;    width: 100%;  background:#fff;    display: table;    table-layout: fixed;
    border-top: 0px solid #e1e1e1;
    border-bottom: 0px solid #e1e1e1;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.subSection .navigator .lstwrap ul > li { margin-left:0;cursor:pointer;
    display:table-cell; 
    width:16.7%;
    vertical-align: top;
}
.subSection .navigator .lstwrap ul > li:first-child {
    border-left: 0px solid #e1e1e1;
}
.subSection .navigator .lstwrap ul > li a {
    display: block; 
    position: relative;
    padding:13px 0;
    line-height:22px;
	border:1px solid #dedede; border-right:0;
    text-align: center;
	color:#555;
	font-size: 17px; 
}
.subSection .navigator .lstwrap ul > li a.on,
.subSection .navigator .lstwrap ul > li a:hover {
    color: #fff;
	background:#e1558a;border:1px solid #e1558a; border-right:0;
}
.subSection .navigator .lstwrap ul > li a.on:before,
.subSection .navigator .lstwrap ul > li a:hover:before {
    width: 100%;
   
}
.subSection .navigator .lstwrap ul > li a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
	color:#555;
}
.subSection .navigator .lstwrap ul > li a:before {
    content: "";    position: absolute;    bottom: 0px;    height:0px;    left: 50%;    width: 0;    margin-left: 0;
    background-color: #f79320;
    transition: width 0.1s, left 0.1s;
    -webkit-transition: width 0.1s, left 0.1s;
}
.subSection .navigator .lstwrap ul > li a em { display: inline-block;  vertical-align: middle;}
.subSection .navigator .lstwrap .lnkTop {
    width: 0px;
}
.subSection .navigator .lstwrap .lnkTop a {
    font-size: 12px !important;
    color: #fff !important;
}
.subSection .navigator .lstwrap .lnkTop a:before {
    display: none;
}
.subSection .navigator .lstwrap .lnkTop a em:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 9px;
    height: 5px;
    background: url('/assets/images/common/icons.png') no-repeat -400px -100px;
    position: relative;
    top: -1px;
}


@media screen and (max-width:1200px){
 .subSection .navigator .lstwrap ul > li a {font-size: 15px; }

}

@media screen and (max-width:977px) {
.subSection .navigator { display:none;}

}



/* 페이지 상세 */
.section {
	margin-top:0px;
}
/
/*  */
.sectionList > li {
	padding-top:49px;
}

.sectionList > li .section {
	margin-top:0;
    border-top: 0px solid #e1e1e1;
    padding-top: 0px;
}
.sectionList > li:first-child .panel:first-child .section {
    border-top: 0;
}

.sectionList .section .personal {
    padding: 0;
}
.sectionList .section {
    position: relative;
}
.sectionList .section:after {
    content: "";
    display: block;
    clear: both;
}