@media all and (max-width: 1200px) {
	/* 러너 프로필 보기 */
	.runner_modify .modify_box .form_box dl dd {width: 100%;}
	.runner_modify .modify_box .form_box dl dd input {width: 100%;}
	
	/* 러너 프로필 보기 */
	
	
}
@media all and (max-width: 1100px) {
	/* 러너 프로필 보기 */
    .runner .container {grid-template-columns: 397px calc(100% - 440px);}
	/* 러너 프로필 보기 */
}
@media all and (max-width: 1000px) {
	/* 러너 프로필 보기 */
	.runner {padding-top: 120px;}
	.runner .rank_record {padding-bottom: 60px;}
	.runner .rank_record .rank_ul {display: block;}
	.runner .rank_record .rank_ul .item_list {width: 100%; max-width: none;}
	/* 러너 프로필 보기 */
}
@media all and (max-width: 924px) {
	.runner .recode_date{
		display:none;
	}
	.runner_modify .profile_box .share_box{
		padding-left: 0px;
	}
	.runner .profile_box .share_box .btn_share {width:62px; height:62px;     background-size: 62px;}
	.runner .profile_box .share_box .download_btn {width:62px; height:62px;     background-size: 62px;}
	.runner .profile_box .share_box{
		display:block;
	}

	.tablet_only {display: block;}
	.tablet_mode {display: block;}

	/* main */
	.main .runner_table > table th:nth-child(6) {width: 215px;}
	.main .runner_table > table.use_scroll th:nth-child(6) {width: 223px;}
	.main .runner_table > table td:nth-child(7) {width: 90px;}
	/* main */

	/* 러너 프로필 보기 */
	.runner .profile_box .big_img_box {width: 100%; height: auto; width: 300px;}
	.runner .profile_box .big_img_box .name_box .btn_share {display: inline-block; }
	.runner .profile_box .share_box .btn_share {}
	.runner .profile_box .profile_info {width: 100%; padding: 1px 0 0 0; box-sizing: border-box; display: none;}

	.runner .rank_tit {padding-bottom: 20px;}
	.runner_modify .recent_rank .rank_tit {padding-bottom: 29px;}
	.runner .recent_rank {height: 304px;}

	.runner .container {display: grid; grid-template-columns: 300px calc(100% - 340px); grid-auto-rows: minmax(100px, auto);}
	.runner .profile_box {grid-column: span 1; grid-row: span 1; width: 300px;}
	.runner .rank_record {grid-column: span 1; grid-row: span 1; padding: 0;}
	.runner .recent_rank {grid-column: span 2; grid-row: span 1; padding-top: 40px;}

	.runner_modify .profile_box .big_img_box {margin-bottom: 25px;}
	.runner_modify .profile_box .photo_box {width: calc(100% - 163px); float: none; padding: 0 0; box-sizing: border-box;}
	.runner_modify .profile_box .photo_box .btn_register_photo {width: 100%; height: 62px; font-size: 18px; line-height: 62px; border-radius: 4px;}
	.runner_modify .profile_box .profile_info {padding-top: 27px;}

	.runner_modify .modify_box .form_box {flex-direction: column;}
	.runner_modify .modify_box .form_box .item_row {width: 100%;}
	.runner_modify .modify_box .form_box dl {width: 100%; padding: 6px 0; margin-bottom: 26px;}
	.runner_modify .modify_box .form_box dl dt {}
	.runner_modify .modify_box .form_box dl dd {width: calc(100% - 173px);}
	.runner_modify .modify_box .form_box dl dd input {height: 23px; font-size: 18px;}
	/* 러너 프로필 보기 */
}

