/*-------------------------------------------------------------*/
/*                               해더                          */
/*-------------------------------------------------------------*/

/*탑메뉴*/
#tnb {width:100%; position:relative; background-color:#ffffff; height:35px; padding:0;}
#tnb > div{border-bottom:1px solid #eee; overflow:hidden;}
#tnb ul {text-align:right; line-height:35px; font-size:0; }
#tnb ul.pull-left {text-align:left;}
#tnb ul li {display:inline-block; font-size:11px; line-height:14px; border-right:1px solid #eee; padding-right:10px; margin-right:10px; color:#999;}
#tnb ul li a {text-decoration:none; color:#999;}
#tnb ul li a:hover {text-decoration:none; color:#e82e2e;}
#tnb ul li.tnb-favorite {border:none; color:#dcdcdc;}
#tnb ul li.tnb-favorite a,
#tnb ul li.tnb-favorite i {color:#bbb;}

/*해더*/
#header {position:relative; z-index:999; margin:0;} /* IE7 z-index bug 해결 (상위요소에 z-index 적용) */
#header .h-search {float:left; width:35%;}
#header .logo {float:left; width:30%; text-align:center; height:90px; line-height:90px; margin-top:-7px;}
#header .logo img {line-height:90px; vertical-align:middle;}
#header .h-iconset {float:left; width:35%; text-align:right;}

#header .search-form {margin-top:22px;}
#header .search-form .form-control {width:200px;border:none; box-shadow:none;border:2px solid #e82e2e;}
#header .search-form .input-group-addon {padding:0;background:#e82e2e; border:none;}
#header .search-form button {background:#e82e2e; border:none; padding:10px 12px;}

#header .h-icon {display:inline-block; width:auto; height:35px; margin-top:25px; margin-left:5px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background-color:#777; background-repeat:no-repeat;overflow:hidden; white-space:nowrap; color:#fff; padding:5px 12px; line-height:25px; font-size:12px;}

#header .h-icon:hover {background-color:#e82e2e;}

/*-------------------------------------------------------------*/
/*                           메인메뉴                          */
/*-------------------------------------------------------------*/

