@charset "UTF-8";

html, body {overflow:hidden;width:100%;height:100%;min-width:980px;min-height:768px}
#wrap {position:relative;width:100%;height:100%;}
.bg {display:none}

/* header */
#header {position:absolute;width:100%;height:65px;background:rgba(0,0,0,0.2);z-index:150}
#header h1 {position:absolute;left:25px;top:15px}
#header h1 a {display:inline-block;width:107px;height:36px;background:url(../images/logo.png) no-repeat center;background-size:auto 100%;text-indent:-9999em}
#gnb {position:absolute;right:25px;top:26px}
#gnb ul {overflow:hidden}
#gnb li {float:left}
#gnb li:first-child {margin-right:47px}
#gnb li a {color:#fff;font-size:16px;font-family:NBG}
#mobileGnb, .btn_noticeClose, .btn_gnb {display:none}

#pageNav {position:absolute;right:30px;top:50%;margin-top:-40px;z-index:110}
#pageNav li {margin-bottom:5px;text-align:center}
#pageNav button {display:inline-block;width:11px;height:11px;background:#fff;border-radius:100%;cursor:pointer;outline:none;opacity:0.5;text-indent:-9999em;-ms-transition:all 1s 0s;-webkit-transition:all 1s 0s;transition:all 1s 0s;}
#pageNav.even button {background:#25aae1}
#pageNav li.on button {opacity:1}

/* contents */
#contents {position:relative;width:100%;height:100%}
.content {overflow:hidden;position:absolute;width:100%;height:100%}

.content {
-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);
-ms-transition:all 1s 0s;-webkit-transition:all 1s 0s;transition:all 1s 0s;
-ms-transition-timing-function:"easeInOutQuint";-webkit-transition-timing-function:"easeInOutQuint";transition-timing-function:"easeInOutQuint"}
.content.prev {-ms-transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}

/* appBtn */
.btn_appDown {width:100%;text-align:center}
.btn_appDown li {display:inline-block;}
.btn_appDown a {display:block;width:213px;height:58px;text-indent:-9999em}
.btn_appDown .btn_googlePlay {margin-right:10px;background:url(../images/btn/btn_googlePlay.png) no-repeat;background-size:100% auto}
.btn_appDown .btn_appStore {background:url(../images/btn/btn_appStore.png) no-repeat;background-size:100% auto}

#notice {display:none;z-index:140}

#section01 {z-index:100}
#section02 {z-index:90}
#section03 {z-index:80}
#section04 {z-index:70}
#section05 {z-index:60}

/* section01 */
#section01 {background:#041926 url(../images/bg/bg_intro.png) no-repeat center;background-size:cover}
#section01 h1 {position:absolute;left:0;top:14.7%;width:100%;height:109px;background:url(../images/txt/txt_intro.png) no-repeat center top;background-size:auto 100%;text-indent:-9999em}
#section01 .inner {position:absolute;left:0;bottom:0;width:100%;height:65%;background:url(../images/bg/bg_introPhone.png) no-repeat center top;background-size:auto 100%}
#section01 .btn_appDown {position:absolute;left:0;bottom:50px;}

/* section02 */
#section02 {background:#efefef}
#section02 dl {position:absolute;left:0;top:13.6%;width:100%;height:175px;background:url(../images/txt/txt_section02.png) no-repeat center top;text-indent:-9999em}
#section02 .phone {position:absolute;left:50%;bottom:0;width:608px;height:55%;padding:0 38px 0 42px;margin-left:-345px;background:url(../images/bg/bg_section02Phone.png) no-repeat}
#section02 .phone .inner {overflow:hidden;position:relative;width:100%;height:100%;margin-top:124px}
#section02 .phone p {position:absolute;left:0;top:0;}
#section02 .phone p.ani {-ms-transition:all 1s 0s;-webkit-transition:all 1s 0s;transition:all 1s 0s;}
#section02 .phone p img {width:100%}

/* section03 */
#section03 {background:url(../images/bg/bg_section03.jpg) no-repeat center;background-size:cover}
#section03 dl {position:absolute;left:0;top:13.6%;width:100%;height:186px;background:url(../images/txt/txt_section03.png) no-repeat center top;text-indent:-9999em}
#section03 .pcPhone {position:absolute;left:0;top:47.7%;width:100%;text-align:center}
#section03 .pcPhone li {display:inline-block;padding-left:145px;background:url(../images/ico/ico_estArrow.png) no-repeat 55px 139px}
#section03 .pcPhone li:first-child {padding-left:0;background:none}

