#b_header{background-color: #fff; transition:.5s; border-bottom:1px solid #efefef;}
#b_header #b_gnb > li > a{color:#111; }
#b_header .b_hd_right .b_toggle_btn{background-color: #000;}
#b_header .b_logo .logo_off{display: none;}
#b_header .b_logo .logo_on{display: block;}


/*write page*/
.cke_sc{display:none}
.b_sub_sec_01{background-color: #fafafa; /*padding-bottom:0; */}
#k_w_bo .b_w_table {max-width:1200px; width:100%; margin:0 auto; }
.b_sub_sec_01 .b_plan_box td{width:unset; }
.b_sub_sec_01 .b_plan_box td .b_input{height:40px; background-color: #fff; border:1px solid #ececec; display: block; width:100%; border-radius: 5px; outline:0; padding: 0 10px;}
.b_sub_sec_01 .b_plan_box td.b_file{text-align:left; }
.b_w_tit{text-align:center; margin-bottom:50px;}
#bo_w .bo_w_flie .file_wr{border:1px solid #ececec; }



.b_btn_wrap{padding:50px 0 100px;}
.b_bd_btn{display:flex; justify-content:center; }
.b_bd_btn .k_btn_inner{overflow:hidden;}
.b_bd_btn .k_btn_inner > a{display:flex; align-items:center; padding:0 40px; height:50px; border:1px solid #ccc; border-radius:50px; margin-right:10px; }
.b_bd_btn .k_btn_inner #btn_submit{border:0; background-color:#e40d3a; display:block; padding:0 40px; height:50px;border-radius:50px; color:#fff; font-weight:bold; cursor:pointer; }


/*list page*/
.b_bo_list ul {background-color:transparent; }
.b_bo_list ul li {margin-bottom:15px; border-radius:20px; border-bottom:0;  background-color:#fff;}
.b_bo_list ul li span.s-name{width: 75%;}
.b_bo_list ul li span.s-number{display:none;}
/*.b_bo_list ul li span.s-check {width: fit-content; position: absolute; left: 20px; top: 20px;}*/
.b_bo_list ul li span{word-break:keep-all; }
.b_bo_list ul li span.s-name a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 400px;}
.b_bo_list ul li a{font-weight:500; color:#000; display: block;}

.b_bo_list ul li:hover .bo_tit a{color: #e40d3a !important;}
#bo_list .bo_tit .title_icon{margin-left:10px; }


.b_list_btn .b_bd_btn{display:flex; justify-content:space-between; }
.b_list_btn .b_bd_btn .k_btn_lft {display:flex; align-items:center; }
.b_list_btn .b_bd_btn .k_btn_lft .k_btn_00{padding:0 20px; height:40px; border:1px solid #ccc; border-radius:50px; margin-right:5px; display:flex; align-items:center; font-size:0.938rem; }
.b_list_btn .b_bd_btn .k_btn_lft [type='checkbox']{margin-right:3px;}
.b_list_btn .b_bd_btn .k_btn_rgt {display:flex; align-items:center;}
.b_list_btn .b_bd_btn .k_btn_rgt .k_btn_00 {padding:0 20px; height:40px; font-size:0.938rem; margin-right:0; }
.b_list_btn .b_bd_btn .k_btn_rgt .b_go_list .k_btn_00{margin-right:5px;}
.b_list_btn .b_bd_btn .k_btn_rgt .b_write_btn{color:#e40d3a; border:1px solid #e40d3a; margin-left:5px; }


.b_view_btn{margin-top:50px; }
.bo_vc_w textarea{resize:none; border:1px solid #eaeaea; outline:0; padding:20px; border-radius:10px; box-shadow:none; }

#k_board_view_00 .k_bo_v_tit{text-align:center; border-bottom:1px solid #eaeaea; padding-bottom:20px; margin-bottom:20px; }
#k_board_view_00 .k_bo_v_tit b{display:block; margin-bottom:15px; }
#k_board_view_00 .k_bo_v_tit span.b_name{position:relative; margin-right:20px;}
#k_board_view_00 .k_bo_v_tit span.b_name:after{content:''; width:1px ; height:80%; background-color:#ccc; position:absolute; right:-12px; top:50%; transform:translateY(-50%); }

#bo_v_con img{padding: 20px;}

.bo_vc_w .btn_submit{background-color: #000; height: 40px; border-radius: 50px; font-size: 0.938rem;}
#k_add_ul_file h4{font-weight:bold; margin-bottom:5px; }
#k_add_ul_file .view_file_download:hover{text-decoration:underline; }

.cmt_btn{margin-top:100px; }



.b_contact_view .k_content_wrap{max-width:700px; width:100%; margin:0 auto; }
.b_contact_view .k_content_wrap .b_info_box > div{margin-bottom:20px; padding:30px; background-color:#fff; border-radius:20px; }
.b_contact_view .k_content_wrap .b_info_box > div > h3{margin-bottom:20px; border-bottom:1px solid #eaeaea; padding-bottom:15px;  }
.b_contact_view .b_inq_info li{display:flex; align-items:flex-start; margin-bottom:10px; } 
.b_contact_view .b_inq_info .b_left_box{width:160px; color:#999; }
.b_contact_view .b_inq_info .b_right_box{width:calc(100% - 160px); }
.b_contact_view .b_inq_info #bo_v_con{margin-top:0; font-weight:500; }
.b_contact_view .b_list_btn .b_bd_btn{justify-content:center;}









/*포트폴리오*/
.b_port_write .b_plan_box td{width:unset; }
.b_port_write .b_plan_box #wr_content{resize:none; border:0; outline:0; border: 1px solid #ececec; border-radius: 5px; padding: 10px; height:200px !important; }
.b_port_write .k_alert{text-align: left; color:#333 ; margin-top:5px; font-size:0.874rem; }
.b_port_write .b_plan_box td .b_file_input{padding:5px; }
.b_port_write .b_plan_box td.b_main{text-align: left;}
.b_port_write .b_plan_box td.b_file_wrap{position:relative; display:flex; flex-wrap:wrap; }
.b_port_write .b_plan_box td.b_file_wrap .k_alert{margin-top:0; margin-left:20px;}
.b_svc_sec .b_plan_box .b_head{word-break:keep-all; }


#kn_cate{background: none; padding:0; margin:0; border:none; }
#kn_cate>ul>li{padding-right: 45px; flex:unset; width:unset; }
#kn_cate>ul>li>a{word-break: keep-all; line-height: 1.5; font-weight:bold; font-size:1.375rem; background:none;border-right:none; text-align:unset; padding:0; border-bottom:0; }
#kn_cate>ul>li>a:hover{background: none;}
#kn_cate>ul>li>a#bo_cate_on{color: #e40d3a; background:none; border-bottom-color:transparent; box-shadow:none; }


.b_port_list .port_status{position:absolute; right:10px; top:15px; z-index:10; display:flex; align-items:center; }
.b_port_list .port_status > a {display:block; background-color:rgba(255,255,255,.2); padding:3px 10px; border-radius:50px; color:#fff; font-weight:500; margin-right:5px; }
.b_port_list .port_status > a:last-child{margin-right:0; }



.port_view .b_sv_title .b_tit_link{font-size:0.938rem; height: 40px; width: 145px;border-radius:50px;  display:flex; align-items:center; justify-content:center; margin: 0 auto; margin-top:20px; background-color:#e40d3a;}
.port_view .b_sv_title .b_tit_link img{margin-left:7px; transition:.3s; }
.port_view .b_sv_title .b_port_subject {margin: 25px 0;}
.port_view .b_sv_title .b_tit_link:hover img{margin-left:12px; transition:.3s; transform:rotate(45deg); }

.port_view .view_image{pointer-events:none;}

.portfolio_01 .b_port_list li .b_txt_box span i:first-child{margin-right:28px; position:relative;}
.portfolio_01 .b_port_list li .b_txt_box span i:first-child:after{content:''; position:absolute; right:-16px ; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#ccc; }



@media screen and (max-width:1080px){ 
	 .b_bd_top{padding-top: 150px;}

}




@media screen and (max-width:720px){ 
	 .b_bo_list ul li{padding:10px; border-radius: 10px}
	 .b_bo_list ul li span.s-number{display:none;}
	 .b_bo_list ul li span.s-name {width: 95%; margin-bottom:10px;}
	 .b_bo_list ul li span.s-name a{max-width:unset; width:100%; }
	 .b_bo_list ul li span.s-user {width: unset; margin-left:5%; margin-right:15px;}
	 .bo_list ul li span.s-day {width: 20%;}

	 .b_contact_view .b_inq_info .b_left_box{width: 100px;}

	 #kn_cate>ul>li{padding:0 10px; }

	 .b_port_write .b_plan_box td.b_file_wrap{height:unset; padding-bottom:8px;}
	 .b_file_wrap .file_del{width:100%; display:block; text-align:left }
	 .b_port_write .b_plan_box td.b_file_wrap .k_alert{margin-left:0; margin-top:5px;}

	 .port_view .b_sv_title .b_port_subject {margin: 15px 0;}
	 .port_view .b_sv_title .b_tit_link{height: auto; margin-top: 15px;}
}

@media screen and (max-width:580px){ 
	 .b_contact_view .k_content_wrap .b_info_box > div{padding: 20px;}
}





/* 자주 묻는 질문 */
.b_faq_sec #bo_cate{margin-bottom:40px; }
.b_faq_sec #bo_cate_ul{margin:0 auto; width: fit-content; background:transparent; border-bottom:0; }
.b_faq_sec #bo_cate_ul li {margin:0 15px; }
.b_faq_sec #bo_cate_ul li a{word-break: keep-all; line-height: 1.5; font-weight: bold; font-size: 1.375rem; padding:5px; background:transparent; }
.b_faq_sec #bo_cate #bo_cate_on{color:#e40d3a;}
.b_faq_sec #bo_cate #bo_cate_on:after{display:none;}

.b_faq_sec #faq_wrap ol{border-top:2px solid #000; }
.b_faq_sec #faq_wrap li{background:transparent; }
.b_faq_sec #faq_wrap{max-width:1000px; margin:0 auto; }
#faq_wrap li h3{padding: 15px 50px;}
#faq_wrap li h3 .tit_bg{font-weight: bold; color:#e40d3a; }
#faq_wrap li h3 .tit_bg:after{content:''; width:4px; height:4px; background-color:#e40d3a; border-radius:50%; position:absolute; right: -6px; bottom: 5px;}
#faq_wrap li h3.faq_li_open a {color: #000; font-weight: bold; }
#faq_wrap li h3 a{font-weight: bold; line-height: 1.5;}

.b_faq_sec #faq_con .con_inner .closer_btn{color: #ccc;}
.b_faq_sec #faq_wrap li h3 .tit_btn{color:#e40d3a;}




/*공지사항 리스트*/
.notice_list{}
.notice_list ul{background:unset; display:flex; flex-wrap:wrap; width:100%; }
.notice_list ul li{padding: 0; border-radius:30px; border-bottom:0; box-shadow:0px 5px 20px rgba(50,50,50,.02); margin-bottom:35px; width:23.5%; display:flex; overflow:hidden; flex-direction: column; margin-right:2%; background-color:#fff; }
.notice_list ul li:nth-child(4n){margin-right:0; }
.notice_list ul li figure{width:100%; aspect-ratio:16/10; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color:#f1f1f1; }
.notice_list ul li figure img{display:block; width:100%; transition:transform .2s; object-fit: cover; height: 100%;}
.notice_list ul li:hover figure img{transform:scale(1.1); transition:transform .2s; }

.notice_list ul li span.s-name{width: 100%;}
.notice_list ul li span.s-number{display:none;}
.notice_list ul li span.s-check {width: fit-content; position: absolute; left: 20px; top: 20px;}
.notice_list ul li span{word-break:keep-all; }
.notice_list ul li span.s-name a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 400px;}
.notice_list ul li a{font-weight:500; color:#000; display: block;}

.notice_list ul li:hover .bo_tit a{color: #e40d3a !important;}
.notice_list .bo_tit{display: flex; align-items: flex-start; width: 100%; padding: 25px 20px; flex-direction: column; justify-content: space-between; height: 130px;}
.notice_list .bo_tit p{font-weight: bold; font-size: 1.125rem; line-height: 1.5; text-overflow: ellipsis; overflow: hidden; word-break: break-word; 
   display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical}
.notice_list ul li span.s-day{width:100%; text-align:right; color:#ccc; display:block; padding-top:10px; font-weight: 300; font-size: 0.938rem; }
#bo_list .bo_tit .title_icon{margin-left:10px; display:none;}



@media screen and (max-width:1080px){ 
	 .notice_list ul li{width:32%; border-radius:20px; margin-bottom: 20px;}
	 .notice_list ul li:nth-child(4n){margin-right:2%; }
	 .notice_list ul li:nth-child(3n){margin-right:0; }
	 .notice_list .bo_tit{height: 120px;}
}


@media screen and (max-width:720px){ 
	 .notice_list ul li{display: flex; flex-wrap: wrap; width:48.5%; border-radius: 10px;}
	 .notice_list ul li:nth-child(4n){margin-right:0; }
	 .notice_list ul li:nth-child(2n){margin-right:0; }
	 .notice_list ul li:nth-child(3n){margin-right:3%; }
	 .notice_list ul li:nth-child(1){margin-right:3%; }
   .notice_list .bo_tit{padding: 15px; height: auto;}
}



/* 로그인페이지 */
#mb_login{padding-top:150px; }
#mb_login h1{font-weight:bold; }
#mb_login .mb_login_join{display:none;}
#mb_login #login_frm{padding:0; }
#mb_login .btn_submit{font-size:1.25rem; font-weight:bold; background-color:#111; height: 50px;}
#mb_login .frm_input{outline:0; }
#flogin{max-width:550px; width:96%; margin:0 auto; }
#flogin #login_info{display:none;}






/*240105*/
.b_btn_list{}
.port_view .b_sv_title .b_btn_list{display:flex; margin-top: 20px; justify-content:center; }
.port_view .b_sv_title .b_tit_link{margin:0; }
.port_view .b_sv_title .b_btn_list .b_go_list{background-color: rgba(255,255,255,.2); color:#fff; width: 105px; transition:background-color .3s; margin-left:10px;}
.port_view .b_sv_title .b_btn_list .b_go_list:hover{background-color: rgba(255,255,255,.3); transition:background-color .3s; }


@media screen and (max-width:720px){ 
	 .port_view .b_sv_title .b_tit_link{height:30px; width: 125px;}
	 .port_view .b_sv_title .b_btn_list .b_go_list{width: 90px; }
}
@media screen and (max-width:460px){ 
	 .port_view .b_sv_title {height: 420px;}
}






.b_port_list .port_status{z-index: 50;}