@charset "utf-8";
#wrap {float:left; width:100%;  transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  domain                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%; background:#ffffff;}

.top_wrap{float:left; width:100%; border-bottom:1px solid #edeef0;}
.top_box{width:1400px; height:50px; margin:0 auto; display:flex; align-items:center; transition:all 0.3s;}
.top_left{margin:0 auto 0 0; display:flex; align-items:center;}
.tl_favorite{float:left; margin:0 10px 0 0;}
.tl_favorite a{display:block; padding:5px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f; transition:all 0.3s;}
.tl_favorite a:hover{color:#db3232;}
.tl_date{float:left; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f;}

.top_right{display:flex; align-items:center; height:100%;}
.tr_info{display:flex; align-items:center;}
.tr_info li{float:left; margin:0 0 0 20px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f;}
.tr_info li a{display:block; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f; transition:all 0.3s;}
.tr_info li span{font-weight:700; color:#db3232;}
.tr_info li:hover a{color:#db3232;}
.tr_utill{height:100%; display:flex; align-items:center; margin:0 0 0 10px;}
.tr_utill ul{height:100%;}
.tr_utill li{float:left; height:100%; margin:0 0 0 5px; display:flex; align-items:center;}
.tr_utill li a{display:block; height:100%; display:flex; align-items:center;}
.utill_btn1{display:inline-block; min-width:74px; height:34px; text-align:center; padding:0 10px; line-height:34px; background:#db3232; border-radius:8px; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#ffffff;}
.utill_btn2{display:inline-block; min-width:74px; height:34px; text-align:center; padding:0 10px; line-height:34px; background:#e1e1e1; border-radius:8px; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#4a4a4a;}


.gnb_wrap{float:left; width:100%; border-bottom:5px solid #db3232;}
.gnb_wrap.fixed{position: fixed; left: 0; top: 0; z-index:100; background:#fff;}
.gnb_box{width:1400px; height:80px; margin:0 auto; display:flex; align-items:center; transition:all 0.3s;}

.logo{margin:0 auto 0 0; display:flex; align-items:center;}
.logo img{transition:all 0.3s;}

/* 23/4월 수정 */
.gnb{margin:0 20px 0 0; height:100%; display:flex; align-items:center;}
.gnb>ul>li{float:left; margin:0 30px 0 0; position:relative; transition:all 0.3s;}
.gnb>ul>li>a{display:block; height:100%; padding:5px 10px; font-family:'EsaManru'; font-weight:500; font-size:19px; color:#1f1f1f; transition:all 0.3s;}
.gnb>ul>li:hover>a{color:#db3232;}
.gnb>ul>li .depth{position:absolute; width:150%; background:#ffffff; border-top:2px solid #db3232; padding:10px; box-shadow:2px 2px 6px rgba(0,0,0,0.2); display:none;}
.gnb>ul>li .depth li{float:left; width:100%;}
.gnb>ul>li .depth li a{display:block; float:left; width:100%; text-align:center; padding:10px 5px; border-radius:5px; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#666666; transition:all 0.3s;}
.gnb>ul>li .depth li:hover a{background:#db3232; color:#ffffff;}

.gnb>ul>li:hover .depth{display:block;}

@media screen and (max-width:1440px) {
    .top_box{width:100%; padding:0 10px;}
    .gnb_box{width:100%; padding:0 10px;}
	.gnb li{margin:0 10px 0 0;}
	.gnb li a{font-size:16px;}
	.logo img{width:160px;}
}

@media screen and (max-width:1024px) {
    .top_left{display:none;}
    .gnb{display:none;}

	.tr_info li{margin:0 10px 0 0;}
	.tr_utill{margin:0 0 0 auto;}
	.top_right{width:100%;}
}

@media screen and (max-width:768px) {
	.tr_info li{font-size:12px;}
	.tr_info li a{font-size:12px;}
	.utill_btn1{min-width:50px; font-size:12px;}
	.utill_btn2{min-width:50px; font-size:12px;}
	.tr_info li:last-child{display:none;}
}
/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; margin:30px 0 0 0; padding:0 0 10px 0;}
.contents_box{width:1400px; margin:0 auto;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}

@media screen and (max-width:1440px) {
    .contents_wrap{margin:20px 0 0 0;}
    .contents_box{width:100%; padding:0 10px;}
}


/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
/* sns박스 */
.main_sns_box{ width:100%; height:70px; padding:0 20px 0 0; background:#ffffff; border-radius:8px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.main_sns_img{float:left; width:195px; margin:0 30px 0 0; height:100%; position:relative; overflow:hidden;}
.main_sns_img img{position:relative; left:0; top:-35px;}
.main_sns_group{float:left; width:calc(100% - 225px); height:100%; display:flex; align-items:center;}
.main_sns_text{float:left; height:100%; display:flex; align-items:center; font-family:'EsaManru'; font-weight:500; font-size:19px; color:#1f1f1f;}
.main_sns_text span{display:block; margin:0 0 0 5px; font-weight:700; color:#db3232;}

.main_sns_list{float:right; margin:0 0 0 auto; height:100%; display:flex; align-items:center;}
.main_sns_list ul{float:right; height:100%; display:flex; align-items:center;}
.main_sns_list ul li{float:left; height:100%; display:flex; align-items:center; margin:0 0 0 20px;}
.main_sns_list ul li a{display:block; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#7a7a7a;}
.main_sns_list ul li:hover a{color:#db3232;}

@media screen and (max-width:1440px) {
	.main_sns_list ul li a{font-size:0px;}
}


@media screen and (max-width:1024px) {
	.main_sns_box{height:100px; padding:0 20px; display:flex;}
	.main_sns_list{width:100%; height:50%; margin:-10px 0 0 0; justify-content: flex-end;}
	.main_sns_group{flex-wrap:wrap; justify-content: flex-end;}
	.main_sns_text{height:50%; font-size:16px; text-align:right;}
}

@media screen and (max-width:768px) {
	.main_sns_img{width:15%; margin:0; display:flex; align-items:center;}
	.main_sns_img img{width:100%; top:0;}
	.main_sns_group{width:85%}
	.main_sns_list ul li img{width:30px;}
}

/* 랭크목록 */
.main_lank_wrap{float:left; width:100%; margin:20px 0 0 0;}
.main_lank_box{float:left; width:calc(20% - 8px); margin:0 10px 10px 0; padding:20px 10px; background:#ffffff; border-radius:8px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); min-height:450px;}
.main_lank_box:nth-child(5n){margin:0 0 10px 0;}
.main_lank_title{float:left; width:100%; height:48px; padding:0 13px 0 10px; display:flex; align-items:center; background:#f5f5f5; border-radius:8px; border-bottom:2px solid #db3232; font-family:'EsaManru'; font-weight:500; font-size:18px; color:#1f1f1f;}
.mlt_img{float:left; width:30px; margin:0 15px 0 0;}
.mlt_img img{width:100%;}
.mlt_arrow{float:left; margin:0 0 0 auto;}

.main_lank_list{float:left; width:100%; margin:10px 0 0 0; padding:0 13px 0 10px;}
.main_lank_list li{float:left; width:100%; margin:0px 0 0 0;}
.main_lank_list li a{display:flex; align-items:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:40px; font-family:'EsaManru'; font-weight:300; font-size:15px; color:#585858;}
.main_lank_list li:nth-child(-n+3) a{font-weight:700; color:#000000;}
.main_lank_list li:hover a{background:#db3232; border-radius:5px; padding:0 10px 0 10px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.2); color:#ffffff;}



.mll_img{float:left; width:30px; margin:0 15px 0 0;}
.mll_img img{width:100%;}
.mll_lank{float:left; width:30px; height:30px; text-align:center; line-height:28px; margin:0 15px 0 0; border-radius:30px; border:2px solid #bababa; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#717171;}
.mll_lank.red{border:2px solid #db3232; color:#db3232;}

.main_lank_list li:hover .mll_lank{border:2px solid #ffffff; color:#ffffff;}
.main_lank_list li:hover .mll_lank.red{border:2px solid #ffffff; color:#ffffff;}

@media screen and (max-width:1440px) {
}

@media screen and (max-width:1024px) {
	.main_lank_box{width:calc(100% / 3  - 6px); margin:0 9px 9px 0;}
	.main_lank_box:nth-child(5n){margin:0 9px 9px 0;}
	.main_lank_box:nth-child(3n){margin:0 0 9px 0;}
	.main_lank_title{font-size:16px;}
	.mlt_img{margin:0 5px 0 0;}
	.mll_img{margin:0 5px 0 0;}
	.mll_lank{margin:0 5px 0 0;}
}

@media screen and (max-width:768px) {
	.main_lank_box{width:calc(100% / 2  - 2.5px); margin:0 5px 5px 0;}
	.main_lank_box:nth-child(5n){margin:0 5px 5px 0;}
	.main_lank_box:nth-child(3n){margin:0 5px 5px 0;}
	.main_lank_box:nth-child(2n){margin:0 0 5px 0;}	
	.main_lank_list li a{line-height:32px; font-size:13px;}
	.mlt_img{width:24px;}
	.mll_img{width:24px;}
	.mll_lank{width:24px; height:24px; line-height:22px; border-radius:24px; font-size:13px;}
}

/* 좋아요목록 */
.main_favorite_wrap{float:left; width:100%; margin:40px 0 0 0; display:flex; flex-wrap:wrap;}
.main_favorite_box{float:left; width:calc(20% - 8px); margin:0 10px 10px 0; padding:20px 20px; background:#ffffff; border-radius:8px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); position:relative;}
.main_favorite_box:nth-child(5n){margin:0 0 10px 0;}
.mf_img{float:left; width:100%; text-align:center;}
.mf_img img{width:100%; max-width:180px;}

.mf_text{float:left; width:100%; margin:3px 0 0 0; border-top:1px solid #edeef0; padding:20px 0 0 0; display:flex; align-items:center;}
.mf_text1{float:left; max-width:60%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:'EsaManru'; font-weight:300; font-size:15px; color:#585858;}
.mf_text2{float:left; margin:0 0 0 auto; max-width:60%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#db3232;}
.mf_text2 img{display:inline-block; margin:0 5px 0 0;}

.mfl_img{position:absolute; left:-10px; top:-10px;}
.mfl_lank{position:absolute; left:-10px; top:-10px; float:left; width:30px; height:30px; text-align:center; line-height:32px; border-radius:30px; background:#bababa; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#eeeeee;}
.mfl_lank.red{background:#db3232; color:#ffffff;}
.mfl_lank.pink{background:#db8132; color:#ffffff;}


@media screen and (max-width:1440px) {
	.main_favorite_wrap{margin:20px 0 0 0;}

}

@media screen and (max-width:1024px) {
	.main_favorite_box{width:calc(100% / 3  - 6px); margin:0 9px 9px 0;}
	.main_favorite_box:nth-child(5n){margin:0 9px 9px 0;}
	.main_favorite_box:nth-child(3n){margin:0 0 9px 0;}	
}

@media screen and (max-width:768px) {
	.main_favorite_box{width:calc(100% / 2  - 2.5px); margin:0 5px 5px 0;}
	.main_favorite_box:nth-child(5n){margin:0 5px 5px 0;}
	.main_favorite_box:nth-child(3n){margin:0 5px 5px 0;}
	.main_favorite_box:nth-child(2n){margin:0 0 5px 0;}	
	.mf_text1{font-size:13px;}
	.mf_text2{font-size:13px;}
	
	.mfl_img img{width:24px;}
	.mfl_lank{width:24px; height:24px; line-height:24px; border-radius:24px; font-size:12px;}
}


/* 게시판목록 */
.main_board_wrap{float:left; width:100%; margin:50px 0 0 0; display:flex; flex-wrap:wrap;}
.main_board_box{float:left; width:calc(100% / 3 - 20px); margin:0 30px 20px 0;}
.main_board_box:nth-child(3n){margin:0 0 20px 0;}

.main_board_title{display:inline-block; min-width:148px; height:42px; line-height:44px; border-radius:42px; text-align:center; padding:0 15px; background:#db3232; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); font-family:'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; position:relative; top:22px;}
.main_board_title a{display:inline-block; margin:0 0 0 5px; line-height:42px; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#ffffff;}
.main_board_board{float:left; width:100%; padding:40px 30px 20px; background:#ffffff; border-radius:8px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.myTable{table-layout:fixed;}
.main_board_board td{font-family:'EsaManru'; font-weight:500; color:#585858; font-size:16px; line-height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-1px; transition:all 0.5s;}
.main_board_board td:last-child{color:#a1a1a1;}

@media screen and (max-width:1440px) {
	.main_board_board td{font-size:14px;}
	.main_board_wrap{margin:20px 0 0 0;}
}

@media screen and (max-width:1024px) {
	.main_board_box{width:100%; margin:0 0 10px 0;}
	.main_board_box:nth-child(3n){margin:0 0 10px 0;}	
}

@media screen and (max-width:768px) {
}

.main_link_wrap{float:left; width:100%; margin:30px 0 0 0; overflow:hidden;}
.main_link_tab{float:left; width:100%;}
.main_link_tab ul{float:left; width:100%;}
.main_link_tab li{float:left;}
.main_link_tab li a{display:block; height:42px; line-height:44px; border-radius:42px; text-align:center; padding:0 15px;  font-family:'EsaManru'; font-weight:500; font-size:16px; color:#868686; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main_link_tab li.active a{background:#db3232; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); color:#ffffff;}
.main_link_tab li:hover a{background:#db3232; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); color:#ffffff;}

.main_link_box{float:left; width:100%; margin:20px 0 0 0; display:flex; flex-wrap:wrap;}
.main_link_list{float:left; width:calc(100% / 2 - 5px); height:90px; margin:0 10px 10px 0; padding:10px 20px; background:#ffffff; border-radius:8px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); display:flex; align-items:center;}
.main_link_list:nth-child(2n){margin:0 0 10px 0;}

.main_ll_img{width:21%; text-align:center;}
.main_ll_img img{width:100%;}

.main_ll_text1{width:39.5%; padding:0 10px 0 50px;}
.main_ll_text2{width:39.5%; text-align:right;}

.mllt1_1{width:100%;}
.mllt1_1 a{width:100%; display:inline-block; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#585858; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mllt1_2{width:100%; margin:5px 0 0 0;}
.mllt1_2 a{width:100%; display:inline-block; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#979797; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.mllt2_1{width:100%; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#979797; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}
.mllt2_1 span{display:inline-block; padding:0 5px; color:#db3232;}
.mllt2_2{width:100%; margin:5px 0 0 0; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#979797; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.mllt_btn1{display:inline-block; padding:3px 5px; color:#353535; text-decoration : underline; text-underline-offset : 5px;}
.mllt_btn2{display:inline-block; padding:3px 5px; color:#db3232; text-decoration : underline; text-underline-offset : 5px;}
.mllt_btn3{display:inline-block; padding:3px 5px; color:#7a39b7; text-decoration : underline; text-underline-offset : 5px;}
.mllt_btn1:hover{opacity:0.7;}
.mllt_btn2:hover{opacity:0.7;}
.mllt_btn3:hover{opacity:0.7;}

@media screen and (max-width:1440px) {
	.main_link_tab li a{font-size:14px; padding:0 5px;}
	.main_ll_text1{padding:0 10px 0 20px;}
}

@media screen and (max-width:1024px) {
	.main_link_tab li a{font-size:12px;}
	.main_link_box{margin:10px 0 0 0;}
	.main_link_list{width:100%; margin:0 0 10px 0;}
}

@media screen and (max-width:768px) {
	.main_link_list{flex-wrap:wrap; height:auto;}
	.main_ll_img{width:34%;}
	.main_ll_text1{width:66%;}
	.main_ll_text2{width:100%; margin:10px 0 0 0; display:flex; align-items:center;}
	.mllt1_1 a{font-size:14px;}
	.mllt1_2 a{font-size:12px;}
	.mllt2_1{font-size:14px; text-align:left;}
	.mllt2_2{font-size:12px; margin:0;}
}

.main_bank_wrap{float:left; width:100%; margin:30px 0 0 0;}
.main_bank_title{float:left; min-width:120px; height:42px; line-height:44px; border-radius:42px; text-align:center; padding:0 15px; background:#db3232; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1); font-family:'EsaManru'; font-weight:500; font-size:16px; color:#ffffff;}

.main_bank_box_wrap{float:left; width:100%; margin:10px 0 0 0;}
.main_bank_box{float:left; width:calc(20% - 8px); margin:0 10px 10px 0; padding:20px 20px; background:#ffffff; border-radius:8px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);}
.main_bank_box:nth-child(5n){margin:0 0 10px 0;}
.mb_img{float:left; width:100%; text-align:center;}
.mb_img img{width:100%; max-width:180px;}

.mb_text{float:left; width:100%; margin:3px 0 0 0; border-top:1px solid #edeef0; padding:20px 0 0 0; display:flex; align-items:center;}
.mb_text1{float:left; max-width:40%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:'EsaManru'; font-weight:500; font-size:15px; color:#585858;}
.mb_text2{float:left; margin:0 0 0 auto; max-width:60%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:'EsaManru'; font-weight:500; font-size:14px; color:#979797;}

@media screen and (max-width:1440px) {
	.main_bank_wrap{margin:20px 0 0 0;}
	.main_bank_title{font-size:15px;}
}

@media screen and (max-width:1024px) {
	.main_bank_box{width:calc(100% / 3  - 6px); margin:0 9px 9px 0;}
	.main_bank_box:nth-child(5n){margin:0 9px 9px 0;}
	.main_bank_box:nth-child(3n){margin:0 0 9px 0;}		
}

@media screen and (max-width:768px) {
	.main_bank_box{width:calc(100% / 2  - 2.5px); margin:0 5px 5px 0;}
	.main_bank_box:nth-child(5n){margin:0 5px 5px 0;}
	.main_bank_box:nth-child(3n){margin:0 5px 5px 0;}
	.main_bank_box:nth-child(2n){margin:0 0 5px 0;}		
	
	.mb_text1{max-width:100%;}
	.mb_text2{display:none;}
}

/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; margin:40px 0 0 0; background:#ffffff;}
.footer_box{width:1400px; margin:0 auto; display:flex; align-items:center;}

.f_quick_link_wrap{float:left; width:100%; background:#ffffff; border-top:1px solid #e5e7ea; padding:30px 0; }
.f_quick_link_box{width:1400px; margin:0 auto;}
.f_quick_link_list{float:left; width:calc(100% / 8); border-right:1px solid #edeef0; padding:20px 20px 5px;}
.f_quick_link_list:last-child{border-right:none;}
.f_quick_link_list_title{float:left; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:'EsaManru'; font-weight:500; font-size:18px; color:#1f1f1f;}
.f_quick_link_list ul{float:left; width:100%; margin:10px 0 0 0;}
.f_quick_link_list ul li{float:left; width:100%;}
.f_quick_link_list ul li a{display:block; width:100%; height:40px; line-height:40px; padding:0 30px 0 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; position:relative; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#585858;}
.f_quick_link_list ul li a img{position:absolute; right:10px; top:50%; transform:translate(0 , -50%);}

.f_utill_wrap{float:left; width:100%; background:#ffffff; border-top:1px solid #e5e7ea; padding:10px 0; }
.f_utill_box{width:1400px; margin:0 auto; display:flex;}
.fu_left{float:left;}
.fu_left li{float:left; margin:0 20px 0 0;}
.fu_left li a{display:block; padding:5px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f;}
.fu_right{float:left; margin:0 0 0 auto;}
.fu_right li{float:left; margin:0 0 0 20px;}
.fu_right li a{display:block; padding:5px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f;}
.fu_left li:hover a{opacity:0.7;}
.fu_right li:hover a{opacity:0.7;}

.f_copy_wrap{float:left; width:100%; background:#ffffff; border-top:1px solid #e5e7ea; padding:30px 0; }
.f_copy_box{width:1400px; margin:0 auto; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#6f6f6f; line-height:40px;}
.f_copy_box img{width:120px;}

@media screen and (max-width:1440px) {
	.footer_wrap{padding:0 10px; margin:30px 0 0 0;}
	.footer_box{width:100%;}
	.f_quick_link_wrap{padding:20px 0;}
	.f_quick_link_box{width:100%;}
	.f_utill_box{width:100%;}
	.f_copy_box{width:100%;}
}

@media screen and (max-width:1024px) {
	.f_quick_link_list{width:calc(100% / 4); margin:5px 0;}
	.f_quick_link_list:nth-child(4n){border-right:none;}
}

@media screen and (max-width:768px) {
	.f_quick_link_list{width:calc(100% / 2);}
	.f_quick_link_list:nth-child(2n){border-right:none;}
	.f_quick_link_list_title{font-size:16px;}
	.f_quick_link_list ul li a{height:32px; line-height:32px; font-size:14px;}
	.f_utill_box{justify-content:center; flex-wrap:wrap;}
	.fu_left li{margin:0 5px;}
	.fu_left li a{font-size:12px;}
	.fu_right{margin:0;}
	.fu_right li{margin:0 5px;}
	.fu_right li a{font-size:12px;}
	
}











