@charset "utf-8";

/*** Common Style ***/

/** 텍스트 정렬 **/
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}


/** 폼서식 **/
input[type=text],
input[type=password],
input[type=file]{height:24px; padding:0 5px; border:1px solid #cdcdcd; background:#fff; line-height:24px;}
input[type=file]{height:24px; line-height:24px;}
input[type=checkbox],
input[type=radio]{display:inline-block; width:13px; height:13px; margin:2px 3px 0 0; vertical-align:middle;}
label{display:inline-block; vertical-align:middle;} 
select{display:inline-block; height:26px; border:1px solid #cdcdcd; vertical-align:top;}
textarea{display:inline-block; border:1px solid #cdcdcd; vertical-align:top;}

/** 탭 **/
.tabMenu{margin-bottom:30px;}
.tabMenu{height:43px;}
.tabMenu li{float:left; width:50%;margin:0 0 -1px 0;}
.tabMenu li a{display:block; position:relative;margin:0 0 0 -1px;  height:42px; border:1px solid #d9d9d9;font-size:1.077em;font-weight:bold; line-height:42px;color:#2f2f2f; text-align:center; white-space:nowrap;background:#f3f3f3;}
.tabMenu li a.on{background:#ed0080; color:#fff;border-color:#ed0080;}
/*2개*/
.tabMenu.tabMenu2 li{width:50%;}
/*3개*/
.tabMenu.tabMenu3 li{width:33.33%;}
/*4개*/
.tabMenu.tabMenu4 li{width:25%;}
/*4개*/
.tabMenu.tabMenu5 li{width:20%;}




/* Table */
/* Table Type */
table.fixed{table-layout:fixed;}

/* 상단,좌측 제목 */
.tbl01{width:100%; margin-bottom:10px;table-layout:fixed;}
.tbl01 th,
.tbl01 td{padding:10px 7px; border:1px solid #d9d9d9;}
.tbl01 thead th{border-bottom:1px solid #d9d9d9; background:#f3f3f3; font-weight:bold; text-align:center;}
.tbl01 thead tr:first-child th{border-top:2px solid #ed0080;}
.tbl01 tbody th{background:#f3f3f3; font-weight:bold; text-align:center;}
.tbl01 tbody td{text-align:center;}
.tbl01 tbody td.tal{text-align:left;}
.tbl01 td{}
/* 좌측 제목 */
.tbl02{width:100%; margin-bottom:10px; border-top:2px solid #ed0080;table-layout:fixed;}
.tbl02 th,
.tbl02 td{padding:10px 7px; border:1px solid #d9d9d9;}
.tbl02 tbody th{background:#f3f3f3; font-weight:bold; text-align:center;}
.tbl02 td{}

/* Content Title */
.conTit1{padding:0 0 10px 20px; font-size:1.385em; line-height:1.6;background:url(../images/common/bu_d1.jpg) no-repeat 0px 5px;}
.conTit1_txt{padding:0 0 7px 0px; font-size:1.385em; line-height:1.6;}
/* 추가한파일_Content Title */
.conTit1_02{padding:0 0 10px 20px; font-size:1.385em; line-height:1.6;background:url(../images/common/bu_d1_2.gif) no-repeat 0px 5px;}
.conTit1_02{padding:0 0 10px 20px; font-size:1.385em; line-height:1.6;background:url(../images/common/bu_d1_2.gif) no-repeat 0px 5px;}
.conTit2{padding:0 0 8px 17px; font-size:1.077em; line-height:1.6;background:url(../images/common/bu_d2.jpg) no-repeat 0px 6px;}
.conTit1:first-child,
.conTit2:first-child{margin-top:0;}
/* Content List */
.conLst1{margin-bottom:1em;}
.conLst1>li{padding:0 0 4px 15px; line-height:1.6;font-size:1.077em;background:url(../images/common/bu_d3.jpg) no-repeat 5px 8px;}
.conLst1>li ul{margin-top:5px;}
.conLst1>li li{padding-bottom:4px;}
.conLst2{}
.conLst2>li{padding:0 0 4px 10px; font-size:1em; line-height:1.6;color:#7c7c7c;}
.conLst2>li:before{content:''; display:inline-block; width:4px; height:2px; margin:-2px 6px 0 -10px; background-color:#9f9f9f;  vertical-align:middle;}
.conLst2>li ul{margin-top:5px;}
.conLst2>li li{padding-bottom:4px;}
.conLst3{}
.conLst3>li{padding:0 0 4px 7px; font-size:0.9em; line-height:1.6; background:url(../images/common/bu_d5.jpg) no-repeat 0px 9px;}
.conLst3>li ul{margin-top:5px;}
.conLst3>li li{padding-bottom:4px;}

/* Content Box */
.conBox{margin-bottom:30px;}
.conTit1 + .conBox,
.conTit1 + .conLst2{margin-left:18px; margin-bottom:30px;}
.conTit1_txt + .conLst2{margin-left:25px; margin-bottom:30px;}
.conTit2 + .conBox,
.conTit2 + .conLst1{margin-left:16px; margin-bottom:15px;}
/* 문단 여백 */
.pBox{margin-bottom:20px;}
.pBox2{float:right; margin-bottom:10px;}
/* 들여쓰기 */
.conTitIdt {padding:0 0 4px 1.5em !important; text-indent:-1.5em; background:none !important;}
.conLstIdt>li {padding:0 0 4px 1.5em !important; text-indent:-1.5em; background:none !important;}
.conLstIdt>li div, 
.conLstIdt>li p, 
.conLstIdt>li dl, 
.conLstIdt>li ul {text-indent:0;}
/* topBox */
.topBox{margin-bottom:30px; padding:30px 20px 30px 150px; border:1px solid #d9d9d9;border-top:1px solid #ed0080;background:#f3f3f3 url(../images/common/bg_topBox.jpg) no-repeat 19px 50%;}
.topBox2{background:#f3f3f3 url(../images/common/bg_topBox2.jpg) no-repeat 19px 50%;}
.topBox .tit{margin-bottom:10px;font-size:2.154em;font-weight:bold;}
.topBox .tit strong{color:#ed0080;}
.topBox .lst{}
.topBox .lst li{font-size:1.077em;padding:0 0 1px;}

/** 버튼 **/
/* Button Common */
.button,
.button *{position:relative; display:-moz-inline-stack; display:inline-block; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:0; white-space:nowrap; text-align:center;font-size:14px;font-weight:bold; vertical-align:top; cursor:pointer;}

/* Button Icon */

.button.down2{padding:0 15px 0 25px; }
.button.down2{padding:0 47px 0 0; background:url(../images/common/ico_btn_pdf.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.down3{padding:0 15px 0 25px; }
.button.down3{padding:0 47px 0 0; background:url(../images/common/ico_btn_dwg.jpg) #f3f3f3 no-repeat 100% 50%;}
.button img{vertical-align:middle;}

/* Button 두개 icon만 */
.button a.icon{display:inline-block; width:25px; height:25px; padding:0px; margin-right:0px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.button a.icon.dwg{background:url(../images/common/ico_btn_dwg.jpg) no-repeat 0 0;}
.button a.icon.pdf{background:url(../images/common/ico_btn_pdf.jpg) no-repeat 0 0;}
.button.col02 > span{cursor:text; padding-right:10px;}
.button.col02{padding:0 20px 0 35px;}


/* Button Size - default / small / large */
.button{padding:0 35px;height:43px; line-height:43px; border:1px solid #d7d7d7; background:#f3f3f3 ; color:#444 !important;}
input.button,
button.button{height:45px;}
.button.xsmall{height:26px; line-height:26px; padding:0 15px; border:1px solid #d7d7d7;}
.button.small{height:26px; line-height:26px; padding:0 26px; border:1px solid #d7d7d7;}
input.button.small,
button.button.small{height:28px;}
.button.large{height:43px; font-size:14px; line-height:43px; padding:0 56px; border:1px solid #d7d7d7;}
input.button.large,
button.button.large{height:45px;}
/* 추가한파일_darkgray */
.button.dar{padding:0 35px;height:43px; line-height:43px; background:#444 ; color:#fff !important;}
input.button.dar,
button.button.dar{height:45px;}

/* Button Color */
.button.pink{background:#ed0080; border-color:#ed0080; color:#fff !important;}
.button.blue{background:#0da0e4; border-color:#0da0e4; color:#fff !important;}
.button.darkgray{background:#444444; border-color:#444444 ; color:#fff !important;}
.button.white{background:#fff; border-color:#d7d7d7; color:#7c7c7c !important;}

/* Button Icon */
.button.more{padding:0 15px 0 25px; }
.button.more *{padding:0 47px 0 0; background:url(../images/common/ico_btn_more.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.down{padding:0 15px 0 25px; }
.button.down *{padding:0 47px 0 0; background:url(../images/common/ico_btn_down.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.site{padding:0 15px 0 25px; }
.button.site *{padding:0 47px 0 0; background:url(../images/common/ico_btn_site.jpg) #f3f3f3 no-repeat 100% 50%;}
.button.map{padding:0 15px 0 25px; }
.button.map *{padding:0 47px 0 0; background:url(../images/common/ico_btn_map.jpg) #f3f3f3 no-repeat 100% 50%;}


/* 추가한파일_Button Icon_darkgray */
.button.dar.more{padding:0 15px 0 25px; }
.button.dar.more *{padding:0 47px 0 0; background:url(../images/common/ico_btn_more.jpg) #444444 no-repeat 100% 50%;}
.button.dar.down{padding:0 15px 0 25px; }
.button.dar.down *{padding:0 47px 0 0; background:url(../images/common/ico_btn_down.jpg) #444444 no-repeat 100% 50%;}
.button.dar.site{padding:0 15px 0 25px; }
.button.dar.site *{padding:0 47px 0 0; background:url(../images/common/ico_btn_site.jpg) #444444 no-repeat 100% 50%;}
.button.dar.map{padding:0 15px 0 25px; }
.button.dar.map *{padding:0 47px 0 0; background:url(../images/common/ico_btn_map.jpg) #444444 no-repeat 100% 50%;}

/* Button width */
.button.wdType1{width:148px;}

/* Button Box */
.buttonBox{position:relative; display:-moz-inline-stack; display:inline-block; overflow:visible; height:43px; line-height:43px; margin:0; padding:0 5px 0 8px; text-decoration:none !important; border:1px solid #d7d7d7; background:#f3f3f3; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
.buttonBox *{display:inline-block; vertical-align:middle;}
.buttonBox img{margin:-4px 2px 0;}

/** pagination **/
.pagination{margin:30px 0; text-align:center; line-height:normal;}
.pagination a,
.pagination strong{display:inline-block; width:38px; height:38px; margin:0 -2px 0 -3px; border:1px solid #d9d9d9; background:#fff; font-size:14px; /*font-family:Tahoma, sans-serif;*/ color:#444; line-height:38px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border-color:#444; background:#444; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{text-indent:-999em;}
.pagination .page_prev{margin-right:9px;}
.pagination .page_next{margin-left:9px;}
.pagination .page_prevend,
.pagination .page_nextend{width:58px;}
.pagination .page_prevend{background:#f3f3f3 url(../images/common/ico_page_prevend.gif) no-repeat 50% 50%;}
.pagination .page_prev{background:#f3f3f3 url(../images/common/ico_page_prev.gif) no-repeat 50% 50%;}
.pagination .page_next{background:#f3f3f3 url(../images/common/ico_page_next.gif) no-repeat 50% 50%;}
.pagination .page_nextend{background:#f3f3f3 url(../images/common/ico_page_nextend.gif) no-repeat 50% 50%;}



/* 추가한파일_텍스트 색상 */
.txt_01{color:#ed0080;}
.bold{font-weight:bold;}


/* 추가한파일_상단문구_이미지 있는경우 */
.top_txt{margin-bottom:30px; padding:20px; width:700px; background:#f3f3f3; border-top:solid 2px #ed0080; border-right:solid 1px #d9d9d9; border-left:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9; display:inline-block;}
.top_txt .tt_img{float:left; width:110px; height:110px; background:url(../images/common/tt_img_01.gif) no-repeat 0 0;} /* 이용안내 */
.top_txt .tt_img2{float:left; width:110px; height:110px; background:url(../images/common/tt_img_02.gif) no-repeat 0 0;} /* 대관안내-시설안내-전체시설 */
.top_txt .tt_img3{float:left; width:110px; height:110px; background:url(../images/common/tt_img_03.gif) no-repeat 0 0;} /* 대관안내-편익시설 */
.top_txt .tt_img4{float:left; width:110px; height:110px; background:url(../images/common/tt_img_04.gif) no-repeat 0 0;} /* 이용안내 */
.top_txt .tt_txt{margin:5px 0 0 25px; width:550px; display:inline-block;}
.top_txt .tt_txt .tt_tit{padding-bottom:10px; font-size:2em; font-weight:bold;}

.top_txt .ttdac_txt{margin:5px 0 0 25px; width:550px; display:inline-block;}
.top_txt .ttdac_txt .ttdac_tit{padding-bottom:10px; font-size:1.8em; font-weight:bold;}

/* 추가한파일_상단문구 이미지 없는경우 */
.top_txt2{margin-bottom:30px; padding:30px; width:680px; background:#f3f3f3; border-top:solid 2px #ed0080; border-right:solid 1px #d9d9d9; border-left:solid 1px #d9d9d9; border-bottom:solid 1px #d9d9d9;}
.top_txt2 .tt_txt{width:100%; line-height:1.5em; display:inline-block;}
.top_txt2 .tt_txt .tt_tit{padding-bottom:20px; font-size:2em; font-weight:bold;}


/* 추가한파일_table_black */
.table_01{width:100%; margin-bottom:10px; border-top:solid 2px #444;}
.table_01 th,
.table_01 td{padding:13px 10px; line-height:1.5em; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; word-break:keep-all;}
.table_01 td:last-child{padding:13px 10px; border-right:none; border-bottom:1px solid #d7d7d7; word-break:keep-all;}
.table_01 thead th{border-bottom:1px solid #d7d7d7; background:#f3f3f3; font-weight:bold; text-align:center;}
.table_01 tbody th{background:#f3f3f3; font-weight:bold; text-align:center;}
.table_01 tbody td{text-align:left;}


/* 추가한파일_margn,padding */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}


/* 추가한파일_진행중 이미지 */
.ing{margin:0 auto; padding:60px 0; width:332px; height:242px; background:url(../images/common/ing.gif) no-repeat 0 60px;}
.dis_none{display:none;}


/*** 본인인증 ***/
.nice{padding:0 20px 27px;width:700px;line-height:1.5;border-top:2px solid #ed0080;background:url(../images/common/bg_nice.png) no-repeat 0 0;}
.nice .t_txt{height:73px;padding:48px 0 0 129px;font-size:16px;font-weight:bold;}
.nice .t_txt strong{color:#ed0080;}
.nice .citation{overflow:hidden;margin:17px -1% 0;}
.nice .citation>div{float:left;padding:0 30px;width:39%;margin:0 1%;height:270px;text-align:center;border:1px solid #d9d9d9;border-top:2px solid #444;background:#f8f8f8;}
.nice .citation>div .tit{position:relative;margin:25px 0 13px;padding-bottom:10px;font-size:18px;}
.nice .citation>div .tit:after{content:''; display:block; position:absolute; bottom:0; left:50%;margin-left:-15px; width:30px; height:2px; background:#444; }
.nice .citation>div .txt{margin-bottom:45px;font-size:14px;line-height:1.6;}
/* 본인인증 모바일  */
@media screen and (max-width: 640px){
	body{overflow:auto !important;}
	.nice{width:auto; height:auto; padding:0 15px; line-height:1.5;background:none;}
	.nice .t_txt{height:auto; padding:15px 0;font-size:14px;font-weight:bold;letter-spacing:0;}
	.nice .t_txt strong{color:#2e62ab;text-decoration:underline;}
	.nice .citation>div{float:left; width:46%; height:auto; margin:0 2% !important; padding:0 15px 15px; text-align:center; box-sizing:border-box;}
}
@media screen and (max-width: 480px){
	.nice{padding:0 10px;}
	.nice .citation>div{float:left; width:100%; margin:0 0 20px !important; padding:0 15px 20px;}
}

/* 신청폼 */
.tbl03{width:100%; margin-bottom:10px; border-top:2px solid #ed0080;}
.tbl03 th,
.tbl03 td{padding:10px 7px; border:1px solid #d9d9d9; word-break:keep-all;}
.tbl03 tbody th{background:#f3f3f3; font-weight:bold; text-align:center;}
.tbl03 td.stit{text-align:center;font-weight:bold;}
.tbl03 .chk{display:inline-block;margin:0 10px 0 0;}
.tbl03 .chk2{display:inline-block;margin:0 10px 0 0;line-height:24px;}
.tbl03 .form_app{font-size:12px;color:#ed0080;}
.tbl03 .txtarea{padding:10px;width:96%;}
.tbl03 .tw50{width:50px;}
.tbl03 .tw60{width:60px;}
.tbl03 .tw90p{margin-top:5px;width:90%;}
.tbl03 .tw95p{width:95%;}
.tbl03 .bmail{padding:0;width:75px;font-size:12px;height:24px;line-height:24px;}
.tbl03 .tw95p{width:95%;}