@charset 'utf-8'; /* font-family: 'Roboto', sans-serif; font-family: 'Noto Sans KR', sans-serif; font-family: 'Montserrat', sans-serif; */ /***************************** COMMON *****************************/ #wrap{max-width:1920px;width:100%;margin:0 auto;overflow:hidden;} .w1200{width:1200px;margin:0 auto;} .w1300{width:1300px;margin:0 auto;} .w1400{width:1400px;margin:0 auto;} @media all and (max-width:1400px){ .w1400{width:93.5%;} } @media all and (max-width:1300px){ .w1300{width:93.5%;} } @media all and (max-width:1200px){ .w1200{width:93.5%;} } /***************************** HEADER *****************************/ #header .black-bg{position:fixed;z-index:-1;width:100%;height:100%;left:0;top:100px;background-color:rgba(0,0,0,0.9);display:none;} #header .black-bg.on{display:block;} /* 헤더 스크롤 */ #header.scroll-active{background-color:#fff;border-color:rgba(0,0,0,0.3);} #header.scroll-active .w1300 .gnb > ul > li > a{color:#252629;} #header.scroll-active .w1300 .country > a{text-align:center;border-color:#2c65c3;color:#2c65c3;background:url("/img/common/country-bg-on.png")no-repeat 80% 50%;padding-left:0;} #header.scroll-active .w1300 .country > ul > li > a{text-align:center; padding-left:0;border-color:#2c65c3;color:#2c65c3;background-color:#fff;} /* 헤더 마우스 오버 */ #header.on{background-color:#fff;border-color:rgba(0,0,0,0.3);} #header.on .w1300 .gnb > ul > li > a{color:#252629;} #header{position:fixed;z-index:99999;height:101px;box-sizing:border-box;width:100%;background-color:rgba(0,0,0,0.4);transition:all 0.3s;border-bottom:1px solid rgba(255,255,255,0.3);max-width:1920px;} #header .white-bg{background-color:rgba(0,0,0,0.6);position:fixed;z-index:88888;left:0;top:100px;width:100%;height:180px;display:none;} #header .white-bg.tras{transition:all 0.3s;} #header .w1300{position:relative; height:100%;} #header .w1300:after{display:block;content:"";clear:both;} #header .w1300 h1{position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:100000;} /* #header .w1300 h1{margin: 28px 0;position:relative;z-index:100000;float:left;} */ #header .w1300 .gnb{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);font-size:0;text-align:center;width:100%;z-index:99999;} #header .w1300 .gnb > ul{font-size:0;text-align:center;} #header .w1300 .gnb > ul > li{display:inline-block;vertical-align:top;position:relative;} #header .w1300 .gnb > ul > li:nth-child(1){margin-left:666px;} #header .w1300 .gnb > ul > li > a{display:block;font-size:18px;font-weight:bold;color:#fff;text-align:center;line-height:1;padding:41px 50px;transition:all 0.3s;} /* 2depth */ /* #header .w1300 .gnb > ul > li:first-of-type > ul{height:auto;} */ #header .w1300 .gnb > ul > li > ul{position:absolute;left:0;top:100px;padding-top:30px;width:100%;display:none;height:180px;box-sizing:border-box;transition:none;padding-bottom:100px;} #header .w1300 .gnb > ul > li > ul > li:first-of-type{margin-top:0;padding-top:0;} #header .w1300 .gnb > ul > li > ul > li{padding-top:15px;} #header .w1300 .gnb > ul > li > ul > li > a{display:inline-block;vertical-align:top;font-size:15px;font-weight:300;color:#fff;text-align:center;line-height:1.3;position:relative;transition:all 0.3s;} #header .w1300 .gnb > ul > li > ul > li > a:hover {font-weight:bold;} #header .w1300 .gnb > ul > li:hover, #header .w1300 .gnb > ul > li:hover ul {background:#2c65c3; color:#fff;} #header .w1300 .gnb > ul > li:hover > a {color:#fff;} /* 3depth */ #header .w1300 .gnb > ul > li > ul > li > ul{width:100%;padding-top:7px;display:none;} #header .w1300 .gnb > ul > li > ul > li > ul > li{text-align:center;} #header .w1300 .gnb > ul > li > ul > li > ul > li > a{display:inline-block;font-size:16px;font-weight:300;color:#6c6f78;text-align:left;padding-left:10px;position:relative;transition:all 0.3s;} #header .w1300 .gnb > ul > li > ul > li > ul > li > a:before{display:block;content:"-";position:absolute;left:0;top:0;} #header .w1300 .gnb > ul > li > ul > li > ul > li > a:hover{color:#2c65c3;} /* #header .w1300 .country{float:right;position:relative;z-index:100000;margin-top:27px;padding-bottom:27px} */ #header .w1300 .mobile-gnb{display:none;} #header .w1300 .mobile-menu-open{display:none;float:left;} @media all and (max-width:1300px){ #header .w1300{width:98%;} } @media all and (max-width:1024px){ #header .w1300 .mobile-menu-open{display:block;width:35px;height:30px;position:relative;transition:all 0.4s;box-sizing:border-box;margin-top:22px;} #header .w1300 .mobile-menu-open span{display:inline-block;transition:all 0.4s;box-sizing:border-box;position:absolute;left:0;width:100%;height:3px;background-color:#fff;border-radius:2px;} #header .w1300 .mobile-menu-open span:nth-of-type(1){top:0;} #header .w1300 .mobile-menu-open span:nth-of-type(2){top:14px;} #header .w1300 .mobile-menu-open span:nth-of-type(3){bottom:0;} #header.scroll-active .w1300 .mobile-menu-open span{background-color:#2c65c3;} #header.on .w1300 .mobile-menu-open span{background-color:#2c65c3;} /* 액티브 */ #header .w1300 .mobile-menu-open.on span:nth-of-type(1){transform: translateY(14px) rotate(-45deg);-webkit-transform: translateY (14px) rotate (-45deg);-moz-transform: translateY(14px) rotate(-45deg);-o-transform: translateY(14px) rotate(-45deg);-ms-transform: translateY(14px) rotate(-45deg);} #header .w1300 .mobile-menu-open.on span:nth-of-type(2){opacity: 0;} #header .w1300 .mobile-menu-open.on span:nth-of-type(3){transform: translateY(-14px) rotate(45deg);-webkit-transform: translateY(-14px) rotate(45deg);-moz-transform: translateY(-14px) rotate(45deg);-o-transform: translateY(-14px) rotate(45deg);-ms-transform: translateY(-14px) rotate(45deg);} #header .w1300 .gnb{display:none;} #header .w1300 h1{position:absolute;float:none;margin-top:0;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);} #header .w1300 .mobile-gnb{display:block;position:absolute;left:-999px;top:100px;background-color:rgba(255,255,255,0.95);width:350px;height:100vh;transition:all 0.3s;} #header .w1300 .mobile-gnb.on{left:-2%;} #header .w1300 .mobile-gnb > ul{} #header .w1300 .mobile-gnb > ul > li{} /* #header .w1300 .mobile-gnb > ul > li.active > a{background:#2c65c3 url("/img/m-gnb-on.png")no-repeat 95% center;border-color:#2c65c3;} */ #header .w1300 .mobile-gnb > ul > li {border-bottom:1px solid #646464; background:#555 url("/img/m-gnb-off.png")no-repeat 95% 24px; transition:all 0.3s;} #header .w1300 .mobile-gnb > ul > li.active {background:#2c65c3 url("/img/m-gnb-on.png")no-repeat 95% 27px;border-color:#2c65c3; border-bottom:none;} #header .w1300 .mobile-gnb > ul > li > a {display:block; width:calc(100% - 100px); font-size:17px; font-weight:bold; line-height:60px; color:#fff; height:60px; padding-left:30px; box-sizing:border-box;} /* #header .w1300 .mobile-gnb > ul > li > a{display:block;width:100%;height:60px;box-sizing:border-box;padding-left:30px;color:#fff;font-size:18px;font-weight:bold;line-height:60px;border-bottom:1px solid #646464;background:#555 url("/img/m-gnb-off.png")no-repeat 95% center;transition:all 0.3s;} */ #header .w1300 .mobile-gnb > ul > li.on > ul{display:block;} #header .w1300 .mobile-gnb > ul > li > ul{display:none;} #header .w1300 .mobile-gnb > ul > li > ul > li{} #header .w1300 .mobile-gnb > ul > li > ul > li > a{display:block;width:100%;height:50px;box-sizing:border-box;font-size:18px;line-height:50px;font-weight:400;color:#666;padding-left:30px;border-bottom:1px solid #dddedf;background:#f2f2f2 url("/img/m-gnb-off2.png")no-repeat 95% center;} #header .w1300 .mobile-gnb > ul > li > ul > li.on > a{background:#fff url("/img/m-gnb-on2.png")no-repeat 95% center;} #header .w1300 .mobile-gnb > ul > li > ul > li > ul{display:none;} } @media all and (max-width:640px){ #header{height:80px;} #header .w1300 .mobile-menu-open{margin-left:10px;margin-top:25px;} #header .w1300 .mobile-gnb{top:75px;} #header .black-bg{top:75px;} /* #header .w1300 h1 img{width:55px;} */ .mv ul li .w1300 > span{width:80%;margin:0 auto;} } /***************************** FOOTER *****************************/ #footer{} #footer .top{background-color:#28282e;padding:50px 0 65px;} #footer .top .w1300:after{display:block;content:"";clear:both;} #footer .top .w1300 .left{float:left;} #footer .top .w1300 .left > a{} #footer .top .w1300 .left > a > img{} #footer .top .w1300 .left .address{padding-top:10px;} #footer .top .w1300 .left .address span{display:inline-block;vertical-align:top;font-size:16px;line-height:24px;letter-spacing:-0.025em;font-weight:300;color:#ababab;} #footer .top .w1300 .left .address span b{display:inline-block;color:#fff;border-bottom:1px solid #d8d8d8;margin-right:8px;padding-bottom:3px;position:relative;font-weight:300;} #footer .top .w1300 .left .address span:first-of-type{margin-right:38px;} #footer .top .w1300 .left .address span:nth-of-type(2) b:before{display:block;content:"/";position:absolute;left:-24px;color:#9e9e9e;} #footer .top .w1300 .left .copyright{margin-top:15px;font-size:14px;line-height:24px;font-weight:400;letter-spacing:-0.025em;color:#fff;font-family: 'Roboto', sans-serif;} #footer .top .w1300 .right{float:right;} #footer .top .w1300 .right .family-site{position:relative;} #footer .top .w1300 .right .family-site > a.on{background:url("/img/common/family-site-bgon.jpg")no-repeat 90% 50%;} #footer .top .w1300 .right .family-site > a{display:block;font-family: 'Roboto', sans-serif;font-size:16px;font-weight:bold;letter-spacing:-0.025em;color:#ababab;padding-left:17px;text-align:left;box-sizing:border-box;width:232px;height:50px;border-bottom:1px solid #ababab;background:url("/img/common/family-site-bg.jpg")no-repeat 90% 50%;line-height:54px;transition:all 0.3s;} #footer .top .w1300 .right .family-site ul{position:absolute;top:50px;left:0;display:none;} #footer .top .w1300 .right .family-site ul li{} #footer .top .w1300 .right .family-site ul li a{display:block;width:232px;height:50px;box-sizing:border-box;text-align:left;padding-left:17px;line-height:50px;border:1px solid #ababab;border-top:0;font-size:14px;font-weight:400;color:#ababab;background-color:#28282e;} #footer .bottom a{display:block;height:70px;width:100%;text-align:center;font-family: 'Roboto', sans-serif;font-size:14px;line-height:70px;font-weight:bold;color:#fff;background-color:#1f1f24;} #footer .top .w1300 .left .foot_logo + .right {display:none;} #footer .top .w1300 .left .foot_logo {float:left;} @media all and (max-width:1100px){ /* #footer .top .w1300 .right{float:none;} */ #footer .top .w1300 > .right {display:none;} #footer .top .w1300 .right .family-site > a{display:inline-block; width:calc(100% - 160px); float:right;} #footer .top .w1300 .right .family-site ul{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);} #footer .top .w1300 .left{float:none; margin:0 auto;} #footer .top .w1300 .left .foot_logo {display:inline-block; width:164px; float:left;} #footer .top .w1300 .left .foot_logo img{width:100%;} #footer .top .w1300 .left .foot_logo + .right {display:block; width:calc(100% - 166px); max-width:300px; padding-left:50px; box-sizing:border-box;} #footer .top .w1300 .left .foot_logo + .right a {float:none; width:100%; height:40px; line-height:40px;} /* #footer .top .w1300 .left > a img{display:block;margin:15px auto 0;} */ #footer .top .w1300 .left .address{padding-top:20px;} #footer .top .w1300 .left .address span:first-of-type{margin-right:0;margin-bottom:5px;} #footer .top .w1300 .left .address span{display:block;text-align:left;} #footer .top .w1300 .left .address span:nth-of-type(2) b:before{display:none;} #footer .top .w1300 .left .copyright{text-align:left;} } #sv{width:100%;height:480px;box-sizing:border-box;background-size:cover !important;} #sv .w1300{} #sv .w1300 .sv-tit{font-size:56px;line-height:1.2;letter-spacing:-0.05em;font-weight:bold;color:#fff;text-align:center;padding-top:205px;text-shadow:1px 1px 5px rgba(0,0,0,0.9);} #sv .w1300 .sv-txt{font-size:23px;line-height:1.2;letter-spacing:-0.05em;font-weight:300;color:#fff;text-align:center;padding-top:20px;text-shadow:1px 1px 5px rgba(0,0,0,0.9);} #sv.sv0{background:url("/img/sv_1.jpg")no-repeat center top;background-size:cover;} #sv.sv01{background:url("/img/sv_1.jpg")no-repeat center top;background-size:cover;} #sv.sv02{background:url("/img/common/sv03.jpg")no-repeat center top;background-size:cover;} #sv.sv03{background:url("/img/common/sv04.jpg")no-repeat center top;background-size:cover;} #sv.sv04{background:url("/img/common/sv05.jpg")no-repeat center top;background-size:cover;} #sv.sv05{background:url("/img/common/sv06.jpg")no-repeat center top;background-size:cover;} #sv.sv06{background:url("/img/common/sv07.jpg")no-repeat center top;background-size:cover;} .pc_only {display:block;} .mobile_only {display:none;} @media all and (max-width:640px){ #sv{height:350px;} #sv .w1300 .sv-tit{font-size:28px;padding-top:125px;} #sv .w1300 .sv-txt{font-size:18px;word-break:keep-all;width:80%;margin:0 auto;} .pc_only {display:none;} .mobile_only {display:block;} } #lnb{box-sizing:border-box;width:100%;} #lnb .w1640{width:1640px;margin:0px auto 0;background-color:#fff;height:170px;padding-top:60px;box-sizing:border-box;} #lnb .w1640 .w1300{position:relative;} #lnb .w1640 .w1300 .title_sub {text-align:center; font-size:40px; font-weight:bold;} @media all and (max-width:1640px){ #lnb .w1640{width:93.5%;} #lnb .w1640 .w1300{width:93.5%;} } @media all and (max-width:1024px){ #lnb .w1640{height:100px; padding-top:48px;} #lnb .w1640 .w1300 .title_sub {text-align:center; font-size:27px; font-weight:bold;} } .mv > a{display:block;width:106px;height:106px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:25px;z-index:555;position:absolute;animation-name:scrolld;-webkit-animation-name:scrolld; animation-duration:0.7s; -webkit-animation-duration:0.7s;animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-direction: alternate; animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;} @keyframes scrolld{ 0%{bottom:40px;opacity:0.5;} 100%{bottom:25px;opacity:1;} } @media all and (max-width:1400px){ .mv > a{display:none;} } /* privacy */ .privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; padding:20px; font-size:15px; line-height: 140%; word-break:break-all; padding:50px 0;} .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%; } .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; } .pop-wrap{z-index:999999999 !important;}