@charset "UTF-8";
@import url(/css/ui.css);

.clearfix::after{content: ''; display: block; clear: both;}
.global-inner{max-width: 1200px; margin: 0 auto; box-sizing: border-box;}
.outside-bg{position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .8); z-index: 400;}
.wrap{min-height: 100vh; background: url(../images/cmn/body_bg.jpg) repeat-y 16% 0%; background-size: cover}


/* header */
.header {border-bottom: 1px solid #ccc;}
.header .logo{float: left; width: 23.4rem; height: 4rem; margin-top: 3rem;}
.header .logo a{display: block; width: 100%; height: 100%; background: url(../images/cmn/logo.png) no-repeat 50% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}
.header .tnb{float: right; font-size: 0; line-height: 10rem;}
.header .tnb a{display: inline-block; margin-left: 5rem; color: #313a95; font-size: 1.7rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2rem; vertical-align: middle;}
.header .btn-menu{display: none;}
.m-gnb{ display: none; position: fixed; right: -100%; top: 0; width: 44.4%; height: 100vh; background: url(../images/cmn/gnb_bg.jpg) no-repeat 0% 0%; background-size: cover; transition: right ease-out .45s; -webkit-transition: right ease-out .45s; -moz-transition: right ease-out .45s; -ms-transition: right ease-out .45s; -o-transition: right ease-out .45s; z-index: 500; }
.m-gnb.active {right: 0;}
.m-gnb__container{padding: 0 4rem; box-sizing: border-box;}
.m-gnb__head{height: 8rem; border-bottom: 1px solid #ddd;}
.m-gnb__head .home{float: left; width: 17.7rem; height: 3rem; margin-top: 2.5rem; background: url(../images/cmn/logo.png) no-repeat 0% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}
.m-gnb__head .btn-close{float: right; width: 3rem; height: 3rem; margin-top: 2.5rem; background: url(../images/cmn/ico_close.png) no-repeat 50% 50%; background-size: contain; font-size: 0; text-indent: -9999px;}
.m-gnb__body{max-height: calc(100% - 8rem); overflow-y: auto;}
.m-gnb__menu ul{padding-left: 4rem; padding-top: 2.4rem; box-sizing: border-box;}
.m-gnb__menu li{border-bottom: 1px solid #fff;}
.m-gnb__menu a{display: block; color: #32438c; font-size: 2rem; font-weight: 500; font-family: 'GmarketSans', 'NotoSansKR', sans-serif; letter-spacing: -0.065em; letter-spacing: -0.03em;line-height: 7rem;}
.m-gnb__info{color: #32438c; text-align: right;}
.m-gnb__info strong{display: block; padding: 5rem 0 1.5rem; font-family: 'GmarketSans', 'NotoSansKR', sans-serif; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03em;}
.m-gnb__info li{font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.2rem;}
.m-gnb__info .tel{padding-top: 1.2rem;}

/* footer */
.footer{padding: 3.1rem 0 2.8rem; background: #32438c;}
.footer__inner{max-width: 1200px; margin: 0 auto; padding-left: 24.4rem; background: url(../images/cmn/foot_logo.png) no-repeat 0% 0%; background-size: 19.4rem auto; font-size: 0; box-sizing: border-box;}
.footer__menu{margin-bottom: 1.5rem;}
.footer__menu a{display: inline-block; margin-right: 2rem; color: #fff; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.065em; vertical-align: middle;}
.footer__info li{color: #fff; font-size: 1.4rem; letter-spacing: -0.065em; line-height: 2.4rem;}
.footer__info li span{margin-right: 1.2rem;}