@import url('sub.css');

.intranet_page .header{display: none !important;}
.intranet_page .footer{display: none !important;}
.intranet_page #visual{display: none !important;}

.page_num{padding: 20px 0 0;}

/* 로그인 */
.login_cont{width:100%; height:100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background:var(--white);}
.login_box{max-width:510px; text-align:center;}
.login_box .logo{margin:  0 auto 25px;}
.login_box .logo a{display: inline-block;}
.login_box .logo img{width: 160px; height: auto;}
.login_box h3{color:var(--black);}
.login_box h4{padding-top: 6px;}
.login_box .login-input{padding-top: 30px; width: 100%;}
.login_box .login-input dd{padding-bottom: 10px;}
.login_box .login-input dd input{width: 100%; height: 75px; line-height: 73px; box-sizing:border-box; padding: 0 25px; font-size:1rem; color:var(--basic); letter-spacing: var(--letter-spacing-input); border: 1px solid var(--border);}
.login_box .login-input dd input:placeholder{color:var(--light);}
.login_box .login-input dt .submit_btn{display: block; cursor: pointer; width: 100%; height: 75px; line-height: 73px; box-sizing:border-box; padding: 0; font-weight: 600; font-size:1rem; color:var(--white); letter-spacing: var(--letter-spacing-input); border:1px solid var(--main); background:var(--main); transition: all .3s ease;}
.login_box .login-input dt .submit_btn:hover{background:var(--black); border-color:var(--black);}
.login_box .copyright{padding-top: 30px;}


/* 인트라넷 */
body{background:var(--grayBg);}
.intranet_head{position: relative; z-index: 999; width: 100%; height: 80px; background:var(--white); box-shadow:var(--shadow); display: flex;
    flex-direction: column; justify-content: center;}
.intranet_head_in{padding: 0 30px; box-sizing:border-box; display: flex; align-items:center; justify-content: space-between;}
.intranet_head_in > div{display: flex; align-items:center; gap:20px;}
.intranet_head_in .logo{position: relative; z-index: 5; line-height: 1;}
.intranet_head_in .logo a{display: inline-block; vertical-align: top; line-height: 1;}
.intranet_head_in .logo a svg{width: auto; height: 52px; display: inline-block; vertical-align: top;}

.intranet_title{}
.intranet_title strong{display: inline-block; font-weight: 600; color:var(--black); font-size:1.111rem;}

.my_head{display: flex; gap:30px; align-items:center;}
.my_head_name{}
.my_head_name p strong{display: inline-block; color:var(--black); font-weight: 600;}
.my_head_util{display: flex; gap:30px; align-items:center;}
.my_head_util dl{line-height: 120%;}
.my_head_util dl dd{line-height: 120%;}
.my_head_util dl dd a{display: block; font-size:0.889rem; font-weight: 600; color:var(--black); letter-spacing: var(--letter-spacing-default); line-height: 150%; transition:all .3s ease;}
.my_head_util dl dd a:hover{color:var(--main);}
.my_head_util dl dd a svg{display: inline-block; vertical-align: middle; margin: -4px 6px 0 0; width: 20px; height: auto;}
.my_head_util dl dd a path{fill:var(--black); transition:all .3s ease;}
.my_head_util dl dd a:hover path{fill:var(--main);}
.my_head_util ul{display: flex; align-items:center; gap:20px;}
.my_head_util ul li{}
.my_head_util ul li.menu_btn{display: none;}
.my_head_util ul li a{display: block; width: 130px; height: 45px; line-height: 43px; border: 1px solid var(--border, rgba(16, 16, 16, 0.15)); background: var(--white); box-shadow: -1px -1px 0 0 rgba(0, 0, 0, 0.25) inset; box-sizing:border-box; text-align:center; font-size:0.889rem; font-weight: 600; color:var(--light); letter-spacing: var(--letter-spacing-default); transition:all .3s ease;}
.my_head_util ul li a:hover{background:var(--grayBg);}
.my_head_util ul li.logout_btn a::before{content:'\e9ba'; display: inline-block; vertical-align: middle; margin: -4px 6px 0 0; width: 20px; height: 20px; font-size:20px; line-height: 20px; font-family:var(--icon); font-weight: 400;}

