/* scroll */
::-webkit-scrollbar{width: 8px;height: 8px;background: rgba(200,200,200,0.3);}
::-webkit-scrollbar-thumb{border-radius: 5px;background: rgba(0,0,0,0.2);}
::-webkit-scrollbar-track{position: absolute;}
/* header */
#header{width: 100%;height:100px;position: fixed;top:0;left:0;z-index: 997;border-bottom: 1px solid transparent;transition: all 0.1s ease;transition-delay: 0.2s;}
#header .inner{width: calc(100% - 200px);max-width: 1600px;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#header .logo{padding: 28.5px 0;}
#header .logo a{display: block;width: 175px;height: 43px;background: url("../img/logo.png") no-repeat 50% 50%;background-size: cover;text-indent: -9999px;transition: all 0.1s ease;transition-delay: 0.2s;}
#gnb{width: calc(100% - 275px);padding: 25px 60px 25px 0;}
#gnb .gnbUl{display: flex;flex-wrap: wrap;justify-content: space-between;}
#gnb .gnbUl li{width: calc(100% / 7);}
#gnb .gnbUl li a{display: block;padding: 10px 0;font-family:'Play', sans-serif;font-size: 20px;color:#fff;text-align: center;transition: all 0.1s ease;transition-delay: 0.2s;}
#gnb .gnbUl li.gnb_empty{width: 100%;color:#fff;text-align: center;transition: all 0.1s ease;transition-delay: 0.2s;}
#gnb .gnbUl li.gnb_empty a{display: inline-block;vertical-align: middle;font-weight: 700;}
#header .langWrap{width: 100px;position: relative;}
#header .langWrap .lang{display: block;width: 50px;height:50px;margin: 0 auto;background: url("../img/language.png") no-repeat 50% 50%;background-size: 26px;text-indent: -9999px;cursor: pointer;transition: all 0.1s ease;transition-delay: 0.2s;}
#header .langWrap .langUl{position: absolute;top:50px;left:50%;z-index: 998;transform: translateX(-50%);background: #fff;border:1px solid #ccc;display: none;}
#header .langWrap .langUl li:not(:last-child){border-bottom: 1px solid #ccc;}
#header .langWrap .langUl li a{display: block;padding: 15px 30px 10px;}
#header .langWrap .langUl li a:hover{background: #fafafa;}
#allMenuBtn{width: 100px;height:100px;background: url("../img/manu_all.png") no-repeat 50% 50%;background-size: 27px;border: none;text-indent: -9999px;position: absolute;top:0;right:0;cursor: pointer;transition: all 0.1s ease;transition-delay: 0.2s;}
#allMenuBtn.non{display: none;}
#allMenuClose{width: 100px;height:100px;background: url("../img/manu_all_on.png") no-repeat 50% 50%;background-size: 27px;border: none;text-indent: -9999px;position: absolute;top:0;right:0;cursor: pointer;}
#allMenuClose.non{display: none;}
#mobMenuBtn{display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;align-items: center;width: 60px;height:100px;border: none;background: none;position: absolute;top:0;right:40px;cursor: pointer;display: none;}
#mobMenuBtn span{display: block;width:50px;height:6px;background: #fff;transition: background 0.1s ease 0.2s, transform 0.5s ease, margin 0.5s ease;}
#mobMenuBtn span:not(:first-child){margin-top: 15px;}
#mobMenuBtn.click span{transform: rotate(45deg);}
#mobMenuBtn.click span:nth-child(2){transform: rotate(135deg);margin-top: -5px;}
/* header on */
#header.on{background: #fff;border-color: #ccc;transition-delay: 0s;}
#header.on .logo a{background: url("../img/logo_on.png") no-repeat 50% 50%;background-size: cover;transition-delay: 0s;}
.on #gnb .gnbUl li a{color:#666;transition-delay: 0s;}
.on #gnb .gnbUl li.gnb_empty{color:#666;transition-delay: 0s;}
#header.on .langWrap .lang{background: url("../img/language_bk.png") no-repeat 50% 50%;background-size: 26px;transition-delay: 0s;}
.on #allMenuBtn{background: url("../img/manu_all_on.png") no-repeat 50% 50%;background-size: 27px;}
.on #mobMenuBtn span{background: #000;transition: background 0.1s ease 0s, transform 0.5s ease, margin 0.5s ease;}
/* allMenu */
.allMenuBg{width: 100%;height:100%;background: rgba(0,0,0,0.15);position: fixed;top:0;left:0;z-index: 996;display: none;}
#allMenu{width: 100%;padding: 0 100px 0 215px;background: #fff;overflow-y: hidden;position: fixed;top:100px;left:0;z-index: 997;display: none;}
#allMenu .menuWrap{width: calc(100% - 100px);max-width: 1375px;margin: 0 auto;padding: 0 100px 0 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
#allMenu .menuWrap .depth2{width: calc(100% / 7);padding: 30px 10px;position: relative;}
#allMenu .menuWrap .depth2::after{content:"";display: block;width: 0;height:3px;background: #003D82;position: absolute;top:-3px;left:50%;transform: translateX(-50%);}
#allMenu .menuWrap .depth2:hover{background: #F4F4F4;}
#allMenu .menuWrap .depth2:hover::after{width: 100%;transition: width ease 0.5s;}
#allMenu .menuWrap .depth2 li{margin-top: 15px;text-align: center;font-size: 15px;}
#allMenu .menuWrap .depth2 li:first-child{margin-top: 0;}
#allMenu .menuWrap .depth2 li a:hover{font-weight: 500;color:#003D82;text-decoration: underline;}
#allMenu .menuWrap .gnb_empty{width: 100%;padding: 30px;text-align: center;}
/* allMenu Mo */
#allMenuMo{width: 100%;height:calc(100% - 100px);background: #fff;overflow-y: hidden;position: fixed;top:100px;left:0;z-index: 997;display: none;}
#allMenuMo .menuWrap{height:100%;padding: 20px 40px 50px;overflow-y: auto;}
#allMenuMo .menuWrap::-webkit-scrollbar{display: none;}
#allMenuMo .depth2Box:not(:last-child){border-bottom:1px solid #ccc;}
#allMenuMo .depth2Box > span{display: flex;flex-wrap:wrap;justify-content: space-between;align-items: center;padding: 30px 0;font-size: 30px;font-weight: 700;cursor: pointer;}
#allMenuMo .depth2Box > span.show > img{transform: rotate(180deg);}
#allMenuMo .menuWrap .depth2{position: relative;border-top: 1px solid #ddd;display: none;}
#allMenuMo .menuWrap .depth2 li{font-size: 25px;}
#allMenuMo .menuWrap .depth2 li:first-child{margin-top: 0;}
#allMenuMo .menuWrap .depth2 li a{display: block;padding: 20px 0;}
#allMenuMo .menuWrap .depth2 li a:hover{font-weight: 500;color:#003D82;}
#allMenuMo .menuWrap .gnb_empty{width: 100%;padding: 30px;text-align: center;}
/* footer */
#footer{background: #F4F4F4;}
#footer .inner{width: calc(100% - 120px);max-width: 1600px;margin: 0 auto;}
#footer .footerTop .inner{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 0;padding: 35px 0;}
#footer .ftGnb{display: flex;flex-wrap: wrap;justify-content: space-between;width: calc(100% - 300px);}
#footer .ftGnb > li{margin-right: 10px;}
#footer .ftGnb > li h6{font-family:'Play', sans-serif;font-weight: 700;color:#444;}
#footer .ftGnb > li .ftGnbDepth2{margin-top: 20px;}
#footer .ftGnb > li .ftGnbDepth2 li{margin-top: 10px;}
#footer .ftGnb > li .ftGnbDepth2 li:first-child{margin-top: 0;}
#footer .ftGnb > li .ftGnbDepth2 li a{font-size: 13px;}
#footer .ftGnb > li .ftGnbDepth2 li a:hover{text-decoration: underline;}
#footer .terms{width: 125px;}
#footer .terms li{text-align: right;margin-top: 10px;font-size: 14px;}
#footer .terms li:first-child{margin-top: 0;}
#footer .terms li:first-child a{font-weight: 700;}
#footer .terms li a:hover{text-decoration: underline;}
#footer .footerBottom{border-top: 1px solid #E0E0E0;}
#footer .footerBottom .inner{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-top: 0;padding: 35px 0;}
#footer .ftLogo{}
#footer .ftInfo{width: calc(100% - 175px);}
#footer .ftInfo .infoUl{display: flex;flex-wrap: wrap;justify-content: center;}
#footer .ftInfo .infoUl li{position: relative;margin-right: 20px;text-align: center;}
#footer .ftInfo .infoUl li:last-child{width: 100%;margin-top: 10px;margin-right: 0;}
#footer .ftInfo .infoUl li::after{content:"";display: block;width: 1px;height: 14px;background: #BBBBBB;position: absolute;top:0;right:-10px;}
#footer .ftInfo .infoUl li:last-child::after{display: none;}
#footer .ftInfo .infoUl li:nth-last-child(2)::after{display: none;}
#footer .ftInfo .copy{margin-top: 40px;text-align: center;color:#888888;}
#footer .familySite{position: relative;}
#footer .familySite .familyBtn{width: 200px;height:50px;padding: 5px 20px;background: url("../img/ic_family_site_arrow.png") no-repeat calc(100% - 20px) 50%;border:1px solid #ddd;text-align: left;font-size: 15px;color:#888;cursor: pointer;}
#footer .familySite .familyUl{width:100%;background: #fcfcfc;border:1px solid #ddd;position: absolute;bottom:49px;left:0;display: none;}
#footer .familySite .familyUl li{border-bottom: 1px solid #e7e7e7;}
#footer .familySite .familyUl li:last-child{border-bottom: none;}
#footer .familySite .familyUl li a{display: block;padding: 15px 20px;}
#footer .familySite .familyUl li a:hover{background: #f8f8f8;}

/* 팝업레이어 */
#hd_pop {width: 100%;z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%;width: 100%;}
.hd_pops_con {height:auto !important;}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}