@charset "UTF-8";

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2020-08-19
**************************************************/

/**************************************************
	Common
**************************************************/
/* Skip Navigation */
#skip_nav a{display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skip_nav a:hover{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:active{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:focus{top:0px; z-index:1000; background:#4764ce; color:#fff;}
/* Float Clear */
.clr:after{content:''; display:block; clear:both;}
/* 텍스트 정렬 */
.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;}

/* 폰트강조 */
.fc01{color:#e21448;}/* red */
.fc02{color:#1eaa39;}/* green */
.fc03{color:#004bb8;}/* blue */

/* 전화번호 줄바꿈 금지 */
.ws_nowrap{white-space:nowrap;}

/* form tag */
input,
select,
textarea{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:5px 8px; border:1px solid #adadad; background:#fff; vertical-align:baseline; font-size:15px;  }
input[type="text"],
input[type="password"],
select{height:34px; margin:1px 0;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="file"]{background:#fff; font-size:15px; padding:3px 0;}
input[type="checkbox"],
input[type="radio"]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[readonly],
input[disabled]{background:#eee;}
input[type="password"] {font-family:'dotum'; font-size:16px;}
select.readonly {background:#eee;}
select.readonly option[disabled] {background:#eee; color:#ccc;}
table input[type="text"],
table input[type="password"]{width:100%; width:180px;}
table input[type="file"]{width:100%; max-width:245px;}
table textarea{width:100%;}
input::placeholder{color:#888;}
input:-ms-input-placeholder{color:#888;}
textarea::placeholder,
textarea::-webkit-input-placeholder{color:#888;}
textarea:-ms-input-placeholder{color:#888;}
/* img 사이즈(반응형) */
img{max-width:100%;}
/* 스프라이트 이미지 */
.sp_com{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/common/sp_com.png) no-repeat 0 0; background-size:200px 200px;}
input.datepicker,
input.datetimepicker{width:120px; padding-right:20px !important; background:#fff url(../images/common/calendar.gif) no-repeat 100% 50% !important;}
table input.datepicker,
table input.datetimepicker{max-width:115px;}
/* datepicker */
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {background-image: url(../images/board/sp_datepicker.png);}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.map {width:100%; min-width:450px;}
.wrap_map {width:100%; min-width:450px;}
.conTit2:before,
.conTit3:before,
.conTit4:before,
.conLstT2 li:before,
.conLstT3 li:before,
.conLst li:before,
.conLst_non li:before,
.conLst2 li:before,
.conLst3 li:before{content:''; display:inline-block; position:absolute; top:0; left:0; background:url(../images/common/sp_icss.png) no-repeat 0 0;}
/* 제목 */
.conTit2{position:relative; margin:50px 0 13px; font-size:1.4em; line-height:1.2; letter-spacing:-2px; color:#222; background:url(../images/common/bullet_h2.png) no-repeat; padding:2px 0 5px 38px;}
.conTit3{position:relative; margin:30px 0 10px; padding-left:21px; font-size:1.2em; line-height:1.4;}
.conTit33{margin:30px 0 10px; padding-left: 32px; background:url(../images/content/fund_icon.png) no-repeat 0 9px; font-size:22px; letter-spacing:-1.5px;} /* 단위프로그램 제목 */
.conTit4{position:relative; margin:30px 0 10px; padding-left:19px; font-size:1.14em; line-height:1.4;}
.conTit5{position:relative; margin:30px 0 10px; font-size:1.07em; line-height:1.4;}
.conTit6{position:relative; margin:30px 0 10px; font-size:1em; line-height:1.4;}
.conTit1:nth-of-type(1),
.conTit2:first-child,
.conTit3:nth-of-type(1),
.conTit33:nth-of-type(1),
.conTit4:nth-of-type(1),
.conTit5:nth-of-type(1),
.conTit6:nth-of-type(1){margin-top:0;}
.conTit3:before{top:1px; left:0; width:19px; height:20px; background-position:0 -200px;}
.conTit4:before{top:6px; left:0; width:13px; height:13px; background-position:0 -400px;}
/* 문단/Paragraph */
.cont_body p{margin:10px 0 20px;}
.cont_body p.init{margin:0;}
/* 목록 */
.conLst,
.conLst2,
.conLst3{margin:10px 0 20px;}
.conLst ul,
.conLst ol,
.conLst2 ul,
.conLst2 ol,
.conLst3 ul,
.conLst3 ol{margin-top:5px; margin-bottom:10px;}
.cont_body td > ul,
.cont_body td > ol{margin-bottom:0;}
.conLst li,
.conLst2 li,
.conLst3 li{position:relative; margin-bottom:5px; line-height:1.6; letter-spacing:-0.05em;}
.conLst li{padding-left:19px;}
.conLst2 li{padding-left:13px;}
.conLst3 li{padding-left:10px;}
.conLst li:before{position:relative; width:13px; height:13px; margin:-4px 8px 0 -19px; background-position:0 -400px; vertical-align:middle;}
.conLst2 li:before{position:relative; width:5px; height:1px; margin:-3px 8px 0 -13px; background:#444; vertical-align:middle;}
.conLst3 li:before{position:relative; width:2px; height:2px; margin:-3px 8px 0 -10px; border:1px solid #444; border-radius:50%; background:none; vertical-align:middle;}
.conLst4 li:before{position:relative; width:0; height:0; background:none;}
/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol > li{padding-left:0; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
/* 컨텐츠 들여쓰기 */
.cont_body .conBox{position:relative; margin-bottom:40px;}
.conTit2 + .conBox{margin-bottom:50px; margin-left:0px;}
.conTit3 + .conBox{margin-bottom:30px; margin-left:21px;}
.conTit4 + .conBox{margin-bottom:30px; margin-left:19px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conBox2{padding:5px 0 5px 10px;}

/**************************************************
	테이블
**************************************************/
/* fixed */
table.fixed{table-layout:fixed;}
.table_scroll table.fixed{table-layout:auto;}
.table_scroll .wb_normal{word-break:normal;}
/* 모바일 테이블 wrap(스크립트에서 class 추가) */
.table_scroll{overflow:auto; word-break:keep-all;}
/*.table_scroll::-webkit-scrollbar{height:3px;}
.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/
/* 모바일 테이블 wrap(스크립트에서 class 추가) */
.table_scroll_wrap{position:relative;}
.table_scroll_wrap:after{content:'옆으로 미세요'; display:inline-block; position:absolute; top:0; right:0; height:25px; background:url(../images/common/scroll.png) no-repeat 0 0/contain; padding:6px 0 0 62px; font-size:14px;}
.table_scroll_wrap table{margin-top:40px !important;}
/* Table Common(Default) */
.cont_body .tcont,
.cont_body .tcont td{border:1px solid #ddd; font-size:15px; padding:14px 12px;}
.cont_body .tcont th{border:1px solid lightgray; border-top:5px solid gray; padding:15px 5px; text-align:center; background:#f6f6f7;}
/* Table ant */
.cont_body .ant{border: 1px solid white; width: 100%; margin: 10px 0px 10px 0px;}
.cont_body .ant th{background: #1ac8ad; color: white; border: 1px solid white; padding: 14px 5px; font-size: 15px; letter-spacing: 2.0px;}
.cont_body .ant td{border: 1px solid lightgray; font-weight: normal; padding: 10px 5px 10px 5px; font-size: 15px;}

.cont_body .sugangant{border: 1px solid white; width: 100%; margin: 10px 0px 10px 0px;}
.cont_body .sugangant th{background: #1fb1cf; color: white; border: 1px solid white; padding: 10px; font-size: 18px; letter-spacing: 2.0px;}
.cont_body .sugangant td{border: 1px solid lightgray; font-weight: normal; padding: 10px 5px 10px 5px; text-align:center;}
/* Table02 */
.tbl02{}
.tbl_topline_non{border-top:0px !important;}


.button_link {
  background-color: #4fbad0;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}

.button_linkyn {
  background-color: #ff37e5;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}

.button_link_big {
  background-color: #4fbad0;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 25px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}
.button_linking {
  background-color: #1473e6;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}
.button_linkend {
  background-color: #666666;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}


.button_linkbig {
  background-color: #4fbad0;
  border: none;
  color:#FFFFFF;
  padding:25px 35px 25px 35px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 30px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}


.button_link2 {
  background-color: #4fbad0;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
}


.wkbox {display:inline-block;width:25px;height:25px;color:#fff;line-height:25px;text-align:center;}
.wkbox2 {display:inline-block;width:90px;height:25px;color:#fff;line-height:25px;text-align:center;}
.mon {background:#ff4a92;}
.tue {background:#49c100;}
.wed {background:#0086dd;}
.thu {background:#f04aff;}
.fri {background:#f6a61a;}

.etc1 {background:#cdcdcd;}
.etc2 {background:#9c9c9c;}
.etc3 {background:#555555;}
.etc4 {background:#666666;}


/**************************************************
	안내박스/사이트 바로가기
**************************************************/
/* Box Type1 */
.box_comm{margin-bottom:20px; padding:20px; border:1px solid #ddd; border-bottom-width:3px;}
.box_comm .conBox{margin-bottom:0;}
.box_comm ul{margin-bottom:0;}
.box_comm p:first-child{margin-top:0;}
.box_comm p:last-child{margin-bottom:0;}
/* Box Type2(icon/text) */
.box_comm2{position:relative; margin-bottom:20px; padding:36px 33px; background:url(../images/common/bg_dotline.png) repeat 0 0;}
.box_comm2:after{content:''; position:absolute; top:8px; left:8px; bottom:8px; right:8px; background:#fff;}
.box_comm2 *{position:relative; z-index:1;}
.box_comm2 ul{margin-bottom:0;}
.box_comm2 p:last-child{margin-bottom:0;}
.box_comm2 .tit_box{margin:0 0 12px; font-size:1.93em; line-height:1.3; color:#0072bc;  letter-spacing:-1px;}
.box_comm2 .tit_box strong{font-weight:600;}
.box_comm2.ico .tit_box{margin-top:7px;}
.box_comm2.ico{min-height:200px; padding-left:198px;}
.box_comm2.ico:before{content:''; display:inline-block; position:absolute; top:36px; left:33px; z-index:1; width:128px; height:128px; border-radius:50%; background:#fff url(../images/common/ico_box_notice.png) no-repeat 0 0;}
.box_comm2.ico .ico_box{display:inline-block; position:absolute; top:36px; left:33px; width:128px; height:128px;}
/* 사이트 바로가기 */
.site_bridge:after{content:''; display:block; clear:both;}
.site_bridge .image{float:left; width:275px; text-align:center;}
.site_bridge .image .thumb{display:inline-block; position:relative; margin-bottom:20px; background:#fff;}
.site_bridge .image .thumb:before,
.site_bridge .image .thumb:after{content:''; display:inline-block; position:absolute; bottom:-2px; left:0; right:0; height:20px; background:linear-gradient(to top, #d6d6d6, transparent); transform:skewX(40deg); transform-origin:0 100%;}
.site_bridge .image .thumb:after{transform:skewX(-40deg);}
.site_bridge .image .thumb img{display:inline-block; position:relative; z-index:10; width:210px; padding:16px; border:1px solid #adadad; background:#fff;}
.site_bridge .info{margin:0 0 0 290px;}
.site_bridge .info .tit_site{margin-bottom:10px; font-weight:600; font-size:1.07em; line-height:1.3; color:#057ac3;}
.site_bridge .info .lst{padding:20px; border:1px solid #d6d6d6;}
.site_bridge .info .lst ul{margin:0; overflow:hidden;}
.site_bridge .info .lst ul li{float:left; position:relative; box-sizing:border-box; width:25%; margin:3px 0; padding-left:13px;}
.site_bridge .info .lst.col02 ul li{width:50%;}
.site_bridge .info .lst.col03 ul li{width:33.3%;}
.site_bridge .info .lst ul li:before{content:''; display:inline-block; position:absolute; top:7px; left:0; width:8px; height:8px; border-radius:0; background:#0277bd;}
.site_bridge .info .lst ul li a{display:inline-block;}

/**************************************************
	Button
**************************************************/
/* Button common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:baseline; cursor:pointer; transition:all .3s;}
.button span{height:100%; vertical-align:top;}
.button img{vertical-align:middle;}
.button_wrap{margin-top:40px;}
/* Button Size - default / small / large */
.button{height:34px; margin:3px; padding:0 15px; border:1px solid transparent; font-size:14px; line-height:32px;}
.button.xs{height:21px; padding:0 10px; font-size:12px; line-height:19px;}
.button.sm{height:28px; padding:0 12px; font-size:14px; line-height:26px;}
.button.lg{height:54px; padding:0 30px; font-size:16px; line-height:52px;}

/* Button Color */
.button{border-radius:0.3em; background-color:#069e98; color:#fff !important;}
.button.darkgray{background-color:#555; color:#fff !important;}
.button.gray{background-color:#8b919b; color:#fff !important;}
.button.lightblue{background-color:#6186bd; color:#fff !important;}
.button.sky{background-color:#1aa1c2; color:#fff !important;}
.button.orange{background-color:#e21448; color:#fff !important;}
/* Button Active */
.button:hover,
.button:focus{opacity:.8; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);}
/* Button Strong */
.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}
/* Link Button Common */
.link_button,
.link_button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:1px solid transparent; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
/* link_button Size - default */
.link_button{height:36px; margin:0 3px 0px; padding:0 50px 0 15px; border-color:#adadad; background-color:#fff; color:#333 !important; line-height:36px;}
/* Link Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box;}
.link_button:before{width:38px; height:34px; border-left:1px solid #d6d6d6; background-color:#fff;}
.link_button:after{top:0; left:calc(100% - 38px); right:0; bottom:0; width:22px; height:20px; margin:auto; background:url(../images/common/sp_btn_ico.png) no-repeat 0 0;}
.link_button.homepage:after{width:22px; height:20px; background-position:0 0;}
.link_button.download:after{width:23px; height:19px; background-position:0 -30px;}
.link_button.location:after{width:18px; height:21px; background-position:0 -60px;}
.link_button.direct:after{width:23px; height:22px; background-position:0 -90px;}
.link_button.view:after{width:18px; height:17px; background-position:0 -120px;}
.link_button.ansim:after{width:22px; height:27px; background-position:-50px 0;}
.link_button.gpin:after{width:24px; height:27px; background-position:-50px -30px;}
.link_button.homepage span{text-indent:-9999em;}
/* Text */
.link_button.txt{height:auto; margin:4px 3px; padding:0; border:none; background:none; line-height:24px; text-align:left; white-space:normal; word-break:break-all;}
.link_button.txt:before{display:none;}
.link_button.txt:after{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:27px; height:24px; margin:0 0 4px 5px; border:1px solid #adadad; vertical-align:middle;}
.link_button.txt.homepage:after{background-position:1px 1px;}
.link_button.txt.download:after{background-position:1px -29px;}
.link_button.txt.location:after{background-position:3px -59px;}
.link_button.txt.direct:after{background-position:1px -89px;}
.link_button.txt.view:after{background-position:1px -119px;}
/* Icon */
.link_button.ico{overflow:hidden; width:27px; height:24px; margin:4px 3px; padding:0; line-height:24px; text-indent:-9999em; vertical-align:top;}
.link_button.ico:after{left:0;}
.link_button.ico:before{display:none;}
/* Text + Icon 조합 */
span.attfile{display:inline-block;}

/**************************************************
	Pagination
**************************************************/
.pagination{overflow:hidden; margin:20px 0; text-align:center; line-height:normal;}
.pagination .total{display:none;}
.normal_pagination{}
.mobile_pagination{display:none;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; min-width:40px; height:40px; margin:1px; border:1px solid #d6d6d6; background:#fff; font-size:13px; font-weight:600; color:#777; line-height:40px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#333; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{overflow:hidden; text-indent:-9999em;}
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:inline-block; width:8px; height:11px; margin:auto; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -300px; vertical-align:middle;}
.pagination .page_prev:before{background-position:0 -350px;}
.pagination .page_prevend:before{width:14px; background-position:0 -300px;}
.pagination .page_next:after{background-position:0 -400px;}
.pagination .page_nextend:after{width:14px; background-position:0 -450px;}

/**************************************************
	게시판
**************************************************/
/* Common */
.ico_secret { content:''; display:inline-block; width:15px; height:19px; background:url(../images/content/ico_secret.png) no-repeat; margin-right:6px; text-indent:-999px; overflow:hidden; position:relative; top:3px; }
.bbsIco{display:inline-block; position:relative; overflow:hidden; text-indent:-9999em; vertical-align:middle;}
.bbsIco.ntc{display:inline-block; width:28px; height:28px; border-radius:50%; background:#0178b8; font-weight:600; font-size:11px; line-height:20px; color:#fff; text-align:center;}
.bbsIco.ntc:after{content:'공'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:400; font-size:16px; line-height:28px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.new{width:20px; height:20px; margin:0 3px; border-radius:50%; background:#ff782e;}
.bbsIco.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:20px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.re{width:25px; height:18px; margin:0 3px; border-radius:10px; background:#555;}
.bbsIco.re:after{content:'Re'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:17px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.marking{width:10px; height:14px;}
.bbsIco.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:14px; text-indent:0; vertical-align:top; color:#ef43a0;}
.secret-article{display:inline-block; position:relative; overflow:hidden; width:13px; height:16px; margin:0 5px 0 0; text-indent:-9999em; vertical-align:middle;}
.secret-article:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/board/secret.gif) no-repeat 0 0;}
/* 공통 검색 */
.bbsSrch{margin:20px 0 30px; padding:18px 10px; border:1px solid #e3e3e3; text-align:center; background:#f7f7f7;}
.bbsSrch input,
.bbsSrch select,
.bbsSrch button,
.bbsSrch .button{margin:2px 1px;}
.bbsSrch .srch_date_wrap{display:inline-block;}
.bbsSrch .srch_word_wrap{display:inline-block;}
.bbsSrch .srch_date_wrap input{}
.bbsSrch .srch_word_wrap input{width:300px;}
.bbsSrch .btn_srch:before{content:''; display:inline-block; width:16px; height:17px; margin:-4px 5px 0 0; background:url(../images/common/btn_srch_w.png) no-repeat 0 0; vertical-align:middle;}
/*테이블상단 버튼모음*/
.tbl_top_btn {margin-bottom:10px;}
/* List(Default) */
#bbsList{table-layout:fixed; border-collapse:separate; width:100%; margin:0 0 40px; border:0; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
#bbsList th{position:relative; padding:15px 5px; border:0; border-bottom:1px solid #61646c; background:#fff; font-weight:600; line-height:1.2; color:#444; text-align:center;}
#bbsList th:before{content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#d6d6d6;}
#bbsList th:last-child:before,
#bbsList th[data-table-type="favorite"]:before{display:none;}
#bbsList td{padding:15px 5px; border:0; border-bottom:1px solid #d6d6d6; line-height:1.5; color:#444; text-align:center;}
#bbsList tr:last-child td{border-bottom:0;}
#bbsList td[data-table-type=file] a{display:inline-block; box-sizing:border-box; width:28px; height:28px; margin:0 2px; padding:5px 0 0; border:1px solid #adadad; text-align:center;}
/* List(갤러리) */
#bbsPhoto{}
#bbsPhoto .lst{border-bottom:1px solid #61646c;}
#bbsPhoto .lst:after{content:''; display:block; clear:both;}
#bbsPhoto .lst > li{float:left; position:relative; overflow:hidden; width:calc(33.33% - 30px); height:298px; margin:0 0 4.79% 45px; padding:0; border:1px solid #d6d6d6;}
#bbsPhoto .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsPhoto .lst li:nth-child(3n+1){margin-left:0;}
#bbsPhoto .lst > li:before{display:none;}
#bbsPhoto .lst > li a{display:block; position:relative; overflow:hidden; width:100%; padding-top:192px;}
#bbsPhoto .lst > li a .img{display:block; position:absolute; top:0; left:0; width:100%; height:192px; margin-left:0; border-bottom:1px solid #ddd; text-align:center;}
#bbsPhoto .lst > li a .img img{height:100%;}
#bbsPhoto .lst > li a .tit{display:block; overflow:hidden; height:44px; margin:10px; font-weight:600; font-size:1em; line-height:22px;}
#bbsPhoto .lst > li a .tit .ico{display:inline-block; position:relative; overflow:hidden; width:12px; height:12px; margin-left:5px; text-indent:-9999em; vertical-align:middle;}
#bbsPhoto .lst > li a .tit .ico.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fc5f02; font-family:arial; font-size:11px; line-height:12px; color:#fff; text-align:center; text-indent:0;}
#bbsPhoto .lst > li .info{overflow:hidden; position:absolute; left:0; right:0; bottom:0; height:40px; background:#f9f9f9;}
#bbsPhoto .lst > li .info > span{float:left; position:relative; width:50%; line-height:40px; text-align:center;}
#bbsPhoto .lst > li .info .view:before{content:''; display:inline-block; position:absolute; top:50%; left:0; width:1px; height:18px; margin-top:-9px; background:#ddd;}
/* View */
#bbsView{position:relative;}
#bbsView:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #61646c;}
.form_group{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6;}
.form_group.line {border-top:3px solid #61646c;}
.form_group.line2 {border-top:1px solid #61646c;}
.form_group:after{content:''; display:block; clear:both;}
.form_group dl{position:static; overflow:hidden;}
.form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:140px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:700; font-size:1em; line-height:1.6; text-align:center;}
.form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.form_group dl dd{box-sizing:border-box; min-height:49px; margin-left:134px; padding:7px 12px 7px 12px; line-height:2.2;}
.form_group.low02 dl dd{min-height:74px;}
.form_group dl dd input,
.form_group dl dd textarea,
.form_group dl dd select{max-width:100%;}
.form_group dl.title dd:after{content:''; display:inline-block; position:absolute; bottom:-1px; left:0; right:0; z-index:10; height:1px; background:#61646c;}
.form_group.col02 dl:first-child{float:left; width:50%;}
.form_group.col03 dl:first-child,
.form_group.col03 dl:first-child+dl,
.form_group.col03 dl:nth-child(2)+dl{float:left; width:33.3%;}
.form_group.col04 dl:first-child,
.form_group.col04 dl:first-child+dl,
.form_group.col04 dl:nth-child(2)+dl{float:left; width:25%;}
.form_group dl.content dt{position:relative; width:100%; border-bottom:1px solid #c8c8c8; font-weight:bold;}
.form_group dl.content dt:before{display:none;}
.form_group dl.content dd{margin:0; padding:15px; line-height:1.6;}
.form_group dl.content > dd{/* white-space:pre-line; */}/* 웹접근성 관련 에디터 제거시 */
.form_group dl.content dd pre{white-space:pre-wrap;}
.form_group dl.content dd img{max-width:100%; margin:5px 0;}
.form_group dl.content > dd p{margin:0;}
.form_group dl.content dd .img_preview{text-align:center;}
.form_group dl.content dd .img_preview.top{margin-bottom:15px;}
.form_group dl.content dd .img_preview.btm{margin-top:15px;}
.form_group dl.attfile dd > div{margin-top:-1px; padding:5px 0; border-top:1px solid #ddd;}
.form_group dl.attfile dd > div:first-child{border-top:0;}
.bbsViewBtm{margin:30px 0; text-align:center;}
.bbsViewNav .form_group dl.nav dt > span{display:inline-block;}
.bbsViewNav .form_group dl.nav dt > span:before{content:''; display:inline-block; width:11px; height:8px; margin:0 10px 0 0; background:url(../images/common/sp_btn_ico.png) no-repeat 100% -350px; vertical-align:middle;}
.bbsViewNav .form_group dl.nav dt > span:before{content:''; display:inline-block; width:11px; height:8px; background:url(../images/common/sp_btn_ico.png) no-repeat 100% -350px;}
.bbsViewNav .form_group dl.nav.next dt > span:before{background-position:100% -400px;}
.bbsViewNav .form_group dl.nav dd > a{display:block; overflow:hidden; margin-right:100px; text-overflow:ellipsis; white-space:nowrap;}
.bbsViewNav .form_group dl.nav dd .date{position:absolute; top:15px; right:20px;}
#bbsView .img_preview {white-space:nowrap;}
.srch_dtl_wrap { max-width:1060px; margin:0 auto 20px; }
.form_group2{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6; margin-bottom:5px; background:#fff;}
.form_group2.line {border-top:3px solid #61646c;}
.form_group2.line2 {border-top:1px solid #61646c;}
.form_group2:after{content:''; display:block; clear:both;}
.form_group2 dl{position:static; overflow:hidden;}
.form_group2 dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:134px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; font-weight:700; font-size:1em; line-height:1.6; text-align:center; background:#fff;}
.form_group2 dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.form_group2 dl dd{box-sizing:border-box; min-height:49px; margin-left:134px; padding:7px 12px 7px 12px; line-height:2.2; text-align:left; }
.form_group2 dl dd .margin {margin-right:10px; display:inline-block;}
.form_group2 dl dd .margin input[type=checkbox] {margin-top:0px;}
.form_group2 dl dd .margin label {font-size:16px; font-size:1em; }
.form_group.low02 dl dd{min-height:74px;}
.form_group2 dl.title dd:after{content:''; display:inline-block; position:absolute; bottom:-1px; left:0; right:0; z-index:10; height:1px; background:#61646c;}
.form_group2.col02 dl:first-child{float:left; width:50%;}
.form_group2.col03 dl:first-child,
.form_group2.col03 dl:first-child+dl,
.form_group2.col03 dl:nth-child(2)+dl{float:left; width:33.3%;}
.form_group2.col04 dl:first-child,
.form_group2.col04 dl:first-child+dl,
.form_group2.col04 dl:nth-child(2)+dl{float:left; width:25%;}
.form_group2 dl.content dt{position:relative; width:100%; border-bottom:1px solid #c8c8c8;}
.form_group2 dl.content dt:before{display:none;}
.form_group2 dl.content dd{margin:0; padding:15px; line-height:1.6;}
.form_group2 dl.content > dd{/* white-space:pre-line; */}/* 웹접근성 관련 에디터 제거시 */
.form_group2 dl.content dd pre{white-space:pre-wrap;}
.form_group2 dl.content dd img{max-width:100%; margin:5px 0;}
.form_group2 dl.content > dd p{margin:0;}
.form_group2 dl.content dd .img_preview{text-align:center;}
.form_group2 dl.content dd .img_preview.top{margin-bottom:15px;}
.form_group2 dl.content dd .img_preview.btm{margin-top:15px;}
.form_group2 dl.attfile dd .link_button{margin:8px 3px;}
.form_group2 dl.attfile dd > div{margin-top:-1px; border-top:1px solid #ddd;}
.form_group2 dl.attfile dd > div:first-child{border-top:0;}
/* Wirte/Modify */
#bbsWrite{position:relative;}
#bbsWrite:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #61646c;}
#bbsWrite .form_group{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6;}
#bbsWrite .form_group:after{content:''; display:block; clear:both;}
#bbsWrite .form_group dl{position:static; overflow:hidden;}
#bbsWrite .form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:134px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsWrite .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
#bbsWrite .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
#bbsWrite .form_group dl dd{box-sizing:border-box; min-height:50px; margin-left:134px; padding:10px; line-height:1.6;}
#bbsWrite .form_group.col02 dl:first-child{float:left; width:50%;}
#bbsWrite .form_group.col03 dl:first-child,
#bbsWrite .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
#bbsWrite .form_group.col04 dl:first-child,
#bbsWrite .form_group.col04 dl:first-child+dl{float:left; width:25%;}
#bbsWrite .form_group input{max-width:100%;}
#bbsWrite .form_group dl.author dd input{width:160px;}
#bbsWrite .form_group dl.date dd input[type="text"]{width:120px;}
#bbsWrite .form_group dl.password dd input{width:160px;}
#bbsWrite .form_group dl.tel dd input{width:220px;}
#bbsWrite .form_group dl.tel2 dd input{width:70px;}
#bbsWrite .form_group dl.mail dd input{width:220px;}
#bbsWrite .form_group dl.title dd .inp_tit{display:block; margin-right:60px;}
#bbsWrite .form_group dl.title dd input[type="text"]{width:100%;}
#bbsWrite .form_group dl.title dd .tit_ntc{position:absolute; top:14px; right:10px;}
#bbsWrite .form_group dl.content2 dt{left:-9999em;}
#bbsWrite .form_group dl.content2 dd{margin-left:0;}
#bbsWrite .form_group dl dd textarea{width:100%; height:206px;}
#bbsWrite .form_group dl.code dd img{vertical-align:middle;}
/* 게시판 안내문구 */
.attachAlert{color: red;}
/* 공공누리 */
.openType {margin-top:20px; margin-bottom:15px; padding:10px; border:3px solid #dedede; font-size:12px; overflow:hidden; }
.openType figure{position:relative; margin:0px;}
.openType figure img {width:auto !important; height:75px !important; min-height:auto !important; margin-right:10px; }
.openType figure figcaption {color: #333 !important; height:75px; display:table-cell; vertical-align:middle; word-break:keep-all;}
.openType .fi_link{float:left;}


#golf_table1 {display:block;width:100%;height:50%;}
#golf_table2 {display:block;width:100%;height:50%;}


	.mobilelist_m { display:none; }

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Pagination
	**************************************************/
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}

	/**************************************************
		게시판
	**************************************************/
	/* 검색 */

	/* List(Default) */
	#bbsList [data-table-type="author"],
	#bbsList [data-table-type="date2"]{display:none;}
	#bbsList [data-table-type="tablet"] {display:none;}
	.table_scroll table#bbsList {margin-bottom:0 !important;}
	/* List(갤러리) */
	#bbsPhoto .lst > li{width:calc(50% - 25px); margin-left:50px !important;}
	#bbsPhoto .lst li:nth-child(2n+1){margin-left:0 !important;}
	/* View */
	#bbsView .form_group dl dd{padding-left:10px;}

	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* 사이트 바로가기 */
	.site_bridge .info .lst ul li{width:50%;}
	.site_bridge .info .lst.col02 ul li{width:100%;}
}

/* 02. Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		Common
	**************************************************/
	input[type="checkbox"],
	input[type="radio"]{width:auto; height:auto;}

	/**************************************************
		테이블
	**************************************************/

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	.bbsSrch .btn_srch:before{background-image:url(../images/common/btn_srch_w_x2.png); background-size:cover;}
	/* List(Default) */
	#bbsList [data-table-type="number"],
	#bbsList [data-table-type="number2"],
	#bbsList [data-table-type="dpt"],
	#bbsList [data-table-type="date2"],
	/*#bbsList [data-table-type="cate"],*/
	#bbsList [data-table-type="count"],
	#bbsList [data-table-type="file"],
	#bbsList [data-table-type="agency"],
	#bbsList [data-table-type="square"],
	#bbsList [data-table-type="location"],
	#bbsList [data-table-type="value"],
	#bbsList [data-table-type="mobile"]{display:none;}
	/* View */
	#bbsView .form_group[class*="col"] dl{float:none !important; position:relative; width:100% !important; border-bottom:1px solid #ddd;}
	#bbsView .form_group[class*="col"] dl:last-child{border-bottom:0;}
	#bbsView .form_group dl dt{width:120px;}
	#bbsView .form_group dl dd{margin-left:120px;}
	#bbsView .form_group dl.content dt{width:100%;}
	#bbsView .form_group dl.content dd{margin-left:0px;}
	#bbsView .form_group dl.attfile dt{position:static; display:block; width:100%; margin-left:0; padding:10px; border:0; border-bottom:1px solid #ddd;}
	#bbsView .form_group dl.attfile dt:before{display:none;}
	#bbsView .form_group dl.attfile dd{margin:0; padding:5px 10px;}
	#bbsView .bbsViewBtm{text-align:center !important;}
	#bbsView .bbsViewBtm > a{margin-bottom:3px;}
	/* Wirte/Modify */
	#bbsWrite .form_group dl dt{width:104px;}
	#bbsWrite .form_group dl dd{margin-left:104px;}
	#bbsWrite .form_group dl.attfile input[type="file"]{width:100%;}
	.form_group.col02 dl{float:none; width:100%; position:relative;}
	.form_group.col02 dl:first-child {float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}
	.form_group.col03 dl:first-child , .form_group.col03 dl:nth-child(2)+dl , .form_group.col03 dl:first-child+dl{float:none; width:100%; position:relative;}
	.form_group.col03 dl:first-child , .form_group.col03 dl:first-child+dl {float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}
	.form_group2.col02 dl{float:none; width:100%; position:relative;}
	.form_group2.col02 dl:first-child {float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}
	.form_group2.col03 dl:first-child , .form_group2.col03 dl:nth-child(2)+dl , .form_group2.col03 dl:first-child+dl{float:none; width:100%; position:relative;}
	.form_group2.col03 dl:first-child , .form_group2.col03 dl:first-child+dl {float:none; width:100%; position:relative;border-bottom:1px solid #d6d6d6;}


	.mobilelist_m { display:table-row; border-bottom:2px solid #666666; }
	.mobilelist { display:none; }
}
/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		테이블
	**************************************************/
	/* 모바일 테이블 wrap(스크립트에서 class 추가) */
	/*.table_scroll::-webkit-scrollbar{height:3px;}
	.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/

	/**************************************************
		Pagination
	**************************************************/
	.pagination a, .pagination strong{min-width:30px; height:30px; line-height:30px;}

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	.bbsSrch{padding:10px;}
	.bbsSrch input[type="text"],
	.bbsSrch input[type="password"],
	.bbsSrch input[type="number"],
	.bbsSrch input[type="tel"],
	.bbsSrch input[type="date"],
	.bbsSrch input[type="email"],
	.bbsSrch select,
	.bbsSrch button,
	.bbsSrch .button{width:100%; margin-left:0; margin-right:0;}
	.bbsSrch .srch_date_wrap{display:block;}
	.bbsSrch .srch_word_wrap{display:block;}
	.bbsSrch .srch_date_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_date_wrap input{float:left; width:calc(50% - 10px);}
	.bbsSrch .srch_date_wrap span{float:left; width:20px; margin:2px 0; line-height:34px;}
	.bbsSrch .srch_word_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_word_wrap select{float:left; width:40%;}
	.bbsSrch .srch_word_wrap input{float:left; width:calc(60% - 5px); margin-left:5px;}
	.bbsSrch .tit_srch {display:none;}
	/* List(갤러리) */
	#bbsPhoto .lst > li{float:none; width:100%; margin-left:0 !important;}
	/* View */
	.bbsViewNav .form_group dl.nav dd > a{margin-right:0;}
	.bbsViewNav .form_group dl.nav dd .date{display:block; position:relative; top:auto; right:auto; font-size:0.86em; color:#666;}

	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* Box Type2(icon/text) */
	.box_comm2.ico{padding:20px;}
	.box_comm2.ico:before,
	.box_comm2.ico .ico_box{display:none;}
	/* 사이트 바로가기 */
	.site_bridge .image{float:none; margin:0 auto;}
	.site_bridge .info{margin-left:0;}
	.site_bridge .info .lst.col03 ul li{width:100%;}







}

.n00{display:no}

/*진린체력단련장 사진*/

@media screen and (max-width:1000px){
#greenimg {
width: 1000px;
}
}

@media screen and (max-width:600px){
#greenimg {
width: 600px;
}
}

@media screen and (max-width:500px){

.canclebutton1{
  word-break: break-all;
}
}

@media screen and (max-width:400px){
#greenimg {
width: 400px;
}
input,textarea,button,select,table,pre{
font-size: 11px;
letter-spacing:-1.5px;}

.canclebutton1{
  word-break: break-all;
}
}





.button_monitor {
  background-color: #13675a;
  border: none;
  color:#FFFFFF !important;
  padding:15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight:bold;
  margin: 8px 2px;
  cursor: pointer;
  border-radius:5px;
}
.button_monitor2 {
  background-color: #333333;
  border: none;
  color:#FFFFFF;
  padding:10px 25px 10px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}
.button_monitor3 {
  background-color: #333333;
  border: none;
  color:#FFFFFF;
  padding:5px 15px 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight:bold;
  margin: 4px 2px;
  cursor: pointer;
  border-radius:10px;
}



/* 테이블정의 */
.boardView.board_con {border-top:1px solid #029eaa; }
.boardView.board_con thead tr {box-shadow: none !important;}
.boardView.board_con thead th {font-size:14px; color:#333; padding:12px 0; color:#444; font-weight:700; background:#fafafa !important; border:0;  border-bottom:1px solid #c0c0c0; box-shadow:none !important;}
.boardView.board_v_th thead th {border-left:1px solid #e8e8e8;}
.boardView.board_v_th thead th:first-child {border-left:0;}
.boardView.board_con thead tr {box-shadow:0 3px 0 rgba(0,0,0,0.03); position:relative; z-index:2;}
.boardView.board_con * {font-size:14px; letter-spacing:-0.4px;}
.boardView.board_con td {border-left:1px solid #eee; line-height:19px; }
.boardView.board_con td:first-child {border-left:0;}

/* View */
.boardView{table-layout:fixed; border-collapse:collapse; border:0; width:100%; margin:0 0 20px; border-top:1px solid #494949; position:relative;}
.boardView:before {content:''; display:block; width:100%; height:1px; background:#494949; position:absolute; left:0; top:0;}
.boardView .colv {width:150px;}
.boardView th{padding:10px 0; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; background-color:#fbfbfb !important; color:#666; text-align:center; font-weight:bold;}
.boardView th:first-child{border-left:0; background:#fafafa;}
.boardView tbody th {font-size:14px; letter-spacing: -0.8px; font-weight:700; color:#333;}
.boardView tbody label {color:#333; font-size:14px;}
.boardView tbody .check_group label {margin-right:20px;}
.boardView tbody .check_group.check2 label {display:inline-block; width:132px; margin-right:0; letter-spacing:-0.6px; margin:3px 0;}
.boardView tbody .check_group.check3 label {display:inline-block; width:98px; margin-right:0; letter-spacing:-0.6px; margin:3px 0;}
.boardView tbody .check_list li {padding-bottom:10px;}
.boardView tbody .check_list p {font-size:13px; color:#777;}
.boardView td{padding:11px 12px;height:20px; border-bottom:1px solid #e6e6e6; font-size:14px;}
.boardView th+td{border-left:1px solid #e6e6e6;}
.boardView input[type="text"] , .boardView input[type=password] {height:24px; padding-left:6px; border:1px solid #d2d2d2;}
.boardView select { height:27px; border:1px solid #d2d2d2;}
.boardView textarea {width:100%; padding:6px; border:1px solid #d2d2d2; box-sizing:border-box; }
.boardView .boardViewBody{padding:20px 10px; line-height:160%; border-bottom:1px solid #333;}
.boardView .attfile{white-space:nowrap;}

.boardView .file_wrap {padding:3px 0;}
.boardView .file_wrap input[type=file] {font-family:'Noto'; background:#fafafa; font-size:13px; width:70%;} 
.boardView .file_wrap .del_file {display:inline-block; border:1px solid #bbb;  border-radius:1px; color:#666; font-size:12px; background:#fff; padding:2px 10px; vertical-align:top;font-family:'Noto'; letter-spacing:-0.4px; font-size:13px;}
.boardView .add_flie {font-family:'Noto'; display:inline-block; padding:5px 15px; border:1px solid #aaa; background:#fff; margin-top:10px;}
.boardView .add_flie:before {content:'+'; display:inline-block; padding-right:3px;}