@charset "utf-8";


/* layout */
html, body { height:100%;}
body { color:#686868; letter-spacing:-.05em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased;}
#wrap {	position:relative; width:100%; min-width:320px;height:100%; font-size:1.6rem; }
.inner {	width:1600px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1280px;	position:relative;	margin-left:auto;	margin-right:auto;}


/* 타블렛 가로 */
@media all and (max-width:1599px) {	
    .inner {width:94%;}
}
@media all and (max-width:1279px){
    .s-inner {width:94%;}
}

/* header */
#header{height: 100px; border-bottom: 1px solid #eee; position: relative; z-index: 9999; background-color: #fff;}
#header .inner{height: 100%; background-color: #fff; width: 96%; max-width: 1600px;}
#header .inner #logo{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#header .inner .pc_menu{display: flex; position: absolute; right: 270px;}
#header .inner .pc_menu li{padding: 0 40px;}
#header .inner .pc_menu li a{font-size: 1.5rem; font-weight: 700; display: block; line-height: 100px; letter-spacing: 0; position: relative;}
#header .inner .pc_menu li a::after{content: ''; width: 0; height: 1px; background-color: #000; display: block; position: absolute; bottom: 37px; transition: .3s ease-in-out;}
#header .inner .pc_menu li:hover a::after{width: 100%;}
#header .inner .s_menu{position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: flex;}
#header .inner .s_menu li{margin-left: 25px;}
#header .inner .s_menu li a{display: flex; align-items: center; font-size: 1.4rem; color: #666666;}
#header .inner .s_menu li:hover a{color: #000;}
#header .inner .s_menu li a img{margin-right: 8px; max-width: 15px;}
#header .menu_toggle{display: none;}
.mo_menu{display: none; }

@media all and (max-width:1280px){
    #header .inner .pc_menu{right: 240px;}
}
@media all and (max-width:969px){
    #header{height: 56px;}
    #header .inner{width: 100%;}
    #header .inner #logo{transform: translate(-50%, -50%); left: 50%;}
    #header .inner #logo img{max-height: 42px;}
    #header .inner .pc_menu{display: none;}
    #header .inner .s_menu{left: 3%; right: auto;}
    #header .inner .s_menu li{margin-left: 0; margin-right: 8px; }
    #header .inner .s_menu li span{display: none;}
    #header .inner .s_menu li a img{max-width: 20px;}
    #header .menu_toggle{display: block; position: absolute; right: 3%; top: 50%; transform: translateY(-50%); cursor: pointer;}
    .mo_menu{position: absolute; top: -300px; background-color: #f5f5f3; width: 100%; padding: 0 3%; transition: .4s ease-in-out; display: block; border-bottom: 1px solid #eee; opacity: 0;  z-index: 9998;}
    .mo_menu.active{top: 56px; opacity: 1;}
    .mo_menu li{line-height: 40px; font-weight: 700; color: #010101; font-size: 1.5rem; border-bottom: 1px solid #dedede;}
    .mo_menu li:last-child{border-bottom: 0;}
    .mo_menu li a{ width: 100%; display: block;}
}


/* footer */
#footer {	width:100%;	clear:both;	position:relative;	margin:0 auto;	background:#eee; padding: 50px 0 60px; }
#footer .s-inner{display: flex; justify-content: space-between;}
#footer .s-inner .f_logo{}
#footer .s-inner .f_logo img{max-width: 100%;}
#footer .s-inner .info{text-align: right;}
#footer .s-inner .txt{text-align: right;}
#footer .s-inner .txt span{font-size: 1.3rem; font-family: 'Pretendard', sans-serif; display: inline-block; margin-left: 15px; line-height: 2em; color: #010101; opacity: 0.8;}
#footer .s-inner .txt span b{font-weight: 600;}
#footer .s-inner .link{display: flex; justify-content: flex-end; margin-top: 15px;}
#footer .s-inner .link a{margin-left: 10px;}
#footer .s-inner .link a img{max-width: 15px;}

@media all and (max-width:640px){
    #footer{padding: 40px 0 50px;}
    #footer .s-inner{flex-direction: column; align-items: center;}
    #footer .s-inner .f_logo{margin-bottom: 25px;}
    #footer .s-inner .info{text-align: center;}
    #footer .s-inner .txt{text-align: center;}
    #footer .s-inner .link{justify-content: center; }
    #footer .s-inner .link a{margin-left: 0; margin: 0 10px;}
    #footer .s-inner .link a img{max-width: 20px;}
}