@charset "utf-8";

/* Layout */

#wrap { width:100%; margin:0 auto; }
#header { width:100%; padding:0; margin:0; }
#header:after { content:""; display:block; clear:both; }
#container { width:100%; position:relative; margin:0 auto; padding:0px; }
#frame_center { width:98%; margin:0 auto; padding:0px; }
#container:after { content:""; display:block; clear:both; }
#footer { width:100%; margin-top:40px; padding-top:20px; background:#595959; border-top:1px solid #ffffff; color:#f9f9f9; }
#footer2 { width:100%; height:32px; margin-top:50px; padding-top:8px; text-align:center; background:#595959; }
#base { width:100%; margin:0 auto; padding-bottom:20px; position:relative; font:12px/25px NanumGothic; }


/* 서브 공통 영역 */
#sub_tit { width:205px; height:42px; margin:0px; padding:50px 0 0 15px; border-bottom:1px solid #cccccc; font-size:26px; font-family: "NanumGothicBold"; color:#444444; }
#left_menu { width:100%; margin-top:0; }
#left_menu li { height:31px; font-size:16px; padding:9px 0 0 14px; border-bottom:1px solid #dbd9d7; }
#left_menu li.on { background:#205aba; }
#left_menu li a:link, #left_menu li a:visited { color:#444444; font-family:NanumGothicBold; }
#left_menu li a:hover, #left_menu li a:focus, #left_menu li a:active { color:#205aba; text-decoration:none; }
#left_menu li.on a { color:#ffffff; }

#page_title { width:98%; height:32px; margin:20px auto 0px auto; font-size:26px; font-family:NanumGothicBold; color:#1a559b; line-height:30px; }
#page_desc { width:98%; height:35px; margin:5px auto 20px auto; font-size:14px; color:#777777; line-height:20px; border-bottom:1px solid #dbd9d7; }