.gnb-wrapper {position:relative; width:100%; margin-bottom:20px; box-sizing:border-box; background-color:#111;}
#gnb {overflow:hidden;}

/*1차메뉴*/
#gnb .gnb-1li {float:left;}
#gnb .gnb-1li > a {display:block; height:40px; line-height:40px;overflow:hidden; width:137.25px; font-size:14px; color:#eee; text-align:center;}
#gnb .gnb-1li > a:hover,
#gnb .gnb-1li:hover > a {color:#fff;}

/*풀다운2차메뉴*/

#gnb .gnb2 {position:absolute; display:none; width:1100px; box-sizing:border-box; left:0; overflow:hidden; z-index:9999; background:#fff; border:solid 1px #000; padding:0; margin:0;}

#gnb .gnb2 .gnb-2ul {float:left; width:80%; min-height:120px; padding:10px 0; background:url(/_img/inc/gnb-bg.png) repeat-y;} 
#gnb .gnb2 .gnb-2ul-img {float:right; text-align:right; width:20%; padding:0; border-left:1px solid #ececec;}
#gnb .gnb2 .gnb-2ul-img a {padding:0;}

#gnb .gnb2 .gnb-2ul div {float:left; width:25%; padding:0 1%; margin-bottom:20px;} 

#gnb .gnb2 .gnb-2li {padding:0; left:0; list-style:none; margin:0; line-height:30px;background:rgba(0,0,0,0.02);}
#gnb .gnb2 .gnb-2li:hover {background:#e82e2e;}
#gnb .gnb2 .gnb-2li a {display:block;padding:0 10px; font-size:13px; color:#777777; line-height:30px;}
#gnb .gnb2 .gnb-2li:hover a {text-decoration:none; color:#fff;}

#gnb .gnb2 .gnb-3li {width:100%; padding:0 10px;  list-style:none; margin:0; line-height:35px;}
#gnb .gnb2 .gnb-3li:hover:before {float:left; font: normal normal normal 14px/1 FontAwesome; font-size: 7px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  content: "\f111"; margin:0; margin-top:15px; margin-right:5px;color:#e82e2e;}

#gnb .gnb2 .gnb-3li a {display:block; font-size:12px; color:#888; line-height:35px;}
#gnb .gnb2 .gnb-3li:hover a {text-decoration:none; color:#e82e2e;}

#gnb .gnb2 .gnb-2ul div:nth-child(4n+1) {clear:both;} 

#gnb .gnb_pointer {position:absolute; text-align:center; margin-left:60px; top:0; z-index:99999;}
#gnb .gnb_pointer:before { content: ''; position: absolute; border-style: solid; border-width: 0 5px 6px; border-color: #fff transparent; display: block; width: 0; z-index: 1; top: 0px; left: 20%; margin-top: 35px; }


/*-------------------------------------------------------------*/
/*                           왼쪽메뉴                          */
/*-------------------------------------------------------------*/

#lnb {position:relative; width:180px; float:left;}
#lnb .title {position:relative; padding:5px; text-align:left; font-size:24px; font-weight:bold; color:#1b1b1b; word-break:break-all;}

/*메뉴1차*/
.vNav {position:relative; width:100%; margin-bottom:10px; border:1px solid #ddd;}
.vNav ul {list-style:none;}
.vNav ul > li {position:relative; line-height:40px; border-bottom:1px solid #e9e9e9; background:#fafafa;}
.vNav ul > li:last-child {border-bottom:none;}
.vNav li a {display:block; position:relative; text-decoration:none !important; padding:0 20px; color:#333333; font-size:13px; line-height:40px; letter-spacing:-0.5px;}
.vNav li.active a {border:0; color:#e82e2e;}
.vNav li.active a:after {float:right;display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; vertical-align: -15%; content: "\f105"; margin-top:10px;color:#e82e2e;}
.vNav li a:hover {color:#e82e2e;}

.vNav ul li.active li a:after {content:"";}

/*메뉴2차 선택시*/
.vNav ul ul {padding:0px; border:none; border-radius:0; border-top:1px solid #e9e9e9; padding:7px; background:#fff;}
.vNav li li {position:relative; line-height:24px; border-bottom:none; padding:0px;background:#fff;}
.vNav li li a {padding:0 15px; font-size:12px; line-height:24px; letter-spacing:-0.5px; color:#999999;}
.vNav li li.active {z-index:2;}
.vNav li li.active a {font-size:12px; color:#e82e2e;}
.vNav li li.active a:after {font-size: 16px; content: "\f105"; top:0 ;margin-top:4px;color:#e82e2e;}

 /*메뉴1차 선택시 2차메뉴*/
.vNav li.active ul {padding:0px; border:none;border-top:1px solid #e9e9e9; padding:7px; background:#fff;}
.vNav li.active li {position:relative; line-height:24px; border-bottom:none; padding:0px;background:#fff;}
.vNav li.active li a {padding:0 15px; font-size:12px; line-height:24px; letter-spacing:-0.5px; color:#777; background:#fff;}
.vNav li.active li a:hover {color:#e82e2e;}
 

/*-------------------------------------------------------------*/
/*                           페이지바                          */
/*-------------------------------------------------------------*/

.pagebar {position:relative; width:100%; border-bottom:1px solid #9ba1ad; padding:0; text-align:right;}
.breadcrumb {padding:10px 0px; margin:0; background-color:#fff; font-size:12px; display:inline-block;line-height:24px; color:#333;}
.breadcrumb span {color:#b2b2b2;}
.breadcrumb .fa-home {color:#bfbfbf;}
.breadcrumb .fa-angle-right {color:#b2b2b2; margin:0 5px;}

/*-------------------------------------------------------------*/
/*                             푸터                            */
/*-------------------------------------------------------------*/
.foot-link {background:#222222; border-top:1px solid #eeeeee; border-bottom:1px solid #3f3f3f; margin-top:70px;padding:0;}
.foot-link li {float:left; font-size:13px; padding:0; line-height:15px; margin:20px 0;}
.foot-link li a {color:#7b7b7b; font-weight:bold; padding-right:15px; margin-right:15px; border-right:1px solid #5e5e5e;}
.foot-link li:nth-child(5) a {border-right:none;}
.foot-link li.f-logo { margin:17px 0;margin-right:70px;}
.foot-link li.f-account {float:right; margin:15px 0;font-size:12px; background:#353535; color:#7b7b7b; padding:5px 10px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; white-space:nowrap;}

.foot-copy {padding:30px 0;background:#222222;}
.foot-copy ul li {display:inline; padding-right:7px; margin-right:7px; border-right:1px solid #333; margin-bottom:15px;}
.foot-copy ul li, .foot-copy ul li a  {font-size:11px; line-height:15px; letter-spacing:-0.2px; color:#606060;}


/*-------------------------------------------------------------*/
/*                           페이지네이션                         */
/*-------------------------------------------------------------*/
.pagination {border:1px solid transparent; display:inline-block;width:29px; height:29px;vertical-align:middle; color:#555; font-size:13px; line-height:29px;border-radius:0; margin:0;}
.pagination:hover {border:1px solid #eee;}
.pagination.p-current {color:#e82e2e;border:1px solid transparent;}