/*대회요강*/
.web{display:block;}
.mobile{display:none;}

div.con{color:#000; line-height:1.8;}
div.con div#image{float:left; width:50%;}
div.con div#table table#raceTbl{float:left; width:48%; height:100%;margin-left:2%;font-family: 'NanumSquare', sans-serif; font-size:17px;  border-bottom:1px solid #e5e5e5; text-align:left;}
div.con div#table table#raceTbl tr th{border-top:1px solid #e5e5e5; vertical-align:top;}
div.con div#table table#raceTbl tr th{color:#415497; padding:7px 10px;  font-weight: 700;}
div.con div#table table#raceTbl tr td{vertical-align:top;color:#343535; padding-left:30px; border-top:1px solid #e5e5e5; padding:7px 10px; letter-spacing:-1px;}
div.con div#table table#raceTbl tr td img{color:#343535; padding-left:30px; vertical-align:middle; padding:0 10px 0 10px;}
div.con div#table table#raceTbl tr td img:first-child{padding-left:0;}
div.con div#table table#raceTbl tr td.nopad{padding:0px;}


/*radio*/
div#wrap div#container .radio {position:relative; display:inline-block; margin-right:15px;}
div#wrap div#container .radio input[type="radio"] {position:absolute;width:1px;height:1px;/* padding:0; */margin:-1px;overflow:hidden;/* clip:rect(0,0,0,0); *//* border:0; */}
div#wrap div#container .radio input[type="radio"] + label {display:inline-block; position: relative; padding-left:33px; font-size:16px; color:#555; line-height:20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
div#wrap div#container .radio input[type="radio"] + label:before {content: ' '; position:absolute; top:0; left:0; display: inline-block; width: 25px; height: 22px; line-height: 20px; background:url("/images/default/content/radio.png") no-repeat 0 50%}
div#wrap div#container .radio input[type="radio"]:checked + label:before{background:url("/images/default/content/radio_on.png") no-repeat 0 50%}

/* IE8 only */
@media \0screen {
div#wrap div#container .radio input[type='radio'] {position:relative; width:20px; height:20px; }
div#wrap div#container .radio input[type='radio'] + label:before {background:none;}
div#wrap div#container .radio input[type='radio'] + label {padding-left:0px;}}
/* IE8 ENd */


/*버튼*/
input.btn_01{cursor:pointer;border:1px solid black; width:150px;height:40px;}
input.btn_submit01,input.btn_submit02  {background-color:#3a3a3a; color:#fff;}

/*셀렉트박스*/
div.con select.sel_type1{height:28px; margin-top:8px; background: url(/images/default/main/select_bg.png) no-repeat right center;appearance: none;-moz-appearance: none;-webkit-appearance: none;width:180px;color:#737373;font-size:13px;}


/*참가신청*/
div.apply ul{text-align: center;}
div.apply ul{clear:both; text-align:center;}
div.apply ul li{margin:0; padding:0; width:31%; display:inline-block; float:none; margin:0px 10px; position:relative;}
div.apply ul li p{position:absolute; bottom:50px; left:50%; margin-left:-100px;}
div.apply ul li p a{background-color:#9C1612; color:#fff; width:200px; height:45px; line-height:45px; text-align:center; font-size:18px;}
div.apply ul li img{width:100%;}
div.apply ul li a{display:inline-block; }
.ok_box{box-sizing:border-box;}

p.ast{position:relative;  color:#ff0000; padding-left:20px; font-weight:300; font-size:14px;}
p.ast:before{content : "※"; display : block; position : absolute; left : 0; top:0px; color:#ff0000;  }

div.con div#table table#infoTbl{margin-top:10px;width:100%;border-bottom:1px solid #e5e5e5}
div.con div#table table#infoTbl tr td{padding:8px;border-top:1px solid #e5e5e5;}
div.con div#table table#infoTbl tr th{color:#29428e;text-align:center;vertical-align:top;padding-top:10px;border-top:1px solid #e5e5e5; font-size:17px;}
div.con div#table table#infoTbl tr td span.po_1{color:#ed1847;}
div.con div#table table.first_info ul{padding-top:20px;}
div.con div#table table.first_info tr td{color:#292929;}
div.con div#table table.first_info ul li{font-size:14px;color:#4c4c4c;}
div.con div#table table.first_info ul li:last-child{padding-left:52px;} 
div.con div#table table.second_info tr td{color:#4c4c4c;}
div.con div#table table#infoTbl tr td{background:url('/images/default/main/footer_line.jpg') 0px 15px no-repeat;padding-left:25px;}

.stxt{margin:15px 0px; font-size:15px;border-bottom:1px solid #ddd; padding-bottom:15px;}
.stxt h4{font-size:16px !important; margin-top:20px !important;}
.stxt p.fee span{color:#2099E5; font-weight:bold;}
.stxt ul li{position:relative; padding-left:10px; margin-left:10px;}
.stxt ul li:before{content : ""; display : block; position : absolute; left :0; top:10px;  width :4px; height : 4px; background : #666;}

/* 주민자치회 */
div.con{font-size:17px;}
div.con h3.bul{font-size:20px; color:#000; font-weight:bold; position:relative; margin-top:50px; padding-top:10px; margin-bottom:20px; line-height:25px;}
div.con h3.bul:before{ content : ""; display : block; position : absolute; left :0; top:0px;  width : 6px; height : 6px; background : #037E2E;  }
div.con h3.bul span{font-size:18px; color:#4B6080; margin-left:10px; background:url('/images/default/content/man.gif') 0px center no-repeat;padding-left:20px;}
div.con h4{margin-bottom:10px; color:#111; margin-top:30px; font-size:18px; font-weight:500;}

div.con ul.bar li{position:relative; padding-left:15px; margin-bottom:10px;}
div.con ul.bar li:before { content : ""; display : block; position : absolute; left : 0; top:13px;  width : 8px; height : 1px; background : #666; }

ul.prog{}
ul.prog li{margin-top:10px;position:relative; padding-left:130px; }
ul.prog li:first-child{margin-top:0;}
ul.prog li span{position:absolute; left:20px; top:0;}
ul.prog li:before{content : ""; display : block; position : absolute; left : 0; top:14px;  width :8px; height : 2px; background : #037E2E; transform:rotate(30deg);}

div.con ul.dot li{position:relative; padding-left:15px; margin-bottom:10px;}
div.con ul.dot li:before{ content : ""; display : block; position : absolute; left :0; top:13px;  width :4px; height : 4px; background : #666;  }

div.sche{position:relative; padding-left:250px; margin-top:50px;}
div.sche h4{position:absolute; left:0; top:0; border-top:1px solid #111; padding:0; margin:0; width:200px; padding-top:10px; font-size:28px; font-weight:400;}
div.sche table{border-top:1px solid #ddd; width:100%;}
div.sche table th, div.sche table td{padding:5px 20px; font-size:16px; vertical-align:top;}
div.sche table .first{padding-top:20px;}
div.sche table th{text-align:right; color:#111;}

p.btn_apply{margin-top:50px; text-align:center;}
p.btn_apply a{display:block; margin:0 auto; width:260px; height:60px; line-height:60px; text-align:center; background:#DEB21F url('/images/default/content/pen.png') 45px center no-repeat; color:#fff; font-size:18px; }
p.btn_apply a.bg2{background:#F403A6 url('/images/default/content/pen.png') 45px center no-repeat;}


/* 온라인문의 */
.title{width:20%;}
table.tb_con {width:100%; table-layout:fixed; border-top:3px solid #000;  line-height:1.6; background-color:#fff;margin-top:20px;}
table.tb_con th, table.tb_con td { padding:12px 20px; border:1px solid #e0e0e0;  color:#666;}
table.tb_con th {font-weight:500; text-align:center; color:#111; }
table.tb_con th {text-align:center;}
table.tb_con td {text-align:left;}
table.tb_con thead th {color:#333; background-color:#f9fafb;}

table.tb_con ul li{padding-left:20px; position:relative;}
table.tb_con ul li:before{ content : "▷"; display : block; position : absolute; left :0; top:0px; }
table.tb_con.tbac td{text-align:center;}

table.tb_con td.w3 input{width:20%;}
table.tb_con td.w5 input{width:50%;}
.down{display:inline-block;padding:0px 5px; height:30px; line-height:30px; background:#013476; font-weight:normal; font-size:0.8em; color:#fff; text-align:center;}

table.tb_con .file {position:relative;}
table.tb_con .file input[type="file"] {position:absolute; top:0; left:0; width:25%; opacity:0;}
table.tb_con .file input[type="text"] {width:30%;}
table.tb_con .file a {margin-left:0px; vertical-align:middle;}
table.tb_con .file span {margin-left:10px; font-size:0.8em; color:#767676}
.fileBtn {display:inline-block; width:50px; height:30px; line-height:30px; background:#626262; font-weight:normal;  color:#fff; text-align:center;}
table.tb_con td textarea{background: #f7f7f7;	padding: 3px 10px;    box-sizing: border-box;	border:1px solid #e1e1e1; width:100%;}
table.tb_con td div.box{position:relative; padding-left:20px; width:100%; box-sizing:border-box;}
table.tb_con td div.box span{position:absolute; left:0; top:10px;}


input[type="text"],
input[type="password"]
{-webkit-appearance: none; -moz-appearance: none; appearance: none;position:relative;	width:100%;	height:30px;	text-align:left;border:none;display:inline-block;	color:#666;
	line-height:30px;	outline:none;	font-size:0.95em;	border-radius:0;	background: #f7f7f7;	padding: 3px 10px;    box-sizing: border-box;	border:1px solid #e1e1e1;}
select::-ms-expand {  display: none;    -webkit-display: none;    -moz-display: none;    -o-display: none;    -ms-display: none;}
select{-webkit-appearance: none;    -moz-appearance: none;    -o-appearance: none;	-ms-appearance: none; padding:5px; height:30px; border:1px solid #e1e1e1; background:#f7f7f7 url('/images/default/content/sel_icon.png') no-repeat 90% center;}


a.pop_profile{font-size:13px; margin-left:10px; border:1px solid #B0C6E1;  color:#4B6080; padding:5px 15px;}
/*pop01*/
div.pop01_wrap{ display: none;position: absolute;top: 0;left: 0;min-width: 1128px;width: 100%;z-index: 1000;box-sizing:border-box; padding-top:100px;}
div.pop01{width:1033px; position:relative; margin: 0 auto; margin-top:100px; background-color:#fff; box-sizing:border-box; padding:50px;}
div.pop01 h3{margin-bottom:30px; font-size:20px; font-weight:500; color:#333; border-bottom:1px solid #008CD6; padding-bottom:10px;}
div.pop01 p.close{position:absolute; top:-80px; right:0px;}


/* bor_top */
.bor_top{position:relative; padding-left:380px; border-bottom:2px solid #ececec; padding-bottom:30px; margin-bottom:30px; letter-spacing:-0.03em;}
.bor_top img{position:absolute; left:0; top:0;}
.bor_top h3{font-size:25px; font-weight:500; color:#333; line-height:1.0;}
.bor_top ul li{color:#AE1F21; letter-spacing:-0.05em; line-height:1.2;}
.bor_top b{display:block; width:300px; height:37px; line-height:37px; text-align:center; background:#414199; color:#fff; margin-top:15px; border-radius:37px; font-size:18px; font-weight:500; margin-bottom:5px;}
.bor_top p{font-weight:500; color:#333; letter-spacing:-0.06em; color:#414199;}
.bor_top p em{color:#ED1459;}
.bor_top p.st{color:#666; font-size:15px; line-height:1.3; letter-spacing:0;}
.bor_top .of{overflow:hidden; line-height:1.2;margin-top:15px;}
.bor_top .of b{width:200px; height:70px; line-height:1.3; float:left; padding-top:13px; margin-right:30px;margin-top:0px;}
.bor_top .of em{display:block;}


.bor_top2{position:relative; padding-left:380px; height:280px;letter-spacing:-0.03em;}
.bor_top2 img{position:absolute; left:0; top:0;}
.bor_top2 h3{font-size:25px; font-weight:500; color:#333; line-height:1.0; margin-bottom:15px;}
.bor_top2 ul{margin-bottom:15px;}
.bor_top2 ul li{letter-spacing:-0.05em; line-height:1.5; margin-bottom:5px; padding-left:20px; position:relative;}
.bor_top2 ul li span{position:absolute; left:0; top:0;}
.event01{border-bottom:2px solid #ececec; margin-bottom:30px; padding-bottom:30px; overflow:hidden; }
.event01 b{display:block; width:380px; height:37px; line-height:37px; text-align:center; background:#414199; color:#fff; margin-top:15px; border-radius:37px; font-size:18px; font-weight:500; margin-bottom:5px;}
.event01 .fl{width:50%;}
.event01 .fr{width:310px; float:right; text-align:center; color:#333;font-weight:500; position:relative; margin-right:30px;}
.event01 .fl ul{margin-top:15px;}
.event01 .fl ul li{line-height:1.5; margin-bottom:5px; padding-left:80px; position:relative;}
.event01 .fl ul li span{position:absolute; left:10px; top:0;}
.event01 .fl ul li:before{ content : ""; display : block; position : absolute; left :0; top:12px; width : 3px; height : 3px; background : #666; border-radius:50%; }

.event01 .fr img{height:200px;}
.event01 .fr ul li{line-height:1.0;}

.event01 .bx-controls-direction a {display:inline-block;width:15px;height:23px;z-index:11;top:50%; margin-top:-11.5px; }
.event01 .bx-controls-direction .bx-prev {position:absolute;left:-30px;  background:url(/images/default/content/prev.gif) no-repeat;font-size:0}
.event01 .bx-controls-direction .bx-next {position:absolute;right:-30px; background:url(/images/default/content/next.gif) no-repeat;font-size:0}