@charset "utf-8";

#wrap {overflow:hidden;position:relative;height:100%;min-height:100%;height:auto !important;}

/*********************************************************************************************************
* Layout Style
*********************************************************************************************************/
#header {position:absolute;top:0;left:0;right:0;z-index:10;background:#fff;}
#header .inner {overflow:hidden;max-width:1200px;margin:0 auto;padding:32px 10px;}
#header h1 {float:left;margin:0 100px 0 0;}
#header h1 a {display:block;}
#header .gnb {float:left;}
#header .gnb > ul {overflow:hidden;}
#header .gnb > ul > li {float:left;width:150px;text-align:center;}
#header .gnb > ul > li .txt_point {color:#c2ab88;text-decoration:underline;}
#header .btnGnbOpen {display:none;}
#header .btnGnbClose {display:none;}

#header .gnb > ul > li > a {display:block;line-height:32px;font-size:16px;font-weight:300;}
#header .gnb > ul > li > ul {display:none;margin:40px 0 0;}
#header .gnb > ul > li > ul > li {margin:20px 0 0;}
#header .gnb > ul > li > ul > li:first-child {margin:0;}
#header .gnb > ul > li > ul > li > a {display:block;font-size:14px;color:#999;}
#header.active .gnb > ul > li > ul {display:block;}

.mainWrap #header {background-color:transparent;}
.mainWrap #header.active {background-color:#fff;}
.mainWrap #header .gnb > ul > li > a {color:#fff;}
.mainWrap #header.active .gnb > ul > li > a {color:#000;}

#container {padding:96px 0 150px;}
.contents {padding:80px 0 120px;}

#wrap.mainWrap #container {padding:0 0 150px;}
#wrap.mainWrap #container .contents {padding:0;}


#footer {position:absolute;left:0;right:0;bottom:0;background-color:#f8f8f8;}
#footer .inner {box-sizing:border-box;height:150px;padding:40px 10px 0;line-height:22px;font-size:13px;color:#555;text-align:center;}
#footer .copyright {display:block;line-height:22px;font-size:13px;color:#555;}
#footer address {display:block;margin:15px 0 0;}
#footer address span {display:inline-block;}


/* LAYOUT MOBILE - 768px */
@media screen and (max-width:768px) {

#header {height:60px;background-color:#fff;}
#header .inner {padding:18px 15px 0;}
#header h1 {margin:0;}
#header h1 a img {height:21px;}

#header .gnb {position:fixed;left:100%;top:0;bottom:0;width:100%;background-color:#fff;transition:left 0.7s ease;}
#header.active .gnb {left:0;transition:left 0.7s ease;}

#header .btnGnbOpen {display:block;position:absolute;right:0;top:0;width:60px;height:60px;line-height:60px;text-align:center;}
#header .btnGnbOpen img {width:20px;}
#header .btnGnbClose {display:block;position:absolute;right:0;top:0;padding:20px;}
#header .btnGnbClose img {width:16px;}

#header .gnb > ul > li {float:none;width:100%;margin:35px 0 0;text-align:left;}
#header .gnb > ul > li:first-child {margin:40px 0 0;}
#header .gnb > ul > li > a {display:block;padding:0 30px;line-height:27px;font-size:17px;font-weight:800;}
#header .gnb > ul > li > ul {display:none;margin:20px 0 0;}
#header .gnb > ul > li > ul > li {margin:20px 0 0;}
#header .gnb > ul > li > ul > li a {padding:0 30px;line-height:33px;font-size:23px;color:#767676;}
#header .gnb > ul > li .txt_point {color:#767676;text-decoration:none;}

#container {padding:60px 0 110px;}
.contents {padding:40px 0 60px;}

#wrap.mainWrap #container {padding:60px 0 110px;}
#wrap.mainWrap #container .contents {padding:0;}

#footer {height:110px;}
#footer .inner {position:absolute;left:0;right:0;top:50%;height:auto;padding:0;line-height:18px;font-size:11px;color:#555;text-align:center;transform:translate(0, -50%);}
#footer .copyright {line-height:18px;font-size:11px;font-weight:bold;}
#footer address {display:block;margin:5px 0 0;}
#footer address span {display:block;}


}