/* view */
.web_block {display:block;}
.web_block2 {display:block;}
.web_block3 {display:block;}
.btn_zoom {display:none;}
.img_box {position:relative; margin-top:40px;}

@media all and (max-width:1260px) {
.web_block {display:inline;}
.btn_zoom { display:block; position:absolute; top:0; right:0; width:40px; height:40px; text-indent:-9999px; background:#ea5406 url("../design/com/btn_zoom.png") no-repeat center; background-size:50%; }
.mo_block4 {display:block;}
}

@media all and (max-width:1000px) {
.mo_block3 {display:block;}
}

@media all and (max-width:767px) {
.web_block2 {display:inline;}
.mo_block2 {display:block;}
}

@media all and (max-width:414px) {
.web_block3 {display:inline;}
.mo_block {display:block;}
.img_box {margin-top:30px;}
}

/* tab_def */
.tab_def { margin-bottom:60px;}
.tab_def:after { display:block; content:""; clear:both;}
.tab_def li { float:left; margin-right:0.5%; width:19.6%; text-align:center;}
.tab_def li:last-of-type { margin-right:0;}
.tab_def li a { display:block; color:#333; background:#fff; border:1px solid #cecece; font-size:16px; padding:14px 0 15px 0;}
.tab_def ul > li > a:hover, .tab_def ul > li > a.on { background:#fff; color:#333; border-bottom:2px solid #ff6501; padding:14px 0 15px 0;}


/* 모바일 가로 */
@media all and (max-width:736px) {
/* tab_def */
.tab_def { margin-bottom:20px;}
.tab_def ul > li > a { padding:8px 0; font-size:14px;}
.tab_def ul > li > a:hover, .tab_def ul > li > a.on { padding:7px 0;}
.wkf { border-bottom:1px solid #cecece;}
}

/* 모바일 세로 */
@media all and (max-width:414px) {
.table_def td .privacy { width:220px !important; }
.m_tab ul > li { width:33%; float:left;}
.m_tab li:nth-child(3) { margin-right:0;}
.m_tab li:nth-child(4), .m_tab li:nth-child(5) { margin-top:0.5%;}
}

/* h_def */
.h_def { background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/h_def.png) no-repeat left 4px; padding-left:30px; color:#333; font-size:18px; letter-spacing:-1px; margin-bottom:20px; font-weight:600;}
.h_def2 {color:#333; letter-spacing:-1px; margin:15px 0; font-weight:600; font-size:16px;}
.h_margin {margin-top:40px;}


@media all and (max-width:414px) {
.h_def { background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/h_def.png) no-repeat left 3px;}
.h_margin {margin-top:30px;}
}

/* ul_def */
.ul_def > li { background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_li.gif) no-repeat left 9px; padding-left:10px; padding-bottom:10px;}
.ul_def > li h5 { color:#333; font-weight:600; font-size:15px;}
.ul_def > li > ul { margin-left:10px; padding-top:10px;}
.ul_def > li > ul > li { background:url(../design/com/bg_li2.gif) no-repeat left 10px; padding-left:10px; padding-bottom:5px;}

/* table_type1 */
.table_type1, .table_type1 th, .table_type1 td { border:0; border-collapse:collapse;}
.table_type1 { width:100%; border-collapse:collapse;}
.table_type1 th { padding:10px; color:#333; background:#f8f8f8; font-weight:normal;}
.table_type1 th.height_add {padding:15px 0 14px 0;}
.table_type1 thead th { border-bottom:1px solid #707070; border-right:1px solid #e0e0e0;}
.table_type1 tbody th { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-collapse:collapse; font-weight:600;}
.table_type1 tbody td { text-align:left; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-collapse:collapse; padding:10px 10px;}
.table_type1 tbody td:last-of-type, thead th:last-of-type { border-right:none; }
.table_type1 tbody td .privacy { background:#fff; border:1px solid #ddd; width:95%; padding:2%; height:150px; overflow-y:auto; color:#666; font-size:13px; font-weight:normal; }
.table_type1 tbody td .privacy h2 { color:#333; font-size:15px; }
.table_type1 tbody td .privacy ul li { padding-bottom:15px;}
.table_type1 tbody td .p_privacy { margin-top:5px; }
.table_type1 tbody td .btn_def { font-size:14px !important;}

.btn_m { display:inline-block; line-height:28px; padding:0 10px; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; background:#fff; color:#282828 !important; font-weight:bold; font-size:14px;}
.btn_m:hover { text-decoration:none !important; }

.btn_m2 { display:inline-block; line-height:35px; padding:0 20px; border:1px solid #0073cf; color:#0073cf; font-weight:600;}
.btn_m2:hover { text-decoration:none !important; background:#0073cf; color:#fff;}

@media all and (max-width:1000px) {
.table_type1 { font-size:0.95em;}
.table_type1 th, .table_type1 tbody td { padding:7px 10px;}
}
@media all and (max-width:414px) {
.table_type1 { font-size:13px;}
.table_type1 tbody th { text-align:left; padding:10px;}
.table_type1 tbody td select { font-size:13px;}
.table_type1 tbody td .privacy h2 { color:#333; font-size:13px;}
}

@media all and (max-width:414px) {
.ready img {width:60%;}
}

/* table_type2 */
.table_type2, .table_type2 th, .table_type2 td { border:0; border-collapse:collapse;}
.table_type2 { width:100%; border-top:2px solid #0073cf; border-bottom:1px solid #707070; }
.table_type2 th { padding:10px; color:#333; }
.table_type2 thead th { border-bottom:1px solid #707070; border-right:1px solid #e0e0e0; background:#eaeff6;}
.table_type2 tbody th { border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
.table_type2 tbody td { text-align:left; border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:10px; }
.table_type2 tbody td:last-of-type, thead th:last-of-type { border-right:none; }
@media all and (max-width:1000px) {
.table_type2 { font-size:0.95em;}
.table_type2 th, .table_type2 tbody td { padding:5px;}
}

/* table_type3 20191218 추가*/
.table_type3, .table_type3 th, .table_type3 td { border:0; border-collapse:collapse;}
.table_type3 { width:100%; border-collapse:collapse;}
.table_type3 th { padding:5px; color:#333; background:#f8f8f8; font-weight:normal;}
.table_type3 th.height_add {padding:15px 0 14px 0;}
.table_type3 thead th { border-bottom:1px solid #707070; border-right:1px solid #e0e0e0;}
.table_type3 tbody th { border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-collapse:collapse; font-weight:600;}
.table_type3 tbody td { text-align:center; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-collapse:collapse; padding:10px 10px;}
.table_type3 tbody td:last-of-type, thead th:last-of-type { border-right:none; }
.table_type3 tbody td .privacy { background:#fff; border:1px solid #ddd; width:95%; padding:2%; height:150px; overflow-y:auto; color:#666; font-size:13px; font-weight:normal; }
.table_type3 tbody td .privacy h2 { color:#333; font-size:15px; }
.table_type3 tbody td .privacy ul li { padding-bottom:15px;}
.table_type3 tbody td .p_privacy { margin-top:5px; }
.table_type3 tbody td .btn_def { font-size:14px !important;}

.btn_m { display:inline-block; line-height:28px; padding:0 10px; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; background:#fff; color:#282828 !important; font-weight:bold; font-size:14px;}
.btn_m:hover { text-decoration:none !important; }

.btn_m2 { display:inline-block; line-height:35px; padding:0 20px; border:1px solid #0073cf; color:#0073cf; font-weight:600;}
.btn_m2:hover { text-decoration:none !important; background:#0073cf; color:#fff;}

@media all and (max-width:1000px) {
.table_type3 { font-size:0.95em;}
.table_type3 th, .table_type3 tbody td { padding:7px 10px;}
}
@media all and (max-width:414px) {
.table_type3 { font-size:13px;}
.table_type3 tbody th { text-align:left; padding:10px;}
.table_type3 tbody td select { font-size:13px;}
.table_type3 tbody td .privacy h2 { color:#333; font-size:13px;}
}

/* 인사말 */
.ceo_box {text-align:center; font-size:16px; color:#333;}
.ceo_box p {line-height:1.6;}
.ceo_box .tit {font-size:30px; line-height:1.2; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_tit.gif) no-repeat center bottom; padding-bottom:34px; margin-bottom:30px;}
.ceo_box .tit2 {font-size:22px; line-height:1.2;}
.ceo_box .img_box {margin:50px 0;}
.ceo_box .img_box2 {margin-top:50px;}
.ceo_box .img_box_list {padding:0 80px; margin:50px 0;}
.ceo_box .img_box_list li {float:left; margin-right:20px;}
.ceo_box .img_box_list li:last-of-type {margin-right:0;}

@media all and (max-width:1260px) {
.ceo_box {width:90%; margin:0 auto;}
.ceo_box .tit {font-size:22px;}
.ceo_box .img_box_list {width:100%; padding:0 3%;}
.ceo_box .img_box_list li {width:30%; margin-right:2%}
}

@media all and (max-width:736px) {
.ceo_box {width:100%;}
.ceo_box .img_box {margin:25px 0;}
.ceo_box .img_box2 {margin-top:25px;}
}

@media all and (max-width:414px) {
.ceo_box p {font-size:14px;}
.ceo_box .tit {font-size:18px; background-size:40px; padding-bottom:24px; margin-bottom:20px;}
.ceo_box .tit2 {font-size:18px;}
.ceo_box .img_box_list {padding:0; width:100%; margin-bottom:30px;}
.ceo_box .img_box_list li {width:80%; float:none; margin-right:0; margin:0 auto;}
.ceo_box .img_box_list li:last-of-type {margin:0 auto;}
}

.ceo_box1 {text-align:center; font-size:16px; color:#333;}
.ceo_box1 p {line-height:1.6;}
.ceo_box1 div {width:270px;}
.ceo_box1 .tit {font-size:30px; line-height:1.2; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_tit.gif) no-repeat center bottom; padding-bottom:34px; margin-bottom:30px;}
.ceo_box1 .tit2 {font-size:22px; line-height:1.2;}
.ceo_box1 .img_box {margin:50px 0;}
.ceo_box1 .img_box2 {margin-top:50px;}
.ceo_box1 .img_box_list {padding:0 80px; margin:50px 0;}
.ceo_box1 .img_box_list li {float:left; margin-right:20px;}
.ceo_box1 .img_box_list li:last-of-type {margin-right:0;}

@media all and (max-width:1260px) {
.ceo_box1 {width:90%; margin:0 auto;}
.ceo_box1 div {width:270px;}
.ceo_box1 .tit {font-size:22px;}
.ceo_box1 .img_box_list {width:100%; padding:0 3%;}
.ceo_box1 .img_box_list li {width:30%; margin-right:2%}
}

@media all and (max-width:736px) {
.ceo_box1 {width:100%;}
.ceo_box1 div {width:170px;}
.ceo_box1 .img_box {margin:25px 0;}
.ceo_box1 .img_box2 {margin-top:25px;}
}

@media all and (max-width:414px) {
.ceo_box1 p {font-size:14px;}
.ceo_box1 div {width:100px;}
.ceo_box1 .tit {font-size:18px; background-size:40px; padding-bottom:24px; margin-bottom:20px;}
.ceo_box1 .tit2 {font-size:18px;}
.ceo_box1 .img_box_list {padding:0; width:100%; margin-bottom:30px;}
.ceo_box1 .img_box_list li {width:80%; float:none; margin-right:0; margin:0 auto;}
.ceo_box1 .img_box_list li:last-of-type {margin:0 auto;}
}

.ceo_box2 {text-align:center; font-size:16px; color:#333;}
.ceo_box2 p {line-height:1.6;}
.ceo_box2 div {width:300px;}
.ceo_box2 .tit {font-size:30px; line-height:1.2; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_tit.gif) no-repeat center bottom; padding-bottom:34px; margin-bottom:30px;}
.ceo_box2 .tit2 {font-size:22px; line-height:1.2;}
.ceo_box2 .img_box {margin:50px 0;}
.ceo_box2 .img_box2 {margin-top:50px;}
.ceo_box2 .img_box_list {padding:0 80px; margin:50px 0;}
.ceo_box2 .img_box_list li {float:left; margin-right:20px;}
.ceo_box2 .img_box_list li:last-of-type {margin-right:0;}

@media all and (max-width:1260px) {
.ceo_box2 {width:90%; margin:0 auto;}
.ceo_box2 div {width:250px;}
.ceo_box2 .tit {font-size:22px;}
.ceo_box2 .img_box_list {width:100%; padding:0 3%;}
.ceo_box2 .img_box_list li {width:30%; margin-right:2%}
}

@media all and (max-width:736px) {
.ceo_box2 {width:100%;}
.ceo_box2 div {width:170px;}
.ceo_box2 .img_box {margin:25px 0;}
.ceo_box2 .img_box2 {margin-top:25px;}
}

@media all and (max-width:414px) {
.ceo_box2 p {font-size:14px;}
.ceo_box2 div {width:100px;}
.ceo_box2 .tit {font-size:18px; background-size:40px; padding-bottom:24px; margin-bottom:20px;}
.ceo_box2 .tit2 {font-size:18px;}
.ceo_box2 .img_box_list {padding:0; width:100%; margin-bottom:30px;}
.ceo_box2 .img_box_list li {width:80%; float:none; margin-right:0; margin:0 auto;}
.ceo_box2 .img_box_list li:last-of-type {margin:0 auto;}
}

/* 행사요강 */
.his_ul { border-top:1px dashed #ddd;}
.his_ul > li { padding:20px; border-bottom:1px dashed #ddd;}
.his_ul > li > .left { width:16%; float:left;}

.his_ul > li:first-of-type .circle-box {margin-top:20px;}
.his_ul > li:nth-of-type(2) .circle-box, .his_ul > li:nth-of-type(3) .circle-box {margin-top:10px;}

.his_ul > li .circle-box { position:relative; width:78%; overflow:hidden; background:#0b048a; border:1px solid #0b048a; border-radius:100%; color:#fff; font-size:30px; transition: all .3s ease; margin-left:60px;}
.his_ul > li .circle-box img {width:auto;}
.his_ul > li .circle-box:before { content:""; display:block; padding-top:100%; }
.his_ul > li .circle-content { position:absolute; top:0; left:0; bottom:0; right:0; }
.his_ul > li .circle-content div { display:table; width:100%; height:100%; }
.his_ul > li .circle-content span { display:table-cell; text-align:center; vertical-align:middle; }
.his_ul > li:nth-child(2n) .circle-box  { background:#fff; border:1px solid #0b048a; color:#0b048a; }
.his_ul > li:first-of-type .tit {margin-top:10px;}

.his_ul_in { float:left; width:80%; min-height:80px;}
.his_ul_in > li { position:relative; padding:4px 0 4px 90px; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_his_li.png) no-repeat left 13px;}
.his_ul_in > li .tit { color:#333; font-weight:600; margin-bottom:10px; display:inline-block; font-size:16px; margin-top:25px;}

/* 태블릿 가로 */
@media all and (max-width:1200px) {
.his_ul > li .circle-box img {width:100%;}
}

/* 모바일 가로 */
@media all and (max-width:736px) {
.his_ul > li .circle-box  {font-size:22px; margin-left:10px;}
.his_ul > li:first-of-type .tit {margin-top:0;}
.his_ul_in li { font-size:13px; padding:4px 0 4px 30px; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_his_li.png) no-repeat left 13px; background-size:3px;}
.his_ul_in li .tit {margin-top:0;}
}
/* 모바일 세로 */
@media all and (max-width:414px) {
.his_ul { width:100%;}
.his_ul > li .circle-box  { font-size:16px;}
}

/* 코스안내 */
.map_box img {width:100%; border:10px solid #ddd; box-sizing:border-box;}
.map_box2 li {float:left; width:49%; box-sizing:border-box;}
.map_box2 li:first-of-type {margin-right:2%;}
.map_box2 li img {width:100%; border:10px solid #ddd; box-sizing:border-box;}

/* 찾아오시는길 */
.map_box3 {border:10px solid #ddd; height:400px; box-sizing:border-box;}
.map_info { border-top:1px dashed #ddd;}
.map_info > ul > li { border-bottom:1px dashed #ddd; padding:20px; box-sizing:border-box;}
.map_info > ul > li:last-of-type, .map_info > ul > li:nth-of-type(2) {padding-bottom:39px; padding-top:32px;}
.map_info .left {float:left; width:30%; text-align:center; box-sizing:border-box; padding-top:12px;}
.map_info > ul > li:last-of-type .left, .map_info > ul > li:nth-of-type(2) .left {padding-top:0;}
.map_info .right {margin-left:30%; width:70%;}

/* 모바일 가로 */
@media all and (max-width:736px) {
  .map_info .left {width:10%; padding-top:15px;}
  .map_info > ul > li:last-of-type .left, .map_info > ul > li:nth-of-type(2) .left {padding-top:15px;}
  .map_info .right {margin-left:15%; width:85%;}
}

/* 모바일 세로 */
@media all and (max-width:414px) {
.map_info .left {width:15%; padding-top:15px;}
.map_info .right {margin-left:20%; width:80%;}
}

/* 대회참가안내 */
.info_img_box li {float:left; margin-right:2.27%; width:31.82%; height:450px;}
.info_img_box .bg1 {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/img_info01.jpg) no-repeat left top;}
.info_img_box .bg2 {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/img_info02.jpg) no-repeat left top;}
.info_img_box .bg3 {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/img_info03.jpg) no-repeat left top;}
.info_img_box li:last-of-type {margin-right:0;}
.info_img_box li img {width:100%;}
.info_img_box li .tit {text-align:center; color:#fff; font-size:24px; font-weight:600; padding-top:50px;}
.info_img_box li .tit_eng {text-align:center; color:#fff; font-size:24px; font-family:'Oswald', sans-serif; text-transform:uppercase; letter-spacing:0.5px; line-height:1.4;}
.info_img_box li .txt {text-align:center; color:#fff; padding-top:20px;}

/* 태블릿 세로 */
@media all and (max-width:1000px) {
.info_img_box li {height:400px;}
}

/* 모바일 가로 */
@media all and (max-width:736px) {
.info_img_box li {height:350px;}
.info_img_box .bg1, .info_img_box .bg2, .info_img_box .bg3 {background-size:cover;}
.info_img_box li .tit {font-size:22px; line-height:1;}
.info_img_box li .tit_eng {font-size:22px;}
}

/* 모바일 세로 */
@media all and (max-width:414px) {
.info_img_box li {margin-right:0; width:100%; float:none; margin-bottom:20px;}
}

/* 대회참가신청 */
.tit_box {border:1px solid #ccc; border-top:2px solid #000; padding:45px 0 45px 40%; box-sizing:border-box; color:#333;}
.tit_box.bg_part {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/icon_part.jpg) no-repeat 33% center;}
.tit_box.bg_free {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/04_comm/icon_Q&A.jpg) no-repeat 33% center;}
.tit_box.bg_map {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/01_abou/icon_map.jpg) no-repeat 33% center;}
.tit_box.bg_part_complete {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/icon_part_complete.jpg) no-repeat 31% center;}
.tit_box span {color:#067acc; font-weight:700;}
.tit_box .txt_01 {font-size:16px; font-weight:700; margin-bottom:7px;}
.tit_box .txt_02 {font-size:16px;}

.part_box {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/bg_part.jpg) no-repeat center top; padding:70px; box-sizing:border-box; margin-top:50px;}
.part_box li {float:left; margin-left:5%; width:40%; background-color:rgba(255,255,255,0.8); text-align:center; margin-right:5%; height:300px;}
.part_box li:last-of-type {margin-right:0;}
.part_box li a {display:inline-block; width:100%; height:100%; box-sizing:border-box; color:#333; padding-top:70px; font-size:22px; font-weight:bold; line-height:1.5; background:url(../design/02_part/img_plus_off.png) no-repeat center 160px; text-transform:uppercase;}
.part_box li a span {font-family:'Oswald', sans-serif; letter-spacing:1px;}
.part_box li a:hover {color:#fff; background:rgba(0,115,207,0.9) url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/img_plus_on.png) no-repeat center 160px;}

.step_box li {float:left; width:50%; padding:15px; box-sizing:border-box; margin-bottom:50px; text-align:center; background-color:#f8f8f8; font-size:16px; color:#333;}
.step_box li.on {background-color:#0073cf; color:#fff;}

.p_info_box {border-top:1px solid #000; padding:30px 35px; font-size:16px; color:#333; margin-bottom:30px; background-color:#f8f8f8;}
.check {float:right; color:#333; padding-top:4px; font-size:15px; font-weight:600;}

@media all and (max-width:1000px) {
.tit_box {padding:45px 0 45px 32%;}
.tit_box.bg_map {background-position:21% center;}
.tit_box.bg_part_complete {background-position:20% center;}
}

@media all and (max-width:736px) {
.tit_box {padding:20px;}
.tit_box.bg_part, .tit_box.bg_map, .tit_box.bg_part_complete {background:none;}
.tit_box .txt_01 {font-size:14px; margin-bottom:3px;}
.tit_box .txt_02 {font-size:14px;}
.part_box {margin-top:30px;}
.part_box li a {background-size:40%;}
.step_box li {padding:10px; margin-bottom:30px; font-size:14px;}
.p_info_box {padding:20px; font-size:14px; margin-bottom:30px;}
.check {font-size:14px;}
.agree_tit {font-size:14px;}
}

@media all and (max-width:414px) {
.part_box {padding:30px; background-size:cover;}
.part_box li {float:none; width:100%; margin-bottom:20px; height:100px;}
.part_box li:last-of-type {margin-bottom:0;}
.part_box li a {padding-top:28px; background-image:none; font-size:16px; line-height:1.4;}
.part_box li a:hover {background-image:none;}
.part_box li a span {font-size:13px;}
.p_info_box .btn_m, .p_info_box .check {margin-top:5px;}
}

/* 대회참가신청_입력 */
.prog_appl { padding:10px;}
.prog_appl.bg1 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro1.png) no-repeat 8% 41%;}
.prog_appl.bg2 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro2.png) no-repeat 8% 49%;}
.prog_appl.bg3 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro3.png) no-repeat 8% 44%;}
.prog_appl.bg4 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro4.png) no-repeat 13% 49%;}
.prog_appl.bg5 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro5.png) no-repeat 13% 49%;}
.prog_appl.bg6 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro6.png) no-repeat 17% 49%;}
.prog_appl.bg7 { background:#f0f2f7 url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_pro4.png) no-repeat 18% 49%; background-size:8%;}
.prog_appl .tit { padding-left:30%; padding-top:20px;}
.prog_appl .tit h2 { font-size:21px; color:#e94729; font-weight:600; padding-bottom:10px;}
.prog_appl .tit .tit_em { font-size:13px; color:#000; font-weight:600;}
.prog_appl .link_cbesr { color:#fff; font-size:13px; border:2px solid #e94729; background:#e94729; border-radius:30px; padding:2px 10px 1px 10px; line-height:1.2em; display:inline-block; }
.prog_appl .link_cbesr:hover { background:#fff; color:#e94729; border:2px solid #e94729; transform:translate(0, 3px);}

.form { font-size:15px; position:relative; width:100%; margin:40px auto;}
.form .form_tit{font-size:18px; font-weight:700; color:#333; margin-bottom:15px;}
.form .btn_add {margin:10px 0 20px 0; text-align:right;}
.form .ex_em { font-size:13px; color:#e94729; float:right; padding-bottom:10px; font-weight:normal;}
.form .star { color:#e94729; font-weight:600; font-size:15px; font-family:verdana; }
.form input[type="text"] { vertical-align:middle; border:1px solid #ddd; line-height:28px; height:28px; padding-left:5px; color:#666;}
.form .w40 { width:40%;}
.form .w60 { width:60%;}
.form_em { font-size:13px; color:#e94729; padding-left:10px;}
.form_em2 {color:#e94729;}
.form select.select_form { vertical-align:middle; border:1px solid #ddd; line-height:28px; height:28px; padding-left:5px; color:#666; background:#fff url("/admode/module/board/images/kor/bg_select.png") no-repeat 98% center; background-size:14px; width:15%;}
.form select.select_form2 { vertical-align:middle; border:1px solid #ddd; line-height:28px; height:28px; padding-left:5px; color:#666; background:#fff url("/admode/module/board/images/kor/bg_select.png") no-repeat 98% center; background-size:14px; width:10%;}
.form textarea { width:97%; padding:1%; height:150px; border:1px solid #ddd;}
.form .poll > ul { border-top:2px solid #222;}
.form .poll > ul > li { padding:25px 35px; border-bottom:1px solid #ddd; color:#666; overflow:hidden;}
.form .poll > ul > li .left { float:left; width:10%; color:#333; font-size:40px; line-height:1.0em;}
.form .poll > ul > li .right { float:left; width:90%; border-left:1px solid #ddd; padding-left:30px; box-sizing:border-box;}
.form .poll > ul > li p { color:#333; font-weight:600; }
.form .poll > ul > li label { padding-right:20px; }
.form .div_sp { width:10%; display:inline-block; line-height:30px;}
.form .div_sp2 { padding-right:30px;}
.form_bottom { text-align:center; margin-top:20px;}
.form_bottom1 { text-align:center; margin-top:5px;}
.form_bottom a, .form_bottom input[type="button"] { font-size:15px; background:none; padding:0 35px; display:inline-block; line-height:40px; margin:0 2px; font-weight:600; cursor:pointer;}
.form_bottom .btn_f1 { border:1px solid #297fe9; color:#297fe9;}
.form_bottom .btn_f1:hover {background:#297fe9; color:#fff;}
.form_bottom .btn_f2 { border:1px solid #535353; color:#535353;}
.form_bottom .btn_f2:hover {background:#535353; color:#fff;}
.form_bottom1 .btn_f1 { border:1px solid #297fe9; color:#297fe9;}
.form_bottom1 .btn_f1:hover {background:#297fe9; color:#fff;}
.form_bottom1 a, .form_bottom input[type="button"] { font-size:15px; background:none; padding:0 35px; display:inline-block; line-height:40px; margin:0 2px; font-weight:600; cursor:pointer;}
.form_bottom .form_change {text-align:center; width:130px; height:43px; font-size:15px; font-weight:600; background:#fff; cursor:pointer;}

/* total_price */
.total_price { background:#f0f2f7; text-align:center; padding:25px; border:1px solid #0073cf; font-size:19px;}

#address1 {width:40%;}
#address2 {width:20%;}
#em1, #em2 {width:15%;}

@media all and (max-width:1000px) {
.prog_appl.bg1, .prog_appl.bg2, .prog_appl.bg3 {background-size:22%;}
.prog_appl.bg4, .prog_appl.bg5 {background-size:15%;}
.prog_appl.bg6 {background-position:12% 49%;}
.form .t_block { display:block;}
}

@media all and (max-width:767px) {
.prog_appl.bg1 { background:#f0f2f7;}
.prog_appl.bg2 { background:#f0f2f7;}
.prog_appl.bg3 { background:#f0f2f7;}
.prog_appl.bg4 { background:#f0f2f7;}
.prog_appl.bg5 { background:#f0f2f7;}
.prog_appl.bg6 { background:#f0f2f7;}
.prog_appl.bg7 { background:#f0f2f7;}
.prog_appl .tit { padding-left:5%; padding-top:10px;}
.form { width:100%; margin:30px auto;}
.form .input_form { width:80%;}
.form input { margin:2px 0;}
.form select.select_form { vertical-align:middle; font-size:15px; width:100px;}
.form select.select_form2 { vertical-align:middle; font-size:15px; width:50px;}
.form .m_top { margin-top:5px;}
.form .poll > ul > li { padding:15px;}
.form .poll > ul > li .left { width:15%; font-size:26px;}
.form .poll > ul > li .right { width:85%; padding-left:15px;}
.form .poll > ul > li p { line-height:1.4em; margin-bottom:10px;}
.form .poll > ul > li label { display:inline-block; padding:5px;}
.form .div_sp { width:40%;}
.form_bottom a, .form_bottom input[type="button"] { font-size:13px; padding:0 25px;}
.form_bottom1 a, .form_bottom input[type="button"] { font-size:13px; padding:0 25px;}
.prog_appl { padding:20px 30px;}
.prog_appl .tit { padding-left:0;}
.prog_appl .tit h2 { font-size:17px; padding-bottom:0; border-bottom:0.5px solid rgba(0,0,0,0.1); padding-bottom:15px;}
.prog_appl .tit p { font-size:13px;}
.prog_appl .tit > ul { padding-top:10px;}
.prog_appl .tit ul li { font-size:13px;}
#address2 {width:30%;}
#em1, #em2 {width:20%;}
}

@media all and (max-width:414px) {
.form .form_tit{font-size:16px; margin-bottom:7px;}
.form .div_sp { width:30%;}
.form .div_sp2 { padding-right:15px; line-height:30px;}
.prog_appl .link_cbesr { display:inline-block; margin-left:40px; }
.prog_appl .link_cbesr:hover { background:#fff; color:#e94729; border:2px solid #e94729; transform:translate(0, 3px);}
#address1 {width:80%;}
#address2 {width:80%;}
#em1, #em2 {width:25%;}
}


/* 참가신청완료 */
.part_complete_box {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/bg_part_complete.jpg) no-repeat center top; padding:65px 65px 65px 90px; box-sizing:border-box; margin-top:50px;}
.part_complete_box li {width:36.5%; background:rgba(0,115,207,0.8) url(https://www.masanmarathon.or.kr/marathon33/project/design/02_part/bg_tit_line.png) no-repeat center center; text-align:center; height:300px; color:#fff; padding-top:55px; box-sizing:border-box; margin:0 auto;}
.part_complete_box li span {font-family:'Oswald', sans-serif; letter-spacing:1px; font-size:30px; line-height:1.2;}
.part_complete_box li p {margin-top:45px; line-height:1.6; font-size:18px; letter-spacing:-0.5px;}
.part_complete {font-size:16px; line-height:2; letter-spacing:-0.5px; text-align:center; padding:50px 0;}

@media all and (max-width:1260px) {
.part_complete_box li {width:45%;}
.part_complete {padding:40px 0;}
}

@media all and (max-width:1000px) {
.part_complete_box {padding:65px;}
.part_complete_box li {width:100%; padding-top:50px;}
}

@media all and (max-width:767px) {
.part_complete_box {margin-top:30px;}
.part_complete_box li {width:100%; background-size:10%;}
.part_complete {padding:30px 0; font-size:14px; line-height:1.6;}
}

@media all and (max-width:414px) {
.part_complete_box {padding:40px; background-size:cover;}
.part_complete_box li {height:230px; padding-top:40px;}
.part_complete_box li span {font-size:20px;}
.part_complete_box li p {font-size:13px; margin-top:45px; line-height:1.5;}
}
