/*layout style*/
#wrap { display: flex; flex-direction: column; justify-content: space-between; position: relative; min-height: 100%; margin: 0 auto; padding-top: 100px; box-sizing: border-box; transition: .2s all ease-out; }


/*header style*/
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; width: 100%; border-bottom: 1px solid #eee; box-sizing: border-box; background: #fff; transition: .2s all ease-out; }
.hd { display: flex; justify-content: center; align-items: center; position: relative; height: 100px; background: #fff; transition: .2s all ease-out; }
.hd .inner { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; max-width: 1400px; margin: 0 auto; }
.hd .hd-logo { position: relative; z-index: 1; }
.hd .hd-logo img { height: 44px; }
.hd .hd-hamburger { display: block; width: 31px; height: 30px; border: none; background: url('../img/common/ico_hamburger1.svg') center center no-repeat; }


/*gnb style*/
.gnb { display: flex; align-items: center; }
.gnb li:not(:last-child) { margin-right: 74px; }
.gnb a { font-size: 22px; font-weight: 600; color: #333; transition: .2s all ease-out; }
.gnb a:hover { color: #15357a; }


/*m-gnb style*/
.m-gnb { position: fixed; z-index: 101; top: 0; right: -100%; width: 360px; max-width: 100%; height: 100%; background: #fff; }
/* .m-gnb .top { display: flex; align-items: flex-end; height: 180px; padding: 24px; box-sizing: border-box; background: #15357a; } */
.m-gnb .top { display: flex; align-items: flex-end; height: 70px; padding: 24px; box-sizing: border-box; background: #15357a; }
.m-gnb .top .hd-hamburger-close { position: absolute; top: 0; right: 0; width: 70px; height: 70px; border: none; background: url('../img/common/ico_close1.svg') center center no-repeat; background-size: 30px; }
.m-gnb .m-hd-menu { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.m-gnb .m-hd-menu .btn-login,
.m-gnb .m-hd-menu .btn-mypage { position: relative; font-size: 20px; font-weight: 500; color: #fff; }
.m-gnb .m-hd-menu .btn-login:after,
.m-gnb .m-hd-menu .btn-mypage:after { content: ''; position: absolute; top: calc(50% - 3px); right: -15px; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box; transform: rotate(45deg); }
.m-gnb .m-hd-menu .btn-sign,
.m-gnb .m-hd-menu .btn-logout { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, 0.7); }

.list-m-gnb { height: calc(100% - 180px); overflow-y: auto; }
.list-m-gnb li { border-bottom: 1px solid #eee; box-sizing: border-box; }
.list-m-gnb .menu { display: flex; align-items: center; position: relative; height: 54px; padding: 0 24px; box-sizing: border-box; font-size: 15px; font-weight: 400; color: #444; cursor: pointer; }
.list-m-gnb .menu.tit:after { content: ''; display: block; position: absolute; top: calc(50% - 8px); right: 24px; width: 16px; height: 16px; background: url('../img/common/ico_arrow_gnb1.svg') center center no-repeat; transition: .2s all ease-out; }
.list-m-gnb .menu.tit.active:after { transform: rotate(180deg); }

.m-gnb-bg { display: none; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .35); }


/*footer style*/
.footer { padding: 40px 0; box-sizing: border-box; background: rgba(21, 53, 122, 0.05); }
.ft { display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto; }
.ft .ft-logo { margin-bottom: 26px; }
.ft .ft-logo img { display: block; width: 174px; }
.ft .ft-menu { display: flex; flex-wrap: wrap; align-items: center; }
.ft .ft-menu a { margin-right: 20px; font-size: 18px; font-weight: 400; color: #999; transition: .2s all ease-out; }
.ft .ft-menu a:hover { color: #525252; }
.ft .ft-menu a:last-child { margin-right: 0; }
.ft .ft-menu a strong { font-size: 20px; font-weight: 600; color: #15357a; }
.ft .company-data { display: flex; margin-bottom: 10px; }
.ft .company-data .tit { width: 75px; font-size: 18px; font-weight: 600; color: #525252; }
.ft .company-data .txt { font-size: 18px; font-weight: 400; color: #999; }
.ft .copyright { font-size: 18px; font-weight: 400; color: #999; }


@media only screen and (max-width: 1440px) {
	/*layout style*/
	#wrap { padding-top: 77px; box-sizing: border-box; }
	
	/*header style*/
	.hd { justify-content: space-between; height: 77px; padding: 0 20px; box-sizing: border-box; }
	.hd .hd-logo img { height: 37px; }
	
	.gnb li:not(:last-child) { display: none; }
	
	/*m-gnb style*/
	.m-gnb { width: 100%; }

	/*footer style*/
	.footer { padding: 30px 20px; box-sizing: border-box; }
	.ft { display: block; }
	.ft .ft-logo { margin-bottom: 10px; }
	.ft .ft-logo img { width: 180px; }
	.ft .ft-menu { margin-bottom: 20px; }
	.ft .ft-menu a { font-size: 15px; }
	.ft .ft-menu a strong { font-size: 16px; }
	.ft .company-data .tit { width: 60px; font-size: 15px; }
	.ft .company-data .txt { width: calc(100% - 60px); font-size: 15px; }
	.ft .copyright { font-size: 15px; }
}