.my_head_util ul li.menu_btn .menuBtn{display: block; width: 45px; height: 45px; border:0; background:none; padding:0; cursor:pointer; position: relative;} 
.my_head_util ul li.menu_btn .menuBtn::after{content:'\e5d2'; display: block; width: 100%; height: 100%; line-height: 45px; font-size:34px; font-weight: 300; color:var(--black); position: absolute; left:0; top:0; font-family: var(--icon);}


.intranet_container{display: flex; width: 100%; min-height:calc(100vh - 80px); height: 100%;}
.intranet_container .intranet_gnb{width: 120px; padding: 20px 15px; box-sizing:border-box; background:var(--white);}
.intranet_gnb{}
.intranet_gnb ul{display: flex; flex-direction: column; gap:5px;}
.intranet_gnb ul li{}
.intranet_gnb ul li a{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 90px; border-radius:var(--borderR5); aspect-ratio:1/1; background:var(--white); box-sizing:border-box; border:1px solid var(--border); transition:all .3s ease; font-size:0.778rem; font-weight: 600; letter-spacing: var(--letter-spacing-caption); color:var(--light);}
.intranet_gnb ul li a::before{display: block; margin: 0 auto 8px; font-family: var(--icon); color:inherit; font-size:30px; font-weight: 200;}
.intranet_gnb ul li.icon1 a::before{content:'\f88c';}
.intranet_gnb ul li.icon2 a::before{content:'\f243';}
.intranet_gnb ul li a:hover{color:var(--main); border-color:var(--main);}
.intranet_gnb ul li.on a{color:var(--white) !important; background:var(--main) !important; border-color:var(--main) !important;}
.intranet_cont{width: calc(100% - 120px); padding: 20px 30px; box-sizing:border-box;}
.intranet_cont .intranet_in{background:var(--white); box-sizing:border-box; padding: 30px;}
.intranet_cont .copy{margin-top: 30px; display: flex; align-items:center; justify-content: space-between; flex-wrap:wrap; gap:10px 30px;}

.intranet_menu{opacity:0; visibility:hidden; transition:all 0.4s ease; position: fixed; right:0; top:0; z-index: 9999; width: 100%; height: 100%; }
.intranet_menu .intranet_menu_bg{position: absolute; left: 0; top:0; width: 100%; height: 100%; background:rgba(0,0,0,.5);}
.intranet_menu.fold_on {opacity:1; visibility:visible; transition:all 0.4s ease;}
.intranet_menu_in{width:100%; max-width:360px; height: 100%; background:var(--white); position: relative; box-sizing:border-box; padding:50px 20px; margin-left: auto; overflow-y: auto; transform: translateX(100%); transition: all 0.8s ease; z-index: 5;}
.intranet_menu.fold_on .intranet_menu_in{transform:translateX(0%); transition:all 0.8s ease;}

.intranet_menu_in .menu_close{display: block; width: 45px; height: 45px; border:0; background:none; padding:0; cursor:pointer; position: absolute; left: 0; top:0;}
.intranet_menu_in .menu_close::after{content:'\e5cd'; display: block; width: 100%; height: 100%; line-height: 45px; font-size:34px; font-weight: 300; color:var(--black); position: absolute; left:10px; top:10px; font-family: var(--icon);}
.intranet_menu_in .logo{text-align:center;}
.intranet_menu_in .logo a{display: inline-block; margin: 0 auto;}
.intranet_menu_in .logo a svg{width: auto; height: 62px;}
.intranet_menu_in .intranet_title{display: block; text-align:center; padding-top: 10px;}
.intranet_menu_in .my_head_name{display: block; padding-top: 10px; text-align:center;}
.intranet_menu_in .intranet_gnb{display: block; padding-top: 30px; margin: 0 auto; max-width:200px;}
.intranet_menu_in .intranet_gnb ul{flex-direction: row;}
.intranet_menu_in .intranet_gnb ul li{flex:1;}
.intranet_menu_in .intranet_gnb ul li a{width: 100%;}


