@charset "utf-8";

/* init */
html{width:100%;height:100%;font-size:100%;}
body{width:100%;height:100%;margin:0;padding:0;font-family:Dotum, sana-serif;background:#f2ecdc;}
body{-webkit-text-size-adjust:none;}
p,ul,ol,li,dl,dt,dd,form {margin:0;padding:0;list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
table{border-collapse:collapse;}
img,fieldset, frameset, frameborder, frame {border:0;}
img,input,select,textarea{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{color:inherit;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active,a:focus{text-decoration:none;color:inherit;}

/* layout*/
.wrap{width:100%;padding-bottom:10px;}
.wrap.bg{height:100%;background:#faf8f4;}
.wrap.bg2, .wrap2.bg2{height:100%;background:#daeeed;}
.title{position:relative;height:22px;padding:15px 14px 12px 14px;font-size:120%;font-weight:bold;font-family:'Dotum', sans-serif;color:#483c34;background: url("../image/title_bg.gif") repeat-x 0 bottom;}

/* pageCommon */
.appDown1{padding:15px 0 35px 0;}
/*.appDown1 .appLogo{padding:35px 0;text-align:center;}*/
.appDown1 .appLogo{padding:0 0 30px 0;text-align:center;}
.appDown1 .appLogo img{width:80%;max-width:296px;}
.appDown1 .txt1{margin:0 auto;max-width:272px;margin:0 auto;padding-bottom:20px;}
.appDown1 .txt1 img{width:80%;}

.bank{width:95%;max-width:480px;margin:0 auto;padding-bottom:10px;background: url("../image/bank_bg.png") no-repeat 0 bottom;background-size:100%;}
.bank .tit{position:relative;top:-15px;margin-bottom:-15px;}
.bank .tit img{width:100%;}
.bank .list{overflow:hidden;padding:0 2% 0 3%;}
.bank .list li{float:left;width:30.5%;display:inline;margin:1%;border:1px solid #beb4a9;}
.bank .list li img{width:100%;}
/*.appDown1{background:#f2ecdc url("../image/appDown1_bg.png") repeat-x 0 bottom;}*/
.appDown2{padding:0 10px 10px 10px;}
.appDown2 .tit{width:96%; padding-left:10px; max-width:480px; text-align:left; margin:0 auto;}
.appDown2 .tit img{width:50%;max-width:235px;}
.appDown2 .downList{padding-top:17px; max-width:480px; margin:0 auto; margin-bottom:10px; text-align:center; background: url("../image/downList_bg01.png") no-repeat 0 0;background-size:100%;}
.appDown2 .downList a{display:inline-block;width:28%;margin:4.5% 0.5%;}
.appDown2 .downList a img{width:100%;}

.userGuide{max-width:480px;margin:0 auto;}
.userGuide .txt1{padding:8% 2% 3% 2%;font-size:92%;}
.userGuide .txt1 img{width:65%;max-width:294px;}
.userGuide .txt2{width:90%;margin:0 auto;max-width:480px;padding:3% 1.5%;}
.userGuide .txt3{position:relative;padding:20px 2%;}
.userGuide .txt3 img{width:98%;max-width:460px;}
.userGuide .txt3 .site{position:absolute;top:60%;left:49%;font-size:80%}


/* etc */
.btnR_bg{padding:15px; text-align:right;border-top:1px solid #aeb3b0;background:#daeeed;}
.btnC_bg{padding:15px 0; text-align:center;border-top:1px solid #aeb3b0;background:#daeeed;}
.btnC{padding:15px; text-align:center;}
.btnC p{margin:10px 0;}
.txtOrg{color:#f46d00}
.onoff{cursor:pointer;}



.appinfo{padding:0 10px 10px 10px;}
.appinfo .tit{width:96%; padding-left:10px; max-width:480px; text-align:left; margin:0 auto;}
.appinfo .tit img{width:50%;max-width:235px;}

.appinfo .appcommon{padding:5px 0 20px 0;text-align:center;}
.appinfo .appcommon img{width:95%;max-width:296px;}
.appinfo .appLogo{padding:15px 0 30px 0;text-align:center;}
.appinfo .appLogo img{width:80%;max-width:296px;}

.appinfo .okbtn{padding-top:17px; max-width:480px; margin:0 auto; margin-bottom:10px; text-align:center; background-size:100%;}
.appinfo .okbtn a{display:inline-block;width:35%;margin:4.5% 0.5%;}
.appinfo .okbtn a img{width:100%;}