/*-------------------------------------------------------------
        해더                         
-------------------------------------------------------------*/
#header {position:relative;z-index:999;height:60px;overflow: hidden;border-bottom: 1px solid #ddd;} /* IE7 z-index bug 해결 (상위요소에 z-index 적용) */
#header .container {padding: 0 10px;}

#header > div > div {position: relative;z-index: 2;float: left;width: 25%;display: block;overflow: hidden;}
#header .h_menu {padding: 11px 0;text-align: left;}
#header .h_logo {width: 50%;padding: 8px 0;text-align: center;line-height: 44px;}
#header .h_btns  {padding: 10px 0; text-align: right; }

#header .h_menu .hd_opener {background: none; border: 0;}
#header .h_menu .hd_opener span {display: block;width: 27px;height: 3px;background-color: #333;margin: 6px 0;}

#header .h_logo a {display: inline-block;} 
#header .h_logo img {display:inline-block;width: auto;height: auto;max-width: 100%;max-height: 30px;vertical-align: middle;}

#header .h_btns .btn {width:auto; height:40px; color:#333; box-sizing: border-box; background:transparent; padding:6px 5px}


/*검색창*/
#hd_sch {width:90%;}
#hd_sch .bpop-modal {display:inline-block; width:100%; background:white; padding:20px;}
#hd_sch .bpop-modal .pull-left {width:100%; padding-right: 80px;}
#hd_sch .bpop-modal .pull-left > * {float:left;}
#hd_sch .bpop-modal .pull-left input {width:100%;}
#hd_sch .bpop-modal .pull-left .btn {border-radius: 0;border-left:none;width: 40px;text-align: center;padding: 0;position: absolute;right: 60px;top: 20px;}

#sch_close {position: absolute; right: 10px; top: 20px; width: 40px; text-align: center; padding: 0;}