/* 공통 */
.bbs-title{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px 20px; padding-bottom:24px; box-sizing:border-box;}
.bbs-title h3{font-weight:600; color:var(--black); margin:0;}

.bbs-util{display:flex; align-items:center; gap:20px; flex-shrink:0; box-sizing:border-box;}
.bbs-rst{display:inline-flex; align-items:center; gap:4px; margin:0; padding:0; border:0; background:transparent; cursor:pointer; box-sizing:border-box; color:var(--black); opacity:0.7; font-family:var(--kor); transition:opacity 0.3s;}
.bbs-rst::before{content:'\e5d5'; display:block; width:20px; height:20px; font-size:20px; line-height:20px; font-family:var(--icon); font-weight:400; flex-shrink:0;}
.bbs-rst:hover{opacity:1;}

.bbs-tog {display:flex; align-items:center; justify-content:center; width:93px; height:30px; border:0; border-radius:30px; background:var(--main); cursor:pointer; text-align:center; transition:background-color 0.35s cubic-bezier(0.4,0,0.2,1);}
.bbs-tog-in {display:inline-flex; align-items:center; gap:4px;}
.bbs-tog-tx {display:inline-block; flex-shrink:0; width:50px; font-family:var(--kor); font-weight:600; font-size:14px; line-height:120%; letter-spacing:var(--letter-spacing-caption); color:var(--white); white-space:nowrap; text-align:center; transform:translateX(0); transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);}
.bbs-tog-k {flex-shrink:0; width:18px; height:18px; border-radius:50%; background:var(--white); transform:translateX(0); transition:transform 0.35s cubic-bezier(0.4,0,0.2,1);}
.bbs-tog.is-collapsed {background:rgba(16,16,16,0.5);}
.bbs-tog.is-collapsed .bbs-tog-tx {transform:translateX(22px);}
.bbs-tog.is-collapsed .bbs-tog-k {transform:translateX(-54px);}


.org-text{display: flex; align-items:center; justify-content: center;}
.org-text li{display: flex; align-items:center; color:var(--light); font-size:0.889rem; font-weight: 400; letter-spacing: var(--letter-spacing-body); line-height: 150%;}
.org-text li::after{content:'\e5df'; display: inline-block; font-size:18px; line-height: 1; font-family: var(--icon); font-weight: 400; color:inherit; opacity: 0.5;}
.org-text li:last-child::after{display: none;}



/* 주간업무보고 검색 */
.wl-search.wr-srch.is-collapsed{display:none;}
.wr-srch{width:100%; box-sizing:border-box;}
.wr-srch-form{margin:0; padding:0;}
.wr-srch-sort{border-top:1px solid var(--border); box-sizing:border-box; position: relative;}
.wr-srch-row{display:flex; width:100%; align-items:stretch; box-sizing:border-box;}
.wr-srch-pair{display:flex; flex:1 1 0; min-width:0; background:var(--white); border-bottom:1px solid var(--border);  box-sizing:border-box;}
.wr-srch-tit{width:200px; flex-shrink:0; box-sizing:border-box; background:var(--grayBg); display:flex; align-items:center; padding:10px 20px;}
.wr-srch-tit p{margin:0; font-weight:600; color:var(--black);}

.wr-srch-cont{flex:1 1 0; min-width:0; display:flex; align-items:center; padding:10px 20px; box-sizing:border-box; background:var(--white);}

