.footer .e_book a span{
	-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-ms-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}


/* ========================================== PC ========================================== */
/* Logo */
.logo{position: fixed; width: 100%; height: 80px; top: 0; z-index: 9;}
.logo div{width: 147px; height: 35px; margin: 22px 0 0 3%;}
.logo a{display: block; width: 100%; height: 100%; background-image: url("../imgs/logo_white.png"); background-repeat: no-repeat; background-position: center; background-size: contain;}
.logo.active{background: rgba(255, 255, 255, 0.9);}
.logo.active a{background-image: url("../imgs/logo.png");}


/* Sitemap Button */
.open_button{position:fixed; z-index:2000; right:3%; top:11px; height:58px; cursor:pointer; display:block;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-o-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.open_button ul{display: flex; align-items: center;}
.open_button ul li:nth-child(1){font-size: 21px; font-weight: 700; margin-right: 30px; color: #fff;}
.pg_index .open_button ul li:nth-child(1){color: #000;}
.open_button.active ul li:nth-child(1){color: #000;}
.open_button .open_line > div{position: relative; width: 58px; height: 58px; border-radius: 58px; background: #fff;}
.open_button .navicon-line{position:absolute; width:24px; height:3px; border-radius:1px; background:#313131; left: 17px;
	-webkit-transition:all .7s ease-out;
	-moz-transition:all .7s ease-out;
	-o-transition:all .7s ease-out;
	transition:all .7s ease-out;
}
.open_button .nl1{top: 18px;}
.open_button .nl2{top: 28px;}
.open_button .nl3{top: 38px;}
.open_button.on .open_line > div div{width:25px; position:absolute; top:15px; right:10px; margin:0; padding:0; background-color:#000;
	-ms-transform:rotate(225deg);
	-webkit-transform:rotate(225deg);
	transform:rotate(225deg);
}
.open_button.on .open_line > div div:first-child{
	-ms-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}
.open_button.scrolled .navicon-line{background-color: #fff;}
.open_button.on.scrolled .open_line > div div{background-color:#fff;}


/* Sitemap */
.b-modal{opacity: 1 !important; width: 94%; left: 3% !important; top: 0 !important; height: 520px; border-radius: 0 0 33px 33px; background: #343434 !important;}
#sitemap {position:fixed !important; border:0; width:94%; height: 520px; top: 0 !important; left: 3% !important; display: none;}
#sitemap h2{ font-size:36px; color:#fff; text-align:center; padding:0 0 20px 0; width:100%; border-bottom:1px solid rgba(255, 255, 255, .3)}
#sitemap .depth1{position: relative; display: flex; width: 100%; padding: 50px 200px 70px 80px;}
#sitemap .depth1 > li{border-left: 1px solid #707070; width: 33.33%; padding: 0 30px 0 70px; color: #ccc;}
#sitemap .depth1 > li:first-child{border: 0; padding: 0;}
#sitemap .text_nav > a{display: block; font-size: 35px; font-weight: 700; margin-bottom: 30px;}
#sitemap .text_nav .depth2 a{display: block; font-size: 25px; font-weight: 350; color: #fff; margin-bottom: 15px;}
#sitemap .depth1 > li > a{color: #D4BBD2;}
#sitemap .depth1 > li:nth-child(3){padding-top: 85px;}
#sitemap .text_nav a:hover{text-decoration: underline;}
#sitemap .mfp-close{position:absolute; display: block; right: 4%; top:50px; z-index:1; width: 120px; height: 120px; border:0; color:#fff; background: url(../imgs/nav_closed.png) no-repeat center center #fff; background-size: 34px; border-radius: 120px; cursor: pointer;}

@media screen and (max-width: 1300px) {
	.b-modal{height: 450px;}
	#sitemap {height: 450px;}
	#sitemap .depth1{padding: 40px 180px 40px 60px;}
	#sitemap .depth1 > li{padding: 0 20px;}
	#sitemap .text_nav > a{font-size: 32px;}
	#sitemap .text_nav .depth2 a{font-size: 22px;}
	#sitemap .mfp-close{right: 3%; width: 80px; height: 80px; background-size: 26px;}
}

@media screen and (max-width: 1024px) {
	.logo{position: fixed; width: 100%; height: 60px; z-index: 9;}
	.logo div{width: 110px; height: 26px; margin: 17px 0 0 3%;}
	
	.pg_index .logo div{width: 133px; height: 32px; margin: 16px 0 0 3%;}

	
	.open_button, #sitemap, .b-modal{display:none !important;}
}


/* ========================================== Mobile ========================================== */

/* 모바일 Nav Button */
.m_nav_btn{position: fixed; right:3%; top:6px; height:48px; cursor:pointer; display: none; z-index: 120;}
.mobile_nav_btn, .mobile_nav_btn span{display: inline-block; transition: all 0.4s; box-sizing: border-box;}
.mobile_nav_btn ul{display: flex; align-items: center;}
.mobile_nav_btn ul li:nth-child(1){font-size: 17px; font-weight: 700; margin-right: 15px; color: #fff;}
.m_nav_btn.active .mobile_nav_btn ul li:nth-child(1){color: #000;}
.mobile_nav_btn .m_nav_line{position: relative; width: 48px; height: 48px; border-radius: 48px;}
.mobile_nav_btn span{position:absolute; width:24px; height:2px; border-radius:1px; background:#fff; left: 12px;}
.mobile_nav_btn.active span{width: 24px; height: 2px;}
.m_nav_btn.active .mobile_nav_btn span{background-color: #000 !important;}
.m_nav_btn.active .mobile_nav_btn.active span{background-color: #fff !important;}
.mobile_nav_btn span:nth-of-type(1){top: 15px;}
.mobile_nav_btn span:nth-of-type(2){top: 23px;}
.mobile_nav_btn span:nth-of-type(3){top: 31px;}
.mobile_nav_btn.active li:nth-child(1){display: none;}
.mobile_nav_btn.active span:nth-of-type(1){-webkit-transform: translateY(24px) rotate(-45deg); transform: translateY(24px) rotate(-45deg); top: -1px;}
.mobile_nav_btn.active span:nth-of-type(2){opacity: 0;}
.mobile_nav_btn.active span:nth-of-type(3){-webkit-transform: translateY(-24px) rotate(45deg); transform: translateY(-24px) rotate(45deg); top: 47px;}

.pg_index .mobile_nav_btn span{background:#000;}
.pg_index .mobile_nav_btn ul li:nth-child(1){color: #000;}

#m-lnb-wrapper{position: fixed; top: 0; right: -100%; z-index: 110; width: 100%; height: 100vh; overflow: auto; background-color: #343434; box-sizing: border-box; transition: all 0.3s;}
.m-logo{position: relative; width: 100%; height: 60px; padding-left: 30px;}
.m-logo a{display: inline-block; background: url("../imgs/logo_white.png") no-repeat center left; width: 110px; height: 26px; background-size: contain; margin-top: 17px;}
#m-lnb-wrapper.on{right: 0px;}
#m-lnb > ul{font-size: 14px;}
#m-lnb > ul > li:first-child{border-top: 1px solid #707070;}
#m-lnb > ul > li.text_nav{position: relative; line-height: 51px; border-bottom: 1px solid #707070;}
#m-lnb > ul > li.text_nav > a{color: #fff; display: inline-block; padding: 0 30px; font-size: 21px; width: 100%; font-weight: 700; height: 53px;}
#m-lnb > ul > li.text_nav > a{color: #D4BBD2;}
#m-lnb > ul > li.text_nav:nth-last-child(1){border-bottom: 0;}
#m-lnb > ul > li.text_nav ul{display: none; line-height: 40px;}
#m-lnb > ul > li.text_nav ul.depth2{padding-bottom: 10px;}
#m-lnb > ul > li.text_nav li {margin: 0 20px;}
#m-lnb > ul > li.text_nav li li{line-height: 35px;}
#m-lnb > ul > li.text_nav li > a{position: relative; display: inline-block; padding: 8px 20px; width: 100%; font-size: 16px; line-height: 25px; color: #fff;}
#m-lnb > ul > li.text_nav li > a.depth_link2:after{content: ''; position: absolute; width: 18px; height: 18px; text-align: center; right: 0; border: 1px solid #908b89; background: url("../imgs/m-nav-arrow_plus.png") no-repeat center; background-size: 10px; top: 13px;}
#m-lnb > ul > li.text_nav li.on > a.depth_link2:after{content: ''; width: 24px; height: 24px; background: url("../imgs/m-nav-arrow_minus.png") no-repeat center #0066cc; background-size: 10px; border: 0; top: 10px; right: -3px;}
#m-lnb > ul > li.text_nav li li > a{display: inline-block; padding: 0 10px 0 10px; font-size: 15px; line-height: 35px;}

#m-lnb > ul > li.issue_nav{position: relative; line-height: 51px; border-bottom: 1px solid #707070;}
#m-lnb > ul > li.issue_nav > a{color: #ccc; display: inline-block; padding: 0 30px; font-size: 17px; width: 100%; font-weight: 400; height: 53px;}


@media screen and (max-width: 1024px) {
	.m_nav_btn{display: block;}
}


/* ========================================== Footer ========================================== */

/* footer */
.footer{overflow: hidden; position: relative; width: 100%; padding: 45px 0; background: #000; box-sizing: border-box;}
.footer .footer_wrap{width: 100%; max-width: 1300px; margin: 0 auto;}
.footer .footer_wrap:after{content:""; display:block; clear:both;}
.footer h2{float: left; width: 240px; height: 60px; margin-right: 50px; background: url(../imgs/f_logo.png) no-repeat center center; color: transparent; background-size: contain;}
.footer p{float:left; font-size: 15px; font-weight: 700; color: #999;}
.footer p span{display: block; text-indent: 7px;}
.footer .e_book{float: right; display: block; width: 70px; height: 70px; font-size: 15px; font-weight: 700; line-height: 70px; box-sizing: border-box; border-radius: 50%; overflow: hidden;}
.footer .e_book a{position: relative; display: block; width: 100%; height: 100%; color: #000; font-size: 14px; overflow: hidden; text-align: center; background: #fff;}
.footer .e_book a span{position: relative; z-index: 3; color: #000;}
.footer .e_book a:after{content: ''; position: absolute; width: 110%; height: 110%; left: 0; top: 0; transform-origin: 0 0; transform: translateY( 100% ) rotate( 30deg ); transition: transform 0.5s cubic-bezier(0.33, 0.16, 0.31, 1.02); background-color: #d84628;}
.footer .e_book a:hover span{color: #fff;}
.footer .e_book a:hover:after{transform: translateY( 0% ) rotate( 0deg );}


.top_go{position:fixed; z-index:20; right:2%; bottom:170px; width:62px; height:62px; background:url(../imgs/top.png) #fff center no-repeat; background-size:contain; border-radius: 100px; display:none; opacity: .9; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);}
.top_go:active{background:url(../imgs/top.png) #fff center no-repeat; background-size:contain;}

/* sns */
.main_sns_wrap{margin-bottom: 100px;}
.sns_wrap{width: 100%; max-width: 1300px; margin: 150px auto 0;}
.sns_wrap ul{display: flex; justify-content: center;}
.sns_wrap li {width: 60px; height: 60px; display: inline-block; padding: 0 7px}
.sns_wrap li:first-child{margin: 0;}
.sns_wrap li > a {position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: contain;}
.sns_wrap li.h_icon1 > a {background-image: url(../imgs/f_icon1.png)}
.sns_wrap li.h_icon2 > a {background-image: url(../imgs/f_icon2.png)}
.sns_wrap li.h_icon3 > a {background-image: url(../imgs/f_icon3.png)}
.sns_wrap li.h_icon4 > a {background-image: url(../imgs/f_icon4.png)}
.sns_wrap li.h_icon5 > a {background-image: url(../imgs/f_icon5.png)}
.sns_wrap li.h_icon6 > a {background-image: url(../imgs/f_icon6.png)}


@media all and (max-width:1300px){
	.footer .footer_wrap{width: 94%;}
}

@media all and (max-width:1023px){
	.top_go{display: none !important;}
	
	.footer .footer_wrap{width: 94%;}    
	.footer {padding-top: 80px;}
    .footer h2{padding-top: 0px;}
    .footer p{padding-top: 0px;}
    .footer .e_book{float: none; display: inline-block; margin-top: 20px;}
	
}
@media all and (max-width:960px){	
	/* 공통 */
    .footer .footer_wrap{text-align: center;}
    .footer{width: 100%; padding: 40px 0 40px; }
    .footer h2{float: none; margin: 0 auto; padding-top: 20px; width: 200px; height: 50px;}
    .footer p{float:none; padding-top: 20px; text-align: center; font-size: 14px; font-weight: 400;}
    .footer .e_book{margin: 20px auto 0;}
}

@media all and (max-width:767px){		
	.sns_wrap{margin: 80px auto 0;}
}

@media all and (max-width:480px){	
	.sns_wrap li {width: 54px; height: 54px;}
}



/* ========================================== 변칙 ========================================== */


.logo_black_active .logo a{background-image: url("../imgs/logo.png");}
.logo_black_active .open_button ul li:nth-child(1){color: #000;}
.logo_black_active .mobile_nav_btn span{background-color: #000;}
.logo_black_active .mobile_nav_btn ul li:nth-child(1){color: #000;}
.logo_black_active .mobile_nav_btn.active span{background-color: #fff;}


/* Main Logo PC */
.pg_index .logo div{width: 152px; height: 36px; margin: 22px 0 0 3%;}
.pg_index .logo a{background-image: url("../imgs/logo_main.png");}
/* Main Logo Mobile */
.pg_index .m-logo a{background-image: url("../imgs/logo_white.png"); width: 110px; height: 26px; margin-top: 17px;}