@charset "UTF-8";
/*reset*/
html, body{}
body {-webkit-backface-visibility: hidden; backface-visibility: hidden; font-size: 16px; font-family: LGSmHaT; background-color: #f2f1f4; font: -apple-system-body;}
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; font-family: LGSmHaT; font-size: 1em;} 
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: #e84472;}

/*layout*/
#wrap{width: 100%; position: absolute; left:0; top: 0; right: 0; bottom: 0;}
#skipNav a{position: absolute; width: 100%; height: 30px; line-height: 30px; background-color: #333; color: #fff; left: 0; top: -30px; z-index: 99999; text-align: center;}
#skipNav a:focus{top: 0;}
/*header*/
#header {width: 100%;position: fixed; top: 0; left: 0;height: 64px;z-index:99;}
#header .headerInner{position: fixed; top: 0; left: 0;width: 100%;height: 50px; border-bottom:1px solid #c4c2c7; line-height: 50px; background-color: #fff; z-index: 60;}
#header #titleH1{padding-left:10px;text-align: left; font-size: 16px; color: #333;}
/*#header #titleH1 span{display: inline-block; padding-left: 42px; background: url(../img/ico_bot.png) left center no-repeat; background-size: 33px auto;} 정식 오픈전*/
/*베타로고*/
#header #titleH1 span{display: inline-block; }
#header #btnX,
.layerPopup .layerPopupTop .btnLayerx{position: absolute; right: 0; top: 50%; width: 40px; height: 40px; overflow: hidden; text-indent: -10000%; margin-top: -20px;}
#header #btnX,
.layerPopup .layerPopupTop .btnLayerx{background: url(../img/btn_x.png) center no-repeat; background-size: 16px auto; }

/* 2018-11-16 헤더 엑스버튼 구조변경 */
#header .headerBtnBox {width: 140px;height: 100%;position: absolute;right: 10px;top: 0; text-align:right;}
#header .headerBtnBox #btnX {display: inline-block;float:right;position: static;margin-top: 5px;margin-right: -10px;text-align:left;}
#header .headerBtnBox button.counsel_btn {position: static;margin-top: 0;}

button.counsel_btn {display:inline-block;position: absolute;right: 38px;top: 50%;border:1px solid #e2e0e4;margin-top:-12px;color: #e63869;background-color: #fff;line-height:1.15;padding:6px 12px 5px 12px;border-radius: 16px;border:1px solid #e2e0e4;font-size:11px;font-weight:500;}
button.counsel_btn:visited {color: #e63869;}
button.counsel_btn:disabled {color:#aaa;cursor:default;}


/*2018-09-10 레이아웃 수정*/
#header .termsFixed {width:100%;position:absolute;top: 50px;bottom:0;}
#header .termsFixed #btnTerms,
#header .termsFixed #btnTerms:hover {
	display:block;
	height: 14px;
	position:relative;
	text-indent:-9999em;
	background: rgba(221,221,221,1);
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 40%, rgba(221,221,221,0.89) 50%, rgba(221,221,221,0.8) 58%, rgba(221,221,221,0.3) 90%, rgba(221,221,221,0.15) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(40%, rgba(221,221,221,1)), color-stop(50%, rgba(221,221,221,0.89)), color-stop(58%, rgba(221,221,221,0.8)), color-stop(90%, rgba(221,221,221,0.3)), color-stop(100%, rgba(221,221,221,0.15)));
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 40%, rgba(221,221,221,0.89) 50%, rgba(221,221,221,0.8) 58%, rgba(221,221,221,0.3) 90%, rgba(221,221,221,0.15) 100%);
	background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 40%, rgba(221,221,221,0.89) 50%, rgba(221,221,221,0.8) 58%, rgba(221,221,221,0.3) 90%, rgba(221,221,221,0.15) 100%);
	background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 40%, rgba(221,221,221,0.89) 50%, rgba(221,221,221,0.8) 58%, rgba(221,221,221,0.3) 90%, rgba(221,221,221,0.15) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 40%, rgba(221,221,221,0.89) 50%, rgba(221,221,221,0.8) 58%, rgba(221,221,221,0.3) 90%, rgba(221,221,221,0.15) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#dddddd', GradientType=0 );
}
#header .termsFixed #btnTerms:before{content:'';display:block;width: 11px;height: 6px;position:absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -3px;background: url(../img/arr_d_4.png) center center no-repeat;background-size:100%;}
#header .termsFixed #btnTerms.active:before{transform: rotateX(180deg);}
#header .termsFixed #termsListBox {display: none;background-color:#fff;line-height: 1; }
#header .termsFixed #termsListBox li {border-top:1px solid #e7e6e9;line-height:3;}
#header .termsFixed #termsListBox li:first-child {border-top:0;}
#header .termsFixed #termsListBox li button {width:100%;padding-left: 22px;text-align:left;color:#736d76;}


/*container*/
#container{padding: 64px 0 0 0; box-sizing: border-box; height: 100%; overflow-y: scroll;-webkit-overflow-scrolling:touch;}
/*#container #msgScrollBox{overflow-x: hidden; overflow-y: auto; height: 100%; position: relative;}*/
/*#container #msgScrollBox.addSuggest{padding-bottom: 42px;}*/

/*footer*/
#footer{position: fixed; bottom: 0; left: 0; width: 100%; /*min-height: 45px;*/ z-index: 50;}
/*#footer #msgTxtInputBox{padding: 15px 50px 15px 11px;background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.15); position: relative; z-index: 120;}*/
#footer #msgTxtInputBox{padding: 10px 50px 10px 11px;background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.15); position: relative; z-index: 120;}
#footer #msgTxtInputBox.statusDisabled,
#footer #msgTxtInputBox.statusEnd{background-color: #dcd9df; box-shadow: 0 0 6px rgba(0,0,0,0.15) inset; }
#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%; 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;}
#footer #msgTxtInputBox.statusEnd #msgTxtInput{background-color: #dcd9df;}
#footer #msgTxtInputBox #btnSend{position: absolute; right: 10px; bottom: 3px; width: 35px; height: 35px; border: none; border-radius: 35px; background: url(../img/btn_send.png) center no-repeat #c4c1c9; background-size: 20px 20px; overflow: hidden; text-indent: -10000%;}
#footer #msgTxtInputBox #btnSend.on{background-color:#e84472; box-shadow: 0 0 6px rgba(0,0,0,0.15);}

/* 주소입력  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; }