.wr-srch-select{position:relative; width:100%; box-sizing:border-box; z-index:1;}
.wr-srch-select.is-open{z-index:40;}
.wr-srch-select__row{display:flex; width:100%; align-items:stretch; box-sizing:border-box;}
.wr-srch-select-in{flex:1 1 0; min-width:0; height:44px; margin:0; border:1px solid var(--border); border-right: 0; border-radius:0; box-sizing:border-box; padding:0 15px; background:var(--white); color:var(--black); font-family:var(--kor); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-input);}
.wr-srch-select-in::placeholder{color:var(--light);}
.wr-srch-select-tog{position:relative; flex-shrink:0; width:44px; height:44px; margin:0; padding:0; box-sizing:border-box; border:1px solid var(--border); border-left:0; background:var(--white); cursor:pointer; transition:background 0.2s, border-color 0.2s;}
.wr-srch-select-tog:hover{background:var(--grayBg); border-color:var(--border);}
.wr-srch-select-tog::after{content:'\e5c5'; display:block; position:absolute; left:50%; top:50%; width:18px; height:18px; margin:-9px 0 0 -9px; font-family:var(--icon); font-size:18px; line-height:18px; font-weight:400; color:var(--light); text-align:center;}
.wr-srch-select.is-open .wr-srch-select-tog::after{content:'\e5ce';}
.wr-srch-select-tog::before{content:''; display: block; width: 1px; height:70%; position: absolute; left: 0; top:50%; transform: translateY(-50%); background: var(--border);}
.wr-srch-select-native{display:none; position:absolute; left:0; right:0; top:100%; width:100%; max-height:220px; margin:0; padding:0; box-sizing:border-box; border:1px solid var(--border); border-top:0; background:var(--white); font-family:var(--kor); font-size:0.889rem; line-height:175%; color:var(--black); cursor:pointer; z-index:45; overflow-y:auto;}
.wr-srch-select.is-open .wr-srch-select-native{display:block;}
.wr-srch-select-native option{padding:8px 12px;}

.wr-srch-row--period{background:var(--white); border-bottom:1px solid var(--border); box-sizing:border-box;}
.wr-srch-cont--period{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.wr-srch-period-l{display:flex; flex-wrap:wrap; align-items:center; gap:5px; box-sizing:border-box;}

.wr-srch-date{position: relative; max-width:200px; width: 100%;}
.wr-srch-date img{display: none;}
.wr-srch-date::after{content:'\ebcc'; display: block; width: 20px; height: 20px; font-size:20px; line-height: 20px; font-family: var(--icon); color:var(--light); position: absolute; right: 15px; top:50%; margin-top: -10px; font-weight: 400;}
.wr-srch-date input[type="text"]{width:100%; height:44px; margin:0; border:1px solid var(--border); border-radius:0; box-sizing:border-box; padding:0 50px 0 15px; background:var(--white); color:var(--black); font-family:var(--kor); font-size:0.889rem; line-height:175%; letter-spacing:var(--letter-spacing-input);}
.wr-srch-date input[type="text"]::placeholder{color:var(--light);}
.wr-srch-tilde{color:var(--light); flex-shrink:0; margin:0; width: 10px;}


.wr-srch-preset{width:100px; height:44px; margin:0; padding:0 10px; box-sizing:border-box; border:1px solid var(--border); background:var(--white); color:var(--light); font-family:var(--kor); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-button); cursor:pointer; box-shadow:-1px -1px 0 0 rgba(0,0,0,0.25) inset; flex-shrink:0; transition:color 0.3s, border-color 0.3s;}
.wr-srch-preset:hover{color:var(--black); border-color:var(--black);}

.wr-srch-submit{display: inline-block; cursor:pointer; box-sizing:border-box; height: 50px; line-height: 48px; padding: 0 25px; border: 1px solid var(--main); background: var(--main); text-align:center; font-size:0.889rem; font-weight: 600; color:var(--white); transition:all .3s; position: absolute; right: 20px; bottom: 7px;}
.wr-srch-submit::after{content:'\e941'; display: inline-block; vertical-align: middle; margin: -2px 0 0 10px; font-size:20px; font-weight: 400; color:inherit; font-family: var(--icon);}
.wr-srch-submit::after{content:'\e8b6';}
.wr-srch-submit:hover{background:var(--black);}



