@charset "utf-8";

body {}
#HTTP_MSN_chat_layer{
    display: none;
}
#HTTP_MSN_mbcall_layer{
    display: none;
}
#subdbwrap{ position:fixed; width:100%; margin:0 auto; background-color:#2b2e35;clear:both; z-index:100; }
#subdb{ position:relative; max-width:640px; min-width:320px; height:118px;background:url('/landing/20180604/images/landing_dbbg.jpg') repeat; clear:both; margin:0 auto;}
#subdb ul{padding:0;}
#subdb ul li{float:left;}

#subdb01{ position:relative; width:100%; background:#2e75a2; clear:both; margin:0 auto;}
#subdb01 ul{width:100%; margin:0 auto; padding:5% 30% 0 30%;}
#subdb01 ul li{margin-bottom:30px;}
.subquick_db{width:50px;background: none repeat scroll 0 0 #fff; border-color: #dadada; border-style: solid; border-width: 1px;margin-top:5px;height:100px;}
.subdbenter{ position:absolute; right:25px; bottom:25px; padding-left:50px;}
.subdbenter0{width:100%; clear:both;}
#subdbwrap02{width:100%; margin:0 auto; clear:both; ;background:#fff; overflow:hidden;}
.dbprivarcy{ position:absolute; left:399px; bottom:15px;  font-family:'NanumGothicBold';  color:#a8a9ab;   font-size:11px; }
.dbprivarcy>a{color:#a8a9ab;   font-size:11px; }

div#select_box {position: relative; float:left; width: 60px;   background: url('/landing/20160608/images/select_arrow.png') 40px center no-repeat; /* 화살표 이미지 */ background-color:#fff;}
div#select_box label {position: absolute; font-size: 14px; color: #3f424b;letter-spacing: 1px;}
div#select_box select#subdbno { width: 100%; max-height: 20px;opacity: 0; filter: alpha(opacity=0); /* IE 8 */}

div#select_box label {position: absolute; font-size: 14px; color: #3f424b;letter-spacing: 1px;}
div#select_box select#subdbno0 { width: 100%; max-height: 20px; line-height: 40px;opacity: 0; filter: alpha(opacity=0); /* IE 8 */}

div.select_box {position: relative; float:left; width: 80%;  background: url('/landing/20160608/images/select_arrow.png') 40px center no-repeat; /* 화살표 이미지 */ background-color:#fff;}
div.select_box label {position: absolute; font-size: 14px; color: #3f424b;letter-spacing: 1px;}
div.select_box select.subdbno { width: 100%; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div.select_box select.subdbno2 { width: 100%;line-height:38px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}

.dbprivarcy0{width:100%; margin:0 auto;  font-family:'NanumGothicBold';  color:#FFFFFF;   font-size:5em;tex-align:center;}
.dbprivarcy0>a{color:#a8a9ab;   font-size:15px; }

div.select_box0 {height: 20px;  background: url('/landing/20160608/images/select_arrow02.png') 40px center no-repeat; /* 화살표 이미지 */ background-color:#fff;}
div.select_box0 label {position: absolute; font-size: 14px; color: #3f424b;letter-spacing: 1px;}
div.select_box0 select.subdbno0 { width: 100%; height: 25px; line-height:25px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}
div.select_box0 select.subdbno02 { width: 100%; height:25px; line-height:38px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */}

.imgst{display:block; vertical-align:top; margin:0 auto;}
.li_st{width:100%; margin:0 auto;}
#wrap{width:100%; min-width:320px; max-width:640px; margin:0 auto; position:relative;}
#wrap img {max-width:100%;}
#footer01{background-color:#e7e7e9; padding:1%; text-align:center;margin:0 auto; color:#6b6b6d; font-size:8px;  line-height: 10px; overflow:hidden;}

.fixdb_wrap {position:relative; top:0; width:100%; min-width:320px; max-width:640px; margin:0 auto; background:#2b2e35;}
.fixdb_wrap > ul {overflow:hidden;}
.fixdb_wrap > ul > li {float:left;}
.fixdb_num {overflow:hidden;}
.fixdb_num li {float:left;}



.fixdb_wrap02 {width:100%; min-width:320px; max-width:640px; margin: auto; }
.fixdb_wrap02 > ul {overflow:hidden;}
.fixdb_num02 li {float:left;}
/* .fixdb_wrap02 input, select { border-radius:.28571429rem; } */
.fixed_DB_privacy { font-size:0.7em; color:#c7c7c7; }

.privateInfo{width:100%;text-align:center;margin-top:-1%;margin-bottom:2%}
.fixed_DB_privacy2 {font-size:1em; color:#c7c7c7; margin-right:3%;}

a{color:#000}
a:hover{color:#000}


/* 180703 // new_DB */
#quick_banner_150109{display:none;}
.db_banner_wrap{position: fixed;width:100%;z-index:9999;padding:10px 0;bottom:0;left:0;background:rgba(0,0,0,0.7);}

.db_banner_wrap .quick_title {width: 80%;font-weight: bold;color: #00b2c1;padding: 4px 0px 10px 2%; margin:0;}
.db_banner_wrap .quick_title a { color:#00b2c1; font-size:1.2em; }
.db_banner_wrap .quick_title .DB_privacy { color:#a4a4a4; font-size:0.8em; margin:1.5% 2% 0 0; float:right; }
.check_p { float:right; color:#a4a4a4; font-size:0.8em; margin:1.5% 5% 0 0; }


.db_banner{width:100%}
.db_banner dl{float:left}
.db_banner dl dt{font-size:16px;color:#fff;float:left;line-height:28px;letter-spacing:-1px}
.db_banner dl dd{float:left}
.db_banner dl dd input{background:#fff;line-height:25px;height:25px;color:#282828;font-size:16px;padding:0;text-align:center}
.db_banner dl.quick_db_user_name{width:25%;text-align:center}
.db_banner dl.quick_db_user_name dt{width:40%}
.db_banner dl.quick_db_user_name dd{width:60%}
.db_banner dl.quick_db_user_name dd input.username{width:100%; border:0;}

.db_banner dl.quick_db_user_phone{width:53%}
.db_banner dl.quick_db_user_phone dt{width:28%;text-align:center}
.db_banner dl.quick_db_user_phone dd{width:70%}
.db_banner dl.quick_db_user_phone dd input{width:100%;-webkit-appearance: none;border-radius: 0;}


.bottom_quick_db_user_name{width:100%}



h3 { display:block; font-size:1.17em; -webkit-margin-before:0.2em; -webkit-margin-after:0.2em; -webkit-margin-start:0px; -webkit-margin-end:0px; font-weight:bold; }

legend { width:0; height:0; overflow:hidden; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; }

.db_banner button.quick_db_enter { width:21%; background:url('/landing/20180604/images/quick_db_enter_bg2.gif') repeat 0 0; color:#fff; text-align:center; height:51px; line-height:25px; font-size:16px; font-weight:bold; border-radius:3px; position:absolute; right:1%; top:15px; }

#layerPopup::before{width:100%;height:1000px;position:fixed;top:0;background-color:#000; opacity:0.7;content:'';}
#layerPopup{display:none;}

.fixdb_wrap02{width:100%;background-color: rgba(0,0,0,0.8);}
.fixdb_wrap02 .btn_background{}
.fixdb_wrap02 .btn_background .licate{width:100%}
.fixdb_wrap02 .btn_background .licate .fixdb_num02{overflow:hidden;width:100%;height:auto;}

.fixdb_wrap02 .btn_background .privateInfo{width:100%;margin-top:-3%;margin-left:-15px;}

.fixdb_wrap02 .btn_background .licate button.btnBottomSubmit {width:95%;margin-left:15px;text-align:center;margin-top:15px;font-weight:bold; border-radius:3px; left:1%;height:51px;line-height:25px;background-color:#F2E80A;color:#824800;}


.fixdb_wrap02 .btn_background  .licate .fixdb_num02 .userMobile2{width:10%;margin-left:5px;margin-top:10px;text-align:center;}
/*모바일웹에서 usemap 사용후 이미지 클릭하면 배경이 파래지면서 이미지 클릭한것처럼 시각효과가 생김. 이걸 해제함 190221 */
img { -webkit-tap-highlight-color:transparent;max-width: 100%;}


.bna_box{padding:10px 0;}
.bna_box img{padding:10px 0;}

#wow_pop{position: fixed;bottom:10px;left:-120px;z-index:9999;-webkit-transition:left 1s,-webkit-transform 1s;transition:left 1s,transform 1s}
#wow_pop.active{left:10px;}
#wow_pop a img{}
#wow_pop a{display: block;width:100%;height:100%;}

.sns_btn{position: fixed;right:-120px;top:50%;margin-top:-105px;z-index: 9999;; -webkit-transition:right 1s,-webkit-transform 1s;transition:right 1s,transform 1s;}
.sns_btn.active{right:10px;}
.sns_btn ul li{padding:5px 0;opacity: 0.8}

.form_btn{position: fixed;top:10px;right:-120px;z-index: 99;-webkit-transition:right 1s,-webkit-transform 1s;transition:right 1s,transform 1s;}
.form_btn.active{right:10px;}
body .quick_div{opacity: 0;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;}
body .quick_div.active{opacity: 1;}

.input_table{border-collapse: separate; border-spacing: 5px;}
.input_table tr td,.input_table tr th{vertical-align: middle;}
.input_table tr th{vertical-align: middle;color:#fff;font-size:14px;font-weight:normal;}
.input_table input[type=text]{border:1px solid #fff;border-radius: 0;background: #fff;height:25px;padding:0 10px;line-height: 25px;}
.input_table input[type=number]{border:1px solid #fff;border-radius: 0;background: #fff;height:25px;padding:0 10px;display:block;box-sizing: border-box;-webkit-box-sizing: border-box;width:31%;margin-right:2.33%;float: left;}
.input_table input[type=number]:last-child{margin:0;width:33.34%;}
.submit_btn{}
.privacy_box{color:#fff;font-size:3vw;}
.privacy_box a{color:#fff;}
#layerPopup{position: fixed;z-index: 99999999;}

#bx-pager{padding:20px 0;margin:0 -10px;overflow: hidden;}
#bx-pager a{display:block;float:left;box-sizing: border-box;-webkit-box-sizing: border-box;width:33.3%;padding:0 10px;}
#bx-pager a img{border:2px solid #ccc;}
#bx-pager a:first-child{}
.section .bxslider{margin-top:0;}
.section .bx-wrapper{margin-top:0;}
.section .bx-wrapper .bx-controls-direction a{
    bottom:0;
    top:auto;
    margin-bottom:10px;
    margin-top:0;
}
.cus_btn{position:fixed;bottom:80px;right:0;}
.cus_btn li{margin-bottom:10px;}
.cus_btn li a{display:block;}
.cus_btn li img{width:60px;}