@charset "utf-8";
/* webfont */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gentium+Basic:wght@400;700&display=swap');
/* font-family: 'Gentium Basic', 'serif'; */
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
/* font-family: 'PT Sans', sans-serif; */

/* ÃʱâÈ­ */
html {position:relative;width:100%;height:100%;margin:0;padding:0;}
body {position:relative;width:100%;height:100%;margin:0;padding:0;overflow-y:scroll;background:#eee}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:22px;font-family:'Nanum Gothic','µ¸¿ò',dotum,sans-serif;color:#666;letter-spacing:-1px;} /* color°ªÀº µðÀÚÀΰ¡À̵忡 ¸Â°Ô»ç¿ë */
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

#hd ul, nav ul, #ft ul {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}
input, button {margin:0;padding:0;}
button {cursor:pointer}

textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}

.size12 {font-size:12px;line-height:18px;}
.size14 {font-size:14px;line-height:20px;}
.size16 {font-size:16px;line-height:22px;}
.size18 {font-size:18px;line-height:24px;}
.size24 {font-size:24px;line-height:32px;}
.size30 {font-size:30px;line-height:40px;}
.size36 {font-size:36px;line-height:44px;}

.red {color:#f75665}
.blue {color:#569ffd}
.blue_b {color:#86bce3}
.gray {color:#888}
.black {color:#222}
.white {color:#fff}
.orange {color:#ff7700}
.green {color:#05b621}

.bold {font-weight:bold}
.normal {font-weight:normal}

.clb {clear:both}

li,dd,a,h1,h2,a,img {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#gnb_wrap {position:fixed;left:0;top:0;width:100%;height:80px;background:url(../images/gnb_bg.png);z-index:999;}
#gnb_wrap a img {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#gnb_wrap a.logo {display:block;margin:15px 0 0 50px;}
#gnb_wrap a.btn {display:block;position:absolute;right:50px;top:15px;width:100px;height:50px;overflow:hidden;color:#fff;font-size:16px;text-align:center;line-height:50px;text-decoration:none;background:#117cce;border-radius:5px;cursor:pointer}

#section1 {position:relative;width:100%;background:#232323}
#section1 section {position:absolute;width:100%;height:100%;left:0;top:0;color:#fff;text-align:center;background:url(../images/pattern.gif);z-index:999;}

#section1 h1 {display:block;margin:0 0 40px 0;padding:160px 0 0 0;color:#fff;font-size:48px;font-weight:normal;line-height:52px;}
#section1 h1 strong {color:#6999e9;font-weight:normal;}
#section1 h2 {display:block;margin:0 0 50px 0;color:#fff;font-size:18px;font-weight:normal;}
#section1 dl {width:100%;max-width:800px;margin:0 auto 20px auto;}
#section1 dl dd {display:block;position:relative;float:left;width:28%;text-align:left;}
#section1 dl dd.last {width:16%}
#section1 dl dd p {position:relative;padding:0 0 0 30px;font-size:24px;line-height:30px;}
#section1 dl dd p label {display:block;position:absolute;left:0;top:0;color:#6999e9;font-size:36px;font-weight:700;line-height:36px;}
#section1 a.btn_contact {display:block;width:300px;height:60px;margin:0 auto 40px auto;color:#fff;font-size:16px;text-align:center;line-height:60px;text-decoration:none;background:#117cce;border-radius:5px;cursor:pointer;}
#section1 a.btn_telegram {display:block;width:140px;height:50px;margin:0 auto 50px auto;color:#fff;font-size:14px;text-align:center;line-height:50px;text-decoration:none;background:#31a8dc;border-radius:5px;cursor:pointer;}

#section1 section {position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;}

#videoEle {width:100%;height:100%;overflow:hidden;left:0;top:0;z-index:9}

#section1 .mov {display:block;}

#section2 {padding:80px 0;color:#666;text-align:center;background:url(../images/section2_bg.jpg) no-repeat 50% 50% #fff;background-size:cover}
#section2 h1 {display:block;margin:0 0 40px 0;color:#fff;font-size:48px;font-weight:normal;line-height:52px;}
#section2 h1 strong {color:#117cce;font-weight:normal;}
#section2 h2 {display:block;margin:0 0 50px 0;color:#fff;font-size:18px;font-weight:normal;}
#section2 dl {width:100%;max-width:800px;margin:0 auto 40px auto;}
#section2 dl dd {display:block;position:relative;float:left;width:27%;text-align:left;}
#section2 dl dd.last {width:19%}
#section2 dl dd p {position:relative;padding:0 0 0 30px;font-size:16px;line-height:20px;}
#section2 dl dd p strong {display:block;margin:0 0 8px 0;color:#222;font-size:24px;font-weight:normal}
#section2 dl dd p label {display:block;position:absolute;left:0;top:0;color:#117cce;font-size:36px;font-weight:700;line-height:30px;}
#section2 a {display:block;width:300px;height:60px;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:60px;text-decoration:none;background:#117cce;border-radius:5px;}
#section2 .mov {width:800px;height:500px;margin:0 auto;background:url(../images/section2_screen.png) no-repeat 50% 50%;}
#section2 .mov_ {width:576px;height:360px;margin:0 auto;padding:45px 0 0 0}

#section3 {padding:60px 0;color:#fff;text-align:center;background:url(../images/section3_bg.jpg) no-repeat 50% 50% #000;background-size:cover}
#section3 h1 {display:block;margin:0 0 8px 0;color:#fff;font-size:48px;font-weight:normal;line-height:52px;}
#section3 h1 strong {color:#569ffd;font-weight:normal;}
#section3 h2 {display:block;margin:0 0 50px 0;color:#fff;font-size:18px;font-weight:normal;}
#section3 dl {width:100%;max-width:800px;margin:0 auto 40px auto;}
#section3 dl dd {display:block;position:relative;float:left;width:28%;text-align:left;}
#section3 dl dd.last {width:16%}
#section3 dl dd p {position:relative;padding:0 0 0 30px;font-size:24px;line-height:30px;}
#section3 dl dd p label {display:block;position:absolute;left:0;top:0;color:#559dfa;font-size:36px;font-weight:700;line-height:36px;}
#section3 a {display:block;width:300px;height:60px;margin:0 auto;color:#fff;font-size:16px;text-align:center;line-height:60px;text-decoration:none;background:#117cce;border-radius:5px;cursor:pointer;}

#section3 #mov {position:relative;width:1100px;height:440px;margin:0 auto;text-align:left;}
#section3 #mov .mov1 {position:absolute;left:0px;top:0px;z-index:9999}
#section3 #mov .mov1 .mov1_ {position:absolute;left:43px;top:66px;}
#section3 #mov .mov1 .mov1_ .ebank {width:553px;height:311px;}
#section3 #mov .mov2 {position:absolute;left:485px;top:84px;z-index:99999;}
#section3 #mov .mov3 {position:absolute;left:198px;top:60px;z-index:9;}
#section3 #mov ul {position:absolute;width:450px;left:650px;top:110px;z-index:9999999}
#section3 #mov ul li {display:block;height:50px;padding:0 0 0 24px;font-size:20px;text-align:left;line-height:50px;letter-spacing:-1px;background:url(../images/icon_chk.png) no-repeat 0 50%}

#section4 {padding:160px 0;text-align:center;background:#fff;}
#section4 h1 {display:block;margin:0 0 80px 0;color:#222;font-size:48px;font-weight:normal;line-height:52px;}
#section4 h1 strong {color:#117cce;font-weight:normal;}
#section4 ul {width:100%;max-width:1000px;margin:0 auto;}
#section4 ul li {display:block;float:left;width:16.6%;text-align:center;}

#footer_wrap {padding:40px 0;background:url(../images/section3_bg.jpg) no-repeat 50% 50% #000;background-size:cover}
#footer_wrap .footer {width:100%;max-width:1100px;margin:0 auto;color:#fff;text-align:center;letter-spacing:0;}
#footer_wrap .footer strong {font-weight:700;color:#6999e9}

#login_title {width:300px;padding:10px 0;margin:0 auto 20px auto;background:#222;}
#login_wrap {width:300px;margin:0 auto;}
#login_wrap ul {margin:0 0 30px 0;}
#login_wrap ul li {display:block;position:relative;margin:0 0 10px 0;border:none}
#login_wrap ul li .input {width:100%;height:40px;color:#fff;font-size:14px;text-indent:8px;line-height:40px;background:#3f424b;border:none;border-radius:5px;}
#login_wrap ul li .idlabel {display:block;position:absolute;left:0;top:0;height:40px;color:#fff;font-size:14px;text-indent:8px;line-height:40px;}
#login_wrap ul li .pwlabel {display:block;position:absolute;left:0;top:0;height:40px;color:#fff;font-size:14px;text-indent:8px;line-height:40px;}
#login_wrap .btn {display:block;width:100%;height:50px;margin:0 auto;color:#fff;font-size:14px;text-align:center;line-height:50px;background:#117cce;border:none;border-radius:5px;cursor:pointer;}

#contact_wrap {width:520px;background:#444}
#contact_title {width:500px;padding:10px 0;margin:0 auto 20px auto;background:#222;}
#contact_wrap {width:500px;margin:0 auto 20px auto;}
#contact_form ul {margin:0 10px 30px 10px;}
#contact_form ul li {display:block;position:relative;width:100%;overflow:hidden;margin:0 0 10px 0;background:#fff;border:none;border-radius:5px;}
#contact_form ul li .input {width:100%;height:40px;color:#222;font-size:14px;text-indent:8px;line-height:40px;background:#fff;border:none;}
#contact_form ul li .textarea {display:block;width:584px;height:120px;padding:8px;color:#222;font-size:14px;line-height:22px;background:#fff;border:none;}
#contact_form ul li .namelabel {display:block;position:absolute;left:0;top:0;height:40px;color:#222;font-size:14px;text-indent:8px;line-height:40px;}
#contact_form ul li .emaillabel {display:block;position:absolute;left:0;top:0;height:40px;color:#222;font-size:14px;text-indent:8px;line-height:40px;}
#contact_form ul li .phonelabel {display:block;position:absolute;left:0;top:0;height:40px;color:#222;font-size:14px;text-indent:8px;line-height:40px;}
#contact_form ul li .msglabel {display:block;position:absolute;left:8;top:8;height:40px;color:#222;font-size:14px;text-indent:8px;line-height:40px;}
#contact_form .btn {display:block;width:480px;height:50px;margin:0 10px;color:#fff;font-size:14px;text-align:center;line-height:50px;background:#117cce;border:none;border-radius:5px;cursor:pointer;}



@media only screen and (max-width: 1280px) {
#section1 h1 {padding:80px 0 0 0;}
}


/* ¸ð¹ÙÀÏ */
@media only screen and (max-width: 766px) {
#gnb_wrap {position:absolute;left:0;top:0;width:100%;height:60px;background:url(../images/gnb_bg.png);z-index:999;}
#gnb_wrap a.logo {display:block;width:120px;margin:12px auto 0 auto;}
#gnb_wrap a.logo img {width:100%;height:auto;}
#gnb_wrap a.btn {display:block;position:absolute;right:10px;top:13px;width:32px;height:32px;overflow:hidden;color:#fff;font-size:16px;text-align:center;line-height:999;text-decoration:none;background:url(../images/icon_login.png) no-repeat 50% 50% #117cce;border-radius:5px;}

body,th,td,input,select,textarea,button {font-size:14px;line-height:18px;} /* color°ªÀº µðÀÚÀΰ¡À̵忡 ¸Â°Ô»ç¿ë */

#section1 {position:relative;width:100%;height:700px;background:url(../images/ebank.jpg) 50% 50% #232323;background-size:100% auto}
#section1 h1 {display:block;margin:0 0 30px 0;padding:120px 0 0 0;color:#fff;font-size:30px;font-weight:normal;line-height:36px;}
#section1 h1 strong {color:#6999e9;font-weight:normal;}
#section1 h2 {display:block;margin:0 0 30px 0;color:#fff;font-size:14px;font-weight:normal;}
#section1 dl {width:100%;max-width:800px;margin:0 auto;}
#section1 dl dd {display:block;position:relative;float:left;width:50%;margin:0 0 20px 0;text-align:left;}
#section1 dl dd.last {width:50%}
#section1 dl dd p {position:relative;width:110px;margin:0 auto;padding:0 0 0 25px;font-size:18px;line-height:22px;}
#section1 dl dd p label {display:block;position:absolute;left:0;top:0;color:#559dfa;font-size:30px;font-weight:700;line-height:30px;}
#section1 a.btn_contact {display:block;width:200px;height:50px;margin:0 auto 30px auto;color:#fff;font-size:14px;text-align:center;line-height:50px;background:#117cce;border-radius:5px;}
#section1 a.btn_telegram {display:block;width:120px;height:40px;margin:0 auto 50px auto;color:#fff;font-size:12px;text-align:center;line-height:40px;text-decoration:none;background:#31a8dc;border-radius:5px;}

#videoEle {display:none;}

#section2 {padding:40px 0;color:#666;text-align:center;background:url(../images/section2_bg.jpg) no-repeat 50% 50% #fff;background-size:cover}
#section2 h1 {display:block;margin:0 0 18px 0;color:#fff;font-size:30px;font-weight:normal;line-height:36px;}
#section2 h1 strong {color:#117cce;font-weight:normal;}
#section2 h2 {display:block;margin:0 0 30px 0;color:#fff;font-size:14px;font-weight:normal;}
#section2 dl {width:100%;max-width:800px;margin:0 auto;}
#section2 dl dd {display:block;position:relative;float:left;width:50%;margin:0 0 20px 0;text-align:left;}
#section2 dl dd.last {width:50%;}
#section2 dl dd p {position:relative;width:140px;margin:0 auto;padding:0 0 0 25px;font-size:14px;line-height:18px;}
#section2 dl dd p strong {display:block;margin:0 0 6px 0;color:#222;font-size:18px;font-weight:normal}
#section2 dl dd p label {display:block;position:absolute;left:0;top:0;color:#117cce;font-size:30px;font-weight:700;line-height:30px;}
#section2 a {display:block;width:200px;height:50px;margin:0 auto;color:#fff;font-size:14px;text-align:center;line-height:50px;background:#117cce;border-radius:5px;}
#section2 .mov {width:300px;height:188px;margin:0 auto;background:url(../images/section2_screen.png) no-repeat 50% 50%;background-size:100%}
#section2 .mov_ {display:none;width:215px;height:135px;margin:0 auto;padding:17px 0 0 0}

#section3 {padding:40px 0;color:#fff;text-align:center;background:url(../images/section3_bg.jpg) no-repeat 50% 50% #000;background-size:cover}
#section3 h1 {display:block;margin:0 0 8px 0;color:#fff;font-size:30px;font-weight:normal;line-height:36px;}
#section3 h1 strong {color:#7ebbff;font-weight:normal;}
#section3 h2 {display:block;margin:0 0 30px 0;color:#fff;font-size:14px;font-weight:normal;}
#section3 dl {width:100%;max-width:800px;margin:0 auto;}
#section3 dl dd {display:block;position:relative;float:left;width:50%;margin:0 0 20px 0;text-align:left;}
#section3 dl dd.last {width:50%}
#section3 dl dd p {position:relative;width:110px;margin:0 auto;padding:0 0 0 25px;font-size:18px;line-height:22px;}
#section3 dl dd p label {display:block;position:absolute;left:0;top:0;color:#559dfa;font-size:30px;font-weight:700;line-height:30px;}
#section3 a {display:block;width:200px;height:50px;margin:0 auto;color:#fff;font-size:14px;text-align:center;line-height:50px;background:#117cce;border-radius:5px;}

#section3 #mov {position:relative;width:100%;height:390px;overflow:hidden;margin:0 auto;text-align:left;}
#section3 #mov .mov1 {position:relative;left:-30px;top:0px;width:300px;margin:0 auto;z-index:9999}
#section3 #mov .mov1 img {width:100%;height:auto;}
#section3 #mov .mov1 .mov1_ {position:absolute;left:20px;top:30px;}
#section3 #mov .mov1 .mov1_ .ebank {display:none;width:260px;height:146px;}
#section3 #mov .mov2 {position:absolute;left:44%;top:54px;margin:0 0 0 80px;z-index:99999;}
#section3 #mov .mov2 img {width:80px;height:auto}
#section3 #mov .mov3 {position:absolute;left:44%;top:37px;margin:0 0 0 -50px;z-index:9;}
#section3 #mov .mov3 img {width:290px;height:auto}
#section3 #mov ul {position:relative;width:100%;left:0;top:40px;}
#section3 #mov ul li {display:block;height:auto;padding:0 0 8px 27px;font-size:14px;text-align:left;line-height:18px;letter-spacing:-1px;background:url(../images/icon_chk2.png) no-repeat 8px 2px}

#section4 {padding:60px 10px;text-align:center;background:#fff;}
#section4 h1 {display:block;margin:0 0 40px 0;color:#222;font-size:30px;font-weight:normal;line-height:36px;}
#section4 ul {width:100%;max-width:1000px;margin:0 auto;}
#section4 ul li {display:block;float:left;width:33.3%;margin:0 0 20px 0;text-align:center;}
#section4 ul li img {width:70%;max-width:116px;height:auto}

#footer_wrap {padding:40px 10px}

#contact_wrap {width:300px;background:#444}
#contact_title {width:270px;padding:10px 0;margin:0 auto 20px auto;background:#222;}
#contact_wrap {width:270px;margin:0 auto 20px auto;}
#contact_form ul {margin:0 10px 30px 10px;}
#contact_form .btn {display:block;width:250px;height:40px;margin:0 10px;color:#fff;font-size:14px;text-align:center;line-height:40px;background:#117cce;border:none;border-radius:5px;}


}