.wr-weekly{width:100%; box-sizing:border-box; padding-top: 50px;}
.wr-list-bar{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 0 20px 0; box-sizing:border-box;}
.wr-list-bar__meta{display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin:0; color:var(--black);}
.wr-list-bar__meta-chunk{white-space:nowrap;}
.wr-list-bar__meta-num{font-weight:600;}
.wr-list-bar__meta-sep{color:var(--light); padding:0 2px;}
.wr-sql-debug{margin:0 0 20px 0; padding:15px; box-sizing:border-box; border:1px solid var(--border); background:var(--grayBg); max-width:100%;}
.wr-sql-debug__tit{margin:0 0 8px 0; font-weight:600; color:var(--black);}
.wr-sql-debug__pre{margin:0; padding:12px; overflow:auto; max-height:320px; white-space:pre-wrap; word-break:break-all; font-family:Consolas, "Courier New", monospace; line-height:1.45; color:var(--black); background:var(--white); border:1px dashed var(--border);}
.wr-board{width:100%; box-sizing:border-box; border-top:2px solid var(--main);}
.wr-board ~ .wr-board{margin-top: 30px;}
.wr-board-author{display:flex; align-items:center; flex-wrap:wrap; gap:15px; min-height:50px; padding:0 15px; box-sizing:border-box; border-bottom:1px solid var(--border);}

.wr-board-author:hover{background:var(--grayBg);}

.wr-board-bc{display:flex; align-items:center; flex-wrap:wrap; color:var(--light);}
.wr-board-bc__unit{white-space:nowrap;}
.wr-board-bc__sep{display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex-shrink:0;}
.wr-board-bc__sep::before{content:'\e5c8'; display:block; width:18px; height:18px; font-size:18px; line-height:18px; font-family:var(--icon); color:var(--light); font-weight:400;}
.wr-board-name{margin:0; font-weight:600; color:var(--black);}
.wr-card{display:flex; width:100%; align-items:stretch; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--white); min-height:190px;}
.wr-card--detailtable{flex-direction:column; align-items:stretch; min-height:0;}
.wr-card--shade{background:var(--graybg_op50);}
.wr-card:hover{background:var(--grayBg) !important;}

.wr-card-bbsbar{display:flex; flex-direction:row; align-items:stretch; width:100%; flex-shrink:0; box-sizing:border-box; border-bottom:1px solid var(--border); background:var(--graybg_op50);}
.wr-card-bbsbar__co{display:flex; align-items:center; flex-shrink:0; width:180px; box-sizing:border-box; padding:10px 15px; border-right:1px solid var(--border); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-caption); color:var(--black);}
.wr-card-bbsbar__tit{display:flex; align-items:center; flex:1 1 0; min-width:0; box-sizing:border-box; padding:10px 15px; font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-caption); color:var(--black);}
.wr-card-tdrows{display:flex; flex-direction:column; width:100%; box-sizing:border-box;}
.wr-card-tdrow{display:flex; flex-direction:row; align-items:stretch; width:100%; box-sizing:border-box; border-bottom:1px solid var(--border);}
.wr-card-tdrow:last-child{border-bottom:0;}
.wr-card-tdrow__cust{display:flex; align-items:flex-start; flex-shrink:0; width:180px; box-sizing:border-box; padding:15px; border-right:1px solid var(--border); font-size:0.889rem; /* font-weight:600;  */line-height:175%; letter-spacing:var(--letter-spacing-caption); color:var(--black);}
.wr-card-tdrow__body{flex:1 1 0; min-width:0; box-sizing:border-box; padding:15px; display:flex; flex-direction:column;}
.wr-card-tdrow__date{margin:0 0 10px 0; /* font-weight:600; */ color:var(--black);}
.wr-card-tdrow__html{color:var(--light); line-height:175%; letter-spacing:var(--letter-spacing-input);}
.wr-card-tdrow__html img{max-width:100%; height:auto;}
.wr-card-tdrow__attach{margin-top:10px;}
.wr-card-tdrow__attach img{max-width:100%; height:auto; display:block;}
.wr-card-tdrow__attach a{color:var(--main); text-decoration:underline; word-break:break-all;}
.wr-card-tdrow--datebreak{border-top:1px solid var(--border);}
.wr-card-tdrow:has(+ .wr-card-tdrow--datebreak){border-bottom:none;}

