@charset "utf-8";

.csWrap{width:100%;display:flex;gap:30px;max-width:1000px;margin:0 auto;padding:24px 0;}
.csSide{width:220px;flex:0 0 220px;}
.csCont{width:100%;flex:1;min-width:0;}

.csTop{width:100%;display:flex;align-items:center;gap:25px;}
.csTitle{font-size:24px;font-weight:700;letter-spacing:-0.3px;}
.csTitle1{font-size:24px;font-weight:700;letter-spacing:-0.3px;margin-top: 40px;margin-left: 5px;margin-bottom: 20px;color: #121212;}
.csTitle2{display:flex;align-items:center;gap:6px;font-size:22px;font-weight:700;letter-spacing:-0.3px;margin-top: 40px;margin-bottom: 40px;}
.csTitle2 img{width:15px;height:15px;}

.csSearch{flex:1;/*border-bottom:2px solid #111;*/}
.csSearch input{width:100%;height:40px;border:0;outline:0;font-size:16px;}
.csSearch input:focus { outline: none; box-shadow: none;border:0 !important;}
.btnSearch{width:40px;height:40px;border:0;cursor:pointer;background:transparent url(/images/new/icon_sch.svg) no-repeat center;background-size:30px 30px;flex:0 0 40px;margin-right: 20px;}

.csHeaderBar{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0 30px; border-top: 3px solid #222; margin-top: 10px; }
.csSearch input::placeholder{color:#D9D9D9;opacity:1;}

.csKeywords{width:100%;display:flex;align-items:center;gap:15px;flex-wrap:wrap;min-width:0;}
.csKeywords .label{font-size:13px;color:#666;flex:0 0 auto;}
.csKeywords .kw{font-size:12px;color:#808080;text-decoration:none;font-weight: 400;}
.csKeywords .sep{color:#E4E4E4;font-size: 12px; font-weight: 400;}

.csQuick{flex:0 0 auto;display:flex;align-items:center;gap:15px;white-space:nowrap;}
.csQuick .sep{color:#E4E4E4;}
.btnAnswerCheck{font-size:12px;color:#808080 !important;text-decoration:none;font-weight: 400;}

.btnKakaoCheck{ display:flex; align-items:center; gap:3px; font-size:12px; color:#111; text-decoration:none;font-weight: 400; }
.icoKakao{width:12px;height:12px;display:inline-block;flex:0 0 12px;background:url(/images/new/iconkakao.svg) no-repeat center;background-size:12px 12px;}

.csBox{width:100%;padding:40px 0 25px;border-top:1px solid #F0F0F0;}
.csBox.csBox1{border-top:none;}
.csBoxHead{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;gap: 10px;}
.csBoxTitle{font-size:20px;font-weight:700;color:#121212;}
.btn-more {font-size: 14px; background: none; color: #808080; width:70px; height:34px; border-radius:50px;border:1px solid #e4e4e4;line-height:34px;cursor:pointer;}

.faqList{width:100%;list-style:none;margin:0;padding:0;/*border-top:1px solid #eee;*/}
.faqItem{width:100%;/*border-bottom:1px solid #eee;*/}
.faqQ{width:100%;display:flex;align-items:center;padding:20px 0 12px;border:0;background:transparent;cursor:pointer;text-align:left;box-sizing: border-box;}
.faqQIcon{width:22px;flex:0 0 22px;font-weight:700;font-size:16px;}
.faqQTxt{width:100%;font-size:16px;color:#222222;line-height:1.35;font-weight:400;}
.faqArrow{width:10px;height:10px;flex:0 0 10px;position:relative;}
.faqArrow:before{content:"";position:absolute;left:50%;top:40%;width:6px;height:6px;border-right:2px solid #D9D9D9;border-bottom:2px solid #D9D9D9;transform:translate(-50%,-70%) rotate(45deg);}
.faqItem.on .faqArrow:before{transform:translate(-50%,-40%) rotate(225deg);}

.faqA{width:100%;background:#f7f7f7;}
.faqAInner{width:100%;padding:18px 16px;font-size:13px;color:#444;line-height:1.55;}

.noticeList{width:100%;list-style:none;margin:0;padding:0;/*border-top:1px solid #eee;*/}
.noticeList li{width:100%;/*border-bottom:1px solid #eee;*/}
.noticeList .bo_cnt{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 8px;text-decoration:none;color:#505050;font-size:16px;box-sizing:border-box;font-weight: 400;}
.noticeList .bo_cnt .date{flex:0 0 auto;font-size:13px;color:#9E9E9E;font-weight: 400;}

.bo_notice .bo_cnt{background: url(/m/images/new/icon_notice.svg) no-repeat 2px center;padding-left: 32px;background-size:21px;}
.bo_v_tit.bo_cnt{background: url(/m/images/new/icon_notice.svg) no-repeat 2px center;padding-left: 32px;background-size:21px;}

.csGuide{padding:22px 0;}
.csGuideTitle{font-size:20px;font-weight:700;margin:20px 0 30px;}

.csGuideList{width:100%;list-style:none;margin:0;padding:19px 0 0;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff;}
.csGuideList li{width:100%;}
.csGuideLink{width: 100%;display:flex;align-items:center;gap:10px;padding:14px 22px;text-decoration:none;color:#222;box-sizing:border-box;}
.csGuideLink .txt{width:100%;font-size:16px;color: #505050;font-weight: 500;}
.csGuideLink .arr{flex:0 0 auto;display:flex;align-items:center;}

.csIco{flex:0 0 20px;width:18px;height:18px;display:inline-block;background-size:18px 18px;background-repeat:no-repeat;background-position:center;opacity:.9;}
.csIcoQna{background-image:url(/images/new/icon_qna.svg);}
.csIcoKakao{background-image:url(/images/new/icon_kakao.svg);}
.csIcoCall{background-image:url(/images/new/icon_call.svg);}

.csGuideTimeItem{/*background:#fafafa;*/}
.csGuideTime{width:100%;padding:22px;}
.csGuideTime .line{margin:0;font-size:14px;color:#808080;line-height:1.5;border-top: 1px solid #F5F5F5;width:calc(100% - 44px);padding:22px 0px 0;}
.csGuideTime .note{margin:6px 0 0;font-size:14px;color:#808080;line-height:1.4;padding:0 10px;}

.modal-dim{position:fixed; left:0; top:0; width:100%; height:100%;background:rgba(0,0,0,.35);opacity:0; visibility:hidden;transition:opacity .2s ease, visibility .2s ease;z-index:999;}
.modal-dim.show{opacity:1; visibility:visible;}

.bottom-sheet{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%) scale(.98);opacity:0;visibility:hidden;width:92%;max-width:700px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .2s ease, transform .2s ease, visibility .2s ease;	padding:22px 26px 26px;z-index:1000;}
.bottom-sheet.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.bottom-sheet .btn_close{position:absolute;right:18px; top:10px;width:34px; height:34px;display:flex; align-items:center; justify-content:center;cursor:pointer;border: none;}
.bottom-sheet .btn_close img{width:13px;height:13px;display:block;}
.bottom-sheet h2{margin:0 44px 6px 0;font-size:20px;font-weight:600;color:#222;letter-spacing:-0.2px;}
.bottom-sheet .select_info{margin:0 0 18px 0;font-size:14px;color:#9e9e9e;}

.login_wrap{width:100%;display:flex;gap:18px;}
.login_box{flex:1;border:2px solid #f5f5f5;border-radius:12px;padding:30px 18px 30px;background:#fff;position:relative;box-shadow: 0px 0px 7px 0px #0000001A;}
.login_box h3{margin:0 92px 6px 0;font-size:16px;font-weight:500;color:#222;letter-spacing:-0.2px;}
.login_box .box_info{margin:0;font-size:14px;color:#9e9e9e;}
.login_box .btn1{position:absolute;right:25px; top:33px;width:78px;height:36px;line-height:36px;text-align:center;border-radius:12px;font-size:14px;text-decoration:none;font-weight:500;border:1px solid #d9d9d9;background:#fff;color:#222;}
.login_box .btn_on{background:#222;color:#fff;border-color:#222;}

@media (max-width:600px){
	.bottom-sheet{padding:18px 16px 18px; max-width:520px;}
	.login_wrap{flex-direction:column;}
	.login_box{min-height:auto;}
}
@media (max-width: 1000px){
	/* .csTop{flex-direction:column;align-items:flex-start;} */
	.csSearch{max-width:100%;}
	/* .csHeaderBar{flex-direction:column;align-items:flex-start;} */
	/* .csQuick{width:100%;justify-content:flex-start;} */

	.left_menu{display:none !important; width:0 !important; flex:0 0 0 !important;}
	.csWrap{width:90%;display:block !important;padding:16px 12px;}
	.csCont{width:100% !important;max-width:none !important;flex:none !important;margin-left:0 !important;padding-left:0 !important;}
}