@charset "utf-8";
/* CSS Document */
@import url("fonts.css");
@import url("reset.css");
@import url("default.css");


/* css default setting */
.blind {display:block;overflow:hidden;position:absolute !important;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.blank {margin:0;padding:0;border:none;background:none;}
.dnone {display:none !important;}
.clearfix:before,
.clearfix:after {content:"";display:table;padding:0;}
.clearfix:after {clear:both;}
.tct {text-align:center;}
.tlt {text-align:left;}
.trt {text-align:right;}
.vam {vertical-align:middle;}
.vat {vertical-align:top;}
.vab {vertical-align:bottom;}
.fl {float:left;}
.fr {float:right;}
.ib {display:inline-block;}
.keep {word-break:keep-all;}
.ico_comm{overflow:hidden;display:inline-block;background-size: contain !important;background-repeat:no-repeat;vertical-align:top;text-indent:-9999px;-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;/* 크롬,사파리 등 랜더링 이미지 깨짐 방지*/}

/* autocomplete style */
.ui-autocomplete {
  max-height: 80px !important; /*300px*/
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  height: auto;
  border-radius:8px 8px 0 0 !important;
  width:300px !important;
}
.ui-autocomplete li{
/* border-top:1px solid #EDEEF0 !important;
li:nth-of-type(1) {border:0; !important} */
font-family:'NotoSansKR';
}
.ui-autocomplete li p{
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ui-autocomplete li em{
color:#FF8838;font-weight:500;
}

/* button style */
.btn {display:inline-block;vertical-align:top;cursor:pointer;text-align:center;-webkit-transition:0.2s ease-out;transition:0.2s ease-out;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout: none;}
.btn-notice {position:relative;line-height:24px;padding:12px 30px 12px 48px;background-color:#fff;border-radius:12px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.btn-notice:before,
.btn-notice:after {content:"";position:absolute;display:inline-block;}
.btn-notice:before {top:12px;left:12px;width:24px;height:24px;background:url(../images/ico_notice.svg) center no-repeat;}
.btn-notice:after {top:19px;right:12px;width:6px;height:10px;background:url(../images/arrow_1_orange.svg) center no-repeat;transform:rotate(180deg);background-size:6px;}
.btn-notice-02 {position:relative;height:56px;line-height:56px;padding:0 30px 0 48px;background-color:#fff;border-radius:30px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.btn-notice-02:before,
.btn-notice-02:after {content:"";position:absolute;display:inline-block;}
.btn-notice-02:before {top:16px;left:12px;width:24px;height:24px;background:url(../images/ico_notice_2.svg) center no-repeat;}
.btn-notice-02:after {top:23px;right:12px;width:6px;height:10px;background:url(../images/arrow_1_orange.svg) center no-repeat;transform:rotate(180deg);background-size:6px;}
.btn-survey {position:relative;line-height:24px;padding:12px 30px 12px 48px;background-color:#fff;border-radius:12px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.btn-survey:before,
.btn-survey:after {content:"";position:absolute;display:inline-block;}
.btn-survey:before {top:12px;left:12px;width:24px;height:24px;background:url(../images/ico_checklist.svg) center no-repeat;}
.btn-survey:after {top:19px;right:12px;width:6px;height:10px;background:url(../images/arrow_1_orange.svg) center no-repeat;transform:rotate(180deg);background-size:6px;}
.btn-survey-02 {position:relative;height:56px;line-height:56px;padding:0px 30px 0px 48px;background-color:#fff;border-radius:30px;text-align:left;box-shadow:0 4px 12px rgba(0,0,0,0.08);}
.btn-survey-02:before,
.btn-survey-02:after {content:"";position:absolute;display:inline-block;}
.btn-survey-02:before {top:16px;left:12px;width:24px;height:24px;background:url(../images/ico_checklist_2.svg) center no-repeat;}
.btn-survey-02:after {top:23px;right:12px;width:6px;height:10px;background:url(../images/arrow_1_orange.svg) center no-repeat;transform:rotate(180deg);background-size:6px;}

.btn-good-area{width:100%; text-align: center; height:30px; }
.btn-good{width:240px;margin:0 auto;padding:0 12px;margin-bottom:40px; background:#fff; color:#555;font-weight:500;border-radius:18px;line-height:36px;height:36px;}
.btn-good:before{content:"";display:inline-block;vertical-align:top;background:url(../images/ico_good.png) 0 0 no-repeat;background-size:contain; width:24px;height:24px;opacity: 0.5;margin: 6px 8px 0 0}
.btn-good:hover, .btn-good:focus{background:#2f75ff;color:#fff;font-weight:bold;}
.btn-good.on:before {background:url(../images/ico_face_red.svg) left bottom no-repeat;animation:.5s blink;}
.btn-good.on-02:before {background:url(../images/ico_face_red_2.svg) left bottom no-repeat;animation:.5s blink;}
.btn-good.on-03:before {background:url(../images/ico_face_red_3.svg) left bottom no-repeat;animation:.5s blink;}

.btn-gb {position:relative;padding:16px 0 0 20px;line-height:18px;text-decoration:underline;}
.btn-gb:before {content:"";position:absolute;left:0;bottom:0;width:16px;height:16px;background:url(../images/ico_face_gray.svg) left bottom no-repeat; background-size: 16px;}
.btn-gb.on:before {background:url(../images/ico_face_red.svg) left bottom no-repeat;animation:.5s blink; background-size: 16px;}
.btn-gb.btn-bad:before {content:"";position:absolute;left:0;bottom:0;width:16px;height:16px;background:url(../images/ico_face_gray_3.svg) left bottom no-repeat;background-size: 16px;}
.btn-gb.btn-bad.on:before {content:"";position:absolute;left:0;bottom:0;width:16px;height:16px;background:url(../images/ico_face_red_3.svg) left bottom no-repeat;background-size: 16px;}
.btn-check-favorite {width:40px;height:40px;background:url("../images/ico_bookmark.svg") center no-repeat;text-indent:-9999px;overflow:hidden;background-size:20px;}
.btn-check-favorite.on {background:url(../images/ico_bookmark_blue.svg) center no-repeat;animation:.3s blink;background-size:20px;}
.btn-line-01 {height:40px;line-height:40px;padding:0 12px;color:#7a101b;border:1px solid #edeef0;border-radius:8px;text-align:left;outline:0;}
.btn-line-01:hover,
.btn-line-01:focus,
.btn-line-01.active {background-color:#e5e8ff;border-color:#7a101b;}
.btn-line-02 {height:40px;line-height:40px;padding:0 12px;color:#7a101b;/*border:1px solid #7a101b;*/border-radius:8px;text-align:left;}
.btn-line-02:focus,
.btn-line-02:hover,

.btn-line-03 {line-height:40px;padding:0 12px;color:#eae4de;border:1px solid #eae4de;border-radius:8px;text-align:left;}
.btn-line-03:focus,
.btn-line-03:hover,
.btn-line-03.active {background-color:#ffe2cf;}

.btn-download {max-width:100%;height:40px;line-height:40px;padding:0 40px 0 12px;color:#fff;background:#7a101b url(../images/ico_download.svg) right 16px center no-repeat;border-radius:8px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.btn-download:hover,
.btn-download:focus,
.btn-download.active {background-color:#6173e6;}
.btn-download-02 {max-width:100%;height:32px;line-height:32px;padding:0 12px 0 32px;font-size:12px;border-radius:12px;background:#EDEEF0 url(../images/ico_link_black.svg) 8px center no-repeat;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* .btn-link {height:40px;line-height:40px;padding:0 40px 0 12px;color:#fff;background:#778aff url(../images/ico_link.svg) right 14px center no-repeat;border-radius:8px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 0103 */
.btn-link {position: relative;text-align:left;white-space: nowrap;word-break:break-all;text-overflow: ellipsis;overflow: hidden;padding-right:25px}
.btn-link:after{position:absolute;top:6px;right:4px;content:"";display:block;width:20px;height:20px;background:url(../images/ico_link.png) 0 0 no-repeat;background-size:contain;}
.btn-link:hover, 
.btn-link:focus, 
.btn-link.active {background-color:#91a0ff;}
.btn-link-02 {color:#2899D8;text-decoration:underline;}
.btn-more {position:relative;height:40px;line-height:40px;padding:0 12px;color:#7a101b;border:1px solid #7a101b;border-radius:8px;text-align:left;}
.btn-more:after {content:"";position:absolute;display:inline-block;bottom:4px;right:4px;width:32px;height:32px;background:url(../images/arrow_1_orange.svg) center no-repeat;transform:rotate(180deg);background-size:6px;}
.btn-view-detail {position:relative;width:calc(100% - 24px);margin-left:12px;height:42px;line-height:32px;padding:10px 32px 0 0;border-top:1px dashed #bababa;margin-top:8px;color:#777;text-align:left;}
.btn-view-detail:after {content:"";position:absolute;display:inline-block;bottom:0;right:0;width:32px;height:32px;background:url(../images/arrow_1_gray.svg) center no-repeat;transform:rotate(180deg);}
.btn-cancel-01 {height:40px;line-height:38px;padding:0 12px;background-color:#fff;color:#7a101b;border:1px solid #EDEEF0;border-radius:8px;}
.btn-cancel-01:hover,
.btn-cancel-01:focus,
.btn-cancel-01.active {background-color:#e5e8ff;border-color:#7a101b;}
.btn-cancel-01.tlt {text-align:left;}
.btn-cancel-02 {height:48px;line-height:48px;padding:0 12px;background-color:#fff;color:#7a101b;border:1px solid #EDEEF0;border-radius:8px;}
.btn-cancel-02:hover,
.btn-cancel-02:focus,
.btn-cancel-02.active {background-color:#e5e8ff;border-color:#7a101b;}
.btn-confirm-01 {height:40px;line-height:40px;padding:0 12px;background-color:#26c5ff;color:#fff;border-radius:8px;}
.btn-confirm-01:focus,
.btn-confirm-01.active {background-color:#00bbff;}
.btn-confirm-01.tlt {text-align:left;}
.btn-confirm-02 {height:48px;line-height:48px;padding:0 12px;background-color:#7a101b;color:#fff;border-radius:8px;}
.btn-confirm-02:hover,
.btn-confirm-02:focus,
.btn-confirm-02.active {background-color:#7a101b;}
.btn-confirm-03 {height:48px;line-height:48px;padding:0 12px;background-color:#2D2D2D;color:#fff;border-radius:8px;}
.btn-confirm-03:hover,
.btn-confirm-03:focus,
.btn-confirm-03.active {background-color:#6c6c6c;}
.btn-disabled-01 {height:40px;line-height:48px;padding:0 12px;color:#bababa;background-color:#EDEEF0;border-radius:8px;}
.btn-disabled-02 {height:48px;line-height:48px;padding:0 12px;color:#bababa;background-color:#EDEEF0;border-radius:8px;}
.btn-delete-text {width:40px;height:40px;background:url(../images/ico_cancer_gray.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-messenger {width:45px;height:45px;background:url(../images/ico_bubble_red.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-messenger-02 {width:21px;height:21px;background:url(../images/ico_bubble_red.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-messenger-02 {background:url("../images/kworks.png") center no-repeat;background-size:16px;}
.btn-play-video {width:56px;height:52px;background:url(../images/arrow_play.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.btn-minus {position:relative;width:40px;height:40px;border:1px solid #EDEEF0;text-indent:-9999px;overflow:hidden;background-color:#fff;border-radius:8px;}
.btn-minus:before {content:"";position:absolute;display:inline-block;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background-color:#7a101b;}
.btn-plus {position:relative;width:40px;height:40px;border:1px solid #EDEEF0;text-indent:-9999px;overflow:hidden;background-color:#fff;border-radius:8px;}
.btn-plus:before,
.btn-plus:after {content:"";position:absolute;display:inline-block;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background-color:#7a101b;}
.btn-plus:after {transform:rotate(90deg);}

/* text style */
.text-red {color:#7a101b;}
.text-red-02 {color:#FF0015;}
.text-blue {color:#3396EB;}
.text-orange {color:#FF7200;}
.text-small {font-size:12px;}
.text-small-02 {font-size:12px;color:#777;}
.text-md {font-weight:500;line-height:14px;}
.font-big .text-small {font-size:14px;}
.font-big .text-small-02 {font-size:14px;}
.text-set-01 {display:flex;justify-content:space-between;line-height:21px;}
.text-set-01 > * {width:50%}
.text-set-01 + .text-set-01 {margin-top:3px;}

/* body */
html,body {overflow:hidden;}
/* body {font-family:'NotoSansKR', sans-serif;font-size:14px;color:#1a1818;letter-spacing:0.0px;background-color:#eaeaea;} 0103 */
body {font-family:'NotoSansKR', sans-serif;font-size:14px;color:#333;line-height: 1;letter-spacing:-0.5px;}
body.noscroll {height:100%;min-height:100%;overflow:hidden !important;}
body.font-big {font-size:16px;}

/* wrap */
.wrap {z-index:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}

/* intro */
.intro-wrap {z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;background:#7a101b;}
.intro-wrap .intro {position:absolute;width:100%;height:100%;overflow:hidden;}
.intro .title {position:absolute;bottom:50%;left:50%;width:100%;transform:translateX(-50%) translateY(-35px);margin-top:-50px;text-align:center;animation:.5s intro01;}
.intro .start-text {position:absolute;top:50%;left:50%;width:900px;transform:translateX(-50%) translateY(0);animation:1s intro02;text-align:center;}
.intro .start-text .text {padding-top:180px;background:url(../images/ico_chatbot_2.gif) center 50px no-repeat;font-size:18px;font-weight:500;line-height:24px;background-size:50px;}
.intro-wrap.fold:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:127px;background:linear-gradient(to bottom, transparent, #EDEEF0)}

/* header */
/* #header {position:relative;background-color:#eaeaea;text-align:right;padding:8px 8px;overflow:hidden;} 0103 */
#header {position:relative;background-color:#eaeaea;text-align:right;/* padding:8px 8px; */overflow:hidden;}
#header .btn-first {width:40px;position:absolute;top:0;left:0;height:50px;line-height:50px;padding:0 15px;color:#7a101b;font-weight:500;font-size:16px;}
.font-big #header .btn-first {font-size:18px;}

/* chat_top */
.chat_top{position: relative; height: 60px; padding: 16px 12px 10px; box-sizing: border-box; z-index: 300; background: #fff; border-bottom: 1px solid #f5f5f5; justify-content: space-between;}/*display: flex; */
.chat_top .right > button{margin-left: 8px;}

.top_btn.right{position:absolute;top:20px;right:10px;z-index:200;}
.top_btn.left{text-align:left; position:absolute;}
.top_btn.right:after{content:"";display:block;clear:both;}
.top_btn.right button{float:left;}
.top_btn.right button + button{margin-left:6px;}
.top_btn.right .btn_survey + .btn_font{margin-left:7px;}
.top_btn.right .btn_font + .btn_guide{margin-left:7px;}

/* chat_cont */
.hot_issue{position:fixed;width:100%;height:70px;z-index: 90;box-sizing: border-box;padding: 12px 10px 12px 10px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);background-color: #fff;border-radius: 0 0 15px 15px;text-align:left;}
.hot_issue + .chat_cont{padding:69px 16px 15px 16px;}
.hot_issue .tit{display:inline-block;width: calc(100% - 28px);white-space: nowrap;word-break:break-all;text-overflow: ellipsis;overflow: hidden;}
.hot_issue .hot_close{position:absolute;top:3px;right:12px;}

.issue_paging_area{display:block;margin-top: 13px;font-size:0;text-align:center;}
.issue_paging_area .btn_bullet{display:inline-block;width: 6px;height: 6px;background-color: #c5c5c5;border-radius:50%;text-indent:-9999px;vertical-align:top}
.issue_paging_area .btn_bullet+.btn_bullet{margin-left: 10px;}
.issue_paging_area .btn_bullet.is_active{background-color: #162da1;}

.today_date{text-align:center;margin-bottom:10px;}
.today_date span{position:relative;display:block;width: 151px;height: 24px;padding: 5px 0 6px;font-size: 1.3rem;color: #555;box-sizing: border-box;margin: 0 auto;background: #ddd;border-radius: 20px;z-index:10;}
.bot-name{line-height:15px; /*line-height:25px;*/}
.ico-chat-box{display: inline-block; width: 40px; height: 40px; margin: 5px 5px 5px 0;  border-radius: 50%; text-align: center; box-sizing: border-box; position: relative;}
.user_wrap{margin:15px 0 10px;}
.bot-wrap{position:relative;}
.bot-wrap:last-child{padding-bottom:15px;}
.bot-wrap:after{content:"";display:block;clear:both;}
.bot-wrap + .bot-wrap{margin-top:15px;}

.bot-box .bot-txt.w100 .chat_talk{float:none;}
.bot-box .bot-txt + .bot-txt{clear:both;margin-top:10px;}
.bot-box .bot-txt + .bot-txt.w100{width:100%;}
.bot-box .bot-txt:after{content:"";clear:both;display:block;}
.bot-box .bot-txt .chat_talk{float: left; max-width: 100%;padding: 10px; line-height: 24px;background: #fff; border-radius: 2px 12px 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box;margin-bottom: 10px;}
.bot-box .bot-txt .chat_talk + .chat_talk{margin-top:10px;clear: both;}

.btn_group{margin-top:10px;}
.btn_group + .call_info{margin-top:10px}
.btn_group.accordion{margin-top:0;}
.btn_group li + li {margin-top:6px;}
.btn_group .btn{display:block;height:35px;line-height: 1;background: #fff;border-radius: 5px;padding:10px;border: 1px solid #E4E4E4;text-align:center;color: #333;box-sizing:border-box;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);}
.btn_group .btn:focus,.btn_group .btn:hover,.btn_group .btn:active,.btn_group .btn.on{border: none;background: #eae4de;font-weight:bold;color:#fff}

.btn_group.type{clear: both;margin:0;font-size:0;}
.btn_group.type li{display: inline-block;margin:0}
.btn_group.type .btn{min-width:90px;padding:10px 15px;border-radius:20px;margin:8px 6px 0 0;font-size:14px;}
.btn_rating_area{text-align:center;margin:10px 0}
.btn_rating{margin:0 auto; padding:0 12px;background:#fff; color:#1C3A6A;font-weight:500;border-radius:20px;line-height:35px;height:35px;}
.btn_rating:before{content:"";display:inline-block;vertical-align:top;background:url(../img/ico_good.png) 0 0 no-repeat;background-size:contain; width:25px;height:25px;margin:5px 8px 0 0}
.btn_rating:hover, .btn_rating:focus{background:#eae4de;color:#fff;font-weight:bold;}

.btn_group .btn.link, .btn_group .btn.download{position: relative;text-align:left;white-space: nowrap;word-break:break-all;text-overflow: ellipsis;overflow: hidden;padding-right:25px}
.btn_group .btn.link:after{position:absolute;top:6px;right:4px;content:"";display:block;width:20px;height:20px;background:url(../img/ico_link.png) 0 0 no-repeat;background-size:contain;}
.btn_group .btn.link:hover:after, .btn_group .btn.link:focus:after{background:url(../img/ico_link_on.png) 0 0 no-repeat;background-size:contain;}
.btn_group .btn.download:after{position:absolute;top:6px;right:5px;content:"";display:block;width:20px;height:20px;background:url(../img/ico_download.png) 0 0 no-repeat;background-size:contain;}
.btn_group .btn.download:hover:after, .btn_group .btn.download:focus:after{background:url(../img/ico_download_on.png) 0 0 no-repeat;background-size:contain;}

.time{clear:both;display:block;padding-top:5px;font-size:1.2rem;color: #767676;}
.user_box:after{content:"";display:block;clear:both;}
.user_box .user_txt{float:right;position:relative;padding: 10px;line-height:20px;background-color: #384B6A;border-radius: 15px 0 15px 15px;color: #fff;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);}
.user_box .user_txt:after{content:"";display:block;clear:both;}
.user_box .user_txt + .user_txt{clear:both;margin-top: 10px;}
.time.user{clear: both;text-align:right;padding:5px 0 0 0;}

/*  loading  */
.lds-ellipsis {display: block; position: relative; width: 80px; height: 18px;margin: 8px auto;}
.lds-ellipsis div{position: absolute; top: 5px;width: 8px; height: 8px; border-radius: 50%; background: currentColor; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 2px; animation: lds-ellipsis1 0.6s infinite; background-color: #00bbff;}
.lds-ellipsis div:nth-child(2) {left: 2px; animation: lds-ellipsis2 0.6s infinite; background-color: #2f75ff;}
.lds-ellipsis div:nth-child(3) {left: 22px; animation: lds-ellipsis3 0.6s infinite; background-color: #1a32b4;}
.lds-ellipsis div:nth-child(4) {left: 44px; animation: lds-ellipsis4 0.6s infinite; background-color: #000081;}
.lds-ellipsis div:nth-child(5) {left: 66px; animation: lds-ellipsis5 0.6s infinite; background-color: #000081;}

@keyframes lds-ellipsis1 {
	0% {transform: scale(0)}
	100%{transform: scale(1)}
	}
@keyframes lds-ellipsis2 {
	0% {transform: translate(0, 0)}
	100% {transform: translate(20px, 0)}
	}
@keyframes lds-ellipsis3 {
	0% {transform: scale(1)}
	100% {transform: translate(20px, 0) scale(1.5)}
	}
@keyframes lds-ellipsis4 {
	0% {transform: translate(0, 0)}
	100% {transform: translate(20px, 0)}
	}
@keyframes lds-ellipsis5 {
	0% {transform: scale(1)}
	100% {transform: scale(0)}
	}

  
  
/* icon */
.ico_chat{width: 40px; height: 40px; background-image: url(../images/cuckoo_chat.png); top: 10px;}
.ico_home{width: 28px; height: 28px; background-image: url(../images/ico_home.png);}
.ico_notice{width: 28px; height: 28px; background-image: url(../images/ico_notice.png);}
.ico_notice .new{width: 28px; height: 28px; background-image: url(../images/ico_notice_badge.png);}
.ico_survey{width: 28px; height: 28px; background-image: url(../images/ico_survey.png);}
.ico_font{width: 28px; height: 28px; background-image: url(../images/ico_font.png);}
.ico_guide{width: 28px; height: 28px; background-image: url(../images/ico_guide.png);}
.ico_close{width: 24px; height: 24px; background-image: url(../images/ico_close.png);} 
.ico_adminsetup{margin-top:2px;width:25px;height:25px;background-image: url(../images/ico_adminsetup.svg);}
.ico_prev{width:24px;height:24px;background-image:url(../images/ico_detail_prev.png);}
.ico_next{width:37px;height:37px;background-image:url(../images/ico_right_arrow.png);}

.ico_hot_close{width:15px;height:15px;background-image:url(../images/ico_arrUp.png);opacity: 0.5;}
.ico_hot_open{width:15px;height:15px;background-image:url(../images/ico_arrDown.png);opacity: 0.5;}
.ico_pop_close{width: 34px;height: 34px;background-image:url(../images/ico_pop_close.png);}
.ico_faq{width: 20px; height: 20px; background-image: url(../images/ico_faq.png); opacity: 0.8;}
.ico_faq:hover,
.ico_faq:focus{opacity: 1;filter: invert(16%) sepia(100%) saturate(3723%) hue-rotate(231deg) brightness(73%) contrast(91%);}
.ico_send{width: 24px;height: 24px;background-image:url(../images/ico_send.png);}
.ico_close_s{width: 24px;height:24px;background-image:url(../images/ico_close_s.png);} 


/* gnb */
#gnb ul {list-style:none;display:inline-block;vertical-align:top;}
#gnb .gnb-depth1 > li {float:left;margin-left:8px;}
#gnb .gnb-depth1  > li:nth-of-type(1) {margin-left:0;}
#gnb .btn-depth1 {position:relative;width:44px;height:44px;text-indent:-9999px;overflow:hidden;}
#gnb .btn-depth1.btn-first {background:url(../images/ico_home.svg) center no-repeat;}
#gnb .btn-depth1.btn-help {background:url(../images/ico_question.svg) center no-repeat;}
#gnb .btn-depth1.btn-board {background:url(../images/ico_apps.svg) center no-repeat;background-size:26px;}
#gnb .btn-depth1.btn-close {background:url(../images/ico_exit.svg) center no-repeat;background-size:23px;}
#gnb .btn-depth1.btn-fonts-control {background:url(../images/ico_text.svg) center no-repeat;background-size:31px;}
#gnb .btn-depth1.menu.notice {background:#eaeaea url("../images/img_ico_noti.png") 5px center no-repeat;background-size:30px;width:40px;margin-top:0px;color:#7a101b;font-weight:500;font-size:16px;}
#gnb .btn-depth1.menu.survey {background:#eaeaea url("../images/ico_checklist_2.svg") 5px center no-repeat;background-size:25px;width:40px;margin-top:0px;color:#7a101b;font-weight:500;font-size:16px;}

#gnb .gnb-depth2 {display:none;z-index:1000;position:fixed;top:0;left:0;bottom:0;width:100%;text-align:center;outline:0;background-color:#eaeaea;overflow:hidden;}
#gnb .gnb-depth2 h2 {line-height:60px;padding:0 22px;color:#7a101b;font-size:16px;font-weight:500;text-align:left;}
#gnb .gnb-depth2 .btn-close-depth2 {position:absolute;top:13px;right:13px;width:44px;height:44px;background:url(../images/cross-small.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.font-big #gnb .gnb-depth2 h2 {font-size:16px;}

.slide-gnb-depth2 {padding:24px 24px 8px;text-align:center;}
.slide-gnb-depth2 .swiper-container {display:inline-block;max-width:100%;width:390px;padding-bottom:52px;}
.slide-gnb-depth2 .swiper-slide {width:auto !important;}
.slide-gnb-depth2 .swiper-slide .btn {position:relative;width:76px;padding-top:72px;}
.slide-gnb-depth2 .swiper-slide .btn:before {content:"";position:absolute;display:inline-block;top:0;left:50%;width:64px;height:64px;border-radius:12px;transform:translateX(-50%);}
.slide-gnb-depth2 .swiper-slide .btn-gnb-question:before {background:#fff9f2 url(../images/ico_gnb_question.svg) center no-repeat;}
.slide-gnb-depth2 .swiper-slide .btn-gnb-favorite:before {background:#fff9f2 url(../images/ico_gnb_star.svg) center no-repeat;}
.slide-gnb-depth2 .swiper-slide .btn-gnb-faq:before {background:#fff9f2 url(../images/ico_gnb_book.svg) center no-repeat;}
.slide-gnb-depth2 .swiper-slide .btn-gnb-use:before {background:#fff9f2 url(../images/ico_gnb_information.svg) center no-repeat;}
.slide-gnb-depth2 .swiper-slide .btn-gnb-opinion:before {background:#fff9f2 url(../images/ico_gnb_paper.svg) center no-repeat;}

#gnb-02 {text-align:left;outline:0;border-color:transparent;}
#gnb-02 > ul {list-style:none;padding-top:25px;}
#gnb-02 li + li {margin-top:20px;}
#gnb-02 .btn {position:relative;width:100%;line-height:42px;padding-left:70px;font-size:20px;text-align:left;}
#gnb-02 .btn.btn-gnb-faq {background:url(../images/icon-FAQ.svg) 22px center no-repeat;background-size:32px;}
#gnb-02 .btn.btn-gnb-bookmark {background:url(../images/icon-bookmark.svg) 25px center no-repeat;background-size:25px;}
#gnb-02 .btn.btn-gnb-use {background:url(../images/icon-info.svg) 23px center no-repeat;background-size:30px;}
#gnb-02 .btn.btn-gnb-opinion {background:url(../images/icon-alt.svg) 23px center no-repeat;background-size:30px;}
.font-big #gnb-02 .btn {font-size:22px;}

/* contents */
#contents {}

/* messages */
.messages-wrap {width:100%;position:absolute;top:50px;left: 0;right: 0;bottom: 56px; box-sizing:border-box;overflow-x: hidden;overflow-y:auto;background: #eee;}
.messages-wrap .messages {padding:15px 15px 15px 15px;}
.messages-wrap .full-date {position:relative;display:block;width: 200px;height: 36px;padding: 10px 0 6px;font-size: 1.3rem;color: #fff;box-sizing: border-box;margin: 10px auto;background: rgba(0, 0, 0, 0.2);border-radius: 20px;z-index:10;font-size:12px;text-align:center;}
.messages-wrap .time-good {width:100%;height:34px;}
.messages-wrap .time {left:40px; font-size:12px;line-height:12px;padding-top:10px;padding-bottom:10px;color:#777;}
.messages-wrap .time-good .time {position:relative;}
.messages-wrap .time-good .goodbad {float:right;}
.messages-wrap .time-good .goodbad > .btn {margin-left:16px; text-decoration: none; color:#7f7c79;}
.messages-wrap .time-good .goodbad > .btn.on {color:#7a101b;}
.messages-wrap > .answer-body .time-good .time {margin-left:50px; !important;}

.font-big .full-date,
.font-big .time {font-size:14px;}

/* slide notice */
.slide-notice {margin-top:0px;}
.slide-notice .swiper-slide {text-align:left;}
.slide-notice .swiper-slide .notice-box {width:100%;max-width:320px;padding:0 10px 12px 15px; height:50px;padding:5px auto;line-height:18px;text-align:left; }
.slide-notice .swiper-slide .notice-box > p {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slide-notice .swiper-slide .notice-box .title {font-size:16px;font-weight:500; color:#666;}
.font-big .slide-notice .swiper-slide .notice-box .title {font-size:18px;font-weight:500; color:#666;}

.slide-notice .swiper-slide .survey-box {width:100%;max-width:320px;margin:0 auto;height:74px;padding:17px 36px 17px 75px;line-height:23px;text-align:left; background:#ffaf79 url("../images/ico_survey.png") 10px center no-repeat; border-radius:37px 37px 10px 37px;overflow:hidden; background-size:55px; }
.slide-notice .swiper-slide .survey-box > p {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.slide-notice .swiper-slide .survey-box .title {font-size:16px;font-weight:500; color:#fff;}
.font-big .slide-notice .swiper-slide .survey-box .title {font-size:18px;font-weight:500; color:#fff;}

.slide-notice .swiper-btns-control .swiper-pagination {height:20px;padding:0;}
.slide-notice .swiper-pagination-bullet:before {background:rgba(136, 139, 145);}
.slide-notice .swiper-pagination-bullet-active:before {background-color:#162da1;}
/* .slide-notice .notice-pagination{display: none !important;} */
.slide-notice .box-go {display:inline-block;line-height:22px;color:#a8b7f6;padding:0 19px 0 0;background:url(../images/arrow_8_white.svg) right 12px center no-repeat; background-size: 6px;font-size:12px;}
.font-big .slide-notice .swiper-slide .btn {font-size:18px;}
.font-big .slide-notice .box-go {font-size:14px;}


/* message first */
.message-first {width:100%; padding:0 auto;}
.bot-box .bot-txt .msg-head{float: left; max-width: 100%;padding: 10px; line-height: 24px;background: #fff; border-radius: 2px 12px 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box;margin-bottom: 10px;}
.message-first .msg-head {line-height:20px;display:flex; min-height:40px; padding: 14px 14px; border-radius: 10px; background: #fff;box-shadow:0 2px 5px 0 rgb(0 0 0 / 8%);border-radius: 0 15px 15px 15px;}
.message-first .msg-head .text {line-height:20px;}
.message-first .first-quick {max-width: 390px; width: calc(100% - 40px); clear: both; position: relative; left: 30px; margin-right: 30px} 
.message-first .first-quick .swiper-container {position:relative;padding-bottom:0px;}
.message-first .swiper-slide {width:100% !important; padding:0 0 0 10px;padding-top:20px;padding-bottom:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:justify;align-content:space-between;justify-content:space-between;}
.message-first .swiper-slide .btn {position:relative; width:31%; height:120px;padding-top:85px;line-height:16px;background-color: #fff;border-radius: 2px 12px 12px;margin-bottom: 10px;}
.message-first .swiper-slide .btn:hover{background:#00bbff;}
.message-first .swiper-slide .btn:hover .quickMenuTxt{color:#fff;font-weight: bold;}
.message-first .swiper-slide .btn:before {content:"";position:absolute;top:11px;left:50%;width:48px;height:48px;margin-left:-24px;}
.message-first .swiper-slide .btn .img {position:absolute;top:20px; left:50%; width:75px;height:75px;margin: auto;transform: translateX(-50%);}
.message-first .swiper-slide .btn .img img {width: 100%; }
.message-first .swiper-slide .btn:hover img,
.message-first .swiper-slide .btn.active {/*  opacity: 0.6; */}
.message-first .first-quick > .swiper-slide {height:205px;}
.message-first .time-good {margin:0;}
.message-first .swiper-slide .quickMenuTxt{color:#333;}


/* question */
.bot-wrap {position: relative;}
.bot-wrap:after{content: ""; display: block; clear: both;}
.bot-wrap .bot-box .bot-txt{ position: relative; float: left; max-width: calc(100% - 40px); left: 40px; line-height: 24px;}
.bot-name > span {display: block;position: absolute;top: 18px; left: 50px;}
.bot-box {position: relative;}
.bot-txt{width: calc(100% - 50px);position: relative;left: 50px;}
.bot-box .bot-txt:after{content: ""; clear: both; display: block;}

/* error */
.error-wrap {margin-bottom:20px;}

/* answer */
.answer-wrap {position: relative;}
.answer-wrap .answer-body .answer-bubble{ position: relative; /*float: left;*/ max-width: 390px;/*calc(100% - 200px);*/ left: 40px; line-height: 24px;} 
.answer-head {display:flex;min-height:40px;padding:0 12px;margin-top:32px;}
.answer-head .img {position:relative;width:40px;height:40px;overflow:hidden;background-color:#fff;border-radius:10px;}
.answer-head .img img {position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.answer-head .name {padding-left:8px;line-height:40px;}
.answer-body {position: relative;} 
.answer-body .btn-check-favorite {position:absolute;top:6px;right:8px;}

.answer-bubble {position:relative;display:inline-block; left: 50px;width: calc(100% - 100px);min-height:38px;line-height:22px;background-color:#fff;border-radius:0 15px 15px 15px;padding:16px 16px 16px 16px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.08);}
.answer-body .answer-bubble:after{content: ""; clear: both; display: block;}
.answer-bubble > * + * {margin-top:16px;}

.answer-body-slide {margin-top:8px;}
.answer-slide {position:relative;padding:0 20px 30px;}
.answer-slide + .answer-slide {margin-top:8px;}
.answer-slide > .swiper-container {position:static;width:100%;margin:0;overflow:visible;}
.answer-slide > .swiper-container > .swiper-wrapper > .swiper-slide {width:100%;max-width:390px;background-color:#fff;border-radius:12px;padding:8px 0 16px;}
/* .answer-slide .slide-answer-pagination {left:20px;} */
.answer-slide .slide-answer-pagination {bottom:0;left:50%;transform:translateX(-50%);}
.answer-slide > .swiper-container > .swiper-button-prev,
.answer-slide > .swiper-container > .swiper-button-next {display:none;background-size:30%;}
.answer-slide:hover > .swiper-container > .swiper-button-prev,
.answer-slide:hover > .swiper-container > .swiper-button-next {display:block;}
.answer-slide-02 {position:relative;padding:0 20px 30px;}
.answer-slide-02 + .answer-slide {margin-top:8px;}
.answer-slide-02 > .swiper-container {position:static;width:100%;margin:0;overflow:visible;}
.answer-slide-02 > .swiper-container > .swiper-wrapper > .swiper-slide {width:295px;background-color:#fff;border-radius:12px;padding:8px 0 16px;}
.answer-slide-02 .slide-answer-pagination {bottom:0;left:50%;transform:translateX(-50%);}
.answer-slide-02 > .swiper-container > .swiper-button-prev,
.answer-slide-02 > .swiper-container > .swiper-button-next {display:none;background-size:30%;}
.answer-slide-02:hover > .swiper-container > .swiper-button-prev,
.answer-slide-02:hover > .swiper-container > .swiper-button-next {display:block;}

.answer-text {color:#1a1818;line-height:22px;}
.answer-text strong {color:#1a1818;}
.answer-text-02 {padding:0 12px;color:#777;font-size:12px;line-height:18px;}
.answer-text-02 img {vertical-align:top;transform:translateY(2px);margin-left:2px;}
.answer-text-02 + .answer-text-02 {margin-top:4px;}
.answer-text .answer-img {margin:16px 0 0;padding:0;}
.answer-text .video-wrap {margin:16px 0;padding:0;}
.answer-text .md {font-weight:500;}
.font-big .answer-text-02 {font-size:14px;}
.answer-text .tbl_tit:before{content:"";display:inline-block;width:4px;height:12px;background:#eae4de;margin-right:6px;}

.answer-img {width:100%;padding:0 12px;border-radius:12px;overflow:hidden;}
.answer-img .btn {border-radius:12px;overflow:hidden;}
.answer-img img {width:100%;vertical-align:top;}
.popup-body .answer-img {padding:0;margin:24px 0;}

.answer-title {/*font-size:14px;*//*font-weight:bold;*/line-height:38px;color:#1a1818;text-align:center;padding:0 12px;margin-bottom:16px;}
/* answer loading */
.answer-loading {position: relative; padding-buttom: 40px; margin-bottom:20px;}
.answer-loading .answer-body .answer-bubble{ position: relative; /*float: left;*/background: #fff; width: 240px; left: 40px; line-height: 24px;}
.answer-loading .loading-bubble {position:relative;display:inline-block;width:auto;min-height:38px;line-height:22px;margin-top:8px;background-color:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 4px 14px rgba(0,0,0,0.08);}
.answer-loading .loading-bubble:before {content:"";position:absolute;display:inline-block;top:12px;left:-8px;width:8px;height:8px;background:url(../images/ico_tail_2.svg) center no-repeat;}

.loading {display:inline-block;vertical-align:top;height:16px; padding:8px 0;}
.loading span {display:inline-block;width:6px;height:6px;margin:0 3px;vertical-align:top;background-color:#7a101b;border-radius:50%;animation:loading 1s 0s linear infinite;text-indent:-9999px;overflow:hidden;}
.loading span:nth-child(1) {animation-delay:0s;}
.loading span:nth-child(2) {animation-delay:0.2s;}
.loading span:nth-child(3) {animation-delay:0.4s;}
.intro-wrap span {background-color:#fff !important;width:9px;height:9px;margin:0 7px;}

/* slider style */
.swiper-pagination-bullet {position:relative;width:16px;height:16px;background-color:transparent;opacity:1;margin:0 !important;text-indent:-9999px;overflow:hidden;}
.swiper-pagination-bullet:before {content:"";position:absolute;display:inline-block;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background-color:#c5c5c5;}
.swiper-pagination-bullet-active {background-color:transparent;}
.swiper-pagination-bullet-active:before {background-color:#162da1;}
.swiper-button-next,
.swiper-button-prev {width:40px;height:40px;background:url(../images/ico_arrow_right.png) center no-repeat;text-indent:-9999px;overflow:hidden;background-size:6px;background-size:100px;}
.swiper-button-next {transform:rotate(180deg);}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {opacity:1;width:40px;height:40px;background:url(../images/ico_arrow_right.png) center no-repeat;}
.swiper-btns-control {/* position:absolute; */bottom:0;left:0;width:100%;text-align:center;}
.swiper-btns-control .swiper-pagination {position:relative;display:inline-block;height:40px;/* padding:12px 0; */}
.swiper-btns-control .swiper-button-next,
.swiper-btns-control .swiper-button-prev {position:relative;display:inline-block;top:auto;right:auto;left:auto;margin:0;vertical-align:top;}

/* question */
.question-wrap {z-index:500;position:fixed;left:0;bottom:0;right:0;}
.question {z-index:501;position:fixed;left:0;bottom:0;right:0;padding:13px 13px 17px 54px;background-color:#fff;min-height:66px;box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.05);}
.question .btn_qna{width: 40px; height: 40px;border-radius: 50%;background: #fafafa;}
.question > .btn {position:absolute;bottom:16px;width:37px;height:37px;text-indent:-9999px;overflow:hidden;}
.question > .btn-open-frequent {left:13px;background:url(../images/ico_faq2.png) center no-repeat;background-size:34px;}
.question > .btn-open-frequent:hover, .question > .btn-open-frequent:focus {opacity: 1;filter: invert(16%) sepia(100%) saturate(3723%) hue-rotate(231deg) brightness(73%) contrast(91%);}
.question > .btn-open-frequent.open {left:13px;background:url(../images/ico_close2.png) center no-repeat;background-size:34px;}

.question > .btn-open-favorite {right:8px;background:url(../images/ico_star_yellow.svg) center no-repeat;}
.question > .btn-send {display:block !important;right:18px;background:url(../images/ico_send.png) center no-repeat;background-size:22px;}
.question > .btn-fonts-control {right:18px;background:url(../images/ico_font_s.png) center no-repeat;background-size:25px;}
.question > .btn-fonts-control.font-big {right:18px;background:url(../images/ico_font_l.png) center no-repeat;background-size:25px;}
.question input[type=text] {width:100%;height:36px;line-height:36px;vertical-align:top;padding:0 80px 0 13px;border-radius:18px;font-size:16px;background: #fafafa;}
.question input[type=text].zoom-scale {position:absolute;top:0;left:0;width:114%;height:40.5px;line-height:40.5px;font-size:16px;transform:scale(0.875);transform-origin:top left;padding-right:110px;}
.question input[type=text]:focus,
.question textarea:focus {outline:0;border-color:#111;}

.question > .btn-delete-text {display:none;right:73px;}
.question .zoom-scale-question {position:relative;width:100%;overflow:hidden;height:36px;}

.question-default {margin:40px 0 10px;}
.question-default .question-bubble {max-width: calc(100% - 50px);position: relative; float: right;padding: 10px; line-height: 24px; background: #7a101b; border-radius: 12px 12px 2px; color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08); box-sizing: border-box;}
.question-default .time {clear: both;text-align:right;}
.question-default + .answer-loading {margin-top:24px;}
.question-default + .answer-wrap {position:relative; padding-bottom:20px; }

/* gpt */
.gpt-wrap {position: relative; margin-top:10px;}
.gpt-tit{display: block; font-size: 1.6rem; font-weight: 500;}


/* form */
input[type=text]::-ms-clear {display:none !important;}
input[type=password]::-ms-reveal {display:none !important;}
/* input[type=text]:read-only {background-color:#f7f7f7;} */
input[type=text]:focus,
input[type=password]:focus {outline:0;border-color:#111;}

.input-01 {position:relative;overflow:hidden;}
.input-01 input[type=text],
.input-01 input[type=password] {width:100%;height:40px;line-height:38px;border:1px solid #EDEEF0;border-radius:8px;padding:0 38px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.input-01 input[type=text]:focus,
.input-01 input[type=password]:focus {outline:0;border-color:#111;}
.input-01 input[type=text]::placeholder,
.input-01 input[type=password]::placeholder {color:#777;font-weight:400;}
.input-01 input[type=text]:-ms-input-placeholder,
.input-01 input[type=password]:-ms-input-placeholder {color:#777;font-weight:400;}
.input-01 input[type=text].zoom-scale,
.input-01 input[type=password].zoom-scale {width:114%;height:45px;line-height:42.75px;font-size:16px;transform:scale(0.875);transform-origin:left top;margin-bottom:-5px;}
.input-01 .btn-delete-text {display:none;position:absolute;top:0;right:0;height:38px;}
.input-01.input-etc {display:none;}
.input-01.input-etc.active {display:block;}
.input-01 + .input-01 {margin-top:4px;}
.input-01.input-lastname {float:left;width:40%;margin-right:4px;}
.input-01.input-firstname {float:left;width:calc(60% - 4px);margin-top:0;}

.input-02 {position:relative;}
.input-02 input[type=text],
.input-02 input[type=password] {width:100%;height:50px;line-height:49px;border-bottom:1px solid #333/*#EDEEF0*/;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:40px;}
.input-02 input[type=text]::placeholder,
.input-02 input[type=password]::placeholder {color:#bababa;font-weight:400;}
.input-02 input[type=text]:-ms-input-placeholder,
.input-02 input[type=password]:-ms-input-placeholder {color:#bababa;font-weight:400;}
.input-02 input:read-only {color:#777;border-color:#ddd;}
.input-02 input:focus {outline:0;border-color:#1a1818;}
.input-02 input:read-only:focus {border-color:#ddd;}
.input-02 .btn-delete-text {display:none;position:absolute;top:0;right:0;height:49px;}
.input-02.input-etc {display:none;}
.input-02.input-etc.active {display:block;}
.input-02 + .input-02 {margin-top:4px;}
.input-02.input-lastname {float:left;width:30%;margin-right:4px;}
.input-02.input-firstname {float:left;width:calc(70% - 4px);margin-top:0;}

.input-subtext {position:relative;}
.input-subtext .input-01 input[type=text] {padding-right:70px;}
.input-subtext .input-01 .btn-delete-text {right:30px;}
.input-subtext .subtext {position:absolute;display:inline-block;top:0;right:0;width:30px;height:40px;line-height:40px;padding-right:12px;text-align:right;}

.input-pm {display:flex;width:100%;}
.input-pm .title {display:inline-block;line-height:40px;font-weight:500;width:calc(100% - 132px);padding-left:4px;}
.input-pm .input-01 {width:64px;margin:0 4px;}
.input-pm .input-01 input {padding:0 12px;text-align:center;}

.input-date {position:relative;}
.input-date input[type=text] {width:100%;height:40px;line-height:38px;border:1px solid #EDEEF0;border-radius:8px;padding:0 38px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.input-date input[type=text]::placeholder {color:#777;font-weight:400;}
.input-date input[type=text]:-ms-input-placeholder {color:#777;font-weight:400;}
.input-date .btn-calendar {position:absolute;top:0;right:0;width:40px;height:38px;text-indent:-9999px;overflow:hidden;background:url(../images/ico_calendar.svg) center no-repeat;}
.input-date.input-etc {display:none;}
.input-date.input-etc.active {display:block;}

.input-date-02 {position:relative;}
.input-date-02 input[type=text] {width:100%;height:50px;line-height:49px;border-bottom:1px solid #333/*#EDEEF0*/;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.input-date-02 input[type=text]::placeholder {color:#bababa;font-weight:400;}
.input-date-02 input[type=text]:-ms-input-placeholder {color:#bababa;font-weight:400;}
.input-date-02 input[type=text]:read-only {color:#777;}
.input-date-02 input[type=text]:focus {border-color:#1a1818;outline:0;}
.input-date-02 .btn-calendar {position:absolute;top:0;right:0;width:40px;height:49px;text-indent:-9999px;overflow:hidden;background:url(../images/ico_calendar_black.svg) center no-repeat;}
.input-date-02.input-etc {display:none;}
.input-date-02.input-etc.active {display:block;}

.textarea-01 {width:100%;height:38px;max-height:82px;;line-height:20px;border:1px solid #EDEEF0;border-radius:8px;padding:8px;overflow:hidden;font-size:16px;}
.textarea-01.zoom-scale {width:114%;height:42.75px;line-height:26.75px;max-height:none;font-size:16px;transform:scale(0.875);transform-origin:top left;margin-bottom:-8.75%;}
.textarea-01:focus {outline:0;border-color:#111;}
.zoom-scale-textarea {overflow:hidden;min-height:38px;}
.textarea-01::placeholder {color:#777;font-weight:400;}
.textarea-01:-ms-input-placeholder {color:#777;font-weight:400;}

.select-01 {width:100%;line-height:38px;border:1px solid #EDEEF0;border-radius:8px;padding:0 38px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background:#fff url(../images/arrow_5.svg) right center no-repeat; color:#1a1818;}
.select-01::-ms-expand {display:none;}
.select-01:focus {outline:0;border-color:#1a1818}

.select-02 {width:100%;line-height:49px;border-bottom:1px solid #333;padding:0 38px 0 0;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background:#fff url(../images/ico_arrDown.png) right center no-repeat; color:#1a1818;background-size: 20px}
.select-02::-ms-expand {display:none;}
.select-02:focus {outline:0;border-color:#1a1818}

.select-03 {position:relative;width:100%;height:38px; color:#1a1818;}
.select-03 > select {position:absolute;top:0;left:0;width:100%;line-height:38px;padding:0 38px 0 12px;text-overflow:ellipsis;white-space:nowrap;appearance:none;border:1px solid #EDEEF0;border-radius:8px;background:#fff url(../images/arrow_5.svg) right top no-repeat; color:#1a1818;}
.select-03 > select::-ms-expand {display:none;}
.select-03 > select:focus {outline:0;box-shadow:0 4px 24px rgba(0,0,0,0.08);}

.select-ui-01 {position:relative;width:100%;}
.select-ui-01 input {width:100%;line-height:38px;border:1px solid #EDEEF0;border-radius:8px;padding:0 38px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background:#fff url(../images/arrow_5.svg) right center no-repeat;cursor:pointer;}
.select-ui-01 input:focus {outline:0;text-decoration:underline;}
.select-ui-01 ul {display:none;z-index:5;position:absolute;top:42px;left:0;width:100%;line-height:24px;border:1px solid #EDEEF0;padding:8px;background-color:#fff;max-height:96px;overflow-y:auto;box-shadow:0 4px 24px rgba(0,0,0,0.08);border-radius:4px;}
.select-ui-01 ul .btn {width:100%;text-align:left;}
.select-ui-01 ul .btn:focus {text-decoration:underline;}

.select-ui-01.style-02 input {width:100%;line-height:49px;border:none;border-radius:0;border-bottom:1px solid #333;padding:0 38px 0 0;font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background:#fff url(../images/arrow_5.svg) right center no-repeat;}
.select-ui-01.style-02 input:focus {outline:0;text-decoration:underline;}
.select-ui-01.style-02 ul {top:52px;}

.radio-01 {position:relative;display:inline-block;vertical-align:top;}
.radio-01 input {position:absolute;top:0;left:0;width:0;height:0;font-size:0;}
.inp_radio + .inp_name{position:relative;top:0;left: 0;background: url(../images/bg_radio.png) 0 0 no-repeat;background-size: 16px;cursor:pointer;line-height: 16px;padding: 0px 15px 0 23px;}
.inp_radio:focus + .inp_name{background:url(../images/bg_radio_on.png) 0 0 no-repeat;background-size:16px;}
.inp_radio:checked + .inp_name{background: url(../images/bg_radio_on.png) 0 0 no-repeat;background-size:16px;}

.inp_chk + .sc_name{cursor:pointer;margin-right:15px;}
.inp_chk + .sc_name.another{display:inline-block;}
.inp_chk + .sc_name .chk_img{display:inline-block;position: relative;top: 2px;width: 16px;height: 16px;background: url(../images/bg_chk.png) 0 0 no-repeat;background-size:contain;vertical-align:top;margin-right: 4px;}
.inp_chk:checked + .sc_name .chk_img{background:url(../images/bg_chk_on.png) 0 0 no-repeat;background-size:contain;}

/* .radio-01 label {min-width:70px;line-height:24px;padding:12px 12px 12px 44px;text-align:left;}
.radio-01 label:before,
.radio-01 label:after {content:"";position:absolute;display:inline-block;border-radius:50%;}
.radio-01 label:before {top:15px;left:15px;width:18px;height:18px;background-color:#EDEEF0;}
.radio-01 label:after {top:17px;left:17px;width:14px;height:14px;}
.radio-01 input:checked + label:after {background: url(../images/bg_radio_on.png) 0 0 no-repeat;background-size:14px;}
.radio-01 input:disabled + label {color:#999;}
.radio-01 input:checked:disabled + label:after {background-color:#bababa;} */

/* .check-01 {position:relative;display:inline-block;vertical-align:top;}
.check-01 input {position:absolute;top:0;left:0;width:0;height:0;font-size:0;}
.check-01 label {min-width:70px;line-height:24px;padding:12px 12px 12px 44px;text-align:left;}
.check-01 label:before,
.check-01 label:after {content:"";position:absolute;display:inline-block;border-radius:4px;}
.check-01 label:before {top:16px;left:16px;width:15px;height:15px;background-color:#EDEEF0;}
.check-01 label:after {top:17px;left:17px;width:14px;height:14px;}
.check-01 input:checked + label:before {background-color:#7a101b;}
.check-01 input:checked + label:after {background: url(../images/bg_chk_on.png) 0 0 no-repeat;background-size: contain;}
.check-01 input:disabled + label {color:#999;}
.check-01 input:checked:disabled + label:after {background:url(../images/ico_check.svg) center no-repeat;} */
.table-style-01 .check-01 label {padding-left:32px;}
.table-style-01 .check-01 label:before {left:0;}

.check-02 {position:relative;display:inline-block;vertical-align:top;}
.check-02 input {position:absolute;top:0;left:0;width:0;height:0;font-size:0;}
.check-02 label {min-width:70px;line-height:18px;padding:6px 0 6px 32px;text-align:left;}
.check-02 label:before,
.check-02 label:after {content:"";position:absolute;display:inline-block;border-radius:4px;}
.check-02 label:before {top:8px;left:0px;width:24px;height:24px;background-color:#EDEEF0;}
.check-02 label:after {top:13px;left:5px;width:14px;height:14px;}
.check-02 input:checked + label:before {background-color:#7a101b;}
.check-02 input:checked + label:after {background:url(../images/ico_check.svg) center no-repeat;}
.check-02 input:disabled + label {color:#999;}
.check-02 input:checked:disabled + label:after {background:url(../images/ico_check.svg) center no-repeat;}

.form-search-01 {position:relative;width:100%;padding:16px;}
.form-search-01 .input-01 input[type=text] {height:48px;line-height:46px;padding-right:80px;}
.form-search-01 .input-01 input[type=text].zoom-scale {width:114%;height:54px;line-height:51.75px;font-size:16px;transform:scale(0.875);transform-origin:top left;margin-bottom:-6px;vertical-align:top;padding-right:96px;}
.form-search-01 .input-01 .btn-delete-text {top:5px;right:40px;}
.form-search-01 .btn-submit {position:absolute;top:20px;right:20px;width:40px;height:40px;background:url(../images/ico_search.svg) center no-repeat;text-indent:-9999px;overflow:hidden;text-align:left;color:transparent;}

.form-search-02 {position:relative;width:100%;}
.form-search-02 .input-01 input[type=text] {padding-right:80px;}
.form-search-02 .input-01 .btn-delete-text {top:0;right:30px;}
.form-search-02 .input-02 input[type=text] {padding-right:80px;}
.form-search-02 .input-02 .btn-delete-text {top:0;right:30px;}
.form-search-02 .btn-search {position:absolute;top:0;right:0;bottom:0;width:40px;background:url(../images/ico_search.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.form-search-02 .list-select {display:none;z-index:5;position:absolute;top:39px;left:0;right:0;}
.form-search-02.active .input-01 input[type=text] {border-radius:8px 8px 0 0;}
.form-search-02.active .list-select {display:block;}

.form-style-01 {margin-top:16px;padding:0 12px;}
.form-style-01 ul {list-style:none;}
.form-style-01 > ul > li {margin-top:16px;}
.form-style-01 > ul > li:nth-of-type(1) {margin-top:0;}
.form-style-01 .half {display:flex;justify-content:space-between;}
.form-style-01 .half > div {width:49%;}

.form-style-02 {position:relative;margin-top:16px;padding:0 12px;}
.form-style-02 ul {list-style:none;}
.form-style-02 > ul > li {margin-top:8px;}
.form-style-02 > ul > li:nth-of-type(1) {margin-top:0;}
.form-style-02 li > a.btn {width:100%;}

.form-style-03 {margin-top:28px;}
.form-style-03 ul {list-style:none;}
.form-style-03 .form-q {line-height:22px;padding:24px 0 12px;font-weight: bold;}

.form-style-04 > ul {list-style:none;}
.form-style-04 > ul > li + li {margin-top:32px;}
.form-style-04 .title-form {display:block;font-size:16px;line-height:20px;color:#777;}
.form-style-04 + .answer-text {margin-top:36px;}
.form-style-04 .text-data {width:100%;height:50px;line-height:24px;font-size:16px;font-weight:500;padding:13px 0;color:#777;}
.answer-text + .form-style-04 {margin-top:24px;}

/* popup */
.popup-bottom {display:none;z-index:490;position:fixed;bottom:64px;left:0;right:0;min-height:200px;background-color:#fff;border-radius:12px 12px 0 0;-webkit-box-shadow:0 4px 24px rgba(0,0,0,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.08);opacity:0.1;-webkit-transition:.5s ease-out;transition:.5s ease-out;-webkit-transform:translateY(400px);transform:translateY(400px);}
.popup-bottom.tail-left:before {left:17px;}
.popup-bottom.tail-right:before {right:17px;}
.popup-bottom.active {z-index:510;opacity:1;-webkit-transform:translate(0) !important;transform:translate(0) !important;}
.popup-bottom .popup-head {position:relative;height:54px;color: #FF6600;}
/* .popup-bottom .popup-head h3:before{margin-top: 21px;content:"";vertical-align:top; display:inline-block;width:20px;height:20px;background:url(../images/ico_faq_s.png) 0 0 no-repeat;background-size:contain;margin-right:5px} */
.popup-bottom .popup-head h3 {line-height:61px;font-size:1.8rem;font-weight:bold;color: #FF4002; padding: 0 16px 8px;}
.font-big .popup-bottom .popup-head h3 {font-size:18px;}
.popup-bottom .popup-head .btn-close-popup {position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/ico_cancer_black.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.popup-bottom .popup-body {border-radius:0 0 12px 12px;overflow:hidden;}
.popup-bottom.po2 {bottom:88px;}
.popup-bottom.po3 {bottom:112px;}

.popup-img {display:none;z-index:5000;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(26,24,24,0.9);padding:50px 16px 36px;margin:0;}
.popup-img .btn-close-pimg {position:absolute;top:4px;right:14px;width:32px;height:32px;background:url(../images/ico_cancer_white.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.popup-img .btn-rotate-img {position:absolute;top:4px;right:46px;width:32px;height:32px;background:url(../images/ico_rotate.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}

.popup-img-02 {display:none;z-index:5000;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(26,24,24,0.9);padding:50px 16px 36px;margin:0;}
.popup-img-02 .btn-close-pimg {position:absolute;top:4px;right:14px;width:32px;height:32px;background:url(../images/ico_cancer_white.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.popup-img-02 .img {display:flex;height:calc(100vh - 86px);justify-content:center;align-items:center;}
.popup-img-02 .img img {max-width:100%;max-height:100%;vertical-align:middle;}
.popup-img-02 .img img.rotate {max-width:calc(100vh - 100px);max-height:calc(100vw - 100px);transform:rotate(90deg);}
.popup-img-02 .btn-rotate-img {position:absolute;top:4px;right:46px;width:32px;height:32px;background:url(../images/ico_rotate.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}

.popup-board {display:none;z-index:4000;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,24,24,0.9);margin:0;touch-action:pan-y;}
.popup-board .popup-box {position:absolute;top:50%;left:50%;width:calc(100% - 28px);height:680px;max-width:420px;transform:translateX(-50%) translateY(-50%);background-color:#fff;border-radius:12px;overflow:hidden;touch-action:pan-y;}
.popup-board .popup-head {position:relative;height:56px;border-bottom:1px solid #EDEEF0;}
.popup-board .popup-head h3 {line-height:56px;padding-left:24px;font-size:1.8rem;font-weight:bold; color: #000081;}
.font-big .popup-board .popup-head h3 {font-size:18px;}
.popup-board .popup-head .btn-close-popup {position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/ico_cancer_black.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.popup-board .popup-body {position:absolute;top:56px;left:0;right:0;bottom:0;border-radius:0 0 12px 12px;overflow-y:auto;line-height:20px;}
.popup-board.popup-h-auto .popup-box {height:auto;padding-bottom:24px;}
.popup-board.popup-h-auto .popup-body {position:relative;top:0;}

.popup-board_ex {display:none;z-index:4000;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,24,24,0.9);margin:0;touch-action:pan-y;}
.popup-board_ex .popup-box {position:absolute;top:50%;left:50%;width:calc(100% - 28px);height:90%;max-width:1000px;transform:translateX(-50%) translateY(-50%);background-color:#fff;border-radius:12px;overflow:hidden;touch-action:pan-y;}
.popup-board_ex .popup-head {position:relative;height:56px;border-bottom:1px solid #EDEEF0;}
.popup-board_ex .popup-head h3 {line-height:56px;padding-left:24px;font-size:16px;font-weight:bold;}
.font-big .popup-board_ex .popup-head h3 {font-size:18px;}
.popup-board_ex .popup-head .btn-close-popup {position:absolute;top:4px;right:4px;width:48px;height:48px;background:url(../images/ico_cancer_black.svg) center no-repeat;text-indent:-9999px;overflow:hidden;}
.popup-board_ex .popup-body {position:absolute;top:56px;left:0;right:0;bottom:0;border-radius:0 0 12px 12px;overflow-y:auto;line-height:20px;}
.popup-board_ex.popup-h-auto .popup-box {height:auto;padding-bottom:24px;}
.popup-board_ex.popup-h-auto .popup-body {position:relative;top:0;}

.popup-view .popup-head .btn-back-list {line-height:56px;padding-left:52px;vertical-align:top;background:url(../images/arrow_6_black.svg) 24px center no-repeat;font-size: 1.8rem; font-weight: bold; color: #000081;}
.popup-view .popup-body {padding:24px;}
.popup-view .view-head .view-title {line-height:24px;font-size:16px;font-weight:500; padding-bottom: 20px; border-bottom: 1px solid #e2e2e2;}
.popup-view .view-head .view-info {display:flex;justify-content:space-between;line-height:14px;margin-top:14px;}
.popup-view .view-head .view-info span {width:50%;font-size:12px;color:#666;}
.popup-view .view-head .view-writer {text-align:left; font-size: 1.4rem; color: #666;}
.popup-view .view-head .view-date {text-align:right; font-size: 1.4rem; color: #666;}
.popup-view .view-body {margin-top:40px;}
.font-big .popup-view .view-head .view-title {font-size:18px;}
.font-big .popup-view .view-head .view-info span {font-size:14px;}

.popup-survey .popup-head .btn-back-list {line-height:56px;padding-left:52px;vertical-align:top;background:url(../images/arrow_6_black.svg) 24px center no-repeat;font-weight:bold;}
.popup-survey .popup-body {padding:24px;}
.popup-survey .survey-head .survey-title {line-height:14px;font-weight:500;}
.popup-survey .survey-head .survey-info {display:flex;justify-content:space-between;line-height:14px;margin-top:14px;}
.popup-survey .survey-head .survey-info span {width:50%;font-size:14px;color:#777;}
.popup-survey .survey-head .survey-writer {text-align:left;}
.popup-survey .survey-head .survey-date {text-align:right;}
.popup-survey .survey-body {margin-top:40px;}
.font-big .popup-survey .survey-head .survey-title {font-size:18px;}
.font-big .popup-survey .survey-head .survey-info span {font-size:14px;}

.popup-opinion .opinion-box {padding:53px 24px 24px;overflow:hidden;}
.popup-opinion .opinion-box > p {font-weight:500;text-align:center;line-height:20px;font-size:16px;font-weight: bold;}
.popup-opinion .opinion-box .textarea-01 {height:276px;max-height:100%;vertical-align:top;}
.popup-opinion .opinion-box .zoom-scale-textarea {height:276px;overflow:visible;}
.popup-opinion .opinion-box .zoom-scale-textarea .textarea-01.zoom-scale {height:310px;max-height:none;margin-bottom:-34px;}
.popup-opinion .opinion-box > .btn {display: block; width: 175px; height: 36px; line-height: 35px;border-radius: 12px; margin: 24px auto;vertical-align:top;}
.popup-opinion .opinion-level {display:flex;width:190px;margin:21px auto 56px;justify-content:space-between;}
.popup-opinion .opinion-level > p {position:relative;}
.popup-opinion .opinion-level input[type=radio] {position:absolute;top:0;left:0;right:0;bottom:0;width:0;height:0;font-size:0;}
.popup-opinion .opinion-level .btn {position:relative;width:56px;padding-top:50px;line-height:14px;color:#777;}
.popup-opinion .opinion-level .btn:before {content:"";position:absolute;display:inline-block;top:0;left:0;width:56px;height:32px;}
.popup-opinion .opinion-level .btn-level-01:before {background:url(../images/ico_happy.png) center no-repeat;background-size:40px;height:40px;margin-top:10px;}
.popup-opinion .opinion-level .btn-level-02:before {background:url(../images/ico_soso.png) center no-repeat;background-size:40px;height:40px;margin-top:10px;}
.popup-opinion .opinion-level .btn-level-03:before {background:url(../images/ico_no_happy.png) center no-repeat;background-size:40px;height:40px;margin-top:10px;}
.popup-opinion .opinion-level input[type=radio] + .btn {border:1px solid #fff;border-radius: 8px;height:90px;padding-top:60px;}
.popup-opinion .opinion-level input[type=radio]:checked + .btn {color:#3378ff;font-weight:500;border:1px solid #3378ff;border-radius: 8px;height:90px;padding-top:60px;}
.popup-opinion .opinion-level input[type=radio]:checked .opinion-level p {}
.popup-opinion .opinion-level input[type=radio]:checked + .btn-level-01:before {background:url(../images/ico_happy.png) center no-repeat;background-size:40px;height:40px;margin-top:10px;}
.popup-opinion .opinion-level input[type=radio]:checked + .btn-level-02:before {background:url(../images/ico_soso.png) center no-repeat;background-size:40px;height:40px;margin-top:10px;}
.popup-opinion .opinion-level input[type=radio]:checked + .btn-level-03:before {background:url(../images/ico_no_happy.png) center no-repeat;background-size:40px;height:40px;margin-top:10px;}
.popup-opinion-02 .opinion-level {width:100%;}
.popup-opinion-02 .opinion-level > p {width:33.3%;text-align:center;}
.popup-opinion-02 .opinion-level .btn {width:100%;}
.popup-opinion-02 .opinion-level .btn:before {width:100%;}

.popup-guide .slide-guide {height:100%;background-color:#EDEEF0;}
.popup-guide .slide-guide .swiper-container {height:100%;padding-bottom:64px;}
.popup-guide .slide-guide .swiper-slide {position:relative;text-align:center;padding:32px 0 0;}
.popup-guide .slide-guide .text-01 {line-height:30px;font-size:20px;font-weight:500;}
.popup-guide .slide-guide .text-02 {line-height:21px;margin-top:10px;color:#777;}
.popup-guide .slide-guide .img {position:absolute;left:50%;bottom:0;top:0;transform:translateX(-50%);padding-top:14px;}
.popup-guide .slide-guide .img img {width:324px;image-rendering: -webkit-optimize-contrast;transform: translateZ(0);backface-visibility: hidden;}
.popup-guide .slide-guide .swiper-pagination {left:50%;bottom:30px;transform:translateX(-50%);}
.popup-guide .slide-guide .swiper-container > .swiper-button-next,
.popup-guide .slide-guide .swiper-container > .swiper-button-prev {display:none;background-size:30%;}
.popup-guide .slide-guide:hover .swiper-container > .swiper-button-next,
.popup-guide .slide-guide:hover .swiper-container > .swiper-button-prev {display:block;}
.popup-guide .slide-guide {background-color:#fff;}
.popup-guide .slide-guide-02 .img {overflow:hidden;}
.popup-guide .slide-guide-02 img {width:323px;}

.popup-confirm {display:none;z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(26,24,24,0.9);margin:0;}
.popup-confirm .popup-box {position:absolute;top:50%;left:50%;width:295px;transform:translateX(-50%) translateY(-50%);background-color:#fff;border-radius:12px;padding:32px 12px 16px;}
.popup-confirm .popup-text {text-align:center;line-height:22px;}
.popup-confirm .popup-text-left {text-align:left;line-height:22px;}

.popup-contact .contact-box {position:absolute;top:80px;left:0;right:0;bottom:0;overflow-y:auto;padding-bottom:24px;}
.popup-contact .contact-box > .table-style-01 {width:calc(100% - 48px);margin:24px auto 0;}
.popup-contact .contact-box em {color:#11B4A1;font-weight:500;}

.popup-meetingRoom .contact-box {position:relative;top:0px;left:0;right:0;bottom:0;overflow-y:auto;padding-bottom:24px;}
.popup-meetingRoom .contact-box > .table-style-01 {width:calc(100% - 48px);margin:24px auto 0;}
.popup-meetingRoom .contact-box em {color:#11B4A1;font-weight:500;}

.popup-password {z-index:6000;}

.popup-more .popup-body {padding:24px;}
.popup-more .answer-text,
.popup-more .answer-text-02 {padding:0;}

.popup-toast {display:none;z-index:9999;position:fixed;top:50%;left:50%;width:140px;transform:translateX(-50%) translateY(-50%);background-color:rgba(26,24,24,0.5);border-radius:12px;}
.popup-toast .popup-box {display:table;width:100%;min-height:140px;}
.popup-toast .popup-box > div {display:table-cell;vertical-align:middle;text-align:center;color:#fff;}
.popup-toast .popup-box .good {padding-top:40px;background:url(../images/ico_face_good.svg) center top no-repeat; background-size: 32px;}
.popup-toast .popup-box .bad {padding-top:40px;background:url("../images/ico_face_bad.svg") center top no-repeat; background-size: 32px;}

.popup-error {display:none;z-index:9999;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;}
.popup-error .popup-box {position:relative;max-width:327px;height:100%;margin:0 auto;}
.popup-error .list-btns-03 {position:absolute;bottom:24px;left:24px;right:24px;margin:0;}
.popup-error .box-error {position:absolute;left:24px;right:24px;bottom:50%;margin-bottom:-50px;text-align:center;}
.popup-error .popup-text {font-size:16px;font-weight:500;line-height:30px;}
.popup-error .popup-text strong {color:#6449FC;}
.popup-error .popup-text.error {position:relative;padding-top:88px;}
.popup-error .popup-text.error:before {content:"";position:absolute;display:inline-block;top:0;left:50%;margin-left:-36px;width:72px;height:72px;border-radius:50%;background:rgba(100, 73, 252, 0.07) url(../images/ico_error_purple.svg) center no-repeat;}
.popup-error .info-contact {list-style:none;display:flex;max-width:295px;margin:32px auto 0;box-shadow:0 4px 12px rgba(0,0,0,0.08);border-radius:8px;padding:28px 0;text-align:left;}
.popup-error .info-contact li {padding:0 24px;}
.popup-error .info-contact li:first-child {width:175px;border-right:1px solid #eee;padding-right:0;}
.popup-error .info-contact span {display:inline-block;width:100%;font-size:12px;line-height:18px;color:#777;vertical-align:top;}
.popup-error .info-contact strong {display:inline-block;width:100%;font-size:16px;line-height:24px;color:#1a1818;font-weight:500;vertical-align:top;}

/* list style */
.list-ranking {list-style:none;max-height:276px;overflow-y:auto;}
.list-ranking > li {border-top:1px solid #EDEEF0;}
.list-ranking > li:nth-of-type(1) {border:0;}
.list-ranking .btn {position:relative;width:100%;text-align:left;padding:0 50px 0 38px;}
.list-ranking .btn.focus {background-color:#e5e8ff;}
.list-ranking .btn span {position:absolute;display:inline-block;top:10px;width:16px;height:16px;line-height:16px;vertical-align:top;}
.list-ranking .btn span.num {left:16px;color:#777;font-weight:900;}
.list-ranking .btn span.num.top {display: inline-block;width: 20px; height: 20px;border-radius: 50%;background: #2F75FF;color: #fff; text-align: center;font-size: 1.2rem;font-weight: normal;line-height: 20px;margin-right: 8px;}
.list-ranking .btn span.state {right:16px;}
.list-ranking .btn span.state.up {text-indent:-9999px;overflow:hidden;background:url(../images/arrow_4_red.svg) center no-repeat;}
.list-ranking .btn span.state.down {text-indent:-9999px;overflow:hidden;background:url(../images/arrow_4_blue.svg) center no-repeat;}
.list-ranking .btn span.state.go {text-indent:-9999px;overflow:hidden;background:url(../images/arrow_7.svg) center no-repeat;}
.list-ranking .btn span.state.new {right:12px;color:#7a101b;width:auto;font-size:12px;font-weight:500;}
.list-ranking .btn span.state.nochange {text-indent:-9999px;overflow:hidden;}
.list-ranking .btn span.state.nochange:before {content:"";position:absolute;display:inline-block;top:50%;left:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background-color:#d9d9d9;}
.list-ranking .btn p {display: block; padding: 8px 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;}
.list-ranking .btn p:focus,
.list-ranking .btn p:hover,
.list-ranking .btn p:active,
.list-ranking .btn p.on{background: rgba(0, 0, 0, 0.04); font-weight: 500; color: #2F75FF;}
.list-ranking > li:hover{background: #F2F2F2;font-weight: bold;}

.list-favorite {list-style:none;max-height:260px;overflow-y:auto;}
.list-favorite > li {position:relative;border-top:1px solid #EDEEF0;}
.list-favorite > li:nth-of-type(1) {border:0;}
.list-favorite .btn {position:relative;width:100%;text-align:left;padding:0 50px 0 38px;}
.list-favorite .btn.focus {background-color:#e5e8ff;}
.list-favorite .btn.btn-delete {position:absolute;top:0;right:0;width:54px;line-height:56px;padding:0;border:0;font-size:12px;color:#E20013;text-align:center;}
.list-favorite .btn span {position:absolute;display:inline-block;top:20px;width:16px;height:16px;line-height:16px;vertical-align:top;}
.list-favorite .btn span.num {left:16px;font-weight:900;color:#7a101b;}
.list-favorite .btn p {line-height:24px;padding:16px 0;}

.list-auto {z-index:-1;display:none;position:fixed;left:0;bottom:64px;right:0;border-radius:8px 8px 0 0;background-color:#fff;max-height:210px;overflow-y:auto;}
.list-auto > li {border-top:1px solid #EDEEF0;}
.list-auto > li:nth-of-type(1) {border:0;}
.list-auto .btn {width:100%;line-height:24px;padding:9px 12px;text-align:left;}
.list-auto .btn.focus {background-color:#e5e8ff;}
.list-auto .btn em {color:#7a101b;}
.list-auto.po2 {bottom:88px;}
.list-auto.po3 {bottom:112px;}

.list-btns-01 {list-style:none;}
.list-btns-01 > li {margin-top:12px;}
.list-btns-01 > li:nth-of-type(1) {margin-top:0;}
.list-btns-01 .btn {width:100%;}
.popup-survey .list-btns-01 {padding:0;margin-top:35px;}

/* .list-btns-02 {list-style:none;margin-top:16px;padding:0 12px;} 0103 */
.list-btns-02 {list-style:none;margin-top:16px;}
.list-btns-02 > li {margin-top:8px;}
.list-btns-02 > li:nth-of-type(1) {margin-top:0;}
/* .list-btns-02 .btn {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} 0103 */
.list-btns-02 .btn {display:block;height:35px;line-height: 1;background: #eae4de;font-weight:bold;border-radius: 5px;padding:10px;text-align:center;color:#333;box-sizing:border-box;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);}
.list-btns-02 .btn:focus,.list-btns-02 .btn:hover,.list-btns-02 .btn:active,.list-btns-02 .btn.on{border: none;background: #fff;font-weight:bold;color:#333; border: 1px solid #E4E4E4;}

.list-btns-03 {list-style:none;margin-top:16px;display:flex;justify-content:space-between;}
.list-btns-03 > li {width:100%;}
.list-btns-03.li2 > li {width:49%;}
.list-btns-03 .btn {width:100%;}

.list-btns-04 {list-style:none;margin-top:40px;}
.list-btns-04 > li {float:left;margin-right:8px;margin-bottom:12px;width:100%;}

.list-btns-05 {list-style:none;margin-top:16px;padding:0 12px;}
.list-btns-05 > li {margin-top:8px;}
.list-btns-05 > li:nth-of-type(1) {margin-top:0;}
.list-btns-05 .btn {width:100%;}

.list-board-01 {list-style:none;padding:23px 23px;}
.list-board-01 > li {padding-bottom: 20px; border-bottom: 1px solid #e2e2e2;}
.list-board-01 > li + li{margin-top: 20px;}
.list-board-01 > li:nth-of-type(1) {border-top:0;}
.list-board-01 .btn {position:relative;width:100%;text-align:left;padding-right:40px;}
.list-board-01 .title tit_list{display: block;width: 100%; font-weight: 500;}
.list-board-01 .date {ddisplay: block; margin-top: 15px; color: #666; font-size: 1.4rem;}
.list-board-01 .file {position:absolute;display:inline-block;top:50%;right:0;width:32px;height:32px;margin-top:-16px;background:#EDEEF0 url(../images/ico_link_black.svg) center no-repeat;border-radius:50%;text-indent:-9999px;overflow:hidden;}

.list-accordion {list-style:none;}
.list-accordion > li {overflow:hidden;}
.list-accordion .btn-toggle-ac {position:relative;width:100%;height:46px;padding:10px 48px 10px 24px;text-align:left;border-bottom:1px solid #e4e4e4;}
.list-accordion .btn-toggle-ac span {position:absolute;display:inline-block;top:6px;right:16px;width:32px;height:32px;background:url(../images/ico_arrUp.png) center no-repeat;transform:rotate(180deg);text-indent:-9999px;overflow:hidden;transition:.2s ease-out;background-size:25px;}
.list-accordion .open .btn-toggle-ac span {transform:rotate(0deg);background:url(../images/ico_arrUp.png) center no-repeat;background-size:25px;}
.list-accordion .folding-view {display:none;padding:24px;padding-top:5px;background-color:#f8f8f8;border-top:1px solid #EDEEF0;}
.list-accordion .open .folding-view {display:block;}

input[type="date"]::-webkit-calendar-picker-indicator {
	background: url(../images/ico_pop_calendar.png) center/80% no-repeat white;
	width: 25px;
	height: 25px;
}

.popup-meetingRoom, .popup-meetingRoom_p input[type="checkbox"]:checked{
	accent-color: #ff601c;
}

.list-accordion_p {list-style:none;}
.list-accordion_p > li {overflow:hidden;}
.list-accordion_p .btn-toggle-ac {position:relative;width:100%;height:46px;padding:10px 48px 10px 24px;text-align:left;border-bottom:1px solid #e4e4e4;}
.list-accordion_p .btn-toggle-ac span {position:absolute;display:inline-block;top:6px;right:16px;width:32px;height:32px;background:url(../images/ico_arrUp.png) center no-repeat;transform:rotate(180deg);text-indent:-9999px;overflow:hidden;transition:.2s ease-out;background-size:25px;}
.list-accordion_p .open .btn-toggle-ac span {transform:rotate(0deg);background:url(../images/ico_arrUp.png) center no-repeat;background-size:25px;}
.list-accordion_p .folding-view {display:none;padding:24px;padding-top:5px;background-color:#f8f8f8;border-top:1px solid #EDEEF0;}
.list-accordion_p .open .folding-view {display:block;}

/* .list-accordion_p {list-style:none;}
.list-accordion_p > li {overflow:hidden;}
.list-accordion_p .btn-toggle-ac {position:relative;width:100%;height:56px;line-height:24px;padding:16px 48px 16px 24px;text-align:left;border-bottom:1px solid #EDEEF0;}
.list-accordion_p .btn-toggle-ac span {position:absolute;display:inline-block;top:12px;right:16px;width:32px;height:32px;background:url(../images/arrow_2_gray.svg) center no-repeat;transform:rotate(180deg);text-indent:-9999px;overflow:hidden;transition:.2s ease-out;}
.list-accordion_p .open .btn-toggle-ac span {transform:rotate(0deg);background:url(../images/arrow_2_purple.svg) center no-repeat;}
.list-accordion_p .folding-view {display:none;padding:24px;background-color:#f8f8f8;border-top:1px solid #EDEEF0;}
.list-accordion_p .open .folding-view {display:block;} */


/* popup */
.dimed{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);z-index: 300;}
.popup{position:fixed;top:0;left:0;right: 0;bottom:0;margin:0 auto;text-align:center;z-index:350;}
.popup.guide{width:100%;}
.layer_close{position:absolute;top: 11px;right:10px;}
.popup.guide .layer_cont.guide{display:table;width:100%;height:100%;text-align:center;box-sizing:border-box;}
.layer_cont.guide .pop_img_box{display:table-cell;vertical-align: middle;}
.layer_cont.guide .img_guide{max-width:360px;-ms-backface-visibility:hidden;/* IE 랜더링 이미지 깨짐 방지*/backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;/* 크롬,사파리 등 랜더링 이미지 깨짐 방지*/}

.guide_wrap.txt_box .sample_tit:before{content: "";display:block;width:calc(50% - 80px);border-top: 1px solid #ffc94b;position:absolute;top: 94px;left:30px;}
.guide_wrap.txt_box .sample_tit{display:block;margin-bottom: 35px;font-size: 18px;font-weight: 500;line-height: 1.5;color: #ffc94b;text-align:center;}
.guide_wrap.txt_box .sample_tit:after{content: "";display:block;width:calc(50% - 80px);border-top: 1px solid #ffc94b;position:absolute;top: 94px;right:30px;}
.guide_wrap.txt_box .q_tit{display:block;font-size:16px;font-weight: 500;line-height: 1.5;color: #ffc94b;}
.guide_wrap.txt_box .example{margin: 30px 0 58px 0;}
.guide_wrap.txt_box .example:after{content:"";display:block;clear:both;}
.guide_wrap.txt_box .chat_tit{display:block;float:left;font-size: 14px;font-weight:500;line-height:1.43;color:#fff;}
.guide_wrap.txt_box .example .sample_box{float:right;width:calc(100% - 67px);}
.guide_wrap.txt_box .example .sample_box li{line-height:2.14;margin-bottom:0;}
.guide_wrap.txt_box .q_tit + .sample_box{margin-top:30px;}
.guide_wrap.txt_box .sample_box .icon{position:relative;top:2px;display:inline-block;width:16px;height:15px;padding-right:8px;background-repeat:no-repeat;background-size:contain;}
.guide_wrap.txt_box .sample_box .icon.chat{background-image:url(../images/icon_chat.png);}
.guide_wrap.txt_box .sample_box li{font-size:14px;color:#eee;line-height: 1.43;margin-bottom:15px;}

.guide_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 330px;}
.tit_guide{display: block;font-size:18px;font-weight:bold;color:#fff;margin-bottom: 20px;}
.guide_box{height: 523px;overflow:hidden;background:#fff;}
.guide_box .ico_manager{display:block;font-size:1.5rem;font-weight:bold;line-height:1.2;text-align: left;margin-bottom: 5px;margin-top:20px;}
.guide_box .ico_manager .txt{position:relative;top: -5px;margin-left: 5px;font-size:16px;}
.guide_box .ico_manager:before{content:"";display:inline-block;width:20px;height:21px;background:url(../images/ico_manager.png) 0 0 no-repeat;background-size: contain;}
.guide_box .ico_manager.qna{margin-bottom:0;}
.guide_box .ico_manager.qna:after{content:"";display:block;clear: both;}
.guide_box .ico_manager.qna.sample{margin:20px 0;}
.guide_box .ico_manager.qna.sample .sample_txt{float:left;display:block;width:calc(100% - 48px);}
.guide_box .ico_manager.qna:before{float: left;content:"";display:inline-block;width:20px;height:21px;background:url(../images/ico_guide_qna.png) 0 0 no-repeat;background-size: contain;margin-right: 5px;margin-top:7px;}
.clerk_list li{text-align:left;padding-bottom:20px;border-bottom:1px solid  #e2e2e2;}
.clerk_list li + li{margin-top:20px;}
.clerk_list li:after{content:"";display:block;clear:both;}
.clerk_list .ico_clerk{float:left;display:block;width:16px;height:17px;background:url(../images/ico_clerk.png) 0 0 no-repeat;background-size:contain;}
.clerk_list strong, .clerk_list span{display:block;}
.clerk_list .name{margin-bottom:10px;}
.clerk_list .txt{font-size:14px; color:#666;}
.clerk_list .txt + .txt{margin-top:10px;}
.clerk_box{float:left;width: calc(100% - 24px);margin-left: 8px;}

.meet_tit{display:block;font-size:1.5rem;font-weight:bold;}
.acc_word_tit{margin:15px 0 10px;}
.acc_word_tit .date{position:relative;top:3px;}
.accordion{max-height:250px;overflow-y:auto;-ms-overflow-y:auto;}
.accordion.manager{max-height:500px;}
.accordion .acc_dt .arr{display:block;min-height:35px;line-height:1;padding: 8px 4px 8px 10px;color:#333;background-color: #fff;background-image:url(../images/ico_acc_down.png);background-size: 20px;background-repeat:no-repeat;background-position: 98% center;text-align:left;box-sizing:border-box;/* border-bottom: 1px solid #ededed; */border-radius: 5px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);border: solid 1px #e4e4e4;background-color: #333;/* box-sizing: border-box; */}
.accordion .acc_dt .arr .acc_word{position: relative;top: 1px;display:inline-block;width:calc(100% - 26px);color: #555;}
.accordion .acc_dt.active .arr{background-image: url(../images/ico_acc_up.png);background-color:#eae4de;}
.accordion .acc_dt.active .acc_word{color:#333;}
.accordion .acc_dd {display:none;position:relative;padding: 9px 5px 0;background:#fff;}
.accordion .acc_dd.manager{padding: 20px 5px 0 5px;}
.accordion .acc_dd + .acc_dt{margin-top:10px;}
.tbl_top.acc{margin-top:0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.tbl_top.acc th{background-color: #f2f2f2;text-align:center;}
.tbl_top.acc td{line-height:1;}
.meet_box{margin-top:20px;}
.meet_box .inp_mt_txt{margin-top:15px;width:100%;padding: 8px 4px 8px 10px;height:35px;border-radius:5px;border:1px  solid #e2e2e2;box-sizing: border-box;}
.opinion.meeting{border-radius:5px;margin-top:15px;}

.example .sample_tit{display:block;position: relative;margin: 9px 0 0;}
.example .sample_tit span{display:block;width:68px;height:34px;line-height: 34px;margin: 0 auto;}
.sample_tit:before{content:"";display:block;width: calc(50% - 34px);border-top: 1px solid #d2d2d2;position:absolute;top: 16px;left: 0;}
.sample_tit:after{content:"";display:block;width: calc(50% - 34px);border-top: 1px solid #d2d2d2;position:absolute;top: 16px;right: 0;}
.sample_box > li{text-align:left;height:34px;line-height:34px;}
.sample_box .point{font-weight:bold;color:#b9b9b9;display: inline-block;margin-right: 8px;}
.sample_qna_box{position:relative;}
.sample_qna_box li{position: relative;text-align:left;line-height: 1.43;padding-left: 13px;word-break: keep-all;}
.sample_qna_box li:before{content:"";position:absolute;top: 7px;left: 4px;display:inline-block;width:4px;height:4px;border-radius:50%;background:#333;}
.sample_qna_box li + li{margin-top:10px;}
.sample_qna_box li.w1{width:259px}
.sample_qna_box li.w2{width: 290px;}



.list-person {list-style:none;padding:0 12px;}
.list-person > li {position:relative;padding:8px 45px 8px 12px;border:1px solid #EDEEF0;border-radius:8px;}
.list-person > li + li {margin-top:8px;}
.list-person > li > p {line-height:21px;}
.list-person .name {color:#1a1818;}
.list-person .box-cut {color:#777;}
.list-person .btn-messenger {position:absolute;top:50%;right:0;margin-top:-23px;}

.list-select {list-style:none;max-height:202px;overflow-y:auto;padding:8px;border:1px solid #EDEEF0;border-top:0;background-color:#fff;border-radius:8px 8px;box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.24);}
.list-select .nodata {line-height:40px;padding-left:11px;}
.list-select .btn {width:100%;display:flex;line-height:46px;padding:0 8px;font-weight:400;color:#1a1818;text-align:left;border-radius:4px;}
.list-select .btn.on {background-color:#FFF2E5}
.list-select .btn > p {width:50%;}
.list-select .col-01 {color:#777;}
.list-select .col-02 {color:#1a1818;}
.list-select em {color:#11B4A1;}

.list-pay > li {display:flex;line-height:21px;}
.list-pay > li + li {margin-top:4px;}
.list-pay > li > .title {width:100px;font-size:12px;}
.list-pay > li > .text {width:calc(100% - 100px);text-align:right;}
.list-pay > li.total {margin-top:16px;padding-top:16px;border-top:1px solid rgba(255, 255, 255, 0.2);}
.list-pay > li.total .title {font-weight:bold;}
.list-pay > li.total .text {font-weight:bold;font-size:20px;}

/* slide related */
.slide-related {margin-top:40px;/* margin-bottom:50px; */width:calc(100% - 100px);}
.slide-related .swiper-container {padding-right:20px;overflow:visible;}
.slide-related .swiper-wrapper {padding-left:20px;padding-top:20px;}
.slide-related .swiper-slide {display:inline-block;width:auto;}
.slide-related .btn {height:32px;line-height:32px;padding:0 12px;background-color:#fff;font-size:12px;border-radius:12px;}
.slide-related .btn .hash {margin-right:3px;color:#777;}
.font-big .slide-related .btn {font-size:14px;}

/* slide img */
.slide-img {position:relative;height:156px;text-align:center;padding:0 12px;overflow:hidden;}
.slide-img > .swiper-container {position:static;margin:0;overflow:visible;}
.slide-img .swiper-wrapper {height:156px !important;}
.slide-img .swiper-slide {position:relative;width:160px;height:120px;background-color:#ddd;border-radius:12px;overflow:hidden;}
.slide-img .swiper-slide .btn {position:absolute;top:0;left:0;right:0;bottom:0;left:0;}
.slide-img .swiper-slide .btn img {position:absolute;top:50%;left:0;width:160px;transform:translateY(-50%);vertical-align:top;}
.slide-img .swiper-pagination {bottom:0;left:50%;transform:translateX(-50%);}
.slide-img .swiper-button-prev {left:0;margin-top:-30px;}
.slide-img .swiper-button-next {right:0;margin-top:-30px;}
.slide-img .swiper-container .swiper-button-prev,
.slide-img .swiper-container .swiper-button-next {opacity:0;}
.slide-img .swiper-container:hover .swiper-button-prev,
.slide-img .swiper-container:hover .swiper-button-next {opacity:1;}

.slide-img-02 .swiper-slide {display:flex;height:calc(100vh - 86px);justify-content:center;align-items:center;}
.slide-img-02 .swiper-slide img {max-width:100%;max-height:100%;vertical-align:middle;}
.slide-img-02 .swiper-slide img.rotate {max-width:calc(100vh - 100px);max-height:calc(100vw - 100px);transform:rotate(90deg);}
.slide-img-02 > .swiper-button-next, 
.slide-img-02 > .swiper-button-prev {background-size:15px;}

.slide-img-03 {padding-bottom:30px;}

.slide-img-04 {padding-bottom:30px;}

/* table style */
.table-style-01 {border-top:1px solid #1a1818;margin-top:16px;overflow:hidden;}
.table-style-01 table {width:100%;}
.table-style-01 thead th {/* padding:8px 0 0; */line-height:18px;}
.table-style-01 tbody th,
.table-style-01 tbody td {padding:3px 0 3px 10px;border-bottom:1px solid #e2e2e2;line-height:21px;}
.table-style-01 th {/* color:#777; */height: 35px;line-height: 1.43;padding: 7px 0 8px 10px;background-color: #f2f2f2;box-sizing: border-box;font-weight: 500;}
.table-style-01 strong {font-weight:500;}
.answer-bubble .table-style-01 {width:calc(100% - 24px);margin-left:0px;}
.table-style-01 + .text-md {margin-top:32px;}
.table-style-01 + .answer-text-02 {margin-top:16px;}
.table-style-01.font-sm td {font-size:12px;}
.font-big .table-style-01.font-sm td {font-size:14px;}

.table-bordered{border:solid 1px;}
.table-bordered td{border:solid 1px;}

.table-style-02 table {width:100%;}
.table-style-02 th {padding:10px 0 16px;line-height:18px;vertical-align:top;color:#777;}
.table-style-02 td {padding:0 0 16px;line-height:21px;}
.table-style-02 strong {font-weight:500;}
.answer-text + .table-style-02 {margin-top:16px;}

.table-scroll-x {overflow-x:auto;}
.table-scroll-x table {table-layout:fixed;}

.table-unit {margin-top:16px;line-height:16px;text-align:right;color:#777;font-size:11px;padding-right:12px;}
.table-unit + .table-style-01 {margin-top:0;}
.fon-big .table-unit {font-size:13px;}

.item-list {border-collapse: collapse;width: 100%;}
.item-list td {border: 1px solid #000;font-size: 14px;}
.item-list td:first-child {padding: 8px 0px; border-left: none; background-color: #f2f2f2; text-align-last: center;}
.item-list td.item-value {padding: 8px 40px; border-right: none; text-align: right;white-space: nowrap; vertical-align: middle;}


/* box style */
.box-small {display:inline-block;min-width:48px;text-align:center;vertical-align:top;height:26px;line-height:26px;border-radius:4px;background-color:#EDEEF0;color:#777;}
.box-small.green {background-color:rgba(17,180,161,0.1);color:#11B4A1;}

.box-cut {position:relative;max-height:42px;padding-right:20px;word-break:keep-all;}
.box-cut .text-short {display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.box-cut .text-long {display:none;}
.box-cut.open {max-height:100%;}
.box-cut.open .text-short {display:none;padding-right:8px;}
.box-cut.open .text-long {display:inline;}
.box-cut .btn-toggle {position:absolute;bottom:0;right:0;width:20px;height:20px;text-indent:-9999px;overflow:hidden;background:url(../images/arrow_3_gray.svg) center no-repeat;}
.box-cut.open .btn-toggle {transform:rotate(180deg);}

/* video */
.video-wrap {padding:0 12px;}
.video-wrap .video-box {position:relative;overflow:hidden;width:100%;min-height:141px;margin-top:8px;background-color:#111;/*mask-image:url(../images/mask_video.svg);-webkit-mask-image:url(../images/mask_video.svg);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;*/}
.video-wrap .video-box .video-thumb {z-index:5;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#111;}
.video-wrap .video-box .video-thumb img {position:absolute;top:50%;left:50%;width:100%;transform:translateX(-50%) translateY(-50%);}
.video-wrap .video-box .btn-play-video {z-index:5;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);}
.video-wrap .video-box .video {width:100%;vertical-align:top;}
.video-wrap .video-box.play .video-thumb {display:none;}
.video-wrap .video-box.play .btn-play-video {display:none;}
.popup-body .video-wrap {padding:0;margin:24px 0;}

/* graph */
.graph {padding:0 12px;margin-top:16px;}
.graph-bar {border-bottom:1px solid #EDEEF0;text-align:center;}
.graph-bar > ul {list-style:none;display:inline-block;}
.graph-bar > ul > li {float:left;position:relative;padding-top:100px;line-height:23px;}
.graph-bar > ul > li + li {margin-left:24px;}
.graph-bar .bar-wrap {position:absolute;display:inline-block;top:0;bottom:23px;left:0;width:100%;}
.graph-bar .bar {position:absolute;display:inline-block;bottom:0;left:0;width:100%;background-color:#BABABA;border-radius:8px 8px 0 0;}
.graph-bar .bar.green {background-color:#11B4A1;}
.graph-bar .bar.red {background-color:#FF6370;}
.graph-bar .bar.yellow {background-color:#FEB061;}
.graph-bar .bar:hover .bar-text,
.graph-bar .bar:focus .bar-text {opacity:1;}
.graph-bar .bar-text {opacity:0;position:absolute;display:inline-block;top:-28px;left:50%;transform:translateX(-50%);padding:5px 8px;background-color:#fff;border-radius:4px;line-height:10px;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,0.25);white-space:nowrap;}
.graph-bar .bar-text:before {content:"";position:absolute;display:inline-block;left:50%;bottom:-6px;border-top:6px solid #fff;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateX(-50%);}
.graph-bar .bar-text.over {top:10px;}
.graph-bar .bar-text.over:before {bottom:auto;top:-6px;border-top:0;border-bottom:6px solid #fff;}
.graph-bar .title {display:inline-block;width:100%;height:23px;color:#777;font-size:12px;}
.font-big .graph-bar .title {font-size:14px;}

.scroll-guide {display:inline-block;width:18px;height:24px;margin-top:-1px;background:url(../images/ico_scroll.svg) center no-repeat;text-indent:-9999px;overflow:hidden;text-align:left;}

/* apply step */
.apply-step .step-con {position:relative;display:none;padding-bottom:72px;height:576px;}
.apply-step .step-con.active {display:block;}
.apply-step .step-con .list-btns-01,
.apply-step .step-con .list-btns-03 {position:absolute;bottom:24px;left:24px;right:24px;}
.apply-step .step-con .step-scroll {height:484px;overflow-y:auto;padding:24px 24px 16px;}
.apply-step .answer-text {padding-left:0;}

/* payslip */
.payslip-head {padding:20px 24px;background-color:#11B4A1;color:#fff;}
.payslip-head .name {font-size:24px;line-height:36px;font-weight:bold;margin-bottom:16px;}
.payslip-body {padding:32px 24px;}
.payslip-body .answer-text {padding:0;}
.payslip-body .answer-text-02 {padding:0;}

@keyframes intro01 {
    0% {opacity:0;transform:translateX(-50%) translateY(-200px);}
    100% {opacity:1;transform:translateX(-50%) translateY(-35px);}
}
@keyframes intro02 {
    0%,50% {opacity:0;transform:translateX(-50%) translateY(200px);}
    100% {opacity:1;transform:translateX(-50%) translateY(0);}
}
@keyframes blink{
    20% {transform:scale(0.5);}
    70% {transform:scale(1.2);}
    100% {transform:scale(1);}
}
@keyframes loading {
    30%, 70% {background:#96a4ff;transform:translateY(0);}
    50% {background-color:#7a101b;transform:translateY(-4px);}
}
@media screen and (max-width:780px){
    .message-first {margin:20px auto 0;}
}
@media screen and (max-width:600px){
    .slide-gnb-depth2 .swiper-container {width:304px;}
}
@media screen and (max-width:320px){
    .video-wrap .video-box {width:100%;}
    .question-default .question-bubble {width:250px;}
    .answer-slide > .swiper-container > .swiper-wrapper > .swiper-slide {width:250px;}
    .answer-slide .slide-answer-pagination {width:100%;}
}
@media screen and (max-height:700px){
    .popup-board .popup-box {top:20px;bottom:20px;height:auto;transform:translateY(0) translateX(-50%);}
    .popup-board.popup-password .popup-box {top:50%;bottom:inherit;bottom:unset;transform:translateX(-50%) translateY(-50%);}
    /* .popup-guide .slide-guide .img {height:55%;} */
    .popup-guide .slide-guide .img {top:0;}
    .popup-guide .slide-guide .img img {max-height:100%;}

    .apply-step .step-con {position:absolute;top:0;right:0;bottom:0;left:0;height:auto;}
    .apply-step .step-con .step-scroll {height:100%;}

    .popup-error .box-error {bottom:inherit;top:100px;margin-bottom:0;}

    .popup-bottom {min-height:217px;}
    .list-favorite {max-height:140px;}

    .list-ranking {max-height:156px;}

    .popup-opinion .opinion-box .zoom-scale-textarea .textarea-01.zoom-scale {height:114%;}
    .popup-opinion .opinion-level {margin-bottom:30px;}
    .popup-opinion .opinion-box > .zoom-scale-textarea {height:100px;min-height:120px;}

}

/**/
.img_btn_mq{width:100%; height:300px; margin-top: -8px; position: relative; text-align: center;}
/*20220831 수정*/
/*.swiper-slide:nth-of-type(2n) .img_btn_mq{background-color:#6bcdeb;}*/
/*.swiper-slide:nth-of-type(2n+1) .img_btn_mq{background-color:#807df0;}*/
/*.swiper-slide:nth-of-type(4n-3) .img_btn_mq{background-color:#fcd85c;}*/
/*.swiper-slide:nth-of-type(4n) .img_btn_mq{background-color:#008cff;} */
.swiper-slide .list-btns-02 {padding: 0 16px;}

.img_btn_mq .btn_mq_text{ color:#1e1e1e; font-weight:bold;}
.img_btn_mq img{ height:280px !important; width: auto!important;}

.info_manager{ padding: 0 12px;margin:0 !important;}
.info_manager dl{ width:100%; padding: 15px 7px; border-radius: 8px; border: 1px solid #e5e5e5; display: table; background: #f5f5f5;}
.info_manager dl + dl {margin-top:10px;}
.info_manager dl dd{display:table-cell; vertical-align: top; font-size: 14px;}
.info_manager dl dd.cont dl{margin-bottom: 0;}
.info_manager dl dd.pic{ padding-right: 6px; background:none; width: 54px;}
.info_manager dl dd.pic div{ width:48px; height: 48px; border-radius: 100px; overflow: hidden;}
.info_manager dl dd.pic div img{width:100%;}
.info_manager dl dd span{display:inline-block;}
.info_manager dl dd span:nth-of-type(2){padding-left: 10px;}
.info_manager dl dd .position span{color:#7a101b;}
.info_manager dl dd .position span::after{display:inline-block; content: ''; width: 6px; height: 10px; background: url("../images/arrow_1_orange.svg") left center no-repeat; transform: rotate(-90deg); background-size: 100%; margin-left: 5px;}
.info_manager dl dd .position.on span::after{background: url("../images/arrow_1_orange.svg") left center no-repeat; transform: rotate(90deg); background-size: 100%;}
.info_manager dl dd .position p{display:none; color:#8c8c8c; font-size:12px; padding-top:8px;}
.info_manager dl dd .position.on p{display:block;}
.info_manager dd dl{ width:100%; padding: 0; border-radius: none; border: none; display: table; background: none;}
.info_manager dd dl dd:last-of-type{width: 40px;}
.info_manager dd dl dd a.btn_talk{display: block; width: 40px; height: 40px; background: url("../images/kworks.png") right top no-repeat; background-size: 40px;}
* + .info_manager {padding-top:12px;}

.messages-wrap .full-date:first-of-type {margin-top:12px;}
.message-first .time-good{height:20px;}
.message-first .time{padding-top:8px;}

.answer-slide > .swiper-container > .swiper-wrapper > .swiper-slide{overflow: hidden;}

/* landing */
.landing-wrap {position:fixed;top:0;right:0;left:0;bottom:0;overflow-y:auto;padding:20px 0;}
.landing {width:740px;margin:0 auto;padding:0 40px 40px;background-color:#fff;border-radius:20px;font-family:'SCDream', sans-serif;letter-spacing:-0.05em;}
.landing h1 {text-align:center;}
.landing h1 img {vertical-align:top;}
.landing .ld-text-01 {font-size:24px;font-weight:600;line-height:26px;margin:32px 0;text-align:center;}
.landing .ld-text-02 {padding-top:21px;border-top:1px solid #ccc;font-size:18px;line-height:24px;text-align:center;margin-top:32px;}
.landing .ld-text-02 .btn {color:#7a101b;text-decoration:underline;font-weight:600;}
.landing .ld-guide {list-style:none;}
.landing .ld-guide li + li {margin-top:33px;}
.landing .ld-guide li > p {line-height:24px;font-size:18px;}
.landing .ld-guide .num {display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background-color:#FF7200;font-family:'Roboto';font-size:16px;color:#fff;border-radius:50%;}
.landing .ld-guide strong {font-weight:500;}
.landing .ld-guide .img {width:100%;border:2px solid #ccc;margin-top:9px;}
.landing .ld-guide .img img {width:100%;vertical-align:top;}

@media (hover: none) and (pointer: coarse) {
    .popup-guide .slide-guide .swiper-container > .swiper-button-next, 
    .popup-guide .slide-guide .swiper-container > .swiper-button-prev {display:none !important;}
    .answer-slide:hover > .swiper-container > .swiper-button-prev, 
    .answer-slide:hover > .swiper-container > .swiper-button-next {display:none !important;}
    .answer-slide-02:hover > .swiper-container > .swiper-button-prev, 
    .answer-slide-02:hover > .swiper-container > .swiper-button-next {display:none !important;}
    .slide-img .swiper-button-prev,
    .slide-img .swiper-button-next {display:none !important;}
}
@media (hover: hover) and (pointer: coarse) {
    .popup-guide .slide-guide .swiper-container > .swiper-button-next, 
    .popup-guide .slide-guide .swiper-container > .swiper-button-prev {display:none !important;}
    .answer-slide:hover > .swiper-container > .swiper-button-prev, 
    .answer-slide:hover > .swiper-container > .swiper-button-next {display:none !important;}
    .answer-slide-02:hover > .swiper-container > .swiper-button-prev, 
    .answer-slide-02:hover > .swiper-container > .swiper-button-next {display:none !important;}
    .slide-img .swiper-button-prev,
    .slide-img .swiper-button-next {display:none !important;}
}