.wr-card-side{display:flex; flex-direction:column; flex-shrink:0; width:180px; box-sizing:border-box; border-right:1px solid var(--border);}
.wr-card-side__co{display:flex; align-items:center; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid var(--border); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-caption); color:var(--black);}
.wr-card-side__cu{display:flex; align-items:center; padding:15px; box-sizing:border-box; font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-caption); color:var(--black);}
.wr-card-main{display:flex; flex-direction:column; flex:1 1 0; min-width:0; box-sizing:border-box;}
.wr-card-main__tit{display:flex; align-items:center; padding:10px 15px; box-sizing:border-box; border-bottom:1px solid var(--border); font-size:0.889rem; font-weight:600; line-height:175%; letter-spacing:var(--letter-spacing-caption); color:var(--black);}
.wr-card-main__body{padding:15px; box-sizing:border-box; color:var(--light); line-height:175%; letter-spacing:var(--letter-spacing-input);}
.wr-card-main__task{padding-top:12px; margin-top:12px; border-top:1px solid var(--border);}
.wr-card-main__task:first-of-type{padding-top:0; margin-top:0; border-top:0;}
.wr-card-main__taskdate{margin:0 0 8px 0; color:var(--light);}
.wr-card-main__nodetail{margin:0; color:var(--light);}










/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){




}
/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


/* 주간업무보고 */
.wr-srch-row{flex-wrap:wrap;}
.wr-srch-pair{width: 100%; flex:auto;}
.wr-srch-cont{flex:auto; width: calc(100% - 200px);}


}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){



/* 인트라넷 */
.my_head_name{display: none;}
.my_head_util dl{display: none;}
.my_head_util ul{gap:15px;}
.my_head_util ul li.menu_btn{display: block;}
.intranet_cont{width: 100%;}
.intranet_container .intranet_gnb{display: none;}





/* 주간업무보고 */
.wr-srch-submit{margin: 30px auto 0; display: block; position: relative; right: auto; bottom: auto;}


}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* 로그인 */
.login_box .logo img{width: 140px; height: auto;}
.login_box .login-input dd input{height: 60px; line-height: 58px; padding: 0 20px; }
.login_box .login-input dt .submit_btn{height: 60px; line-height: 58px;}



/* 인트라넷 */
.intranet_head{height: 70px;}
.intranet_head_in{padding: 0 20px;}
.intranet_head_in > div{gap:15px;}
.intranet_head_in .logo a svg{height: 42px;}


.my_head_util ul li a{width: 100px; height: 40px; line-height: 38px;}
.my_head_util ul li.logout_btn a::before{margin: -2px 6px 0 0; width: 16px; height: 16px; font-size:16px; line-height: 16px;}

.my_head_util ul li.menu_btn .menuBtn{width: 40px; height: 40px;} 
.my_head_util ul li.menu_btn .menuBtn::after{line-height: 40px; font-size:30px;}

.intranet_container{min-height:calc(100vh - 70px);}
.intranet_cont{padding: 20px;}
.intranet_cont .intranet_in{padding: 20px;}
.intranet_cont .copy{margin-top: 20px;}




/* 공통 */
.bbs-title{padding-bottom: 15px;}






/* 주간업무보고 */
.wr-srch-tit{width:160px; padding:10px 15px;}

.wr-srch-cont{width: calc(100% - 160px); padding:10px 15px;}
.wr-srch-date{width: calc((100% - 20px)/2);}
.wr-srch-submit{margin: 20px auto 0;}


