@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body{font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif; -webkit-text-size-adjust: 100%; margin: 0; color: #000; line-height: 1.3; min-width:320px;}
* {font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;}
a {color: #000; text-decoration: none;}
button {cursor: pointer; padding: 0; color: #000;}
ul {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, p {margin: 0;}
li {list-style: none;}
td {padding: 0;}
th {padding: 0;}
input {padding: 0;}
dl, dt, dd {margin: 0;}
table {table-layout: fixed;}
.tablet_only {display: none;}
.tablet_mode {display: none;}
.mo_mode {display: none;}
.width {max-width: 1158px; margin: auto; position: relative; padding: 0 30px;}
.main_color {color: #168080;}
.btn_center_box {display: inline-block; text-align: center; margin: auto; font-size: 0;}
.wg_btn_sm_01 {display: inline-block; width: 111px; height: 47px; border-radius: 4px; border: 1px solid #168080; background: #168080; font-size: 16px; font-weight: 700; color: #fff; line-height: 45px; box-sizing: border-box; text-align: center;}
.wg_btn_sm_02 {display: inline-block; width: 111px; height: 47px; border-radius: 4px; border: 1px solid #168080; background: #fff; font-size: 16px; font-weight: 700; color: #168080; line-height: 45px; box-sizing: border-box; text-align: center;}
.wg_btn_sm_03 {display: inline-block; width: 111px; height: 47px; border-radius: 4px; border: 1px solid #168080; background: #fff; font-size: 16px; font-weight: 700; color: #168080; line-height: 45px; box-sizing: border-box; text-align: center;}
.wg_btn_sm_04 {display: inline-block; width: 111px; height: 47px; border-radius: 4px; border: 1px solid #BBBBBB; background: #BBBBBB; font-size: 16px; font-weight: 700; color: #fff; line-height: 45px; box-sizing: border-box; text-align: center;}
.wg_btn_lg_01 {display: block; width: 346px; height: 69px; border-radius: 4px; border: 1px solid #168080; background: #168080; font-size: 24px; font-weight: 700; color: #fff; line-height: 67px; box-sizing: border-box; text-align: center;}
.wg_btn_lg_02 {display: block; width: 346px; height: 69px; border-radius: 4px; border: 1px solid #168080; background: #fff; font-size: 22px; font-weight: 700; color: #168080; line-height: 67px; box-sizing: border-box; text-align: center;}
.wg_red_text {padding-top:18px; font-size:14px; font-weight:400; line-height:18px; color:#FF4242;}
.form_element {display: inline-block;}
.form_element label.choice {transition: 0.2s background-image; display: inline-block; box-sizing: border-box; min-width: 24px; height: 24px; background: url('/img/icon_radio_24.svg') no-repeat left center;}
.form_element label.choice:hover {background: url('/img/icon_radio_24.svg') no-repeat left center;}
.form_element label.choice.on {background: url('/img/icon_radio_24_on.svg') no-repeat left center;}
.form_element label.choice input {display: none;}

input[type="text"]::placeholder {color: #AFAFAF;}

/* header */
header {background: url('/img/bg_header.png') no-repeat bottom center / cover; border-radius: 0px 0px 65px 0px;}
header .header_wrap {padding: 0 30px;}
header .header_wrap .header_top {padding-top: 52px; height: 135px; box-sizing: border-box;}
header .header_wrap .header_top .logo_box {display: inline-block; padding-top: 3px;}
header .header_wrap .header_top .logo_box img {}
header .header_wrap .header_top .logo_box .mo_logo_img {display:none; width: 20px;}
header .header_wrap .header_top .cate_list {float: right;}
header .header_wrap .header_top .cate_list > ul > li {display: inline-block; vertical-align: middle; width: auto; margin-left: 20px;}
header .header_wrap .header_top .cate_list > ul > li > a {display: inline-block; font-size: 16px; font-weight: 500; color: #fff; line-height: 48px; padding: 0 14px;}
header .header_wrap .header_top .cate_list > ul > li > a.my_info {display: inline-block; min-width: 126px; height: 48px; box-sizing: border-box; border: 1px solid #fff; border-radius: 4px; font-size: 16px; font-weight: 700; color: #fff; text-align: center; line-height: 46px;}
header .header_wrap .header_top .cate_list > ul > li > a.my_info.on{border: 1px solid #fff; background: #ffff; color: #168080;}
header .header_wrap .header_main {padding: 12px 0 44px 0; font-size: 0;}
header .header_wrap .header_main .txt {display: block; padding: 9px 0 10px 0; font-size: 90px; font-weight: 900; color: #fff; line-height: 117px;}
header .header_wrap .menu_box {font-size: 0; float: right; display: none;}
header .header_wrap .menu_box .btn_open_menu {border: 0; outline: 0; background: none; font-size: 0;}
header#headerShort {background: url('/img/bg_header_short.png') no-repeat bottom center / cover; min-width:320px;}
header#headerShort .header_wrap .header_main {display: none;}
header .header_wrap .header_top .cate_list .home_btn.on{
	font-weight:bold;
}
#container {min-height: 857px; max-width: 1158px; margin: auto; padding: 0 30px 0px 30px; overflow: hidden;}

.nav_menu {display: none; z-index: 100; transition: 0.3s opacity; opacity: 0; width: 191px; position: fixed; top: 19px; right: 0; box-shadow: 0px 4px 4px 0px rgb(0, 0, 0, 0.25); background: #fff; border-radius: 50px 0 0 50px;}
.nav_menu.on {display: block; opacity: 1;}
.nav_menu .close_box {padding: 12px 21px 12px 0;text-align: right; font-size: 0;}
.nav_menu .close_box .btn_close_menu {border: 0; outline: 0; background: none; font-size: 0;}
.nav_menu .nav_container {padding: 0 20px 42px 37px; box-sizing: border-box; max-height: calc(100vh - 54px); overflow: auto;}
.nav_menu .nav_container .cate_box {padding: 25px 0 50px 0; text-align: right; box-sizing: border-box; min-height: 229px;}
.nav_menu .nav_container .cate_box > ul > li {padding: 14px 0;}
.nav_menu .nav_container .cate_box > ul > li a {font-size: 18px; font-weight: 400; line-height: 23px;}
.nav_menu .nav_container .cate_box > ul > li a#home {color: #168080; font-weight: 500;}
.nav_menu .nav_container .link_box {border-top: 1px solid rgb(0, 0, 0, 0.25); padding: 49px 0 0 0; font-size: 0;}
.nav_menu .nav_container .link_box > ul > li {padding: 15px 0;}
.nav_menu .nav_container .link_box > ul > li > a {display: inline-block; width: 100%; height: 100%;}
.nav_menu .nav_container .link_box > ul > li > a > span {font-size: 13px; font-weight: 400; line-height: 1.2;}
.nav_menu .nav_container .link_box > ul > li#seoul {background: url('/img/icon_seoul_25.svg') no-repeat right center;}
.nav_menu .nav_container .link_box > ul > li#gyeongju {background: url('/img/icon_gyeongju_25.svg') no-repeat right center;}
.nav_menu .nav_container .link_box > ul > li#gongju {background: url('/img/icon_gongju_25.svg') no-repeat right center;}
.nav_menu .nav_container .cate_box > ul > li a#home.on{
	font-weight:bold;
}
.nav_menu .nav_container .cate_box > ul > li a.my_info.on{
	font-weight:bold;
	color:#168080;
}
/* header */

/* footer */
footer {font-size: 0;}
footer .footer_top {display: inline-block; width: 100%; background: #000; color: #fff; padding: 40px 0 39px;}
footer .footer_top .qa_box {display: inline-block;}
footer .footer_top .qa_box > ul > li {display: inline-block; padding-right: 14px; vertical-align: middle;}
footer .footer_top .qa_box > ul > li > strong {font-size: 16px; font-weight: 700; line-height: 55px;}
footer .footer_top .qa_box > ul > li > img {display: inline-block; vertical-align: middle;}
footer .footer_top .qa_box > ul > li .go_qa {display: inline-block; vertical-align: middle; margin-left: 14px; font-size: 16px; font-weight: 700; color: #fff; text-decoration: underline;}
footer .footer_top .page_box {float: right;}
footer .footer_top .page_box > ul > li {display: inline-block; vertical-align: middle; padding-left: 11px;}
footer .footer_top .page_box > ul > li > p {font-size: 16px; font-weight: 700; padding-right: 12px;}
footer .footer_top .page_box > ul > li > a {}
footer .footer_bottom {justify-content: space-between; display: flex; text-align: left; padding: 44px 30px 46px; background: #fff; max-width: 1158px; margin: 0 auto;     align-items: center;}
footer .footer_bottom h3 {font-size: 16px; font-weight: 700;}
footer .footer_bottom h3 > strong {font-size: 16px; font-weight: 900;}
footer .footer_bottom .foot_info {padding: 0px 0 0 0;}
footer .footer_bottom .foot_info > p {font-size: 10px; font-weight: 700;}
footer .footer_bottom .foot_right > ul{
	font-size:0;
}
footer .footer_bottom .foot_right > ul li{
	background:#E4E4E4;
	height:23px;
	display: inline-block;
	margin-right:6px;
	padding: 0 11px;
	border-radius:2px;
}
footer .footer_bottom .foot_right > ul li a{
	color:#000000;
	font-size:10px;
	font-weight:400;
	line-height:23px;
}
footer .footer_bottom .foot_right .design_by{
	font-size: 10px;
    font-weight: 500;
    padding-top: 24px;
	    text-align: right;
}
footer .mo_footer_bottom {display: none;}

footer .floating_box {position: fixed; right: 21px; bottom: 137px;}
footer .floating_box .btn_go_qa {display: inline-block; width: 85px; height: 85px;border-radius: 100%; overflow: hidden; background: rgba(22, 128, 128, 0.8) url('/img/icon_floating_qa_msg.svg') no-repeat center center; font-size: 0;}

/* footer */
/*메인플로팅버튼*/
.main .main_floating_box{
	width: 85px;
	height: 85px;
	background-size: 34px;
	position: fixed;
	right: 28px;
	bottom: 44px;
	display:block;
	z-index: 100;
	display:block;

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

	/*메인플로팅버튼*/
/* 약관동의 */
.agreement {padding-top: 78px; padding-bottom:20px;}
.agreement *{font-family: '맑은 고딕';}
.agreement b{font-family: '맑은 고딕';}
/* 약관동의 */


/* main */
.main {padding: 98px 0 0 0;}
.main .search_wrap {text-align: center;}
.main .search_box {display: inline-block; margin: auto; box-sizing: border-box; text-align: left; padding: 0 79px 0 79px; width: 100%; max-width: 657px; width: auto; height: 55px; line-height: 53px; background: #FFFFFF; border: 1px solid rgb(0,0,0,0.4); border-radius: 50px; font-size: 0;}
.main .search_box .btn_search {display: inline-block; vertical-align: middle; width: 25px; height: 26px; border: 0; background: url('/img/icon_search_23.svg') no-repeat center center / cover; font-size: 0;}
.main .search_box input[type="text"] {display: inline-block; vertical-align: middle; padding: 0; margin-left: 40px; vertical-align: middle; border: 0; outline: 0; width: 283px; font-size: 20px; font-weight: 600; line-height: 26px; color: #000;}
.main .search_box input[type="text"]::placeholder {font-size: 20px; font-weight: 600; line-height: 26px; color: #000;}
.main .search_box .result {display: inline-block; vertical-align: middle;padding-left: 40px; font-size: 14px; font-weight: 500; line-height: 26px; color: #AFAFAF;}
.main .search_cate_box {padding: 57px 0 54px 0;}
.main .search_cate_box > ul > li {display: inline-block; width: auto; padding-right: 30px;}
.main .search_cate_box > ul > li > a {font-size: 16px; font-weight: 400; line-height: 21px; cursor:pointer;}
.main .search_cate_box > ul > li > a.on {color: #168080; font-weight: 700;}
.main .search_cate_box > select {display: none; color: #000; appearance: none; -webkit-appearance: none; background: url('/img/icon_arrow_bottom_12.svg') no-repeat right center; height: 18px; font-size: 14px; font-weight: 500; line-height: 18px; padding-right: 22px; border: 0; }
.main .search_cate_box > select:-ms-expand {display : none ;}
.main .search_cate_box .result_right {display: none; font-size: 12px; font-weight: 400; line-height: 18px; color: #AFAFAF; float: right;}

.runner_table {}
.runner_table > table {width: 100%; border-collapse: collapse; display: block; text-align: left;}
.runner_table > table tbody {display: block; max-height: 534px; overflow: auto; margin: 14px 0 0;}
.runner_table > table tbody::-webkit-scrollbar {width: 8px; height: 8px;}
.runner_table > table tbody::-webkit-scrollbar-thumb {background: #168080; border-radius: 30px; width: 8px;}
.runner_table > table tbody::-webkit-scrollbar-track {background: #D9D9D9; border-radius: 30px; width: 8px;}
.runner_table > table thead, 
.runner_table > table tbody tr {display: table; width: 100%; table-layout: auto;}
.runner_table > table tr:first-child td {padding-top: 6px;}
.runner_table > table tr:last-child td {padding-bottom: 6px;}
.runner_table > table th {font-size: 14px; font-weight: 400; color: #168080; padding-bottom: 5px; border-bottom: 0.3px solid #AFAFAF; text-align: left;}
.runner_table > table td {padding: 20px 0; font-size: 0;}
.runner_table > table td.rank_td {text-align: left;}
.runner_table > table td span {font-size: 14px; font-weight: 400;}
.runner_table > table td strong {font-size: 16px; font-weight: 600;}
.runner_table > table td .view_profile {display: inline-block; width:auto; min-width: 113px; height: 30px; line-height: 28px; box-sizing: border-box; border: 1px solid #168080; border-radius: 30px; text-align: center; font-size: 12px; font-weight: 400; color: #168080;}
.runner_table > table td .profile_img {display: inline-block; vertical-align: middle; width: 52px; height: 52px; overflow: hidden; border-radius: 100%;}
.runner_table > table td .profile_img img {width: 52px; height:52px;}

/*.runner_table > table th:nth-child(1) {width: 232px; width: 20.03%;}*/
/*.runner_table > table th:nth-child(2) {}*/
/*.runner_table > table th:nth-child(3) {width: 309px; width: 26.68%;}*/
/*.runner_table > table.use_scroll th:nth-child(3) {width: 317px; width: 27.1%;}*/

.runner_table > table th:nth-child(1) {width: 20.03%;}
.runner_table > table th:nth-child(2) {width: auto;}
.runner_table > table th:nth-child(3) {width: 9.58%;}
.runner_table > table th:nth-child(4) {width: 8.46%;}
.runner_table > table th:nth-child(5) {width: 8.8%;}
.runner_table > table th:nth-child(6) {width: 26.59%;}
.runner_table > table.use_scroll th:nth-child(6) {width: 27.01%;}

/*.runner_table > table td:nth-child(1) {width: 95px; width: 8.2%;}*/
/*.runner_table > table td:nth-child(2) {width: 137px; width: 11.83%;}*/
/*.runner_table > table td:nth-child(3) {width: auto; width: 26.54%;}*/
/*.runner_table > table td:nth-child(4) {width: 111px; width: 9.58%;}*/
/*.runner_table > table td:nth-child(5) {width: 98px; width: 8.46%;}*/
/*.runner_table > table td:nth-child(6) {width: 102px; width: 8.8%;}*/
/*.runner_table > table td:nth-child(7) {width: 140px; width: 12%;}*/
/*.runner_table > table td:nth-child(8) {width: 169px; width: 14.59%;}*/

.runner_table > table td:nth-child(1) {width: 8.2%;}
.runner_table > table td:nth-child(2) {width: 11.83%;}
.runner_table > table td:nth-child(3) {width: auto;}
.runner_table > table td:nth-child(4) {width: 9.58%;}
.runner_table > table td:nth-child(5) {width: 8.46%;}
.runner_table > table td:nth-child(6) {width: 8.8%;}
.runner_table > table td:nth-child(7) {width: 12%;}
.runner_table > table td:nth-child(8) {width: 14.59%; min-width: 125px;}
	
.runner_mo_table {display: none;}

/*runner_view*/
.runner .runner_table > table th:nth-child(1) {width: 30.03%;}
.runner .runner_table > table th:nth-child(2) {width: auto;}
.runner .runner_table > table th:nth-child(3) {    width: 29.58%;}
.runner .runner_table > table th:nth-child(4) {    width: 9.46%;}
.runner .runner_table > table tr:last-child td{
	font-size: 18px;
    line-height: 23px;
	font-weight:700;
}
.runner .runner_table > table td:nth-child(1) {width: 30.03%;}
.runner .runner_table > table td:nth-child(2) { width: 31.58%;}
.runner .runner_table > table td:nth-child(3) {width: auto;}
.runner .runner_table > table td:nth-child(4) {width: 8.46%;}
.runner .runner_table > table tbody{
	    margin: 0px 0 0;
}
.runner .mo_runner_table{
	display:none;
}
/* main */

/* 내 정보 - 멤버인증 */
.user_Certification {padding: 216px 0 0 0; text-align: center;}
.user_Certification .main_tit {padding: 0 0 59px 0;}
.user_Certification .main_tit > h3 {font-size: 35px; font-weight: 700;}
.user_Certification .form_box {width: 346px; margin: auto; font-size: 0; padding: 0 0 55px 0;}
.user_Certification .form_box > dl {border-bottom: 1px solid #000; padding: 7px 0; margin-bottom: 28px; text-align: left;}
.user_Certification .form_box > dl:last-child {margin-bottom: 0;}
.user_Certification .form_box > dl > dt {display: inline-block; width: 75px; font-size: 14px; font-weight: 700; line-height: 21px;}
.user_Certification .form_box > dl > dd {display: inline-block; }
.user_Certification .form_box > dl > dd > input {display: inline-block; width: 271px; height: 35px; border: 0; outline: 0; font-size: 16px; font-weight: 700; line-height: 21px;}
.user_Certification .form_box > dl > dd > input::placeholder {color: #AFAFAF;}
.user_Certification .btn_center_box {padding-top: 7px;}
.user_Certification .btn_center_box{ }
.user_Certification #failedMsg {display: none; font-size: 14px; font-weight: 400; color: #FF7474; padding-bottom: 5px;}
.user_Certification .go_phone_registration {margin-top: 9px; cursor:pointer;}
.user_Certification .btn_register_phone{margin-top: 9px; }
/* 내 정보 - 멤버인증 */

/* 내 정보 - 휴대폰 등록하기 */
.phone_registration {padding: 239px 0 0 0; text-align: center;}
.phone_registration .main_tit {padding: 0 0 81px 0;}
.phone_registration .main_tit > h3 {font-size: 35px; font-weight: 700;}
.phone_registration .form_box {width: 346px; margin: auto; font-size: 0; padding: 0 0 55px 0;}
.phone_registration .form_box > dl {border-bottom: 1px solid #000; padding: 7px 0; margin-bottom: 28px; text-align: left;}
.phone_registration .form_box > dl:last-child {margin-bottom: 0;}
.phone_registration .form_box > dl > dt {display: inline-block; width: 75px; font-size: 14px; font-weight: 700; line-height: 21px;}
.phone_registration .form_box > dl > dd {display: inline-block; }
.phone_registration .form_box > dl > dd > input {display: inline-block; width: 271px; height: 35px; border: 0; outline: 0; font-size: 16px; font-weight: 700; line-height: 21px;}
.phone_registration .form_box > dl > dd > input::placeholder {color: #AFAFAF;}
.phone_registration .btn_center_box {padding-top: 8px;}
.phone_registration .gray_txt{font-size:14px; line-height:18px; font-weight:400; color:#909090; padding-top:14px;
}
.btn_phone_registration {display: block; width: 346px; height: 69px; border-radius: 4px; border: 1px solid #168080; background: #168080; font-size: 24px; font-weight: 700; color: #fff; line-height: 67px; box-sizing: border-box; text-align: center;}
.back_phone_registration{margin-top:9px;}
.phone_registration.other .main_tit {padding: 0 0 48px 0;}
.phone_registration.other .btn_center_box {padding-top: 6px;}

.phone_registration.complete .go_home {margin-top: 12px;}
.phone_registration.complete .main_tit {padding: 0 0 34px 0;}

.phone_registration.duplication {padding: 222px 0 0 0;}
.phone_registration.duplication .main_tit {padding: 0 0 63px 0;}
.phone_registration.duplication .runner_table th {display: none;}
.phone_registration.duplication .runner_table tr td {border-bottom: 1px solid #DFDFDF;}
.phone_registration.duplication .runner_table tr:last-child td {border-bottom: 0;}
.phone_registration.duplication .btn_center_box {padding-top: 130px;}

.phone_registration.duplication .runner_table > table {width: 100%; max-width: 1011px; margin: auto;}
/*.phone_registration.duplication .runner_table > table td:nth-child(1) {width: 116px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(2) {width: 70px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(3) {width: 112px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(4) {width: auto;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(5) {width: 86px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(6) {width: 73px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(7) {width: 77px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(8) {width: 115px;}*/
/*.phone_registration.duplication .runner_table > table td:nth-child(9) {width: 113px;}*/
/*.phone_registration.duplication .runner_table > table.use_scroll td:nth-child(9) {width: 133px;}*/
.phone_registration.duplication .runner_table > table td:nth-child(1) {width: 11.47%;}
.phone_registration.duplication .runner_table > table td:nth-child(2) {width: 6.92%;}
.phone_registration.duplication .runner_table > table td:nth-child(3) {width: 11.07%;}
.phone_registration.duplication .runner_table > table td:nth-child(4) {width: auto;}
.phone_registration.duplication .runner_table > table td:nth-child(5) {width: 8.5%;}
.phone_registration.duplication .runner_table > table td:nth-child(6) {width: 7.22%;}
.phone_registration.duplication .runner_table > table td:nth-child(7) {width: 7.61%;}
.phone_registration.duplication .runner_table > table td:nth-child(8) {width: 11.37%; min-width: auto;}
.phone_registration.duplication .runner_table > table td:nth-child(9) {width: 113px;}
.phone_registration.duplication .runner_table > table.use_scroll td:nth-child(9) {width: 133px;}

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


/* 러너 프로필 보기 */
.runner {padding: 172px 0 0 0;}
.runner .container {display: flex; flex-direction: row; justify-content: space-between;}
.runner .profile_box {display: inline-block; vertical-align:top; width: 397px; font-size: 0;}
.runner .profile_box .big_img_box {margin: 0 0 22px 0; width: 397px; height: 468px; border-radius: 10px; color: #fff; position: relative; overflow: hidden;}
.runner .profile_box .big_img_box > img {}
.runner .profile_box .big_img_box #bigImg { width: 100%; height: 100%; object-fit: cover; background-repeat: no-repeat; background-size: cover; background-position: center center; aspect-ratio: 1 / 1.179;box-sizing: border-box; border-radius: 10px;}
.runner .profile_box .big_img_box #bigImg.no_img {background-size: auto; border: 1px solid #168080; background-size: cover;}
.runner .profile_box .big_img_box .name_box {position: absolute; left: 21px; bottom: 17px;}
.runner .profile_box .big_img_box .name_box .btn_share {display: none; width:39px; height: 39px; border: 0; background: url('/img/icon_share_39.svg') no-repeat center center / cover; font-size: 0; margin-bottom: 16px;}
.runner .profile_box .big_img_box .name {display: block; font-size: 30px; font-weight: 700; width: 200px;}
.runner .profile_box .big_img_box .right_item {position: absolute; right: 17px; bottom: 17px; text-align: -webkit-right; }
.runner .profile_box .big_img_box .right_item .icon_image {padding-bottom: 20px; display: block;}
.runner .profile_box .big_img_box .right_item .no {font-size: 30px; font-weight: 700;}
.runner .profile_box .big_img_box.light {color: #168080;}
.runner .profile_box .big_img_box.dark {color: #fff;}
.runner .profile_box .big_img_box.light .right_item .icon_image {content: url('/img/icon_hall_of_fame_75.svg');}
.runner .profile_box .profile_info {width: 256px;display: inline-table; vertical-align: middle; display:none;}
.runner .profile_box .profile_info .mo_profile_info{
	display:none;
}
.runner .profile_box .profile_info > dl {display: table-row;}
.runner .profile_box .profile_info > dl > dt {color:#168080; display: table-cell; vertical-align: middle; padding-top: 4px; width: 90px; font-size: 20px; font-weight: 400;}
.runner .profile_box .profile_info > dl > dd {display: table-cell; vertical-align: middle; padding-top: 4px; font-size: 20px; font-weight: 500; text-align: right;}
.runner .profile_box .profile_info > dl:first-child dt {padding-top: 0;}
.runner .profile_box .profile_info > dl:first-child dd {padding-top: 0;}
.runner .profile_box .share_box {    float: right; display: inline-block; vertical-align: middle; width: auto; text-align: right;}
.runner .profile_box .share_box .btn_share {width:71px; height: 71px; border: 0; background: url('../img/share_btn.png') no-repeat center center; font-size: 0; background-size: 71px;}

.runner.download_img{
	display:none;
	width: auto;
    padding: 0;
}
/*.runner {display: inline-block; width: calc(100% - 481px); max-width: 677px; vertical-align:top; padding-left: 84px;}*/
.runner .rank_record {padding-bottom: 86px;}
.runner .rank_tit {padding-bottom: 24px;}
.runner .rank_tit > h3 {font-size: 30px; font-weight: 700;}
.runner .no_data{
	padding: 70px 0;
    text-align: center;

}
.runner .rank_record .rank_ul {display: flex; justify-content: space-between; font-size: 0;}
.runner .rank_record .rank_ul .item_list {display: inline-block; width: calc(33.33% - 10px); max-width: 199px; height: 64px; border-radius: 0px 0px 0px 30px; overflow: hidden;}
.runner .rank_record .rank_ul .item_list .cont_table {display: table; width: 100%; padding-bottom: 5px;}
.runner .rank_record .rank_ul .item_list .cont_box {display: table-row;}
.runner .rank_record .rank_ul .item_list .cont_box .rank {font-size: 55px; font-weight: 700; display: table-cell; vertical-align: middle;}
.runner .rank_record .rank_ul .item_list .cont_box .info {display: table-cell; vertical-align: middle; padding: 0 7px 0 0; text-align: right;}
.runner .rank_record .rank_ul .item_list .cont_box .info > strong {    text-align: left; display: block; font-size: 18px; font-weight: 700;}
.runner .rank_record .rank_ul .item_list .cont_box .info > span {display: block; font-size: 18px; font-weight: 400;}
.runner .rank_record .rank_ul .item_list .time {height: 35px; line-height: 35px; font-size: 18px; font-weight: 400; color: #fff; text-align: right; padding-right: 7px; border-radius: 0px 0px 0px 30px; overflow: hidden;}
.runner .rank_record .rank_ul .item_list:nth-child(1) .cont_box .rank {color: #168080;}
.runner .rank_record .rank_ul .item_list:nth-child(2) .cont_box .rank {color: #545454;}
.runner .rank_record .rank_ul .item_list:nth-child(3) .cont_box .rank {color: #000000;}
.runner .rank_record .rank_ul .item_list:nth-child(1) .time {background: #168080;}
.runner .rank_record .rank_ul .item_list:nth-child(2) .time {background: #545454;}
.runner .rank_record .rank_ul .item_list:nth-child(3) .time {background: #000000;}

.runner.runner_modify .rank_record{
	padding-bottom:68px;
}
.runner.runner_modify .logout_btn{
	padding-top: 60px;
    text-align: right;
}
.runner .recent_rank {overflow: hidden; height: 297.19px; width: 100%; box-sizing: border-box;}
.runner .recent_rank .recent_slick {padding: 0 54px; font-size: 0; position: relative;}
.runner .recent_rank .recent_slick .slick-list {overflow: hidden;}
.runner .recent_rank .recent_slick .item_list {display: inline-block; width: 174px; height: 196px; border: 1px solid #168080; border-radius: 4px; text-align: center; margin: 0 10px; box-sizing: border-box;}
.runner .recent_rank .recent_slick.slick-slider .item_list {display: inline-block;}
 
.runner .recent_rank .recent_slick .item_list .cont_box {line-height: 194px; height: 194px; display: flex; flex-direction: column; justify-content: center;}
.runner .recent_rank .recent_slick .item_list .cont_box > p {font-size: 16px; font-weight: 700; line-height: 1.6;}
.runner .recent_rank .recent_slick .slick-prev {position: absolute; margin-top: -15.595px; top: 50%; left: 0; transform: translateY(-50%); width: 37px; height: 37px; background: url('/img/icon_prev_37.svg') no-repeat center center; border: 0; font-size: 0; outline: 0; z-index: 1;}
.runner .recent_rank .recent_slick .slick-next {position: absolute; margin-top: -15.595px; top: 50%; right: 0; transform: translateY(-50%); width: 37px; height: 37px; background: url('/img/icon_next_37.svg') no-repeat center center; border: 0; font-size: 0; outline: 0; z-index: 1;}
.slick-arrow.slick-disabled {display: none !important;}
.runner .recent_rank .recent_slick .floating_page {font-size: 14px; font-weight: 400; text-align: center; padding: 13px 0 0 0;}
.runner .recent_rank .recent_slick .floating_page > li {display: none;}
.runner .recent_rank .recent_slick .floating_page .slick-active {display: block;}

.share_layer {min-width:320px; transition: 0.5s bottom; position: fixed; left: 0; bottom: -602px; width: 100%; background: #fff; z-index: 102; border-radius: 30px 30px 0 0; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2);}
.share_layer.on {bottom: 0;}
.share_layer .layer_wrap {padding: 26px 33px 54px 33px;}
.share_layer .layer_wrap .layer_tit {position: relative;}
.share_layer .layer_wrap .layer_tit > h3 {font-size: 20px; font-weight: 700;}
.share_layer .layer_wrap .layer_tit .btn_close {outline: 0; border: 0; position: absolute; top: 0; right: 0; background: none;}
.share_layer .layer_wrap .layer_cont {padding: 25px 0 0 0;}
.share_layer .layer_wrap .layer_cont ul{
	font-size: 0;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
	padding-top:31px;
}
.share_layer .layer_wrap .layer_cont li {display: inline-block; padding-bottom: 0px;}
.share_layer .layer_wrap .layer_cont li img{width:44px;}
.share_layer .layer_wrap .layer_cont .sns_copy_url{
	    margin: 0px 0 0 0;
}
.share_layer .layer_wrap .layer_cont .sns_copy_url input{
	background:#EFEFEF;
	height:66px;
	border: 1px solid #BBBBBB;
	border-radius:4px;
	padding:0 120px 0 21px;
	color:#BBBBBB;
}
.share_layer .layer_wrap .sns_copy_url button{
	border: 1px solid #BBBBBB;
    background: #fff;
	color:#000000;
	border-radius:4px;
	height:66px;
	width:120px;
}
.share_layer .layer_wrap .layer_cont .btn_center_box {width: 100%;padding-top: 34px;}
.share_layer .layer_wrap .layer_cont .btn_center_box .btn_close {display: inline-block; width: 100%; height: 48px; background: #fff; border: 1px solid #afafaf; box-sizing: border-box; border-radius: 3px; font-size: 18px; font-weight: 700; line-height: 46px; text-align: center;}

/*프로필수정*/
.runner_modify .profile_box .profile_info {width: 223px;}
.runner_modify .profile_box .photo_box {position:relative; display: inline-block; vertical-align: middle; width: calc(100% - 167px); text-align: left; }
.runner_modify .profile_box .photo_box .btn_register_photo {display: inline-block; width: 100%; height: 80px; line-height: 80px; border: 0; border-radius: 5px; background: #168080; font-size: 20px; font-weight: 700; color: #fff;}

.runner_modify .btn_modify_submit_box {
	display:none;
}
.runner_modify .profile_box .share_box{
	align-items: center;
    padding-left: 12px;
    display: flex;
    height: 80px;
    width: auto;
}
.runner_modify .profile_box .share_box img{
	cursor:pointer;
}
.runner_modify .profile_box .share_box .download_btn{
	width:71px;
	height:71px;
}
.runner_modify .profile_box .share_box .download_btn.no_touch{
	cursor: unset;
}
.runner_modify .profile_box .share_box .btn_share{
	width:71px;
	height:71px;
	margin-left:13px;
}

.runner_modify .modify_box {padding: 0 0 41px 0;}
.runner_modify .modify_box .form_box {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; font-size: 0;}
.runner_modify .modify_box .form_box .item_row {display: inline-block; vertical-align: middle; width: calc(50% - 12px);}
.runner_modify .modify_box .form_box dl {margin-bottom: 18px; padding: 16px 0 5px 0; border-bottom: 1px solid #000; display: inline-block; width: 100%;}
.runner_modify .modify_box .form_box dl dt {display: inline-block; width: 173px; vertical-align: middle; font-size: 14px; font-weight: 400; color:#168080;}
.runner_modify .modify_box .form_box dl dd {display: inline-block; vertical-align: middle; }
.runner_modify .modify_box .form_box dl dd input {width: 140px; border: 0; outline: 0; text-align: right; font-size: 16px; font-weight: 700; line-height:21px;}
.runner_modify .modify_box .btn_center_box {display: block; padding-top: 3px; text-align:right;}
.runner_modify .modify_box .btn_center_box button + button {margin-left: 11px;}
.runner.runner_modify .modify_box .rank_tit {
    padding-bottom: 11px;
}
.runner .container {
	display: grid;
	width: 100%;
	grid-template-columns: 397px calc(100% - 481px);
    grid-auto-rows: minmax(100px, auto);
}
.runner .profile_box {
	grid-column: span 1;
	grid-row: span 2;
}
.runner .rank_record {
	grid-column: span 1;
	grid-row: span 1;
}
.runner .recent_rank {
	grid-column: span 1;
	grid-row: span 1;
}
.runner_modify .recent_rank{
	grid-column: 2;
    grid-row: 3;
}
.runner .personal_recode{
	padding-top:3px;
}
.runner .personal_recode .recode_time{
	font-size:30px;
	line-height:39px;
	font-weight:900;
}
.runner .personal_recode .recode_date{
	font-size:16px;
	line-height:20px;
	font-weight:900;
	margin-left:12px;
} 

.register_photo_layer {transition: 0.5s bottom; position: fixed; left: 0; bottom: -510px; width: 100%; background: #fff; z-index: 10; border-radius: 30px 30px 0 0; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2);}
.register_photo_layer.on {bottom: 0;}
.register_photo_layer .layer_wrap {padding: 26px 20px 54px 20px;}
.register_photo_layer .layer_wrap .layer_tit {position: relative;}
.register_photo_layer .layer_wrap .layer_tit > h3 {font-size: 20px; font-weight: 700;}
.register_photo_layer .layer_wrap .layer_tit .btn_close {outline: 0; border: 0; position: absolute; top: 0; right: 0; background: none;}
.register_photo_layer .layer_wrap .layer_cont {padding: 39px 0 0 0;}
.register_photo_layer .layer_wrap .layer_cont .photo_list {}
.register_photo_layer .layer_wrap .layer_cont .photo_list > li {display: block; padding-bottom: 18px;}
.register_photo_layer .layer_wrap .layer_cont .photo_list > li .btn_photo_camera { background: url('/img/icon_photo_camera_40.svg') no-repeat left center; line-height: 41px; padding-left: 63px; font-size: 16px; font-weight: 500; border: 0;}
.register_photo_layer .layer_wrap .layer_cont .photo_list > li .btn_photo_gallery { background: url('/img/icon_photo_gallery_40.svg') no-repeat left center; line-height: 41px; padding-left: 63px; font-size: 16px; font-weight: 500; border: 0;}
.register_photo_layer .layer_wrap .layer_cont .photo_list > li .btn_photo_normal {background: url('/img/icon_photo_normal_40.png') no-repeat left center; line-height: 41px; padding-left: 63px; font-size: 16px; font-weight: 500; border: 0; background-size: 40px;}
.register_photo_layer .layer_wrap .layer_cont .btn_center_box {width: 100%;padding-top: 34px;}
.register_photo_layer .layer_wrap .layer_cont .btn_center_box .btn_close {display: inline-block; width: 100%; height: 48px; background: #fff; border: 1px solid #afafaf; box-sizing: border-box; border-radius: 3px; font-size: 18px; font-weight: 700; line-height: 46px; text-align: center;}

.pc_register_photo_layer {display:none; position: absolute;     left: 172px;  top: 52px; width:260px; background: #fff; z-index: 10; border-radius: 5px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2);}
.pc_register_photo_layer.on {bottom: 0;}

.pc_register_photo_layer .layer_wrap {padding: 8px 18px;     text-align: left;}
.pc_register_photo_layer .layer_wrap .layer_tit {position: relative;}
.pc_register_photo_layer .layer_wrap .layer_tit > h3 {font-size: 20px; font-weight: 700;}
.pc_register_photo_layer .layer_wrap .layer_tit .btn_close {outline: 0; border: 0; position: absolute; top: 0; right: 0; background: none;}
.pc_register_photo_layer .layer_wrap .layer_cont {padding: 0px 0 0 0;}
.pc_register_photo_layer .layer_wrap .layer_cont .photo_list {}
.pc_register_photo_layer .layer_wrap .layer_cont .photo_list > li:first-child{
	border-bottom:1px solid #BBBBBB;
}
.pc_register_photo_layer .layer_wrap .layer_cont .photo_list > li {display: block; padding: 12px 7px; }
.pc_register_photo_layer .layer_wrap .layer_cont .photo_list > li .btn_photo_camera { background: url('/img/icon_photo_camera_40.svg') no-repeat left center; line-height: 41px; padding-left: 63px; font-size: 16px; font-weight: 500; border: 0;}
.pc_register_photo_layer .layer_wrap .layer_cont .photo_list > li .btn_photo_change { background: url('/img/icon_photo_gallery_40.svg') no-repeat left center; line-height: 41px; padding-left: 63px; font-size: 16px; font-weight: 500; border: 0;}
.pc_register_photo_layer .layer_wrap .layer_cont .photo_list > li .btn_photo_normal {background: url('/img/icon_photo_normal_40.png') no-repeat left center; line-height: 41px; padding-left: 63px; font-size: 16px; font-weight: 500; border: 0; background-size: 40px;}
.pc_register_photo_layer .layer_wrap .layer_cont .btn_center_box {width: 100%;padding-top: 34px;}
.pc_register_photo_layer .layer_wrap .layer_cont .btn_center_box .btn_close {display: inline-block; width: 100%; height: 48px; background: #fff; border: 1px solid #afafaf; box-sizing: border-box; border-radius: 3px; font-size: 18px; font-weight: 700; line-height: 46px; text-align: center;}

/* 러너 프로필 보기 */

/*러너 프로필 공유하기*/
#lySns {
	position: absolute;
    z-index: 150;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ly_wrap.sns_layer {
    width: 750px;
    height:354px;
	padding: 48px 54px;
    box-sizing: border-box;
	    position: relative;
}
.ly_wrap {
    min-width: 250px;
    text-align: left;
	border: 1px solid #168080;
	border-radius:5px;
    background: #ffffff;
}

.ly_wrap .ly_cont{
	padding:37px 0;

}
.ly_wrap .ly_tit strong{
	font-size:29px;
	font-weight:700;
	line-height:37px;
	color:#000000;
}
.ly_wrap .ly_close{
	position: absolute;
	top:48px;
	right:54px;
	font-size:27px;
	color:#909090;
}
.ly_wrap .ly_cont ul{
	text-align: center;
    padding-top: 39px;
}
.ly_wrap .ly_cont ul li{
	display:inline-block;
    padding-right: 80px;
}
.ly_wrap .ly_cont ul li:last-child{
	padding-right: 0px;
}
.ly_wrap .ly_cont ul li .btn_kakao img{
	width:72px;
	cursor: pointer;
}
.ly_wrap .ly_cont ul li .btn_facebook img{
	width:66px;
}
.ly_wrap .ly_cont ul li .btn_insta img{
	width:66px;
}
.ly_wrap .ly_cont ul li a{
	height: 100%;
    display: inline-block;
}
.ly_wrap .ly_cont .sns_copy_url{
	    position: relative;
}
.ly_wrap .ly_cont .sns_copy_url #clipboardText{
	height: 77px;
    width: 100%;
    box-sizing: border-box;
	background:#EFEFEF;
	color:#909090;
	border: 1px solid #BBBBBB;
	padding: 0 154px 0 48px;
	font-size:24px;
	font-weight:400;
	line-height:31px;
	border-radius:4px;
}			 
.ly_wrap .ly_cont .sns_copy_url .gd_clipboard{
	height: 77px;
    position: absolute;
    right: 0;
    top: 0;
    width: 155px;
	font-size:18px;
	font-weight:700;
	line-height:23px;
	color:#000000;
	background:#fff;
	border:1px solid #BBBBBB;
	border-top-right-radius: 4px;
	border-end-end-radius: 4px;
}


.header-bg-dark {
    display: none;
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0px 0;
    z-index: 11;
}
.header-bg-dark div {
    width: 100%;
    height: 100%;
    background: #2e2e2e;
    opacity: 0.8;
}
.runner .sns_list ul {
    overflow: hidden;
}
.runner .sns_list ul li {
    float: left;
    width: 25%;
    padding: 20px 0 0;
    text-align: center;
}
.runner .sns_list ul li a {
    color: #050505;
    text-decoration: none;
	font-size:12px;
	cursor:pointer;
	font-weight: 600;   
}
.runner .sns_list ul li a img{
	border-radius: 100%;
}
.runner .sns_copy_url {
    position: relative;
    margin: 10px 0 0 0;
}
.runner .sns_copy_url input {
    width: 100%;
    padding-right: 90px;
	box-sizing: border-box;
	height: 31px;
    color: #333333;
    border: 1px solid #168080;
    line-height: 31px;
	padding-left:10px;

}
.runner .sns_copy_url button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 80px;
    height: 31px;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #168080;
    background: #168080;
    font-weight: bold;
}
.runner .ly_wrap .ly_close {
	display: block;
    position: absolute;
    top: 0px;
    right: 6px;
    color: #fff;
    font-size: 26px;
}




