/* 푸터 영역 */
#base_addr { width:96%; margin:0 auto; line-height:1.4em; margin-left:20px; }
#base_addr p { font-size:14px; font-family:'NanumGothicExBold'; margin-bottom:5px; }
#back_top { width:42px; height:42px; position:fixed; bottom:20px; right:10px; display:none; z-index:900; }
.forPC { width:120px; margin:15px auto 0px auto; padding:6px 0; line-height:14px; text-align:center; background:#999; border-radius:5px; }
.forPC a, .forPC a:visited { color:#fff; text-decoration:none; }
.forPC a:focus, .forPC a:hover { color:#ffff00; text-decoration:none; }


/* 디자인페이지 본문 */
.normal_con { font-size:15px; text-align:justify; line-height:24px; padding:0 10px; }
.base_sign { width:98%; display:block; text-align:center; font-family:NanumGothicBold; line-height:30px; font-size:1.2em; color:#555555; }


/* 발전소 매물 */
#boardTB { width:98%; margin:5px auto 0px auto; border-bottom:2px solid #8dbbf2; }
#boardTB th { height:35px; border-right:1px solid #8dbbf2; border-bottom:1px solid #ffffff; background:#3581de; color:#ffffff; }
#boardTB th.fir { border-radius:5px 0 0 5px; }
#boardTB th.last { border-right:none; border-radius:0 5px 5px 0; }
#boardTB td { height:35px; text-align:center; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
#boardTB td.last { border-right:none; }
#boardTB td.left { text-align:left; padding-left:15px; }


/* 목록 페이징 */
.paging { margin-top:25px; text-align:center; }
.paging li { display:inline; padding:0; }
.paging li a { width:25px; height:23px; padding-top:2px; color:#666666; text-decoration:none; display:inline-block; border:1px solid #cccccc; }
.paging li a:hover, .paging li a:focus { color:#ffffff; background:#bbbbbb; border:1px solid #666666; font-weight:bold; }
.paging li a.current { color:#ffffff; background:#3581de; border:1px solid #777777; font-weight:bold; }
.paging li.bold a { color:#ff7800; font-family:"굴림"; font-weight:bold; }
.paging li.bold a:hover, .paging li.bold a:focus { color:#ffffff; background:#3581de; }


/* 게시판 목록 */
#sch_box { width:98%; height:38px; margin:0 auto; padding-top:12px; text-align:center; background:#f5f5f5; border:1px solid #cccccc; border-radius:5px; font-size:13px; }
#sch_box .selstyle {width:65px; height:24px; padding-top:0px; vertical-align:middle; font-size:13px; border:1px solid #cccccc; }
#sch_box .inpstyle { width:205px; height:20px; padding-top:2px; border:1px solid #cccccc; font-size:13px; }
#list_cnt { width:98%; margin:15px 0 5px 0; text-align:right; }
#cnt_box { background:url("../images/list_count.gif") no-repeat scroll 0 3px; padding-left:16px; }
.brdlist { width:98%; margin:0 auto; border-spacing:0; }
.brdlist th { height:37px; color:#ffffff; border:none; background:#3581de; border-radius:5px; }
.brdlist th ul li { float:left; text-align:center; }
.brdlist tr:hover, .brdlist tr:focus { background:#f5f5f5; }
.brdlist td { height:35px; border-bottom:1px solid #cccccc; text-align:center; line-height:1.3em; }
.brdlist td.sjt { text-align:left; padding-left:15px; }
.brdlist td a { display:inline; }
.comt { color:#ff7800; }
.btnpad { width:100%; height:50px; margin:0; cursor:pointer; padding:12px 11px; background:#20b8ba; border:none; border-radius:4px; color:#ffffff; font-family:NanumGothicBold; }
.btnpad:hover, .btnpad:active, .btnpad:focus { padding:1px 12px; background:#20b8ba; border:none; color:#ffffff; }
.btncancel { width:100%; height:50px; margin:0; cursor:pointer; padding:0px 11px; background:#e5e5e5; border:none; border-radius:4px; color:#333333; font-family:NanumGothicBold; }
.btncancel:hover, .btncancel:active, .btncancel:focus { padding:1px 12px; background:#e5e5e5; border:none; color:#333333; }
.schbtnpad { margin:0; cursor:pointer; padding:1px 12px; background:#666666; border:none; border-radius:4px; color:#ffffff; font-family:NanumGothicBold; }


/* 게시판 갤러리 */
#gallery_list { width:750px; padding-bottom:15px; border-top:2px solid #a3cc59; border-bottom:2px solid #a3cc59; }
.gallery_ul1 { width:635px; margin-left:20px; padding-top:15px; }
.gallery_ul2 { width:635px; margin:15px 0 0 20px; padding-top:15px; border-top:1px solid #a3cc59; }
#gallery_list li { float:left; margin-right:25px; }
#gallery_list li.right { margin-right:0; }
#gallery_list .pic { width:137px; height:103px; border:1px solid #abc7b7; padding:1px 0 0 1px; }
#gallery_list .title { width:140px; height:32px; margin-top:9px; font-weight:bold; line-height:16px; }
#gallery_list .title a { color:#997152; display:inline; }
#gallery_list .title a:hover, #gallery_list .title a:focus { text-decoration:underline; }
#gallery_list .date { width:140px; height:16px; }


/* 게시판 글쓰기 */
#agreeBox, #termsBox { width:98%; height:180px; margin:0 auto; border:1px solid #c4d6e7; background:#f2f7fa; border-radius:5px; }
#termsBox { margin-top:20px; }
.termsTit { width:90%; margin-bottom:10px; text-align:center; font-weight:bold; }
#privacy, #termsCon { width:93%; height:125px; margin:15px 0 0 12px; line-height:22px; border-bottom:1px solid #81acd4; overflow:auto; }
.agreebtn { width:90%; height:30px; margin-top:10px; padding-left:15px; }
#write_text_box { width:98%; margin:15px auto; text-align:center; font-size:14px; color:#205aba; line-height:25px; }
#write_dsc { width:98%; margin:14px 0 5px 0; }

.brdwrite { width:98%; margin:0px auto; margin-top:20px; border-collapse:collapse; }
.brdwrite th { height:40px; padding-left:15px; text-align:left; padding-top:1px; border:1px solid #dddddd; border-left:none; background:#f5f5f5; }
.brdwrite td { height:40px; text-indent:10px; border:1px solid #dddddd; border-right:none; }
.brdwrite th.fir { background:#fff; font-size:18px; padding-left:0; border-top:none; border-right:none; }
.brdwrite th strong { color:#ff7e00; }
.brdwrite th.nobg { background:none; }
.brdwrite td input.gray { width:80%; height:20px; background:#fbfbfb; border:1px solid #d7d7d7; vertical-align:top; }
.brdwrite td textarea { width:80%; height:189px; margin:7px 0; border:1px solid #d7d7d7; }
.brdwrite td.desc { text-align:center; text-indent:0; font-family:"NanumGothicBold"; line-height:22px; }
.brdwrite td.idt10 { text-indent:10px; }
.brdwrite td .Lmg10 { margin-left:10px; }


/* 게시판 글보기 */
.brdview { width:98%; margin:14px auto 0 auto; border-bottom:1px solid #cccccc; }
.brdview th { height:40px; padding-top:1px; border-bottom:1px solid #cccccc; background:#f5f5f5; }
.brdview td { height:40px; padding:1px 10px 0 16px; border-bottom:1px solid #cccccc; background:none; }
.brdview th.fir { border-top:1px solid #cccccc; }
.brdview td.fir { border-top:1px solid #cccccc; }
.brdview td a { display:inline; }
#view_con { width:96%; min-height:170px; margin:0 auto; padding:15px 0px; line-height:22px; overflow-x:auto; }
#view_con a { display:inline; }
.view_comment { width:98%; border-bottom:1px solid #cccccc; }
.view_comment th, .view_comment td { border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.view_comment th { padding:10px 0; background:#f6f6f6; }
.view_comment th p { margin-top:3px; font-weight:normal; }
.view_comment td.con { padding:7px 10px; text-align:justify; }
.view_comment td.btn { text-align:center; }
.view_comment td a, .view_comment td a:hover { display:inline; padding:1px 5px; text-decoration:none; color:#777; border:1px solid #ccc; border-radius:2px; }


/* 코멘트 상자 */
#comment_box { width:98%; margin:0 auto; margin-top:20px; padding:10px 0; background:#f1f7fa; border:1px solid #c4d6e7; border-radius:5px; }
#cbox01 { width:74%; height:85px; margin-left:3%;  float:left; text-align:left; color:#222222; font-family:NanumGothicBold; }
#cbox01 span { width:20%; margin-right:5%; text-align:left; display:inline-block; line-height:20px; }
#cbox01 input { width:25%; height:22px; border:1px solid #a4bdd5; }
#cbox02 { width:20%; height:85px; margin-right:3%; text-align:right; float:left; margin-top:0px; }
#cbox01 #cmt_con { width:96%; margin-top:10px; padding:3px; height:43px; border:1px solid #a4bdd5; }
#cbox02 .btnpad { width:88%; height:85px; background:#4f94e8; color:#ffffff; border:none; }
#cbox02 .btnpad:hover { background:#1f67d3; }


/* 이전글 다음글 목록 */
.prenext { width:98%; margin:20px auto 0 auto; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; }
.prenext th { height:40px; padding-top:1px; background:#f5f5f5; }
.prenext td { height:40px; padding-top:1px; padding-left:16px; }
.prenext td a { display:inline; }
.prenext th.fir, .prenext td.fir { border-bottom:1px solid #dddddd; }


/* 삭제 확인 창 */
#delcmt_con { width:96%; height:35px; margin:0 auto; margin-top:25px; padding-top:15px; text-align:center; background:#f1f1f1; border:1px solid #d1d1d1; border-radius:5px; }
#delcmt_con .del_pwd { width:90px; height:18px; border:1px solid #7f9db9; margin-left:10px; vertical-align:bottom; }
#delcmt_btn { width:98%; margin:0 auto; margin-top:15px; text-align:center; }


/* 게시판 버튼 영역 */
#btn_group { width:98%; height:50px; margin:30px auto 0 auto; }
.btn_center { width:100%; text-align:center; }
.btn_center button { margin-top:10px; }
.btn_center button:first-child { margin-top:0px; }


/* 사이트맵 메뉴 */
#sitemap { width:100%; background:#ffffff; }
.siteBox { width:40%; height:151px; margin-top:30px; margin-left:5%; float:left; }
.fir { margin-top:10px; }
.site_dp1 { width:100%; height:29px; padding-top:11px; color:#ffffff; font-size:16px; font-family:NanumGothicBold; text-align:center; background:#3581de; border-radius:5px; }
.dp2ul { width:98%; margin:0; color:#555555; background:#ffffff; }
.dp2ul li { width:100%; height:33px; margin-top:2px; text-align:center; font-size:14px; border:1px solid #d1d1d1; border-radius:5px; }
.dp2ul li:hover { background:#f1f1f1; }
.dp2ul li a:link, .dp2ul li a:visited { width:100%; height:27px; padding-top:6px; display:block; color:#555555; text-decoration:none; font-family:NanumGothic; }
.dp2ul li a:hover, .dp2ul li a:active, .dp2ul li a:focus { color:#444444; font-family:NanumGothicBold; }


/* 로그인 */
#login_frm { width:94%; height:290px; margin:30px auto 0 auto; font-family:NanumGothic; color:#666; font-size:14px; }
#loginBox { width:86%; height:98px; margin:0 auto; margin-top:8px; padding:20px 0 0 20px; border:10px solid #bcd5f4; border-radius:10px; }
#login_input { width:67%; height:80px; float:left; font-size:13px; line-height:40px; }
#login_input span { font-family:NanumGothicBold; color:#666666; font-size:14px; display:inline-block; vertical-align:top; }
#login_input .textBox { width:115px; height:30px; margin-bottom:10px; padding-left:4px; border:2px solid #dddddd; }
#login_input .textBox:focus { border:2px solid #649fe6; }
#login_btn { width:25%; height:80px; float:left; margin-left:5px; }
#login_text { width:85%; height:60px; margin:15px auto 0 auto; line-height:24px; color:#666666; }
.login_dsc { margin-top:7px; padding-left:10px; background:url("../images/dot_icon01.gif") no-repeat scroll 2px 10px; }
#login_btn .logbtn { width:70px; height:76px; margin-top:1px; color:#ffffff; font-family:NanumGothicBold; font-size:14px; border:none; border-radius:5px; background:#20b8ba; }


/* 오시는길 */
#map_desc { width:92%; margin:0 auto; padding:25px 10px; font-size:15px; line-height:24px; color:#666666; text-align:center; }
#map_desc p.txt { width:90px; text-align:center; margin:0 auto; margin-bottom:10px; padding:2px 0; font-family:NanumGothicBold; color:#fff; background:#20b8ba; border-radius:15px; }
#map_desc p.stit { width:80px; text-align:center; margin-bottom:5px; padding:2px 0; font-family:NanumGothicBold; color:#fff; background:#888; border-radius:8px; }
#map_desc span.orange { color:#ee8a33; font-family:NanumGothicBold; }


/* 이용안내 */
.info_txt { width:98%; margin:20px 0 10px 5px; color:#0c90a8; font:18px/30px NanumGothicBold; }
.info_bar { width:90%; height:20px; margin-top:10px; color:#ffffff; font:14px/20px NanumGothicBold; padding:8px 5%; background:#205aba; }
.info_bg { width:100%; height:47px; margin:0px auto 20px auto; background:url('../images/info_bg.gif') bottom left no-repeat; }
.info_img { width:98%; text-align:center; margin:15px 0 40px 0; font:15px/28px NanumGothicBold; color:#666; }


/* 컨설팅 */
.like_input { width:115px; height:22px !important; margin-left:10px; border:1px solid #d7d7d7; background:#fbfbfb; line-height:26px !important; float:left; }
.like_input * { vertical-align:top !important; }
.like_input input[type=text] { width:80px; height:21px; padding:1px 0 0 5px; border:none; background:#fbfbfb; }
.like_input input[type=image] { margin-top:3px; }
.rersrm_time {width:85px; height:24px; float:left; margin-left:10px; border:1px solid #cccccc; }
.filestyle { width:80%; height:20px; padding:2px 0; vertical-align:top; }


/* 신청완료 메시지 */
#wrapMask { width:100%; height:0px; background-color:#000000; position:absolute; top:0; left:0; display:none; opacity:0.8; filter:alpha(opacity=80); z-index:99; }
#msg { width:98%; text-align:left; position:absolute; top:72px; left:1%; border:1px solid #000; background:#fff; display:none; z-index:1000; }
.msgTit { width:97%; height:40px; padding:20px 0 0 3%; background:#368ae7; text-align:left; font-size:20px; color:#fff; font-family:NanumGothicBold; position:relative; }
.msgTit a img { position:absolute; top:0; right:0; }
.msgCon { width:94%; padding:20px 3%; font-size:14px; color:#333; font-family:NanumGothic; line-height:25px; }
.msgCon strong { font-family:NanumGothicBold; color:#1462b9; }
.msgCon span { text-decoration:underline; }