@media all and (max-width: 717px) {
	.runner.runner_modify .logout_btn{
	    padding-top: 20px;
		    text-align: center	;
	}
	.main .main_floating_box{
		width: 55px;
        height: 55px;
        background-size: 34px;
		position: fixed;
		right: 20px;
        bottom: 70px;

	}
	.main .main_floating_box .btn_go_up {
		display: inline-block;
		width: 55px;
		height: 55px;
		border-radius: 100%;
		overflow: hidden;
		background: url(/img/main_top_btn.svg) no-repeat center center;
		font-size: 0;
	}

	.runner .recode_date{
		display: inline-block;
	}

	.wg_red_text{
		padding:18px 20px 0;
	}
	.tablet_only {display: none;}
	.mo_mode {display: block;}
	.width {padding: 0 20px;}
	.wg_btn_lg_01 {width: 100%; height: 50px; font-size: 15px; font-weight: 700; line-height: 48px;}
	.wg_btn_lg_02 {width: 100%; height: 50px; font-size: 15px; font-weight: 700; line-height: 48px;}

	.form_element label.choice  {min-width: 17px; height: 17px; background: url('/img/icon_radio_17.svg') no-repeat left center;}
	.form_element label.choice.on {background: url('/img/icon_radio_17_on.svg') no-repeat left center;}

	/* header */
	header {position: fixed; top: 0; left: 0; width: 100%; height: 211px; border-radius: 0px 0px 50px 0px; font-size: 0; z-index: 10;}
	header .header_wrap {padding: 0 21px 0 20px;}
	header .header_wrap .header_top {height: auto; padding-top: 31px; min-height: 30px; box-sizing: content-box;}
	header .header_wrap .header_top .logo_box {padding: 0;}
	header .header_wrap .header_top .logo_box .main_logo_img{width: 52px;}
	header .header_wrap .header_top .logo_box .logo_img {display:none; width: 52px;}
	header .header_wrap .header_top .logo_box .mo_logo_img {display:block; width: 15px;}
	header .header_wrap .header_top .cate_list {display: none;}
	header .header_wrap .header_top .cate_list > ul > li {}
	header .header_wrap .header_top .cate_list > ul > li > a {}
	header .header_wrap .header_top .cate_list > ul > li > a.my_info {}
	header .header_wrap .header_main {padding-top: 0; padding-bottom: 0;}
	header .header_wrap .header_main .txt_img {margin-top: 61px; margin-bottom: 21px; width: 176px;}
	header .header_wrap .header_main .txt {padding-top: 23px; padding-bottom: 10px; font-size: 45px; line-height: 58px;}
	header .header_wrap .menu_box {display :block;}
	header#headerAgreement {height: 152px;}
	header#headerShort {height: 95px;}
	#container {padding: 95px 20px 60px 20px; min-height: calc(100vh - 168px);/*min-height: calc(var(--vh, 100vh) * 100 - 168px);*/}
	#container.container_agreement {padding-top: 152px;}
	.nav_menu {}


	/* header */

	/* footer */
	footer {}
	footer .footer_top {padding: 22px 0;}
	footer .footer_top .qa_box {}
	footer .footer_top .qa_box > ul > li {padding-right: 18px;}
	footer .footer_top .qa_box > ul > li > strong {font-size: 14px; font-weight: 900; line-height: 19px;}
	footer .footer_top .qa_box > ul > li > img {height: 14px;}
	footer .footer_top .qa_box > ul > li .go_qa {font-size: 14px; font-weight: 400; line-height: 19px; margin-left: 18px;}
	footer .footer_top .page_box {display: none;}
	footer .footer_top .page_box > ul > li {}
	footer .footer_top .page_box > ul > li > p {}
	footer .footer_top .page_box > ul > li > a {}
	footer .footer_bottom {display: none;}
	footer .mo_footer_bottom {text-align: center; padding: 32px 30px 33px; background: rgb(217, 217, 217, 0.2); margin: 0 auto;}
	footer .mo_footer_bottom {display: block;}
	footer .mo_footer_bottom h3 {font-size: 16px; font-weight: 700;}
	footer .mo_footer_bottom h3 > strong {font-size: 16px; font-weight: 900;}
	footer .mo_footer_bottom .foot_info {padding: 14px 0 0 0;}
	footer .mo_footer_bottom .foot_info > p {font-size: 12px; font-weight: 500;}
	footer .mo_footer_bottom .foot_right{
		padding-top:20px;
	}
	footer .mo_footer_bottom .foot_right > ul{
		font-size:0;
	}
	footer .mo_footer_bottom .foot_right > ul li{
		background:#E4E4E4;
		height:23px;
		display: inline-block;
		margin-right:6px;
		padding: 0 11px;
		border-radius:2px;
	}
	footer .mo_footer_bottom .foot_right > ul li a{
		color:#000000;
		font-size:10px;
		font-weight:400;
		line-height:23px;
	}
	footer .mo_footer_bottom .foot_right .design_by{
		font-size: 10px;
		font-weight: 500;
		padding-top: 21px;
	    text-align: center;
	}
	footer .footer_bottom h3 {}
	footer .footer_bottom h3 > strong {}
	footer .footer_bottom .foot_info {}
	footer .footer_bottom .foot_info > p {}
	footer .floating_box {right: 20px; bottom: 130px;}
	footer .floating_box .btn_go_qa {    
		width: 55px;
        height: 55px;
        background-size: 28px;
	}
	/* footer */

	/* 약관동의 */
	.agreement {padding-top: 46px;}
	/* 약관동의 */

	/* main */
	.main {padding-top: 37px;}
	.main .search_wrap {}
	.main .search_box {width: 100%; padding: 0 24px; height: 41px; line-height: 39px;}
	.main .search_box .btn_search {width: 23px; height: 24px;}
	.main .search_box input[type="text"] {text-align: center; font-size: 18px; font-weight: 700; margin-left: 20px; width: calc(100% - 43px);}
	.main .search_box input[type="text"]::placeholder {}
	.main .search_box .result {display: none;}
	.main .search_cate_box {padding-top: 24px; padding-bottom: 24px;}
	.main .search_cate_box > ul {display: none;}
	.main .search_cate_box > ul > li {}
	.main .search_cate_box > ul > li > a {}
	.main .search_cate_box > ul > li > a.on {}
	.main .search_cate_box > select {display: inline-block;}
	.main .search_cate_box .result_right {display: block;}

	.runner_table {display: none;}
	.runner_table > table {}
	.runner_table > table tbody {max-height: none; overflow-x: hidden; margin: 0;}
	.runner_table > table tbody::-webkit-scrollbar {}
	.runner_table > table tbody::-webkit-scrollbar-thumb {}
	.runner_table > table tbody::-webkit-scrollbar-track {}
	.runner_table > table thead, 
	.runner_table > table tbody tr {}
	.runner_table > table tr:first-child td {padding-top: 14px;}
	.runner_table > table tr:last-child td {padding-bottom: 14px;}
	.runner_table > table th {display: none;}
	.runner_table > table td {border-bottom: 1px solid #F6F6F6; padding: 14px 0;}
	.runner_table > table td.rank_td strong {font-size: 16px; font-weight: 400;}
	.runner_table > table td span {font-size: 12px; font-weight: 400;}
	.runner_table > table td strong {font-size: 14px; font-weight: 700;}
	.runner_table > table td .view_profile {}
	.runner_table > table td .profile_img {}
	.runner_table > table td .profile_img img {}

	.runner_table > table th:nth-child(1) {}
	.runner_table > table th:nth-child(2) {}
	.runner_table > table th:nth-child(3) {}
	.runner_table > table.use_scroll th:nth-child(3) {}

	.runner_table > table td:nth-child(1) {}
	.runner_table > table td:nth-child(2) {}
	.runner_table > table td:nth-child(3) {}
	.runner_table > table td:nth-child(4) {}
	.runner_table > table td:nth-child(5) {}
	.runner_table > table td:nth-child(6) {}
	.runner_table > table td:nth-child(7) {}
	.runner_table > table td:nth-child(8) {}

	.runner_mo_table {
		display: block;
		max-height: 500px;
		overflow: scroll;
	}
	.runner_mo_table > table {width: 100%; font-size: 0; border-collapse: collapse;}
	.runner_mo_table > table td {border-bottom: 1px solid #F6F6F6; padding: 14px 0; text-align: left;}
	.runner_mo_table > table tr:last-child td {border-bottom: 0;}
	.runner_mo_table > table td span.sno {font-size: 16px; font-weight: 400;}
	.runner_mo_table > table td strong.name {display: block; font-size: 14px; font-weight: 700;}
	.runner_mo_table > table td span.user_info {display: block; font-size: 12px; font-weight: 400;}
	.runner_mo_table > table td .pr_info {background: url('/img/icon_arrow_right_6_gray.svg') no-repeat right center;}
	.runner_mo_table > table td .pr_info > span {display: block; font-size: 12px; font-weight: 400; color: #168080;}
	.runner_mo_table > table td .pr_info > strong {display: block; font-size: 16px; font-weight: 600; color: #168080;}
	.runner_mo_table > table td .profile_img {border-radius: 100%; overflow: hidden;}
	.runner_mo_table > table td .profile_img > img {width: 36px;}

	.main .runner_mo_table > table tr {cursor: pointer;}
	/* main */

	/* 내 정보 - 멤버인증 */
	.user_Certification {padding-top: 109px;}
	.user_Certification .main_tit {padding-bottom: 44px;}
	.user_Certification .main_tit > h3 {font-size: 18px;}
	.user_Certification .form_box {width: 248px; padding-bottom: 74px;}
	.user_Certification .form_box > dl {}
	.user_Certification .form_box > dl:last-child {}
	.user_Certification .form_box > dl > dt {width: 60px; font-size: 14px; font-weight: 400;}
	.user_Certification .form_box > dl > dd {width: calc(100% - 60px);}
	.user_Certification .form_box > dl > dd > input {width: 100%; height: 21px; font-size: 16px; font-weight: 700; text-align: center;}
	.user_Certification .form_box > dl > dd > input::placeholder {}
	.user_Certification .btn_center_box {width: 248px; padding-top: 6px;}
	.user_Certification #failedMsg {width: 259px; margin:auto; margin-top: -32px; font-size: 12px; font-weight: 400; padding: 0; line-height: 16px;}
	.user_Certification .go_phone_registration {margin-top: 10px;}

	/* 내 정보 - 멤버인증 */

	/* 내 정보 - 휴대폰 등록하기 */
	.phone_registration {padding-top: 109px;}
	.phone_registration .main_tit {padding-bottom: 44px;}
	.phone_registration .main_tit > h3 {font-size: 18px;}
	.phone_registration .form_box {width: 248px; padding-bottom: 53px;}
	.phone_registration .form_box > dl {}
	.phone_registration .form_box > dl:last-child {}
	.phone_registration .form_box > dl > dt {width: 60px; font-size: 14px; font-weight: 400;}
	.phone_registration .form_box > dl > dd {width: calc(100% - 60px);}
	.phone_registration .form_box > dl > dd > input {width: 100%; height: 21px; font-size: 16px; font-weight: 700; text-align: center;}
	.phone_registration .form_box > dl > dd > input::placeholder {}
	.phone_registration .btn_center_box {width: 248px; padding-top: 0;}
	.phone_registration .gray_txt { font-size: 12px; padding-top: 8px;}
	.btn_phone_registration {}

	.phone_registration.other {padding-top: 121px;}
	.phone_registration.other .main_tit {padding-bottom: 55px;}
	.phone_registration.other .btn_center_box {padding-top: 0;}

	.phone_registration.complete {padding-top: 121px;}
	.phone_registration.complete .go_home {margin-top: 10px;}
	.phone_registration.complete .main_tit {padding-bottom: 36px;}
	.phone_registration.complete .btn_center_box {padding-top: 0px;}

	.phone_registration.duplication {padding-top: 109px;}
	.phone_registration.duplication .main_tit {}
	.phone_registration.duplication .runner_table th {}
	.phone_registration.duplication .runner_table tr td {}
	.phone_registration.duplication .runner_table tr:last-child td {}
	.phone_registration.duplication .btn_center_box {padding-top: 69px;}

	.phone_registration.duplication .runner_table > table {}
	.phone_registration.duplication .runner_table > table td:nth-child(1) {}
	.phone_registration.duplication .runner_table > table td:nth-child(2) {}
	.phone_registration.duplication .runner_table > table td:nth-child(3) {}
	.phone_registration.duplication .runner_table > table td:nth-child(4) {}
	.phone_registration.duplication .runner_table > table td:nth-child(5) {}
	.phone_registration.duplication .runner_table > table td:nth-child(6) {}
	.phone_registration.duplication .runner_table > table td:nth-child(7) {}
	.phone_registration.duplication .runner_table > table td:nth-child(8) {}
	.phone_registration.duplication .runner_table > table td:nth-child(9) {}
	.phone_registration.duplication .runner_table > table.use_scroll td:nth-child(9) {}

	.phone_registration.duplication .runner_mo_table tr td {border-bottom: 1px solid #dfdfdf;}
	.phone_registration.duplication .runner_mo_table > table tr:last-child td {border-bottom: 0;}

	/* 내 정보 - 휴대폰 등록하기 */


	/* 러너 프로필 보기 */
	.runner {padding: 0;}
	.runner .container {display: block;}
	.runner .profile_box {width: 100%; margin-top: -55px;}
	.runner .profile_box .big_img_box {width: 100%; height: 100%; border-radius: 0; margin-bottom: 26px;}
	.runner .profile_box .big_img_box > img {}
	.runner .profile_box .big_img_box #bigImg {border-radius: 0;}
	.runner .profile_box .big_img_box #bigImg.no_img {border: 0; background-color: #EEEEEE;}
	.runner .profile_box .big_img_box .name_box {left: 20px; bottom: 16px;}
	.runner .profile_box .big_img_box .name_box .btn_share {display: inline-block; }
	.runner .profile_box .big_img_box .name {}
	.runner .profile_box .big_img_box .right_item {right: 16px; bottom: 16px;}
	.runner .profile_box .big_img_box .right_item .icon_image {}
	.runner .profile_box .big_img_box .right_item .no {}
	.runner .profile_box .big_img_box.light {}
	.runner .profile_box .big_img_box.dark {}
	.runner .profile_box .big_img_box.light .right_item .icon_image {}
	.runner .profile_box .profile_info {width: 100%; padding: 1px 20px 29px 20px; box-sizing: border-box; display:inline-table;}
	.runner .profile_box .profile_info > dl {}
	.runner .profile_box .profile_info > dl > dt {}
	.runner .profile_box .profile_info > dl > dd {}
	.runner .profile_box .profile_info > dl:first-child dt {}
	.runner .profile_box .profile_info > dl:first-child dd {}
	.runner .profile_box .share_box {display: block; padding-right:20px;}
	.runner_modify .profile_box .share_box{padding-left: 0px;}
	.runner_modify .profile_box .share_box{height: 62px;}

	.runner .rank_record {padding-top: 58px; padding-left: 20px; padding-right: 20px; padding-bottom: 93px; display:none;}
	.runner .rank_tit {padding-bottom: 19px;}
	.runner .rank_tit > h3 {font-size: 25px; }
	.runner .rank_record .rank_ul {display: block;}
	.runner .rank_record .rank_ul .item_list {width: 100%; margin-top: 38px;}
	.runner .rank_record .rank_ul .item_list:first-child {margin-top: 0;}
	.runner .rank_record .rank_ul .item_list .cont_table {}
	.runner .rank_record .rank_ul .item_list .cont_box {}
	.runner .rank_record .rank_ul .item_list .cont_box .rank {}
	.runner .rank_record .rank_ul .item_list .cont_box .info {}
	.runner .rank_record .rank_ul .item_list .cont_box .info > strong {}
	.runner .rank_record .rank_ul .item_list .cont_box .info > span {}
	.runner .rank_record .rank_ul .item_list .time {}
	.runner .rank_record .rank_ul .item_list:nth-child(1) .cont_box .rank {}
	.runner .rank_record .rank_ul .item_list:nth-child(2) .cont_box .rank {}
	.runner .rank_record .rank_ul .item_list:nth-child(3) .cont_box .rank {}
	.runner .rank_record .rank_ul .item_list:nth-child(1) .time {}
	.runner .rank_record .rank_ul .item_list:nth-child(2) .time {}
	.runner .rank_record .rank_ul .item_list:nth-child(3) .time {}

	.runner .recent_rank {display: block; padding-top: 61px; padding-left: 20px; padding-right: 20px; font-size: 0; height: auto;}
	.runner .recent_rank .rank_tit {padding-bottom: 26px;}
	.runner .recent_rank .recent_slick {padding: 0;}
	.runner .recent_rank .recent_slick .slick-list {}
	.runner .recent_rank .recent_slick .item_list {height: 177px; margin: 0; width: calc(50% - 9px); margin-bottom: 20px;}
	.runner .recent_rank .recent_slick .item_list:nth-child(2n) {margin-left: 18px;}
	.runner .recent_rank .recent_slick.slick-slider .item_list {}
	 
	.runner .recent_rank .recent_slick .item_list .cont_box {line-height: 175px; height: 175px;}
	.runner .recent_rank .recent_slick .item_list .cont_box > p {line-height: 1.5}
	.runner .recent_rank .recent_slick .slick-prev {}
	.runner .recent_rank .recent_slick .slick-next {}
	.runner .recent_rank .recent_slick .floating_page {}
	.runner .recent_rank .recent_slick .floating_page > li {}
	.runner .recent_rank .recent_slick .floating_page .slick-active {}
	.runner .recent_rank .mo_runner_table{
		display:block;
	}
	.runner .recent_rank .mo_runner_table .mo_runner_table_info{
		padding-bottom:35px;
	}
	.runner .recent_rank .mo_runner_table .mo_runner_table_title{
		color:#168080;
		font-size:20px;
		font-weight:400;
		line-height:26px;
		padding:10px 0;
		border-bottom:1px solid #BBBBBB;

	}			
	.runner .recent_rank .mo_runner_table .mo_runner_table_cont{
		color:#000000;
		font-size:24px;
		font-weight:700;
		line-height:31px;
		padding:10px 0;
	}
	.runner .profile_box .profile_info .mo_profile_info{
		display:block !important;
	}
	.runner_modify .rank_tit {padding-bottom: 14px;}
	.runner_modify .recent_rank .rank_tit {padding-bottom: 21px;}
	.runner_modify .recent_rank .no_data{ font-size:15px; padding: 40px 0;}
	.runner_modify .profile_box .big_img_box {margin-bottom: 25px;}
	.runner_modify .profile_box .photo_box {width: calc(100% - 165px); float: none; padding: 0 16px 0 20px; box-sizing: border-box;}
	.runner_modify .profile_box .photo_box .btn_register_photo {width: 100%; height: 62px; font-size: 18px; line-height: 62px; border-radius: 4px;}
	.runner_modify .profile_box .profile_info {padding-top: 27px;}

	.runner_modify {}
	.runner_modify .modify_box {padding-top: 56px; padding-bottom: 90px; padding-left: 20px; padding-right: 20px;}
	.runner_modify .modify_box .form_box {}
	.runner_modify .modify_box .form_box .item_row {}
	.runner_modify .modify_box .form_box dl {}
	.runner_modify .modify_box .form_box dl dt {font-size:20px;}
	.runner_modify .modify_box .form_box dl dt.phoneDt {font-size: 0;}
	.runner_modify .modify_box .form_box dl dt.phoneDt:after {content: '휴대폰 번호'; font-size: 20px; font-weight: 400; }
	.runner_modify .modify_box .form_box dl dd {}
	.runner_modify .modify_box .form_box dl dd input {}
	.runner_modify .modify_box .btn_center_box {padding-top: 5px; text-align:center;}
	.runner_modify .modify_box .btn_center_box button {width: 111px;}
	.runner_modify .modify_box .btn_center_box button + button {margin-left: 19px;}
	/* 러너 프로필 보기 */
}
@media all and (max-width: 350px) {
	.runner_modify .modify_box .form_box dl dt {padding-bottom: 6px;}
	.runner_modify .modify_box .form_box dl dd {width: 100%;}
}