#wrap > .inner{display: flex;justify-content:space-between;margin-top: 65px;padding-left: 305px;padding-right: 15px;min-height: calc(100vh - 65px);}


/* section01 */
#section01{position: relative;width: calc(100% - 305px);min-height: calc(100vh - 140px);border-radius: 12px;padding-top: 15px;height: 100%;background: #fff;padding-bottom: 100px;}
ul.con_list{position: relative;width: 70%;margin: 0 auto;z-index: 500;}
ul.con_list li:not(:last-child){margin-bottom: 45px;}
ul.con_list li.mob_banner{display: none;}
ul.con_list li .Profile_box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
ul.con_list li .Profile_box .left_box{display: flex; gap:8px;align-items: center;}
ul.con_list li .Profile_box .left_box .img_wrap{width: 40px;}
ul.con_list li .Profile_box .left_box .img_wrap .img_box{position:relative; width:100%; padding-bottom:100%;border-radius: 50%;overflow:hidden;}
ul.con_list li .Profile_box .left_box .img_wrap .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}
ul.con_list li .Profile_box .left_box .txt{display: flex;align-items: center;}
ul.con_list li .Profile_box .left_box .txt strong{position: relative; display: block;margin-right: 23px;font-size: 12px;font-weight: 600;}
ul.con_list li .Profile_box .left_box .txt strong:after{content:'/';position: absolute;right: -14px;top: 50%;transform: translateY(-50%);}
ul.con_list li .Profile_box .left_box .txt p{font-size: 12px;font-weight: 500;margin-right: 10px;}
ul.con_list li .Profile_box .left_box .txt span{font-size: 11px;color: #B4B4B4;font-weight: 500;}

ul.con_list li .Profile_box .right_box{position: relative;}
ul.con_list li .Profile_box .right_box > button{font-size: 0;}
ul.con_list li .Profile_box .right_box .drop_box{display: none; position: absolute;right: 0;top: calc(100% + 10px);z-index: 200; width: 80px;border-radius: 4px;overflow: hidden; background: #fff;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.15);}
ul.con_list li .Profile_box .right_box .drop_box button{display: flex;align-items: center;justify-content: center;width: 100%; gap:3px; font-size: 13px;padding: 8px 0;border-bottom: 1px solid #ddd;transition:.3s;}
ul.con_list li .Profile_box .right_box .drop_box button:hover{background: var(--ma_c01);color: #fff;}
ul.con_list li .Profile_box .right_box .drop_box button:last-child{margin-bottom: 0;border-bottom: 0 solid #000;}

ul.con_list li .content_box .tit{font-size: 14px;font-weight: 600;line-height: 1.3; margin-bottom: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;color: #454545;}
ul.con_list li .content_box .con_slide_wrap{position: relative;overflow:hidden;margin-bottom: 10px;}
ul.con_list li .content_box .img_wrap .img_box{position:relative; width:100%; padding-bottom:74.897%;background:#E7E7E7;border-radius: 12px;overflow: hidden;}
ul.con_list li .content_box .img_wrap .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:100%; max-width:100%; max-height:100%;object-fit: contain;}
ul.con_list li .content_box .notice_wrap{width: 100%;}
ul.con_list li .content_box .notice_wrap {position: relative;width:100%; padding-bottom:74.897%;background:#E7E7E7;border-radius: 12px;}
ul.con_list li .content_box .notice_wrap .notice_box{position: absolute;display: flex; width: 100%;left: 0;top: 50%;transform: translateY(-50%);flex-direction: column;gap:30px;align-items: center;justify-content: center;}
ul.con_list li .content_box .con_arrow{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: rgba(0,0,0,.4);z-index: 300;border-radius: 0 10px 10px 0;}
ul.con_list li .content_box .con_arrow i{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;font-size: 20px;}
ul.con_list li .content_box .con_arrow.con_next{left: auto;right: 0;border-radius: 10px 0 0 10px;}
ul.con_list li .content_box .btn_box{display: flex;gap:5px;}
ul.con_list li .content_box .btn_box a{position: relative;display: flex;align-items: center;justify-content: center;gap:5px;padding: 0 10px;border-radius: 10px;height: 20px;background:var(--ma_bg01);}
ul.con_list li .content_box .btn_box a span{font-size: 11px;color: #000;}
ul.con_list li .content_box .btn_box a.like_btn img{transition:.2s;}
ul.con_list li .content_box .btn_box a.like_btn img:nth-child(2){position: absolute;left: 10px;top: 50%;width: 10px;transform: translateY(-50%);opacity: 0;}
ul.con_list li .content_box .btn_box a.like_btn.on img:nth-child(1){opacity: 0;}
ul.con_list li .content_box .btn_box a.like_btn.on img:nth-child(2){opacity: 1;}

ul.con_list.con_list02{width: 100%;border-top: 1px solid #ddd;}
ul.con_list.con_list02 li{display: flex;align-items: center;padding: 20px 0;border-bottom: 1px solid #ddd;gap:30px;margin-bottom: 0;}
ul.con_list.con_list02 .left_wrap{width: calc(100% - 150px);}
ul.con_list.con_list02 .left_wrap .tit{font-weight: 500;}
ul.con_list.con_list02 .right_wrap{width: 120px;}

ul.con_list.con_list_board li .content_box .tit{font-size: 20px;}


ul.con_list03{border-top: 1px solid #ddd;}
ul.con_list03 li a{display: flex;gap:30px;padding: 20px 0;border-bottom: 1px solid #ddd;}
ul.con_list03 li a .img_cover_Wrap{width: 80px;}
ul.con_list03 li a .img_cover_Wrap .img_cover{border-radius: 50%;overflow: hidden;}
ul.con_list03 li a .txt_wrap{width: calc(100% - 130px);}
ul.con_list03 li a .txt_wrap p{font-size: 14px;font-weight: 500; margin: 10px 0;line-height: 1.3;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
ul.con_list03 li a .txt_wrap .txt{display: flex;gap:15px;}
ul.con_list03 li a .txt_wrap .txt span{position: relative; font-size: 13px;color: #666;}
ul.con_list03 li a .txt_wrap .txt span:after{content:'';position: absolute;right: -9px;top: 50%;transform: translateY(-50%);width: 3px;height: 3px;border-radius: 50%;background: #666;}
ul.con_list03 li a .txt_wrap .txt span:last-child:after{display: none;}


@media screen and (max-width:1200px) {
#wrap > .inner{padding-left: 270px;}
#section01{width: 100%;}

/* 컨텐츠 리스트 */
ul.con_list{width: 75%;}
ul.con_list li.mob_banner{display: block;overflow:hidden;}
ul.con_list li.mob_banner .img_wrap a{display: block;position:relative; width:100%; padding-bottom:74.897%;border-radius: 12px;overflow:hidden;}
ul.con_list li.mob_banner .img_wrap a img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%;object-fit:cover;}

}


/* member */
#member_wrap{width: 485px;background: #fff;margin: 0 auto;padding: 100px 60px 63px; border-radius: 40px;box-shadow: 1px 1px 20px 0px rgba(0,0,0,.1);}
#member_wrap .logo_box{margin-bottom: 30px;}
#member_wrap .logo_box a{display: block;margin-bottom: 15px;}
#member_wrap .logo_box img{display: block;margin: 0 auto;}
#member_wrap .logo_box h2{font-size: 18px;font-weight: 600;text-align: center;}
#member_wrap .member_form ul{display: flex;gap:8px;flex-wrap:wrap;margin-bottom: 25px;}
#member_wrap .member_form ul li{position: relative;width: 100%;}
#member_wrap .member_form ul li.flex_box{display: flex;gap:8px;}
#member_wrap .member_form ul li.flex_box02{align-items: flex-end;}
#member_wrap .member_form ul li p{font-size: 12px;color: red;margin-top: 8px;padding-left: 3px;}
#member_wrap .member_form ul li.btn_wrap button{position: absolute;right: 5px;top: 5px;}
#member_wrap .member_form .btn_box{display: flex;gap: 8px;margin-top: 40px;justify-content: center;}
#member_wrap .member_form .btn_box a,
#member_wrap .member_form .btn_box button{margin: 0;}


/* 약관동의 */
.terms_wrap ul{margin-bottom: 40px;}
.terms_wrap ul li:not(:last-child){margin-bottom: 20px;}
.terms_wrap ul li:nth-child(-n+2){margin-bottom: 25px;}
.terms_wrap ul li:nth-child(-n+2) .ck_box{margin-bottom: 10px;}
.terms_wrap ul li .txt_wrap{height: 136px;overflow-y: scroll;border-radius: 12px;border: 1px solid #DADADA;padding: 20px;}
.terms_wrap ul li .txt_wrap::-webkit-scrollbar {width: 4px;}
.terms_wrap ul li .txt_wrap::-webkit-scrollbar-thumb{background: #ddd;border-radius: 10px;}
.terms_wrap ul li .txt_wrap::-webkit-scrollbar-track {background: transparent;}
.terms_wrap ul li .txt_wrap .txt:not(:last-child){margin-bottom: 10px;}
.terms_wrap ul li .txt_wrap .txt strong{display: block; font-size: 12px;font-weight: 600;margin-bottom: 4px;}
.terms_wrap ul li .txt_wrap .txt p{font-size: 11px;font-weight: 500;line-height: 15px;}


/* 로그인 */
#login_wrap{width: 485px;background: #fff;margin: 0 auto;padding: 100px 60px 63px; border-radius: 40px;box-shadow: 1px 1px 20px 0px rgba(0,0,0,.1);}
#login_wrap .logo_box{margin-bottom: 35px;}
#login_wrap .logo_box a{display: block;margin-bottom: 15px;}
#login_wrap .logo_box a img{display: block; margin: 0 auto ;}
#login_wrap .logo_box p{font-size: 13px;font-weight: 300;text-align: center;}
#login_wrap form .con01{margin-bottom: 13px;}
#login_wrap form .con01 ul li{position: relative;margin-bottom: 8px;}
#login_wrap form .con01 ul li:last-child{margin-bottom: 0;}
#login_wrap form .con01 ul li input{padding: 0 70px 0 20px;}
#login_wrap form .con01 ul li button{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);}
#login_wrap form .con02{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
#login_wrap form .con02 .left_box{display: flex;gap:5px;align-items: center;}
#login_wrap form .con02 .left_box input{position: relative;width: 15px;}
#login_wrap form .con02 .left_box label{font-size: 12px;color: #000;opacity: .6;}
#login_wrap form .con02 .right_box{display: flex;gap:15px;}
#login_wrap form .con02 .right_box button,
#login_wrap form .con02 .right_box a{font-size: 12px;font-weight: 600;color: #8E8E8E;transition: .3s;}
#login_wrap form .con02 .right_box button:hover,
#login_wrap form .con02 .right_box a:hover{color: var(--ma_c01);}
#login_wrap form .con02 .right_box button{position: relative;}
#login_wrap form .con02 .right_box button:after{content:'';position: absolute;right: -8px;top: 50%;transform: translateY(-50%);width: 1px;height: 11px;background: #DADADA;}
#login_wrap form .con03 p{margin: 25px 0;text-align: center;font-size: 12px;font-weight: 300;}
#login_wrap form .con03 button:not(:first-child){margin-bottom: 8px;}

/* 로그인 팝업 */
#login_wrap .login_pop{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,.5);z-index: 10000;}
#login_wrap .login_pop .pop_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 485px;padding: 60px; border-radius: 20px;background: #fff;height: auto;}
#login_wrap .login_pop .pop_wrap h3{font-size: 18px;margin-bottom: 30px;}
#login_wrap .login_pop .pop_wrap .close_btn{position: absolute;top: 40px;right: 40px;width: 30px;height: 30px;}
#login_wrap .login_pop .pop_wrap .close_btn:after{content:'';position: absolute;right: 0;top: 0;width: 100%;height: 1px;background: #000;transform: rotate(45deg);}
#login_wrap .login_pop .pop_wrap .close_btn:before{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #000;transform: rotate(-45deg);}
#login_wrap .login_pop .pop_wrap form ul{margin-bottom: 25px;}
#login_wrap .login_pop .pop_wrap form ul li{margin-bottom: 15px;}
#login_wrap .login_pop .pop_wrap form ul li:last-child{margin-bottom: 0;}
#login_wrap .login_pop .pop_wrap form ul li p{font-size: 14px;margin-bottom: 10px;}
#login_wrap .login_pop .pop_wrap form ul li .box{display: flex;gap:10px;}
#login_wrap .login_pop .pop_wrap form ul li .box button{height: 45px;}
#login_wrap .login_pop .pop_wrap form ul li .box input{width: calc(100% - 85px);}



/* post_wrap */
#post_wrap ul{margin-bottom: 10px;}
#post_wrap ul li{position: relative;}
#post_wrap ul li:not(:last-child){margin-bottom: 10px;}
#post_wrap ul li button{position: relative;width: 200px;height: 40px;border-radius: 12px;border: 1px solid #DADADA ;padding: 0 15px;font-size: 12px;text-align: left;}
#post_wrap ul li button:after{content:'';position: absolute;right: 15px;top: 50%;transform: translateY(-50%);width: 8px;height: 4px;background: url(../images/sub/post_ico01.svg);}
#post_wrap ul li .select_box{display: none;position: absolute;left: 0;top: 100%;width: 200px;border: 1px solid #DADADA;border-radius: 12px;z-index: 200;background: #fff;padding: 15px;}
#post_wrap ul li .select_box p{font-size: 12px;margin-bottom: 5px;}
#post_wrap ul li .select_box p:last-child{margin-bottom: 0;}
#post_wrap ul li input[type="text"]{width: 100%;height: 40px;border-radius: 12px;border: 1px solid #DADADA ;padding: 0 15px;font-size: 12px;}
#post_wrap ul li textarea{width: 100%;height: 400px;border-radius: 12px;border: 1px solid #DADADA ;font-size: 12px;padding: 15px;}
#post_wrap ul li.flex_box{display: flex;width: 145px;height: 40px; align-items: center;justify-content: center;border-radius: 12px;background: var(--ma_bg01);}
#post_wrap ul li.flex_box p{font-size: 12px;font-weight: 600;}
#post_wrap ul li.flex_box input{display: none;}
#post_wrap ul li.flex_box label:nth-child(3){position: relative;top: 2px;margin: 0 14px 0 24px;}
#post_wrap .radio_wrap{display: flex;gap:10px;margin: 20px 0;}
#post_wrap #imagePreviewList{margin-bottom: 0;}
#post_wrap #imagePreviewList li{margin-bottom: 0;}


/* 마이페이지 */
#mypage_wrap .con_wrap{padding: 35px 25px;background: #fff;border-radius: 12px;}
#mypage_wrap .con_wrap h3{margin-bottom: 30px;}
#mypage_wrap .inpo_wrap .tit{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
#mypage_wrap .inpo_wrap .tit h4{margin-bottom: 0;}
#mypage_wrap .inpo_wrap .tit button{height: 23px;padding: 0 8px;background: #E4E4E4;color: #999;border-radius: 4px;font-size: 11px ;}
#mypage_wrap .inpo_wrap form{display: flex;align-items: center;}
#mypage_wrap .inpo_wrap form > div{flex:1;padding-left: 20px;}
#mypage_wrap .inpo_wrap form .box01{display: flex;gap:20px;align-items: center;}
#mypage_wrap .inpo_wrap form .box01 .img_cover_Wrap{position: relative;width: 120px;}
#mypage_wrap .inpo_wrap form .box01 .img_cover_Wrap .img_cover{overflow:hidden;border-radius: 50%;}
#mypage_wrap .inpo_wrap form .box01 .img_cover_Wrap input{display: none;}
#mypage_wrap .inpo_wrap form .box01 .img_cover_Wrap label{position: absolute;bottom: 0;right: 0;cursor: pointer;}
#mypage_wrap .inpo_wrap form .box01 .txt_Wrap .txt{position: relative; display: flex;gap:5px;align-items: center;margin-bottom: 15px;}
#mypage_wrap .inpo_wrap form .box01 .txt_Wrap .txt strong{font-size: 16px;}
#mypage_wrap .inpo_wrap form .box01 .txt_Wrap .txt input[type="text"]{display:none; width: 120px;height: 30px;border-radius: 8px;border: 1px solid #dadada;padding: 0 10px;font-size: 13px;}
#mypage_wrap .inpo_wrap form .box01 .txt_Wrap p{font-size: 14px;color: #666;font-weight: 500;margin-bottom: 5px;}
#mypage_wrap .inpo_wrap form .box01 .txt_Wrap p:last-child{margin-bottom: 0;}
#mypage_wrap .inpo_wrap form .box02{position: relative;}
#mypage_wrap .inpo_wrap form .box02:after{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 85px;background: #c7c7c7;}
#mypage_wrap .inpo_wrap form .box02 .txt{display: flex;align-items: center;margin-bottom: 10px;}
#mypage_wrap .inpo_wrap form .box02 .txt:last-child{margin-bottom: 0;}
#mypage_wrap .inpo_wrap form .box02 .txt strong{display: block;width: 55px;color: #666;font-size: 13px;}
#mypage_wrap .inpo_wrap form .box02 .txt p{font-size: 13px;color: #999;}

#mypage_wrap .edit_wrap{margin-top: 20px;padding-bottom: 100px;}
#mypage_wrap .edit_wrap form ul{margin-bottom: 30px;}
#mypage_wrap .edit_wrap form ul li{display: flex;align-items: center;margin-bottom: 10px;}
#mypage_wrap .edit_wrap form ul li:last-child{margin-bottom: 0;}
#mypage_wrap .edit_wrap form ul li p{width: 97px;font-size: 13px;font-weight: 600;}
#mypage_wrap .edit_wrap form ul li input{width: 320px;height: 40px;border-radius: 12px;border: 1px solid #dadada;padding: 0 15px;font-size: 13px;}
#mypage_wrap .edit_wrap form ul li input::placeholder{color: #999;}
#mypage_wrap .edit_wrap form ul li.address input{width: 426px;}
#mypage_wrap .edit_wrap form ul li button{padding: 0 10px;height: 40px;border-radius: 12px;background:#6C6C6C;color: #fff;font-size: 12px;font-weight: 600;margin-left: 5px;}

#mypage_wrap .btn_wrap{display: flex;align-items: center;justify-content: center;gap:10px;}
#mypage_wrap .btn_wrap button{padding: 0 19px;border-radius: 17px;height: 37px;font-size: 14px;font-weight: 700;color: #fff;background: #B6B6B6;}
#mypage_wrap .btn_wrap button:nth-child(2){background: #00CED1;}



/* 뷰페이지 */
#view_wrap.sub02_wrap{padding: 30px 0 100px;}
#view_wrap .view_box01{width: 70%;margin: 0 auto;}
#view_wrap .view_box01 ul.con_list{width: 100%;margin-bottom: 15px;}
#view_wrap .view_box01 ul.con_list .Profile_box{position: relative;}
#view_wrap .view_box01 ul.con_list .Profile_box .back_btn{position: absolute;left: -36px;top: 50%;transform: translateY(-50%);}
#view_wrap .view_box01 ul.con_list .content_txt{font-size: 13px;line-height: 18px;margin-bottom: 15px;color: #333;white-space: pre-line;}
#view_wrap .view_box01 .Comment_wrap .Comment_btn{padding: 0 10px;border-radius: 8px;line-height: 30px;font-size: 13px;background: var(--ma_c01);color: #fff;}
#view_wrap .view_box01 .Comment_wrap .i_box{display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #454545;}
#view_wrap .view_box01 .Comment_wrap .i_box input{width: calc(100% - 52px);height: 30px;border-radius: 8px;border: 1px solid #dadada;padding: 0 70px 0 15px;font-size: 12px;}
#view_wrap .view_box01 .Comment_wrap .i_box input::placeholder{color: #7f7f7f;}
#view_wrap .view_box01 .Comment_wrap .category_box{display: flex;gap: 10px;margin-bottom: 15px;}
#view_wrap .view_box01 .Comment_wrap .category_box button{position: relative; font-size: 11px;font-weight: 700;color: #7F7F7F;transition: .2s;}
#view_wrap .view_box01 .Comment_wrap .category_box button.on{padding-left: 13px;color: var(--ma_c01);}
#view_wrap .view_box01 .Comment_wrap .category_box button:after{opacity: 0; content:'';position: absolute;transition: .2s; left: 0;top: 50%;transform: translateY(-50%);width: 10px;height: 7px;background: url(../images/sub/view_ico04.svg);}
#view_wrap .view_box01 .Comment_wrap .category_box button.on:after{opacity: 1;}

#view_wrap .view_box01 .Comment_wrap .Comment_box ul li{padding: 10px 0; border-bottom: 1px solid #DADADA;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .name_box{display: flex;gap:5px;align-items: center;margin-bottom: 10px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .name_box .img_cover_Wrap{width: 24px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .name_box p{font-size: 12px;font-weight: 700;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .name_box span{font-size: 12px;color: #B4B4B4;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .name_box button{height: 20px;padding: 0 7px;border-radius: 4px;font-size: 11px;color: #fff;background: #666;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .txt_wrap{font-size: 12px;line-height: 16px;color: #333;margin-bottom: 10px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .Comment_down_btn{padding: 0 7px;height: 18px;border-radius: 4px;background: #969696;font-size: 11px;font-weight: 700;color: #fff;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap{margin-left: 12px;margin-top: 8px; background: #F7F7F7;padding: 8px 8px 20px 8px;border-radius: 6px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap ul{margin-bottom: 12px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap form{display: flex;align-items: center;justify-content: space-between;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap form input{width: calc(100% - 52px);height: 24px;background: #fff;border-radius: 4px;padding: 0 9px;border: 0;font-size: 12px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap form input::placeholder{color: #7f7f7f;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap form button{line-height: 24px;border-radius: 4px;}
#view_wrap .view_box01 .Comment_wrap .Comment_box ul li .reply_wrap .Comment_up_btn{display: flex;align-items: center;margin: 8px auto 0; gap:5px;height: 25px;padding: 0 10px;border-radius: 4px;font-size: 10px;color: #fff;background: #666;}
#view_wrap .view_box01 .Comment_wrap .all_btn{display: flex;align-items: center;margin: 15px auto 0;gap:3px;height: 18px;padding: 0 7px;border-radius: 4px;background:var(--ma_c01);color: #fff;font-size: 11px;}
#view_wrap .view_box01 .Comment_wrap .all_btn img{transform: rotate(180deg);}


/* 통합검색 페이지 */
#search_wrap .top_box{margin-bottom: 20px;}
#search_wrap .top_box .tab_box{overflow-x: scroll;}
#search_wrap .top_box .tab_box::-webkit-scrollbar{display: none;}
#search_wrap .top_box .tab_box .scroll_box{display: flex;width: max-content;}
#search_wrap .top_box .tab_box a{display: block;width: 100px;line-height: 35px;text-align: center;font-size: 13px;border: 1px solid #ddd;border-right:0;}
#search_wrap .top_box .tab_box a:last-child{border-right: 1px solid #ddd;}
#search_wrap .top_box .tab_box a.on{background: var(--ma_c01);color: #fff;border: 1px solid var(--ma_c01);font-weight: 500;}
#search_wrap .top_box .tab_box a:last-child.on{border-right: 1px solid var(--ma_c01);}
#search_wrap .top_box .cate_box{margin-top: 20px;}