@charset "euc-kr"; /* 바디 */ body.fixed {overflow-y:hidden} /* 전체 감싸기 */ #wrapper {min-width:1400px; max-width:1920px; margin:0 auto; overflow:hidden} /* 컨테이너 */ body.scrollfix #container {} /*상단메뉴 new style*/ #header {position:absolute; top:950px;left:0; width:100%; background:#fff; z-index:500} #header.fixed {position:fixed; top:0;left:0;} #header.sub_header {position:fixed; top:0;left:0;} #header.sub_header .header_bottom {position:absolute; width:100%; background:#fff} #header .header_top {position:relative; border-bottom:1px solid #d1d1d1} #header .header_top h1#logo {position:absolute; top:50%; left:50px; margin-top:-30px} #header .header_top h1#logo a {} #header .header_top h1#logo a .logo {display:block; width:100%} #header .header_top .header_inner {width:1400px; margin:0 auto} /*#header .header_top .header_inner ul#nav {display:table; table-layout:fixed; width:100%} #header .header_top .header_inner ul#nav li {display:table-cell; text-align:center}*/ #header .header_top .header_inner ul#nav {width:100%; text-align:center} #header .header_top .header_inner ul#nav li {display:inline-block; text-align:center; width:135px} #header .header_top .header_inner ul#nav li a {display:block; width:100%; height:90px; line-height:90px; text-align:center; transition:all 0.3s ease; font-size:17px; font-weight:600} #header .header_top .header_inner ul#nav li a:hover {color:#5ab8e1} #header .header_top .sns_link {position:absolute; top:50%; right:50px; margin-top:-20px} #header .header_top .sns_link:after {display:block; content:''; clear:both} #header .header_top .sns_link li {float:left; margin-left:1px} #header .header_top .sns_link li a {display:block; width:40px; height:40px; text-align:center; line-height:40px; background:#223657; font-size:18px; font-weight:300; color:#fff} /* 하단메뉴 */ #header .header_bottom {position:relative; display:none} #header.sub_header .header_bottom {position:absolute; width:100%; background:#fff} #header .header_bottom.active {display:block} #header .header_bottom .header_inner {width:1250px; margin:0 auto} #header .header_bottom .header_inner .sub-menu {display:table; width:100%; table-layout:fixed; padding:30px 0 50px} #header .header_bottom .header_inner .sub-menu ul.sub_ul {display:table-cell; text-align:center;} #header .header_bottom .header_inner .sub-menu ul.sub_ul li {padding:3px 0} #header .header_bottom .header_inner .sub-menu ul.sub_ul li a {display:inline-block; font-size:14px; color:#404040; transition:all 0.3s ease; padding-bottom:3px; border-bottom:1px solid transparent} #header .header_bottom .header_inner .sub-menu ul.sub_ul li a:hover {color:#5ab8e1; border-color:#5ab8e1} /* 퀵메뉴 */ #quickmenu {position:fixed; top:220px; right:20px; z-index:999} #quickmenu .iconlist > li {display:block; width:80px; height:80px; font-size:12px; color:#fff; text-align:center; line-height:80px; margin-bottom:1px; background:#222; cursor:pointer} #quickmenu .iconlist > li.icon1:hover, #quickmenu .iconlist > li.icon1.on {background:#5ab8e1} #quickmenu .iconlist > li.icon2:hover, #quickmenu .iconlist > li.icon2.on {color:#222; background:#ffea29} #quickmenu .iconlist > li.icon3:hover, #quickmenu .iconlist > li.icon3.on {background:#5ab8e1} #quickmenu .iconlist > li.icon4:hover, #quickmenu .iconlist > li.icon4.on {background:#21bbb1} #quickmenu .quick-layer {position:fixed; top:220px; right:-480px; padding:45px 50px; width:480px; height:640px; background:rgba(0, 0, 0, .9); z-index:900} #quickmenu .quick-layer .title {margin-bottom:40px} #quickmenu .quick-layer .title h2 {font-size:30px; font-weight:600; color:#fff; margin-bottom:5px} #quickmenu .quick-layer .title p {color:#fff} #quickmenu .quick-layer .title.kakao h2 {color:#ffea29} #quickmenu .quick-layer .title.kakao p {color:#ffea29} #quickmenu .quick-layer .btn-close {position:absolute; top:45px; right:44px; width:45px; height:45px; border:none; background:transparent; cursor:pointer; outline:none} #quickmenu .quick-layer .btn-close span {position:absolute; display:block; top:50%; left:50%; width:38px; height:1px; margin:-1px 0 0 -19px; background:#fff} #quickmenu .quick-layer .btn-close span.line1 {transform:rotate(45deg)} #quickmenu .quick-layer .btn-close span.line2 {transform:rotate(-45deg)} #quickmenu .quick-layer .btn-area {position:absolute; bottom:45px; left:0; width:100%; text-align:center} #quickmenu .quick-layer .btn-area .btn {display:inline-block; padding:8px 20px; font-size:15px; color:#fff !important; border-radius:0} #quickmenu .quick-layer .btn-area .btn.btn-brown {border-color:#867460 !important; background:#867460 !important} #quickmenu .quick-layer .btn-area .btn.btn-yellow {color:#222 !important; border-color:#ffea29 !important; background:#ffea29 !important} #quickmenu .quick-layer .btn-area .btn.btn-mint {border-color:#21bbb1 !important; background:#21bbb1 !important} /* 푸터 */ #footer {width:100%; position:relative; padding:60px 0; background:#424242} #footer > .inner {width:1400px; margin:0 auto} #footer > .inner .info {text-align:center} #footer > .inner .info address {} #footer > .inner .info address ul {margin-bottom:10px} #footer > .inner .info address ul li {display:inline-block; padding:0 6px; font-size:12px; color:#fff} #footer > .inner .info .copyright {font-size:12px; color:#fff} #footer > .inner .info .copyright a{font-size:12px; color:#fff} /*#footer {margin-top:80px; padding:35px 0 60px 0; background:#f1f1f1} #footer > .inner {width:1200px; margin:auto} #footer > .inner .grid-wrapper {margin:0 -3px} #footer > .inner .grid-wrapper > .footer-grid {float:left; width:16.6666667%; height:250px; padding:0 3px} #footer > .inner .grid-wrapper > .footer-grid h4 {font-family:'Montserrat', 'NBG'; font-weight:600; color:#160016; margin-bottom:15px; padding:0 0 10px 10px; border-bottom:1px solid #dfdfdf} #footer > .inner .grid-wrapper > .footer-grid > ul > li {padding:5px 0 5px 10px; font-family:'NBG'; font-size:12px; font-weight:600; color:#666} #footer > .inner .grid-wrapper > .footer-grid > ul > li > a {font-family:'NBG'; font-size:12px; font-weight:600; color:#666} #footer > .inner .grid-wrapper > .footer-grid > ul > li > a {font-family:'NBG'; font-size:12px; font-weight:600; color:#666} #footer > .inner .grid-wrapper > .footer-grid > ul > li > ul > li {display:inline; margin-left:15px} #footer > .inner .grid-wrapper > .footer-grid.right {float:right; text-align:right} #footer > .inner .grid-wrapper > .footer-grid.wide {width:33.3333334%} #footer > .inner .grid-wrapper > .footer-grid.contact h4 {font-size:15px} #footer > .inner .copyright {font-size:12px; font-weight:500; letter-spacing:0; color:#9a9a9a}*/ @media screen and (max-width:1418px) { #header .header_bottom .header_inner {margin:0px 0px 0px 130px;} }