@charset "utf-8";

/* Reset*/
body,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;-webkit-text-size-adjust:none;-ms-overflow-style:none}
body,th,td,input,select,textarea,button {font-size:12px;font-family:'HelveticaNeue-Light','AppleSDGothicNeo-Light','sans-serif','Nanum Gothic';color:#333}
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
button:hover,a:hover{cursor:pointer}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
figure {line-height:0}
img{width:100%;vertical-align:top}
.blind{overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}
button,a{outline:0}

/* common */
.fullLayer .layerTitle{position:absolute;position:fixed;left:0;top:0;top:0;left:0;width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:20px;font-weight:600;background:#848f99}
.layerClose{position:absolute;right:20px;background-position:-80px 0;width:40px;height:40px;right:10px;top:10px;overflow:hidden;text-indent:-9999px;z-index:40;background-image:url(/kr/images/common/spr_layout.png);background-size:160px 160px;background-position:-80px 0}
.btnFloating{display:block;width:100%;font-size:18px;font-weight:500;color:#fff;background:#25283d;padding:17px 10px 18px;text-align:center;border-radius:3px}

/* Common, Layout */
.wrap{overflow:hidden;position:relative;min-width:320px;width:100%}
.bx_btn{position:absolute;width:100%;overflow:hidden;text-align:center}
.wrap_content{position:relative;margin:0 auto;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn{position:absolute;font-size:1px;text-indent:-9999px;color:transparent;display:inline-block;height:100%}
.section{position:relative}

#section1 .logo a{position:absolute;top:2%;left:2.8%;width:15.5%;height:2.8%}
#section1 .lst_shortcut_wrap{position:absolute;bottom:5%;left:0;width:100%;height:20%;z-index:10}
#section1 .lst_shortcut{position:absolute;top:0;left:0;width:100%;height:100%;text-align:left}
#section1 .lst_shortcut .item_shortcut{display:inline-block;position:absolute;height:100%}
#section1 .item_shortcut1{width:27%;left:3%;bottom:2%;z-index:2}
#section1 .item_shortcut2{width:27.4%;left:26%;bottom:0;z-index:1}
#section1 .item_shortcut3{width:28%;left:49.5%;bottom:2%;z-index:1}
#section1 .item_shortcut4{width:25%;left:73%;bottom:0;z-index:0}
#section1 .lst_shortcut .item_shortcut button{position:absolute;top:0;left:0;width:100%;height:100%}
#section1 .lst_shortcut_wrap.sticky{position:fixed;top:0;left:0;right:0;height:16%;transform:translate(0,0);z-index:999}

#section2 .event1 .open_pop1{position:absolute;top:17.5%;left:69.5%;width:5.7%;height:1.5%}
#section2 .wrap_content .wrap_message{display:none}
#section2 .wrap_content.naverpay_event_done .wrap_message{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:500}
#section2 .wrap_content.naverpay_event_done .dimmed_message{position:absolute;top:0;left:0;width:100%;min-width:325px;height:100%;background:url(/kr/images/event/4Q19/dimmed.png) no-repeat;background-size:100% auto}
#section2 .wrap_content.naverpay_event_done .box_message{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
#section2 .bx_btn{width:42%;height:5%;top:24.5%;left:53%}
#section2 .open_account{left:0;width:100%;height:45%}
#section2 .pop_event{left:0;top:52%;width:100%;height:45%}
#section2 .more_info{top:54.4%;right:1.4%;width:17.5%;height:2.2%}
#section2 .box_step .bx_btn{width:94%;height:2.6%;top:92.5%;left:2.7%}
#section2 .box_step .open_account{left:0;width:49%;height:100%}
#section2 .box_step .pop_event{top:0;left:51%;width:49%;height:100%}

#section3 .bx_btn{width:93.7%;height:7%;top:32.5%;left:3%}
#section3 .open_popup{left:0;width:49%;height:100%}
#section3 .pop_event{top:0;left:51%;width:49%;height:100%}

#section4 .bx_btn{width:93.7%;height:6.5%;top:35.7%;left:3%}
#section4 .pop_event1{left:0;width:49%;height:100%}
#section4 .pop_event2{top:0;left:51%;width:49%;height:100%}
#section4 .open_pop2{position:absolute;left:42.7%;width:5.6%;height:3.5%;bottom:22.6%;top:auto}

#section5 .lst_service_wr{position:absolute;top:30%;left:3.3%;width:93.8%;height:22%}
#section5 .lst_service_wr ul{overflow:hidden;height:100%}
#section5 .lst_service_wr ul li{float:left;position:relative;width:32.4%;height:100%;margin-left:1.3%}
#section5 .lst_service_wr ul li:first-child{margin-left:0}
#section5 .pop_event{width:100%;height:30%;bottom:0;left:0}
#section5 .bx_btn{width:94.4%;height:10.3%;bottom:12.4%;left:2.7%}
#section5 .bx_btn .pop_event{width:32.4%;height:27.6%;bottom:0;left:0}
#section5 .bx_btn .pop_event5{left:33.8%}
#section5 .bx_btn .pop_event6{left:67.5%}

.tooltip1{position:absolute;top:15.8%;left:0.8%;width:98%}
.tooltip2{position:absolute;top:68.5%;left:1%;width:98%}

.navigation_bar{position:fixed;left:1.5%;bottom:1%;width:16%;height:auto;z-index:999}
.navigation_bar .itm_nav{display:block;position:relative;width:100%}

/* popup */
.popup_wrapper{-webkit-overflow-scrolling:touch}
.dimmed{display:none;position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.popup{display:none;overflow-y:auto;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
.scroll_lock{overflow:hidden}
.content_popup{position:relative}
.content_popup .sec3_popup{position:relative}
.content_popup .btn_link_popup{position:absolute;top:31.2%;left:8.4%;width:22.6%;height:9.2%}
.content_popup .btn_cls{position:absolute;top:0;right:0;width:8%;height:2.5%}

.layerPop{display:none;position:absolute;left:30px;right:30px;top:50%;padding-bottom:20px;max-height:90%;z-index:9999}
.layerPop .layerContainer{position:relative;height:100%;padding:80px 25px 15px;background:#fff}
.layerPop .layerTit{position:absolute;top:35px;left:25px;right:25px;color:#111;font-size:17px;font-weight:600}
.layerPop .layerCont{position:relative;max-height:100%;overflow-y:auto;color:#555}
.layerPop:after{content:'';position:absolute;bottom:0;left:0;right:0;height:0;border-top:21px solid #fff;border-right:21px solid transparent;z-index:-1}
.layerPop .layerClose{right:5px;top:5px;background-position:-120px 0}

.layerPop .btnArea{display:table;position:relative;width:100%;table-layout:fixed;height:auto;min-height:inherit;margin:0;padding:20px 0 0 0;background:#fff}
.layerPop .btnArea>span{display:table-cell;text-align:center}
.layerPop .btnArea>span a{display:block;position:relative;height:55px;margin-bottom:-20px;line-height:55px;font-size:15px;background:#d9d9d9;color:#111}
.layerPop .btnArea>span:last-child{padding-right:20px}
.layerPop .btnArea>span:last-child a{padding-left:20px}
.layerPop .btnArea>span:last-child a:after{content:'';position:absolute;top:0;right:-20px;width:20px;height:100%;background:url(/kr/images/common/bg_layerbtn1.png) 0 0 no-repeat;background-size:100% auto}
.layerPop .btnArea>span+span a, .layerPop .btnArea>span:only-child a{background:#2c3785;color:#fff}

.full_dimmed{display:none;overflow:hidden;position:fixed;top:0;left:0;width:100%;height:100%;margin:0 !important;background:rgba(0,0,0,0.4);z-index:999}

/* KTB v2 */
.version2_wrap #section1 .lst_shortcut_wrap{bottom:5%;height:28%}
.version2_wrap #section1 .item_shortcut1{width:36%;left:4%}
.version2_wrap #section1 .item_shortcut2{width:34.6%;left:35%}
.version2_wrap #section1 .item_shortcut3{width:31%;left:65.5%}
.version2_wrap #section3 .bx_btn{top:35.5%}