@charset "euc-kr";

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, a
{margin:0;padding:0;color:#323132;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body{background-color:#ffffff}
li{list-style:none}
img{max-width:100%;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
em, address{font-style:normal}
a{color:inherit}
h1, h2, h3, h4, h5, h6{background:none}
caption{overflow:hidden;position:absolute;top:0;left:-999px;width:0;height:0;line-height:0;color:transparent;font-size:0}









/****************************************************** reset ******************************************************/
.ft-inner .footer-menu li{height:auto}
.ft-inner .ft-input-wrap{height:28px;margin:10px 0}
.ft-inner .ft-input-wrap input{height:28px}
.ft-inner .ft-input-wrap .btn-ft-search{height:28px}
#footer .ft-inner .ft-addr{text-align:center}













/****************************************************** layout ******************************************************/
#wrap{background:#f4f4f4;}
#header{height:0;line-height:0;font-size:16px;text-align:center;}
#header .logoTxt {font:inherit;font-weight: bold;font-size: 16px;}
#footer{position:relative;background:#fff;}
















/****************************************************** font ******************************************************/


















/****************************************************** title ******************************************************/


















/****************************************************** text ******************************************************/


















/****************************************************** button ******************************************************/
.btnSubmit{display:inline-block;padding:16px 10px;border-radius:5px;text-align:center;color:#fff;font-size:17px;line-height:18px;letter-spacing:-0.5px;background:#32429b}
.btnNormal{display:inline-block;padding:16px 10px;border-radius:5px;text-align:center;color:#323132;font-size:17px;line-height:18px;letter-spacing:-0.5px;background:#bababa}
.btnNormal.type2 {padding:25px 10px;}
.btnArea{margin:15px 0 23px;}
.btnArea .txtS{font-size:15px;}
.btnArea [class*='btn']{width:100%;}
.btnArea .grid.type1{display:table;table-layout:fixed;width:100%;}
.btnArea .grid.type1 li{display:table-cell;vertical-align:middle;}
.btnArea .grid.type1 li:first-child{width:30%;}
.btnArea.type1{display:table;table-layout:fixed;width:100%;}
.btnArea.type1 .btnWrap {display:table-cell;vertical-align:middle;width:auto;padding:0 0 0 6px;}
.btnArea.type1 .btnWrap:first-child{width:30%;padding:0;}















/****************************************************** input ******************************************************/
::-webkit-input-placeholder{color:#bababa;}
:-ms-input-placeholder{color:#bababa;}
::-moz-placeholder{color:#bababa;opacity:1;}
:-moz-placeholder{color:#bababa;opacity:1;}
input[type=text]::-ms-clear{display:none;}
.inpWrap{position:relative;}
.inpWrap .fRadio:after{display:none;}

















/****************************************************** list ******************************************************/
.txtInfo li{color:#888888;font-size:13px;line-height:20px;letter-spacing:-0.05em;}
.txtInfo li::before {content:"¢®¢´";display:inline-block;margin:-2px 5px 0 0;font-size:20px;vertical-align:middle;}
























/****************************************************** layerPopup ******************************************************/
.layerPopup{display:none;z-index:100;position:fixed;max-width:500px;top:0;width:100%;bottom:0;}
.layerPopup.on{display:block;}
.layerPopup .layerWrap{position:absolute;top:120px;left:20px;right:20px;border-radius:6px;background:#fff;}
.layerPopup .layerCont{padding:29px 25px;color:#1a1a1a;font-size:14px;line-height:23px;letter-spacing:-0.3px;}
.layerPopup .txtPoint{font-size:17px;line-height:25px;}
.layerPopup .txtStrong{font-weight:900;}
.layerPopup .ment {font-size:17px;line-height:25px;letter-spacing:-0.05em;}
.layerPopup .imgLoading{margin:40px auto;}
.layerPopup .layerCont.typeCenter{text-align:center;}
.layerPopup .layerButton{border-top:1px solid #e5e5e5;height:46px;text-align:center;}
.layerPopup .layerButton .btnConfirm{display:inline-block;width:100%;vertical-align:middle;padding:12px;border-radius:0 0 5px 5px;color:#fff;font-size:16px;letter-spacing:-0.3px;font-weight:700;background-color:#32429b;}
.layerPopup .dimmed{width:100%;height:100%;background:rgba(0,0,0,0.5);}

@media (max-width:320px) {
 .btnSubmit.type2 {font-size:14px;}  
 .btnSubmit.type2 .txtS {font-size:12px;}
}
























/****************************************************** agreePopup ******************************************************/
.agreePop{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:999;animation:agreePop 0.5s ease-out;opacity:0}
.agreePopCont{position:absolute;top:50%;left:20px;right:20px;height:350px;margin-top:-50px;padding:15px;background-color:#ffffff;opacity:0}
.agreePopTit{margin-bottom:15px;padding:5px 0 15px;border-bottom:1px solid #dddddd;background:none;font-size:15px}
.agreePopInner{overflow-y:auto;height:calc(100% - 55px);font-size:14px;-webkit-overflow-scrolling:touch}
.btnAgreeClose{display:block;position:absolute;top:15px;right:15px;width:30px;height:30px;background:url('../../../../img/bam/tel/ec/btn_agree_close.png') center center no-repeat;background-size:14px 14px;color:transparent;font-size:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}
.loginContents .btnBasic {width:100%;height:40px;border:none;font-size:15px;line-height:38px;color:#fff;text-align:center;border-radius:6px;background:#000;}
.agreePop.on{display:block;animation:agreePop 0.5s linear forwards}
.agreePop.on .agreePopCont{animation:agreePopCont 0.5s ease-out forwards}
@keyframes agreePop{ 100%{opacity:1} }
@keyframes agreePopCont{ 100%{margin-top:-175px;opacity:1} }
.agreePop.off{animation:agreePopRev 0.5s linear forwards}
.agreePop.off .agreePopCont{animation:agreePopContRev 0.5s linear forwards}
.agreePop.off .btnAgreeClose{animation:agreePopClose 0.5s linear forwards}
@keyframes agreePopRev{ 0%{opacity:1} }
@keyframes agreePopContRev{ 0%{margin-top:-175px;opacity:1} }
@keyframes agreePopClose{ 100%{transform:rotate(360deg)} }