@charset "utf-8";
/* 달력 */
@import url(/comm/js/jquery/themes/base/jquery.ui.all.css);
/* 지도 API */
@import url(/css/map.css);

.w50{width:50px !important}
.w60{width:60px !important}
.w70{width:70px !important}
.w80{width:80px !important}
.w90{width:90px !important}
.w100{width:100px !important}
.w110{width:110px !important}
.w120{width:120px !important}
.w130{width:130px !important}
.w140{width:140px !important}
.w150{width:150px !important}
.w160{width:160px !important}
.w170{width:170px !important}
.w180{width:180px !important}
.w190{width:190px !important}
.w200{width:200px !important}
.w300{width:300px !important}
.w5p{width:5% !important}
.w7p{width:7% !important}
.w10p{width:10% !important}
.w15p{width:15% !important}
.w20p{width:20% !important}
.w25p{width:25% !important}
.w30p{width:30% !important}
.w40p{width:40% !important}
.w45p{width:45% !important}
.w50p{width:50% !important}
.w60p{width:60% !important}
.w70p{width:70% !important}
.w80p{width:80% !important}
.w90p{width:90% !important}
.w95p{width:95% !important}
.w100p{width:100% !important}

.hidden{position:fixed; top:-50000px; right:-50000px}
.scroll_table{overflow-x:auto}
.scroll_table table{width:100%; min-width:800px}
.scrollY{padding:20px 5px 20px 20px; border:3px solid #eee}
.scrollY>div.scroll_con{overflow-y:auto; padding-right:15px; max-height:300px; word-break:keep-all}
input{font-family:inherit}
.input{margin:1px; padding:0px 5px; height:40px; line-height:40px; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box}
select{font-size:1em}
input[type=text]{appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; font-size:16px; box-sizing:border-box}
input[type=url]{appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; font-size:16px; box-sizing:border-box}
input[type=submit]{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
button{cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
input.radio,
input.checkbox{margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.textarea{padding:10px; width:100%; border:1px solid #ccc; box-sizing:border-box}
.mode_kr{ime-mode:active} /*기본 한글 (한글+영어) */
.mode_en{ime-mode:inactive}/* 기본 영어(한글+영어)*/
.mode_onlyen{ime-mode:disabled}/* 영어만 */
/* 유튜브 등 동영상 반응형 */
.embed-container{position:relative;padding-bottom:56.2%;height:0;overflow:hidden;max-width:100%}
.embed-container iframe,embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}


.btn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 20px; min-width:145px; height:52px; line-height:55px; font-size:18px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px; border-radius:3px}
input.btn{cursor:pointer}
.sbtn{display:inline-block; text-align:center; padding:0px 12px; min-width:60px; height:30px; line-height:30px; border-width:0px; background:#333; color:#fff; font-size:16px; vertical-align:middle}
input.sbtn{cursor:pointer}
.mbtn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 22px; min-width:60px; height:40px; line-height:40px; font-size:16px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px}
input.mbtn{cursor:pointer}
.btn_ok{background:#333; color:#fff !important; border-color:#333}
.btn_back{background:#fff; color:#484848}
.btn_input{display:inline-block; text-align:center; padding:0px 10px; min-width:90px; height:40px; line-height:44px; border-width:0px; background:#333; color:#fff !important; font-size:16px; vertical-align:middle}
.btn_board{display:inline-block; padding:3px 13px 0px; line-height:150%; border-radius:60px; background:#f0f0f0; border:1px solid #ccc; color:#484848; font-size:14px}
.btnBox{margin-top:30px; text-align:right; font-size:0px}
.btnBox .btn{margin-left:5px}
.goUrl{display:inline-block; font-weight:bold; text-decoration:underline; color:#333}
.goWin{display:inline-block; padding-right:20px; background:url(/share/images/program/ic_window.gif) no-repeat right 7px}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.tag_state{display:inline-block; text-align:center; padding:0px 10px 1px; min-width:50px; border-radius:100px; border:1px solid #ddd; line-height:140%; }
.lec_state{display:inline-block; text-align:center; padding:10px; min-width:110px; border-radius:3px; border:1px solid #ddd; line-height:150%; font-size:1.2em}
.tag_txt{display:inline-block; text-align:center; margin-right:8px; padding:4px 5px 1px; width:85px; line-height:140%; border:1px solid #ddd; font-size:.9em}
.tag_cate{display:inline-block; text-align:center; margin:1px 0px; padding:3px 10px 0px; min-width:40px; border-radius:100px; border:1px solid #ddd; line-height:140%; font-size:16px}
.tag_ic{display:inline-block; vertical-align:middle; margin-right:7px; width:16px; height:20px; background-image:url(/share/images/program/ic_board.gif); text-indent:-5000px}
.tag_ic.ic_reply{margin-left:10px; background-position:left center}
.tag_ic.ic_open{background-position:-40px center}
.tag_ic.ic_close{background-position:-80px center}
.tag_ic.ic_new{width:33px; background-position:-120px center}
.tag_notice{margin-right:5px; color:#1a5194; font-weight:bold; font-size:0.93em}
/* 태그 및 버튼 색상 */
.c_rd{border-color:#a82a2a; color:#a82a2a}
.c_or{border-color:#da6506; color:#f16c00}
.c_yg{border-color:#5a9020; color:#5a9020}
.c_gr{border-color:#187332; color:#187332}
.c_gb{border-color:#1b7f74; color:#1b7f74}
.c_bg{border-color:#1c789a; color:#1c789a}
.c_bl{border-color:#1a5194; color:#1a5194}
.c_nv{border-color:#122e74; color:#122e74}
.c_vi{border-color:#5c3ca7; color:#5c3ca7}
.c_pp{border-color:#883a99; color:#883a99}
.c_pk{border-color:#d23f62; color:#d23f62}
.c_bk{border-color:#333; color:#333}
.c_gy{border-color:#666; color:#666}
.bg_rd{background:#a82a2a; border-color:#a82a2a; color:#fff !important}
.bg_or{background:#da6506; border-color:#f16c00; color:#fff !important}
.bg_yg{background:#5a9020; border-color:#5a9020; color:#fff !important}
.bg_gr{background:#187332; border-color:#187332; color:#fff !important}
.bg_gb{background:#1b7f74; border-color:#1b7f74; color:#fff !important}
.bg_bg{background:#1c789a; border-color:#1c789a; color:#fff !important}
.bg_bl{background:#1a5194; border-color:#1a5194; color:#fff !important}
.bg_nv{background:#122e74; border-color:#122e74; color:#fff !important}
.bg_vi{background:#5c3ca7; border-color:#5c3ca7; color:#fff !important}
.bg_pp{background:#883a99; border-color:#883a99; color:#fff !important}
.bg_pk{background:#d23f62; border-color:#d23f62; color:#fff !important}
.bg_bk{background:#333; border-color:#333; color:#fff !important}
.bg_gy{background:#666; border-color:#666; color:#fff !important}

/* 태그 및 버튼 색상 끝 */

.program_tab{border:3px solid #e5e5e5; background:#f5f5f5}
.program_tab ul{padding:10px}
.program_tab ul li{display:inline-block; position:relative}
.program_tab ul li:after{content:''; position:absolute; top:15px; right:-1px; width:1px; height:17px; background:#ccc}
.program_tab ul li:last-child:after{display:none}
.program_tab ul li a{position:relative; display:block; padding:10px 25px; font-size:16px}
.program_tab ul li.select a{font-weight:bold; color:#1a5194}
/*.program_tab ul li.select a:after{content:''; position:absolute; left:50%; bottom:-5px; width:8px; height:8px; border-bottom: solid 1px #333; border-left: solid 1px #333; background:#fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} */
.memoBox{margin-bottom:20px; padding:5%; border:6px solid #ddd}
.memoBox .memoCon{background:url(/share/images/program/note_line2.gif) left 0px; line-height:27px; word-break:keep-all}
.memoBox div.memoCon{position:relative; padding-left:13px; }
.memoBox div.memoCon:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}
.memoBox div.memoCon:before{display:block; content:''; position:absolute; top:14px; left:3px; width:4px; height:1px; background:#484848}
.memoBox div.memoCon br{position:relative; display:block; content:''}
.memoBox div.memoCon br:before{display:block; content:''; position:absolute; top:14px; left:-10px; width:4px; height:1px; background:#484848}
.memoBox .memoCon>li{position:relative; padding-left:13px; line-height:27px}
.memoBox .memoCon>li:before{display:block; content:''; position:absolute; top:14px; left:3px; width:4px; height:1px; background:#484848}
.memoBox .memoCon>li:last-child:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}

/* 유의사항 */
.board_view div.note{margin:auto; margin-bottom:40px; width:80%; padding:0px 5%; border:4px solid #eee}
/* 단순입력 */
.board_view div.note>dl{position:relative; padding-left:210px; min-height:150px; border-top:1px dashed #666}
.board_view div.note>dl:first-child{border-top:0px}
.board_view div.note>dl>dt{position:absolute; top:48%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); left:35px; padding-top:70px; font-size:1.2em; color:#333; letter-spacing:-1px; font-weight:bold; background-repeat:no-repeat; background-position:center top}
.board_view div.note>dl.attention>dt{background-image:url(/share/images/program/ic_attention.gif)}
.board_view div.note>dl.refund>dt{background-image:url(/share/images/program/ic_refund.gif)}
.board_view div.note>dl>dd{padding:30px 0px; }
.board_view div.note>dl>dd div{position:relative; background:url(/share/images/program/note_line.gif) left 0px; line-height:35px}
.board_view div.note>dl>dd div *{line-height:35px}
.board_view div.note>dl>dd div:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}
/* 단순입력 아니여도 됨 */
.board_view div.note>dl>dd ul{background:url(/share/images/program/note_line.gif) left 0px}
.board_view div.note>dl>dd ul+p{margin-top:20px; font-weight:bold}
.board_view div.note>dl>dd p+ul{margin-top:5px}
.board_view div.note>dl>dd ul li{position:relative; padding-left:15px; line-height:35px; word-break:keep-all}
.board_view div.note>dl>dd ul li:before{display:block; content:''; position:absolute; top:16px; left:3px; width:6px; height:1px; background:#484848}
.board_view div.note>dl>dd ul li:last-child:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}


/*** 검색 ***/
.search{text-align:center; margin-top:-1px; padding:3.5%; background:#f5f5f5; border:1px solid #ddd}
.search .field *,
.search .word *{vertical-align:middle}
.search select{margin:2px 0px; padding:0px 30px 0px 1%; width:20%; max-width:135px; height:40px; line-height:40px; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(/share/images/program/select_arr.gif) no-repeat right 13px center}
.search select::-ms-expand{display:none}
.search input[type=text]{margin-left:-1px; padding:3px 5px 0px 5%; width:100%; height:40px; line-height:40px; border:1px solid #ccc}
.search input[type=submit]{width:108px; height:40px; line-height:40px; border-width:0px; background:#333; color:#fff; font-size:18px}
.search .word{position:relative; display:inline-block; margin:2px 0px 2px -1px; width:35%; padding-right:113px}
.search .word input[type=submit]{position:absolute; right:0px; top:0px}
.search .range{display:inline-block; position:relative; width:42%}
.search .range.cal{ padding-right:35px; width:30%}
.search .range.cal img[src*=ic_cal]{position:absolute; top:2px; right:0px}
.search .field_gyeyak:After,
.search .field_gyeyak li:After{display:block; content:''; clear:both}
.search .field_gyeyak li{float:left; width:55%; text-align:left}
.search .field_gyeyak li:first-child{width:45%}
.search .field_gyeyak li:last-child dl{float:left; width:50%}
.search .field_gyeyak li:last-child dl:first-child{width:100%}
.search .field_gyeyak dl{position:relative; margin-top:5px; padding-left:90px; box-sizing:border-box}
.search .field_gyeyak dl dt{position:absolute; left:0px; top:5px; text-align:RIGHt; width:75px; font-weight:bold}
.search .field_array{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ddd}
.search .field_array li{display:inline-block; vertical-align:top; margin:5px 8px}
.search .field_array li select{min-width:150px}
.search .field_array dl{box-sizing:border-box}
.search .field_array dl dt{display:inline-block; margin:0px 5px; font-weight:bold}
.search .field_array dl dd{display:inline-block}
.search .field_inline{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ddd}
.search .field_inline li{display:inline-block}
.search .field_inline li select{width:100%; max-width:100%}
.search .search_btn{position:relative; margin-top:3%; padding-top:3%;  border-top:1px dotted #ccc}
.search .search_btn input[type=submit]{position:static;  min-width:20%}
.search_array{margin-top:30px; margin-bottom:10px}
.search_array:after{display:block; content:''; clear:both}
.search_array div{float:left; margin-left:2%; line-height:24px}
.search_array *{vertical-align:middle}
.search_array div:first-child{margin-left:0px}
.search_array div span{display:inline-block; position:relative; padding-right:13px; margin-right:3px; }
.search_array div span:after{display:block; content:':'; position:absolute; right:0px; top:-1px; width:5px; height:1px}
.search_array select{border:0px; padding-right:30px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:url(/share/images/program/select_arr02.gif) no-repeat right 13px top 6px}
.search_array select::-ms-expand{display:none}
.search_array div.term input[type=text]{border:0px; letter-spacing:0px; padding:3px 5px; width:115px; /* background:url('/share/images/program/select_arr02.gif') no-repeat right 2px top 8px; */ font-size:1em}
.search_array div.term input+img{cursor:pointer; padding:0px 5px 0px 5px; }
.search_array div.written{position:relative; float:right; font-size:.9em; transform:rotate(0.03deg)}
.search_array div.written:after{display:block; content:''; position:absolute; left:-9px; top:50%; width:5px; height:1px; background:#666}
.search_array div.array_btn input{padding:4px 2px 2px; width:70px; font-size:.9em; border:1px solid #ccc; color:#333; background:#fff; border-radius:60px; font-family:'Gmarket'}

/*** 리스트 ***/
.board_list{}
.nodata{padding:80px 10px; text-align:center; font-size:1.07em; border-top:2px solid #333; border-bottom:1px solid #aaa}
.tit_arow{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
/* 일반 */
.board_list ul.generalList{padding-top:2px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.generalList>li{position:relative; padding:19px 0px 15px; overflow:hidden; border-top:1px dotted #aaa; transform:rotate(0.03deg)}
.board_list ul.generalList>li:first-child{border-top:0px}
.board_list ul.generalList>li p{float:left; padding-left:.5%; width:59.5%; /* text-overflow:ellipsis; overflow:hidden; white-space:nowrap */}
.board_list ul.generalList>li p a{font-size:1.13em}
.board_list ul.generalList>li div.writer_info{float:right; width:38%}
.board_list ul.generalList>li div.writer_info ul{text-align:right; overflow:hidden}
.board_list ul.generalList>li div.writer_info ul li{display:inline-block; position:relative; top:2px; margin-right:3px; padding-left:7px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle}
.board_list ul.generalList>li div.writer_info ul li:before{display:inline-block; content:'/'; position:absolute; left:0px}
.board_list ul.generalList>li div.writer_info ul li:first-child:before{display:none}
.board_list ul.generalList>li div.writer_info ul li.writer{text-align:center; width:120px}
.board_list ul.generalList>li div.writer_info ul li.date{text-align:center; width:120px}
.board_list ul.generalList>li div.writer_info ul li.file{width:20px; padding-left:0px}
.board_list ul.generalList>li div.writer_info ul li.file:before{display:none}
.board_list ul.generalList>li div.writer_info ul li.file img{margin-top:-3px; vertical-align:middle;}
.board_list table.general_board{margin-bottom:20px; width:100%; border-bottom:1px solid #333}
.board_list table.general_board thead th{padding:18px 5px; font-weight:bold; font-size:15px; color:#333; line-height:25px; background:#f0f0f0; border-top:2px solid #333; border-bottom:1px solid #333}
.board_list table.general_board tbody th,
.board_list table.general_board tbody td{text-align:center; padding:15px 5px; }
.board_list table.general_board tbody tr{border-top:1px dotted #ccc}
.board_list table.general_board tbody tr:first-child{border-top:0px}
.board_list table.general_board tbody td.title{max-width:100px; width:50%}
.board_list table.general_board tbody td.title a{display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */
.f.img{background:#f0f0f0; text-align:center; height:120px}
.noimg.img a{display:block; height:100%;  background:#f0f0f0; }
.noimg.img img{position:relative !important; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:auto !important; height:auto !important; min-height:auto !important; z-index:1 !important; }
ul.list_info li{position:relative; padding-left:8px; line-height:150%; box-sizing:border-box; font-size:.92em; transform:rotate(0.03deg)}
ul.list_info.col2{overflow:hidden}
ul.list_info.col2 li{float:left; margin-bottom:0px; width:50%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
ul.list_info li:after{display:block; content:''; position:absolute; left:0px; top:9px; width:3px; height:3px; background:#aaa}
.board_list ul.photoList,
.board_list ul.photoList2{padding:25px 0px; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ccc}
.board_list ul.photoList>li,
.board_list ul.photoList2>li{position:relative; float:left; margin:1.6%; width:30.1%; box-shadow:0px 1px 1px rgba(0,0,0,.05)}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; height:230px; overflow:hidden}
.board_list ul.photoList>li p.img a:after,
.board_list ul.photoList2>li p.img a:after{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid rgba(0,0,0,.05); box-sizing:border-box}
.board_list ul.photoList>li p.img img,
.board_list ul.photoList2>li p.img img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); width:auto; min-width:100%; max-width:none; height:100%}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{border:1px solid #ddd; border-top:0px}
.board_list ul.photoList>li div.con p.tit a,
.board_list ul.photoList2>li div.con p.tit a{color:#333}
.board_list ul.photoList>li div.con{padding:6.5% 7% 7.5%}
.board_list ul.photoList>li div.con p.tit{position:relative; text-align:center; padding-bottom:20px; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList>li div.con p.tit:after{display:block; content:''; position:absolute; left:49.5%; bottom:0px; width:4px; height:4px; border-radius:3px; background:#aaa; box-shadow:-8px 0px 0px #aaa, 8px 0px 0px #aaa}
.board_list ul.photoList>li div.con p.date{margin-top:15px; text-align:center}
.board_list ul.photoList2>li div.con{padding:6.5% 8% 9%}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:10px; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList2>li div.con p.txt{height:40px; overflow:hidden; line-height:140%}
.board_list ul.photoList2>li div.con p.cate{margin-top:20px; min-height:24px}
/* 갤러리(이미지,타이틀,내용 가로형) */
.board_list ul.galleryList{padding:5px 0px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.galleryList>li{padding:25px 10px; overflow:hidden; border-top:1px dotted #aaa; word-break:keep-all}
.board_list ul.galleryList>li:first-child{border-top:0px}
.board_list ul.galleryList>li p.img{position:relative; float:left; width:32%; margin-right:4%; font-size:0px; height:215px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.2)}
.board_list ul.galleryList>li p.img img{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); width:100%; min-height:215px}
.board_list ul.galleryList>li div.con{position:relative; float:left; padding-bottom:40px; width:64%; }
.board_list ul.galleryList>li div.con.w100p{padding-bottom:0px; height:auto}
.board_list ul.galleryList>li div.con p.tit{margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.galleryList>li div.con p.tit a{font-size:1.55em; color:#333}
.board_list ul.galleryList>li div.con p.txt{line-height:150%}
.board_list ul.galleryList>li div.con p.cate{margin-top:15px}
.board_list ul.galleryList>li div.con ul.list_info{margin-top:10px}
.board_list ul.galleryList>li div.con p.tit+ul.list_info{margin-top:0px}
.board_list ul.ebookList{padding:20px 0px 25px; border-top:2px solid #333; border-bottom:1px solid #aaa; overflow:hidden}
.board_list ul.ebookList>li{float:left; position:relative; margin:2%; width:46%; border:1px solid #ddd; box-sizing:border-box; background:#fff; box-shadow:0px 1px 1px rgba(0,0,0,.05)}
.board_list ul.ebookList>li:before{display:block; content:''; position:absolute; left:-0.5%; top:1px; width:101%; height:98.5%; border:1px solid #ddd; z-index:-1}

.board_list ul.ebookList>li:after{display:block; content:''; clear:both}
.board_list ul.ebookList>li p.img{float:left; padding:5px; width:50%; height:300px; border-right:1px solid #ddd; box-sizing:border-box; overflow:hidden}
.board_list ul.ebookList>li p.img.noimg{position:relative; min-height:310px}
.board_list ul.ebookList>li p.img img{width:100%; max-height:300px}
.board_list ul.ebookList>li div.con{float:left; padding:7% 3% 65px 7%; width:50%; height:300px; box-sizing:border-box}
.board_list ul.ebookList>li div.con:before{display:block; content:''; position:absolute; right:-3px; top:0px; width:1px; height:99%; border:1px solid #ddd}
.board_list ul.ebookList>li div.con p.tit{font-size:1.4em; color:#333}
.board_list ul.ebookList>li div.con p.date{color:#666}
.board_list ul.ebookList>li div.con ul.ebook_btn{position:absolute; bottom:20px; right:5%; width:40%}
.board_list ul.ebookList>li div.con ul.ebook_btn li{border-top:1px dotted #ccc}
.board_list ul.ebookList>li div.con ul.ebook_btn li:first-child{border-top:0px}
.board_list ul.ebookList>li div.con ul.ebook_btn li a{display:inline-block; padding:10px 4px; padding-left:40px; font-weight:bold; background-position:10px center; background-repeat:no-repeat}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic01 a{background-image:url(/share/images/program/ic_ebook01.gif)}
.board_list ul.ebookList>li div.con ul.ebook_btn li.ic02 a{background-image:url(/share/images/program/ic_ebook02.gif)}

/* FAQ */
.board_list ul.faqList{border-top:2px solid #333; border-bottom:1px solid #aaa; overflow:hidden}
.board_list ul.faqList>li p.tit{border-bottom:1px dotted #aaa}
.board_list ul.faqList>li:last-child p.tit{border-bottom:0px}
.board_list ul.faqList>li p.tit a{position:relative; display:block; padding:15px 60px 15px 5px; font-size:1.13em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.faqList>li p.tit a:after,
.board_list ul.faqList>li p.tit a:before{display:block; content:''; position:absolute; right:23.5px; top:26px; width:11px; height:1px; background:#666; transform:rotate(45deg)}
.board_list ul.faqList>li p.tit a:before{right:16px; transform:rotate(-45deg)}
.board_list ul.faqList>li p.tit.open{border-width:0px; font-weight:bold}
.board_list ul.faqList>li p.tit.open a:after{right:16px}
.board_list ul.faqList>li p.tit.open a:before{right:23.5px}
.board_list ul.faqList>li div.con{display:none; padding:3% 4.5%; background:#f6f6f6; border-bottom:1px solid #ccc}
.board_list ul.faqList>li:last-child div.con{border-bottom:0px}
/* 강의 */
.board_list ul.lecList{overflow:hidden; padding-top:1px}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:10px; width:49.6%; box-sizing:border-box}
.board_list ul.lecList>li:nth-child(even){float:right}
.board_list ul.lecList>li:nth-child(1):after,
.board_list ul.lecList>li:nth-child(2):after{display:block; content:''; position:absolute; top:-1px; left:0px; width:100%; height:2px;
    background:#333}
.board_list ul.lecList>li.close *{color:#888; font-weight:normal}
.board_list ul.lecList>li.close p.tit a{color:#888; font-weight:normal}
.board_list ul.lecList>li>div{padding:30px 30px 27px; border:1px solid #ddd;}
.board_list ul.lecList>li p.tit{padding-right:85px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list ul.lecList>li p.tit a{color:#333; font-size:1.4em; font-weight:bold;}
.board_list ul.lecList>li .tag_state{position:absolute; top:25px; right:25px; min-width:60px}
.board_list ul.lecList>li ul{overflow:hidden; margin-top:20px}
.board_list ul.lecList>li ul>li{position:relative; float:left; width:50%; min-width:210px; padding-left:8px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.lecList>li ul>li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#ccc}
.board_list ul.lecList>li ul>li.long{clear:both; float:none; width:100%; }
/* etcList */
.board_list .etcList{overflow:hidden}
.board_list .etcList>li{float:left; margin:1% 0px; padding:2.5% 3%; width:49%; border:1px solid #ddd; box-sizing:border-box}
.board_list .etcList>li:nth-child(even){float:right}
.board_list .etcList>li:nth-child(1){border-top:2px solid #333}
.board_list .etcList>li:nth-child(2){border-top:2px solid #333}
.board_list .etcList>li p.tit{margin-top:3px; margin-bottom:5px; height:60px; overflow:hidden}
.board_list .etcList>li p.tit.tit_arow{margin-bottom:10px; height:auto}
.board_list .etcList>li p.tit a{font-size:1.4em; color:#333; line-height:130%}
.board_list .etcList>li p.txt{height:45px; line-height:150%; overflow:hidden}
.board_list .etcList>li p.txt+ul.list_info{margin-top:5px}
/* 설문 */
.board_list .surveyList{overflow:hidden}
.board_list .surveyList>li{float:left; margin:1% 0px; padding:2.5% 3%; width:49%; border:1px solid #eee; background:#f5f5f5; box-sizing:border-box}
.board_list .surveyList>li.survey_open{background:#fff; border:1px solid #ddd}
.board_list .surveyList>li:nth-child(even){float:right}
.board_list .surveyList>li:nth-child(1){border-top:2px solid #333}
.board_list .surveyList>li:nth-child(2){border-top:2px solid #333}
.board_list .surveyList>li p.tit{margin-top:3px; margin-bottom:10px; height:60px; overflow:hidden}
.board_list .surveyList>li p.tit a{font-size:1.4em; color:#333; line-height:130%}
/* 마이페이지
.board_list .myList{border-top:2px solid #333}
.board_list .myList>li{overflow:hidden; margin-bottom:10px; padding:2.5% 3%; border:1px solid #ddd}
.board_list .myList>li:first-child{border-top:0px}
.board_list .myList>li p.tit{overflow:hidden}
.board_list .myList>li p.tit a{font-size:1.4em; color:#333; line-height:130%}
.board_list .myList>li div.con{margin-top:15px; padding-right:100px; position:relative; }
.board_list .myList>li div.con ul.list_info{overflow:hidden}
.board_list .myList>li div.con ul.list_info li{float:left; width:50%}
.board_list .myList>li div.con ul.mypage_btn{position:absolute; right:0px; top:0px}
.board_list .myList>li div.con ul.mypage_btn li{margin-bottom:3px}
.board_list .myList>li div.con ul.mypage_btn li a{text-align:center; width:70px} */
/* 한줄리스트 */
.board_list .oneList{border-top:2px solid #333}
.board_list .oneList>li{overflow:hidden; margin-bottom:10px; padding:2.5% 3%; border:1px solid #ddd}
.board_list .oneList>li:first-child{border-top:0px}
.board_list .oneList>li p.tit{overflow:hidden}
.board_list .oneList>li p.tit a{font-size:1.4em; color:#333; line-height:130%}
.board_list .oneList>li div.con{margin-top:15px; position:relative; }
.board_list .oneList>li div.con ul.list_info{overflow:hidden}
.board_list .oneList>li div.con ul.list_info li{float:left; width:50%}
.board_list .oneList>li div.con ul.list_info li.long{clear:both; float:none; width:100%; }
.board_list .oneList.haveBtn>li div.con{padding-right:100px}
.board_list .oneList>li div.con ul.oneList_btn{position:absolute; right:0px; top:0px}
.board_list .oneList>li div.con ul.oneList_btn li{margin-bottom:3px}
.board_list .oneList>li div.con ul.oneList_btn li a{text-align:center; width:70px}
/* 데이타형식 */
table.dataTable{position:relative; margin-top:5px; width:100%; border-spacing:0; border-collapse:collapse}
table.dataTable:before{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:3px; background:#333}
table.dataTable caption{position:fixed; top:-50000px; right:-500000px}
table.dataTable th,
table.dataTable td{padding:12px 2%; border:1px solid #ccc; border-top:0px}
table.dataTable td:last-child,
table.dataTable th:last-child{border-right:0px}
table.dataTable td:first-child,
table.dataTable th:first-child{border-left:0px}
table.dataTable th{font-weight:bold}
table.dataTable thead th{padding:15px 2% 12px; background:#f0f0f0}
/* 제픔홍보관 */
.program_tab{margin-bottom:20px}
.product{overflow:hidden; padding-bottom:20px; border-top:2px solid #333; border-bottom:1px solid #ddd}
.product>li{float:left; margin:20px 1% 1%; width:18%}
.product>li p.img{text-align:center; height:220px; overflow:hidden}
.product>li p.img img{width:100%; min-height:100%}
.product>li p.company{margin-top:10px; font-size:.8em; color:#7f8d9f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.product>li p.name{margin-top:5px; height:40px; overflow:hidden}
.product>li .price{/* display:none; */ overflow:hidden}
.product>li .price>p{display:block; float:left}
.product>li .price>p.off{margin-right:10px; font-weight:bold; color:#7f8d9f; font-style:italic; font-size:32px; }
.product>li .price>p.off span{font-size:22px}
.product>li .price>p.pay{padding-top:5px; font-size:17px; line-height:16px; font-weight:bold}
.product>li .price>p.pay span{display:block; text-decoration:line-through; font-size:13px; font-weight:normal}
.product_view:after{display:block; content:''; clear:both}
.product_view div.photo{float:left; width:45%}
.product_view div.photo ul{position:relative; overflow:hidden; padding-top:365px; text-align:center}
.product_view div.photo ul li{display:inline; font-size:0px}
.product_view div.photo ul li p.thumb{display:inline-block; margin:3px 2px; width:15%; max-width:50px; overflow:hidden; z-index:1}
.product_view div.photo ul li p.thumb img{width:100%; height:45px; border:3px solid #fff; box-sizing:border-box}
.product_view div.photo ul li p.thumb a.on img{border-color:#0a59ba}
.product_view div.photo ul li p.img{display:none; position:absolute; left:0px; top:0px; width:100%; height:420px; overflow:hidden; z-index:-1}
.product_view div.photo ul li:first-child p.img{display:block}
.product_view div.photo ul li p.img img{ position:relative; top:0; width:100%; height:420px}
.product_view div.photo ul li p.img:after{display:block; content:''; position:absolute; bottom:0px; width:100%; height:60px; background:#000; background:rgba(0,0,0,.3)}
.product_view div.photo ul li:first-child:last-child p.thumb img{visibility:hidden}
.product_view div.photo ul li:first-child:last-child p.img:After{display:none}
.product_view div.photo ul li p.thumb.noimg{background:#f0f0f0}
.product_view div.photo ul li p.noimg.img img{top:50%}
.product_view div.info{position:relative; float:right; padding-bottom:20px; margin-bottom:0px; width:52%; min-height:420px; border-top:3px solid #1b1b1b; border-bottom:1px solid #aaa}
.product_view div.info div.name{padding:25px 15px; border-bottom:1px dashed #e1e1e1}
.product_view div.info div.name p.tit{margin-top:5px; font-weight:bold; font-size:1.8em; color:#333; line-height:130%}
.product_view div.info div.price{/* display:none; */ overflow:hidden; padding:15px 15px 10px; border-bottom:1px solid #aaa; letter-spacing:-1px}
.product_view div.info div.price p.off{float:left; font-weight:bold; font-size:50px; color:#7f8d9f; line-height:100%}
.product_view div.info div.price p.off span{font-size:25px}
.product_view div.info div.price>div{float:left; margin-left:10px}
.product_view div.info div.price>div p{line-height:120%}
.product_view div.info div.price>div p.price1{font-size:16px; text-decoration:line-through}
.product_view div.info div.price>div p.price2{font-weight:bold; font-size:28px}
.product_view div.info p.txt{padding:20px 20px 0px; line-height:140%; word-break:keep-all}
.product_view div.info ul.list{padding:20px 20px 0px}
.product_view div.info ul.list li{position:relative; padding-left:10px; min-height:23px;  color:#484848}
.product_view div.info ul.list li .q{font-size:1.1em; color:#222}
.product_view div.info ul.list li .a{position:relative; margin:7px 0px 25px; padding-left:14px}
.product_view div.info ul.list li .a:after{display:block; content:''; position:absolute; left:0px; top:10px; width:7px; height:1px; background:#888}
.product_view .detail{clear:both; margin:0px auto 20px; padding:50px 5%; border-bottom:1px solid #ddd}
.product_view .detail p.img{text-align:center; margin-top:30px; font-size:0px}
.product_view .detail p.img+.img{margin-top:0px}
.product_btn{margin-top:30px; text-align:right}
.company_view{}
.company_view p.tit{float:left; margin-top:60px; padding:8px 40px; font-size:1.2em; background:#333; color:#fff}
.company_view p.tit+*{clear:both}
.company_view div.info{position:relative; padding-top:10px; padding-right:40%; width:100%; overflow:hidden; border-top:2px solid #333}
.company_view div.info dl{display:table; width:100%; border-bottom:1px dashed #ccc}
.company_view div.info dl dt,
.company_view div.info dl dd{display:table-cell; position:relative; padding:10px 0px}
.company_view div.info dl dt{padding-left:25px; width:20%; min-width:120px; color:#222}
.company_view div.info dl dt:before{display:block; content:''; position:absolute; left:10px; top:20px; width:7px; height:1px; background:#666}
.company_view div.info .photo{position:absolute; right:0px; top:30px; width:36%; height:100%; overflow:hidden}
.company_view div.info .photo img{width:100%; max-height:100%}
.company_view div.info ul.type_kind{margin:10px 0px 5px}
.company_view div.info ul.type_kind>li{position:relative; padding-left:10px}
.company_view div.info ul.type_kind>li:before{display:block; content:''; position:absolute; left:0px; top:10px; width:3px; height:3px; background:#666}
.company_view .goods{padding-bottom:20px; border-top:2px solid #333; border-bottom:1px solid #ddd; white-space:nowrap; font-size:0px}
.company_view .goods>li{display:inline-block; margin:25px 1% 1%; width:18%; min-width:230px}
.company_view .goods>li p.img{text-align:center; height:220px; overflow:hidden}
.company_view .goods>li p.img img{width:100%; min-height:100%}
.company_view .goods>li p.company{margin-top:10px; font-size:.8em; color:#7f8d9f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.company_view .goods>li p.name{margin-top:15px; overflow:hidden; font-size:1.1em;}
.company_view .goods>li .price{font-size:.9em}
.company_view .goods>li .goBtn{margin-top:20px; white-space:normal}
.company_view .goods>li .goBtn a{display:inline-block; text-align:center; margin:2px 2px 2px 0px; padding:3px ;font-size:.9em; border:1px solid #666; background:#f0f0f0; width:105px}
.company_view .goods>li .goBtn a:last-child{background:#3f2917; border-color:#3f2917; color:#fff}
.company_view .product_view:after{display:block; content:''; clear:both}
.status_map {margin-top:20px; width:100%; height:400px;}
.photo_slide {text-align:center; position:relative; overflow:hidden; margin:20px auto; margin-top:20px; max-width:790px; padding-bottom:80px}
.photo_slide>img {max-height:100%;}
.photo_slide .list_box {position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:0px}
.photo_slide .list_box>a{position:absolute; bottom:0px; display:block; width:46px; height:100%; background:#f0f0f0;}
.photo_slide .list_box>a.prev {left:0px;}
.photo_slide .list_box>a.next {right:0px}
.photo_slide .list_box>a:After{display:block; content:''; position:absolute; left:50%; top:50%; margin-top:-10px; width:20px; height:20px; border:0px solid #333; border-width:2px 2px 0px 0px;-webkit-transform:rotate(-135deg);  transform:rotate(-135deg)}
.photo_slide .list_box>a.prev:After{margin-left:-5px}
.photo_slide .list_box>a.next:After{margin-left:-15px; -webkit-transform:rotate(45deg); transform:rotate(45deg)}
.photo_slide .list_box .list {width:85%; margin:0 auto; overflow:hidden;}
.photo_slide .list_box .list>ul {position:relative; font-size:0; line-height:0; white-space:nowrap;}
.photo_slide .list_box .list>ul>li {display:inline-block; width:12%; height:70px; margin-left:1%; overflow:hidden;}
.photo_slide .list_box .list>ul>li.on {border:3px solid #333}
.photo_slide .list_box .list>ul>li img {width:100%; min-height:100%;}
.photo_slide .list_box .list>ul>li:first-child {margin-left:.5%;}


/* 페이지 */
a.page_btn.btn_first,
a.page_btn.btn_prev,
a.page_btn.btn_next,
a.page_btn.btn_last{display:inline-block; text-indent:-50000px; width:25px; height:30px; background-position:center center; background-repeat:no-repeat; background-size:17px 20px; vertical-align:middle}
a.page_btn.btn_first{background-image:url(/share/images/program/btn_first.gif)}
a.page_btn.btn_prev{margin-right:15px; background-image:url(/share/images/program/btn_prev.gif)}
a.page_btn.btn_next{margin-left:15px; background-image:url(/share/images/program/btn_next.gif)}
a.page_btn.btn_last{background-image:url(/share/images/program/btn_last.gif)}
.paging{text-align:center; margin:50px 0px 20px; font-size:0px; }
.paging a{display:inline-block; text-align:center; min-width:30px; line-height:30px; font-size:16px; vertical-align:middle}
.paging a.select{background:#333; color:#fff; }
.paging_mb{text-align:center; margin:30px 0px; letter-spacing:-2px}
.paging_mb .input{text-align:center; width:50px}
.paging_mb .btn_input{min-width:60px}
.paging_mb a.page_btn{border:1px solid #ddd; width:12%; height:40px; line-height:40px; letter-spacing:0px; box-sizing:border-box}
.paging_mb a.page_btn.btn_prev{margin-right:5px}
.paging_mb a.page_btn.btn_next{margin-left:5px}
.paging_mb a.page_btn.btn_first,
.paging_mb a.page_btn.btn_last{text-indent:0px; color:#666; min-width:60px}
.paging_mb a.page_btn.btn_first{text-align:center; padding-right:20px; background-position:right 8px center}
.paging_mb a.page_btn.btn_last{text-align:center; padding-left:20px; background-position:left 8px center}

/*** 상세 ***/
/* 작성정보,첨부파일(상세,) */
.data_list{margin-top:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.add_file+.data_list{margin-top:-1px;}
.title+.data_list{margin-top:0px; border-top:0px}
.comment+.data_list{margin-top:50px}
.data_list>li{overflow:hidden; border-top:1px dotted #ccc}
.data_list>li:first-child{border-top:0px}
.data_list>li dl{display:table; width:100%}
.data_list>li.col2 dl{float:left; width:50%}
.data_list>li dl>dt,
.data_list>li dl>dd{display:table-cell; padding:10px 5px; padding-left:20px}
.data_list>li dl dt{width:90px; font-weight:bold; color:#333}
.data_list>li.longDt dl{padding:8px 0px}
.data_list>li.longDt dl dt{float:left; width:auto; padding-bottom:0px; padding-top:0px}
.data_list>li.longDt dl dd{float:left; padding-top:0px}
.data_list .local_cate{float:right; margin-left:10px}
.data_cell{padding:0px; margin-top:-1px; margin-bottom:20px}
.data_cell>ul{border-top:2px solid #333; border-bottom:1px solid #ccc}
.data_cell>ul>li{border-top:1px dashed #ddd}
.data_cell>ul>li:first-child{border-top:0px}
.data_cell ul li dl{display:table; margin:3px 0px; width:100%}
.data_cell ul li dl dt,
.data_cell ul li dl dd{display:table-cell; padding:10px 2%}
.data_cell ul li dl dt{text-align:center; width:20%; background:#eee; font-weight:bold}
.data_cell ul li img{vertical-align:middle}
.add_file dl{display:table; width:100%}
.add_file dl>dt,
.add_file dl>dd{display:table-cell; padding:5px 0px; padding-left:20px}
.add_file dl>dt{width:90px; font-weight:bold; color:#333}
.add_file{position:relative; padding:10px 80px 10px 0px; background:#f9f9f9; border-bottom:1px solid #ddd}
.add_file dl>dd ul li{position:relative; padding-left:15px}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:5px; color:#666; font-weight:normal; font-size:.8em; letter-spacing:0px}
/*.add_file dl>dd ul li:before{display:block; content:''; position:absolute; top:12px; left:3px; width:6px; height:1px; background:#484848} */
.add_file .alldown{position:absolute; right:30px; top:15px}
.board_view{}
.board_view div.title{text-align:center; margin-top:-1px; padding:35px 10px; border-top:2px solid #333; border-bottom:1px solid #333}
.board_view div.title p{font-size:1.55em; color:#333}
.board_view div.title p.period{display:inline-block; margin-top:10px; padding:0px 20px; font-size:1.07em; background:#e3e3e3; border-radius:60px; letter-spacing:0px; }
.board_view div.stateBox{margin-top:20px; text-align:right}
.board_view div.con{border-bottom:1px solid #ccc}
.board_view div.con img{max-width:100%}
.board_view div.con .photo{margin:40px auto; width:90%; text-align:center}
.board_view div.con .photo p{display:inline-block; margin-top:20px; max-width:100%; font-size:0.93em}
.board_view div.con .photo p span{display:block; transform:rotate(0.03deg)}
.board_view div.con .detail{margin:40px auto 50px; width:90%; transform:rotate(0.03deg)}
.board_view div.con .detail_movie{margin:40px auto 50px; width:90%}
.board_view div.con .photo+.detail{margin-top:80px}
.board_view div.con .openNuri{text-align:right; font-size:0px}
.board_view div.con .openNuri img{margin-bottom:-1px}
.board_view div.con table td, .board_view div.con table th{border:1px solid #ccc}
.photoView{margin:0px auto 40px; width:90%; max-width:650px}
.photoView p{position:relative; width:100%; height:420px; overflow:hidden}
.photoView p img{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-height:420px}
.photoView ul{margin-top:5px; text-align:center; font-size:0px}
.photoView ul li{display:inline-block; width:14.3%; height:60px; overflow:hidden; border:3px solid #fff}
.photoView ul li.on{border-color:#333}
.photoView ul li img{width:100%; min-height:65px}
.contact{padding:20px; margin-top:40px; border:4px solid #eee; overflow:hidden}
.contact>div{position:relative; float:left; width:50%}
.contact>div.map{height:400px; overflow:hidden}
.contact>div.map_info{padding-left:3%; width:45%}
.contact>div.map_info p.name{font-weight:bold; font-size:16px}
.contact>div.map_info ul{margin-top:20px}
.contact>div.map_info ul li{position:relative; padding-left:10px; }
.contact>div.map_info ul li:After{display:block; content:''; position:absolute; left:0px; top:12px; width:5px; height:1px; background:#666}

/* 댓글 */
.comment{padding:3.5% 4% 2%; border:6px solid #eee}
.comment div.comment_writer{margin-bottom:20px}
.comment div.comment_writer ul{overflow:hidden}
.comment div.comment_writer ul li{position:relative; float:left; margin-right:1%; width:25%}
.comment div.comment_writer ul li label{font-weight:bold}
.comment div.comment_writer input[type=text],
.comment div.comment_writer input[type=password]{text-align:center; margin-top:3px; border:0px; border:1px solid #aaa; padding:8px 0px; width:100%; font-weight:bold}
.comment div.comment_form{position:relative; padding-right:140px; }
.comment div.comment_form textarea{padding:10px 2%; width:96%; height:68px; background:#EEE; border:1px solid #ddd; line-height:150%; }
.comment div.comment_form input[type=submit]{position:absolute; right:0px; top:0px; width:140px; height:90px; font-size:1.2em; background:#fff; border:1px solid #ccc; color:#333}
div.comment_view ul.comment_list li{position:relative; padding:22px 5px 24px; border-bottom:1px dashed #ccc; }
div.comment_view ul.comment_list li p.writer{padding-right:70px}
div.comment_view ul.comment_list li p.writer span.name{font-size:15px; font-weight:bold}
div.comment_view ul.comment_list li p.writer span.date{font-size:14px}
div.comment_view ul.comment_list li p.txt{margin-top:8px; font-size:14px; line-height:130%; }
div.comment_view ul.comment_list li a.del_comment{display:block; position:absolute; top:22px; right:5px; padding-left:22px; padding-right:8px; height:22px; line-height:20px; border:1px solid #ccc; font-size:14px; color:#666}
div.comment_view ul.comment_list li a.del_comment:before,
div.comment_view ul.comment_list li a.del_comment:after{display:block; content:''; position:absolute; top:6px; left:12px; width:1px; height:12px; background:#333;  transform:rotate(45deg)}
div.comment_view ul.comment_list li a.del_comment:before{transform:rotate(-45deg)}
.comment .paging{margin:20px 0px 40px}
.comment .paging a{font-size:15px}
.comment a.page_btn.btn_first,
.comment a.page_btn.btn_prev,
.comment a.page_btn.btn_next,
.comment a.page_btn.btn_last{min-width:20px; height:25px}
.comment a.page_btn.btn_prev{margin-right:5px}
.comment a.page_btn.btn_next{margin-left:5px}
.comment.pop_comment{padding:2% 5%; border:0px}
/* QNA */
.board_reply{margin-top:-1px; border-top:1px solid #333; border-bottom:1px solid #ccc}
.board_reply>div{padding:4% 3.5%; border-top:1px solid #333}
.board_reply>div.reply_bribe{padding:0px; margin-bottom:20px; border-bottom:1px solid #ccc}
.board_reply>div.reply_bribe>ul{}
.board_reply>div.reply_bribe>ul>li{border-bottom:1px dashed #ddd}
.board_reply>div.reply_bribe ul li dl{display:table; margin:3px 0px; width:100%}
.board_reply>div.reply_bribe ul li dl dt,
.board_reply>div.reply_bribe ul li dl dd{display:table-cell; padding:10px 2%}
.board_reply>div.reply_bribe ul li dl dt{text-align:center; width:20%; background:#eee; font-weight:bold}
.board_reply>div.reply_bribe ul li img{vertical-align:middle}
.board_reply>div.reply_bribe>dl{display:table; padding:3px 0px; width:100%; border-bottom:1px dashed #ddd}
.board_reply>div.reply_bribe>dl dt,
.board_reply>div.reply_bribe>dl dd{display:table-cell; padding:10px 2%}
.board_reply>div.reply_bribe>dl dt{text-align:center; width:20%; background:#f0f0f0; font-weight:bold}
.board_reply>div.reply_bribe>dl dd ul li{position:relative; padding-left:9px}
.board_reply>div.reply_bribe>dl dd ul li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:4px; height:1px; background:#888}
.board_reply>div.reply_bribe>dl.corrupt dd{font-weight:bold}
.board_reply>div.reply_bribe>dl.reporter{border-bottom:0px}
.board_reply>div.reply_bribe>dl.reporter dd ul li{font-size:0.93em}
.board_reply>div.reply_bribe>dl.reporter dd ul li span{font-weight:bold}
.board_reply>div .add_file{margin-top:5%; background:transparent; border-top:1px solid #ccc}
.board_reply>div .data_list{border-bottom:0px}
.board_reply>div .writer+.data_list{margin-top:5%}
.board_reply>div.reply_q .writer{font-size:1.07em; font-weight:bold}
.board_reply>div.reply_q .writer{font-size:1.07em; font-weight:bold}
.board_reply>div.reply_q .tit{margin:20px 0px 12px; font-weight:bold; font-size:1.2em}
.board_reply>div.reply_a{background:#f5f5f5}
.board_reply>div.reply_a .tit{margin-bottom:20px}
.board_reply>div.reply_a .writer{margin-top:10px}
/* 설문 */
.survey_frame{position:relative; margin-top:-1px; border-top:3px solid #333; box-sizing:border-box}
.survey_frame>ul{border:1px solid #ccc; border-top:0px}
.survey_frame>ul>li{padding:5% 4.5%; border-top:1px dashed #ccc}
.survey_frame>ul>li:first-child{border-top:0px dashed #ccc}
.survey_frame>ul>li:nth-child(3n-1){background:#f7f7f7}
.survey_frame>ul>li:nth-child(3n){background:#f0f0f0}
.survey_frame .q{margin-bottom:10px; font-size:1.2em; color:#333}
.survey_frame .a{margin-left:5px; }
.survey_frame .a li{margin:2px 0px}
.survey_frame.write .a{margin-top:20px}
.survey_frame.write .a li{margin-top:5px}
.survey_frame .a_img{overflow:hidden}
.survey_frame .a_img li{float:left; width:24%; margin-left:1%}
.survey_frame .a_img li img{max-width:100%; height:150px}
.survey_frame.write .a_img{margin-top:20px}
.survey_frame input:checked+label{font-weight:bold; color:#333}
.ratio_graph{border-left:1px solid #ddd; margin-left:1%; margin-top:20px; font-size:0px; width:100%; white-space:nowrap}
.ratio_graph:after{display:block; content:''; overflow:hidden}
.ratio_graph>li{position:relative; margin:2px 0px; height:15px;  border-left:2px solid #fff; box-sizing:border-box}
.ratio_graph .survey_ratio.ratio01{background:#ffb1b1}
.ratio_graph .survey_ratio.ratio02{background:#e97b19}
.ratio_graph .survey_ratio.ratio03{background:#ffdc50}
.ratio_graph .survey_ratio.ratio04{background:#8cda57}
.ratio_graph .survey_ratio.ratio05{background:#50c373}
.ratio_graph .survey_ratio.ratio06{background:#3d9eaa}
.ratio_graph .survey_ratio.ratio07{background:#4095d0}
.ratio_graph .survey_ratio.ratio08{background:#618be0}
.ratio_graph .survey_ratio.ratio09{background:#7961e0}
.ratio_graph .survey_ratio.ratio10{background:#b561e0}
.ratio_graph .survey_ratio span{display:block; position:absolute; right:-55px; top:-5px; width:50px; text-align:left; font-size:13px}
/* 이전글 다음글 */
.other_con{margin-top:70px; border-top:1px solid #333; border-bottom:1px solid #333}
.other_con li{position:relative; padding:12px 8px; padding-left:130px; border-top:1px dotted #ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.other_con li:first-child{border-top:0px}
.other_con span{display:block; position:absolute; text-align:center; width:130px; height:100%; left:0px; top:12px; font-weight:bold}

/*** 작성 ***/
.board_write{border-top:2px solid #333; margin-top:-1px}
.board_write ul li{padding:12px 7px 15px; border-bottom:1px solid #ddd}
.board_write ul li.title{border-bottom:1px solid #333}
.board_write ul li dl{display:table; width:100%}
.board_write ul li dl dt{display:table-cell; vertical-align:middle; font-weight:bold; color:#333; font-size:16px; width:20%}
.board_write ul li dl dt label{color:#333; font-size:16px;}
.board_write ul li dl dt span{font-weight:normal}
.board_write ul li dl dt span.ps{display:inline-block; font-size:14px}
.board_write ul li dl dt span.ps:before{display:inline-block; content:''; margin:-1px 5px 0px 9px; width:2px; height:12px; background:#aaa; vertical-align:middle }
.board_write ul li dl dd{display:table-cell; margin-top:12px}
/* .board_write ul li dl dt{font-weight:bold; color:#333; font-size:1.07em}
.board_write ul li dl dt span{font-weight:normal}
.board_write ul li dl dd{margin-top:10px} */
.board_write ul li.readonly dl dt,
.board_write ul li.readonly dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write ul li.oneline dl dt,
.board_write ul li.oneline dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write input[type=file]{margin:1px; padding:6px 5px; width:50%; height:40px; border:1px solid #ccc; vertical-align:middle;  box-sizing:border-box}
.board_write input[type=text],
.board_write input[type=password]{margin:1px; padding:0px 5px; height:40px; line-height:40px; width:60%; border:1px solid #ccc; vertical-align:middle; background:#f5f5f5; box-sizing:border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none}
.board_write input[type=radio],
.board_write input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px;}
.board_write select{vertical-align:middle; margin:2px 0px; padding:6px; min-width:200px}
.board_write textarea{padding:10px; width:100%; border:1px solid #ccc; box-sizing:border-box}
.board_write img{vertical-align:middle}
.board_writeDeep li:first-child {padding-top:0;}
.board_writeDeep li:last-child {padding-bottom:0; border-bottom:0;}
.need{font-size:0.93em; color:#a50e0e}
.chkList li{display:inline-block; padding:0px !important; border:0px !important}
.chkList li input:checked+label{font-weight:bold; color:#333}
.chkList li input[type=radio],
.chkList li input[type=checkbox]{margin-right:5px; vertical-align:middle; width:18px; height:18px}

/* 비밀번호입력 */
.password{text-align:center; margin:7% auto 20px; padding:20px 0% 50px; width:90%; max-width:720px; background:#f5f5f5; border:3px solid #e3e3e3}
.password p{display:inline-block; padding:40px 0px 40px 85px; font-size:1.13em; background:url(/share/images/program/ic_password.gif) no-repeat left center}
.password>div{margin:auto; font-size:2px}
.password>div input[type=password]{width:50%; text-align:center; background:#fff}
.password>div input[type=submit]{width:17%}
.password+.btnBox{margin:auto; width:90%; max-width:720px}
/* 동의 */
.agree{padding-bottom:30px}
.agree .tit{margin-top:30px; margin-bottom:10px; font-size:1.66em; color:#333}
.agree .agree_txt{margin-top:10px; margin-left:3px; font-size:1.07em}
.agree textarea{border:0px}
.agree .textarea textarea,
.agree .textarea>div{padding:2%; width:96%; height:330px; overflow-y:auto}

/*** 스케쥴 ***/
.schedule div.month{position:relative; margin:auto; width:340px}
.schedule div.month p{text-align:center; margin:25px 0px 30px; font-size:3.55em; color:#888}
.schedule div.month p span{font-weight:bold; color:#333}
.schedule div.month ul{}
.schedule div.month ul li{position:absolute; top:17px; }
.schedule div.month ul li.btn_prev{left:0px}
.schedule div.month ul li.btn_next{right:0px}
.schedule div.month ul li a{display:block; position:relative; width:50px; height:50px; text-indent:-5000px}
.schedule div.month ul li a:after,
.schedule div.month ul li a:before{display:block; content:''; position:absolute; left:50%; width:1px; height:50%; background:#333; border-radius:1px}
.schedule div.month ul li a:before{top:5px; transform:rotate(45deg)}
.schedule div.month ul li a:after{top:22px; transform:rotate(-45deg)}
.schedule div.month ul li.btn_next a:before{transform:rotate(-45deg)}
.schedule div.month ul li.btn_next a:after{transform:rotate(45deg)}
.schedule table{width:100%; border-top:2px solid #333; border-collapse:collapse; table-layout:fixed; position:relative}
.schedule table caption{position:fixed; top:-50000px; left:-50000px}
.schedule table .sun, .schedule table .sun p{color:#a82a2a}
.schedule table .sat, .schedule table .sat p{color:#1a5194}
.schedule table thead th{position:relative; padding:10px 5px; font-size:1.07em}
.schedule table thead th:after{display:block; content:''; position:absolute; left:0px; top:17px; width:1px; height:15px; background:#aaa}
.schedule table thead th:first-child:after{display:none}
.schedule table thead tr{border-bottom:1px solid #222}
.schedule table tbody td{vertical-align:top; width:14.2%; border:1px solid #e0e0e0; border-width:0px 0px 1px 1px; height:120px}
.schedule table tbody td:first-child{border-left:0px}
.schedule table tbody td>p.date{text-align:center;  width:35px; height:35px; line-height:35px; border:1px solid #e0e0e0; border-width:0px 1px 1px 0px; font-size:1.07em; background:#fff}
.schedule table tbody td>ul{padding:10% 13% 13%}
.schedule table tbody td>ul>li{padding:3px 2px;  border-top:1px dotted #ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all}
.schedule table tbody td>ul>li:first-child{border-top:0px}
.schedule table tbody td.close{background:#f5f5f5}
.schedule table tbody td>ul>li.close a{color:#aaa}
.schedule table tbody td>ul>li.close a:hover{color:#949494; text-decoration:line-through}
.schedule table tbody td.close li a{color:#8e8e8e}
.schedule table tbody td>ul.book{}
.schedule table tbody td>ul.sch_list{padding:15px 7px; text-align:left}
.schedule table tbody td>ul.sch_list>li{font-size:0.8em}
.schedule table tbody td>ul.sch_list>li span.tag{font-weight:bold; }
.schedule table tbody td>ul.sch_list>li div.con{display:none; position:absolute; left:0px; margin-top:4px; padding:5% 6%; ; width:88%; background:#eee; box-shadow:0px 1px 3px rgba(0,0,0,.5)}
.schedule table tbody td>ul.sch_list>li div.con>p.tit{padding-bottom:20px; font-size:1.55em; color:#333; border-bottom:2px solid #333; text-overflow:ellipsis; overflow:hidden}
.schedule table tbody td>ul.sch_list>li div.con>ul{padding-bottom:3px; border-bottom:1px solid #aaa}
.schedule table tbody td>ul.sch_list>li div.con>ul>li{padding:7px 7px 9px; border-top:1px dashed #ccc; white-space:normal}
.schedule table tbody td>ul.sch_list>li div.con>ul>li:first-child{padding-top:10px; border-top:0px}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p{padding:2px; display:inline-block; vertical-align:top}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p.q{min-width:100px; font-weight:bold}
.schedule table tbody td>ul.sch_list>li div.con p.close_con{margin-top:40px; text-align:center}
.schedule table tbody td>ul.sch_list>li div.con p.close_con a{display:inline-block; padding:10px; width:120px; background:#333; color:#fff; font-size:1.2em}
.schedule_week{}
.schedule_week dl.list{position:relative; padding:20px 0px; min-height:80px; border-bottom:1px solid #aaa}
.schedule_week dl.list dt{position:absolute; left:0px; top:30px; text-align:center; width:100px; font-size:2em; color:#333; line-height:100%}
.schedule_week dl.list dt span{display:block; font-size:0.6em}
.schedule_week dl.list dd{padding-left:120px}
.schedule_week dl.list dd>ul>li{position:relative; border-top:1px dotted #ccc}
.schedule_week dl.list dd>ul>li:first-child{border-top:0px}
.schedule_week dl.list dd>ul>li a{display:block; padding:8px 160px 10px 130px}
.schedule_week dl.list dd>ul>li .time{position:absolute; left:5px; top:7px; width:100px; font-size:1.13em; color:#666}
.schedule_week dl.list dd>ul>li .tit{font-size:1.13em; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li .place{display:inline-block; position:absolute; right:0px; top:10px; text-align:center; padding:0px 10px; min-width:70px; max-width:130px; color:#666; border:1px solid #ddd; border-radius:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:10px; padding:30px; background:#f0f0f0}
.schedule_week .nodata{border-top:0px}

/*** 팝업페이지 ***/
.pop_page{padding-bottom:80px}
.pop_page .popTop{text-align:center; padding:35px 5%; border-bottom:1px solid #333}
.pop_page .popTop p.tit{text-align:left; letter-spacing:-1px; font-size:22px; word-break:keep-all; color:#333}
.pop_page .popTop p.tit_vote{text-align:center; letter-spacing:-1px; font-size:30px; word-break:keep-all; color:#333}
.pop_page .popCon{padding:5% 7%}
.pop_page .popCon ul.qalist>li{position:relative; padding:4px 0px; padding-left:150px; }
.pop_page .popCon ul.qalist>li .q{position:absolute; left:0px; width:140px; font-size:17px}
.pop_page .popCon ul.qalist>li .blind{display:inline-block; position:relative; bottom:-5px; text-align:center; width:40%; letter-spacing:2px; font-size:1.2em; line-height:30px}
.pop_page .popTbox{margin-top:30px; padding:25px 20px 30px 25px; border:4px solid #ddd}
.pop_page .popTbox .bfont{font-size:16px}
.pop_page .popTbox .list_info.bfont li{margin:3px 0px; font-size:16px; letter-spacing:0px}
.pop_page .pop_close{position:fixed; bottom:0px; width:100%}
.pop_page .pop_close a,
.pop_page .pop_close input[type=submit]{display:block; text-align:center; padding:15px 10px 15px; background:#333; color:#fff; font-size:18px; font-weight:bold; border:0px; width:100%; cursor:pointer}

/*
.popCon_graph{padding-bottom:5px; width:100%; height:300px; font-size:0px; white-space:nowrap; border-bottom:1px solid #666}
.popCon_graph:after{display:block; content:''; overflow:hidden}
.popCon_graph>li{position:relative; display:inline-block; vertical-align:bottom; padding:0px 2px; width:20%;  box-sizing:border-box}
.popCon_graph .survey_ratio.ratio01{background:#ffb1b1}
.popCon_graph .survey_ratio.ratio02{background:#e97b19}
.popCon_graph .survey_ratio.ratio03{background:#ffdc50}
.popCon_graph .survey_ratio.ratio04{background:#8cda57}
.popCon_graph .survey_ratio.ratio05{background:#50c373}
.popCon_graph .survey_ratio span{display:block; width:100%}
.popCon_graph .survey_ratio p{position:absolute; bottom:-30px; width:100%; text-align:center} */


/*** 회원관련 ***/
.join_step{margin:50px auto; text-align:center; font-size:0px; }
.join_step li{display:inline-block; font-size:17px}
.join_step li:after{display:inline-block; content:''; margin:5px 20px 5px 10px; width:4px; height:4px; background:#ccc; border-radius:50px; box-shadow:7px 0px 0px #ccc}
.join_step li:last-child:after{display:none}
.join_step li span.num{display:inline-block; margin-right:5px; width:30px; line-height:30px; background:#eaeaea; border-radius:50px}
.join_step li.select{font-size:18px; font-weight:bold}
.join_step li.select:after{background:#333; box-shadow:7px 0px #333}
.join_step li.select span.num{width:35px; line-height:35px; background:#333; color:#fff}
/* 회원가입 */
.join{overflow:hidden}
.join li{float:left; margin:.35%; width:32.6%; border-top:3px solid #333}
.join li a{display:block; text-align:left; width:100%; padding:0px 4%; border:1px solid #ccc; border-top:none; box-sizing:border-box}
.join li a:hover{border-color:#333}
.join li a .tit{display:block; padding:35px 3% 35px 50%; font-size:1.55em; color:#333; line-height:130%; background-repeat:no-repeat; background-position:15% center}
.join li.ic01 a .tit{background-image:url(/share/images/program/ic_join01.gif);}
.join li.ic02 a .tit{background-image:url(/share/images/program/ic_join02.gif);}
.join li.ic03 a .tit{background-image:url(/share/images/program/ic_join03.gif);}
.join li a .tit span{color:#939393}
.join li a .txt{display:block; position:relative; padding:15px 10px; line-height:150%; color:#333; border-top:1px solid #ddd; letter-spacing:-1px}
.join li a .txt:before,
.join li a .txt:after{display:block; content:''; position:absolute; right:9px; top:21px; width:12px; height:2px; background:#333; border-radius:10px; transform:rotate(45deg)}
.join li a .txt:after{top:29px; transform:rotate(-45deg)}
/* 실명인증 */
.realname{overflow:hidden}
.realname li{float:left; margin:.5%; width:49%; border-top:3px solid #333}
.realname li button{text-align:left; width:100%; padding:8% 3%; padding-left:33%; border:1px solid #ccc; border-top:none; background-color:#fff; background-repeat:no-repeat; background-position:12% center; word-break:keep-all }
.realname li button:hover{border-color:#333}
.realname li.ic01 button{background-image:url(/share/images/program/ic_realname01.gif);}
.realname li.ic02 button{background-image:url(/share/images/program/ic_realname02.gif);}
.realname li button .tit{display:block; font-size:1.55em; color:#333}
.realname li button .txt{display:block; margin-top:15px; padding-left:2px; line-height:150%; color:#484848; letter-spacing:-1px}
/* 가입완료 */
.membox{margin:7% auto 20px; padding:20px 0% 50px; width:90%; max-width:720px;  border:2px solid #333}
.membox_tit{text-align:center; font-size:1.4em; color:#333; font-weight:bold}
.membox_tit:After{display:block; content:'* * *'; margin:20px 0px 50px}
.membox input[type=submit].btn_ok{padding:10px 20px; margin-bottom:20px; font-size:1.2em; min-width:60%}
.membox_btn{margin:auto; width:90%; max-width:720px}
.password_txt{display:none; position:absolute; left:-320px; top:0px; width:260px; padding:20px; background:#333; border-radius:2px; color:#fff; font-size:12px; z-index:1; box-shadow:0px 1px 2px rgba(0,0,0,.5)}
.password_txt:After{display:block; content:''; position:absolute; top:25px; right:-10px; width:0px; height:0px; border:5px solid transparent; border-left-color:#333}
.password_txt span{display:block; margin-top:10px; padding:10px; background:#444}
.joinFinish{text-align:center; }
.joinFinish dl{display:inline-block; padding:40px 0px 40px 180px; background:url(/share/images/program/ic_joinfinish.gif) no-repeat left center}
.joinFinish dl dt{font-size:1.4em; color:#333}
.joinFinish dl dd ul{text-align:left; margin-top:15px}
.joinFinish dl dd ul li span.wfont{letter-spacing:0px}
.joinFinish+p a.btn{padding:0px 40px}
/* 아이디찾기 */
.findedid{text-align:center; padding:150px 0px 60px; background:url(/share/images/program/ic_password.gif) no-repeat center 50px}
.findedid p.txt{font-size:1.4em}
.findedid p.txt span{font-weight:bold; text-decoration:underline}
.findedid ul{margin:30px auto 0px; width:50%; min-width:300px}
.findedid ul>li{position:relative; border-bottom:1px solid #333}
.findedid ul>li input[type=text],
.findedid ul>li input[type=password]{padding:15px 2%; width:96%; font-size:1.2em; color:#333; border:0px; background:none}
.findedid ul>li input:focus+.password_txt{display:block}
.findid{padding:180px 0px 60px; background:url(/share/images/program/ic_joinfinish.gif) no-repeat center 50px}
.findid ul{margin:0px auto; width:60%; min-width:300px}
.findid ul label{display:block; font-weight:bold; margin-bottom:5px}
.findid ul label:After{display:inline-block; content:' ▼'; vertical-align:middle; margin-top:-3px; margin-left:5px; font-size:.9em}
.findid ul>li{position:relative; margin-bottom:70px; border-bottom:1px solid #333}
.findid ul>li input[type=text],
.findid ul>li input[type=password]{padding:8px 2%; width:96%; font-size:1.2em; color:#333; border:0px; background:none; text-align:center}
.findid ul>li input[type=checkbox]{margin:20px 5px 20px 20px; width:16px; height:16px; vertical-align:middle}
.findid ul>li.tel input[type=text]{width:25%}
.findid img[src$='ic_cal.gif']{position:absolute; right:0px; top:35%}
.findid ul.chkList{padding:15px 0px; width:100%}
.findid ul.chkList li{margin-bottom:0px}
.findid ul.chkList label{display:inline-block}

/* 로그인 */
#contents .login{margin:7% auto 20px; padding:5% 1% 6%; width:85%; background:#f5f5f5; border:3px solid #e3e3e3; overflow:hidden}
#contents .login p.tit{float:left; text-align:center; margin-top:3%; padding-top:140px; width:48%; background:url(/share/images/program/ic_login.gif) no-repeat center top; font-size:2.14em; color:#333}
#contents .login div.con{float:left; margin-left:2%; width:37%}
#contents .login div.con ul.login_form>li{position:relative}
#contents .login div.con ul.login_form>li input[type=text],
#contents .login div.con ul.login_form>li input[type=password]{padding:15px 2%; width:96%; font-size:1.2em; color:#333; border:0px; border-bottom:1px solid #333; background:none}
#contents .login div.con p.btn_login{margin-top:20px}
#contents .login div.con p.btn_login input[type=submit]{margin:0px; width:100%}
#contents .login div.con ul.btn_findid{text-align:right; margin-top:20px}
#contents .login div.con ul.btn_findid li{display:inline-block; position:relative; margin:0px 23px; letter-spacing:-1px}
#contents .login div.con ul.btn_findid li:After{display:block; content:''; position:absolute; top:6px; left:-14px; width:1px; height:14px; background:#aaa}
#contents .login div.con ul.btn_findid li:first-child:after{display:none}
#contents .login div.con ul.btn_findid li:last-child{margin:0px}
#contents .login div.con ul.login_form>li input:focus+.password_txt{display:block}


/*** 지도서비스 ***/
.map_service{position:absolute; left:30px; top:30px; width:365px; background:#fff; border-radius:5px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.2); z-index:1}
.map_service div.map_search{border-bottom:1px solid #ddd}
.map_service div.map_search>div{position:relative; padding-right:70px}
.map_service div.map_search input[type=text]{padding-left:8%; width:92%; border:0px; height:50px; line-height:50px; color:#777}
.map_service div.map_search input[type=text]:focus{color:#333}
.map_service div.map_search input[type=submit]{background:#fff; text-indent:-5000px; width:60px; height:50px; border:0px}
.map_service div.map_search .btn_search{position:absolute; right:0px; top:0px}
.map_service div.map_search .btn_search:after,
.map_service div.map_search .btn_search:before{display:block; content:''; position:absolute; z-index:1}
.map_service div.map_search .btn_search:after{left:9px; top:13px; width:16px; height:16px; border:3px solid #d2d2d2; border-radius:60px}
.map_service div.map_search .btn_search:before{left:28px; top:28px; width:4px; height:10px; background:#d2d2d2; border-radius:4px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.map_service div.map_search input:after{display:block}
.map_service ul.map_menu{padding:20px 20px 18px; overflow:hidden}
.map_service ul.map_menu>li{position:relative; float:left; padding:6px 0px; width:20%}
.map_service ul.map_menu>li a{display:block; text-align:center; font-size:13px; letter-spacing:-1px}
.map_service ul.map_menu>li a.list_tgl{position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:102; font-size:0px}
.map_service ul.map_menu>li.bgoff a.list_tgl{display:none}
.map_service ul.map_menu>li a:before{display:inline-block; content:''; width:45px; height:45px; border-radius:45px; background-color:#eaeaea; transition:all ease .3s; background-repeat:no-repeat; background-position:center center}
.map_service ul.map_menu>li:nth-child(1) a:before{background-color:#fb8834}
.map_service ul.map_menu>li:nth-child(2) a:before{background-color:#fdc121}
.map_service ul.map_menu>li:nth-child(3) a:before{background-color:#7ec653}
.map_service ul.map_menu>li:nth-child(4) a:before{background-color:#609f6a}
.map_service ul.map_menu>li:nth-child(5) a:before{background-color:#61b9cc}
.map_service ul.map_menu>li:nth-child(6) a:before{background-color:#5b93d3}
.map_service ul.map_menu>li:nth-child(7) a:before{background-color:#62b899}
.map_service ul.map_menu>li:nth-child(8) a:before{background-color:#828fe1}
.map_service ul.map_menu>li:nth-child(9) a:before{background-color:#be77d5}
.map_service ul.map_menu>li:nth-child(10) a:before{background-color:#f56882}
.map_service ul.map_menu>li:nth-child(11) a:before{background-color:#e873c6}
.map_service ul.map_menu>li.ic_food a:before{background-image:url(/share/images/program/ic_map_food.png)}
.map_service ul.map_menu>li.ic_stay a:before{background-image:url(/share/images/program/ic_map_stay.png)}
.map_service ul.map_menu>li.ic_park a:before{background-image:url(/share/images/program/ic_map_park.png)}
.map_service ul.map_menu>li.ic_market a:before{background-image:url(/share/images/program/ic_map_market.png)}
.map_service ul.map_menu>li.ic_bank a:before{background-image:url(/share/images/program/ic_map_bank.png)}
.map_service ul.map_menu>li.ic_culture a:before{background-image:url(/share/images/program/ic_map_culture.png)}
.map_service ul.map_menu>li.ic_school a:before{background-image:url(/share/images/program/ic_map_school.png)}
.map_service ul.map_menu>li.ic_medical a:before{background-image:url(/share/images/program/ic_map_medical.png)}
.map_service ul.map_menu>li.ic_facility a:before{background-image:url(/share/images/program/ic_map_facility.png)}
.map_service ul.map_menu>li.ic_welfare a:before{background-image:url(/share/images/program/ic_map_welfare.png)}
.map_service ul.map_menu>li.ic_sports a:before{background-image:url(/share/images/program/ic_map_sports.png)}
.map_service ul.map_menu>li.ic_library a:before{background-image:url(/share/images/program/ic_map_library.png)}
.map_service ul.map_menu>li.ic_other a:before{background-image:url(/share/images/program/ic_map_other.png)}
.map_service ul.map_menu>li.bgoff a:before{background-color:#eaeaea}
.map_service ul.map_menu>li.ic_food.bgoff a:before{background-image:url(/share/images/program/ic_map_food_off.png)}
.map_service ul.map_menu>li.ic_stay.bgoff a:before{background-image:url(/share/images/program/ic_map_stay_off.png)}
.map_service ul.map_menu>li.ic_culture.bgoff a:before{background-image:url(/share/images/program/ic_map_culture_off.png)}
.map_service ul.map_menu>li.ic_market.bgoff a:before{background-image:url(/share/images/program/ic_map_market_off.png)}
.map_service ul.map_menu>li.ic_bank.bgoff a:before{background-image:url(/share/images/program/ic_map_bank_off.png)}
.map_service ul.map_menu>li.ic_park.bgoff a:before{background-image:url(/share/images/program/ic_map_park_off.png)}
.map_service ul.map_menu>li.ic_school.bgoff a:before{background-image:url(/share/images/program/ic_map_school_off.png)}
.map_service ul.map_menu>li.ic_medical.bgoff a:before{background-image:url(/share/images/program/ic_map_medical_off.png)}
.map_service ul.map_menu>li.ic_facility.bgoff a:before{background-image:url(/share/images/program/ic_map_facility_off.png)}
.map_service ul.map_menu>li.ic_welfare.bgoff a:before{background-image:url(/share/images/program/ic_map_welfare_off.png)}
.map_service ul.map_menu>li.ic_sports.bgoff a:before{background-image:url(/share/images/program/ic_map_sports_off.png)}
.map_service ul.map_menu>li.ic_library.bgoff a:before{background-image:url(/share/images/program/ic_map_library_off.png)}
.map_service ul.map_menu>li.ic_other.bgoff a:before{background-image:url(/share/images/program/ic_map_other_off.png)}
.map_service ul.map_menu>li a span{display:block;  display:flex; align-items:center; justify-content:center; margin-top:-8px; height:35px; line-height:130%}
.map_service p.list_close{position:absolute; right:10px; top:12px; z-index:102}
.map_service p.list_close a{display:block; padding:2px 10px 5px 20px; background:#fff; font-size:13px; }
.map_service p.list_close a:after{display:block; content:''; position:absolute; left:7px; top:8px; width:7px; height:5px; border-top:1px solid #333; border-bottom:1px solid #333}
.map_service p.list_close a:before{display:block; content:''; position:absolute; left:7px; top:11px; width:7px; height:1px; background:#333}
.map_service div.map_result{/* padding:0px 30px 30px; border-top:1px solid #ddd;  */max-height:550px; overflow-y:auto}
.map_service div.map_result ul.depth{padding:15px 30px; border-top:1px solid #ddd}
.map_service div.map_result ul.depth>li{display:inline-block; position:relative}
.map_service div.map_result ul.depth>li:before{display:inline-block; content:'>'; margin:0px 6px 0px 2px; font-size:10px; color:#aaa; font-family:gulim;}
.map_service div.map_result ul.depth>li:first-child:before{display:none}
.map_service div.map_result ul.depth>li a{font-size:12px; color:#888}
.map_service div.map_result ul.depth>li:first-child a{padding-left:14px; background:url(/share/images/program/ic_map_reset.png) no-repeat left 3.5px; font-weight:bold;}
.map_service div.map_result ul.list{margin:0px 30px; padding-bottom:25px; border-top:1px solid #eee}
.map_service div.map_result ul.list>li{position:relative; padding:8px 50px 8px 10px; border-top:1px dashed #ddd; line-height:140%}
.map_service div.map_result ul.list>li:after{position:absolute; content:''; position:absolute; top:16px; left:2px; width:3px; height:3px; background:#ddd}
.map_service div.map_result ul.list>li a{display:inline-block; font-size:14px; letter-spacing:-1px}
.map_service div.map_result ul.list>li span{position:absolute; right:3px; top:24%; text-align:center; padding:2px 5px 3px; width:35px; background:#eaeaea; border-radius:30px; line-height:15px; }
.map_service div.map_result ul.list>li:first-child{border-top:0px}
.map_service div.map_result p.noresult{text-align:center; padding:20px 0px 20px; border-top:1px solid #ddd; font-weight:bold}
.map_service div.map_result p.noresult a{display:inline-block; padding:0px 15px 2px; background:#777; color:#fff; font-size:14px; border-radius:60px}

/*** 결제창경고 ***/
.warning {width:500px; margin:15% auto 0; padding-top:100px; text-align:center; background:url(/share/images/program/ic_warning.gif) no-repeat center top}
.warning p {margin-bottom:20px; font-size:22px}
.warning .code {font-size:30px; font-weight:bold; color:#0072ff}

/*******************************************************************************************************************/

@media screen and (min-width:801px){
    .dp_mb{display:none}
}

@media screen and (max-width:1280px){
    .board_list ul.photoList li p.img{height:190px}
    .board_list ul.photoList li p.img img{min-height:190px}
    .board_list .etcList>li p.tit{height:55px}
    .board_list .surveyList>li p.tit{height:55px}
}

@media screen and (max-width:800px){
    .dp_pc{display:none}
    .btnBox{margin-top:40px; text-align:center}
    .search{padding:3.5% 0%}
    .search select{width:25%}
    .search .word{padding-right:85px; width:40%; min-width:140px}
    .search input[type=submit]{width:80px}
    .search .field_gyeyak{padding:0% 4%}
    .search .field_gyeyak li{float:none; width:100% !important}
    .search .field_gyeyak li:first-child dl{float:left; width:40%}
    .search .field_gyeyak li:first-child dl:first-child{width:60%}
    .search .field_gyeyak li:last-child dl{width:33% !important; margin-left:.3%}
    .search .field_gyeyak dl{padding-left:0px}
    .search .field_gyeyak dl dt{position:static; text-align:left}
    .search .field_array li{width:100%}
    ul.list_info.col2 li{float:none; width:100%}
    .board_list{margin-top:50px}
    .board_list ul.generalList>li p{float:none; width:100%}
    .board_list ul.generalList>li div.writer_info{float:none; margin-top:10px; width:100%}
    .board_list ul.generalList>li div.writer_info ul{text-align:left}
    .board_list ul.generalList>li div.writer_info ul li.writer{padding-left:10px; width:auto}
    .board_list table.general_board thead{display:none}
    .board_list table.general_board,
    .board_list table.general_board tbody,
    .board_list table.general_board tr,
    .board_list table.general_board td{display:block}
    .board_list table.general_board tbody tr:first-child{border-top:2px solid #333}
    .board_list table.general_board tbody td{display:inline-block; padding:2px 10px 7px 0px}
    .board_list table.general_board tbody td:first-child,
    .board_list table:not(.expertList).general_board tbody td:last-child{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1} /*숨김*/
    .board_list table.general_board tbody td.title{max-width:100%; width:100%; padding:10px 0px 0px 10px}
    .board_list table.general_board tbody td.title a{width:90%; font-size:15px; font-weight:bold}
    .board_list table.general_board tbody img{position:relative; top:5px; left:10px; padding-right:5px}
    .board_list ul.lecList>li{width:100%; margin:3px 0px}
    .board_list ul.lecList>li:nth-child(2):after{display:none}
    .board_list ul.lecList>li.close *{color:#aaa}
    .board_list ul.lecList>li>div{padding:10px 15px 15px; border-width:0px 0px 1px 0px}
    .board_list ul.lecList>li .tag_state{top:15px; right:15px; min-width:60px; }
    .board_list ul.lecList>li ul{margin-top:8px}
    .board_list ul.photoList>li,
    .board_list ul.photoList2>li{margin:1.5%; width:47%}
    .board_list ul.photoList>li p.img{height:170px}
    .board_list ul.photoList>li div.con p.tit{font-weight:bold}
    .board_list ul.galleryList>li p.img{width:40%; margin-right:4%; height:160px}
    .board_list ul.galleryList>li p.img img{min-height:160px}
    .board_list ul.galleryList>li div.con{width:55%; height:auto; min-height:120px}
    .board_list ul.ebookList{white-space:nowrap; overflow-x:auto}
    .board_list ul.ebookList>li{float:none; display:inline-block; border:0px; box-shadow:none; width:210px}
    .board_list ul.ebookList>li:before{display:none}
    .board_list ul.ebookList>li p.img{float:none; padding:0px; width:100%; max-height:284px; border:0px;}
    .board_list ul.ebookList>li p.img img{min-height:270px}
    .board_list ul.ebookList>li div.con{float:none; padding:10px 5px; width:100%; height:auto; min-height:auto;}
    .board_list ul.ebookList>li div.con:before{display:none}
    .board_list ul.ebookList>li div.con ul.ebook_btn{position:static; margin-top:10px; width:100%}
    .board_list ul.ebookList>li div.con ul.ebook_btn li a{padding-left:35px; background-position:5px center}
    .board_list .etcList>li{float:none; width:100%}
    .board_list .etcList>li:nth-child(even){float:none}
    .board_list .etcList>li:nth-child(2){border-top:1px solid #ddd}
    .board_list .etcList>li p.tit{margin-bottom:10px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
    .board_list .surveyList>li{float:none !important; padding:20px; width:100%}
    .board_list .surveyList>li:nth-child(2){border-top:0px}
    .board_list .surveyList>li.open{border-color:#666; border-top-color:#333}
    .board_list .surveyList>li p.tit{margin-top:3px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
    .board_list .surveyList>li p.tit a{}
    /* .board_list .oneList>li div.con ul.list_info li{width:100%}*/
    .board_list .oneList.haveBtn>li div.con{padding-right:0px}
    .board_list .oneList>li div.con ul.oneList_btn{position:static; text-align:center; margin-top:20px; padding:15px 10px 3px; border-top:1px dashed #ccc}
    .board_list .oneList>li div.con ul.oneList_btn li{display:inline-block}
    .board_list .oneList>li div.con ul.oneList_btn li	.tag_txt{margin-right:0px}
    .data_list>li.col2 dl{float:none; width:100%; border-top:1px dotted #ccc}
    .data_list>li.col2 dl:first-child{border-top:0px}
    .add_file dl>dt,
    .data_list>li dl>dt,
    .add_file dl>dd,
    .data_list>li dl>dd{padding-left:15px}
    .add_file dl>dt,
    .data_list>li dl dt{width:80px}
    .add_file .alldown{right:10px; top:10px}
    .photoView p{height:200px}
    .photoView p img{max-height:200px}
    .contact>div.map{height:200px; overflow:hidden}
    .contact>div.map_info ul{margin-top:10px}
    .contact>div.map_info ul li{font-size:14px}
    .contact>div.map_info ul li:After{top:10px}
    .product>li{width:48%}
    .product>li p.img{height:190px}
    .product>li p.img img{min-height:190px}
    .company_view div.info{padding-right:0%}
    .company_view div.info .photo{position:static; padding:20px; width:100%}
    .company_view .goods{padding:0px 10px 20px; overflow-x:auto}
    .company_view .goods::-webkit-scrollbar {height:3px}
    .company_view .goods::-webkit-scrollbar-thumb {border-radius: 10px; background:#ddd}
    .company_view .goods>li{min-width:190px}
    .company_view .goods>li p.img{height:170px}
    .company_view .goods>li .goBtn a:not(:last-child){display:none}

	.photo_slide {padding-bottom:50px}
	.photo_slide .list_box>a{width:50px}
	.photo_slide .list_box .list{width:70%}
	.photo_slide .list_box .list>ul>li {width:25%; height:50px}

    .product_view:after{display:block; content:''; clear:both}
    .product_view div.photo{float:none; margin-left:10%; width:80%}
    .product_view div.info{float:none; margin-top:50px; width:100%; min-height:auto}
    .product_view div.info ul.list{padding:20px 8px}
    .board_view div.note>dl{padding-left:0px}
    .board_view div.note>dl>dt{position:relative; top:20px; transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); left:0px; text-align:center; }
    .board_view div.note>dl>dd div{padding:0px 5px; line-height:27px;  background-image:url(/share/images/program/note_line2.gif)}
    .board_view div.note>dl>dd div *{line-height:27px}
    .comment div.comment_writer ul li{width:32%}
    .comment div.comment_form{padding-right:100px; }
    .comment div.comment_form input[type=submit]{width:100px}
    .board_write ul li dl{display:block}
    .board_write ul li dl dt{display:block; width:100%}
    .board_write ul li dl dd{display:block}
    .board_reply>div{padding:30px 25px}
    .survey_frame>ul>li{padding:30px}
    .survey_frame .a_img li{float:none; margin-left:0%; width:100%; overflow:hidden}
    .survey_frame .a_img li img{height:100px}
    .survey_frame .a_img li>p{float:left; width:50%}
    .survey_frame .a_img li>p.txt{padding-left:2%; width:48%}
    .other_con{margin-top:50px}
    .other_con li{padding-left:100px}
    .other_con span{width:100px}
    .schedule div.month{width:100%}
    .schedule div.month p{}
    .schedule div.month ul li{top:10px}
    .schedule table thead th{display:none}
    .schedule table tbody td.blank{display:none}
    .schedule table tbody td{display:block; width:100%; border:0px; height:auto}
    .schedule table tbody td p.date{text-align:center; margin-top:5px; width:100%; border:0px; background:#484848; color:#fff}
    .schedule table tbody td.sun p.date{background:#a82a2a}
    .schedule table tbody td.sat p.date{background:#1a5194}
    .schedule table tbody td ul{padding:5px 20px 10px}
    .schedule table tbody td>ul>li.close a{text-decoration:line-through}
    .schedule table tbody td>ul.sch_list>li div.con{position:static}
    .schedule_week dl.list{padding:30px 0px}
    .schedule_week dl.list dt{position:relative; top:0px; text-align:center; padding:5px 10px; width:100px; font-size:18px; font-weight:bold; color:#fff; background:#484848; border-radius:60px}
    .schedule_week dl.list dt span{display:inline; padding-left:5px; font-weight:normal}
    .schedule_week dl.list dd{padding-top:10px; padding-left:5px}
    .schedule_week dl.list dd>ul>li a{padding:8px 0px}
    .schedule_week dl.list dd>ul>li .time{display:none}
    .schedule_week dl.list dd>ul>li .tit{}
    .schedule_week dl.list dd>ul>li .place{display:none}
    .schedule_week dl.list dd>ul>li div.con{display:none; margin-top:10px; padding:30px; background:#f0f0f0}
    .join_step li{font-size:16px !important}
    .join_step li:after{margin:5px 15px 5px 5px}
    .join_step li span.txt{display:none}
    .join_step li span.num{margin-right:0px; width:27px !important; line-height:27px !important}
    .join_step li.select span.num{margin-right:5px}
    .join_step li.select span.txt{display:inline-block}
    .realname{border-top:3px solid #333}
    .realname li{margin:0%; width:100%; border-top:0px}
    .realname li button{background-position:9% center; border-left:0px; border-right:0px}
    .membox{width: 100%; border-top:0px; border-left:0px; border-right:0px}
    .join li{margin:0% 0% 20px; width:100%; border-top:3px solid #333}
    .joinFinish{text-align:center; margin:40px auto 60px; padding:0px; max-width:100%; background:none; border:0px}
    .joinFinish dl{display:inline-block; padding:130px 0px 0px; background-position:center  top}
    .findid{padding-bottom:30px; }
    #contents .login{padding:5%; width:85%; border:0px; background:none}
    #contents .login p.tit{float:none; margin-top:30px; width:100%}
    #contents .login div.con{float:none; margin:8% auto; width:80%}
    .password_txt{position:relative; padding:20px; width:auto; left:0px; top:0px}
    .password_txt:After{top:-10px; left:35px; border-left-color:transparent; border-bottom-color:#333}
    .map_service{position:static; width:auto; background:transparent; border-radius:0px; overflow:visible; box-shadow:none}
    .map_service div.map_search{position:fixed; padding:20px; padding-left:100px; width:100%; border-bottom:0px; box-sizing:border-box; z-index:101}
    .map_service div.map_search>div{background:#fff; border-radius:5px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.5) }
    .map_service ul.map_menu{position:absolute; padding:20px 5px 18px; width:80px; height:100%; background:#fff; overflow-y:scroll; box-sizing:border-box; z-index:102; box-shadow:0px 0px 2px rgba(0,0,0,.2)}
    .map_service ul.map_menu>li{float:none; padding:0px 0px; width:auto}
    .map_service div.map_result{position:absolute; padding-left:80px; max-height:100%; height:100%; width:100%; background:#fff; z-index:101}
    .map_service div.map_result::-webkit-scrollbar, .map_service ul.map_menu::-webkit-scrollbar{width:2px}
    .map_service div.map_result::-webkit-scrollbar-thumb, .map_service ul.map_menu::-webkit-scrollbar-thumb{background:#ccc}
    .map_service div.map_result p.noresult{padding-top:20%}
    .map_service div.map_result p.noresult span{display:block; margin-bottom:5px}
    .status {height:400px;}
    .status .list_box {padding:20px 0;}
    .status .list_box>p {font-size:18px;}
    .status .list_box .list {width:75%;}
    .status .list_box .list>ul>li {width:32.3%; height:70px;}
    .status .list_box>a {bottom:40px; width:40px; height:40px;}
}

@media screen and (max-width:480px){
    /* 	.board_list ul.photoList li{width:100%}
       .board_list ul.photoList li a{margin:0px; box-shadow:none}
       .board_list ul.photoList li a:before{display:none}
       .board_list ul.photoList li p.img{height:auto}
       .board_list ul.photoList li p.img img{min-height:auto}
       .board_list ul.photoList li div.con{padding:10px 10px 8%; border:0px}
       .board_list ul.photoList li div.con p.tit{text-align:left; padding-bottom:0px}
       .board_list ul.photoList li div.con p.tit:after{display:none}
       .board_list ul.photoList li div.con p.date{margin-top:0px; text-align:left}
       .board_list ul.photoList2{overflow-x:scroll; white-space:nowrap}
       .board_list ul.photoList2>li{display:inline-block; float:none; margin:0px 1.5%; width:300px; white-space:normal}	*/
    .program_tab{position:relative}
    .program_tab:after{display:block; content:''; position:absolute; right:0px; top:0px; width:50px; height:100%;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(230,230,230,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(230,230,230,1) 100%)}
    .program_tab ul{padding-right:30px; white-space:nowrap; font-size:0px; overflow-x:auto}
    /* .program_tab ul::-webkit-scrollbar{height:3px}
    .program_tab ul::-webkit-scrollbar-thumb{background:#333; border-radius:3px} */
    .program_tab ul li a{padding:15px 20px 15px}
    .program_tab ul li.select a:after{display:none}
    .search .word{PADDING-RIGHT:75PX}
    .search input[type=submit]{width:70px}
    .search .range{width:46%}
    .search .range.cal{width:35%}
    .search .field_gyeyak li:first-child dl{width:100%}
    .search .field_gyeyak li:first-child dl:first-child{width:100%}
    .board_list ul.photoList,
    .board_list ul.photoList2{padding:0px; border:0px}
    .board_list ul.photoList>li,
    .board_list ul.photoList2>li{margin:.5%; width:49%; box-shadow:none}
    .board_list ul.photoList>li p.img, .board_list ul.photoList2>li p.img{height:210px}
    .board_list ul.photoList>li div.con{display:none}
    .board_list ul.photoList2>li div.con{display:none}
    .board_list ul.photoList2>li p.noimg{display:none}
    .board_list ul.photoList2>li p.noimg+div.con{display:block; }
    .board_list ul.photoList2>li p.noimg+div.con p.tit{white-space:normal}
    .board_list ul.photoList2>li p.noimg+div.con p.tit a{display:block; display:flex; align-items:center; justify-content:center; height:188px}
    .board_list ul.photoList2>li p.noimg+div.con ul.list_info{display:none}
    .product{margin-top:20px}
    .product>li{position:relative; margin:0px; padding-left:140px; width:100%; min-height:130px; border-bottom:1px solid #ddd}
    .product>li p.img{position:absolute; left:10px; top:10px; width:110px; height:110px;}
    .product>li p.img img{min-height:110px}
    .product>li p.name{height:auto; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
    .product>li .price{margin-top:5px}
    .product_view div.photo ul{padding-top:240px}
    .product_view div.photo ul li p.img{height:295px}
    .password p{padding:85px 0px 30px; background-position:center 10px}
    .agree .textarea textarea, .agree .textarea>div{height:155px}
    .pop_page .popCon ul.qalist>li{margin-bottom:10px; padding-left:0px; }
    .pop_page .popCon ul.qalist>li .q{position:relative; width:auto; font-size:16px}
    .pop_page .popCon ul.qalist>li .a{margin-top:5px}
    .pop_page .popTbox{margin-top:30px}
    .pop_page .popTbox .list_info.bfont li{font-size:15px}
    .joinfinish dl{padding:150px 0px 0px; background-position:center 20px}
}