/*메인메뉴*/
.mmenu_wr {position: relative;z-index: 100;width:auto;max-width: 100%;margin-top:0;background: #3b3939;overflow: hidden;}
.mmenu {position: relative;}
.mmenu ul {list-style:none; width:2000px;}
.mmenu li {float: left;width:auto;padding: 0;vertical-align: middle;}
.mmenu li a {position: relative;display: block;height: 44px;padding: 0 15px;line-height: 44px;font-weight: 400;font-size:15px;color: #ccc;width:100%;}
.mmenu li.active {}
.mmenu li.active a {color: #fff;background: #000;}
/*.mmenu li.active a:after {content:"";position: absolute;bottom: 0px;left: 50%;margin-left: -3px;display: block;border-radius: 0;border: 0;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;}*/


/*----------------------------------------
      서브메뉴  (swiper)                      
------------------------------------------*/

#sNav {position: relative;padding: 0;background: #f3f3f3;}

/*메뉴3차*/
#sNav .sNav {position: relative;width:100%;display: block;padding: 00;margin: 0;overflow: hidden;padding-left: 1px;}
#sNav .sNav ul {position: relative;display: block;list-style: none;padding:0;display: -webkit-box;background: #ddd; width: auto;}
#sNav .sNav li {position: relative; float:left;background: #ddd;  }
#sNav .sNav li a {display:inline-block;padding: 0px 15px;border-radius: 0;font-size: 15px;line-height: 40px;margin: 0;margin-left: -1px;background: #e3e3e3;border: 0;color: #999;}
#sNav .sNav li.active > a {color: #ffffff;background: #e8340c;}
#sNav .sNav li.active a:after {content:"";position: absolute;bottom: -1px;left: 50%;margin-left: -3px;display: block;border-radius: 0;border: 0;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff4f1;}

/*메뉴4차*/
#sNav .sNav ul ul {position: relative;border: 0; background: #f9f9f9; width: auto;}
#sNav .sNav ul ul li { background: #f9f9f9; }
#sNav .sNav ul ul li a {display:inline-block;padding: 0px 15px;line-height: 36px;border: 0;background: none;border-radius: 0;color: #999;font-size: 14px;margin: 0;border: 0;border-bottom: 2px solid transparent;}
#sNav .sNav ul ul li.active > a {color: #e8340c;background: none;border: 0;border-bottom: 2px solid #d02c08;}
#sNav .sNav ul ul li.active a:after {display: none;}


/*------------------------------------------------------------
 	슬라이드 서브메뉴                    
-------------------------------------------------------------*-/

#lnb {position: relative; z-index: 100; width:auto; max-width: 100%; margin-top:0em; background:#fff; font-size: 13px; overflow: hidden;}

/*메뉴1차*-/
.vNav {border-bottom:1px solid #ddd;}
.vNav ul {list-style:none; width:2000px;}
.vNav li {float: left; width:auto; background-color:#fff; height:40px; padding:0 15px; vertical-align: middle;}
.vNav li a {display: block; line-height: 2em; font-weight: 300; font-size: 1.1em; color:#777; width:100%;}
.vNav li.active {background-color:#00a1e4;}
.vNav li.active a {color: #fff;}

/*메뉴2차*-/
.vNav2 {position: relative;width:100%;display: inline-block;padding:0;background: #ddd;}
.vNav2 ul {list-style: none; display: inline-block; padding:0; width:2000px;}
.vNav2 li {position: relative; float:left; width:auto; height:auto; box-sizing: border-box;}
.vNav2 li a {display: inline-block;position: relative;text-decoration: none;height:auto;font-size: 15px;line-height: 40px;font-weight: 400;color: #999;background: #e3e3e3;padding:0px 15px;float:left;}
.vNav2 li.active a {color:#fff;background-color: #e8340c;}


/* 일반페이지 2차 *-/
#sMenu2  {position: relative;display: block;background:#fff;padding: 10px 0 5px 0;}
#sMenu2  ul {list-style: none;display: inline-block;}
#sMenu2  li {position: relative; float:left;}
#sMenu2  li a {display:inline-block;padding: 0px 15px;line-height: 32px;border: 1px solid #ddd;border-radius: 30px;color: #777777;font-size: 15px;margin: 0 0 5px 5px;}
#sMenu2  li.active a {border: 1px solid #e8340c;background: #e8340c;color: #fff;}
*/


/*-------------------------------------------------------------
        왼쪽 슬라이드 메뉴                      
-------------------------------------------------------------*/

#bpop_gnb .bpop-modal {left:0;position: fixed;top:0;z-index: 1;display: block;opacity: 1;width:80%;height:100%;padding:0;background: #f7fbfc; overflow: hidden;}

/*닫기버튼*/
button#closeGnb {position: absolute; left:100%; right:0; top: 0; margin-right:-47px; background:white; box-shadow: inset 10px 0px 20px -10px rgba(0,0,0,0.5); border: 0; padding: 10px; display: none;}
#closeGnb {position: relative; display: block; width:47px; height:45px; top:0; left:0; z-index: 5;}
#closeGnb > span {position: relative; display: block; width:16px; height:16px; margin:auto; text-indent: -9999em; overflow: hidden}
#closeGnb > span:before, 
#closeGnb > span:after {content: ""; display: block; position: absolute; width:21px; height:1px; top:50%; left:-3px; background-color: #333; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
#closeGnb > span:before {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
#closeGnb > span:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}

.gnb_hd {display: block;position: absolute;height: 60px;width: 100%;}

.gnb_hd .login_after {position: relative;width: 100%;height: 100%;display: block;padding: 10px;overflow: hidden;background: #222;}
.gnb_hd .login_after span {display: inline-block;font-size: 15px;line-height: 20px;color: #ccc;}
.gnb_hd .login_after a{display: inline-block;float:right;color: #ffebe7;text-align: center;font-size: 12px;line-height: 16px;border: 1px solid #867471;padding: 5px 10px;border-radius: 2px;margin-top: 7px;}

.gnb_hd .login_before {position: relative;width: 100%;display: block;padding: 0;}
.gnb_hd .login_before a {display: block;width: 100%;color: #fff;background: #000;padding: 0 30px;border-radius: 0;text-align: left;height: 60px;line-height: 60px;}

.gnb_body {display: block;position: relative;height: calc(100% - 120px);overflow: hidden;overflow-y: auto;margin-top: 60px;}


/*메뉴*/
.gnb_side {position: relative;margin:0;overflow:hidden;padding:0;width: 100%;z-index:9999;transition:all;background: #f1f5f6;}

.gnb_side .side_ul {overflow: hidden;box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 10%);}
.gnb_side .side_ul a {position:relative;display:inline-block;font-size: 17px;line-height: 40px;font-weight: 700;width:100%;vertical-align:middle;margin:0;text-align:left;padding: 0px 10px;cursor:pointer;color: #000;background: #ddd;border-top: 1px solid #222;border-radius: 0;}
.gnb_side .side_ul:first-child span {border: 0;}

.gnb_side .side2_ul {overflow: hidden;}
.gnb_side .side2_ul a {position:relative;display:inline-block;font-size: 16px;line-height: 24px;font-weight: 400;width:100%;vertical-align:middle;margin:0;text-align:left;padding: 7px 20px;cursor:pointer;color: #555;background: #ffffff;border: 0;border-top: 1px solid #eee;margin: 0;}
.gnb_side .side2_ul:first-child span {border: 0;}


.gnb_side .side3_ul a {display: block;width:auto;font-size: 14px;color: #c7968b;line-height: 20px;padding: 5px 35px;background: #fafafa;border: 0;}
.gnb_side .side3_ul a:before {content:"";display:inline-block;width: 6px;height: 2px;background: #c7968b;vertical-align:middle;margin-right: 6px;margin-top: -2px;transition:all;transition-duration:0.3s;}

.gnb_side .side4_ul {display: flex;flex-wrap: wrap;flex-direction: row;padding: 0 30px;width: 100%;margin: 0px auto;background: #c0bec0; display: none;}
.gnb_side .side4_ul a {float: left;font-size: 13px;line-height: 28px;color: #fff;background: none;border:0;display: inline-block;border-collapse: collapse;padding: 0 10px;width: 33.333%;}
.gnb_side .side4_ul a:before {display: none;}

.gnb_ft {position: absolute;bottom:0;display: block;height: 60px;width: 100%;padding: 1px;border-top: 1px solid #ddd;}
.gnb_ft a {display: inline-block;float: left;color: #555;text-align: center;font-size: 12px;padding: 0;border-radius: 0;width: 33.333%;background: #fff;height: 100%;text-align: center;border-right: 1px solid #ddd;}
.gnb_ft a i {display: block;margin-top: 10px;font-size: 18px;color: #ccc;margin-bottom: 2px;}


/*-------------------------------------------------------------
        푸터                        
-------------------------------------------------------------*/
#ft {clear:both;position:relative;margin:0; height:auto;background:#fcfcfc;padding: 0;}

#ft_menu {position:relative;padding: 5px 0;overflow: hidden;background: #f3f3f3;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.ft_menu {padding:0 5px;}
#ft_menu li {float:left;font-size: 13px;line-height: 18px;color: #888;margin-left: -1px; padding: 5px;}
#ft_menu li a {font-size: 13px;line-height: 18px;color: #888;}

#ft_wrap {position:relative;  padding:5px 0;}
#ft_wrap .company_wr {padding:0 10px; margin-bottom:5px;}
#ft_wrap .company_wr .company-info {display: inline-block; width:auto; padding:0; font-size:13px; line-height: 20px; border:none; background:transparent;}
#ft_wrap .company_wr .ft_sns {float:right;}
.ft_sns a {margin-left:5px; font-size:0.9em; color:#999;}

#ft_wrap ul {display: inline-block; margin: 0;padding:10px; background:rgba(0,0,0,0.05);}
#ft_wrap li {display: block;}
#ft_wrap li.ft_info {padding-left:0; padding-right:0; padding-top:5px;}
#ft_wrap li.ft_info:last-child {padding-bottom:5px;}
#ft_wrap li span {display: inline;margin-right:7px;word-break: break-all; float:left;}
#ft_wrap li span:after {content: "|"; margin-left: 7px; color:#e3e3e3;}
#ft_wrap li span,
#ft_wrap li a {font-size:12px;line-height:18px; color: #999;}
#ft_wrap li span.company {display: inline-block; width:100%; font-weight: bold;}
#ft_wrap li span.company:after {display: none;}

#ft_wrap .btn-gray {color: #fff;display: inline-block;line-height: 16px;}
#ft_wrap .btn-gray i {margin-left:5px; font-size:18px; margin-top:-2px;}

#ft_wrap .copyright {display: inline-block; width:100%; font-size:12px; line-height: 18px; margin-top:5px; text-align: left; color:#999; padding:0 10px;}

#ft_wrap li span:last-child:after {display: none;}


#ft .ft_top {background:rgba(0,0,0,0) url(/_img/inc/top.png) no-repeat 10px center; background-size:auto 16px; padding:0 20px; padding-left:30px; border-radius: 10px; display: block; width:75px; color:#aaa; margin:10px auto; text-align: center;}



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

.pagebar {position:relative; width:100%; padding:0; text-align:left; }
.breadcrumb {padding:0; margin:0; background-color:#fff; font-size:15px; display:inline-block;line-height:18px; color:#1d1113;}
.breadcrumb span {color:#777;}
.breadcrumb .fa-angle-right {color:#b3b3b3; font-size:16px !important; margin:auto 5px; margin-top:-3px;}

*/
/*-------------------------------------------------------------*/
/*                           페이지네이션                         */
/*-------------------------------------------------------------*/
.pagination-wr {display: inline-block; width:auto; padding:5px 0;}
.pagination {display:inline-block;width:24px; height:24px;vertical-align:middle; font-size:13px; line-height:22px;border-radius:2px; margin:0 2px; color:#777;  text-decoration: none}
.pagination:hover {background-color:#fff; color:#000; text-decoration: underline;}
.pagination.p-current {font-weight:bold; color:#00a1e4;text-decoration: underline;}
.pagination.p-arrow {margin:0 3px; font-family: 'opensans', Dotum, Sans-serif; text-align: center;}
.pagination.p-arrow.disabled {color:#ccc;cursor: not-allowed; display: none;}
.pagination.p-arrow.disabled:hover {background-color:#fff;font-weight: normal;color:#ccc;cursor: not-allowed;}