@charset 'utf-8';
#wrap {position: relative;width: 100%;overflow: hidden;}
/* .cf:after,ul:after,dl:after{content:''; display:block; clear:both;} */

/* °ψΕλ */
header{position: fixed;top: 0;left: 0;background: #fff;z-index: 4;width: 100%;border-bottom: 1px solid #e0e0e0;}
header .navWrap{position: relative;width: 95%;max-width:1720px;margin: 0 auto;}
header .navWrap h1{position: relative;float: left;width: 216px;height: 56px;background: url("../../img/common/logo.png") no-repeat center;overflow: hidden;margin: 14px 0 15px;}
header .navWrap h1 a{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;text-indent: -1000px;}

header .navWrap nav{position: absolute;top: 0;left: 50%;transform:translateX(-50%);}
header #gnb{position: relative;margin: 0 auto;display: flex;}
header #gnb li{position: relative;}
header #gnb li a.gnbBtn{position: relative;display: block;font-size: 18px;font-weight: 400;color: #333;padding: 33px 35px 34px;margin: 0 35px;box-sizing:border-box;text-align: center;}
header #gnb li a.gnbBtn span{position: absolute;bottom: -1px;left: 0;display: inline-block;text-align: center;width: 0;height: 2px;background: #0099d3;transition:all .5s;}
header #gnb li a.gnbBtn:hover{font-weight: 500;}
header #gnb li a.gnbBtn:hover span{width: 100%;transition:all .5s;}
header #gnb li.active a.gnbBtn{font-weight: 500;}
header #gnb li.active a.gnbBtn span{width: 100%;transition:all .5s;}

header .navWrap nav .lnb{position: relative;font-family: 'Noto Sans KR';position: absolute;top: 70px;left: 0;width: 100%;min-height:200px;padding-top: 35px;box-sizing:border-box;display: none;}
header .navWrap nav .lnb li{position: relative;}
header .navWrap nav .lnb li a{position: relative;display: block;text-align: center;padding: 15px 0;box-sizing:border-box;font-size: 15px;font-weight: 300;color: #333;transition:all .3s;word-spacing: -1px;letter-spacing: -.5px;}
header .navWrap nav .lnb li a:hover{color: #0099d3;transition:all .3s;}

header .menuBtn{position: relative;display: block;width: 32px;height: 32px;float: right;margin: 25px 0;z-index: 9999;}
header .menuBtn ul{width: 100%;height: 100%;}
header .menuBtn ul li{position: absolute;left: 0;display: block;width: 100%;height: 2px;background: #555;transition: all 0.3s;}
header .menuBtn ul li.line01{top: 65%;left: 50%;transform:translateX(-50%);margin-top: -10px;}
header .menuBtn ul li.line02{top: 50%;margin-top: -1px;background: #fff;}
header .menuBtn ul li.line03{bottom: 65%;left: 50%;transform:translateX(-50%);margin-bottom: -10px;} 

header .menuBtn.active ul li.line01{margin-top: -6px;left: 0;transform: rotate(45deg);transition: all 0.3s;}
header .menuBtn.active ul li.line02{opacity: 0;}
header .menuBtn.active ul li.line03{margin-bottom: -6px;left: 0;transform: rotate(-45deg);transition: all 0.3s;}

.menuBtn{position: relative;display: block;width: 32px;height: 32px;float: right;margin: 25px 0;z-index: 6;}
.menuBtn ul{width: 100%;height: 100%;}
.menuBtn ul li{position: absolute;left: 0;display: block;width: 100%;height: 2px;background: #555;transition: all 0.3s;}
.menuBtn ul li.line01{top: 65%;left: 50%;transform:translateX(-50%);margin-top: -10px;}
.menuBtn ul li.line03{bottom: 65%;left: 50%;transform:translateX(-50%);margin-bottom: -10px;}

.menuBtn.active ul li.line01{margin-top: -6px;left: 0;transform: rotate(45deg);transition: all 0.3s;background: #fff;}
.menuBtn.active ul li.line03{margin-bottom: -6px;left: 0;transform: rotate(-45deg);transition: all 0.3s;background: #fff;}


.headerBg{position: fixed;top: 0;left: 0;width: 100%;height: 400px;background: #fff;z-index: 3;overflow: hidden;display: none;}
.headerBg span{position: relative;display: block;width: 100%;height: 100%;max-width:1720px;margin: 0 auto;background: url("../../img/common/headerBg.png") no-repeat left 30px bottom 30px;}


.allMenuWrap{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 4;background: rgba(0,0,0,.7);display: none;}
.allMenuWrap .allMenu{position: absolute;top: 0;right: -100%;background:#005d9f;width: 100%;max-width:400px;height: 100vh;transition:all .3s;}
.allMenuWrap .allMenu #gnb{position: relative;height: 100%;margin-top: 85px;border-top: 1px solid rgba(255,255,255,.6);background: #0099d3;}
.allMenuWrap .allMenu #gnb > li{position: relative;display: block;}
.allMenuWrap .allMenu #gnb > li > a{display: block;font-size: 18px;color: #fff;font-weight: 600;padding: 20px 50px;box-sizing:border-box;border-bottom: 1px solid rgba(255,255,255,.6);}

.allMenuWrap .allMenu .lnb{position: relative;background: #fff;padding: 15px 0;box-sizing:border-box;display: none;}
.allMenuWrap .allMenu .lnb li a{position: relative;display: block;padding: 15px 50px;box-sizing:border-box;color: #333;font-size: 16px;font-weight: 400;transition:all .3s;}
.allMenuWrap .allMenu .lnb li a:hover{color: #0099d3;transition:all .3s;}

.allMenuWrap .allMenu.active{right: 0;transition:all .3s;}

.allMenuWrap .menuBtn{position: absolute;top: 0;right: 30px;}
.allMenuWrap .menuBtn ul li.line01{margin-top: -6px;left: 0;transform: rotate(45deg);transition: all 0.3s;background: #fff;}
.allMenuWrap .menuBtn ul li.line03{margin-bottom: -6px;left: 0;transform: rotate(-45deg);transition: all 0.3s;background: #fff;}


footer .topBtn{position: absolute;top: -100px;right: 40px;z-index: 1;}
footer .topBtn div{position: relative;}
footer .topBtn div p{font-size: 13px;font-weight: 400;color: #666;transform-origin: center middle;transform:rotate(-90deg);}
footer .topBtn div ul{position: relative;margin-bottom: 20px;}
footer .topBtn div ul li{padding: 3px 0;margin: 0;opacity: .3;}
footer .topBtn div ul li img{display: block;margin: 0 auto;}
footer .topBtn div ul li:nth-child(1) img{position: relative;left: -1px;transform:rotate(-180deg);}




/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px;	line-height: 140%; word-break:break-all; }
.privacy h2 { font-size:18px; font-weight:bold; color:#000; text-align: left; margin:50px 0 30px; }
.privacy h2:first-child { margin-top: 0; }
.privacy > p { margin:15px 0; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl { padding-bottom:20px;}
.privacy > dl > dt{ font-size:15px;color:#3680b9;font-weight:700;padding-bottom:5px;}
.privacy > dl > dd{ padding-bottom:10px;text-align:justify; font-size:15px; line-height:140%;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ line-height:120%; margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; line-height: 140%; margin-top:8px;}
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { margin:0 8px; }