.container{width:992px;min-width:992px;margin:0 auto;}
body{background-color:#fff;height:100%;}


body{min-width:1089px;}

@media screen and (max-width: 767px){
	.container{width:100%;min-width:100%;}
	html,body{min-width:100%;}
}


/* 레이아웃 */
#header{padding-top:42px;position:absolute;left:0;top:0;width:100%;z-index:9990}
#header > .container{background:#fff;height:69px;position:relative;width:1089px;min-width:1089px}
#header-brand{display:inline-block;float:left;padding-left:20px;padding-top:12px;padding-bottom:12px;}
/*#header-brand a{display:inline-block;color:#0e1011;font-size:15px;background:url(../images/symbol.svg) no-repeat left center;background-size:46px 44px;padding:5px;padding-left:55px;}*/
/*#header-brand a{display:inline-block;color:#0e1011;font-size:15px;background:url(../images/header-logo.jpg) no-repeat left center;background-size:46px 44px;padding:5px;padding-left:55px;}*/
#header-brand a{display: block; width: 175px; height: 45px; background: url(../images/header-logo-new.png) no-repeat center center; background-size: 100%; text-indent: -10000em;}

#header-brand a span{display:block;clear:both;}
#header-brand a .brand1{font-weight:400}
#header-brand a .brand2{font-weight:700;margin-top:2px;}

@media screen and (max-width: 767px){
	#header{border-bottom:1px solid #24365f}
	#header > .container{width:100%;min-width:100%;}
}

#header-nav{float:left;padding-left:60px;}
#header-nav > ul{display:inline-block}
#header-nav > ul > li{margin-left:61px;display:inline-block;padding:26px 0}
#header-nav > ul > li > ul{display:none;}
#header-nav > ul > li > a{font-size:17px;color:#000;font-weight:400;}
#header-nav > ul > li > ul > li > a{font-size:17px;padding:27px 0;color:#000}

#header-toggle{float:right;background:url(../images/ic_menu.svg) no-repeat center center;background-color:#4d4f4f;width:70px;height:100%;display:block;color:#fff;text-indent:-1000em;}

/* 헤더 활성화 되었을 때 */
#header.active #header-nav{position:absolute;top:68px;width:100%;background-color:#fff;border-top:1px solid #ddd;padding:0;}
#header.active #header-nav > ul{width:100%;}
#header.active #header-nav > ul > li{float:left;width:25%;margin-left:0;display:block;position:relative;padding:22px;}
#header.active #header-nav > ul > li > a{font-weight:600}
#header.active #header-nav > ul > li > ul{margin-top:22px;display:block;clear:both;}
#header.active #header-nav > ul > li > ul > li{margin:17px 0;display:block;}
#header.active #header-nav > ul > li:after{content:'';width:1px;height:100%;background:rgba(0,0,0,.1);position:absolute;right:0;top:0;min-height:264px;}
#header.active #header-toggle{background-image:url(../images/cancel.svg);background-color:#000;background-size:25px;}

@media (max-width: 767px){
	.container{width:100%;min-width:100%;}
	#header{position:fixed;left:0;top:0;height:69px;z-index:9999;width:100%;padding-top:0;display:block;}
	#header-brand{background:#fff;height:69px;width:100%;padding:0}
	#header-brand a{position:relative;left:10px;top:12px;}
	#header.active{height:100%;-webkit-overflow-scrolling: touch;overflow-y:auto;}
	#header.active > .container{height:100%;background:none;}
	#header #header-nav{top:0px;float:none;display:none;}
	#header.active #header-nav{background-color:transparent;top:0;margin-top:69px;display:block;border-top:0;height:100%;overflow-y:auto;}
	#header.active #header-nav > ul{display:block;background-color:#fff;}
	#header.active #header-nav > ul > li{display:block;float:none;clear:both;width:100%;margin:0;padding:0;position:relative;}
	#header.active #header-nav > ul > li:after{content:none;min-height:auto;}
	#header.active #header-nav > ul > li > a{font-size:18px;background:url(../images/ic_plus.svg) no-repeat 95% center;background-color:#2a2a2a;color:#fff;padding:18px;display:block;}
	#header.active #header-nav > ul > li.active > a{background-image:url(../images/ic_minus.svg);background-color:#233560;background-size:20px;}
	#header.active #header-nav > ul > li > ul{margin:0;display:none;}
	#header.active #header-nav > ul > li > ul.active{display:block}
	#header.active #header-nav > ul > li > ul > li{margin:0;position:relative}
	#header.active #header-nav > ul > li > ul > li:after{content:'';width:100%;height:1px;background-color:rgba(0,0,0,.1);position:absolute;left:0;bottom:0;}
	#header.active #header-nav > ul > li > ul > li > a{padding:16px;display:block;color:#707070;font-size:16px;cursor:pointer}
	
	#header-toggle{float:right;position:absolute;right:0;height:69px;}
	
	.page{padding-top:80px;}
}

/* 바디 */
.page{clear:both;padding-top:160px;background:url(../images/bg_main.png) no-repeat center top;background-size:100% 192px;position:relative}
.page:before{content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;z-index:5;background-size:100%;height:192px}
.page .page__head{}

@media screen and (max-width: 767px){
	.page{padding-top:69px}
}

/* 페이지 로클 네비 */
.page .page__head .page___nav{clear:both;}
.page .page__head .page___nav > .container{}
.page .page__head .page___nav > .container > nav{background-color:#fff;position:relative;z-index:10;}
.page .page__head .page___nav > .container > nav .current-page{display:none}
.page .page__head .page___nav > .container > nav ul > li{text-align:left;}
.page .page__head .page___nav > .container > nav ul > li > a{color:#1a1a1a;font-size:18px;padding:21px 16px;font-weight:400;position:relative;border-bottom:1px solid #efefef}
.page .page__head .page___nav > .container > nav ul > li > a:after{content:'';width:1px;height:100%;background-color:#efefef;position:absolute;right:0;top:0}
.page .page__head .page___nav > .container > nav ul > li:last-child > a:after{content:'';display:none;}
.page .page__head .page___nav > .container > nav ul > li.active > a{background-color:#233560;color:#fff;font-weight:700;border-bottom:1px solid #233560}
.page .page__head .page___nav > .container > nav ul > li.active > a:after{content:'';background-color:#233560}

.page .page__head .page___path{display:none;}


/* 페이지 헤더 타이틀 영역 */
.page .page__head .page___title{clear:both;text-align:center;padding:30px 0 98px 9px;}
.page .page__head .page___title h1{color:#333;font-size:35px;font-weight:900;position:relative;}
.page .page__head .page___title h1:after{content:'';width:50px;height:4px;background-color:#000;position:absolute;left:50%;top:150%;transform:translate(-50%,100%);}

@media screen and (max-width: 767px){
	.page .page__head{position:relative;height:180px;padding-bottom:50px;}
	.page .page__head .page___nav{position:absolute;left:0;width:100%;bottom:1px;}
	.page .page__head .page___nav > .container{position:relative;height:inherit}
	.page .page__head .page___nav > .container > nav{position:absolute;bottom:0;width:100%;}
	.page .page__head .page___nav > .container > nav .current-page{display:block;background:url(../images/angle-arrow-down.svg) no-repeat 95% center #233560;background-size:24px 16px;color:#fff;font-weight:900;font-size:20px;width:100%;padding:17px;text-align:left;}
	.page .page__head .page___nav > .container > nav .current-page.active{background-image:url(../images/angle-arrow-minus.svg)}
	.page .page__head .page___nav > .container > nav ul{position:absolute;width:100%;display:none;}
	.page .page__head .page___nav > .container > nav ul > li{width:100%;padding:0;}
	.page .page__head .page___nav > .container > nav ul > li.active{display:none;}
	.page .page__head .page___nav > .container > nav ul > li > a{background-color:#e0e9ff;color:#707070;position:relative;}
	.page .page__head .page___nav > .container > nav ul > li > a:after{content:'';background-color:rgba(0,0,0,.1);width:100%;height:1px;top:auto;bottom:0;}
	.page .page__head .page___nav > .container > nav ul > li.active > a{background-color:#e0e9ff;color:#707070}
	.page .page__head .page___title{padding:0px;padding-top:30px;}
	.page .page__head .page___title h1{color:#fff;font-size:28px;position:relative;z-index:1000}
	.page .page__head .page___title h1:after{content:'';display:none}
	
	.page .page__head .page___path{background-color:#233560;color:#fff;width:100%;left:0;top:0;padding:10px;display:block}
	.page .page__head .page___path > ol > li{display:inline-block;font-size:12px;}
	.page .page__head .page___path > ol > li:first-child{color:#a6a6a6;}
	.page .page__head .page___path > ol > li:first-child:after{content:'>';color:#fff;padding:0 5px 0 10px;}
}

/* 페이지 바디 타이틀 영역 */
.page .page__body{clear:both;}
.page .page__body .page___title{background-size:100% 278px;}
.page .page__body .page___title .title-box{margin:0 auto;width:800px;background-color:#fff;text-align:center; margin-bottom: 50px;}
.page .page__body .page___title .title-box h2{color:#333;font-size:29px;font-weight:700}
.page .page__body .page___title .title-box p{color:#4d4d4d;font-size:19px;font-weight:300;line-height:1.5;margin-top:65px;}

@media screen and (max-width: 767px){
	.page .page__body{padding:20px;}
	.page .page__body .page___title{min-height:0px;padding:0;background:none!important}
	.page .page__body .page___title .title-box{width:100%;}
	.page .page__body .page___title .title-box p{font-size:18px;margin-top:20px;}
	
	.page .page__content .mb-title{display:block;text-align:center;font-weight:700;font-size:27px;margin-bottom:20px;margin-top:40px;}
}

/* 하단 */
#footer{clear:both;background:#fff;border-top:1px solid #707070;padding:24px 0 24px 0;color:#707070;}
#footer .container{width:1089px}
#footer .brand{display:block;width:90px;height:38px;background:url(../images/footer-brand.png) no-repeat center center;background-size:100%;text-indent:-10000em;margin-top:3px;}
#footer .float-left:nth-child(1){padding-right:35px;}
#footer address,#footer p{font-size:14px;line-height:1.5}
#footer address span{display:inline-block;}
#footer address span:after{content:'|';padding:0 10px;}
#footer address span:last-child:after{content:'';display:none;}

@media screen and (max-width: 767px){
	#footer{background-color:#2a2a2a;text-align:center;font-size:13px;padding:20px;border-top:0}
	#footer .container{width:100%;}
	#footer .float-left:nth-child(1){padding-right:0px;width:100%;float:none;clear:both;text-align:center;}
	#footer .float-left:nth-child(2){padding-top:10px;}
	#footer address span:after{content:'';display:none}
	#footer .brand{display:inline-block;background-image:url(../images/footer_brand_mo.png);width:90px;height:120px;}
}