@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');

*{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: 150px; 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: 320px; height: 35px; margin-top: 8px;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: 270px; 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: 470px; 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 10px; height: auto; text-align: center; 
                                            float:left; font-size: 14px; font-weight:bold; font-size: .8rem;}


.btm_area{width:100%; height: 50px;}
.btm_area .main_menu{ width:1280px; margin: 0 auto; height: auto;position: relative; }
.btm_area .main_menu > ul{width:100%; position: relative; }
.btm_area .main_menu > ul li{ width: 16.5%; text-align: center; float: left; line-height: 50px; font-weight: bold; color: black;}
.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:150px; }
#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: 2px 7px; background-color: #ff5756; color: #fff; font-size: 15px;}
.receipt{padding: 2px 7px; background-color: #3f91c3; color: #fff; font-size: 15px;}
.hit{ color: gray; font-size: 12px; float: right;}
.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;}


/*한줄 5개 갤러리 리스트형식 메인 &서브*/
.my_project_list{width:100%; display: inline-block; margin-bottom: 60px;}
.my_project_list a li{ width: 20%; 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%; height: 180px; border-radius: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #f5f5f5; margin-top: 0;text-indent:-999999px;}
.my_project_list a li > span{ color: #0AB2A6; 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;}
.my_project_list a li > div .hit img{ width:20px; margin-right: 5px;}


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



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

.profile_box{  width:90%; margin: 10px 0px; padding: 20px 5%; height: 230px; 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: 67%; 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_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;}


.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: inline-block; margin-bottom:20px;}
.project_count ul a{width: 19.5%; 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.5rem; margin-bottom: 20px;color: #0AB2A6; }
.project_count ul a li p{ font-size: 15px;}

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

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

.mycon_c_icon{ width:100%; display: flex; margin-top: 25px;}
.mycon_c_icon > div{width: 33%;margin-right: 2%; padding:20px 10px; border: 1px solid #ccc;border-radius: 15px;}
.mycon_c_icon > div a{ width:100%;display: flex; flex-direction:column;justify-content: center;align-items: center }
.mycon_c_icon > div a img{width:30%;}
.big_text{font-size:18px; font-weight: 600; color: #000;text-align: center;  }
.sm_text{ color: #989898; font-size: 14px; margin: 10px auto 10px; text-align: center;}

.sub_project_list{ padding: 0!important;}
.sub_project_list ul{ width:100%; height: auto; display: inline-block;border-top:1px solid lightgray!important; margin-top: 0!important; border-bottom: 2px solid #272727;}
.sub_project_list ul li{ padding: 5px 0px; width:100%; height: auto; display:inline-block;border-bottom:1px solid lightgray;}
.sub_project_list ul li .list_thume{ width: 13%; height: 115px; border: 1px solid red; float: left; text-indent:-999999px;
                                        background-size: contain; background-position: center; background-repeat: no-repeat;}
.sub_project_list ul li .sec1{ width: 60%; float: left; height: auto; padding-left:15px;}
.sub_project_list ul li .sec1 > p{ padding: 5px 0px;}
.sub_project_list ul li .sec1 .area{font-size:15px;}
.sub_project_list ul li .sec1 .area .in_mypage1 img{margin-left:1%; width: 17px; height: 16px;}
.sub_project_list ul li .sec1 .title a{ font-size: 18px; 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{ font-weight: bold; padding-right: 15px;}
.sub_project_list ul li .sec1 .target{ font-weight: bold; padding:0 15px;}
.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:15px;}

.sub_btn_box{ width:100%; margin: 10px 0px; height: 30px;}
.sec1 .sub_project_btn{ float: left; padding: 5px 10px; bordeR: 1px solid lightgray; font-size: .8rem; margin-right: 1%; cursor:pointer;}

.sec2 .sub_btn_box{ margin-top: 20px;}
.sec2 .sub_project_btn{ float: right; padding: 5px 10px; bordeR: 1px solid lightgray; font-size: .8rem; margin-right: 1%; cursor:pointer; line-height: 20px; background-color: #e9e9e9;}

.sub_btn_box span{ font-size: .7rem; color: gray;}
.ing{ background-color: rgb(25,174,144);}
.ready{ background-color: rgb(89,116,238);}
.end{ background-color: red;}
.ing, .ready, .end{ padding: 2px 7px;color: #fff;font-size: .9rem;}

.sec2_table{ width:100%; font-size: .7rem; bordeR: 1px solid lightgray; border-collapse: collapse; }
.sec2_table tr th{ background-color: #e9e9e9; text-align: center; line-height: 25px; border-right: 1px solid lightgray;}
.sec2_table tr td{ text-align: center; line-height: 25px; border-right: 1px solid lightgray;}






/*공모전관리*/

.mycon_tab ul{ border-bottom: 1px solid lightgray;}
.sub_btn_box{ width:100%; margin: 10px 0px; height: 30px;}
.sec1 .sub_project_btn{ float: left; padding: 5px 10px; bordeR: 1px solid lightgray; font-size: .8rem; margin-right: 1%; cursor:pointer;}

.sec2 .sub_btn_box{ margin-top: 20px;}
.sec2 .sub_project_btn{ float: right; padding: 5px 10px; bordeR: 1px solid lightgray; font-size: .8rem; margin-right: 1%; cursor:pointer; line-height: 20px; background-color: #e9e9e9;}

.sub_btn_box span{ font-size: .7rem; color: gray;}
.ing{ background-color: rgb(25,174,144);}
.ready{ background-color: rgb(89,116,238);}
.end{ background-color: red;}
.ing, .ready, .end{ padding: 2px 7px;color: #fff;font-size: .9rem;}

.sec2_table{ width:100%; font-size: .7rem; bordeR: 1px solid lightgray; border-collapse: collapse; }
.sec2_table tr th{ background-color: #e9e9e9; text-align: center; line-height: 25px; border-right: 1px solid lightgray;}
.sec2_table tr td{ text-align: center; line-height: 25px; border-right: 1px solid lightgray;}

.select_box{ width: 100%; height: 50px; line-height: 45px; }
.input_css{ height: 30px; border: 1px solid lightgray; text-indent:10px;}
select{ height: 32px; border: 1px solid lightgray; padding: 0px 10px;}
.list_select{ float: right; margin-top: 10px;}
.button2{ height:35px; padding: 0 5px;background-color: #fff; border: none;display: inline;}
.button2 img{margin-top:5px; }



/*관심주최사*/



.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:100%; 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; font-weight: 100;}
.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; font-weight: 100;}
.table2 td{ text-align: left; padding: 15px 0px;  text-indent: 20px;border-left: 1px solid lightgray;}

.ui-datepicker-trigger{ width:27px; height:27px; border:1px solid lightgray; border-left:0; float: left;}
.datepicker{  height:27px; float: left;border:1px solid lightgray;}
label{ width:auto;margin-right: 15px; 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;}
.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;}

/*유료상품안내---------------------------------------------------------------------------*/

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

.banner_btn_box{width:30%; float: right; }
.total_product_btn, .product_btn, .guide_btn{ width: 48%; padding: 15px 0px; text-align: center; color: #fff; border-radius: 15px;}
.total_product_btn{background-color: tomato; width:30%; }
.product_btn{background-color: #0AB2A6; width:30%; }
.guide_btn{ background-color: #272727; width:30%; }

.banner_info{ width:100%; padding: 60px 0px; background-color: #eef2f9; text-align: center; margin: 60px 0;}
.banner_info > p{ margin: 15px 0px; margin-bottom: 30px;}
.banner_info > ul{ width:55%; display: inline-block;margin: 0 auto;}
.banner_info > ul li{ width: 30%; margin: 0 1.5%; padding-bottom: 10px;font-weight: bold; font-size: 1.15rem; float: left; cursor:pointer;}
.select_tab{ border-bottom: 3px solid black; color: #0AB2A6;  }

.banner_list{ width:100%; padding: 10px 0px; margin: 0 auto;}
.banner_list ul {width:100%; display: flex; justify-content:center; margin: 0 auto;}
.banner_list ul li{ width: 23%; padding: 0 1%; text-align : center; margin-top: 20px;float: left; }
.banner_list ul li span{ padding: 2px 10px; background-color: #0AB2A6; color: #fff; border-radius: 10px;}
.banner_list ul li img{ width:100%; margin-top: 15px;}

.banner_list2, .banner_list3{ display: none;}

.product_list{ width:100%; margin-bottom: 60px;}
.product_list ul{ width:100%; display: inline-block;}
.product_list ul li{ width: 45%; padding: 0 2% 60px 3%; float: left;}
.product_list ul li h3{ width:100%; padding-bottom: 10px; border-bottom: 3px solid black;}
.product_list ul li h3 a span{ float: right; font-size: .9rem;}
.product_list ul li p{ font-size: .9rem;}
.product_list ul li > p{ margin: 10px 0px;font-size: .9rem;}
.product_list ul li .product_table{  border-collapse: collapse; width:100%; border-bottom: 3px solid black; font-size: .9rem;}
.product_table tr{ }
.product_table tr th{ width: 18%; text-align: left;padding: 7px 0px;}
.product_table tr td{ width: 78%; padding-left: 1%;padding: 7px 0px;}

.sub_table { border-collapse: collapse; width:100%;border: 1px solid #e9e9e9;}
.sub_table tr{border-bottom: 1px solid #e9e9e9;}
.sub_table tr th{ background-color: #f5f5f5; text-indent : 3px;}
.sub_table tr td{ text-indent : 5px;}

.datepicker{ width: 150px;}
.product_price{ margin-top: 5px; width:100%; font-weight: bold;}
.product_price span{ float: right; color: #4664b9;}

.total{ width: 100%; padding: 15px 0px; height: 45px; background-color: #0ab2a6; border-top: 3px solid black;}
.total .content{ display: flex; flex-direction: row; justify-content: space-between;}
.total .content, .price_box .content{padding: 0;}

.total p{ width: 68%; font-size: 1.15rem; font-weight: bold;color: #fff; margin-top: 9px;}
.total p span{ font-weight: bold; color: #fff200; margin:0 2%;}
.total_btn_box button{ padding: 15px 0; width: 98px; text-align: center; border-radius: 15px; color: #fff; font-weight: bold;}
.total_btn1{ background-color: #282828;}
.total_btn2{ background-color: #4664b9;}
.total_btn3{ background-color: #f44c48;}
.price_box{ background-color: #f5f5f5; padding: 15px 0px;}
.price_box .content{ display: flex; flex-direction: row; justify-content: space-between;}
.price_box ul{ width:100%;display: flex; flex-direction:row; justify-content: space-between;}
.price_box ul li{ width: 100%; float: left; font-weight: bold;}
.price_box ul li span{ font-weight: 100; margin-left: 5%;}
.p_clear_btn{ float:right; width: 3%; display: inline-block; cursor:pointer;}

/*공모전 등록----------------------------------------------------------------------------*/

.register_title{ width:100%; border-bottom: 2px solid #272727; text-align: center; font-size: 20px; padding-bottom: 10px; margin-bottom:60px;}
.table4{ width:100%; border: 1px solid lightgray; border-collapse: collapse; margin-top: 20px; margin-bottom:40px;}
.table4 tr{width:100%;}
.table4 td{ width:48%;text-align: left; padding: 14px 0px;padding-left:1%;}

.step_box{ width:100%; height: auto; padding: 10px 10px 40px 10px;}
.step_box ul{ width:100%; display: inline-block;}
.step_box ul li{ float: left;}
.step_box ul .step_num{width: 9.5%; margin: 0 auto; position: relative; }
.step_box ul .step_num .step_on{  background-color: #0AB2A6; color: #fff;}
.step_num div{ width:50px; height: 50px; color: #272727; background-color : #e9e9e9;margin: 0 auto; text-align: center; border-radius: 25px; line-height: 50px;}

.step2, .step3, .step4, .step5, .step6, .step7{ display: none; }
.step_num p {text-align: center; margin-top: 15px; font-size: 0.8rem;}
.step_bar{ float: left;  width:3.4%; position: relative;}
.step_bar div{ width:90%; height: 3px; background-color: lightgray; margin:0 auto; margin-top: 25px;}

.next_btn{ background-color:  #0AB2A6; color: #fff; padding:0 15px; height:30px; border: none; cursor:pointer; border-radius: 5px;}
.prev_btn, .save_btn {background-color: #e9e9e9; color: black; padding:0 15px; height:30px;border: none; cursor:pointer; border-radius: 5px;}
.prev_btn{ float: left;}
.regi_btn{ background-color:  #0AB2A6; color: #fff; padding:0 15px; height:30px; border: none; cursor:pointer; border-radius: 5px;}

.box-file-input{width:83%; display: inline-block; float: left;}
.box-file-input label{display:inline-block; background:#0AB2A6;float:left; color:#fff; padding:0px 10px; line-height:35px;cursor:pointer; }

.box-file-input label:after{ content:"파일첨부"; }
.box-file-input .file-input{ display:none; float:left;}
.box-file-input .filename{  display:inline-block; padding:4px 150px 4px 10px; border: 1px solid lightgray; float:left;}
.box-file-input p{font-size: 0.8rem; margin: 30px 0px; clear:both; padding-top:10px;}

.input_css2{ width:45%;height: 30px; border: 1px solid lightgray;text-indent: 5px;}
.none_tr{ display:none;}

.regi_step_list table h3{ font-size: 1rem;}

.plus_btn{ width: 60px; height: 30px; background-color: #0AB2A6; color: #fff; border-radius: 5px; line-height:30px; float:left; text-align: center;margin-left: 0.5%; }
.delete_btn{width: 60px; height: 30px; background-color: #e9e9e9; color: black; border-radius: 5px; line-height:30px; float:left;text-align: center; }

.none_tr h4{ font-size: .9rem; padding-bottom:10px;}

textarea{ width:80%; border: 1px solid lightgray; overflow-y: scroll; resize:vertical;}
.input_css3{width:80%;height: 30px; border: 1px solid lightgray;text-indent: 5px;}
.preview_img1 img{ width:180px; border: 1px solid lightgray;}
.preview_img2 img{ width:180px;  border: 1px solid lightgray;}

.preview_img_css img:not(:first-child){ display:none;}

.input_css5{ width:15%; float: left; height:32px; border: 1px solid lightgray; text-indent: 5px; margin-right:1%;}



/*공모전 완료---------------------------------------------------------------------------*/

.register_title{ width:100%; border-bottom: 2px solid #272727; text-align: center; font-size: 20px; padding-bottom: 10px; margin-bottom:60px;}
.step8 h3{ text-align: center;}

.banner_box{ width: 80%; padding: 80px 10%; height: 100px;; }
.banner_box a img{ float: left; width:47%; margin:0 1%; border: 1px solid red;}



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

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


@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: 44%; 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; height: auto; margin: 0 auto; padding: 40px 1%;}


.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: 16%!important; 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;}

.total p{ width: 55%; display: inline-block;  font-size: 1rem; font-weight: bold;color: #fff; margin-top: 9px;}
.total_btn_box button{ padding: 15px 10px; width: auto;  text-align: center; border-radius: 15px; color: #fff; font-weight: bold;}

.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: 16%;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; min-width:600px!important;height: auto; margin: 0 auto; padding: 40px 1%;}


.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: 16%!important; text-align: center; float: left; line-height: 50px; font-weight: bold; color: black; font-size: .85rem;}
.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;; 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;}



.mycon_c_icon{margin-top:10px;flex-direction:column; }

.mycon_c_icon > div{width:300px; padding: 5px 10px; margin-bottom:5px; }
.mycon_c_icon > div a{width:100%; flex-direction:row; justify-content: flex-start; }

.mycon_c_icon > div a img{width:30px;}
.sm_text, .big_text{margin:0 10px; text-align: left;}
.big_text{font-size: 16px;}
.sm_text{font-size:14px;}

.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: 180px; 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: 10px;}
.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: 180px;  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_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;}


.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: inline-block; margin-bottom:20px;}
.project_count ul a{width: 19.5%; 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.5rem; margin-bottom: 20px;color: #0AB2A6; }
.project_count ul a li p{ font-size: 15px;}

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



.sub_project_list{ padding: 0!important;}
.sub_project_list ul{ width:100%; height: auto; display: inline-block;border-top:1px solid lightgray!important; margin-top: 0!important; border-bottom: 2px solid #272727;}
.sub_project_list ul li{ padding: 5px 0px; width:100%; height: auto; display:inline-block;border-bottom:1px solid lightgray;}
.sub_project_list ul li .list_thume{ width: 13%; height: 115px; border: 1px solid red; float: left; text-indent:-999999px;
                                        background-size: contain; background-position: center; background-repeat: no-repeat;}
.sub_project_list ul li .sec1{ width: 60%; float: left; height: auto; padding-left:15px;}
.sub_project_list ul li .sec1 > p{ padding: 5px 0px; font-size:.8rem;}
.sub_project_list ul li .sec1 .area{font-size:.8rem;}
.sub_project_list ul li .sec1 .title a{ font-size: 1rem; 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{ font-weight: bold; padding-right: 15px;}
.sub_project_list ul li .sec1 .target{ font-weight: bold; padding:0 15px;}
.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:15px;}

.sub_btn_box{ width:100%; margin: 10px 0px; height: 30px;}
.sec1 .sub_project_btn{ float: left; padding: 5px 10px; bordeR: 1px solid lightgray; font-size: .8rem; margin-right: 1%; cursor:pointer;}
.sec2 .sub_btn_box{ margin-top: 5px;}
.sec2 .sub_project_btn{ float: right; padding: 5px 10px; bordeR: 1px solid lightgray; font-size: .8rem; margin-right: 1%; cursor:pointer; line-height: 20px; background-color: #e9e9e9;}

.sub_btn_box span{ font-size: .7rem; color: gray; display: inline-block; }
.ing{ background-color: rgb(25,174,144);}
.ready{ background-color: rgb(89,116,238);}
.end{ background-color: red;}
.ing, .ready, .end{ padding: 1px 5px;color: #fff;font-size: .7rem;}

.sec2_table{ width:100%; font-size: .7rem; bordeR: 1px solid lightgray; border-collapse: collapse; }
.sec2_table tr th{ background-color: #e9e9e9; text-align: center; line-height: 25px; border-right: 1px solid lightgray;}
.sec2_table tr td{ text-align: center; line-height: 25px; border-right: 1px solid lightgray;}

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

.table1, .table2, .table3 {font-size: .8rem;}
.table2 th{ width:25%; padding: 15px 0px; text-indent: 2%;}

.ui-datepicker-trigger{ width:27px; height:27px; border:1px solid lightgray; border-left:0; float: left;}
.datepicker{  height:27px; float: left;border:1px solid lightgray;}
label{ width:auto;margin-right: 15px; cursor:pointer;}
.input_css{ width: 25%;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;}
.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;}

.banner_btn_box{width:60%; float: right; }

.banner_info{ width:100%; padding: 60px 0px; background-color: #eef2f9; text-align: center; margin: 60px 0;}
.banner_info > p{ margin: 15px 0px; margin-bottom: 30px;}
.banner_info > ul{ width:98%; display: inline-block;margin: 0 auto;}
.banner_info > ul li{ width: 30%; margin: 0 1.5%; padding-bottom: 10px;font-weight: bold; font-size: 1rem; float: left; cursor:pointer;}
.select_tab{ border-bottom: 3px solid black; color: #0AB2A6;  }

.product_list{ width:100%; margin-bottom: 60px;}
.product_list ul{ width:100%; display: inline-block;}
.product_list ul li{ width: 95%; padding: 0 2.5% 60px 2.5%;  float: left;}
.product_list ul li h3{ width:100%; padding-bottom: 10px; border-bottom: 3px solid black;}
.product_list ul li h3 a span{ float: right; font-size: .9rem;}
.product_list ul li p{ font-size: .9rem;}
.product_list ul li > p{ margin: 10px 0px;font-size: .9rem;}
.product_list ul li .product_table{  border-collapse: collapse; width:100%; border-bottom: 3px solid black; font-size: .9rem;}
.product_table tr{ }
.product_table tr th{ width: 18%; text-align: left;padding: 7px 0px;}
.product_table tr td{ width: 78%; padding-left: 1%;padding: 7px 0px;}

.sub_table { border-collapse: collapse; width:100%;border: 1px solid #e9e9e9;}
.sub_table tr{border-bottom: 1px solid #e9e9e9;}
.sub_table tr th{ background-color: #f5f5f5; text-indent : 3px;}

.total{ width: 100%; padding: 15px 0px; height: 45px; background-color: #0ab2a6; border-top: 3px solid black;}
.total .content, .price_box .content{padding: 0;}

.total p{ width: 56%; display: inline-block;  font-size: 1rem; font-weight: bold;color: #fff; margin-top: 9px;}
.total p span{ font-weight: bold; color: #fff200; margin:0 2%;}
.total_btn_box{ }
.total_btn_box button{ padding: 7px 3px; width: auto;  text-align: center; border-radius: 10px; color: #fff; font-weight: bold;}
.total_btn1{ background-color: #282828;}
.total_btn2{ background-color: #4664b9;}
.total_btn3{ background-color: #f44c48;}
.price_box{ background-color: #f5f5f5; padding: 15px 0px;}

.price_box ul{ width:96%; }
.price_box ul li{width: 100%; font-weight: bold; font-size: .8rem;}
.price_box ul li span{ font-weight: 100; margin-left: 5%;}
.p_clear_btn{ float:right; width: 3%;  cursor:pointer;}

}

@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: 16%;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:98%!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:600px;position: relative; }
		.btm_area .main_menu > ul li{ width: 94px; 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: 1px 5px; background-color: #ff5756; color: #fff; font-size: .8rem;}
		.receipt{padding: 1px 5px; background-color: #3f91c3; color: #fff; font-size: .8rem;}

		/*공모전 알고 맞춤추천*/
		.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:950px; display: inline-block; margin-bottom: 60px;}
		.my_project_list a li{ width: 180px; padding: 20px 1%; 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%; height: 140px; border-radius: 10px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #f5f5f5; margin-top: 0;text-indent:-999999px;}
		.my_project_list a li > span{ color: #0AB2A6; 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;}
		.my_project_list a li > div .hit img{ width:20px; margin-right: 5px;}


		

		/*공모전 등록----------------------------------------------------------------------------*/

		.register_title{ width:100%; border-bottom: 2px solid #272727; text-align: center; font-size: 20px; padding-bottom: 10px; margin-bottom:60px;}
		.table4{ width:100%; border: 1px solid lightgray; border-collapse: collapse; margin-top: 20px; margin-bottom:40px; font-size: .8rem;}
		.table4 tr{width:100%;}
		.table4 td{ width:48%;text-align: left; padding: 14px 0px;padding-left:1%;}

		.step_box{ width:100%; height: auto; padding: 10px 10px 40px 10px;}
		.step_box ul{ width:100%; display: inline-block;}
		.step_box ul li{ float: left;}
		.step_box ul .step_num{width: 9.5%; margin: 0 auto; position: relative; }
		.step_box ul .step_num .step_on{  background-color: #0AB2A6; color: #fff;}
		.step_num div{ width:30px; height: 30px; color: #272727; background-color : #e9e9e9;margin: 0 auto; text-align: center; border-radius: 15px; line-height: 30px;}

		.step2, .step3, .step4, .step5, .step6, .step7{ display: none; }
		.step_num p {text-align: center; margin-top: 15px; font-size: 0.8rem;}
		.step_bar{ float: left;  width:3.4%; position: relative;}
		.step_bar div{ width:90%; height: 2px; background-color: lightgray; margin:0 auto; margin-top: 13px;}

		.next_btn{ background-color:  #0AB2A6; color: #fff; padding:0 15px; height:30px; border: none; cursor:pointer; border-radius: 5px;}
		.prev_btn, .save_btn {background-color: #e9e9e9; color: black; padding:0 15px; height:30px;border: none; cursor:pointer; border-radius: 5px;}
		.prev_btn{ float: left;}
		.regi_btn{ background-color:  #0AB2A6; color: #fff; padding:0 15px; height:30px; border: none; cursor:pointer; border-radius: 5px;}

		.box-file-input{width:95%; display: inline-block; float: left;}
		.box-file-input label{ width: 50px;display:inline-block; background:#0AB2A6;float:left; color:#fff; padding:0px 5px; line-height:35px;cursor:pointer; }

		.box-file-input label:after{ content:"파일첨부"; }
		.box-file-input .file-input{ display:none; float:left;}
		.box-file-input .filename{  display:inline-block; padding:4px 150px 4px 10px; border: 1px solid lightgray; float:left;}
		.box-file-input p{font-size: 0.8rem; margin: 30px 0px; clear:both; padding-top:10px;}

		.input_css2{ width:80%;height: 30px; border: 1px solid lightgray;text-indent: 5px;}
		.none_tr{ display:none;}

		.regi_step_list table h3{ font-size: 1rem;}

		.plus_btn{ width: 60px; height: 30px; background-color: #0AB2A6; color: #fff; border-radius: 5px; line-height:30px; float:left; text-align: center;margin-left: 0.5%; }
		.delete_btn{width: 60px; height: 30px; background-color: #e9e9e9; color: black; border-radius: 5px; line-height:30px; float:left;text-align: center; }

		.none_tr h4{ width:100%; display: inline-block;font-size: .9rem; padding:10px 0;}

		textarea{ width:80%; border: 1px solid lightgray; overflow-y: scroll; resize:vertical;}
		.input_css3{width:80%;height: 30px; border: 1px solid lightgray;text-indent: 5px;}
		.preview_img1 img{ width:180px; border: 1px solid lightgray;}
		.preview_img2 img{ width:180px;  border: 1px solid lightgray;}

		.preview_img_css img:not(:first-child){ display:none;}

		.input_css5{ width:60%; float: left; height:32px; border: 1px solid lightgray; text-indent: 5px; margin-right:1%;}

		.table4 select{ padding: 0 10px;border-radius: 10px; width:80%; margin: 5px 0px;}


		/*모든공모전*/

		.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_list{ padding: 0!important;}
		.sub_project_list ul{ width:100%; height: auto; display: inline-block;border-top:0px solid lightgray!important; margin-top: 0!important; border-bottom: 2px solid #272727;}
		.sub_project_list ul li{ padding: 5px 0px; width:100%; height: auto; display:inline-block;border-bottom:1px solid lightgray;}
		.sub_project_list ul li .list_thume{ width: 13%; height: 115px; border: 1px solid red; float: left; text-indent:-999999px;
												background-size: contain; background-position: center; background-repeat: no-repeat;}
		.sub_project_list ul li .sec1{ width: 100%; float: left; height: auto; padding-left:5px;}
		.sub_project_list ul li .sec1 > p{ padding: 5px 0px; font-size:.8rem;}
		.sub_project_list ul li .sec1 .area{font-size:.8rem;}
		.sub_project_list ul li .sec1 .title a{ font-size: 1rem; 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{ font-weight: bold; padding-right: 15px;}
		.sub_project_list ul li .sec1 .target{ font-weight: bold; padding:0 15px;}
		.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:98%;float: left; text-align: right; line-height: 40px;padding-left:5px;}

		.sub_btn_box span{ font-size: .7rem;  width:100%; display: inline-block;  color: gray;}
		.ing{ background-color: rgb(25,174,144);}
		.ready{ background-color: rgb(89,116,238);}
		.end{ background-color: red;}
		.ing, .ready, .end{ padding: 2px 7px;color: #fff;font-size: .9rem;}

		.sec2_table{ width:99%; font-size: .7rem; bordeR: 1px solid lightgray; border-collapse: collapse; }
		.sec2_table tr th{ background-color: #e9e9e9; text-align: center; line-height: 25px; border-right: 1px solid lightgray;}
		.sec2_table tr td{ text-align: center; line-height: 25px; border-right: 1px solid lightgray;}

		.select_box{ width: 100%; height: 50px; line-height: 45px; }
		.input_css{ height: 30px; border: 1px solid lightgray; text-indent:10px;}
		select{ height: 32px; border: 1px solid lightgray; padding: 0px 10px;}
		.list_select{ float: right; margin-top: 10px;}
		.button2{ height:35px; padding: 0 5px;background-color: #fff; border: none;display: inline;}
		.button2 img{margin-top:5px; }


		.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: 0px;}
		.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: 33px; border-bottom-right-radius: 33px; 
								text-align: center; line-height:40px; font-weight:bold; font-size: .8rem;}
		.project_count div > span{ color: #ffdb2f; }
		.project_count ul{width:100%; display: inline-block; margin-bottom:30px;}
		.project_count ul a{width: 19%; height:70px;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:1.5rem; margin-bottom: 20px;color: #0AB2A6; }
		.project_count ul a li p{ font-size: .55rem;}

		.mycon_c_icon > div{width:100%; padding: 7px 3px;border-radius: 5px}
		.sm_text{font-size:12px;}
		.big_text{font-size: 14px;}
		.sm_text, .big_text{margin:0 5px;}
		.mycon_c_icon > div a img{width:15px;}
		/*맞춤추천*/

		.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%;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{ width: 73%; 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:26%; 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: 95%;margin-right: 5px; cursor:pointer; display:inline-block;}
		.input_css{ width: 45.7%;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;}
		.table1 select, .table2 select, .table3 select{ width:45%; 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%;}

		/*유료상품안내---------------------------------------------------------------------------*/


		.banner_step ul a h3{ font-size: 16px;}
		.banner_step ul a h4{ font-size: 14px;}
    .banner_btn_box{width:100%;  margin-top:20px; float:none;}
    .total_product_btn, .product_btn, .guide_btn{ width: 48%; padding: 15px 0px; text-align: center; color: #fff; border-radius: 15px;}
    .total_product_btn{background-color: tomato; width:32%; }
    .product_btn{background-color: #0AB2A6; width:32%; }
    .guide_btn{ background-color: #272727; width:32%; }

		.banner_info{ width:100%; padding: 60px 0px; background-color: #eef2f9; text-align: center; margin: 20px 0 60px;}
		.banner_info > p{ margin: 15px 0px; margin-bottom: 30px;}
		.banner_info > ul{ width:100%; display: inline-block;margin: 0 auto;}
		.banner_info > ul li{ width: 30%; margin: 0 1.5%; padding-bottom: 10px;font-weight: bold; font-size: .9rem; float: left; cursor:pointer;}
		.select_tab{ border-bottom: 3px solid black; color: #0AB2A6;  }

		.banner_list{ width:100%; padding: 10px 0px; margin: 0 auto; }
		.banner_list ul {flex-wrap: wrap;}
		.banner_list ul li{ width: 46%; padding: 0 2%; text-align : center; margin-top: 20px;float: left; }
		.banner_list ul li span{ padding: 2px 5px; background-color: #4664b9; color: #fff; border-radius: 5px; font-size: .75rem;}
		.banner_list ul li img{ width:100%; margin-top: 15px;}

		.banner_list2, .banner_list3{ display: none;}

		.product_list{ width:100%; margin-bottom: 60px;}
		.product_list label{ width: 70%!important;}
		.product_list .datepicker{ width: 230px;}
		.product_list select{ margin-top: 5px;}
		.product_list ul{ width:100%; display: inline-block;}
		.product_list ul li{ width: 97%; padding: 0 2% 60px 2%; float: left;}
		.product_list ul li h3{ width:100%; padding-bottom: 10px; border-bottom: 3px solid black;}
		.product_list ul li h3 a span{ float: right; font-size: .75rem;}
		.product_list ul li p{ font-size: .75rem;}
		.product_list ul li > p{ margin: 10px 0px;font-size: .75rem;}
		.product_list ul li .product_table{  border-collapse: collapse; width:100%; border-bottom: 3px solid black; font-size: .85rem;}
		.product_table tr{ }
		.product_table tr th{ width: 18%; text-align: left;padding: 7px 0px;}
		.product_table tr td{ width: 78%; padding-left: 1%;padding: 7px 0px;}

		.sub_table { border-collapse: collapse; width:100%;border: 1px solid #e9e9e9; font-size: .75rem;}
		.sub_table tr{border-bottom: 1px solid #e9e9e9;}
		.sub_table tr th{ background-color: #f5f5f5; text-indent : 3px;}
		.sub_table tr td{ text-indent : 5px;}

		.datepicker{ width: 150px;}
		.product_price{ margin-top: 5px; width:100%; font-weight: bold;font-size: 1rem;}
		.product_price span{ float: right; color: #4664b9; font-size: 1rem;}

		.total{ width: 100%; padding: 15px 0px; height: 75px; background-color: #0ab2a6; border-top: 3px solid black;}
		.total .content, .price_box .content{padding: 0;}
		.total .content{ flex-direction:column; align-items: center;}
		.total p{ width: 100%; text-align: center; margin-top: 9px;}
		.total p span{ font-weight: bold; color: #fff200; margin:0 2%;}
		.total_btn_box{ width: 100%; margin-top: 15px; text-align: center;}
		.total_btn_box button{ padding:5px 0; width:30%; text-align: center; border-radius: 5px; color: #fff; font-weight: bold;}
		.total_btn1{ background-color: #282828;}
		.total_btn2{ background-color: #4664b9;}
		.total_btn3{ background-color: #f44c48;}
		.price_box{ background-color: #f5f5f5; padding: 15px 0px;}

		.price_box .content{ width: 70%;}
		.price_box ul{ width:95%; display: flex; flex-direction:column;align-items: center}
		.price_box ul li{ width: 80%; display: flex; justify-content: space-between;}
		.price_box ul li span{ font-weight: 100; margin-left: 15%;}
		.p_clear_btn{ width: 3%; display: inline-block; cursor:pointer;}

}