@charset "euc-kr";

img { vertical-align:top;}

/* wrap border:1px solid red; .visual_wrap { position:relative; width:100%; height:395px; border-top:1px solid #a5a5a5;}*/

.visual_wrap { position:relative; width:100%; max-width:680px; text-align:center; margin:0 auto;}
.visual_wrap .vi_txt_box { position:absolute; top:20px; width:90%; padding-left:4%; font-weight:700; z-index:99; text-align:center; }
.visual_wrap .vi_txt_box .vi_txt {font-size:20px; color:#fff; line-height:130%; }
.visual_wrap .vi_txt_box .vi_txt img { padding-bottom:12px;}
.visual_wrap .vi_btn {position: absolute; right:30px; bottom:30px; width:168px; height:168px; z-index:999;  }
.visual_wrap .vi_btn a { display:block; padding:72px 6px 30px 6px; text-align:center; font-size:19px; color:#fff; font-weight:800; line-height:120%;}
.visual_wrap .vi_btn a:hover { color:#ffeb00;}

/*  */
.footer_btn_list { position:relative; width:100%; color:#e2e2e3;background:#6c7072;padding:0;box-shadow:inset 0px 3px 3px #515151; z-index:999;}
.footer_btn_list .btn_bottom { overflow:hidden; position:relative;width:100%;margin-top:0}
.footer_btn_list .btn_bottom > li { float:left; width:50%; display:inline-block;}
.footer_btn_list .btn_bottom > li:first-child a {}
.footer_btn_list .btn_bottom > li a {text-align:center;display:block; padding:90px 0 15px 0;}
.footer_btn_list ul li h2 {  font-size:1.1em; font-weight:600; color:#363636; }
.footer_btn_list ul li a p { font-size:0.8em; color:#51685b; padding-top:8px; }
.footer_btn_list .btn_bottom .fbtn_01 { background:url('../images/main/qbn01.png') no-repeat center 1em #ffec00; background-size:60px;}
.footer_btn_list .btn_bottom .fbtn_02 { background:url('../images/main/qbn02.png') no-repeat center 1.2em #e2e2e2; background-size:60px;}
.footer_btn_list .btn_bottom .fbtn_03 { background:url('../images/main/qbn03.png') no-repeat center 1.2em #d0e5f4; background-size:60px;}
.footer_btn_list .btn_bottom .fbtn_04 { background:url('../images/main/qbn04.png') no-repeat center 1em #d0f4eb; background-size:60px;}



/* Ä«Åå, °èÁ ÆË*/
.fbtn_close { }
.fbtn_close p { float:right; padding:6px; background:#000; color:#fff; z-index:999999;}

.kakao_box { background:#ffeb00; }
.kakao_box > p { padding:22px 0 17px 0;}
.kakao_box ul { padding:0 24px;}
.kakao_box ul li { text-align:left; border-bottom:1px solid #e5d300; padding:4px; color:#000;}
.kakao_box ul li p {padding-left:44px;}

.bank { text-align:left; padding: 20px 14px 10px 23px; background:url('../images/main/bg_bank.png') no-repeat right -3px #f7af0b; }
.bank h2 { padding:2px 0 20px 2px; font-size:17px; font-weight:600; color:#563d04; }
.bank_text { color:#bc1b3a; font-size:15px; font-weight:600; padding:0 0 14px 0;}
.bank .box1 { padding:16px 0 10px 0; border-top:1px solid #de9d0a;}
.bank .box2 { padding:7px 0 10px 0; border-top:1px solid #f9c755;}
.bank .num { color:#000; font-size:18px; font-weight:600; padding:8px 0 0 1px;}


@media all and (max-width:220px) { 
.visual_wrap .vi_btn {position: absolute; right:10px; bottom:10px; width:168px; height:168px; z-index:999;  }
.visual_wrap .vi_btn { width:138px; height:138px; z-index:999;  }
.visual_wrap .vi_btn a { padding:56px 20px 15px 20px; font-size:17px; font-weight:800; line-height:120%; }
.footer_btn_list .btn_bottom > li { float:left; width:50%; display:inline-block;text-align:center;}

}

@media all and (min-width:574px) and (max-width:1024px) { 

.footer_btn_list .btn_bottom > li { float:left; width:25%; display:inline-block;text-align:center;}


}