@charset "utf-8";
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

	 @font-face {
		font-family: 'EliceDigitalBaeum_Regular';
		src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/EliceDigitalBaeum_Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;

	}

	*{margin: 0; padding: 0;   font-family: 'Pretendard-Regular';}
	li{list-style:none; }
	a{text-decoration: none; color:inherit;}
	button{ cursor:pointer; border: none;}
	html{overflow-x: hidden;}
    /*헤더 시작----------------------------------------------------------------------------*/

    header{width:100%; position: fixed; height: 160px; border-bottom: 1px solid lightgray; z-index:1000; background-color: #fff; top:0;}
    .header_content{ width:100%; height: 100px; border-bottom: 1px solid lightgray;}
    .header_content .top_area{ width:1280px;height: 50px; margin: 0 auto; }
    .header_content .top_area .top_banner{ width:50%; padding: 15px 0px;text-align: center; float: left; color: #fff; font-weight: bold;}
    .header_content .top_area .top_banner span{ color: #ffcf03;}
    .header_content .top_area .top_banner1{ background-color: #e75524;}
    .header_content .top_area .top_banner2{ background-color: #0194fc;}

    .header_content .mid_area{ width:1280px; height: 70px; padding:15px 0px; margin: 0 auto; }
    .header_content .mid_area .logo{ float: left; }
    .header_content .mid_area .search{ width: 390px; height: 35px; margin-top: 15px;border: 2px solid #0AB2A6; border-radius: 20px; padding:3px 10px; margin-left: 30px; float: left;}
    .header_content .mid_area form{ width:100%; }
    .header_content .mid_area .search form .top_search{ width: 340px; height: 32px; float :left;position: relative;top:0; border: none;}
    .header_content .mid_area .search form .search_btn{ width: 40px; height: 35px; float: right; background-color: #fff;  border: none; cursor:pointer;}

    .header_content .mid_area .sub_btn{width: 370px; float: right; height:auto;}
    .header_content .mid_area .sub_btn ul{ width:100%; position: relative; padding-top: 28px;}
    .header_content .mid_area .sub_btn ul li{ padding: 0 15px;height: auto; text-align: center;
                                                float:left; font-size: 14px; font-weight:bold;}


    .btm_area{width:100%; height: 60px;}
    .btm_area .main_menu{ width:1200px; margin: 0 auto; height: auto;position: relative; }
    .btm_area .main_menu > ul{width:100%; position: relative; display:flex; justify-content: space-between}
    .btm_area .main_menu > ul li{  text-align: center; float: left; line-height: 60px; font-weight: bold; color: black; font-size: 1rem;}
    .btm_area .header_btn{ width: 560px; float: right; position: relative; margin-top: 10px; }
    .btm_area .header_btn ul{ width:100%; position: relative;}
    .btm_area .header_btn ul a { width: 135px; float: left; background-color: #fff; color: black; padding: 5px 0px;  text-align: center; font-size: 15px; font-weight: bold;}
    .btm_area .header_btn ul a:nth-child(1){ background-color: #0AB2A6; color: #fff; margin-right: 1%; border-radius: 10px;}
    .btm_area .header_btn ul a:nth-child(2){ background-color: #0AB2A6; color: #fff; border-radius: 10px;}
    .btm_area .header_btn ul a:nth-child(3){ width: 125px; margin-left:4%; padding: 3px 0px; text-align: right;}
    .btm_area .header_btn ul a:nth-child(4){ width: 125px; padding: 3px 0px; text-align: right;}
    .btm_area .header_btn ul .my_icon { border-left: 1px solid black; text-align: left; }
    .btm_area .header_btn ul .my_icon img{ width: 23px; margin-left: 20px; display:inline;}
    .btm_area .header_btn ul .my_icon span{ display: inline-block; float:right; margin-right: 5px; font-weight: bold;}

    /*헤더 끝----------------------------------------------------------------------------*/



    /*공통----------------------------------------------------------------------------*/

    #wrap{ width:100%; position: relative; height: auto;margin-top:160px; }
    #wrap .full_banner{ position: relative;width:100%; height: 400px; background-color: #112959; color: #fff;}
    .content{ width:1280px;height: auto; margin: 0 auto; padding: 40px 0px;}

    .now_receipt{padding: 4px 10px; background-color: #ff5756; color: #fff; font-size: .9rem; font-weight: bold;}
    .receipt{padding: 4px 10px; background-color: #3f91c3; color: #fff; font-size: .9rem;font-weight: bold;}
    .hit{ color: gray; font-size: 12px; float: right; display: none;}
    .hit img{ width:20px; margin-right: 5px;}
.list_img{ overflow: hidden; font-size: 0; line-height: 0; text-indent: -99999px;}

    /*중간 배너---------------------------------------------------------------------------*/
    .event{ width:100%; height: auto; border: 1px solid red; padding-bottom: 40px;}
    .event_banner{ width:100%; height: 120px;}


    /*갤러리 리스트형식-----------------------------------------------------------------------*/
    .my_project_list{width:100%; display: inline-block;}
    .my_project_list a li{ width: 25%; height: 400px; padding: 20px 1.5%; float: left; position: relative; box-sizing: border-box;}
    .my_project_list a li:nth-child(1){ padding-left: 0;}
    .my_project_list a li .list_img{ width:100%; padding-bottom:57%; border-radius: 10px; background-size:cover; background-position: center; background-repeat: no-repeat;
										text-indent:-999999px;border: 1px solid #f5f5f5; margin-top: 0;}
    .my_project_list a li > span{ color: #222; font-size: .9rem; letter-spacing: 1px; padding: 4px 10px; background: #f5f5f5; border-radius: 15px;margin-top: 10px; display: inline-block;}
    .my_project_list a li h1{ font-size: 16px;  margin-top: 10px; word-break:break-all; height:50px; }
    .my_project_list a li > div{width:100%;}
    .my_project_list a li > div .hit{ color: gray; font-size: 12px; float: right;}
    .my_project_list a li > div .hit img{ width:20px; margin-right: 5px;}



   /*리스트 형식의 list*/
   .sub_project_list{ padding: 0!important;}
   .sub_project_list > h2{ font-size: 1.25rem; padding-bottom:10px; }
   .sub_project_list ul{ width:100%; height: auto; display: flex;flex-direction: column;justify-content: space-between;align-items: center;border-top:1px solid #f5f5f5!important; margin-top: 0!important; border-bottom: 2px solid #272727;}
   .sub_project_list ul li{ padding: 18px 0px; width:100%; height: auto; display: flex;justify-content: space-between;border-bottom:1px solid #e6e6e6;}
   .sub_project_list ul li .list_thume{ width: 210px;padding-bottom:57.6061%; border: 1px solid #f5f5f5; float: left; border-radius: 7px; text-indent:-999999px;
										   background-size: cover; background-position: center; background-repeat: no-repeat;}
   .sub_project_list ul li .sec1{ width: 60%; float: left; height: auto; padding-left:1%;}
   .sub_project_list ul li .sec1 > p{ padding: 5px 0px; font-size: 15px;}
   .sub_project_list ul li .sec1 span{ color: #222; font-size: .9rem; padding: 4px 10px; background: #f5f5f5; border-radius: 15px;margin-top: 10px; display: inline-block;}
   .sub_project_list ul li .sec1 .area{font-size:15px; display: flex; align-items: center}
   .sub_project_list ul li .sec1 .area .in_mypage1{background :none!important; ;margin-left:1%!important; ; width: 17px!important; ; height: 16px!important; margin-top:0!important; padding:0!important;}
   .sub_project_list ul li .sec1 .title { color:#222;; font-size: 20px; font-weight: bold;}
   .sub_project_list ul li .sec1 .title .new{ background-color: #FF5756; color: #fff; padding: 1px 7px; font-size:14px;}
   .sub_project_list ul li .sec1 .title .best{background-color: #3F91C3; color: #fff; padding: 1px 7px;font-size:14px;}
   .sub_project_list ul li .sec1 .title .in_mypage2{font-size:17px; margin-left: 3px; font-weight: bold; color:#FFDE28; }
   .sub_project_list ul li .sec1 .sector{ margin:0!important; background :none!important; padding:0!important; font-weight: bold!important; ; padding-right: 15px!important; ;}
   .sub_project_list ul li .sec1 .target{  margin:0!important; background :none!important; padding:0!important; font-weight: bold!important; ; padding-right: 15px!important;}
   .sub_project_list ul li .sec1 .cate{ color: #13B9AB; padding:0px 5px; border: 1px solid #13b9ab; border-radius: 14px; font-size: 0.85rem;}
   .sub_project_list ul li .sec2{ width:20%;float: right; text-align: right; line-height: 40px;padding-right:1%;}
    /*공통 끝------------------------------------------------------------------------*/


    /*마이페이지 홈, 프로필--------------------------------------------------------------*/

    .mycon_title{ font-size: 1.25rem; color: black;  margin-bottom:20px;}
    .mycon_title a span{ font-size: 14px; padding: 5px 20px; border: 1px solid gray; float: right; color: gray; font-weight: 100;}

    .project_count{ width:100%; margin: 10px 0px; padding: 50px 0; height: 150px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
	.project_count div{ width:100%; height: 60px; background-color: #f44c48; color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-align: center; line-height:60px; font-weight:bold;}
	.project_count div > span{ color: #ffdb2f; }
    .project_count ul{width:100%; display: flex; margin-bottom:20px;}
    .project_count ul a{width: 25%; height: 120px;text-align: center; float: left; border-right:1px solid lightgray;}
    .project_count ul a:nth-child(6){border-right: none;}
    .project_count ul a li h1{ font-size:2.5rem; margin-bottom: 20px;color: #0AB2A6; }
    .project_count ul a li p{ font-size: 15px;}

    .mycon_tab{ width:100%; height: auto; margin-top :50px;}
    .mycon_tab ul{width:100%; display: inline-block; display:flex; }
    .tab_list{ text-align: center; width:16.7%; padding: 15px 0px; margin-left: -1px;border-bottom: 0;  cursor: pointer; font-size: 1.15rem;}
    .tab_list2, .tab_list3, .tab_list4, .tab_list5, .tab_list6{ display: none;}

    .tab_select{ border-bottom: 3px solid #272727;}


    .profile_box{  width:90%; margin: 10px 0px; padding: 30px 5%; height: 210px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
    .profile_box .first_box{ width: 200px; height: 200px; float: left;margin-top: 10px;}
    .profile_box .first_box .profile_img{ width: 150px; height: 150px; border-radius: 75px; border: 1px solid lightgray; background-size: contain;
                                background-position: center; }
    .profile_box .profile_text{ width: 600px; height: auto; float: left; margin-left: 5%; padding-top: 20px;}
    .profile_box .profile_text h4{ font-size: 20px; text-align: left;}
    .profile_box .profile_text > p{ padding: 10px 0px;width:100%;}
    .profile_box .profile_text > p .naver_login{ width: 150px; height: auto;}
    .percent_bar{ width: 400px; height: 20px; border: 1px solid lightgray; border-radius: 10px; margin: 10px 0px;}
    .percent{ width: 19.48%; float: left; height: 18px; margin: 1px; background-color: #13B9AB;}
    .percent:nth-child(1){ border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
    .percent:nth-child(5){ border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

	.profile_percent p span{ padding: 0 170px;}
    .profile_box .profile_menu{ width: 200px;  height: 170px;float: right;}
    .profile_box .profile_menu ul{ width:100%; display: inline-block; text-indent: 20px;}
    .profile_box .profile_menu ul a li{ padding: 5px 0px;}
    .profile_update{ width: 100px; height: 30px; line-height: 30px; border: 1px solid gray; font-weight: bold; color: gray; display: inline-block;text-align: center;  font-size: 14px; margin-top: 15px; margin-left: 10%; border-radius: 5px;}

    .profile_title{ padding: 3px 10px; background-color: #13B9AB;; color: #fff; font-size: 14px; margin-left: 2%; }
    .n_login{ font-size: 14px;padding: 5px 12px; border: 1px solid lightgray; border-radius: 7px; margin-top: 5px;display: inline-block;}

    .profile_percent{ margin-top: 15px;}


    /*관심주최사-----------------------------------------------------------------------*/

    .cate_tab{width:100%; height: auto; display:inline-block; border: 1px solid lightgray; border-bottom:none; border-right:none; margin-top: 40px; font-size: 15px;}
    .cate_tab a{ height: 56px; line-height: 56px;text-align: center; color: #272727; float: left; border: 1px solid lightgray; margin-top:-1px; margin-left:-1px; cursor:pointer;}

    #target_change:before { content: '\276D \0020';}

    .host_list_box{ width:100%; height: auto; padding: 20px 0px;}
    .host_list_box > ul{ width:100%; display: inline-block; height: auto;}
    .host_list_box > ul li{width: 18%; margin: 10px; box-sizing: border-box; float: left; text-align: center; border: 1px solid lightgray; border-radius: 20px; padding-bottom: 20px; background-color: #fff; height: auto;}
    .host_list_box > ul li .host_logo{ width: 130px; height: 130px; border-radius: 65px; margin: 0 auto; margin-top: 20px;
                                        background-color: #fff; border: 1px solid lightgray;}

    .host_list_box > ul li .host_logo img{ width:80%; margin: 0 10%; margin-top: 55px; }
    .host_list_box > ul li h2{ width:100%; text-align: center;  font-size: 1rem;}
    .host_list_box > ul li h3{ margin: 5px 0px; font-size:1.15rem; margin-bottom:10px;}
    .host_list_box > ul li a button{ padding: 5px 25px; background-color:  #0AB2A6; border: 1px solid #0AB2A6;; color: #fff; border-radius: 15px; cursor: pointer;}

    .host_list_box > ul li a button:hover { border: 1px solid #0AB2A6; color: #0AB2A6; background-color: #fff;}

    .host_list_box > ul li a button:hover .host_list_box > ul li{ background-color:#0AB2A6;}

    .host_all{ width:100%; height: auto; padding-bottom: 40px; margin-top: 40px;}
    .host_all > h1{ font-size:24px; margin-bottom: 40px;}
    .host_all > h1 .count_txt{ font-size:14px; margin-left: 30px;}
    .host_all > h1 .count_txt .count{ font-size: 14px; color:#13b9ab;}

    .host_all > ul {width:100%; display: inline-block; border-top: 3px solid #272727; margin-top: -7px;}
    .host_all > ul > li { width:20%; border-right: 1px solid #f5f5f5; text-align: left; float: left; box-sizing: border-box; padding-bottom: 20px;border-bottom: 1px solid #f5f5f5; }
    .host_all > ul > li > ul{ width:100%; border-top: 1px solid #f5f5f5;}
    .host_all > ul > li > ul a li{ text-indent: 20px; padding: 5px 0px;}
    .host_all > ul > li > ul > li:nth-child(1){ text-align: center; padding: 15px 0px; margin-bottom: 5px; font-size: 18px; font-weight:bold; text-indent: 0;border-bottom: 1px solid #f5f5f5;}

    .host_all > ul > li:nth-child(5n){ border-right: 0;}
    .host_all > ul > li > ul a li span{ color:#0AB2A6; font-weight: bold; }

    .my_host_box{ width:100%; height: auto; padding: 20px 0px;}
    .my_host_box > ul{ width:100%; display: inline-block; height: auto;}
    .my_host_box > ul li{ width:99%; padding: 5px; height:110px;border: 1px solid lightgray; padding-top: 20px;}
    .my_host_box > ul li .my_host_logo{ width: 16%;height: 70px; border: 1px solid lightgray; ; float: left;margin-left: 2%; padding: 0px 2%; padding-top: 15px;}
    .my_host_box > ul li .my_host_logo img{ width: 100%;}
    .my_host_box > ul li .my_host_text{ width: 60%; margin-left: 2%; float: left; height: 90px; }
    .my_host_box > ul li .my_host_text span{ font-size: 0.8rem; color: #fff; padding: 2px 10px; background-color: red; border-radius: 5px;}
    .my_host_box > ul li .my_host_text h2{ font-size: 1.15rem; padding: 7px 0px;}
    .my_host_box > ul li .my_host_text h3{ font-size: 0.75rem;}
    .my_host_box > ul li .my_host_alram{ width: 90px; height: 30px; line-height: 30px; background-color: #0AB2A6; color: #fff; border: 1px solid #0AB2A6;text-align: center; float: right;margin-top: 35px; margin-right: 2%; cursor: pointer;}

    .my_host_box > ul li .my_host_alram:hover{ background-color: #fff; border: 1px solid #0AB2A6; color: #0AB2A6; }


    .project_list3{width:100%; display: inline-block;}
    .project_list3 li{ width: 18%;padding: 30px 1%; border-radius: 20px; border: 1px solid lightgray; margin: 30px 1%; background-color: #fff; float: left; position: relative; text-align: center; box-sizing: border-box;}
    .project_list3 li .list_img{ width:80%; margin: 0 10%; height: 60px; border-bottom: 1px solid lightgray; margin-bottom:10px;text-indent:-999999px;
									background-repeat: no-repeat; background-size: contain; background-position: center;}
    .project_list3 li span{ color: #000; font-size: 16px; }
    .project_list3 li p{ font-size: 16px; color: #000; margin-top:10px;}
    .project_list3 li h1{ font-size: 18px; color:  #0AB2A6; margin-bottom:15px; }

    .project_list3 li a div{ width: 120px; text-align: center; height: 35px; border-radius: 20px; line-height: 35px;
                                background-color: #0AB2A6; color: #fff; font-size: 16px; margin: 0 auto;}
    .project_list3 li a div:after{ content: '\276D \0020';}


	/*회원정보 관리----------------------------------------------------------------------------*/

	.table1{ width:100%; border: 1px solid lightgray; border-collapse: collapse; margin-top: 20px; margin-bottom:40px;}
	.table1 th{ width:25%; padding: 13px 0px; background-color: #0AB2A6; color: #fff;  border-left: 1px solid lightgray;}
	.table1 td{ text-align: center; padding: 13px 0px; border-left: 1px solid lightgray;}

	.table2{ width:100%; border: 1px solid lightgray;margin-top: 20px; border-collapse: collapse; margin-bottom:40px;}
	.table2 tr{ border-bottom: 1px solid lightgray;}
	.table2 th{ width:25%; padding: 15px 0px; text-indent: 20px; background-color: #0AB2A6; color: #fff; text-align: left;  border-left: 1px solid lightgray;}
	.table2 td{ text-align: left; padding: 15px 0px;  text-indent: 20px;border-left: 1px solid lightgray;}

	.table3{width:100%; border: 1px solid lightgray; border-collapse: collapse; margin-top: 20px; margin-bottom:40px; }
	.table3 tr{}
	.table3 tr th{ width:25%; padding: 15px 0px; text-indent: 20px; background-color: #0AB2A6; color: #fff; text-align: left;  border-left: 1px solid lightgray;}
	.table3 tr td{  text-align: left;  text-indent: 20px;border-left: 1px solid lightgray;width: 75%;}
	.table3 label{ width:20%;}

	.ui-datepicker-trigger{ width:27px; height:27px; float: left; border:1px solid lightgray; border-left:0;}
	#datepicker{ float: left; height:27px; margin-left: 20px; border:1px solid lightgray;}
	label{ margin-right: 30px; cursor:pointer;}
	.input_css{ height: 30px; border: 1px solid lightgray; text-indent: 5px;}
	.text_box{ width:50%;}

	.button{width:60px; height:30px;margin-left:1%;background-color: #0AB2A6; border: none; cursor:pointer; border-radius: 5px;  color: #fff;}
	select{ width:160px; height:30px; border: 1px solid lightgray; border-radius: 10px;}
	.keyword{ padding: 2px 10px; background-color: #e9e9e9; border-radius: 10px; margin-right:3%; font-size: 0.8rem;}
	.keyword span{ margin-left: 2%; cursor:pointer;}
	.keyword span img{width:8px;}

	.btn_box{ width:100%; text-align: center; margin-top: 40px;}
	.cancle_btn{ background-color: #e9e9e9; color: black; width:60px; height:30px;border: none; cursor:pointer; border-radius: 5px;  }

	.info_popup h1 span { float: right; margin-right: 10px; cursor:pointer;}
	.info_popup h1{ font-size: 1.2rem; display: inline-block; background-color: #272727; color: #fff; width:100%; padding: 6px 0px; text-indent: 10px; margin-bottom: 20px;}


	.sec_popup{ width: 500px; height: 320px; background-color: #fff; position: fixed; top: 200px; left: 50%; margin-left: -250px; z-index: 1000; display: none; border: 1px solid lightgray;}
	.sec_popup h3{ font-size: 1rem; padding: 20px ;}
	.sec_popup ul{ width:100%; display: inline-block; padding-left: 20px;}
	.sec_popup ul li{float: left; padding-right: 30px; font-size: .8rem;}
	.sec_popup p{ margin-top: 30px; color: red; padding-left: 20px;font-size: .8rem;}


	.phone_popup{ width: 450px; height: 270px; background-color: #fff; position: fixed; top: 200px; left: 50%; margin-left: -225px; display: none; z-index: 1000; border: 1px solid lightgray;}
	.phone_popup input {  margin: 10px 0px;margin-left: 70px; }
	.phone_popup .phone_btn{ background-color: #f5f5f5; color: gray; border: 1px solid lightgray; width:100px; height: 32px; border-radius:0;}


	.password_popup{ width: 450px; height: 300px; background-color: #fff; position: fixed; top: 200px; left: 50%; margin-left: -225px; display: none; z-index: 1000; border: 1px solid lightgray;}
	.password_popup input {  margin: 10px 0px;margin-left: 20px; }
	.password_popup table{ width: 90%;margin: 0 auto; font-size: .8rem; padding-left:30px;}
	.password_popup table tr td input { margin: 5px 0px;}


	/*맞춤추천*/

	.custom_select{ width:90%; padding: 15px 5%; border: 1px solid lightgray; border-radius: 30px;}
	.custom_set_link{ float:right; padding: 5px 15px;border: 1px solid lightgray; font-size: .8rem; font-weight:100;}
	.custom_set_link:hover{ background-color: lightgray; }
	.custom_select table{ width:100%;  margin: 10px 0px;}
	.custom_select table tr{ width:100%;  margin: 5px 0px;}
	.custom_select table tr th{ width:25%; background-color: #0AB2A6; color: #fff; padding: 10px 0px;}
	.custom_select table tr td{ text-indent: 20px;}


	/*스크랩 최근본*/

	.delete_box{ width:100%; height: 50px; line-height:45px; border-top: 1px solid lightgray; }
	.delete_box > button{ background-color: #0AB2A6; border: none; border-radius: 5px; padding: 7px 20px; color: #fff; cursor:pointer;}
	.delete_box > select{ padding: 5px 30px; padding-left: 10px; float: right;margin-top: 8px;}
	.scrap_check{width:3%; height: 110px; line-height: 110px; float: left; text-align: center; }
	input[type=checkbox]{cursor:pointer;}
	.scrap_title{ width:100%; height: 40px; border: 1px solid lightgray; border-bottom: 0; line-height:40px; }
	.all_check{ width:40px; height:40px;float: left; text-align:center; }
	.scrap_info{ width:70%; height:40px;float: left; text-align: center; }
	.scrap_date{ width:20%; height: 40px;float: right; text-align: center;}


     /*푸터-----------------------------------------------------------------------------*/

    footer{ width:100%; height: auto; padding: 40px 0px; background-color: #272727; color:#fff; position: relative; display: inline-block; margin-top: 140px;}
    footer .ft_content{ width: 1200px; height: 180px;margin: 0 auto; }
    footer .ft_content .ft_logo{ width: 160px; height: auto; float: left; }
    footer .ft_content .ft_list{ width: 750px; height:180px;float: left; position: relative; margin-left: 40px;}
    footer .ft_content .ft_list ul{ width: 13%;display: inline-block;  height: auto;padding: 0 5px; color: #fff;float: left;  }
    footer .ft_content .ft_list ul:nth-child(5){width:17%;}
    footer .ft_content .ft_list ul:nth-child(6){width:20%;}
    footer .ft_content .ft_list ul li{ width:100%; padding: 5px 0px; font-size:15px; text-align:left;}
    footer .ft_content .ft_info{ width: 230px; float: right;}
    .ft_color{font-size: 1.75rem; color:#0AB2A6;}
    footer .ft_content .ft_address{ width:70%; float: left; height: 80px;  color: #fff; font-size:13px;}

    footer .ft_content .ft_sns{ width: 230px; height: 50px; float: right;margin-top: 10px;}
	.ft_sns ul li{ float: left; height: 30px; margin: 1% 2.5%;}
	.ft_sns ul li:nth-child(1){ margin-left: 0;}
	.ft_sns ul li a img{ width:30px; height: 30px; border-radius: 15px;}

  .page-box { text-align: center; margin-top: 10px; display: flex; justify-content: center; align-items: center; }
  .pagination_back, .pagination, .pagination_forward { display: flex; justify-content: center; align-items: center; }
  .pagination_back li, .pagination li, .pagination_forward li{ margin-right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; }
  .pagination li.active{ background-color: #0ab2a6; color: #fff; }
  
  .page-box_ex { text-align: center; margin-top: 10px; display: flex; justify-content: center; align-items: center; }
  .pagination_back_ex, .pagination_ex, .pagination_forward_ex { display: flex; justify-content: center; align-items: center; }
  .pagination_back_ex li, .pagination_ex li, .pagination_forward_ex li{ margin-right: 5px; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; }
  .pagination_ex li.active_ex{ background-color: #0ab2a6; color: #fff; }
  
	@media  (max-width:1280px){


		header{ width:100%; }
		.header_content{width:100%;}
		.header_content .top_area{width:100%; }
		.header_content .top_area .top_banner{font-size: .75rem;}
		.header_content .mid_area{width:100%; }
		.header_content .mid_area .logo{ float: left; width:15%; margin-top: 8px;margin-left: 1%;}
		.header_content .mid_area .search{ width: 30%; height: 30px; margin-top:15px;border: 2px solid #0AB2A6; border-radius: 20px; padding:3px 10px; margin-left: 15px; float: left;}
		.header_content .mid_area form{ width:100%; }
		.header_content .mid_area .search form .top_search{ width: 80%; height: 30px; float :left;position: relative;top:0; border: none;}
		.header_content .mid_area .search form .search_btn{ width: 10%; height: 28px; float: right; background-color: #fff;  border: none; cursor:pointer;}

		.header_content .mid_area .sub_btn{width: 34%; float: right; height:auto;}
		.header_content .mid_area .sub_btn ul{ width:100%; position: relative; padding-top: 20px;}
		.header_content .mid_area .sub_btn ul li{padding: 0 10px;height: auto; text-align: center;
                                                float:left; font-size: .8rem; font-weight:bold;}


		#wrap{ width:100%; position: relative; height: auto;margin-top:200px; }
		.content{width:98%!important; padding: 40px 1%!important;height: auto; margin: 0 auto; }


		.btm_area{width:100%; height: 60px;}
		.btm_area .main_menu{ width:100%; margin: 0 auto; height: auto;position: relative; }
		.btm_area .main_menu > ul{width:100%;position: relative; }
		.btm_area .main_menu > ul li{ width: 12%; text-align: center; float: left; line-height: 60px; font-weight: bold; color: black; font-size: 1rem;}
		.btm_area .header_btn{ width: 46%; float: right; position: relative; margin-top: 15px; }
		.btm_area .header_btn ul{ width:100%; position: relative;}
		.btm_area .header_btn ul a { width: 23%; float: left; background-color: #fff; color: black; padding: 5px 0px;  text-align: center; font-size: .8rem; font-weight: bold;}
		.btm_area .header_btn ul a:nth-child(1){ background-color: #0AB2A6; color: #fff; margin-right: 1%; border-radius: 10px;}
		.btm_area .header_btn ul a:nth-child(2){ background-color: #0AB2A6; color: #fff; border-radius: 10px;}
		.btm_area .header_btn ul a:nth-child(3){ width: 20%; margin-left:2%; padding: 3px 0px; text-align: right;}
		.btm_area .header_btn ul a:nth-child(4){ width: 20%; padding: 3px 0px; text-align: right;}
		.btm_area .header_btn ul .my_icon { border-left: none; text-align: left; }
		.btm_area .header_btn ul .my_icon img{ margin-left: 1%; width: 100%;display:inline;}


		footer{ width:100%; height: auto; padding: 40px 0px; background-color: #272727; color:#fff; position: relative; display: inline-block; margin-top: 140px;}
		footer .ft_content{ width: 100%!important; height: 180px;margin: 0 auto; }
		footer .ft_content .ft_logo{ width: 13%!important; height: auto; float: left; margin-left:1%;}
		footer .ft_content .ft_list{ width: 57%!important; height:180px;float: left; position: relative; margin-left: 2%!important;}
		footer .ft_content .ft_list ul{ width: 13%!important;;display: inline-block;  height: auto;padding: 0 2px!important;; color: #fff;float: left;  }
		footer .ft_content .ft_list ul:nth-child(5){width:18%!important;}
		footer .ft_content .ft_list ul:nth-child(6){width:20%!important;;}
		footer .ft_content .ft_list ul li{ width:100%; padding: 5px 0px; font-size:.8rem!important; text-align:left;}
		footer .ft_content .ft_info{ width: 24%!important;; float: right;}
		.ft_color{ color:#0AB2A6; font-size: 1.75rem;}
		footer .ft_content .ft_address{ width:70%; float: left; height: 80px;  color: #fff; font-size:.75rem!important;;}

		footer .ft_content .ft_sns{ width: 24%!important; height: 50px; float: right;}



		.profile_box{  width:90%; margin: 10px 0px; padding: 20px 5%; height: 210px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
		.profile_box .first_box{ width: 160px; height: 200px; float: left;margin-top: 10px;}
		.profile_box .first_box .profile_img{ width: 150px; height: 150px; border-radius: 75px; border: 1px solid lightgray; background-size: contain;
									background-position: center; }
		.profile_box .profile_text{ width: 600px; height: auto; float: left; margin-left: 5%; padding-top: 20px;}
		.profile_box .profile_text h4{ font-size: 20px; text-align: left;}
		.profile_box .profile_text > p{ padding: 10px 0px;width:100%;}
		.profile_box .profile_text > p .naver_login{ width: 150px; height: auto;}

		.profile_box .profile_menu{ width: 200px;  height: 170px;float: right;}
		.profile_box .profile_menu ul{ width:100%; display: inline-block; text-indent: 20px;}
		.profile_box .profile_menu ul a li{ padding: 5px 0px;}
		.profile_update{ width: 100px; height: 30px; line-height: 30px; border: 1px solid gray; font-weight: bold; color: gray; display: inline-block;text-align: center;  font-size: 14px; margin-top: 15px; margin-left: 10%; border-radius: 5px;}

		.profile_percent p{ width:95%; }
		.profile_percent p span{ padding: 0 39%;}
		.percent_bar{ width: 95%; height: 20px; border: 1px solid lightgray; border-radius: 10px; margin: 10px 0px;}
		.percent{ width: 19.4%; float: left; height: 18px; margin: 1px; background-color: #13B9AB;}
		.percent:nth-child(1){ border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
		.percent:nth-child(5){ border-top-right-radius: 10px; border-bottom-right-radius: 10px;}



		.sub_project_list h1{ font-size:1.2rem;}
		.sub_project_list h1 .count_txt{ font-size:.8rem; margin-left: 5%;;}
		.sub_project_list h1 .count_txt .count{ font-size: .8rem; color:#13b9ab;}
		.sub_project_list ul{ width:100%; height: auto; display: inline-block;border-top:2px solid #272727; margin-top: 30px; border-bottom: 2px solid #272727;}
		.sub_project_list ul li{ padding: 10px 0px; width:100%; height: auto;}
		.sub_project_list ul li .list_thume{ }
		.sub_project_list ul li .sec1 .title{font-size:16px;}

		.sub_project_list ul li .sec1{ width: 58%!important; float: left; height: auto; padding-left:1%;}
		.sub_project_list ul li .sec1 > p{ padding: 2px 0px!important;}
		.sub_project_list ul li .sec1 .area{font-size:.8rem!important;}
		.sub_project_list ul li .sec1 .area .in_mypage1 img{margin-left:1%; font-size:1rem;  font-weight: bold; color:#FF0C54; }
		.sub_project_list ul li .sec1 .title a{ font-size: 1.1rem!important;; font-weight: bold;}
		.sub_project_list ul li .sec1 .title .new{ background-color: #FF5756; color: #fff; padding: 1px 1%; font-size:.8rem!important;;}
		.sub_project_list ul li .sec1 .title .best{background-color: #3F91C3; color: #fff; padding: 1px 1%;font-size:.8rem!important;;}
		.sub_project_list ul li .sec1 .title .in_mypage2 img{font-size:1rem; margin-left: 3px; font-weight: bold; color:#FFDE28; }
		.sub_project_list ul li .sec1 .sector{ font-weight: bold; padding-right: 2%;}
		.sub_project_list ul li .sec1 .target{ font-weight: bold; padding:0 2%;}
		.sub_project_list ul li .sec2{ width:22%!important;;float: right; text-align: right; line-height: 40px;padding-right:1%;}
		.sub_project_list ul li .sec2 .date{font-size: .8rem;}

		.cate_tab{width:100%; height: auto; display:inline-block; border: 1px solid lightgray; border-bottom:none; border-right:none; margin-top: 40px; font-size: 15px;}
		.cate_tab li{  font-size: .75rem!important;}

		.host_list_box{ width:100%; height: auto; padding: 20px 0px;}
		.host_list_box > ul{ width:100%; display: inline-block; height: auto;}
		.host_list_box > ul li{width: 19%!important; margin: .5%!important; box-sizing: border-box; float: left; text-align: center; border: 1px solid lightgray; border-radius: 20px; padding-bottom: 20px; background-color: #fff; height: auto;}
		.host_logo{ width: 130px; height: 130px; border-radius: 65px;}
		.tab_select{ border-bottom: 3px solid #272727;}




	}



	@media (max-width:899px){




		header{ width:100%!important; height: 240px!important; }
		.header_content{width:100%; height: 190px;}
		.header_content .top_area{width:100%;  display: none;}
		.header_content .top_area .top_banner{font-size: .65rem;}
		.header_content .mid_area{width:100%; display: flex; flex-direction:column;align-items: center}
		.header_content .mid_area .logo{width:auto;}
		.header_content .mid_area .search{ width: 60%; height: 25px; margin-top: 15px;border: 2px solid #0AB2A6; border-radius: 20px; padding:3px 10px; margin-left: 0; float: none;}
		.header_content .mid_area form{ width:100%; }
		.header_content .mid_area .search form .top_search{ width: 80%; height: 25px; float :left;position: relative;top:0; border: none;}
		.header_content .mid_area .search form .search_btn{ width: 10%; height: 23px; float: right; background-color: #fff;  border: none; cursor:pointer; font-size: .7rem;margin-top:2px;}

		.header_content .mid_area .sub_btn{width: 80%; margin-left:0; float: none; height:30px;margin-top: 5px;}
		.header_content .mid_area .sub_btn ul{ width:100%; position: relative; padding-top: 20px;}
		.header_content .mid_area .sub_btn ul li{ width: 24%;padding: 0; height: auto; text-align: center;  font-size: .75rem;
												float:left; font-weight:bold;}


		#wrap{ width:100%; position: relative; height: auto;margin-top:240px; }


		.content{width:98%!important; padding: 40px 1%!important; min-width:600px!important;height: auto; margin: 0 auto; }


		.btm_area{width:100%; height: 50px;}
		.btm_area .main_menu{ width:100%; min-width: 600px; margin: 0 auto; height: auto;position: relative; }
		.btm_area .main_menu > ul{width:100%;position: relative; }
		.btm_area .main_menu > ul li{ width:13.5%; padding: 0; text-align: center; float: left; line-height: 50px; font-weight: bold; color: black; font-size: .8rem;}
		.btm_area .main_menu > ul li:nth-child(1),.btm_area .main_menu > ul li:nth-child(2),.btm_area .main_menu > ul li:nth-child(3){width: 10%;}
		.btm_area .header_btn{ width: 46%; float: right; position: relative; margin-top: 15px; }
		.btm_area .header_btn ul{ width:100%; position: relative;}
		.btm_area .header_btn ul a { width: 12%; float: left; background-color: #fff; color: black; padding: 5px 0px;  text-align: center; font-size: .8rem; font-weight: bold;}
		.btm_area .header_btn ul a:nth-child(1){ background-color: #0AB2A6; color: #fff; margin-right: 1%; border-radius: 10px;}
		.btm_area .header_btn ul a:nth-child(2){ background-color: #0AB2A6; color: #fff; border-radius: 10px;}
		.btm_area .header_btn ul a:nth-child(3){ width: 20%; margin-left:2%; padding: 3px 0px; text-align: right;}
		.btm_area .header_btn ul a:nth-child(4){ width: 20%; padding: 3px 0px; text-align: right;}
		.btm_area .header_btn ul .my_icon { border-left: none; text-align: left; }
		.btm_area .header_btn ul .my_icon img{ margin-left: 1%; width: 100%;display:inline;}


		footer{ width:100%; height: auto; padding: 40px 0px; background-color: #272727; color:#fff; position: relative; display: inline-block; margin-top: 140px;}
		footer .ft_content{ width: 100%!important;; min-width: 600px!important; height: 180px;margin: 0 auto; }
		footer .ft_content .ft_logo{ width: 34%!important;; height: auto; float: left; margin-left:10%; display: none;}
		footer .ft_content .ft_list{ width: 98%; height:180px;float: left; position: relative; margin-left: 1.5%;}
		footer .ft_content .ft_list ul{ width: 12%;display: inline-block;  height: auto;padding: 0 5px; color: #fff;float: left;  }
		footer .ft_content .ft_list ul:nth-child(5){width:17%;}
		footer .ft_content .ft_list ul:nth-child(6){width:23%;}
		footer .ft_content .ft_list ul li{ width:100%; padding: 5px 0px; font-size: .8rem;text-align:left;}

		footer .ft_content .ft_info{ width: 35%!important;; float: left; margin-left: 1.5%;}
		.ft_info p{font-size: .8rem;}
		.ft_info h2{ font-size: 1.25rem;}
		.ft_color{ color:#0AB2A6; font-size: 1.4rem;}
		footer .ft_content .ft_address{ width:60%;margin-top: 0px; display:inline; float: left; height: 80px; text-align: left; color: #fff; font-size:.7rem;}

		footer .ft_content .ft_sns{ width: 100%!important; height: 50px;  float: left; margin-left: 1.5%;}
		.ft_sns ul li{ float: left; height: 30px; margin: 1% 1.5%;}
		.ft_sns ul li:nth-child(1){ margin-left: 0;}
		.ft_sns ul li a img{ width:30px; height: 30px; border-radius: 15px;}





		.profile_box{  width:96%; margin: 10px 0px; padding: 20px 2%; height: 210px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
		.profile_box .first_box{ width: 30%; height: 160px; float: left;margin-top: 10px;}
		.profile_box .first_box .profile_img{ width: 150px; height: 150px; border-radius: 75px; border: 1px solid lightgray; background-size: contain;
									background-position: center; }
		.profile_box .profile_text{ width: 65%; height: auto; float: left; margin-left: 3%; padding-top: 20px;}
		.profile_box .profile_text h4{ font-size: 20px; text-align: left;}
		.profile_box .profile_text > p{ padding: 10px 0px;width:100%;}
		.profile_box .profile_text > p .naver_login{ width: 150px; height: auto;}

		.profile_box .profile_menu{ width: 200px;  height: 170px;float: right;}
		.profile_box .profile_menu ul{ width:100%; display: inline-block; text-indent: 20px;}
		.profile_box .profile_menu ul a li{ padding: 5px 0px;}
		.profile_update{ width: 100px; height: 30px; line-height: 30px; border: 1px solid gray; font-weight: bold; color: gray; display: inline-block;text-align: center;
					font-size: 14px; margin-top: 15px; margin-left: 14%; border-radius: 5px;}

		.profile_percent p{ width:95%; }
		.profile_percent p span{ padding: 0 39%;}
		.percent_bar{ width: 95%; height: 20px; border: 1px solid lightgray; border-radius: 10px; margin: 10px 0px;}
		.percent{ width: 19.4%; float: left; height: 18px; margin: 1px; background-color: #13B9AB;}
		.percent:nth-child(1){ border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
		.percent:nth-child(5){ border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

		.project_count{ width:100%; margin: 10px 0px; padding: 50px 0; height: 150px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
		.project_count div{ width:100%; height: 60px; background-color: #f44c48; color: #fff; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; text-align: center; line-height:60px; font-weight:bold;}
		.project_count div > span{ color: #ffdb2f; }
		.project_count ul{width:100%; margin-bottom:20px;}
		.project_count ul a{width:20%; height: 120px;text-align: center; float: left; border-right:1px solid lightgray;}
		.project_count ul a:nth-child(5){border-right: none;}
		.project_count ul a li h1{ font-size:2.25rem; margin-bottom: 20px;color: #0AB2A6; }
		.project_count ul a li p{ font-size: 15px;}

		.sub_cate{ width:100%; height: auto; padding: 15px 0px; background-color: #272727;}
		.sub_cate ul{ width:95%!important;margin: 0 auto; display: flex; color: #fff;}
		.sub_cate ul li{ padding:0 5%!important; color: #fff; font-size: .9rem; }

		.sub_project > h1{ font-size: 1.2rem!important;}
		.sub_project > h3{ font-size: 1.2rem!important;}

		.sub_project, .project_list5, .project_list6, .sub_project_list{ width:98%!important; padding: 0 1%!important; }
		.sub_project_list h1{ font-size:1.2rem;}
		.sub_project_list h1 .count_txt{ font-size:.8rem; margin-left: 5%;;}
		.sub_project_list h1 .count_txt .count{ font-size: .8rem; color:#13b9ab;}
		.sub_project_list ul{ width:100%; height: auto; display: inline-block;border-top:2px solid #272727; margin-top: 30px; border-bottom: 2px solid #272727;}
		.sub_project_list ul li{ padding: 5px 0px; width:100%; height: auto; display:flex;justify-content: flex-start; flex-wrap: wrap;border-bottom:1px solid #f5f5f5;}
		.sub_project_list ul li .list_thume{width:210px; padding-bottom:57%; height:auto;}
		
		.sub_project_list > h2{ font-size:1.2rem}
		.sub_project_list ul li .sec1{ width: auto!important; float: left; height: auto; padding-left:1%;}
		.sub_project_list ul li .sec1 > p{ padding: 2px 0px!important; font-size: .9rem!important;;}
		.sub_project_list ul li .sec1 .area{font-size:.8rem!important;}
		.sub_project_list ul li .sec1 .area .in_mypage1 img{margin-left:1%; font-size:1rem;  font-weight: bold; color:#FF0C54; }
		.sub_project_list ul li .sec1 .title a{ font-size: .9rem!important;; font-weight: bold;}
		.sub_project_list ul li .sec1 .title .new{ background-color: #FF5756; color: #fff; padding: 1px 1%; font-size:.65rem!important;;}
		.sub_project_list ul li .sec1 .title .best{background-color: #3F91C3; color: #fff; padding: 1px 1%;font-size:.65rem!important;;}
		.sub_project_list ul li .sec1 .title .in_mypage2 img{font-size:1rem; margin-left: 3px; font-weight: bold; color:#FFDE28; }
		.sub_project_list ul li .sec1 .sector{ font-weight: bold; padding-right: 2%;}
		.sub_project_list ul li .sec1 .target{ font-weight: bold; padding:0 2%;}
		.sub_project_list ul li .sec1 .cate{ color: #13B9AB; padding:0px 3px; border: 1px solid #13b9ab; border-radius: 14px; font-size: 0.65rem;}
		.sub_project_list ul li .sec2{ width:100%!important;;clear:both; text-align: left; padding: 5px 0 ;display: flex; align-items: center;line-height: 1.2;padding-right:0%;}
		.sub_project_list ul li .sec2 .date{font-size: .9rem;}
		.sub_project_list ul li  span{ margin-right: 10px;margin-left:0;}
		.now_receipt {  padding: 1px 4px; background-color: #ff5756; color: #fff; font-size: .75rem;}
		.receipt {  padding: 1px 4px; background-color: #3f91c3; color: #fff; font-size: .75rem;}
		.hit{ font-size: .5rem !important; display: none;}

		.tab_list{ text-align: center; width:16.7%; padding: 15px 0px; margin-left: -1px;border-bottom: 0;  cursor: pointer; font-size: 1rem;}
		.tab_select{ border-bottom: 3px solid #272727;}


		.cate_tab{width:100%; height: auto; display:inline-block; border: 1px solid lightgray; border-bottom:none; border-right:none; margin-top: 40px; font-size: 15px;}
		.cate_tab li{  font-size: .75rem!important;}

		.host_list_box{ width:100%; height: auto; padding: 20px 0px;}
		.host_list_box > ul{ width:100%; display: inline-block; height: auto;}
		.host_list_box > ul li{width: 32%!important; margin: .5%!important; box-sizing: border-box; float: left; text-align: center; border: 1px solid lightgray; border-radius: 20px; padding-bottom: 20px; background-color: #fff; height: auto;}
		.host_logo{ width: 130px; height: 130px; border-radius: 65px;}

		/*맞춤추천*/

		.custom_select{ width:90%; padding: 15px 5%; border: 1px solid lightgray; border-radius: 30px;}
		.custom_set_link{ float:right; padding: 5px 15px;border: 1px solid lightgray; font-size: .8rem; font-weight:100;}
		.custom_set_link:hover{ background-color: lightgray; }
		.custom_select table{ width:100%;  margin: 10px 0px; font-size: .9rem;}
		.custom_select table tr{ width:100%;  margin: 5px 0px;}
		.custom_select table tr th{ width:33%;}
		.custom_select table tr td{ text-indent: 20px;}

		.input_css{ height: 30px; width: 25%; border: 1px solid lightgray; text-indent: 5px;}
		.table1, .table2, .table3 {font-size: .8rem;}
		.table2 th{ text-indent: 2%;}
		label{ margin-right: 2%;}

		/*스크랩 최근본*/

		.delete_box{ width:100%; height: 50px; line-height:45px; border-top: 1px solid lightgray; }
		.delete_box > button{ background-color: #0AB2A6; border: none; border-radius: 5px; padding: 7px 20px; color: #fff; cursor:pointer;}
		.delete_box > select{ padding: 5px 30px; padding-left: 10px; float: right;margin-top: 8px;}
		.scrap_check{width:3%; height: 110px; line-height: 110px; float: left; text-align: center; }
		input[type=checkbox]{cursor:pointer;}
		.scrap_title{ width:100%; height: 40px; border: 1px solid lightgray; border-bottom: 0; line-height:40px; }
		.all_check{ width:40px; height:40px;float: left; text-align:center; }
		.scrap_info{ width:70%; height:40px;float: left; text-align: center; }
		.scrap_date{ width:20%; height: 40px;float: right; text-align: center;}


		/*한줄 5개 갤러리 리스트형식 메인 &서브*/
		.my_project_list{width:100%; display: inline-block; margin-bottom: 60px;}
		.my_project_list a li{ width: 33%; padding: 20px 1.5%; float: left; position: relative; box-sizing: border-box;}
		.my_project_list a li:nth-child(1){ padding-left: 0;}
		.my_project_list a li .list_img{ width:100%; ;}
		.my_project_list a li > span{  font-size: 14px;}
		.my_project_list a li h1{ font-size: 16px; }
		.my_project_list a li > div{width:100%; margin-top:30px;}
		.my_project_list a li > div .now_receipt{padding: 2px 7px; background-color: #ff5756; color: #fff; font-size: 14px;}
		.my_project_list a li > div .receipt{padding: 2px 7px; background-color: #3f91c3; color: #fff; font-size: 14px;}
		.my_project_list a li > div .hit{ color: gray; font-size: 12px; float: right;display: none;display: none;}
		.my_project_list a li > div .hit img{ width:20px; margin-right: 5px;}



	}

@media (max-width:599px){

		header{ width:100%; min-width: 360px;height: 210px!important; top:0; left:0; }
		.header_content{width:100%; height: 130px;}
		.header_content .top_area{width:100%;  min-width:360px; display: none;}
		.header_content .top_area .top_banner{font-size: .65rem;}
		.header_content .mid_area{width:100%; min-width:360px; margin-top: 30px;}
		.header_content .mid_area .logo{ margin-top:0;}
		.header_content .mid_area .search{ width: 80%; height: 25px; margin:0 auto;margin-top: 15px;border: 2px solid #0AB2A6; border-radius: 20px; padding:3px 10px; float: none;}
		.header_content .mid_area form{ width:100%; }
		.header_content .mid_area .search form .top_search{ width: 80%; height: 25px; float :left;position: relative;top:0; border: none;}
		.header_content .mid_area .search form .search_btn{ width: 10%; height: 23px; float: right; background-color: #fff;  border: none; cursor:pointer; font-size: .7rem;}

		.header_content .mid_area .sub_btn{width: 100%; margin-left: 0%; float: none; height:30px; line-height: 30px;margin-top: 0px; background-color: #272727; color: #fff; position: fixed; top:0;}
		.header_content .mid_area .sub_btn ul{ width:100%; position: relative; padding: 0;}
		.header_content .mid_area .sub_btn ul li{ width: 24%;padding: 0; height: auto; text-align: center; border-right: 1px solid gray; font-size: .75rem;
                                                float:left; font-weight:bold;}


		#wrap{ width:100%; position: relative; height: auto;margin-top:210px; }
		.content{ width:95%!important;; min-width:360px!important;height: auto; margin: 0 auto; padding: 40px 1%;}
		.content p{ font-size: .85rem;}
		.type_list2, .type_list3, .type_list4, .type_list5, .type_list6{ display: none; }


		.btm_area{width:100%; height: 40px; }
		.btm_area .main_menu{ width:100%; overflow-x: scroll; min-width:360px!important; margin: 0 auto; height: auto;position: relative; }
		.btm_area .main_menu > ul{width:730px;position: relative; }
		.btm_area .main_menu > ul li{ width: 90px; text-align: center; float: left; line-height: 40px; font-weight: bold; color:black; font-size: .85rem;}
		.btm_area .header_btn{ display: none;width: 50%; float: right; position: relative; margin-top: 15px; }
		.btm_area .header_btn ul{ width:100%; position: relative; display: inline-block;}
		.btm_area .header_btn ul a { width: 24%; float: left; background-color: #fff; color: black; padding: 5px 0px;  text-align: center; font-size: .65rem; font-weight: bold;}
		.btm_area .header_btn ul a:nth-child(1){ width: 25%; background-color: #0AB2A6; color: #fff; margin-right: 1%; border-radius: 10px;}
		.btm_area .header_btn ul a:nth-child(2){ width: 20%; background-color: #0AB2A6; color: #fff; border-radius: 10px;}
		.btm_area .header_btn ul a:nth-child(3){ width: 20%; margin-left:1.5%; padding: 3px 0px; text-align: right;}
		.btm_area .header_btn ul a:nth-child(4){ width: 20%; padding: 3px 0px; text-align: right; font-size: .8rem;}
		.btm_area .header_btn ul .my_icon { border-left: none; text-align: left; }
		.btm_area .header_btn ul .my_icon img{ margin-left: 1%; width: 100%;display:inline;}

		footer{ width:100%; height: auto; padding: 40px 0px; background-color: #272727; color:#fff; position: relative; display: inline-block; margin-top: 140px;}
		footer .ft_content{ width: 100%!important;; min-width: 360px!important; height: auto;margin: 0 auto; }
		footer .ft_content .ft_logo{ width: 34%!important;; height: auto; float: left; margin-left:10%; display: none;}
		footer .ft_content .ft_list{ width: 40%; height:auto;float: left; position: relative; margin-left: 1.5%;}
		footer .ft_content .ft_list ul{ width: 12%;display: inline-block;  height: auto;padding: 0 5px; color: #fff;float: left; display: none; }
		footer .ft_content .ft_list ul:nth-child(5){width:33%;}
		footer .ft_content .ft_list ul:nth-child(6){width:100%; display:block; float: left;}
		footer .ft_content .ft_list ul:nth-child(6) li{ width: 100%; text-align: left; float: left;}
		footer .ft_content .ft_list ul li{ width:100%; padding: 5px 0px; font-size: .8rem;text-align:left;}

		footer .ft_content .ft_info{ width: 56%!important;; float: left; margin-left: 1.5%;}
		.ft_info p{font-size: .8rem;}
		.ft_info h2{ font-size: 1.25rem;}
		.ft_color{ color:#0AB2A6; font-size: 1.4rem;}
		footer .ft_content .ft_address{ width:98%;margin-top: 20px; margin-left: 1.5%;display:inline; float: left; height: 80px; text-align: left; color: #fff; font-size:.7rem;}

		footer .ft_content .ft_sns{ width: 100%!important; height: 50px;  float: left; margin-left: 1.5%;}
		.ft_sns ul li{ float: left; height: 30px; margin: 1% 1.5%;}
		.ft_sns ul li:nth-child(1){ margin-left: 0;}
		.ft_sns ul li a img{ width:30px; height: 30px; border-radius: 15px;}



		.section{ width:98%!important; height: auto; position: relative; padding: 20px 1%!important;display: inline-block; margin: 0 auto;}
		.section > h1{ width:100%; font-size:1.25rem;text-align: center; color: #000;}
		.section > h1 a span{ float: right; font-size: .9rem;}
		.section > h1 a span:after{ content: '\276D \0020';}
		.section > h6{ width:100%; font-size: .8rem; text-align :center;; color: gray; font-weight: 100;margin-top: 5px;}
		.section > h6 span{ padding: 2px 5px; color:#fff; background-color: #0AB2A6; border-radius: 10px;font-size: .75rem;}

		.mycon_tab{ width:100%; height: auto; margin-top :50px;}
		.mycon_tab ul{width:100%; display: inline-block; }
		.tab_list{ text-align: center; width:33%; padding: 15px 0px; margin-left: -1px;border-bottom: 2px solid #fff; box-sizing: border-box; float: left; cursor: pointer; font-size: .75rem;}
		.tab_list2, .tab_list3, .tab_list4, .tab_list5, .tab_list6{ display: none;}

		.tab_select{ border-bottom: 2px solid #272727;}

		 /*한줄 4개 갤러리 리스트형식 메인 &서브*/
		 .scroll_box{width:100%; min-width: 360px; overflow-x: scroll;}
		.project_list a li{ width: 180px!important; padding: 20px 1%; float: left; position: relative; box-sizing: border-box; word-break: break-all;}
		.project_list a li:nth-child(1){ padding-left: 0;}
		.project_list a li .list_img{ width:100%; height: 140px; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; border: 1px solid #f5f5f5; margin-top: 0;}
		.project_list a li > span{ color: #0AB2A6; font-size: .85rem; padding: 2px 5px; border: 1px solid  #0AB2A6; border-radius: 15px;margin-top: 7px; display: inline-block;}
		.project_list a li h1{ font-size: 1rem; margin-top: 5px; word-break:break-all;height: 50px; overflow-y:hidden;}
		.project_list a li > div{width:100%; margin-top:10px;}
		.now_receipt{padding: 2px 7px; background-color: #ff5756; color: #fff; font-size: .7rem;}
		.receipt{padding: 2px 7px; ; background-color: #3f91c3; color: #fff; font-size: .7rem;}
		.hit{ color: gray; font-size: 12px; float: right;display: none;}
		.hit img{ width:20px; margin-right: 5px;}


		 /*공모전 알고 맞춤추천*/
		.project_list2{width:600px; display: inline-block;}
		.project_list2 a li{ width: 180px; padding: 20px 1%; float: left; position: relative; box-sizing: border-box;}
		.project_list2 a li:nth-child(1){ padding-left: 0;}
		.project_list2 a li .list_img{ width:100%; height: 160px;background-repeat: no-repeat; background-size: cover; background-position: center; border: 1px solid lightgray;}
		.project_list2 a li > span{  color: #0AB2A6; font-size: .85rem; padding: 2px 5px; border: 1px solid  #0AB2A6; border-radius: 15px;margin-top: 7px; display: inline-block;}
		.project_list2 a li h1{ font-size: 1rem;  margin-top: 5px; word-break:break-all;color: black; height: 50px; overflow-y:hidden;}
		.project_list2 a li > div{width:100%; margin-top:10px;}


		/*한줄 5개 갤러리 리스트형식 메인 &서브*/
		.my_project_list{width:1500px; display:flex; margin-bottom: 60px;}
		.my_project_list a li{ width: 216px; padding: 20px 1.5%; float: left; position: relative; box-sizing: border-box;}
		.my_project_list a li:nth-child(1){ padding-left: 1%;}
		.my_project_list a li .list_img{ width:100%;  }
		.my_project_list a li > span{ font-size: .75rem; padding: 2px 8px; border-radius: 15px;margin-top: 7px; display: inline-block;}
		.my_project_list a li h1{ font-size: 16px; }
		.my_project_list a li > div{width:100%; margin-top:30px;}
		.project_list a li > div .now_receipt{padding: 2px 5px; font-size: .8rem;}
		.project_list a li > div .receipt{padding: 2px 5px; font-size: .8rem;}
		.my_project_list a li > div .hit{ color: gray; font-size: 12px; float: right;display: none;}
		.my_project_list a li > div .hit img{ width:20px; margin-right: 5px;}




		/*하단 인기주최사*/
		.project_list3{width:960px; display: inline-block;}
		.project_list3 li{ width: 170px;padding: 30px .5%; border-radius: 20px; border: 1px solid lightgray; margin: 20px .7%; background-color: #fff; float: left; position: relative; text-align: center; box-sizing: border-box;}
		.project_list3 li .list_img{ width:80%;margin-left: 10%; height: 60px; border-bottom: 1px solid lightgray; margin-bottom:10px;background-repeat: no-repeat; background-size: cover; background-position: center;}
		.project_list3 li span{ color: #000; font-size: 16px; }
		.project_list3 li p{ font-size: 16px; color: #000; margin:10px 0px;}
		.project_list3 li h1{ font-size: 18px; color:  #0AB2A6; margin-bottom:15px; }

		.project_list3 li a button{ width: 120px; text-align: center; height: 35px; border-radius: 20px; line-height: 35px;
									background-color: #0AB2A6; color: #fff; font-size: 16px; margin: 0 auto;}
		.project_list3 li a button:after{ content: '\276D \0020';}


		 /*테마 공모전*/
		.project_list4{width:1150px; display: inline-block;}
		.project_list4 > li{ width: 330px; padding: 20px .5%; margin: 10px .5%; float: left; position: relative; text-align: center;background-color: #fff;  border: 1px solid lightgray; border-radius: 20px; }
		.project_list4 > li:nth-child(1){ margin-left:1%;}
		.project_list4 > li .theme_img{ width:120px; height:120px; border-radius:50px; margin:0 auto; text-indent: -99999px; }
		.project_list4 > li > h1{ font-size: 1.15rem!important; width:100%; text-align: center; margin: 20px 0px;}
		.project_list4 > li > ul{ width:100%; position: relative; display: inline-block; }
		.project_list4 > li > ul a li{ width:100%; height: 80px; padding: 15px 0px;text-align: left; border-bottom: 1px solid lightgray;}
		.project_list4 > li > ul a li .theme_subimg{ width: 32%; height: 80px; border: 1px solid #f5f5f5; border-radius: 15px; float: left;margin-left: 0%;
														background-repeat: no-repeat; background-size: cover; background-position: center;}
		.project_list4 > li > ul a li div{ width: 63%;margin-left:3%;height: 80px;float: left;}
		.project_list4 > li > ul a li div h2{ font-size: .95rem!important; margin-bottom: 5px;}
		.project_list4 > li > ul a li div span{  font-size: .75rem!important;color: #0AB2A6;}
		.more_btn4{ width:120px; height: 30px; border-radius: 20px; text-align: center; line-height: 30px; color:#fff; background-color: #0AB2A6; margin: 0 auto; margin-top:20px;}

		.more_btn4:after{ content: '\276D \0020';}


		/*모든공모전*/

		.sub_cate{ width:100%; height: auto; padding: 15px 0px; background-color: #272727;}
		.sub_cate ul{ width:100%; margin: 0 auto; display: flex; color: #fff;}
		.sub_cate ul li{ padding:0 2%; color: #fff;}
		.cate_tab li{width: 50%; font-size: .85rem; }


		.sub_search{ width:100%; padding: 20px 0px; background-color: #13b9ab; color: #fff;text-align: center; margin: 20px auto;}
		.sub_search > h1{ text-align: center; font-size: 1.25rem; color: #fff;}
		.sub_search > form{ width:80%; margin-left: 10%; display: block; margin-top:50px;}
		.sub_search > form select{width: 100%; margin: 3px 2%; padding: 10px; border: 2px solid #09776e; border-radius: 25px;}
		.sub_search > form button{ width:50px; height: 50px; border-radius: 25px; background:#fff; border: none; margin-top: 30px;}



		.sub_project, .project_list5, .project_list6, .sub_project_list{ width:98%!important; padding: 0 1%!important; margin-top:20px;}
		.sub_project_list h1{ font-size:1rem;}
		.sub_project_list h1 .count_txt{ font-size:.8rem; margin-left: 5%;;}
		.sub_project_list h1 .count_txt .count{ font-size: .8rem; color:#13b9ab;}
		.sub_project_list ul li .list_thume{ width: 120px; padding-bottom:57%}

		.sub_project_list ul li .sec1{ width: 59%!important; float: left; height: auto!important; padding-left:2%;}
		.sub_project_list ul li .sec1 > span{ font-size: 0.7rem; padding: 2px 5px; margin-top:0;  margin-right: 2%;}
		.sub_project_list ul li .sec1 > p{ padding: 2px 0px!important; font-size: .65rem!important;display:none;}
		.sub_project_list ul li .sec1 .area{font-size:.75rem!important;}
		.sub_project_list ul li .sec1 .area .in_mypage1 img{margin-left:1%; font-size:1rem;  font-weight: bold; color:#FF0C54; }
		.sub_project_list ul li .sec1 .title{display:block!important; font-size:0.9rem}
		.sub_project_list ul li .sec1 .title a{ font-size: 0.9rem!important;; font-weight: bold;}
		.sub_project_list ul li .sec1 .title .new{ background-color: #FF5756; color: #fff; padding: 1px 1.5%; font-size:.65rem!important;;}
		.sub_project_list ul li .sec1 .title .best{background-color: #3F91C3; color: #fff; padding: 1px 1.5%;font-size:.65rem!important;;}
		.sub_project_list ul li .sec1 .title .in_mypage2 img{font-size:1rem; margin-left: 3px; font-weight: bold; color:#FFDE28;  width:13px;}
		.sub_project_list ul li .sec1 .sector{ font-weight: bold; padding-right: 1%;}
		.sub_project_list ul li .sec1 .target{ font-weight: bold; padding:0 1%;  }
		.sub_project_list ul li .sec1 .cate{ color: #13B9AB; padding:0px 3px; border: 1px solid #13b9ab; border-radius: 14px; font-size: 0.65rem;display:inline-block!important;}
		.sub_project_list ul li .sec2{ width:100%!important;}
		.sub_project_list ul li .sec2 .date{font-size: .75rem; float: left; margin-top:2px;}
		.now_receipt {  padding: 2px 5px; font-size: .8rem;background-color: #ff5756; color: #fff; float: left; margin-right: 2%;}
		.receipt {  padding: 2px 5px; font-size: .8rem; background-color: #3f91c3; color: #fff; float: left; margin: 0 2%;}
		.hit{ font-size: .5rem!important; float: right; display: none;}

		.profile_box{  width:90%; margin: 10px 0px; padding: 30px 5%; height: 180px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
		.profile_box .first_box{ width: 29%; height: 200px; float: left;margin-top: 10px;}
		.profile_box .first_box .profile_img{ width: 90px; height: 90px; border-radius: 45px; border: 1px solid lightgray; background-size: contain;
									background-position: center; }
		.profile_box .profile_text{ width: 67%; height: auto; float: left; margin-left: 2%; padding-top: 20px;}
		.profile_box .profile_text h4{ font-size: .9rem; text-align: left;}
		.profile_box .profile_text > p{ padding: 10px 0px;width:100%;}
		.profile_box .profile_text > p .naver_login{ width: 150px; height: auto;}
		.percent_bar{ width: 80%; height: 14px; border: 1px solid lightgray; border-radius: 10px; margin: 10px 0px;}
		.percent{ width: 18.73%; float: left; height: 12px; margin: 1px; background-color: #13B9AB;}
		.percent:nth-child(1){ border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
		.percent:nth-child(5){ border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

		.profile_percent p span{ padding: 0 80px;}
		.profile_box .profile_menu{ width: 200px;  height: 170px;float: right;}
		.profile_box .profile_menu ul{ width:100%; display: inline-block; text-indent: 20px;}
		.profile_box .profile_menu ul a li{ padding: 5px 0px;}
		.profile_update{ width: 70px; height: 30px; line-height: 30px; border: 1px solid gray; font-weight: bold; color: gray; display: inline-block;text-align: center;  font-size:.65rem; margin-top: 15px; margin-left: 10%; border-radius: 5px;}

		.profile_title{ padding: 3px 10px; background-color: #13B9AB;; color: #fff; font-size: 14px; margin-left: 2%; }
		.n_login{ font-size: .65rem;padding: 3px 7px; border: 1px solid lightgray; border-radius: 7px; margin-top: 5px;display: inline-block;}

		.profile_percent{ margin-top: 5px; font-size: .65rem;}


		.project_count{ width:100%; margin: 10px 0px; padding: 30px 0; height: 110px; border: 1px solid lightgray; border-radius: 30px; margin-bottom:40px;}
		.project_count div{ width:100%; height: 40px; background-color: #f44c48; color: #fff; border-bottom-left-radius: 29px; border-bottom-right-radius: 29px;
								text-align: center; line-height:40px; font-weight:bold; font-size: .8rem;}
		.project_count div > span{ color: #ffdb2f; }
		.project_count ul{width:100%; margin-bottom:30px;}
		.project_count ul a{ height:70px;text-align: center; float: left; border-right:1px solid lightgray;}
		.project_count ul a li h1{ font-size:1.5rem; margin-bottom: 20px;color: #0AB2A6; }
		.project_count ul a li p{ font-size: .55rem;}

		/*맞춤추천*/

		.custom_select{ width:95%; padding: 15px 2.5%; border: 1px solid lightgray; border-radius: 30px;}
		.custom_set_link{ float:right; padding: 5px 15px;border: 1px solid lightgray; font-size: .8rem; font-weight:100;}
		.custom_set_link:hover{ background-color: lightgray; }
		.custom_select table{ width:100%;  margin: 10px 0px; font-size: .8rem;}
		.custom_select table tr{ width:100%;  margin: 5px 0px;}
		.custom_select table tr th{ background-color: #0AB2A6; color: #fff; padding: 10px 0px;}
		.custom_select table tr td{ text-indent: 20px;}


		/*스크랩 최근본*/

		.delete_box{ width:100%; height: 50px; line-height:45px; border-top: 1px solid lightgray; }
		.delete_box > button{ background-color: #0AB2A6; border: none; border-radius: 5px; padding: 7px 20px; color: #fff; cursor:pointer;}
		.delete_box > select{ padding: 5px 30px; padding-left: 10px; float: right;margin-top: 8px;}
		.scrap_check{width:100%;display: inline-block; height: 20px; float: left; text-align: left; line-height: 0px;}
		input[type=checkbox]{cursor:pointer;}
		.scrap_title{ width:100%; height: 40px; border: 1px solid lightgray; border-bottom: 0; line-height:40px; }
		.all_check{ width:40px; height:40px;float: left; text-align:center; }
		.scrap_info{ width:70%; height:40px;float: left; text-align: center; }
		.scrap_date{ width:20%; height: 40px;float: right; text-align: center;}

		/*관심주최사*/
		.host_list_box{ width:100%; height: auto; padding: 20px 0px; overflow-x: auto;}
		.host_list_box > ul{ width: 1000px; display: inline-block; height: auto;}
		.host_list_box > ul li{width: 180px; margin: .3%; box-sizing: border-box; float: left; text-align: center; border: 1px solid lightgray; border-radius: 20px; padding-bottom: 20px; background-color: #fff; height: auto;}
		.host_list_box > ul li .host_logo{ width: 140px;  margin: 15px auto;; height: 140px!important; border-radius: 55%!important; background-color: #fff; border: 1px solid lightgray;}
		.host_list_box > ul li .host_logo img{ width:80%; margin: 0 auto;; margin-top: 50px; }
		.host_list_box > ul li h2{ width:100%; text-align: center; margin: 10px 0px; font-size:1rem!important;}
		.host_list_box > ul li a button{ padding: 5px 10px; background-color:  #0AB2A6; border: 1px solid #0AB2A6;; color: #fff; border-radius: 15px; cursor: pointer;}

		.host_list_box > ul li a button:hover { border: 1px solid #0AB2A6; color: #0AB2A6; background-color: #fff;}
		.host_list_box > ul li a button:hover .host_list_box > ul li{ background-color:#0AB2A6;}

		.my_host_box{ width:100%; height: auto; padding: 20px 0px;}
		.my_host_box > ul{ width:100%; display: inline-block; height: auto;}
		.my_host_box > ul li{ width:99%; padding: 5px; height:110px;border: 1px solid lightgray; padding-top: 20px;}
		.my_host_box > ul li .my_host_logo{ width: 22%;height: 70px; border: 1px solid lightgray; ; float: left;margin-left: 2%; padding: 0px 2%; padding-top: 15px;}
		.my_host_box > ul li .my_host_logo img{ width: 100%; margin-top: 10px;}
		.my_host_box > ul li .my_host_text{ width: 45%; margin-left: 2%; float: left; height: 90px; }
		.my_host_box > ul li .my_host_text span{ font-size: 0.65rem; color: #fff; padding: 1px 7px; background-color: red; border-radius: 5px;}
		.my_host_box > ul li .my_host_text h2{ font-size: 1rem; padding: 7px 0px;}
		.my_host_box > ul li .my_host_text h3{ font-size: 0.75rem;}
		.my_host_box > ul li .my_host_alram{ width: 70px; height: 25px; line-height: 25px; background-color: #0AB2A6; color: #fff; border: 1px solid #0AB2A6;
								font-size: .65rem;text-align: center; float: right;margin-top: 35px; margin-right: 2%; cursor: pointer;}

		.my_host_box > ul li .my_host_alram:hover{ background-color: #fff; border: 1px solid #0AB2A6; color: #0AB2A6; }


		/*회원정보 관리----------------------------------------------------------------------------*/

		.table1{ width:100%; border: 1px solid lightgray; border-collapse: collapse; margin-top: 20px; margin-bottom:40px; font-size: .8rem;}
		.table1 th{ width:25%; padding: 13px 0px; background-color: #0AB2A6; color: #fff;  border-left: 1px solid lightgray;}
		.table1 td{ text-align: center; padding: 13px 0px; border-left: 1px solid lightgray;}

		.table2{ width:100%; border: 1px solid lightgray;margin-top: 20px; border-collapse: collapse; margin-bottom:40px; font-size: .8rem;}
		.table2 tr{ border-bottom: 1px solid lightgray;}
		.table2 th{ width:25%; padding: 10px 0px; text-indent: 5px; background-color: #0AB2A6; color: #fff; text-align: left;  border-left: 1px solid lightgray;}
		.table2 td{ text-align: left; text-indent: 0px; padding: 10px 0px; padding-left: 5px;border-left: 1px solid lightgray;}

		.table3{width:100%; border: 1px solid lightgray; border-collapse: collapse; margin-top: 20px; margin-bottom:40px;  font-size: .8rem;}
		.table3 tr{}
		.table3 tr th{ width:25%; padding: 10px 0px; text-indent: 5px; background-color: #0AB2A6; color: #fff; text-align: left;  border-left: 1px solid lightgray;}
		.table3 tr td{  text-align: left;  padding-left: 5px;text-indent: 0px;border-left: 1px solid lightgray;width: 75%;}
		.table3 label{ width:17%;}
		.table3_label{ width: 26%!important;}

		.ui-datepicker-trigger{ width:27px; height:27px; float: left; border:1px solid lightgray; border-left:0;}
		#datepicker{ float: left; height:27px; margin-left: 5px; border:1px solid lightgray;}
		label{ width: 100%;margin-right: 5px; cursor:pointer; display:inline-block;}
		.input_css{ width: 34%;height: 30px; border: 1px solid lightgray; text-indent: 5px;}
		.text_box{ width:80%;}

		.button{width:60px; height:30px;margin-left:1%;background-color: #0AB2A6; border: none; cursor:pointer; border-radius: 5px;  color: #fff;}
		select{ width:37%; height:30px; border: 1px solid lightgray; margin-top: 3px; border-radius: 10px;}
		.keyword{ padding: 2px 10px; background-color: #e9e9e9; border-radius: 10px; margin-right:3%; font-size: 0.8rem;}
		.keyword span{ margin-left: 2%; cursor:pointer;}
		.keyword span img{width:8px;}

		.btn_box{ width:100%; text-align: center; margin-top: 40px;}
		.cancle_btn{ background-color: #e9e9e9; color: black; width:60px; height:30px;border: none; cursor:pointer; border-radius: 5px;  }

		.info_popup h1 span { float: right; margin-right: 10px; cursor:pointer;}
		.info_popup h1{ font-size: 1.2rem; display: inline-block; background-color: #272727; color: #fff; width:100%; padding: 6px 0px; text-indent: 10px; margin-bottom: 20px;}


		.sec_popup{ width: 85%; height: 320px; background-color: #fff; position: fixed; top: 200px; left: 5%; margin-left: 0px; z-index: 1000; display: none; border: 1px solid lightgray;}
		.sec_popup h3{ font-size: 1rem; padding: 20px ; padding-left: 5px;}
		.sec_popup ul{ width:100%; display: inline-block; padding-left: 5px;}
		.sec_popup ul li{float: left; padding-right: 5px; font-size: .8rem;}
		.sec_popup p{ margin-top: 30px; color: red; padding-left: 20px;font-size: .8rem;}


		.phone_popup{ width: 85%; height: 270px; background-color: #fff; position: fixed; top: 200px; left: 5%; margin-left: 0px; display: none; z-index: 1000; border: 1px solid lightgray;}
		.phone_popup input { width:30%;margin: 10px 0px;margin-left: 10px; }
		.phone_popup .phone_btn{ background-color: #f5f5f5; color: gray; border: 1px solid lightgray; width:60px; height: 32px; border-radius:0;}


		.password_popup{ width: 85%; height: 300px; background-color: #fff; position: fixed; top: 200px; left: 5%; margin-left: 0px; display: none; z-index: 1000; border: 1px solid lightgray;}
		.password_popup input {  margin: 10px 0px;margin-left: 5px; }
		.password_popup table{ width: 100%;margin: 0 auto; font-size: .8rem; padding-left:0px;}
		.password_popup table tr td input { margin: 5px 0px; width: 65%;}

}
		/*member_info.php*/
		.hide {display: none;}