@charset "UTF-8";
/*reset*/
html, body{}
body{-webkit-backface-visibility:hidden; backface-visibility:hidden; font-size:1.35rem; background-color:#f7f7f7;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul, a, div{margin:0;padding:0; box-sizing:border-box; line-height:inherit; word-break:break-word;}
fieldset, img{border:0;}
ol, ul{list-style:none;}
address, em{font-style:normal;}
a{text-decoration:none;}
a:visited{color:inherit;}
iframe{overflow:hidden;margin:0;padding:0;border:0; vertical-align:top; width:100%;}
input::-ms-clear{display:none;}
table{border-collapse:collapse;border-spacing:0; width:100%; table-layout:fixed;}
:disabled{background-color:inherit;opacity:1 !important;}
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color:#aaa;}
::-moz-placeholder{ /* Firefox 19+ */color:#aaa;}
:-ms-input-placeholder{ /* IE 10+ */color:#aaa;}
:-moz-placeholder{ /* Firefox 18- */color:#aaa;}
:disabled::-webkit-input-placeholder{ /* Chrome/Opera/Safari */color:#888;}
:disabled::-moz-placeholder{ /* Firefox 19+ */color:#888;}
:disabled:-ms-input-placeholder{ /* IE 10+ */color:#888;}
:disabled:-moz-placeholder{ /* Firefox 18- */color:#888;}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}
legend,caption{overflow:hidden;padding:0;width:1px;height:1px;margin-top:-1px;font-size:0;line-height:0;}
.clfix::after{content:""; display:block; height:0px; clear:both; visibility:hidden; zoom:1;}
.clfix{display:block;zoom:1;}
button{display:inline-block;}

/*버튼 outline 삭제*/
/**:focus{ outline:1px solid #000;}*/

/*color*/
.col1{color:#bf134a;}

/*layout*/
#wrap{width:100%; position:absolute; left:0; top:0; right:0; bottom:0;}
#skipNav a{position:absolute; top:-30px; left:0; width:100%; height:30px; line-height:30px; background-color:#333; color:#fff; z-index:99999; text-align:center;}
#skipNav a:focus{top:0;}

/*header*/
#header{position:fixed; top:0; left:0; width:100%; height:56px; z-index:99;}
#header .headerInner{position:fixed; top:0; left:0; width:100%; height:56px; background-color:#f7f7f7; line-height:56px; z-index:60;}
#header #titleH1{font-size:16px; color:#333; text-align:center;}
#header #btnX, #btnXMkt,
.layerPopup .layerPopupTop .btnLayerx{position:absolute; right:0; top:50%; width:40px; height:40px; margin-top:-20px; margin-right:8px; background:url(../img/btn_x.png) center no-repeat; background-size:40px auto; text-align:left; text-indent:-10000%; overflow:hidden;}
#header .headerBtnBox #btnX{}

#header .headerBtnBox #btnXMkt{margin-right:8px; text-align:left;}

/*terms*/
#header .termsFixed{position:absolute; top:56px; bottom:0; width:100%;}
#header .termsFixed #btnTerms,
#header .termsFixed #btnTerms:hover{position:relative; height:24px; background-color:#f7f7f7; text-indent:-9999em; display:block;}
#header .termsFixed #btnTerms:before{content:''; position:absolute; top:2px; left:50%; width:10px; height:6px; margin-left:-5px; background:url(../img/arr_d_4.png) center center no-repeat; background-size:100%; display:block;}
#header .termsFixed #btnTerms.active:before{top:10px; transform:rotateX(180deg);}

#header .termsFixed #termsListBox{display:none; background-color:#fff; line-height:1;}
#header .termsFixed #termsListBox li{border-top:1px solid #ebebeb; background-color:#fff; line-height:3.15;}
#header .termsFixed #termsListBox li:first-child{border-top:0;}
#header .termsFixed #termsListBox li button{width:100%; padding-left:20px; font-size:15px; text-align:left; color:#555;}
#header .termsFixed #termsListBox li button.term_notice{padding-left:44px; font-size:14px; color:#707070; background:url(../img/ico_info_gray.png) no-repeat 20px center; background-size:16px; line-height:3.4;}

/*container*/
#container{height:100%; padding:56px 0 0 0; box-sizing:border-box; overflow-y:scroll; -webkit-overflow-scrolling:touch; overflow-x:hidden;}

/*footer*/
#footer{position:fixed; bottom:0; left:0; width:100%; z-index:50;}
#footer #msgTxtInputBox{position:relative; padding:18px 72px; background-color:#fff; z-index:120;}
#footer #msgTxtInputBox.statusDisabled,
#footer #msgTxtInputBox.statusEnd{background-color:#d7d7d7;}
/*
#footer #msgTxtInputBox.statusDisabled #btnHome{background-image:url(../img/btn_send_disabled.png); box-shadow:0 0 6px rgba(0,0,0,0.15);}
#footer #msgTxtInputBox.statusDisabled #btnSend{background-image:url(../img/btn_send_disabled.png); box-shadow:0 0 6px rgba(0,0,0,0.15);}*/

#footer #msgTxtInputBox #msgTxtInput{position:relative; width:100%; height:22px; max-height:80px; padding:0; border:none; font-size:14px; color:#555; line-height:20px; vertical-align:top; box-sizing:border-box; overflow-y:auto; resize:none;}
#footer #msgTxtInputBox.disabled #msgTxtInput::placeholder {color:#999;}
#footer #msgTxtInputBox.statusDisabled #msgTxtInput,
#footer #msgTxtInputBox.statusEnd #msgTxtInput{background-color:#d7d7d7;}
#footer #msgTxtInputBox #btnHome{position:absolute; left:8px; bottom:10px; width:40px; height:40px; background:url(../img/btn_home.png) center no-repeat; background-size:40px 40px; text-indent:-10000%;}
#footer #msgTxtInputBox #btnHome:after{content:''; position:absolute; top:9px; right:-8px;width:1px; height:22px; display:block; background-color:#e0e0e0;}
#footer #msgTxtInputBox #btnSend{position:absolute; right:8px; bottom:10px; width:40px; height:40px; border:none; background:url(../img/btn_send.png) center no-repeat; background-size:40px 40px; overflow:hidden; text-indent:-10000%;}
#footer #msgTxtInputBox #btnSend.on{background:url(../img/btn_send2.png) center no-repeat; background-size:40px 40px;}
#footer #msgTxtInputBox.disabled #btnSend{background:url(../img/btn_send3.png) center no-repeat; background-size:40px 40px;}

/* 2019-03-29 msgTxtInputBoxMkt 추가 */
#footer #msgTxtInputBoxMkt{position:relative; padding:18px 72px; background-color:#fff; z-index:120;}
#footer #msgTxtInputBoxMkt.statusDisabled,
#footer #msgTxtInputBoxMkt.statusEnd{background-color:#d7d7d7;}
#footer #msgTxtInputBoxMkt #msgTxtInputMkt{position:relative; width:100%; height:22px; max-height:80px; padding:0; border:none; font-size:14px; color:#555; line-height:20px; vertical-align:top; box-sizing:border-box; overflow-y:auto; resize:none;}
#footer #msgTxtInputBoxMkt.disabled #msgTxtInputMkt::placeholder {color:#999;}
#footer #msgTxtInputBoxMkt.statusDisabled #msgTxtInputMkt,
#footer #msgTxtInputBoxMkt.statusEnd #msgTxtInputMkt{background-color:#d7d7d7;}
#footer #msgTxtInputBoxMkt #btnHomeMkt{position:absolute; left:8px; bottom:10px; width:40px; height:40px; background:url(../img/btn_home.png) center no-repeat; background-size:40px 40px; text-indent:-10000%;}
#footer #msgTxtInputBoxMkt #btnHomeMkt:after{content:''; position:absolute; top:9px; right:-8px;width:1px; height:22px; display:block; background-color:#e0e0e0;}
#footer #msgTxtInputBoxMkt #btnSendMkt{position:absolute; right:8px; bottom:10px; width:40px; height:40px; border:none; background:url(../img/btn_send.png) center no-repeat; background-size:40px 40px; overflow:hidden; text-indent:-10000%;}
#footer #msgTxtInputBoxMkt #btnSendMkt.on{background:url(../img/btn_send2.png) center no-repeat; background-size:40px 40px;}
#footer #msgTxtInputBoxMkt.disabled #btnSendMkt{background:url(../img/btn_send3.png) center no-repeat; background-size:40px 40px;}

/* 주소입력  201803*/
.text_one_auto{border-bottom:1px solid #e2e0e4; width:100%; padding:5px 9px; background-color:transparent;}
.text_one_auto textarea{ position:relative; width:100%; box-sizing:border-box; height:20px; line-height:20px; 
  padding:0; border:none; font-size:13px; resize:none; vertical-align:top; overflow-y:auto; max-height:80px;color:#333;}