@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/mfd/f3d96ec7f0e8f034cc22ea73b3797b59/raw/856f1dbb8d807aabceb80b6d4f94b464df461b3e/gotham.css');

html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:18px;font-family:"Noto Sans KR", 'Malgun Gothic', dotum, sans-serif;color:#656565;line-height:1.6;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Noto Sans KR", 'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"], input[type="button"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

img{max-width:100%}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}
input[type="radio"], input[type="checkbox"]{margin:0}
.placeholdersjs {color:#aaa !important}

.animate-box{opacity:0}
.mt0{margin-top:0 !important}

.wrap{padding-top:80px}
#header{position:fixed;width:100%;left:0;top:0;background:#fff;z-index:99;transition: 0.3s;border-top:5px solid #003366;border-bottom:1px solid #dedede}
.head{max-width:1280px;padding:10px 0 0;margin:0 auto;position:relative}
.head:after{display:block;clear:both;content:''}
.m-on{border-bottom:1px solid #ddd}
.logo{width:174px;position:absolute;left:0;transition: 0.3s;margin-top:5px}

#gnb{margin:0 auto;width:650px;transition:0.3s;padding-left:90px}
#gnb>ul{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
#gnb>ul:after{display:none}
#gnb>ul>li{padding-top:12px;position:relative;height:64px}
#gnb ul li{position:relative;transition:0.3s}
#gnb ul li>div{overflow:hidden;position:absolute;top:calc(100% + 1px);left:50%;width:150px;z-index:98;transform:translateX(-50%)}
#gnb>ul>li a{display:block;width:100%;position:relative;font-size:14px;}
#gnb>ul>li>a{display:block;width:100%;position:relative;font-size:18px;z-index:100}
#gnb>ul li ul a{padding:10px 10px;line-height:120%;text-align:center}
#gnb>ul>li>div ul {position:absolute;bottom:100%; left:0;width:100%;z-index:98;}
#gnb>ul>li>div>ul>li {font-size:14px; line-height:28px;text-align:left;background-color:rgba(0,0,0,0.6);border-bottom:1px solid #333;position:relative}
#gnb>ul>li>div>ul>li:hover{background-color:#0a67b3;}
#gnb>ul>li>div>ul>li div{position:absolute;top:0;left:150%;width:100%;z-index:99;}
#gnb>ul>li>div>ul>li div>ul{border-left:1px solid #000}
#gnb>ul>li>div>ul>li div>ul li {font-size:11px;line-height:28px;text-align:left;background-color:rgba(0,0,0,0.6);border-bottom:1px solid #333;position:relative}
#gnb>ul>li>div>ul>li div>ul li:hover{background-color:#000)}
#gnb a.pageon{color:#0a67b3 !important}
.plus>a:after{display:block;position:absolute;right:10px;font-size:18px;font-weight:100 !important;content:'+';top:10px}
#gnb ul li a, #gnb ul li a:link{color:#fff}
#gnb>ul>li>a, #gnb>ul>li>a:link{color:#000}
#gnb ul li a:hover, #gnb ul li a:focus {}
#gnb>ul>li.active>a{color:#0a67b3 !important}
#gnb>ul>li>div>ul>li div ul li.active{background:#000 !important}
#gnb>ul>li>div>ul>li div ul li.active>a{color:#0a67b3 !important}

.top-bt{position:absolute;top:18px;right:20px}
.top-bt ul li{display:inline-block;margin:0 10px}

.main-visual{position:relative;overflow:hidden}
.main-visual>ul{position:relative;min-width:1920px;left:50%;transform:translateX(-50%)}
.arrow-prev{position:absolute;left:calc(50% - 700px);top:50%;transform:translateY(-50%);z-index:9;}
.arrow-next{position:absolute;right:calc(50% - 700px);top:50%;transform:translateY(-50%);z-index:9;}
.slick-dots{display:none !important}

#container{margin:0 auto;padding:80px 0 50px;min-height:500px}
#footer{background:#333;font-size:14px;padding:30px 0 50px;color:#999}
#footer>div{width:1280px;margin:0 auto;}
#footer>div>div{color:#ccc;margin-bottom:10px}
#footer>div>div span{display:inline-block;margin-right:10px}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#036;background:#036;color:#fff}

h2.m-tit{color:#003366;font-size:40px;font-weight:600;position:relative;padding-top:17px;text-align:center;margin-top:20px}
h2.m-tit:before{width:30px;height:3px;display:block;content:'';position:absolute;left:50%;top:0;background:#036;transform:translateX(-50%)}
h2.m-tit p{font-size:18px;font-weight:normal;color:#666;margin-top:10px}

.main-thum{display:flex;flex-wrap:wrap;justify-content:space-between;margin:50px auto 100px;width:1280px}
.main-thum li{margin-bottom:40px}
.main-thum li a{background:#036;display:block;padding:1px;text-align:center}
.main-thum li a>div{overflow:hidden}
.main-thum li a>div img{transition: 0.3s}
.main-thum li a:hover>div img{transform:scale(1.1);}
.main-thum li a p{color:#fff;padding:10px 0;font-size:24px}

.main-back{background:url(../images/main_back.jpg) no-repeat center fixed;position:relative;padding:190px 0;text-align:center;color:#fff;margin-bottom:100px}
.main-back:before{display:block;content:'';background:rgba(0,0,0,.6);position:absolute;left:0;top:0;width:100%;height:100%}
.main-back>div{position:relative;z-index:2}
.main-back>div p{font-size:48px;font-weight:600;margin-bottom:20px}

.main-bnr{width:1280px;margin:120px auto 50px;display:flex;flex-wrap:wrap;justify-content:space-between;font-size:14px;}
.main-bnr li a{display:flex;color:#666}
.main-bnr li a>div{padding-left:20px}
.main-bnr li a>div p{font-size:30px;color:#000;font-weight:600}
.main-bnr li a>div span{display:block;padding-left:4px}
.main-bnr li a>div span i{font-size:13px;margin-top:5px;display:inline-block;padding:3px 20px;font-style:normal;background:#eaeaea url(../images/arrow_s.png) no-repeat 90% center;transition:0.3s}
.main-bnr li a:hover>div span i{background:#036;color:#fff}

.sub1{background:url(../images/sub1.jpg) no-repeat center;height:180px;}
.sub2{background:url(../images/sub2.jpg) no-repeat center top;height:180px;}
.sub3{background:url(../images/sub3.jpg) no-repeat center;height:180px;}
.sub4{background:url(../images/sub4.jpg) no-repeat center;height:180px;}
h2.tit{font-size:36px;text-align:center;color:#000;margin-bottom:50px;font-weight:400}

.clearfix{clear:both}
.navi{border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#f9f9f9;font-size:14px;}
.navi>div{max-width:1280px;margin:0 auto;}
.navi>div>div{position:relative;z-index:10;}
.home-bt{padding:12px 0 8px;display:block;float:left;border-left:1px solid #ddd;width:60px;text-align:center;}
.home-bt img{vertical-align:top;width:18px}
.s-bt{float:left;width:200px;padding:10px 0 10px 35px;position:relative;z-index:2;border-left:1px solid #ddd;border-right:1px solid #ddd;margin-left:-1px}
.navi>div>div .s-bt:last-of-type{border-right:1px solid #ddd}
.s-bt.arr{background:url(../images/arrow_bottom.png) no-repeat 95% 50%}
.s-bt.arr.active{background-image:url(../images/arrow_top.png)}
.s-bt>span{position:absolute;width:100%;height:100%;left:0;top:0;cursor:pointer;z-index:3}
.s-bt>p{position:relative;z-index:2}
.s-bt:after{display:block;content:'';position:absolute;z-index:0;left:0;top:0;width:100%;height:100%}
.s-bt>div{overflow:hidden;position:absolute;top:calc(100% + 1px);left:-1px;width:calc(100% + 2px);z-index:98;}
.s-bt ul li a{border-bottom:1px solid #dedede;padding:10px 0 10px 20px;display:block;font-size:0.9em}
.s-bt ul li a:hover{color:#0a67b3}
.s-bt>div>ul{position:absolute;border:1px solid #dedede;border-bottom:0;width:100%;background:#fff;z-index:1;left:0;bottom:100%}
.sub-container{width:1280px;margin:0 auto;padding-bottom:80px}

.intro{margin-top:100px}
.intro:after{display:block;clear:both;content:''}
.intro-img{float:left;width:600px;}
.intro-txt{float:left;width:calc(100% - 600px);padding-left:85px;word-break:keep-all}
.intro-txt>p{font-size:26px;color:#000;margin-bottom:20px}
.intro-txt>p strong{color:#036}
.intro-txt>strong{color:#036;}
.e-copy{font-size:42px;font-weight:100;color:#a99f96;font-family:'GothamPro', sans-serif;line-height:.7;letter-spacing:-1px;margin:0 0 20px}
.e-copy p{display:inline-block;margin-right:20px}
.writer{text-align:right;margin-top:50px}
.writer strong{font-size:1.3em;font-weight:600;color:#000}

contact{position:relative;}
.root_daum_roughmap{width:100% !important;}
table.tbl {border:0;border-spacing:0; border-collapse:collapse;border-top:1px solid #000;padding:0;width:100%;margin-bottom:10px 0;}
table.tbl td{border-bottom:1px solid #dedede;padding:10px 5px 10px 20px;vertical-align:middle;border-left:1px solid #dedede;width:40%}
table.tbl th{border-bottom:1px solid #dedede;padding:10px 5px;text-align:center;background:#036;vertical-align:middle;color:#fff;width:10%}
table.tbl td:first-child, table.tbl th:first-child{border-left:none}
table.tbl p{display:inline-block;margin-right:20px;word-break:keep-all}
table.tbl p strong{color:#000}
.bdl{border-left:1px solid #dedede}

.service-wrap>div{padding:50px 0;position:relative}
.service-wrap>div:before{border-top:1px dashed #999;display:block;content:'';height:100px}
.service-wrap>div:first-child:before{border-top:none}
.s-wrap{display:flex;flex-wrap:wrap;}
.info{width:60%;word-break:keep-all;margin-bottom:80px}
.icon-area{width:40%;display:flex;justify-content:flex-end;margin-bottom:80px}
.icon-area>p{display:flex;align-items:center;justify-content:center;height:250px;width:400px;border-radius:10px}
.dot{margin-top:10px}
.dot li{position:relative;margin-bottom:5px;color:#000;padding-left:10px}
.dot li:before{background:#000;width:4px;height:4px;border-radius:50%;top:12px;left:0;position:absolute;display:block;content:''}
.service-wrap>div h3.tit{margin-top:0}
.ser-bt{text-align:center}
.ser-bt a{display:inline-block;color:#fff;padding:20px 100px;border-radius:10px;line-height:1;font-size:20px;transition:.5s}
.ser-bt a.bt1{background:#ef9616;color:#fff;}
.ser-bt a.bt2{background:#0a67b3;color:#fff;}
.ser-bt a:hover{background:#000}
.anchor{position:sticky;top:79px;z-index:9;margin:150px 0 -100px}
.anchor .tab{width:100%}

.pic1{background:#acddcc}
.pic2{background:#c5b3fb}
.pic3{background:#e6bfec}
.pic4{background:#7694eb}
.pic5{background:#8ed2db}
.pic6{background:#e4cda7}
.pic7{background:#93c8eb}
.pic8{background:#bcc2ed}
.pic9{background:#fdcdd3}


.tab{margin:-50px auto 50px;display:flex;width:600px;}
.tab li{flex:1;border:1px solid #ddd;color:#aaa;cursor:pointer;text-align:center;padding:10px 0;margin-left:-1px;background:#fff}
.tab li.active{background:#036;border-color:#036;color:#fff}
.pay{margin:50px auto;max-width:600px;}

.etc{width:570px;margin:0 auto}
h3.tit{margin:20px 0 5px;font-size:26px;color:#000}
.mem-top{display:flex;flex-wrap:wrap;align-items:center;width:570px;margin:0 auto}
.mem-top>p{width:115px;height:115px;padding:10px;background:#bdcbf3;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mem-top>div strong{color:#000}
.mem-top>div{width:calc(100% - 115px);padding-left:20px}
.member{border:1px solid #dedede;margin:20px 0}
.member h3.tit{background:#f3f3f3;padding:10px 20px;margin:0;font-size:1.1em}
.join-txt{height:300px;overflow-y:auto;background:#f9f9f9;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 25px;font-size:.8em}
.join-txt p{margin-top:10px}
.join-txt strong{font-weight:500;color:#000}
.chk{padding:10px 0;text-align:center;position:relative;font-size:.9em}
.chk span{position:absolute;left:20px;top:50%;transform:translateY(-50%)}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#bbb}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#bbb}
input::placeholder, textarea::placeholder {color:#bbb;opacity: 1;}

.form-bt{text-align:center;padding-top:50px}
.btn-ok{border:1px solid #036;background:#036;color:#fff;padding:15px 80px;border-radius:10px;transition:.5s;line-height:1;vertical-align:top}
.btn-ok:hover{background:#000;border-color:#000}
.btn-cancel{display:inline-block;padding:15px 70px;border-radius:10px;border:1px solid #aaa;color:#aaa;margin:0 50px;line-height:1;transition:.5s}
.btn-cancel:hover{background:#efefef}

.login{max-width:570px;margin:0 auto}
.login input[type=text], .member-form input[type=text], .lost-idpw input[type=text], .login input[type=password], .member-form input[type=password]{height:50px;width:100%;border:1px solid #dedede;background:#f9f9f9;padding:0 10px;border-radius:5px}
.login input[type=text]{margin-bottom:10px}
.input-box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.input-txt{width:calc(100% - 110px);}
.input-bt{width:100px;display:flex;justify-content:flex-end}
.input-bt input[type=submit]{width:100%;background:#03264c;border:none;color:#fff;transition: 0.3s;border-radius:5px}
.input-bt input[type=submit]:hover{background:#333}
.log-box{border:1px solid #ddd;padding:40px 50px 40px;margin:20px auto;max-width:560px}
.log-box ul{margin-top:5px}
.log-box ul li{font-size:.8em;position:relative;padding-left:10px;margin-bottom:2px}
.log-box ul li:before{display:block;background:#333;width:4px;height:4px;top:9px;left:0;content:'';position:absolute;left:0}
.log-q{border-top:1px dashed #ccc;margin-top:10px;font-size:.8em;color:#000}
.log-q>div{display:flex;justify-content:space-between;align-items:center;margin:10px 0 0}
.log-q>div a{display:inline-block;padding:8px 10px;background:#333;border-radius:5px;color:#fff;line-height:1;transition: 0.3s}
.log-q>div a:hover{background:#03264c}
.lost-idpw{max-width:900px;margin:0 auto}
.lost-bt{display:flex;flex-wrap:wrap;margin-top:30px}
.lost-bt>li{width:50%;position:relative}
.lost-bt>li:after{display:block;content:'';position:absolute;right:0;background:#ccc;width:1px;height:60%;top:20%}
.lost-bt>li:last-child:after{display:none}
.lost-bt>li>a{display:block;padding:20px 25px;background:#f9f9f9;transition: 0.3s;height:190px}
.lost-bt>li>a:hover{background:#efefef}
.lost-bt>li>a>div{display:flex;flex-wrap:wrap;font-size:.8em;margin-top:10px;color:#666}
.lost-bt>li>a>div p{width:100px;text-align:center}
.lost-bt>li>a>div span{width:calc(100% - 100px);}
.lost-bt>li>a>div span b{color:#f00;font-weight:500}
.lost-bt>li>a>div span i{font-style:normal;display:inline-block;padding:5px 20px;border:1px solid #ccc;background:#fff;line-height:1;margin-top:10px;transition: 0.3s}
.lost-bt>li>a:hover>div span i{background:#000;color:#fff;border-color:#000}
.lost-bt>li>div{padding:20px 25px}
.lost-bt>li>div strong{color:#000}
.lost-bt>li>div>div{margin-top:10px;height:190px}
.lost-bt>li>div>div>p{margin-bottom:10px}
.lost-bt>li>div a{display:block;padding:10px;width:150px;margin:0 auto;background:#036;color:#fff;text-align:center;border-radius:10px;transition:0.5s}
.lost-bt>li>div a:hover{background:#000}

.member-form{margin-top:30px;border-top:2px solid #000;border-bottom:1px solid #000}
input[type=button].sch{background:#666;color:#fff;border:none;padding:13px 15px}
select.s-input{width:100px;height:50px;border:1px solid #dedede;background:#f9f9f9;padding-left:10px}
select.mail{width:150px;height:50px;border:1px solid #dedede;background:#f9f9f9;padding-left:10px}
input[type=text].s-input{width:150px}
input[type=text].mail, input[type=text].zip{width:200px}
.member-form dl{display:flex;flex-wrap:wrap;align-items:center;padding:0 20px}
.member-form dt{width:200px;padding:10px 0;height:70px;border-bottom:1px solid #eee;display:flex;align-items:center;padding-left:20px;color:#000}
.member-form dd{width:calc(100% - 200px);padding:10px 0;height:70px;position:relative;border-bottom:1px solid #eee}
.member-form dd.vert{display:flex;align-items:center;}
.member-form dd span{width:400px;display:inline-block}
.member-form dl dt:last-of-type, .member-form dl dd:last-of-type{height:auto;border-bottom:none}
input[type=text].addr{margin-top:10px}
.member-form dd #wrap{position:absolute;top:44px;border:1px solid;width:500px;height:300px;margin:5px 0}