@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Oswald');

/* 영문메뉴 */
.wrap_box .stle h3 span {font-size:16px; padding-left:10px; color:#999;}
.wrap_box .stle ul li span {display:none;}
#spot h2 span {display:none;}
#lnb .lnb_wrap > ul > li > a span {font-size:13px; color:#999; display:block;}
#lnb .lnb_sub li a span {font-size:11px; display:block; color:black; line-height:1.2;}
#lnb .lnb_sub li a:hover span {color:#fff;}
#sitemap .m_menu h3 span {font-size:14px; color:#999; padding-left:5px;}
#sitemap .m_menu h4 span {font-size:12px; display:block; line-height:1.2;}

/* 모바일 세로 */
@media all and (max-width:414px) {
.wrap_box .stle h3 span {font-size:13px; padding-left:5px;}
}

/* 기본설정 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; line-height:1.4em; font-family:'Nanum Gothic', '맑은고딕', 'Malgun Gothic', '돋움', 'dotum'; -webkit-text-size-adjust:none; word-break:keep-all;}
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; }
a { text-decoration:none; }
a:link, a:visited, a:hover, a:active { text-decoration:none; }
#container a {  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#container a:hover {  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
#container div {  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}

/* 숨김영역 */
#accessibility, #accessibility_footer, hr, legend { position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; }
caption { display:none; }

/* view */
.web_block { display:block; }
.mo_block { display:inline; }

@media all and (max-width:414px) {
.web_block { display:inline;}
.mo_block { display:block;}
}

/* float 속성 초기화 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* 이미지 인풋등 세로중앙정렬 */
input, textarea, select { font-family:inherit; }
@media all and (max-width:740px) {
input, textarea {-webkit-border-radius:0; -webkit-appearance:none;} /* input 라운드0, 기본속성없애기 */
input[type="checkbox"] { -webkit-border-radius:2px; -webkit-appearance:checkbox; border:1px solid #000;} /* 체크박스 */
input[type="radio"] { -webkit-border-radius:10px; -webkit-appearance:radio; border:1px solid #000;}
select {-webkit-border-radius:0; border:1px solid #000; background:#fff url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_select.png) no-repeat 98% center; background-size:20px;}/* 20191207 -webkit-appearance:none; 신청페이지 셀렉트박스의 오른쪽 화살표 안나오는 문제로 삭제*/
}

/* form css */
.input_form { height:20px; line-height:20px; padding:4px 0 1px 3px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.select_form { padding:0 0 0 5px; height:27px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:0.95em; font-weight:300;}
.input_file { height:20px; border:1px solid; border-color:#d1d1d1 #e7e7e7 #e7e7e7 #d1d1d1; color:#565656; background:#f5f5f5; font-size:1em; }
.textarea_form { border:1px solid #dbe1e7; padding:3px 0 0 3px; color:#767676; margin:8px 0 9px 0; }

/* 공통 */
.font_star { font-weight:600; color:#f04159; font-family:'verdana';}
.font_em { color:#d21e26 !important;}/* red */
.font_em2 { color:#f85022 !important;}/* orange_light */
.font_em3 { color:#0073cf !important;}/* blue */
.font_em4 { color:#e94729 !important;}/* orange_dark */
.font_s { font-size:14px; font-weight:normal;}
.font_s2 { font-size:13px; font-weight:normal;}
.font_s_eng { font-size:14px; font-weight:normal; letter-spacing:0;}
.font_bold { font-weight:600;}
.black_bold { font-weight:600; color:#333;}
.black_bold2 { font-weight:600; color:#111;}
.black {color:#333;}
.black2 {color:#111;}
.mg20 { margin:20px !important;}
.mg40 { margin:40px !important;}
.mgT10 { margin-top:10px !important;}
.mgT20 { margin-top:20px !important;}
.mgT30 { margin-top:30px !important;}
.mgT40 { margin-top:40px !important;}
.mgT50 { margin-top:50px !important;}
.mgT60 { margin-top:60px !important;}
.mgL10 { margin-left:10px !important;}
.mgL20 { margin-left:20px !important;}
.mgL25 { margin-left:25px !important;}
.mgL30 { margin-left:30px !important;}
.mgL35 { margin-left:35px !important;}
.mgL40 { margin-left:40px !important;}
.mgL60 { margin-left:60px !important;}
.mgR20 { margin-right:20px !important;}
.mgR30 { margin-right:30px !important;}
.mgB0 { margin-bottom:0px !important;}
.mgB10 { margin-bottom:10px !important;}
.mgB20 { margin-bottom:20px !important;}
.mgB30 { margin-bottom:30px !important;}
.mgB40 { margin-bottom:40px !important;}
.txL { text-align:left !important;}
.txC { text-align:center !important;}
.txR { text-align:right !important;}
.poR { position:relative !important;}
.bdT1 { border-top:1px solid #efefef;}
.pdT10 { padding-top:10px !important;}

/* Layout */
html, body { height:100%;}
body { font-size:15px;}
#wrap { width:100%; min-width:1200px; overflow-x:hidden;}
.wrap_box { width:1200px; margin:0 auto; position:relative;}

/* header */
#header { position:absolute; top:0; left:0; width:100%; z-index:4000 !important;}
#header h1 { position:absolute; top:15px; left:0; z-index:4000 !important;} /* 315 로고 위치 */
#header h1 a {display:inline-block; height:26px;}

#lnb { position:relative; padding-top:0; z-index:1100 !important;}
#lnb .lnb_wrap { width:100%;}
#lnb .lnb_wrap > ul { display:table; margin:0 auto;}
#lnb .lnb_wrap > ul > li { display:table-cell; text-align:center; box-sizing:border-box;}
#lnb .lnb_wrap > ul > li > a { display:block; font-size:18px; color:#333; text-align:center; width:130px; height:90px; padding-top:26px; box-sizing:border-box;} /* 상단 메인메뉴 글자 설정 */
#lnb .lnb_wrap > ul > li.current > a, #lnb .lnb_wrap > ul > li.active > a { color:#d21e26; }
#lnb .lnb_sub { position:absolute; left:0; top:90px;}
#lnb .sub01 { left:8.05%;} /* 20200107 신규메뉴 생성으로 인한 수정(상단탑메뉴 밑에 검은 서브메뉴 부분) */
#lnb .sub02 { left:13.8%;} /* 20200107 신규메뉴 생성으로 인한 수정(상단탑메뉴 밑에 검은 서브메뉴 부분) */
#lnb .sub03 { left:44.35%;} /* 20200107 신규메뉴 생성으로 인한 수정(상단탑메뉴 밑에 검은 서브메뉴 부분) */
#lnb .sub04 { left:38.4%;} /* 20200107 신규메뉴 생성으로 인한 생성(상단탑메뉴 밑에 검은 서브메뉴 부분) */
#lnb .sub05 { left:65.95%;} /* 20200107 신규메뉴 생성으로 인한 생성(상단탑메뉴 밑에 검은 서브메뉴 부분) */
#lnb .lnb_sub li {float:left; text-align:center;}
#lnb .lnb_sub li a {font-size:14px; display:inline-block; color:black; font-weight:300; text-align:center; width:130px; height:130px; padding-top:20px; box-sizing:border-box;}
#lnb .lnb_sub li a:hover { color:#000000;}
#lnb .lnb_sub li a:hover span{ color:#000000;}
#lnb .lnb_sub li a .snb_icon {width:50px; height:50px; border-radius:100px; background:#1d1d1d; margin:0 auto; transition: all .3s ease-in-out; margin-bottom:5px;} /*상단 메뉴 서브아이콘 기본 설정*/
#lnb .lnb_sub li a .snb_icon img {width:100%;}
#lnb .lnb_sub li a:hover .snb_icon {width:50px; height:50px; border-radius:100px; background:#DF0101; margin:0 auto; transition: all .3s ease-in-out; margin-bottom:5px;} /*상단 메뉴 서브아이콘 마우스 있을때(엑티브일때)  설정*/

.dday { position:absolute; top:15px; right:0; z-index:2000 !important;}
.dday > ul > li { float:left; color:#d21e26; font-family:'Oswald', sans-serif;}
.dday .tit span {letter-spacing:4.8px;}
.dday .tit {font-size:14px; line-height:1.2; letter-spacing:0;}
.dday .num {background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_day.png) no-repeat center center; color:#fff; width:98px; height:60px; text-align:center; line-height:85px; font-weight:bold; font-size:30px; margin-left:10px; letter-spacing:1px;} /* 디데이 관련 이미지 및 숫자 위치, 크기 등 */

#m_gnb .btn_sitemap { display:none;}

.lnb_bg { position:absolute; width:100%; height:220px; left:0; top:0; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/bg_lnb.png) repeat center top;} /*상단 메뉴 배경 설정 - 마우스 올려뒀을때 아래에 서브메뉴 버튼 뒤에 펼쳐지는 배경*/
.jbFixed { position:fixed !important; top:0px; width:100% !important; background:#fff; height:90px !important; box-sizing:border-box; z-index:4000 !important;}
.jbFixed #lnb { padding-top:0;}
.jbFixed h1 { top:15px !important;} /* 마우스 휠 이동시 로고 위치 이동 설정 */
.jbFixed .dday { top:15px !important;}  /* 마우스 휠 이동시 디데이 위치 이동 설정 */

/* container */
#container { width:100%; margin-top:90px}

/* footer */
#footer { background:#000000; color:#fff; padding:40px 0 60px 0;}
#footer p:nth-of-type(1) {font-size:16px; line-height:2.6;}
#footer p:nth-of-type(2) {color:#666; text-transform:uppercase;}
#footer .pa_left { padding-left:30px;}

#back-top {z-index:1000; position: fixed; bottom:20px; right:20px;} 
#back-top a {width:46px; height:46px; display: block; text-indent:-9999px; border:1px solid #555; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/btn_top.png) no-repeat center; background-size:20px; border-radius: 0; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; transition: all 0.7s ease;}
#back-top a:hover {color: #000;}
 
#sitemap {display:none; display:block; position:relative; z-index:5000; }
#sitemap .m_menu { position:absolute; top:0; right:-200px; width:200px; background:#fff; z-index:5000; }/* ??????? ????��??*/
#sitemap .m_menu .close { background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/btn_close_m.png) no-repeat right top; background-size:100%; width:60px; height:60px; display:block; text-indent:-9999px; position:absolute; top:0; right:0;}
#sitemap .m_menu h2 { line-height:60px; color:#333; font-size:1.4em; padding-left:20px; background:#fff; text-indent:-9999px;}

#sitemap .m_menu h3 a { color:#333; font-size:20px; font-weight:300; display:block; padding:15px 0; text-align:center;}
#sitemap .m_menu h3.on a { color:#333; }
#sitemap .m_menu .depth1 { background:none;}
#sitemap .m_menu .depth2 { display:none;}
#sitemap .m_menu .depth2 li a { font-size:15px; color:rgba(255, 255, 255, 0.8); display:block; padding:15px 25px; text-align:left; background:rgba(0, 0, 0, 1); border-bottom:1px solid rgba(255, 255, 255, 0.2);}

#sitemap .m_menu .depth2 li.on a { background:rgba(0, 0, 0, 0.1); }
#sitemap .m_menu .depth3 { background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a { font-size:1em; display:block; padding:10px 20px 10px 35px; background:rgba(0, 0, 0, 0.5);}
#sitemap .m_menu .depth3 li a:before { content:"?? ";}
#sitemap .shadow_bg { width:100%; height:100%; position:fixed; left:0; top:0;  background:rgba(0, 0, 0, 0.8); z-index:10; display:none; }


/* 태블릿 가로 */
@media all and (max-width:1260px) {
#wrap { min-width:100%;}
.wrap_box { width:95%; margin:0 auto;}
#lnb .lnb_wrap > ul > li { width:130px;}
#lnb .lnb_sub li a {width:120px;}
}

/* 태블릿 세로 */
@media all and (max-width:1000px) {
.block { display:block;}
#wrap {min-width:320px;}
#header { min-height:70px;}
#header h1 { top:5px; left:0;}

#lnb .lnb_wrap { width:100%;}
#lnb .lnb_wrap > ul > li { width:100px;}

.lnb_bg { background:none;}
#lnb { display:none !important;}
.dday { top:3px; right:60px;}

#m_gnb { position:absolute; top:0; right:0;}
#m_gnb .btn_sitemap { display:block; width:70px; height:70px; text-indent:-9999px; background:url(https://www.masanmarathon.or.kr/marathon33/project/design/com/btn_sitemap.png) no-repeat center; background-size:40px;}

.jbFixed {height:70px !important;}
.jbFixed { position:absolute !important; border-bottom:none;}
.jbFixed h1 { top:5px !important;}
.jbFixed .dday { top:3px !important;}

#container {margin-top:70px}
}

/* 모바일 가로 */
@media all and (max-width:736px) {
span.font_s2 { font-size:11px; line-height:1 !important;}
#footer { padding:25px 0;}
#footer .pa_left { padding-left:10px;}
#footer p:nth-of-type(1) {font-size:13px; line-height:1.4; margin-bottom:10px;}
#footer p:nth-of-type(2) {font-size:12px;}
}

/* 모바일 세로 */
@media all and (max-width:414px) {
.wrap_box { width:90%;}
#m_gnb .btn_sitemap { width:70px; background-size:40px;}

.dday { right:40px; width:80px;}
.dday .tit span {letter-spacing:3.8px;}
.dday .tit {display:none;}
.dday .num {background-size:100%; width:90%; margin-left:0; font-size:22px; line-height:75px;}

#footer p:nth-of-type(2) {width:80%;}

#back-top a {width:40px; height:40px; background-size:15px;}
}