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

#wrap > .inner{display: block;justify-content:space-between;margin-top: 50px;padding: 0 10px;min-height: auto;}


/* 컨텐츠 리스트 */
#section01{position: relative;width: 100%;min-height: calc(100vh - 140px);border-radius: 12px;padding-top: 15px;height: 100%;background: #fff;padding-bottom: 80px;}
ul.con_list{position: relative;width: 90%;margin: 0 auto;z-index: 500;}
ul.con_list li:not(:last-child){margin-bottom: 45px;}
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;}
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%; }
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: block;align-items: center;}
ul.con_list li .Profile_box .left_box .txt strong{position: relative; display: block;margin-right: 15px;font-size: 13px;font-weight: 600;}
ul.con_list li .Profile_box .left_box .txt strong:after{display: none; content:'/';position: absolute;right: -8px;top: 50%;transform: translateY(-50%);}
ul.con_list li .Profile_box .left_box .txt p{font-size: 11px;font-weight: 500;margin-right: 10px;margin: 7px 0 3px;}
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 button{font-size: 0;}

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%;}
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:15px;align-items: center;justify-content: center;}
ul.con_list li .content_box .notice_wrap .notice_box p{font-size: 12px;}
ul.con_list li .content_box .con_arrow{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 35px;height: 35px;background: rgba(0,0,0,.4);z-index: 300;border-radius: 0 5px 5px 0;}
ul.con_list li .content_box .con_arrow i{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);color: #fff;font-size: 17px;}
ul.con_list li .content_box .con_arrow.con_next{left: auto;right: 0;border-radius: 5px 0 0 5px;}
ul.con_list li .content_box .btn_box{display: flex;gap:5px;}
ul.con_list li .content_box .btn_box a{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.con_list02 .left_wrap{width: 100%;}
ul.con_list.con_list02 .right_wrap{display: none;}
ul.con_list.con_list02 li:not(:last-child){margin-bottom: 0px;}
ul.con_list.con_list02 li .content_box .tit{-webkit-line-clamp: 3;}

ul.con_list03{border-top: 1px solid #ddd;}
ul.con_list03 li a{display: flex;gap:10px;padding: 20px 0;border-bottom: 1px solid #ddd;}
ul.con_list03 li a .img_cover_Wrap{width: 60px;}
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% - 70px);}
ul.con_list03 li a .txt_wrap strong{font-size: 14px;}
ul.con_list03 li a .txt_wrap p{font-size: 13px;margin: 7px 0;line-height: 1.3;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -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: 12px;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;}


/* member */
#member_wrap{width: 100%;background: #fff;margin: 0 auto;padding: 50px 30px 50px; border-radius: 0px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,.0);}
#member_wrap .logo_box{margin-bottom: 20px;}
#member_wrap .logo_box a{display: block;margin-bottom: 10px;}
#member_wrap .logo_box img{display: block;margin: 0 auto;}
#member_wrap .logo_box h2{font-size: 15px;font-weight: 600;text-align: center;}
#member_wrap .member_form ul{display: flex;gap:5px;flex-wrap:wrap;margin-bottom: 15px;}
#member_wrap .member_form ul li{position: relative;width: 100%;}
#member_wrap .member_form ul li.name_box{display: flex;gap:8px;}
#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 .check_box{margin-bottom: 20px;}
#member_wrap .member_form .check_box .box{display: flex;gap:7px;align-items: center;margin-bottom: 8px;}
#member_wrap .member_form .check_box .box:last-child{margin-bottom: 0;}
#member_wrap .member_form .check_box .box input{position: relative;width: 15px;top: 1px;}
#member_wrap .member_form .check_box .box label{font-size: 12px;font-weight: 600;}
#member_wrap .member_form .check_box .box label span{color: #FF6301;}
#member_wrap .member_form .check_box .box button{font-size: 11px;color: #A8A8A8;}


/* 로그인 */
#login_wrap{width: 100%;background: #fff;margin: 0 auto;padding: 50px 30px 30px; border-radius: 40px;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);}
#login_wrap .logo_box{margin-bottom: 20px;}
#login_wrap .logo_box a{display: block;margin-bottom: 10px;}
#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);}
#login_wrap .login_pop .pop_wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);width: 95%;padding: 30px; border-radius: 10px;background: #fff;}
#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);}


/* 마이페이지 */
#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 button{height: 23px;padding: 0 8px;background: #E4E4E4;color: #999;border-radius: 4px;font-size: 11px ;}
#mypage_wrap .inpo_wrap form{display: block;align-items: center;}
#mypage_wrap .inpo_wrap form > div{flex:1;padding-left: 0px;}
#mypage_wrap .inpo_wrap form .box01{display: flex;gap:20px;align-items: center;margin-bottom: 30px;}
#mypage_wrap .inpo_wrap form .box01 .img_cover_Wrap{position: relative;width: 120px;}
#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;}
#mypage_wrap .inpo_wrap form .box01 .txt_Wrap .txt{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 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{display: none;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: 60px;}
#mypage_wrap .edit_wrap form ul{margin-bottom: 30px;}
#mypage_wrap .edit_wrap form ul li{display: block;align-items: center;margin-bottom: 10px;}
#mypage_wrap .edit_wrap form ul li.list_btn_wrap{position: relative;}
#mypage_wrap .edit_wrap form ul li:last-child{margin-bottom: 0;}
#mypage_wrap .edit_wrap form ul li p{width: 100%;font-size: 13px;font-weight: 600;margin-bottom: 10px;}
#mypage_wrap .edit_wrap form ul li input{width: 100%;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.list_btn_wrap input{padding: 0 100px 0 15px;}
#mypage_wrap .edit_wrap form ul li.address input{width: 100%;}
#mypage_wrap .edit_wrap form ul li button{position: absolute;right: 5px;bottom: 5px; padding: 0 10px;height: 30px;border-radius: 12px;background:#6C6C6C;color: #fff;font-size: 12px;font-weight: 600;margin-left: 10px;}

#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;}

}