@charset "utf-8";

@font-face {
	font-family: 'BMK';
	font-style: normal;
	font-weight: 200;
	src: url(fonts/BMKT.eot);
	src: url(fonts/BMKT.eot?#iefix) format('embedded-opentype'),
		url(fonts/BMKT.woff) format('woff'),
		url(fonts/BMKT.ttf) format('truetype');
}

@font-face {
	font-family: 'BMK';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/BMKL.eot);
	src: url(fonts/BMKL.eot?#iefix) format('embedded-opentype'),
		url(fonts/BMKL.woff) format('woff'),
		url(fonts/BMKL.ttf) format('truetype');
}
@font-face {
    font-family: 'BMK';
    font-style: normal;
    font-weight: 400;
	src: url(fonts/BMKR.eot);
	src: url(fonts/BMKR.eot?#iefix) format('embedded-opentype'),
		url(fonts/BMKR.woff) format('woff'),
		url(fonts/BMKR.ttf) format('truetype');
}

@font-face {
	font-family: 'BMK';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/BMKB.eot);
	src: url(fonts/BMKB.eot?#iefix) format('embedded-opentype'),
		url(fonts/BMKB.woff) format('woff'),
		url(fonts/BMKB.ttf) format('truetype');
}

@font-face {
	font-family: 'BMWTypeNextLatin';
	font-style: normal;
	font-weight: 300;
	src: url(fonts/BMWTypeNextLatin-Light.woff) format('woff'),
		url(fonts/BMWTypeNextLatin-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'BMWTypeNextLatin';
	font-style: normal;
	font-weight: 500;
	src: url(fonts/BMWTypeNextLatin-Bold.woff) format('woff'),
		url(fonts/BMWTypeNextLatin-Bold.ttf) format('truetype');
}

@font-face {
	font-family:'MalgunGothic';
	font-style: normal;
	src: url(fonts/MalgunGothic.eot);
}


/* reset */
*{box-sizing:border-box;}
html, body {width: 100%; height: 100%; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0; font-family:BMK, BMWTypeNextLatin, arial, Helvetica, sans-serif !important;}
body,input,textarea,select,button,table{font-size:14px;color:#333;outline:none;font-family:BMK, BMWTypeNextLatin, arial, Helvetica, sans-serif !important;  word-break:keep-all;}
input,select,button{vertical-align:middle;}
input[type]{vertical-align:middle}
h1,h2,h3,h4,h5,h6{color:#333;}
html{height:100%;}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address{font-style:normal;}
img{vertical-align:top;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#0052b6;}
article,aside,dialog,footer,header,section,footer,nav,figure{display:block;margin:0;padding:0;}
button{border:0 none;background:transparent;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
hr,legend{display:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;color:#666;font-family:'BMK';}

/* common */
.bold{font-weight:500;}
.text-blue{color:#4d7beb;}
.text-point{font-weight:bold;color:#3065e4;}
.division{border-bottom:2px dotted #d2d2d2;margin:15px 0;}
.list-style1 li{margin-left: 4px;margin-bottom: 5px;padding-left: 11px;font-size: 13px;background: url(../images/icon-dot.png) left 6px no-repeat;line-height: 18px;}
.font13{font-size:13px;}
.text-center {text-align:center;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.pb30 {padding-bottom:30px !important;}

.bot_name {font-family: 'BMK', sans-serif; font-size:12px; font-weight:400; color:#FFF; /*margin-left:44px;*/}
.user_time {margin-right:15px; font-size:11px; color:#FFF; line-height:140%; text-align:right; font-weight:300;}
.bot_time {margin:0 0 0 60px; font-size:11px; color:#FFF;  line-height:140%; float:left; font-weight:300;}

ul.question > li {padding:5px;}

/* main */
.main-wrap{text-align:center;}
.main-wrap h1{padding-top:30px;height:84px;}
.main-wrap p{color:#373430;}
.main-wrap p.text1{font-size:33px;font-weight:700;letter-spacing:-1.2px;margin-bottom:10px;}
.main-wrap p.text2{font-size:15px;margin-bottom:10px;line-height:24px;letter-spacing:-0.4px;font-weight:500;}

.btn-group{position:relative;margin:0 auto;background:url(../images/main-character2.png) center 10px no-repeat;padding-top:234px;}
.btn-group button{letter-spacing:-0.4px;margin:5px 7px;font-size:18px;border:1px solid #d1d8a6;width:120px;padding:20px 0 22px 0;border-radius:5px;background:#faffde;margin-bottom:5px;font-weight:500;-webkit-box-shadow: 5px 5px 8px -4px rgba(0,0,0,0.25);box-shadow: 5px 5px 8px -4px rgba(0,0,0,0.25);}
.btn-group button:hover{background:#4d7beb;color:#fff;border:1px solid #4d7beb;}
.btn-group button:active{-webkit-box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.48); box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.48);}
.btn-group .sub-character{position:absolute;left:169px;top:180px;background:url(../images/sub-character-big.png) center top no-repeat;width:74px;height:68px;}

.btn-checktype{background:#91b500;border-radius:10px;padding:12px 42px;color:#fff;font-size:18px;margin-top:20px;}
.btn-checktype:hover{background:#4d7beb;}

/* top */
.top{border-bottom:2px solid #898989; height:50px; text-align:center; background:#eeefea;}
.top img {float:left; text-align:center;  margin:6px 0 0 20px;}
.top h1{position:absolute; top: 24px;left: 50%; transform: translate(-50%, -50%); font-family: 'BMK', sans-serif !important; font-size:20px; font-weight:700; color:#3F7BFE;} /* 20220217 수정 */
.top h2{text-align:center;font-size:16px;color:#505050;font-weight:400;padding-top:17px;background: url(../images/bg-title.png) center bottom  no-repeat;position:absolute;left:50%;top:2px;width:180px;height:48px;margin-left:-90px}
.top_line {position: absolute; top: 42px; right: 0; z-index: 99999999999;}

/* faq */
.faqWrap {border:1px solid #eee;position:relative;height:calc(100% - 50px);width:100%;}
.bg-black{height:100%;opacity: 0.5;position:absolute;top:0;width:100%;z-index:2;background:#000;}

/* bottom */
.bottom{position:fixed;bottom:0;border-top:1px solid #ddd;width:100%;background: #fff;z-index:100;}
.bottom .bar{position:relative;width:100%;}
.bottom .bar .btn-home a{position:absolute;left:0;bottom:0;border-right:1px solid #ddd;padding:10px;width:50px;height:50px;background:url(../images/icon-home.png) center 14px no-repeat;cursor:pointer;}
.bottom .bar .btn-home span{text-indent: -99999px;display:block;}
.bottom .bar input{margin:14px 0 12px 0;border:none;width:100%;padding:0 50px 0 61px;}
.bottom .bar input::-webkit-input-placeholder, .bottom .bar input:-ms-input-placeholder, .bottom .bar input::placeholder  {color: #ccc;}
.bottom .bar .btn-send{position:absolute;right:18px;bottom:8px;border-radius:25px;background:url(../images/icon-plane.png) 5px 8px no-repeat #caced8;width:32px;height:32px;}
.bottom .bar .btn-send.active{background-color:#4d7beb;}

/* chat */
.chat {height:calc(100% - 150px);overflow:auto;margin-top:0;padding-bottom:80px; background:#92a2bd} /* 20220307 수정 */
.chat-content{padding:0 0px;line-height:22px;}
.chat-content > div:after{content:'';display:block;clear:both;}
.chat-content .left > div, .chat .right > div{max-width:300px; padding:10px 16px;font-size:13px;line-height:20px; letter-spacing:-1px; font-weight:400; word-break:break-all;} /* 20220518 수정 */
.chat-content .left{float:left;margin-bottom:0px; /*min-width:100%;*/}

.box-warning{border-radius:15px!important;border:1px solid #d6dae0;background:#fff;margin-top:5px;}
.box-nwf{text-align:center;padding:10px 20px;margin:10px 0;font-weight:bold;border:1px solid #e0e0e0;background: #fff;border-radius: 30px;}
.box-nwf i{background:url(../images/icon-mglass.png) 0 0 no-repeat;width:15px;height:15px;display:inline-block;float:left;margin:3px 3px 0 0;}

/* cards*/
.card {width:295px;margin-bottom:10px;}
.card.width-full {width:100%;}
.card.width-full .slimScrollDiv.fixed-table{overflow:auto;}
.card .card-text{border-radius:3px 15px 15px 15px;background:#f3f5f8;padding:10px 15px;font-family:'BMWTypeNextLatin', sans-serif;font-size:14px;line-height:20px;margin-top:10px;}
.card button{border-radius:2px;float:left;margin-top:5px;padding:6px 0;background:#fff;}
.card button:hover{background-color:#4d7beb;color:#fff;}

.card-btn-twin > button{border:1px solid #2e81f8;color:#2e81f8;width:49%;}
.card-btn-triple > button{border:1px solid #2e81f8;color:#2e81f8;width:32%;}
.card-btn-vertical > button{border:1px solid #dee0e5;color:#5b5d61;width:100%;}
.card-btn-vertical > button:hover{border:1px solid #2e81f8;color:#2e81f8;width:100%;background:#fff;}
.card-btn-uncounted > button{border:1px solid #bec2c7;color:#0b0d0f;border-radius:25px;margin-right:5px;padding:6px 10px;margin-top:5px;}
.card-btn-uncounted > button:hover{border:1px solid #2e81f8;color:#2e81f8;}

.card-btn-icon > button{border:1px solid #cacdd2;border-radius:2px;background:#fff;width:49%;margin-top:5px;padding:6px 5px 6px 15px;color:#2e81f8;font-size:16px;letter-spacing:-0.2px;text-align:left;}
.card-btn-icon > button.w-100{width:100%;}
.card-btn-icon > button:hover{border:1px solid #2e81f8;}

.card-btn-twin, .card-btn-triple, .card-btn-vertical, .card-btn-uncounted, .card-btn-icon{margin-top:5px;}

.card-btn-icon i {width:12px; height:13px;display:inline-block;margin-right:4px;}
.card-btn-icon i.icon-link{background: url(../images/icon-link.png) left bottom no-repeat;}
.card-btn-icon i.icon-call{background: url(../images/icon-call.png) left bottom no-repeat;}
.card-btn-icon i.icon-home2{background: url(../images/icon-home2.png) left bottom no-repeat;}
.card-btn-icon i.icon-refresh{background: url(../images/icon-refresh.png) left bottom no-repeat;}
.card-btn-icon i.icon-heart{background: url(../images/icon-heart.png) left bottom no-repeat;}
.card-btn-icon i.icon-kids{background: url(../images/icon-kids.png) left bottom no-repeat;}
.card-btn-icon i.icon-thumbsup{background: url(../images/icon-thumbsup.png) left bottom no-repeat;}
.card-btn-icon i.icon-leaf{background: url(../images/icon-leaf.png) left bottom no-repeat;}
.card-btn-icon i.icon-check{background: url(../images/icon-check.png) left bottom no-repeat;}
.card-btn-icon i.icon-notice{background: url(../images/icon-notice.png) left bottom no-repeat;}
.card-btn-icon button:hover i.icon-link,
.card .card-btn-icon button:hover i.icon-call, 
.card-btn-icon button:hover i.icon-home2, 
.card-btn-icon button:hover i.icon-refresh,
.card-btn-icon button:hover i.icon-heart,
.card-btn-icon button:hover i.icon-kids,
.card-btn-icon button:hover i.icon-thumbsup,
.card-btn-icon button:hover i.icon-leaf,
.card-btn-icon button:hover i.icon-check,
.card-btn-icon button:hover i.icon-notice{
	background-position:-12px 0;
}

.card-list ul{border:1px solid #dee0e5;padding:6px 9px;margin-top:13px;}
.card-list ul li{width:100%;border-bottom:1px solid #dee0e5;padding:10px;cursor:pointer;}
.card-list ul li:hover{color:#0052b6;}
.card-list ul li:last-child{border-bottom:0;}

.card-checkbox ul{border:1px solid #dee0e5;padding:6px 9px;margin-top:13px;}
.card-checkbox ul li{width:100%;border-bottom:1px solid #dee0e5;padding:14px;}
.card-checkbox ul li:last-child{border-bottom:0;}

.card-img{border-radius:3px 20px 20px 20px;background:#f3f5f8;padding:10px 15px;}
.card-img img{width:100%;cursor:pointer;}
.card-img h3{font-size:14px;font-family:'BMK', sans-serif;letter-spacing:-0.5px;}

.show-hide a{width:100%;margin-top:10px;margin-left:2px;font-size:12px;font-weight:700;text-align:left;display:block;}
.show-hide a.show{background: url(../images/arrow-down.png) 40px 7px no-repeat;}
.show-hide a.hide{background: url(../images/arrow-up.png) 30px 7px no-repeat;border-bottom:1px dotted #000;padding-bottom:10px;}
.show-hide p{font-size:13px;padding-top:10px;line-height:18px;}

.box-session{border-radius:2px;border:1px solid #d6dae0;background:#fff;margin-top:5px;text-align:center;padding:15px 0;margin-top:30px;}

.view-more{border:1px solid #2e81f8!important;color:#2e81f8!important;font-size:12px!important;}
.view-more:hover{background:#2e81f8;color:#fff!important;}

.mr-5{margin-right:5px;}

.relative{position:relative;}
.card-arrow-left, .card-arrow-right{width:38px;height:38px;border-radius:50%;cursor:pointer;margin-top:-19px;}
.card-arrow-left{position:absolute;left:5px;top:50%;background:url(../images/arrow-left-white.png) center 50% no-repeat rgba(0, 0, 0, 0.45);}
.card-arrow-right{position:absolute;right:5px;top:50%;background:url(../images/arrow-left-right.png) center 50% no-repeat rgba(0, 0, 0, 0.45);}
.dot-nav{margin:4px auto;text-align:center;}
.dot-nav li{width:12px;height:12px;background:#babbbe;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer;}
.dot-nav li.active{background:#3692e7;}

.card-weather{border:1px solid #d2dcea;border-radius:40px;padding:28px;position:relative;-webkit-box-shadow: 4px 4px 5px -1px rgba(205,215,230,0.75); box-shadow: 4px 4px 5px -1px rgba(205,215,230,0.75);margin-top:10px;}
.card-weather .icon-weather .icon-cloud-sun{background:url(../images/icon-cloud-sun.png) left top no-repeat;width:108px;height:108px;position:absolute;right:18px;;top:20px;}
.weahter-date{font-size:15px;color:#949dac;letter-spacing:-0.4px;margin:0 7px;}
.temperature{font-size:50px;color:#1a1a1a;font-weight:500;margin:42px 7px 22px 7px;}
.temperature img{margin-top:-9px;}
.tem-updown{font-size:14.5px;color:#1a1a1a;font-weight:500;padding-left:14px;margin:0 7px;}
.tem-updown.up{background:url(../images/tem-up.png) left 8px no-repeat;}
.tem-updown.down{background:url(../images/tem-down.png) left 8px no-repeat;}
.weather-details{border-top:1px solid #d2dcea;margin-top:15px;}
.weather-details dl{margin:12px 7px 0 7px;font-size:14px;}
.weather-details dl dt{width:50%;float:left;}
.weather-details dl dd{width:50%;float:right;text-align:right;}
.weather-details dl:after{content:'';display:block;clear:both;}

/* scroll */
.slimScrollDiv::-webkit-scrollbar{width: 6px;height: 8px;}
.slimScrollDiv::-webkit-scrollbar-track{border-radius: 20px;}
.slimScrollDiv::-webkit-scrollbar-thumb{background: #e1e5ed;border-radius: 20px;}
.slimScrollDiv::-webkit-scrollbar-thumb:hover{background: #cbd2e0;}


/*--------------------------------------------------------*/

.disNone{
  display:none;
}
.fixedTop{
  position:fixed;
  top:0;
  width:100%;
  z-index:999;
}

.botChat{
/*display:flex;
  align-items:start;
  justify-content:start;*/
  position:relative;
  padding:0 10px 0 10px;
  margin-top:10px;
}
.bot_masage{
  float:left;
  /*display:flex;*/
  align-items:flex-end;
  margin-right:44px;
  /*margin-left:44px;*/
  width: 100%;
}

.userChat{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  z-index:10;
  margin-right:10px;
 margin-top:10px;
}
 

  .topPopContent {max-width:90%;width:100%;text-align:left; }
  .topPopContent h4 {color:#3F7BFE; font-size:15px; font-weight:700; font-family:'BMK', sans-serif; letter-spacing:-0.5px;}

  .top_home {color:#FFF; font-size:20px; float:left; margin-left:10px; padding:10px 0 0 10px;}

  .top_closeBtn{
    color:#000000;
    font-size:20px;
    float:right;
    margin-right:10px;
	padding:10px 0 0 0;
  }

.bot_img{
  border-radius:50px;
  /*overflow:hidden;*/
  margin-right:10px;
  float:left;
}

.chat-content .left > div:first-child{
  border-radius:0 8px 8px 8px;
  background:#eeefea;
  padding: 10px 16px;
  box-shadow:0 1px 5px 0 rgb(7 0 1 / 20%);
  /*border:1px solid #e0e0e0;*/
}
.chat-content .right > div{
  border-radius:8px 0px 8px 8px;
  background:#ffea99;
  color:#444444;
    box-shadow:0 1px 5px 0 rgb(7 0 1 / 20%);
}


.bottomBar{
  width:100%;
  display:flex;
  align-items:center;
  position:fixed;
  justify-content:center;
  bottom:0px;
  padding:10px;
  background:#FFF;
  border-top:1px solid #e3e3e3;
  z-index:99999;
}

.inputBtn{
  width:40px;
  height:40px;
  border-radius:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:white;


}

.inputBtnLeft{
  position:absolute;
  left:0px;
  margin-left:10px;
  background-color:#3F7BFE;
  /*background:linear-gradient( to bottom right, #048bcc, #0359a6 );*/
}

.inputBtnRight{
  position:absolute;
  right:0px;
  margin-right:10px;
  background-color:#292929;
}

.bottomBar>div:nth-child(2){
  width:calc(100% - 90px);
}

.bottomBar input{
  width:100%;
  padding:5px 5px 5px 20px;
  border-radius:20px;
  background-color:#eeefea;
  border:none;
  margin:auto;
  height:40px;
}


.searchInput{
  position:relative;
  width:80%;
}
.closeSearch{
  position:absolute;
  top:12px;
  right:15px;
  cursor:pointer;
}

.session1{
  margin-top:50px;
  min-height:400px;
  overflow:hidden;
}


@media (max-width: 425px) {
.mo_only {display:block;}
}

@media only screen and (max-width: 375px) {
.second_top_left div {padding-left:5px;}
.second_top_left div a {padding-left:10px;}
.chat-content .left > div, .chat .right > div {max-width:220px;}
.chat-content .left {min-width:220px;}
.botChat {padding:10px 15px 10px 15px;}
.bot_img {display:none;}
.botMan{position: absolute;top: -96px; left: -10px;}
.botMan img {width:80%;}
.starPointPopup {width:300px;}
}



input[type=radio]+label {font-family: 'BMK', sans-serif; font-size: 13px;}
.custom-control-input:checked ~ .custom-control-label::before {border-color: #055897 !important; background-color: #3F7BFE !important;}
.radioArea {margin:5px 0 5px 0; padding-left:5px;}


.bot_msg {background:#526482; text-align:center; padding:10px;  border-radius:8px; margin:20px 0 30px 0;}
.bot_msg span {font-size:13px; font-weight:300;}