.wr-weekly{padding-top: 40px;}
.wr-list-bar{padding:0 0 15px;}
.wr-board ~ .wr-board{margin-top: 20px;}
.wr-board-author{min-height:40px; padding:0 12px; gap:12px;}
.wr-card-side{width:150px;}
.wr-card-bbsbar__co,.wr-card-tdrow__cust{width:150px;}
.wr-card-side__co,.wr-card-side__cu,.wr-card-main__tit,.wr-card-main__body{padding: 10px;}
.wr-card-bbsbar__co,.wr-card-bbsbar__tit,.wr-card-tdrow__cust,.wr-card-tdrow__body{padding:10px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* 로그인 */
.login_box .logo{margin:  0 auto 15px;}
.login_box .logo img{width: 120px; height: auto;}
.login_box h4{padding-top: 6px;}
.login_box .login-input{padding-top: 20px;}
.login_box .login-input dd{padding-bottom: 5px;}
.login_box .login-input dd input{height: 50px; line-height: 48px; padding: 0 15px; }
.login_box .login-input dt .submit_btn{height: 50px; line-height: 48px;}
.login_box .copyright{padding-top: 20px;}


/* 인트라넷 */
.intranet_head{height: 60px;}

.intranet_title{display: none;}
.intranet_cont{padding: 10px;}
.intranet_cont .intranet_in{padding: 15px;}
.my_head_util ul{gap:10px;}
.my_head_util ul li a{width: 80px; height: 30px; line-height: 28px;}
.my_head_util ul li.logout_btn a::before{margin: -2px 4px 0 0;}
.my_head_util ul li.menu_btn .menuBtn{width: 34px; height: 34px;} 
.my_head_util ul li.menu_btn .menuBtn::after{line-height: 34px; font-size:24px; font-weight: 200;}

.intranet_container{min-height:calc(100vh - 60px);}
.intranet_cont .copy{margin-top: 15px; gap:2px; flex-direction: column;}


/* 공통 */
.bbs-title{padding-bottom: 10px; gap:5px 10px;}

.bbs-util{gap:10px;}
.bbs-rst::before{width:16px; height:16px; font-size:16px; line-height:16px;}

.bbs-tog {width:85px; height:26px;}
.bbs-tog-tx {font-size:12px;}
.bbs-tog-k {width:14px; height:14px;}
.bbs-tog.is-collapsed .bbs-tog-tx {transform:translateX(18px);}
.bbs-tog.is-collapsed .bbs-tog-k {transform:translateX(-52px);}





/* 주간업무보고 */
.wr-srch-pair{flex-wrap:wrap;}
.wr-srch-tit{width:100%; padding:8px 10px;}
.wr-srch-cont{width: 100%; padding:8px 10px;}
.wr-srch-submit{margin: 10px auto 0;}

.wr-srch-date{max-width:100%;}
.wr-srch-date::after{width: 16px; height: 16px; font-size:16px; line-height: 16px; right: 10px; margin-top: -8px;}
.wr-srch-date input[type="text"]{height:40px; padding: 0 30px 0 10px;}
.wr-srch-preset{height: 35px; width: 100%;}


.wr-weekly{padding-top: 30px;}
.wr-list-bar{padding:0 0 10px;}
.wr-board ~ .wr-board{margin-top: 10px;}
.wr-board-author{gap:8px; min-height:0; padding:10px 10px;}
.wr-card{flex-direction:column; min-height:0;}
.wr-card-side{width:auto; border-right:0; border-bottom: 1px solid var(--border); flex-direction: row;}
.wr-card-side__co{flex:1; border-bottom:0; border-right: 1px solid var(--border);}
.wr-card-side__cu{flex:1;}
.wr-card-main{width:100%;}
.wr-card-bbsbar{flex-direction:column;}
.wr-card-bbsbar__co{width:100%; border-right:0; border-bottom:1px solid var(--border);}
.wr-card-tdrow{flex-direction:column;}
.wr-card-tdrow__cust{width:100%; border-right:0; border-bottom:1px solid var(--border);}


.wr-srch-select-in{height: 40px; padding: 0 10px;}
.wr-srch-select-tog{width: 40px; height: 40px;}

}
/*******************************************************************************
    @media 420px
*******************************************************************************/
@media all and (max-width:420px){

/* 공통 */
.bbs-util{width: 100%; justify-content: flex-end;}
    
}