@charset "utf-8";
/******************* 모바일 메인 *******************/
.main-content { background: url("/img/visual_mobile2.png");background-size: cover;width:100%;}
.main-header { padding-top:0px;padding-bottom:30px;color:#fff;text-align:center; }
.main-header p { margin: 0;text-shadow: 0px 0px 3px #333; }
.main-header p:nth-of-type(1) { font-size: 13px;font-weight:bold;padding-top:57px;}
.main-header p:nth-of-type(2) { font-size: 28px;font-weight: 900;line-height:30px;margin-bottom:5px;}
.main-header p:nth-of-type(3) { font-size: 17px;font-weight:bold; }
.main-header .back-color { background: url("/img/visual_m_text_back.png");width:360px;height:210px;margin:0 auto;}
.main-header .down-info { padding-top:20px; }
.down-info span { background-color:#f18535;color:#fff;font-size:12px;font-weight:500; padding:0.5rem 1rem 0.5rem 1rem;border-radius:20px; }
.main-sub { width: 100%; margin: 0px auto;}
.main-sub .item {width: 240px;font-size: 1rem;background:rgba(23, 179, 207, 0.7);color:#fff;margin:0 auto;padding:10px 20px 10px 20px; }
.main-sub .item:nth-of-type(2) { background: rgba(12, 167, 195, 0.9);}
.main-sub .item img { width:33px; }
.main-sub .item-img { display: inline-block;margin-left:13px; }
.main-sub .item:nth-of-type(2) img { width:28px; }
.main-sub .item:nth-of-type(3) img { width:31px; }
.main-sub .item-txt { position: absolute; margin: 8px 0px 0px 16px; display: inline-block;}
.main-sub .item:nth-of-type(2) .item-txt { margin: 8px 0px 0px 20px; }

/* 모바일 메인 공지사항 */
.main-notice-wrap { }
.main-notice-wrap .main-notice { padding: 0.5rem 1rem 0.1rem 1rem;border-bottom: 1px #e3e3e3 solid; }
.main-notice-wrap .main-notice .row { display: flex;color:rgba(51, 51, 51, 1); }
.main-notice-wrap .main-notice .row:last-child { padding-bottom:0.3rem; }
.main-notice-wrap .main-notice .row .icon-div { padding-right:10px; }
.main-notice-wrap .main-notice .row .icon-div img { width:18px; }
.main-notice-wrap .main-notice .row .k-i-volume-up { font-size:0.8rem;color:#ff4d4d; vertical-align:top; margin:0; }
.main-notice-wrap .main-notice .row .title { font-size:14px;width:100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/* 모바일 메인 설명자료 */
.main-notice-wrap2 { width:280px;margin:0 auto; }
.main-notice-wrap2 .main-notice .main-notice-content { margin-top:30px; }
.main-notice-wrap2 .main-notice .main-n-header { padding-bottom:13px;height:30px; }
.main-notice-wrap2 .main-notice .main-n-header span { vertical-align:middle; }
.main-notice-wrap2 .main-notice .main-n-header .icon { padding-right:10px; }
.main-notice-wrap2 .main-notice .main-n-header .icon img { vertical-align:middle;width:30px; }
.main-notice-wrap2 .main-notice .main-n-header .title { font-size:1rem;color:rgba(51, 51, 51, 1); }
.main-notice-wrap2 .main-notice .main-n-header .k-icon { font-size:1rem;color:rgba(51, 51, 51, 1);margin-top:8px;cursor:pointer; }
.main-notice-wrap2 .main-n-body .row { display:flex;justify-content:space-between;font-size:14px;padding-bottom:5px;cursor:pointer; }
.main-notice-wrap2 .main-n-body .row:last-child { padding-bottom:15px; }
.main-notice-wrap2 .main-n-body .row.nodata { cursor:default; }
.main-notice-wrap2 .main-n-body .title { width:68%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:10px; }

/******************* 로그인 및 개인정보 *******************/
.login-form { padding: 2rem; }
.login-form button { font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.02rem; font-size:1rem;}
.login-form input { font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.02rem; }
.sub-title { padding-bottom: 1rem; font-size: 1rem; font-weight:500; text-align: center; color:rgba(51, 51, 51, 1);}
.login-form .frm-input { padding-top: 0.5rem; text-align: center; color:rgba(51, 51, 51, 1);}
.login-form .frm-input input{ font-size:1rem;width: 260px; height: 2rem; text-align: center; border: 1px solid #e3e3e3;border-radius: 8px; }
.login-form .frm-input input:focus { outline:none;-webkit-appearance: none; }
.login-form .frm-input input::placeholder{ font-size:0.8rem; color: #aaaaaa;}
.login-form .frm-input-wrap { width:22rem; margin:0 auto; }
.login-form .frm-input2 { text-align: center; color:rgba(51, 51, 51, 1);display:inline-block;}
.login-form .frm-input2 input{ width:100%;font-size:0.8rem;height: 2rem; text-align: center; border: 1px solid #e3e3e3;border-radius: 8px;}
.login-form .frm-input2 input:focus { outline:none; }
.login-form .frm-input2 input::placeholder{ font-size:0.8rem;color: #aaaaaa;}
.login-form .input_desc { padding-top: 1rem; font-size: 0.8rem; letter-spacing: -0.02rem; color: #646464; text-align: center;}
.login-form .input_desc_change_pw { padding: 0rem 1rem 1rem; font-size: 0.8rem; letter-spacing: -0.02rem; color: #646464; text-align: center;}
.login-form .input_desc2 {display:flex;justify-content:center; }
.login-form .input-textarea { font-family:'Noto Sans KR', sans-serif;letter-spacing: -0.02rem;padding: 0.5rem; font-size: 0.85rem;color: #aaaaaa;border-radius: 8px;border: 1px solid #e3e3e3;width:100%; }
.login-form .row { line-height: 1.8rem;font-size: 0.85rem; letter-spacing: -0.02rem; color: #646464; text-align: center;}
.login-form .frm-btn { padding-top: 3rem; display: flex; justify-content: center;}
.login-form .frm-btn .btn:first-child { margin-right:0.6rem;}
.login-form .frm-btn .btn:last-child { margin-left:0.6rem;}
.login-form .frm-btn2 { padding-top: 0.7rem; display:flex;justify-content:space-between; }
.login-form .frm-btn3 { padding-top: 0.7rem; display:flex;justify-content:center; }
.login-form .btn { padding: 0.5rem 1rem 0.45rem 1rem; border-radius: 19px; border: 0; font-size: 0.9rem; letter-spacing: -0.02rem;}
.login-form .btn-01 { width: 180px !important;}
.login-form .btn-a { padding-left:1rem;padding-top:1rem;font-size:0.9rem; letter-spacing: 0.01rem; }
.login-form .btn-a a { text-decoration: none; border-bottom: 1px rgba(51, 51, 51, 1) solid;}
.login-form hr { width:90px; border: solid 0.5px silver; text-align: center; }
.login-form .k-i-close { padding-left:10px; color:silver; }
.login-form .chkbox { vertical-align:middle; }
.btn-a a { color:rgba(51, 51, 51, 1); }

.user-table { padding: 0.5rem 1rem 1.5rem 1rem;color:rgba(51, 51, 51, 1); }
.user-table table { width:100%;border-collapse: collapse; }
.user-table caption {display:none;}
.user-table th { padding:19px 0rem 0rem 0rem;font-size:1rem;letter-spacing: -0.02rem;text-align: left;vertical-align:top;font-weight:500; }
.user-table td { padding:0.7rem 0rem 0rem 0rem;font-size:1rem;letter-spacing: -0.02rem;}
.user-table .user_type { justify-content:flex-start; height:20px;padding-top: 0.5rem;}
.user-table .user_type.wb45 { height:45px; }
.user-table .user_type.wb80 { height:80px; }
.user-table .desc-text { font-size:0.7rem;padding:0.3rem 0.5rem 0.3rem 0.6rem; color: silver; }
.user-table .desc-text-blue { font-size:0.7rem;padding:0.3rem 0.5rem 0.3rem 0.6rem; color: blue; }
.user-table .desc-text2 { font-size:0.8rem;padding:0.3rem 0.5rem 0.3rem 0rem; color: silver; text-align: center; width:80%; margin:0 auto;}
.user-table input[type=text], .user-table input[type=password], .user-table input[type=tel], .user-table input[type=number] { font-size:0.8rem;height:2rem;text-align:left;border:1px solid #e3e3e3;border-radius:8px;width:100%;}
.user-table input:focus { outline:none; }
.user-table input[type=radio] { vertical-align:middle; }
.user-table .read-only { background-color: #F2F2F2; }
.user-table .user-info { font-size:1rem;text-align:left;border:1px solid #e3e3e3;border-radius:8px;background-color:#F2F2F2;padding:0.5rem 0rem 0.5rem 0.5rem;min-height:1.5rem;}
.user-table .input-btn-wr { display: flex;align-items: center;justify-content:center;padding:0;}
.user-table .input-btn-wr input { padding-left:0.5rem;font-size:1rem;border-top-right-radius: 0px;border-bottom-right-radius:0px;width:calc(100% - 80px); }
.user-table .input-btn-wr input:focus { outline:none; }
.user-table .input-btn-wr .btn { font-size:0.8rem;width:5.5rem;border:0;letter-spacing:-0.02rem;border-top-right-radius: 8px;border-bottom-right-radius:8px;padding-top:8px;padding-bottom:9px;}
.user-table .input-btn-wr2 { display: flex;align-items: center;justify-content:center;padding:0;}
.user-table .input-btn-wr2 .input-txt1 { padding-left:0.5rem;font-size:0.8rem;border-top-right-radius: 0px;border-bottom-right-radius:0px;width:calc(100% - 110px); }
.user-table .input-btn-wr2 .input-txt1:focus { outline:none; }
.user-table .input-btn-wr2 .input-txt2 { padding-left:0.5rem;font-size:0.8rem;border-top-right-radius: 0px;border-bottom-right-radius:0px;width:calc(100% - 150px); }
.user-table .input-btn-wr2 .input-txt2:focus { outline:none; }
.user-table .input-btn-wr2 .btn01 { font-size:0.8rem;width:3.5rem;border:0;letter-spacing:-0.02rem;padding-top:9px;padding-bottom:8px;}
.user-table .input-btn-wr2 .btn02 { font-size:0.8rem;width:4.5rem;border:0;letter-spacing:-0.02rem;border-top-right-radius: 8px;border-bottom-right-radius:8px;padding-top:9px;padding-bottom:8px;}
.user-table .input-btn-wr2 input:read-only { background-color:#F2F2F2; }
.user-table .input-btn-wr3 { display: flex; gap: 12px; }
.user-table .input-btn-wr3 .user-info { width:100%; }
.user-table .btn2 { font-size:0.8rem;width:100%;border:0;letter-spacing:-0.02rem;border-radius: 8px;padding-top:9px;padding-bottom:8px;}
.user-table .user-info2 { display:flex;}
.user-table .user-info2 input { padding-left:0.5rem;font-size:1rem;text-align:left;border: 1px solid #e3e3e3;border-radius:8px; }
.user-table .tel-bar { padding:11px 5px 0px 5px; }
.user-table .input-check { vertical-align:middle; }
.user-table .req-desc { color: silver;font-size: 0.7rem;text-align:center;}
.user-table .req-blank { padding-left:8px; }
.user-table .req-txt { color:#ff6358 !important;padding-right:3px;vertical-align:middle; }
.user-table .req-txt2 { color:#ff6358 !important;padding-right:3px;padding-left:3px;vertical-align:middle; }

.min-title { font-size:0.8rem;color: #646464;text-align:center;padding-top:0.5rem;padding-bottom: 1rem; }
.user-line {width:85%; border: solid 0.5px silver;}
.k-popup.k-list-container, .k-list-scroller { border-radius:8px; }

.list-form { padding: 2rem 0.5rem 1rem 0.5rem; }
.list-form .btn-group { padding-top: 2rem; padding-bottom: 0.5rem; display:flex; justify-content: flex-end; }
.list-form .btn-group .btn-group-right {  }
.list-form .btn-group .btn { font-size: 0.7rem; padding: 0.3rem 0.5rem 0.3rem 0.5rem; }
.list-form button { font-family: 'Noto Sans KR', sans-serif;letter-spacing: -0.02rem; font-size:1rem;}
.list-form button[disabled] { cursor : default; color:darkgrey; }
.list-form .btn { padding: 0.5rem 1rem 0.45rem 1rem; border-radius: 19px; border: 0; font-size: 0.9rem; letter-spacing: -0.02rem;}
.list-form .frm-btn { padding-top: 3rem; display: flex; justify-content: center;}
.list-form .grid-container { font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.02rem; font-size:0.6rem;}
.list-form .desc-text { color:silver;font-size:0.65rem; text-align:center;text-align:center;padding-top: 2px; }
.list-form .sub-title span { border-bottom:1px solid silver; }

.div-icon-search {display: inline-block;background-color:#31c1cb;margin-left:5px;padding:4px 5px 2px 5px;border-radius:5px; }