@charset "UTF-8";


/*------------------------------------------------- LAYOUT -------------------------*/
.container{width:100%; padding-top:80px; padding-bottom:120px;}
.inner{max-width:1488px; margin:0 auto; padding-left:24px; padding-right:24px;}

.main-tit{font-family:'sCoreDream'; font-size:49px; font-weight:200; line-height:1.44; letter-spacing:-0.06em; color:#fff;}
.main-tit b{font-family:inherit; color:inherit;}
.sub-tit{font-family:'nanumNeo'; font-size:41px; font-weight:900; text-align:center; margin-bottom:60px;}

.sub-tabmenu{text-align:center; margin-bottom:76px;}
.sub-tabmenu ul{display:inline-flex; width:100%; max-width:450px; border-radius:26px; background:#fff5ef; overflow:hidden;}
.sub-tabmenu ul li{width:calc(100%/2);}
.sub-tabmenu ul li a{height:52px; line-height:52px; font-size:16px; color:#fe4529; border-radius:26px;}
.sub-tabmenu ul li.on a{background:#fe4529; color:#fff;}



/*------------------------------------------------- HEADER -------------------------*/
header{height:75px; border-bottom:1px solid rgba(229,229,229,0.45);}
header .inner,
header .hd-wrap,
header .hd-wrap ul{display:flex; align-items:center; }
header .inner{justify-content:space-between; height:100%; }

header h1{height:54px;}
header h1 > a{display:inline-flex; align-items:center; height:100%;}
header h1 > a > img{max-height:100%;}

.hd-gnb > li{margin-right:52px;}
.hd-gnb > li:last-child{margin-right:52px;}
.hd-gnb > li.current > a{color:#fe4529;}
.hd-gnb > li > a{font-size:16px; font-weight:600;}

.hd-util > li{position:relative; margin-left:10px;}
.hd-util > li > a{width:32px; height:32px; border-radius:50%;}
.hd-util > li:first-child > a{background:#fe4529;}
.hd-util > li > a + span{position:absolute; bottom:-18px; left:50%; transform:translateX(-50%); width:max-content; font-size:12.5px; color:#857f7e;}


/*---- 모바일메뉴 ----*/
.m-menu{visibility:hidden; position:fixed; display:flex; flex-direction:column; justify-content:space-between; z-index:9; right:-100%; top:0; width:100%; height:100%; background:#232325; padding:30px; transition:.2s;}
.m-menu.show{visibility:visible; right:0;}
.m-menu > h1{height:24px;}
.m-menu > h1 > a > img{width:130px;}

.m-menu__gnb{position:absolute; top:39%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.m-menu__gnb > li:not(:last-child){margin-bottom:50px}
.m-menu__gnb > li > a{position:relative; display:inline-block; font-size:24px; color:#afb1b7; font-weight:300; transition:.2s;}
.m-menu__gnb > li > a:hover{color:#f3f7fb; transition:.1s;}

.m-menu__util{display:flex; justify-content:center;}
.m-menu__util > li > a{color:#8c8d93;}
.m-menu__util > li:not(:last-child){display:inline-flex; align-items:center;}
.m-menu__util > li:not(:last-child)::after{content:""; width:1px; height:10px; background:#8c8d93; margin:0 14px;}

.m-menu__btn{display:none; position:relative; width:18px; height:18px; z-index:99;}
.m-menu__btn span{position:absolute; right:0; width:18px; height:2px; background:#313d44; transition:all 0.21s cubic-bezier(0.6, 0, 0.3, 2);}
.m-menu__btn span.top{width:15px; top:calc(50% - 6px);}
.m-menu__btn span.mid{width:18px; top:50%;}
.m-menu__btn span.btm{width:11px; top:calc(50% + 6px);}

    /* active */
    .m-menu__btn.active{top:14px;}
    .m-menu__btn.active span{background:#f3f7fb;}
    .m-menu__btn.active span.top{width:18px; top:calc(50% - 1px); transform:rotate(45deg);}
    .m-menu__btn.active span.mid{opacity:0;}
    .m-menu__btn.active span.btm{width:18px; top:calc(50% - 1px); transform:rotate(-45deg);}


/*---- UTIL ----*/
.hd-util button,
.hd-util a{display:flex; flex-direction:column; align-items:center; justify-content:center; width:100%; background-color:#f2f2f2; border-radius:8px; font-weight:600;}
.hd-util button{margin-bottom:8px; padding:6px 0; font-size:11px; color:#555;}
.hd-util button > i{margin-bottom:4px;}
.hd-util a{font-size:13px; padding:10px 0;}
.hd-util a > svg{margin-top:8px;}



/*------------------------------------------------- FOOTER -------------------------*/
footer{background:#222427; padding:26px 0 38px;}
footer .inner{display:flex;}
footer ul{margin-left:67px;}
footer ul *{font-weight:400; color:#b1b4b8;}
footer ul li{margin-bottom:12px;}
footer ul li:last-child{margin-top:26px; margin-bottom:0; font-size:12px;}
footer ul li dl{display:flex; flex-wrap:wrap;}
footer ul li dl dt{margin-right:8px;}
footer ul li dl dd{display:inline-flex; align-items:center;}
footer ul li dl dd:not(:last-child)::after{content:""; background:#b1b4b8; width:1px; height:10px; margin:0 10px;}



/*------------------------------------------------- SERACH -------------------------*/
/*-- 공통 --*/
.search input,
.search select,
.search button,
.search p{border-radius:3px; height:38px; background-color:#fff;}
.search select:disabled{background-color:#eeeff0;}
.search p{line-height:36px;}


/*-- 컨텐츠 --*/
.search{padding:34px 44px; background-color:#f8f8f8; border:1px solid #f1f2f3; border-radius:10px; margin-bottom:64px;}
.search > ul{display:flex; flex-wrap:wrap; justify-content:center;}
.search > ul > li{width:316px; margin:9px 1.2%;}

.search > ul > li > h3{color:#51575d; font-weight:600; margin-bottom:8px;}
.search > ul > li > button{width:calc(100% / 2);}
.search > ul > li > button:not(:last-child){margin-right:12px;}

.search .calendar input{width:calc(100% / 2 - 15px); margin:0;}
.search .calendar .input-dash{width:30px; margin:0; text-align:center;}

.search__btn{display:flex; align-items:flex-end;}
.search__btn .btn-reset{border:1px solid #51575d;}
.search__btn .btn-search{background:#51575d; color:#fff;}


/* 컨텐츠 -- 접수목록 */
.search--receipt > ul{flex-wrap:initial;}



/*------------------------------------------------- LOGIN -------------------------*/
#login::-webkit-scrollbar{background:#222427;}
#login::-webkit-scrollbar-thumb{background:#2d2d30;}

.login{display:flex; align-items:center; min-height:100vh; background:url(../images/banner_login.svg) no-repeat 18% 50% / cover; padding:70px 0;}
.login input:-webkit-autofill,
.login input:-internal-autofill-selected{
    -webkit-box-shadow:0 0 0 30px #2f3037 inset;
    -webkit-text-fill-color:#e5e8eb;
}
.login .inner{width:100%;}
.login-logo{position:absolute; top:0; padding:26px 0;}

.login-wrap{display:flex; align-items:flex-end; justify-content:flex-end;}
.login-wrap .main-tit{margin-bottom:15px; text-align:right;}

.login-box{display:flex; align-items:center; justify-content:center; width:100%; max-width:484px; height:580px; background-color:rgba(158,159,163, 0.2); margin-left:7%; border-radius:30px;}
.login-box *{color:#e5e8eb;}
.login-box h3{font-family:'nanumNeo'; font-size:41px; color:#ebeff3; margin-bottom:50px; text-align:center;}
.login-box ul li:not(:last-child){margin-bottom:10px;}
.login-box ul li input{width:340px; height:48px; border:1px solid #e5e8eb; background:none;}
.login-box ul li input::placeholder{color:#e5e8eb; font-weight:300;}
.login-box > div > div{display:flex; align-items:center; justify-content:space-between; margin-top:16px;}
.login-box > div > div > a{font-size:13px; border-bottom:1px solid #e5e8eb; padding-bottom:3px;}
.login-box button{width:100%; height:50px; border-radius:25px; background:#fe4529; color:#fff; font-size:15px; margin-top:50px;}

.login-tabmenu{display:flex; height:48px; background:rgba(229, 232, 235, 0.21); border-radius:24px; margin-bottom:28px; overflow:hidden;}
.login-tabmenu li{width:50%; margin-bottom:0 !important; text-align:center;}
.login-tabmenu li.current{width:calc(50% + 20px); background:#fe4529; border-radius:inherit;}
.login-tabmenu li a{height:100%; line-height:48px;}

.login-find button{margin-top:40px;}
.login-find__result *{text-align:center;}
.login-find__result h3{margin-bottom:22px;}
.login-find__result p{font-weight:300; margin-bottom:50px;}



/*------------------------------------------------- MAIN -------------------------*/
/*-- 공통 --*/
.main-header{position:absolute; top:0; width:100%;}
.main-header .m-menu__btn span{background:#e2e5e8;}

.main{padding-top:75px; height:100vh;}
.main > .inner{display:flex; flex-wrap:wrap; height:calc(100vh - 75px); overflow:hidden;}
.main > .inner > div{height:100%; overflow-y:auto;}
.main > .inner > div::-webkit-scrollbar{width:0;}
.main > .inner > div::before{content:""; position:absolute; top:0; z-index:-1; height:100%;}

.main-box{border-radius:20px; box-shadow:0 0 27px 0 rgba(225, 228, 230, 0.69);}


/*-- 컨텐츠 --*/
.main-left::before{left:0; width:46.5%; background:url(../images/banner_main.svg) no-repeat 50% / cover;}
.main-right::before{right:0; width:100%; background:#fff;}

.main-left{width:46.5%; padding:13% 36px 13% 0;}
.main-left ul{display:flex; margin-top:84px;}
.main-left ul li{width:calc(100%/3); backdrop-filter:blur(5px); background-color:rgba(255,255,255,0.12); border-radius:20px; padding:30px; text-align:center;}
.main-left ul li *{color:#fff;}
.main-left ul li:not(:last-child){margin-right:20px;}
.main-left ul li h4{font-family:'nanumNeo'; font-size:17px;}
.main-left ul li img{margin:38px 0 26px;}
.main-left ul li p{font-size:17px; font-weight:400;}
.main-left ul li p b{font-family:'saria'; font-size:38px; font-weight:700; line-height:1; margin-right:2px;}

.main-right{width:53.5%; transform:translateX(27px); padding:66px 27px 66px 31px;}
.main-right .tbl-util h3{font-size:17px; font-weight:700;}

.main-right__receipt ul{position:relative; padding:13px 40px; height:320px; overflow:hidden;}
.main-right__receipt ul li{display:flex; align-items:center; padding:12px 0;}
.main-right__receipt ul li:not(:last-child){border-bottom:1px dashed #dedede;}
.main-right__receipt ul li span{display:inline-block; width:50px; height:28px; line-height:28px; border-radius:7px; text-align:center; font-size:13px; font-weight:400; color:#fff; letter-spacing:-0.03rem;}
.main-right__receipt ul li span.c-red + a{color:#fe4529;}
.main-right__receipt ul li span.c-gray07 + a{color:#b0b0b1; font-weight:400;}
.main-right__receipt ul li span.c-gray07 + a + p{color:#b0b0b1;}
.main-right__receipt ul li a{width:calc(100% - 80px); font-size:16px; padding:0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-right__receipt ul li a > b{font-size:14px;}
.main-right__receipt ul li p{width:30px; display:inline-flex; align-items:center; flex-direction:column; font-family:'saria'; font-size:12px; color:#51575d; line-height:1;}
.main-right__receipt ul li p b{font-family:inherit; font-size:21px; font-weight:700; color:inherit; margin-bottom:1px;}
.main-right__receipt .receipt-none{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#898989; font-weight:400;}

.main-right__notice{margin-top:50px;}
.main-right__notice ul{display:flex; height:270px;}
.main-right__notice ul li{width:calc(100% / 2 - 8px); padding:52px 40px 36px;}
.main-right__notice ul li:not(:last-child){margin-right:16px;}
.main-right__notice ul li a{display:flex; flex-direction:column; justify-content:space-between; height:100%;}
.main-right__notice ul li a h2{font-size:19px; font-weight:700; margin-bottom:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main-right__notice ul li a p{font-size:15px; color:#575757; line-height:1.67; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.main-right__notice ul li a span{font-size:13px; color:#575757;}



/*------------------------------------------------- 댓글 -------------------------*/
/*-- 입력 --*/
.comment-input{position:relative;}
.comment-input textarea{height:130px; border-radius:10px; border:1px solid #e7e7e8; padding:14px 22px;}
.comment-input button{position:absolute; right:10px; bottom:10px; min-width:initial; width:58px; height:31px; border-radius:8px; font-size:13px;}


/*-- 댓글 --*/
.comment ul{margin-top:30px; border-top:1px solid #ced2d6;}
.comment ul li{border-bottom:1px solid #ced2d6;}

.comment-none{text-align:center; color:#959a9f; font-weight:400; padding:40px 0;}
.comment-list{padding:18px 0 24px;}
.comment-list p{word-wrap:break-word;}

.comment-util{display:flex; align-items:center; justify-content:space-between; margin-bottom:16px;}

.comment-util__info{display:flex; align-items:center;}
.comment-util__info h3{display:flex; align-items:center; font-weight:700;}
.comment-util__info h3::after{content:""; width:1px; height:11px; background:#888b8e; margin:0 14px;}
.comment-util__info span{font-size:13px; font-weight:400; color:#888b8e;}

.comment-util__btn{display:flex; margin-right:14px;}
.comment-util__btn button{min-width:initial; width:44px; height:24px; border-radius:2px; font-size:12px; padding:0;}
.comment-util__btn button:not(:last-child){margin-right:6px;}

.comment-anwer{background:#f8f8f8; padding:26px 40px 30px; border-top:1px solid #ced2d6;}
.comment-anwer .comment-util__info h3::before{content:""; width:8px; height:8px; background:url(../images/cmn/ico_comment.svg) no-repeat; margin-right:8px; margin-top:-5px;}
.comment-anwer .comment-input textarea{height:100px;}
.comment-anwer p,
.comment-anwer .comment-input{margin-left:16px;}

.comment-anwer .comment-util__btn{margin-right:-26px;}



/*------------------------------------------------- 접수목록 -------------------------*/
.receipt-list.tbl-list table tbody td{overflow-wrap:initial;}



/*------------------------------------------------- ERROR -------------------------*/
.error-page{display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:calc(100% - 75px - 148px); background:no-repeat 50% / cover; text-align:center; padding:30px 0;}
.error-page h3{font-size:26px; margin:52px 0 50px;}
.error-page p{font-size:15px; font-weight:400; line-height:1.7; color:#7D7D7D;}

.error-page__404{background-image:url(../images/error_404_bg.svg);}
.error-page__505{background-image:url(../images/error_505_bg.svg);}



/*------------------------------------------------- 비밀번호 확인 -------------------------*/
.check-pw{height:100%; max-width:570px; max-height:400px; min-height:auto !important; margin:57px auto; background:#FBFCFC; border:1px solid #EDEEF0; border-radius:26px;}
.check-pw h3{margin:20px 0 30px !important;}
.check-pw img{width:initial !important;}
.check-pw .input-btn{max-width:270px; margin-top:38px;}
.check-pw .input-btn input{max-width:270px;}
.check-pw .input-btn input + button{min-width:60px;}



/*------------------------------------------------- 주문서관리 -------------------------*/
.tbl-order.tbl-list table thead tr th{height:40px;}
.tbl-order.tbl-list table thead tr th:not(:last-child){border-right:1px dashed #e3e6e9;}
.tbl-order.tbl-list table tbody tr td:not(:last-child),
.tbl-order.tbl-list table tfoot tr td:not(:last-child){border-right:1px dashed #e8ebee;}
.tbl-order.tbl-list table tfoot tr th,
.tbl-order.tbl-list table tfoot tr td{border-bottom:1px dashed #e3e6e9;}
.tbl-order.tbl-list table tfoot tr:last-child th,
.tbl-order.tbl-list table tfoot tr:last-child td{border-bottom-style:solid;}
.tbl-order.tbl-list table tbody tr td button{min-width:56px; height:30px; font-size:13px;}
.tbl-order.tbl-list table tfoot tr th{text-align:center; background:#f8f9f9;}
.tbl-order.tbl-list table tfoot tr td{height:40px; font-weight:600;}



/*------------------------------------------------- 주문서관리 -------------------------*/
.type-wrap > div{display:flex;}
.type-wrap > div:not(:last-child){margin-bottom:6px;}
.type-wrap > div > button{min-width:60px; border-radius:3px;}
.type-wrap > div > input + button{margin-right:0 !important;}



/*------------------------------------------------- 반응형 -------------------------*/
/*-- MAIN --*/
@media screen and (max-width:1419px){
    .main{height:auto; padding-top:0;}
    .main > .inner{height:auto; padding:0;}
    .main > .inner > div{width:100%; height:auto; padding-left:24px; padding-right:24px; overflow-y:initial;}

    .main-left{background:url(../images/banner_main.svg) no-repeat 50% / cover; padding-top:150px; padding-bottom:80px;}
    .main-left::before{content:none !important;}
    .main-left ul{margin-top:60px;}

    .main-right{transform:initial;}
    .main-right::before{position:initial !important;}

    .main-header .hd-gnb > li > a{color:#fff; font-weight:400;}

    .hd-util > li > a + span{color:#fff; font-weight:300;}
}

/*-- LOGIN --*/
@media screen and (max-width:1239px){
    .login-wrap{justify-content:center;}
    .login-wrap .main-tit{display:none;}
    
    .login-box{backdrop-filter:blur(4px); margin:0;}
}

/*-- TABLET --*/
@media screen and (max-width:1023px){
    /* header */
    header{height:65px;}
    header h1{height:48px;}
    header h1 > a > img,
    footer h1 > img,
+    .login-logo img{max-width:120px;}
    header .hd-wrap{display:none;}
    .m-menu > h1 > img{width:120px;}
    .m-menu__btn{display:block;}

    /* footer*/
    footer ul *{font-size:13px;}
    footer ul{margin-top:2px; margin-left:44px;}
    footer ul li{margin-bottom:8px;}
    footer ul li:last-child{margin-top:20px;}

    /* layout */
    .container{padding-top:70px; padding-bottom:90px;}

    .sub-tit{font-size:33px; margin-bottom:44px;}
    .sub-tabmenu ul{max-width:460px;}
    .sub-tabmenu ul li a{font-size:14px; height:44px; line-height:44px;}

    /* input */
    input[type="text"],
    input[type="password"],
    input[type="file"],
    input[type="search"],
    input + button,
    select,
    .search p{height:34px; padding:0 10px;}

    /* button */
    .btn{min-width:62px; font-size:14px;}
    .btn-group{margin-top:40px;}
    .btn-group button{width:105px; height:38px;}

    /* colgroup */
    .col-view{width:16%;}

    /* board */
    table th{font-size:13px;}
    .tbl-tit{font-size:14px;}

    .tbl-util select,
    .tbl-util input[type="search"],
    .tbl-util input[type="search"] + button{font-size:13px; height:34px;}

    .tbl-util select{min-width:94px;}
    .tbl-util input[type="search"]{width:250px;}
    .tbl-util input[type="search"] + button{min-width:60px;}

    .tbl-util__count{font-size:13px;}

    .tbl-list table thead th{height:40px;}
    .tbl-list table tbody td{height:48px;}

    .tbl-view{margin-bottom:40px;}
    .tbl-view table td button{height:34px;}

    .pagination a{width:28px; height:28px; line-height:27px; font-size:13px;}
    .pagi-wrap button{top:-6px; height:34px;}

    /* 접수목록 */
    .search{padding-top:28px; padding-bottom:28px;}
    .search > ul > li{margin-top:7px; margin-bottom:7px;}
    
    .receipt-list table colgroup col:nth-child(2),
    .receipt-list table thead tr th:nth-child(2),
    .receipt-list table tbody tr td:nth-child(2),
    .receipt-list table colgroup col:nth-child(4),
    .receipt-list table thead tr th:nth-child(4),
    .receipt-list table tbody tr td:nth-child(4),
    .receipt-list table colgroup col:nth-child(5),
    .receipt-list table thead tr th:nth-child(5),
    .receipt-list table tbody tr td:nth-child(5),
    .receipt-list--cust table colgroup col:nth-child(2),
    .receipt-list--cust table thead tr th:nth-child(2),
    .receipt-list--cust table tbody tr td:nth-child(2){display:none;}

    /* 공지사항 */
    .col-view__title{width:47%;}

    /* 사용자관리 - 회원관리*/
    .member-list table colgroup col:nth-child(6),
    .member-list table thead tr th:nth-child(6),
    .member-list table tbody tr td:nth-child(6){display:none;}

    /* 사용자관리 - 회원관리 */
    .member-view table td{padding-left:15px; padding-right:15px;}

    /* 사용자관리 - 고객사관리 */
    .user-list table colgroup col:nth-child(2),
    .user-list table colgroup col:nth-child(4),
    .user-list table thead tr th:nth-child(2),
    .user-list table thead tr th:nth-child(4),
    .user-list table tbody tr td:nth-child(2),
    .user-list table tbody tr td:nth-child(4){display:none;}

    /* 로그인 */
    .login-box{max-width:430px; height:500px;}
    .login-box h3{font-size:38px; margin-bottom:34px;}
    .login-box ul li input{width:300px; height:42px;}
    .login-box button{margin-top:40px;}

    .login-tabmenu{height:42px; margin-bottom:22px;}
    .login-tabmenu li a{line-height:42px;}

    /* 메인 */
    .main-tit{font-size:45px;}

    /* 댓글 */
    .comment-anwer{padding-left:25px;}

    /* error */
    .error-page{min-height:calc(100% - 65px - 138px);}
}



/*-- TABLET & MOBILE --*/
@media screen and (max-width:767px){
    /* layout */
    .inner{padding-left:16px; padding-right:16px;}
    .sub-tabmenu{margin-bottom:46px;}

    /* 게시판*/
    table .tbl-bullet{margin:-16px 3px 0 -5px;}

    .tbl-view table{display:flex;}
    .tbl-view table tbody{width:100%;}
    .tbl-view table tbody tr{display:flex; flex-wrap:wrap; width:100%;}
    .tbl-view table th,
    .tbl-view table td{height:auto; min-height:50px; display:inline-flex; align-items:center; border-bottom:1px solid #e8ebee !important;}
    .tbl-view table th{width:120px; padding-left:20px;}
    .tbl-view table td{width:calc(100% - 120px);}
    .tbl-view table tr:last-child th:last-of-type,
    .tbl-view table tr:last-child td:last-of-type{border-bottom:none !important;}
    .tbl-view table td button{font-size:12px;}

    /* 접수목록 */
    .search > ul > li.search__btn{margin-top:20px;}
    
    /* 공지사항 */
    .notice-list table{width:100%;}
    .notice-list table colgroup col:nth-child(n+3),
    .notice-list table thead tr th:nth-child(n+3),
    .notice-list table tbody tr td:nth-child(n+3){display:none;}
    .notice-list table thead tr th:nth-child(2){border-radius:0 10px 10px 0;}
    .notice-list .tbl-link.txt-left{padding-left:10px; padding-right:10px;}

    /* 입력박스 */
    .edit-row th,
    .edit-row td{height:auto !important;}

    .edit-box{min-height:180px !important;}

    /* 메인 */
    .main > .inner > div{padding-left:16px; padding-right:16px;}
    .main-tit{font-size:36px;}
    .main-left ul li{padding:30px 20px;}
    .main-left ul li:not(:last-child){margin-right:12px;}
    .main-left ul li h4{font-size:15px;}
    .main-left ul li img{width:44px; margin:20px 0 14px;}
    .main-left ul li p{font-size:16px;}
    .main-left ul li p b{font-size:30px;}

    .main-right{padding-top:48px; padding-bottom:48px;}
    .main-right .tbl-util h3{font-size:16px;}
    .main-right__receipt ul{height:auto; padding:6px 30px;}
    .main-right__receipt ul li span{width:48px; font-size:12px;}
    .main-right__receipt ul li a{font-size:15.5px;}
    .main-right__receipt ul li p b{font-size:19px; margin-bottom:3px;}

    .main-right__notice{margin-top:40px;}
    .main-right__notice ul li{padding:42px 36px 36px;}
    .main-right__notice ul li a h2{font-size:18px;}

    /* error */
    .error-page img{width:155px;}
    .error-page h3{font-size:22px;}
}

@media screen and (max-width:660px){
    footer h1{display:none;}
    footer ul{margin-left:0;}
}

/*-- MOBILE --*/
@media screen and (max-width:599px){
    *{font-size:13px;}

    /* button */
    .btn{min-width:53px;}
    .btn:not(:last-child){margin-right:6px;}
    .btn-group{margin-top:30px}
    .btn-group button{width:auto; min-width:77px; height:36px; padding-left:10px; padding-right:10px;}

    /* header */
    header{height:55px;}
    header h1{height:41px;}
    header h1 > a > img,
    footer h1 > img,
    .login-logo img{max-width:105px;}

    /* footer */
    footer .inner{flex-direction:column;}
    footer ul li{margin-bottom:12px;}
    footer ul li dl dt,
    footer ul li dl dd{margin-bottom:3px;}
    footer ul li dl dt{width:30px;}
    footer ul li dl dd{width:calc(100% - 38px);}
    footer ul li dl dd:not(:last-child)::after{content:none;}

    /* layout */
    .container{padding-top:50px; padding-bottom:70px;}
    .sub-tit{font-size:27px; margin-bottom:34px;}

    /* board */
    .pagination{margin-top:20px;}
    .pagination a{width:24px; height:24px; line-height:23px;}
    .pagination a.pagi__prev{margin-right:4px;}
    .pagination a.pagi__next{margin-left:4px;}
    .pagi-wrap button{height:29px; font-size:13px; top:-2px;}
    
    .tbl-util{margin-bottom:10px;}
    .tbl-util select{display:none;}
    .tbl-util select, .tbl-util input[type="search"],
    .tbl-util input[type="search"] + button{height:30px;}
    .tbl-util input[type="search"]{width:200px;}
    .tbl-util input[type="search"] + button{min-width:53px;}

    .tbl-util > button{height:28px; font-size:13px; padding:0 8px;}

    .tbl-list table thead th{font-size:12.5px; height:36px;}
    .tbl-list table tbody td{height:42px;}

    .tbl-view{margin-bottom:30px;}
    .tbl-view table th,
    .tbl-view table td{padding-left:14px; padding-right:14px;}

    /* 접수목록 */
    .search{padding:24px 20px;}
    .search--receipt > ul{flex-wrap:wrap;}

    /* 댓글 */
    .comment > ul > li > div{position:relative; padding-bottom:56px;}
    .comment-none{padding:30px 0;}
    .comment-list{padding:12px 0;}
    .comment-util{margin-bottom:10px;}
    .comment-util__btn{position:absolute; bottom:12px; margin-right:0;}
    .comment-util__info h3::after{margin:0 10px;}
    .comment-anwer{padding:20px 16px;}
    .comment-input textarea{padding:12px 16px;}

    /* 로그인*/
    .login{padding-bottom:50px;}
    .login-box{max-width:360px; height:460px;}
    .login-box h3{font-size:30px; margin-bottom:30px;}
    .login-box button{height:46px; margin-top:26px; font-size:14px;}
    .login-box ul li input{width:270px;}

    /* 메인 */
    .main-tit{font-size:32px; letter-spacing:-2.5px; text-align:center;}
    .main-left{padding-top:110px; padding-bottom:50px;}
    .main-left ul{flex-direction:column; margin:34px auto 0; max-width:300px;}
    .main-left ul li{width:100%; padding:20px;}
    .main-left ul li:not(:last-child){margin-right:0; margin-bottom:12px;}

    .main-right__receipt ul{padding:4px 16px;}
    .main-right__receipt ul li a{font-size:14.5px; padding:0 10px;}
    .main-right__receipt ul li span{width:45px; font-size:11.5px;}
    .main-right__receipt ul li p{font-size:11.5px;}
    .main-right__receipt ul li p b{font-size:16px;}

    .main-right__notice ul{flex-direction:column; height:auto;}
    .main-right__notice ul li{width:100%;}
    .main-right__notice ul li:not(:last-child){margin-right:0; margin-bottom:15px;}
    .main-right__notice ul li a h2{font-size:16px;}
    .main-right__notice ul li a p{font-size:14px;}
    .main-right__notice ul li a span{margin-top:40px;}

    /* error */
    .error-page{min-height:calc(100% - 55px - 181px);}
    .error-page img{width:130px;}
    .error-page h3{margin:44px 0 35px;}
    .error-page p{letter-spacing:-0.8px;}

    /* 비밀번호 확인 */
    .check-pw{margin:30px auto;}
}


/*-- MOBILE 02 --*/
@media screen and (max-width:419px){
    .tbl-view table th{width:100px;}
    .tbl-view table td{width:calc(100% - 100px);}

    .main-tit{font-size:28px; letter-spacing:-3px;}
}