@charset "utf-8";
/* CSS Document */


/*html, body, div,*/
html{height:100%;}
span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; 
	background: transparent;
}
ul,ol,li{list-style:none}
form{min-height:80%; width:100%;}

legend, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0}
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary { display: block}
nav ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}

a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none;color: #000;}
a:hover{text-decoration: none;}
a:focus{text-decoration: none; outline:none;}

ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}

table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input, select { vertical-align: middle;}

body{font:13px/1.231 '나눔고딕',NanumGothic,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif; *font-size:small; *font:x-small; height:100%}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

.blind{text-indent:-3000px;}

.clearfix:after{content:"";display:block;clear:both;visibility:hidden;height:0} 
.clearfix{display: inline-block}
* html .clearfix{height:1%}
address, article, aside, figure, footer, header, hgroup, menu, nav, section { display:block;}
span{font-size:medium; font-weight:bold; line-height:2;}

 table{width:100%; table-layout:fixed;}
 table tr th {text-align:center; font-weight:bold;}
 table tr td {text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.list table{line-height:2}
.nolist table tr td {text-overflow:inherit; overflow:initial; white-space:initial;}
.mainlist table{font-size:medium;}

.wrap {margin:0 auto; width:100%; height:auto; position:relative;}

.mg_top_15{margin-top:15px;}
.mg_top_30{margin-top:30px;}
.pd_top_15{padding-top:15px;}
.pd_bottom_15{padding-bottom:15px;}
.border_lt{border-left:solid 1px #ff4200; border-top:solid 1px #ff4200;}
.border_ld{border-left:solid 1px #ff4200; border-bottom:solid 1px #ff4200;}

.ui-datepicker span{ font-size:small; font-weight:normal; line-height:1; }

.focus  #Marathon_Picture {display:block;}
.blur #Marathon_Picture { display:none; }

.button-lg{background-color:#db1610; font-size:large; font-weight:bold; color:white; border-radius:8px; text-align:center; height:50px; line-height:50px; width:100%;}
input.button-lg:hover{color:white; background-color:#ec7378; }
input.button-lg:focus{color:white;}

.button-sm {background-color:#db1610; font-size:medium; font-weight:bold; color:white; border-radius:8px; text-align:center; height:40px; /*line-height:40px;*/ width:25%;}
input.button-sm:hover{color:white; background-color:#ec7378; }
input.button-sm:focus{color:white;}

.button-xs {background-color:#db1610; font-size:small; font-weight:bold; color:white; border-radius:8px; text-align:center; height:30px; line-height:30px; width:25%;}
input.button-xs:hover{color:white; background-color:#ec7378; }
input.button-xs:focus{color:white;}

.cancel-sm { background-color:white; font-size:medium; font-weight:bold; color:#db1610; border-radius:8px; text-align:center; height:40px; line-height:40px; width:25%; border:solid 2px #db1610;}
input.cancel-sm:hover{color:white; background-color:#ec7378; }
input.cancel-sm:focus{color:white;}

.cancel-xs { background-color:white; font-size:small; font-weight:bold; color:#db1610; border-radius:8px; text-align:center; height:30px; line-height:30px; width:25%; border:solid 2px #db1610;}
input.cancel-xs:hover{color:white; background-color:#ec7378; }
input.cancel-xs:focus{color:white;}

/* 헤더 */
header {max-width:1000px; height:28px; padding-right:10px; text-align:right; background-image:url("/Common/Images/Master/HeaderBG.gif");}
header div {padding-top:7px;}
header div .loginbar{margin-left:20px;  display:inline;}
header div .loginbar img{vertical-align:middle;}

/* nav */
nav {background-image:url("/Common/Images/Master/NavBG.gif");}
nav div{text-align:center;}

/* 배너 */
.banner {padding:10px; background-image:url("/Common/Images/Master/NavBG.gif");}
.banner img{width:100%;}

/* 공지사항 */
/*.notice {margin-top:15px; padding-left:15px;  padding-bottom:14px; border:solid 1px #000000; height:49px;}
.notice img{margin-top:15px; margin-bottom:15px; float:left;}
.notice .notice_table{ padding-left:95px; padding-right:90px; margin-top:9px; height:100%; height:32px; overflow-y:hidden; position:absolute;}
.notice .notice_table table{width:100%; font-size:medium; table-layout:fixed;}
.notice .notice_table table tr td img{margin:0;}*/
.notice {margin-top:10px; padding:15px; border:solid 1px #000;}
.notice .notice_table{height:130px; overflow-y:scroll;  margin-top:15px;}

/* 대회 검색 */
.search {margin-top:15px; border:solid 1px #000000; height:49px; padding-left:10px;}
.search_table table tr td:first-child{width:30px;}
.search_table table tr td:last-child{width:98px;}
.search input {border:none; font-size:medium;width:100%; height:100%; vertical-align:middle; margin-top:-2px; font-weight:bold;}
.search_min {margin-top:0; height:30px; padding-left:10px;}
.search_notice { margin-top: 50px; }


/* 대회 사진 */
.main_pictures div{width:33.33%; float:left; padding:5px;}
.main_pictures img{width:100%; }


/* 대회 일정 */
.schedule {margin-top:10px; padding:15px; border:solid 1px #000;}
.schedule .schedule_table{height:130px; overflow-y:scroll;  margin-top:15px;}

/* News */
/*.mainnews{margin-top:15px; padding:18px; border:solid 1px #000;}
.mainnews .mainnews_table {margin-top:19px; padding-right:10px;}*/
.mainnews {margin-top:15px; padding-left:15px;  padding-bottom:14px; border:solid 1px #000000; height:49px;}
.mainnews img{margin-top:15px; margin-bottom:15px; float:left;}
.mainnews .mainnews_table{ padding-left:95px; padding-right:90px; margin-top:9px; height:100%; height:32px; overflow-y:hidden; position:absolute;}
.mainnews .mainnews_table table{width:100%; font-size:medium; table-layout:fixed;}
.mainnews .mainnews_table table tr td img{margin:0;}

/* Magazine */
.magazine {margin-top:15px;}
.magazine div{width:25%; float:left; padding:10px;}
.magazine img{width:100%;}

/* Footer */
.cfooter {max-width:828px; margin:0 auto; color:white; text-align:left; font-weight:bold; line-height:1.7;}
.cfooter ul {list-style:none; margin-bottom:10px;}
.cfooter ul li {display:inline-block; padding-right:15px; padding-left:10px; background:url('/Common/Images/HomeImg/Footer_bar.jpg') no-repeat right;}
.cfooter ul li:first-child{padding-left:0;}
.cfooter ul li:last-child{background:none;}
.cfooter a {color:white;}

.certmark{position:absolute; top:30px; left:-80px;}
/* SubMenu*/
.subMenu{margin-top:15px;}
.subMenu nav{background:none;}
.subMenu img{/*width:100%;*/}
.subMenu .navbar-collapse{padding:0; margin:0;}
.subMenu .container-fluid{padding:0; margin:0;}
.subMenu li{border-bottom:solid 1px #cccccc;}
.subMenu .navbar-toggle{border:solid 1px #000000;}
.subMenu .navbar-toggle .icon-bar{background:rgb(0,0,0);}
.subMenu .navbar-toggle .icon{color:#000; line-height:1.5;}
         .navbar-toggle .icon{color:#888; line-height:1.5;}
.subMenuTitle{display:none;}
.subMenuTitle_min{display:inline-block; margin-top:15px;}
.subTitle{height:45px;}
.subTitle div{height:100%}
.subMenuBanner{display:none;}
.subMenuBanner img{margin-top:10px;}
.floatBanner{display:none;}
.floatBanner img{margin-top:10px;}

/* pic list */
.piclist {margin-top:15px;}
.piclist img{width:100%;}
.piclist_table table{border-top:solid 2px #cccccc;}
.piclist_table table tr th{border-bottom:solid 1px #cccccc; background-color:#f3f3f3; text-align:center; line-height:2}
.piclist_table table tr td{border-bottom:solid 1px #f3f3f3; padding-top:5px; padding-bottom:5px;}
.center_content{text-align:center;}

.piclist_search table{font-size:small;}
.piclist_search table tr td:first-child{text-align:right;}
.piclist_search table tr td {line-height:2;padding-right:5px;}

.picture_item{width:33.33%; float:left; padding:3%;}
.picture_item img{width:100%; margin-left:-24px;}
.picture_item input { margin-left:-2px; margin-right:4px;}

.pic_preview table{width:100%}
.pic_preview table tr+tr td{text-align:center; vertical-align:middle;}
.pic_preview table tr+tr td:before{content:''; display:inline-block; margin-top:100%; vertical-align:middle;}

/* Find */
.finddiv table { border-top:solid 2px #707070; border-bottom: solid 2px #707070; line-height:2}
.finddiv table tr{border-bottom:solid 1px #707070;}
.finddiv table tr:last-child{border:none;}
.finddiv table th {background-color:#f5f5f5; font-weight:bold;}
.finddiv table td {padding:0 15px;border-left:solid 1px #707070;}

.findenddiv {background-color:#f5f5f5; width:100%; border:solid 1px #bebfc1; padding:70px;}
.findenddiv h2{font-size:20px; margin-bottom:30px; display:inline-block; color:#ea1b23;}
.findenddiv span {font-size:20px; }

.registercompletediv {background-color:#f5f5f5; width:100%; border:solid 1px #bebfc1; padding:80px; text-align:center;}
.registercompletediv h2{font-size:25px; margin:20px 0; display:inline-block; }
.registercompletediv h3{font-size:13px; display:inline-block; text-align:left;}
.registercompletediv span {font-size:16px; color:#ea1b23;}


.rotate90 {
    -ms-transform: rotate(90edg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate180 {
    -ms-transform: rotate(180edg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.rotate270 {
    -ms-transform: rotate(270edg);
    -webkit-transform:rotate(270deg);
    transform:rotate(270deg);
}

#Marathon_Picture .rotate90{
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;/* Standard syntax */
    -ms-transform: rotate(90deg) translate(0%, -100%); /* IE 9 */
    -webkit-transform: rotate(90deg) translate(0%, -100%); /* Safari */
    transform: rotate(90deg) translate(0%, -100%); /* Standard syntax */
}
#Marathon_Picture .rotate180{
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;/* Standard syntax */
    -ms-transform: rotate(180deg) translate(-100%, -100%); /* IE 9 */
    -webkit-transform: rotate(180deg) translate(-100%, -100%); /* Safari */
    transform: rotate(180deg) translate(-100%, -100%); /* Standard syntax */
}
#Marathon_Picture .rotate270{
    -ms-transform-origin: 0% 0%; /* IE 9 */
    -webkit-transform-origin: 0% 0%; /* Chrome, Safari, Opera */
    transform-origin: 0% 0%;/* Standard syntax */
    -ms-transform: rotate(270deg) translate(-100%, 0%); /* IE 9 */
    -webkit-transform: rotate(270deg) translate(-100%, 0%); /* Safari */
    transform: rotate(270deg) translate(-100%, 0%); /* Standard syntax */
}

.pic_item table{width:100%;}
.pic_item table td{text-align:center; vertical-align:middle; border:solid 1px #cecece; background-color:#efefef; overflow:visible;}
.pic_item table td:before{content:'';display:inline-block; margin-top:100%; vertical-align:middle;}
.pic_item table td img{cursor:pointer;}
.picinfo{border:solid 1px #cecece; font-size:small; text-align:center;}

/* Board */
.boardtitle { margin:0; font-weight:bold; background-color:#f5f5f5; border:solid 1px #bebfc1; border-top:solid 2px #707070; line-height:2.5;}
.boardInfo {margin:0; padding:0; color:#666666; border:solid 1px #bebfc1; line-height:2.5;}
.boardWriteDate{text-align:right;}
.boardContent{margin:0; border:solid 1px #bebfc1; border-bottom:none; line-height:2.5; min-height:100px;}
.boardContent img{width:100%; max-width:100%; max-height:100%;}
.boardNotice{margin:0; border:solid 1px #bebfc1; border-top:none; font-weight:bold; padding-bottom:5px;}
.boardWriteContent{margin:0; padding:0; border:solid 1px #bebfc1;}

/* Store */
.PaymentProgress {height: 100px;}
.PaymentProgress span{line-height:1; color:gray;}
.PaymentProgress .active span{color:black;}

.Basket table tr th {text-align:center; border-bottom:solid 1px #cccccc; background-color:#f3f3f3; text-align:center; line-height:2;}
.Basket table tr td {text-align:center; text-overflow:initial; overflow:initial; border-bottom:solid 1px #f3f3f3; }
.Basket p{display:inline;}

.TotalPrice table{width:300px; margin:10px; font-size:medium; float:right; font-weight:bold;}
.TotalPrice table tr td{vertical-align:middle; color:#bebfc1; font-weight:bold;}
.TotalPrice table tr td:first-child {color:#333333; text-align:left; padding-left:20px;}
.TotalPrice table tr th{text-align:left; padding-left:20px;}
.TotalPrice table tr:last-child td:last-child{color:#c40910; border-bottom:solid 1px #cccccc; background-color:#f3f3f3; }

.PurchaseTable {width:100%; line-height:2; margin-top:10px;}
.PurchaseTable tr th{text-align:right; padding:5px 10px 5px 0px; border:solid 1px #bebfc1; border-left:none; background-color:#f5f5f5;}
.PurchaseTable tr td{text-align:left; padding:5px 0px 5px 10px; border:solid 1px #bebfc1; border-right:none;overflow:initial;text-overflow:initial; white-space:inherit;}
.PurchaseTable p {color:#fe2323; display:inline;}

/* Register Table */
.RegTable {line-height:1.5; background-color:white; margin:5px; padding:5px;}
.RegTable label{line-height:1;}
.RegTable table{ width:100%; table-layout:initial; margin-bottom:10px;} 
.RegTable table tr th {text-align:center; background-color:#333333; color:white; border:solid 1px #dddddd; line-height:2;}
.RegTable table tr td {text-align:left; text-overflow:initial; overflow:initial; white-space:initial; border:solid 1px #dddddd; padding:5px;}

.RegFormTable {line-height:2;}
.RegFormTable table{border-top:solid 2px #707070; border-bottom:solid 2px #707070; table-layout:initial; }
.RegFormTable table tr td{padding:5px; padding-left:10px; border:solid 1px #bebfc1; text-overflow:initial; overflow:initial; white-space:initial; }
.RegFormTable table tr td:first-child{background-color:#f5f5f5; font-weight:bold; text-align:right; padding-right:10px; border-left:none;}
.RegFormTable table tr td + td{border-right:none;}

.navbar {margin:0; border:none; min-height:46px; border-radius:0;} 
.navbar .navbar-nav {display: inline-block; float: none;}
.navbar .navbar-collapse {text-align: center; line-height:0;}
.nav navbar-nav{margin:0;}
.nav > li > a{margin:0; padding:0}
.subnav {display:none;}

.pagination > li > a{color:#ffffff; background-color:#acacac; font-weight:bold;}
.pagination > .active > a,  
.pagination > .active > a:focus,
.pagination > .active > a:hover { color:#ffffff; background-color:#c0070e; border-color:#c0070e;}
.pagination > li:nth-child(1) > a{color:#9a9a9a; background-color:#ffffff;}
.pagination > li:nth-child(2) > a{color:#9a9a9a; background-color:#ffffff;}
.pagination > li:nth-last-child(1) > a{color:#9a9a9a; background-color:#ffffff;}
.pagination > li:nth-last-child(2) > a{color:#9a9a9a; background-color:#ffffff;}

.Marathon_ScheduleList {display:inline-block}
.Marathon_ScheduleList .pagination {margin:0; padding:0;}
.Marathon_ScheduleList .pagination  li > a {color:#333333; background-color:#ffffff; font-weight:bold;}
.Marathon_ScheduleList .pagination .active > a,
.Marathon_ScheduleList .pagination .active > a:focus,
.Marathon_ScheduleList .pagination .active > a:hover  {color:#ffffff; background-color:#c0070e; border-color:#c0070e; font-weight:bold;}

.Marathon_ScheduleView table {line-height:2.5; border-top:solid 2px #707070;}
.Marathon_ScheduleView table th{background-color:#f5f5f5; font-weight:bold;}
.Marathon_ScheduleView table th:first-child{border-right:solid 1px #cecece;}
.Marathon_ScheduleView table tr{border-bottom:solid 1px #cecece;}
.Marathon_ScheduleView table td{padding:0 15px;}

/* Withdraw */
.withdraw{border:solid 1px #bebfc1; width:!00%; background-color:#f5f5f5}


/*FAQ*/
.FAQ_Q {height:37px; padding:0 15px; border-top:solid 2px #bbbbbb; background-color:#fafafa; cursor:pointer;}
.FAQ_A {padding:10px 15px; background-color:#e0e0e1; display:none;}
.FAQ_A div {margin-left:45px; overflow-wrap: break-word; padding-bottom:50px;}

/* Private */
.rivateBox { width:100%; overflow:hidden; }
.privateBox, #privateBox p, #privateBox div, #privateBox dl, #privateBox table, #privateBox table td { font-family: 'Nanum Gothic', sans-serif; color:#656565; font-size:13px; }
.privateBox ul { margin:20px 0; padding:5px 0; overflow:hidden; background:#f7f7f7; border:1px solid #ededed; }
.privateBox ul li { line-height:25px; margin-left:20px; color:#223232; }
.privateBox > h3 { font-weight:bold; color:#b8030a; font-size:15px; }
.privateBox > dl, #privateBox > div { width:98%; overflow:hidden; margin:0 auto 15px; }
.privateBox > dl dt { margin-top:10px; font-weight:bold; color:#333; }
.privateBox > dl dt.txt { font-weight:normal; color:#454545; margin-bottom:5px; }
.privateBox > dl dd { margin:2px 0 5px 10px; padding-left:10px; }
.privateBox > dl dd.list { margin:2px 0 2px 10px; }
.privateBox > dl dd span.txt { display:block; color:#888; font-size:11px;}
.privateBox > dl dd.box { background:#f2ecec; padding:10px 0; }
.privateBox > dl dd.box p { margin-left:10px; }

.privateBox > div p.txt { margin-top:10px; }
  
.priTable { width:100%; margin-top:5px; }
.priTable th { background:#333; color:#fff; height:25px; line-height:25px; border-left:1px solid #ddd;  text-align:center;}
.priTable th.first, .priTable td.first { border-left:none; }
.priTable td { border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:4px 0 5px 10px;white-space:initial;}
.priTable td.center { text-align:center; padding:4px 0 5px; }

.main_popup { background-color:black; display:none; border-width:0px;Z-INDEX: 201; POSITION: absolute; padding:5px; top:20px; left:50px; color:white; }


.pagination-xs > li > a,
.pagination-xs > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-xs > li:first-child > a,
.pagination-xs > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-xs > li:last-child > a,
.pagination-xs > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media (min-width: 768px) {
    .wrap{width:1000px;}
    .footerimg{width:828px;}

    .pd_top_0{padding-top:0px;}
    .pd_bottom_0{padding-bottom:0px;}
    .pd_left_0{padding-left:0px;}
    .pd_right_0{padding-right:0px;}
    
    .subMenuTitle {display:block;}
    .subMenuTitle_min{display:none;}
    .subMenuBanner{display:block;}

    .picture_item img {width:inherit;}
    .picture_item input { margin-left:-8px; margin-right:10px;}

    .subnav {display:block; max-width:1000px; height:28px; background-image:url("/Common/Images/Master/SubNavBG.gif");}
    .navbar {margin:0; border:none;   min-height:46px;  border-radius:0;}
    .navbar .navbar-nav {display: inline-block;float: none;}
    .nav navbar-nav{margin:0;}
    .navbar .navbar-collapse {text-align: center;line-height:0;}
    .nav > li > a{margin:0; padding:0}

    .pagination-xs > li > a,
    .pagination-xs > li > span {
      padding: 2px 6px;
      font-size: 12px;
      line-height: 1.5;
    }
}

@media print {
    html, body {
        display: none; /* hide whole page */
    }
}