#section03 .mobilePhone {display:none}

/* section04 */
#section04 {background:#fff url(../images/bg/bg_section04.png) no-repeat center;background-size:cover}
#section04 dl {position:absolute;left:0;top:13.6%;width:100%;height:189px;background:url(../images/txt/txt_section04.png) no-repeat center top;text-indent:-9999em}

/* section05 */
#section05 {background:url(../images/bg/bg_section05.png)}
#section05 .inner {position:absolute;left:0;top:23.5%;width:100%;height:400px}
#section05 dl {height:300px;background:url(../images/txt/txt_section05.png) no-repeat center top;text-indent:-9999em}
#section05 .btn_appDown {position:absolute;left:0;top:100%}

.copyright {position:absolute;left:0;bottom:3%;width:100%;height:12px;background:url(../images/txt/copyright.png) no-repeat center top;color:#fff;font-size:12px;text-indent:-9999em}


/* 레이어 팝업 */
#layer {display:none}
#layer.layerOpen {display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1100}

.popup {position:absolute;left:50%;top:50%;width:614px;height:500px;padding:30px 4px 30px 30px;border:1px solid #d3d3d3;margin:-281px 0 0 -325px;background:#fff;}
.popup .inner {position:relative;width:100%;height:100%}
.popup h1 {padding-bottom:8px;border-bottom:1px solid #bcbcbc;font-size:27px;color:#0f77bc;font-family:NBG;font-weight:normal}

.layerOpen h1 {margin-right:26px}
#layer .popContent {width:588px;padding-top:30px}

.popContent > dl {margin-bottom:40px}
.popContent > dl:nth-child(3) {margin-bottom:30px}
.popContent > dl > dt {margin-bottom:20px;color:#5f5f5f;font-size:22px;font-family:NBG}
.popContent > dl > dd {color:#4b4b4b;font-size:12px}
.popContent dt span, .popContent dd strong {color:#0f77bc}

.popContent dd p {margin-bottom:15px}
.popContent .note span {display:block;padding-top:5px;color:#9a9a9a}

.step {overflow:hidden;padding-top:15px}
.step li {float:left;margin-left:52px}
.step li:first-child {margin-left:0}

.contact {overflow:hidden;}
.contact li {float:left;width:50%}
.contact li:first-child {}
.contact li dl {height:48px;padding:12px 0 0 70px}
.contact li:first-child dl {background:url(../images/ico/ico_fax.png) no-repeat;background-size:60px 60px}
.contact li:last-child dl {background:url(../images/ico/ico_mail.png) no-repeat;background-size:60px 60px}
.contact li dt {margin-bottom:5px;font-size:15px;color:#0f77bc;font-family:NBG}
.contact li dd {font-size:21px;color:#6f6f6f;font-family:NBG}

.popContent .btnZone {padding:30px 0 10px 0;border-top:1px solid #e4e4e4}
.popContent .btnZone p {height:29px;margin-bottom:20px;background:url(../images/txt/txt_layer.png) no-repeat center 0;text-indent:-9999em}
.popContent .btn_appDown .btn_googlePlay {margin-right:10px;background:url(../images/btn/btn_googlePlay_layer.png) no-repeat;background-size:100% auto}
.popContent .btn_appDown .btn_appStore {background:url(../images/btn/btn_appStore_layer.png) no-repeat;background-size:100% auto}

.btn_layerClose {position:absolute;bottom:-86px;left:50%;display:block;width:68px;height:68px;margin-left:-34px;background:url(../images/btn/btn_popClose.png) no-repeat;text-indent:-9999em;cursor:pointer;outline:none}

.scroll {height:460px}
.mCSB_container {width:auto;overflow-y:hidden;}
.mCSB_container.mCS_no_scrollbar {margin-right:0;}
.mCustomScrollBox>.mCSB_scrollTools {width:5px;height:100%;top:0;right:0;}
.mCSB_scrollTools .mCSB_draggerContainer {position:absolute;top:0;left:0;bottom:0;right:0;height:auto}
.mCSB_scrollTools .mCSB_draggerRail {width:100%;height:100%;margin:0 auto;background:rgba(0,0,0,0.1)}
.mCSB_scrollTools .mCSB_dragger{width:100%;height:30px;cursor:pointer}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:100%;height:100%;margin:0 auto;background:#0e76bc;text-align:center}


#testTxt {position:absolute;left:50%;top:-100px;font-size:10px;z-index:1000}