/* 공통 */
/*@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css'); /*Nanum Myeongjo*/

*{/*font-family:'나눔고딕', 'nanumgothic';*/ font-family: 'Noto Sans', sans-serif; letter-spacing:-.5px;}
.inner{max-width:1200px; margin:0 auto;}
.inner2{max-width:913px; margin:0 auto;}
.header_wrap{width:100%;}
.top_banner{background:url(../images/top_banner_bg.jpg) repeat 0 0; text-align:center; position:relative; height:auto;}
.top_banner_text{max-width:90%;}
.top_banner .top_banner_close{position:absolute; right:100px; top:22px;}

.navi_wrap{width:100%; background:transparent; position:absolute; z-index:3;}
.navi_wrap_inner{width:96%; margin:0 auto; max-width:1820px; position:relative; height:auto; overflow: hidden;}
.navi_wrap .navi{ float:left; overflow:hidden; margin-top:10px; width: 100%;}
.navi_wrap .navi_sns{float:right;overflow:hidden; margin-top:35px;}
.navi_wrap .navi li{float:left; margin: 10px 2px; /*width: 8%;*/ margin-left:35px;}
/*.navi_wrap .navi li:last-child{width:15%;}*/
.navi_wrap .navi li:first-child{margin-left: 0px; margin-right:40px;}
.navi_wrap .navi li a{font-size:24px; padding: 10px 0 16px; color:#000; vertical-align:middle; display:inline-block;}
.navi_wrap .navi li:first-child a{padding:0;}
.navi_wrap .navi li:first-child a img{ max-width: 100%;}
.navi_wrap .navi_sns li{float:left; padding:0 5px;}
.navi_wrap .navi_sns li img{width:25px;}
.navi_wrap .navi_sns li:nth-child(2) img{width: 15px;}
.navi_mobile_btn{display:none;  position:absolute; left: 0px;  top:3px;  padding: 22px 18px;}

.hamburger{display:none;}
 .mlogo{display:none;} 
 
.footer {padding:28px 0; position:relative;}
.footer:after {display:block; overflow:hidden; clear:both; content:'';}
.footer .up_btn {
	position: absolute;
	left: 50%;
	top: 0;
	/*margin-left: -37.5px;
	margin-top: -37.5px;*/
	margin-top:/*-18.75px*/-38.75px;
	z-index: 2;
}
.footer .left_wrap {float:left; margin-left:50px;}
.footer .left_wrap .address {margin-top:20px; overflow:hidden;}
.footer .left_wrap .address span {display:inline-block; margin-right:20px; color:#878787;}
.footer .left_wrap .address span:last-child {margin-right:0;}
.footer .left_wrap .address span.add {color:#000; font-weight:500;}
.footer .left_wrap .copy {margin-top:10px; font-size:11px; color:#bebebe;}
.footer .right_wrap {float:right; margin-right:50px; overflow: hidden;}
.footer .right_wrap li {float:left; margin:0 15px;}
.footer .right_wrap li a {display:block;}
.footer .right_wrap li a img{max-width:100%;display:inline-block;}



@media all and (max-width:1800px){
	.footer {padding:50px 0 28px;}
}

@media all and (max-width:1440px){
	.top_banner_text{margin-right:60px;}
	.top_banner .top_banner_close{width: 30px; top:16px; right:20px; }
	.navi_wrap .navi li a {font-size: 20px; }

	.footer .left_wrap {float:inherit; text-align:center; margin-left: 0;}
	.footer .right_wrap {float:inherit; text-align:center; max-width: 764px; width: 96%; margin: 20px auto 0;} 
	.footer .left_wrap .address {text-align:center;} 
	.footer .right_wrap li {width: calc(12.5% - 30px);}
}

@media all and (max-width:1200px){
	.inner{max-width:100%;}
}

@media all and (max-width:991px){
	.navi_wrap .navi li a { font-size: 15px; padding: 10px 2%;}
	.navi_wrap .navi li:first-child a img{ width: 90px;}
	.navi_wrap .navi_sns {margin-top:28px;}
}

@media all and (max-width:913px){
	.inner2{max-width:100%;}
 
}

@media all and (max-width:767px){
	.top_banner{display:none;}
	.navi, .navi_sns{display:none;}
	.navi_wrap_inner {height:50px;}
	.hamburger{display:block; position:absolute; left:0; top:26px;}
	.mlogo{display:block; position:absolute; left:20%; top:0;}
	.hamburger img {width:27px;}
	.footer .right_wrap li { margin: 0 8px; width: calc(25% - 16px); height: 30px; text-align: center;}

	.navi_wrap .navi_sns li img {width:26px;}
	.navi_wrap .navi_sns li.facebook img {width:15px;}

	.footer .up_btn {margin-top:-18.75px;}
}

/*모바일 햄버거 메뉴*/
.NAV_m_wrap{position:fixed; width:100%; height:100%; top:0; left:0; z-index:999; display:none;}
.NAV_m_bg{background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; top:0; left:0; overflow:hidden; }

.NAV_m_menu{width:80%; height:100%; position:fixed; left:-100%; top:0;}
.NAV_m_menu ul{background: #4e3450; padding: 40px 20px 20px 20px; height: 100%;}
.NAV_m_menu ul li{margin:5px 0;}
.NAV_m_menu ul li a{color:#fff; display:block; font-size:18px; padding:10px 0;}
.NAV_m_menu:after{content:""; display:block; clear:both;}
.NAV_m_close{float:left; display:inline-block; width:50px; height:50px; background:url(../images/close_btn.png) no-repeat center; cursor:pointer;}
.NAV_m_menu pl{padding-top:60px; width:calc(100% - 82px); float:left; background-color:#ffffff; height:100%; box-shadow:-4px 2px 10px rgba(0,0,0,0.3);}

@media screen and (max-width: 640px) {
	.NAV_m_close{width:45px; height:45px; background-size:30px; position: absolute; top: 20px; left: 20px;}
	.NAV_m_menu pl{padding-top:20px; width:calc(100% - 45px); }
	.NAV_m_menu p a{font-size:18px; padding:20px 0 20px 15px; }
	.NAV_m_title{font-size:18px; padding:20px 0 20px 15px; }
}