@charset "utf-8";
:root{
	--btn-color01:var(--color);
}

/* 달력 */
@import url(/comm/js/jquery/themes/base/jquery.ui.all.css);
/* 지도 API */
@import url(/share/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}
.w16p{width:16% !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}

.ps{text-align:center; margin:5% 0px 2%; padding:10px; background:#f5f5f5; font-size:1.7rem}
.ps .ps_arr{display:inline-block; position:relative; top:2px; margin-right:7px; width:17px; height:17px; border-radius:100px; background:#111c38; }
.ps .ps_arr:before,
.ps .ps_arr:after{display:block; content:''; position:absolute; left:6px; top:6px; width:6px; height:2px; border-radius:10px; background:#fff; }
.ps .ps_arr:before{transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.ps .ps_arr:after{margin-top:4px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}

.hidden{position:fixed; top:-50000px; right:-50000px}
.scroll_table{overflow-x:auto}
.scroll_table table{width:100%; min-width:800px}
.scroll_table table td, .scroll_table table th{padding-top:3px; padding-bottom:1px;}
.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:min(1em, 1.5rem); 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 2px 0px; padding:1rem max(2rem, 1.3vw) .8rem; min-width:13rem; font-size:1.55rem; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px; font-weight: 300; letter-spacing: .2px;}
input.btn{cursor:pointer}
.sbtn{display:inline-block; text-align:center; padding:0px 12px; min-width:60px; height:30px; font-size: 1.4rem; letter-spacing: 0.02rem; line-height:30px; border-width:0px; background:#333; color:#fff; 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:3.5rem; line-height:3.5rem; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; border-radius:.2rem}
input.mbtn{cursor:pointer}
.btn_ok{background:var(--btn-color01); color:#fff; border-color:var(--btn-color01)}
.btn_back{background:#fff; color:#484848}
.btn_input{display:inline-block; text-align:center; padding:0px 10px; min-width:90px; height:3.5rem; line-height:3.5rem; border-width:0px; background:#333; color:#fff; font-weight: 300; vertical-align:middle; font-size: 1.4rem; }
.btn_board{display:inline-block; margin-top:1px; margin-bottom:1px; padding:2px 13px 0px; line-height:150%; border-radius:60px; background:#f0f0f0; border:1px solid #ccc; color:#484848; font-size:1.3rem}
.btnBox{margin-top:30px; text-align:right; font-size:0px}
.btnBox .btn{margin-left:.5rem; border-radius:.2rem}
.goUrl{display:inline-block; font-weight:bold; text-decoration:underline; color:#333}
.goWin{display:inline-block; padding-left:20px; background:url(/share/images/program/ic_window.gif) no-repeat left .3rem}
.data .goWin{display: inline;}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.lec_state{display:inline-block; text-align:center; padding:10px 2rem; border-radius:3px; border:1px solid #ddd; line-height:150%; font-size:1.8rem;}
.tag_txt{display:inline-block; text-align:center; margin-right:8px; padding:1px 5px 0px; min-width:6rem; line-height:2rem;border:1px solid #ddd; font-size: .9em;}
.tag_cate{display:inline-block; text-align:center; margin:1px 0px; padding:0px 15px; min-width:4rem; font-size:1.4rem; border-radius:100px; border:1px solid #ddd; line-height:190%; }
.tag_state{display:inline-block; text-align:center; padding:1px 1.6rem 0px; min-width:50px; font-size:1.3rem; border-radius:100px; border:1px solid #ddd; line-height:1.6;}
.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 !important}
.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:#C82C2C; border-color:#C82C2C; color:#fff}
.bg_or{background:#da6506; border-color:#f16c00; color:#fff}
.bg_yg{background:#5a9020; border-color:#5a9020; color:#fff}
.bg_gr{background:#187332; border-color:#187332; color:#fff}
.bg_gb{background:#1b7f74; border-color:#1b7f74; color:#fff}
.bg_bg{background:#1c789a; border-color:#1c789a; color:#fff}
.bg_bl{background:#1a5194; border-color:#1a5194; color:#fff}
.bg_nv{background:#122e74; border-color:#122e74; color:#fff !important}
.bg_vi{background:#5c3ca7; border-color:#5c3ca7; color:#fff}
.bg_pp{background:#883a99; border-color:#883a99; color:#fff}
.bg_pk{background:#d23f62; border-color:#d23f62; color:#fff}
.bg_bk{background:#333; border-color:#333; color:#fff}
.bg_gy{background:#666; border-color:#666; color:#fff}
.bg_yl{background:var(--color-sub01); border-color:var(--color-sub01); color: #fff;}
.bg_lb{background:var(--color-sub02); border-color:var(--color-sub02); color: #fff;}
.bg_lg{font-weight: normal;}
.bg_yg{background:#8DC21B; border-color:#8DC21B; color: #fff;}


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

.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:1.6rem}
.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:2rem; 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{position: relative; text-align:center; margin-top:-1px; padding:5rem 0% 5rem; background: #f5f5f5; }
.search .field *,
.search .word *{vertical-align:middle}
.search select{margin:2px 0px; padding:0px 30px 0px 3%; width:20%; max-width:135px; height:45px; line-height:45px; 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 select+select{margin-left: -1px;}
.search input[type=text]{margin-left:-1px; padding:0px max(3%, 10px); width:100%; height:45px; line-height:45px; border:1px solid #ccc; border-radius:2px}
.search input[type=submit]{width:108px; height:45px; line-height:45px; border-width:0px; background:#333; color:#fff}
.search .field{display:flex; justify-content:center; margin: auto; width: 90%; max-width:700px;}
.search .word{flex-grow:1; position:relative; margin:2px 0px 2px -1px; width:35%; padding-right:113px}
.search .word input[type=submit]{position:absolute; right:0px; top:0px; border-radius:2px}
.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; vertical-align:middle;}
.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 .chk_date input,
.search .chk_date label {vertical-align:middle;}
.search_array{margin-top:30px; margin-bottom:10px}
.search_array:after{display:block; content:''; clear:both}
.search_array div{display:flex; align-items:center; float:left; margin-left:2%; gap:2px}
.search_array div:nth-of-type(1){margin-left:0px}
.search_array div span{display:inline-block; position:relative; padding-right:3px; margin-right:3px; }
.search_array div span:after{display:none; content:':'; position:absolute; right:0px; top:-1px; width:5px; height:1px}
.search_array input[type=date],
.search_array select{border:1px solid #333; padding: 2px;}
/* .search_array select{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 center; border:1px solid #333}
.search_array select::-ms-expand{display:none} */
.search_array div.term input[type=text]{border:0px; letter-spacing:0px; padding-bottom:5px; width:100px; /* background:url('/share/images/program/select_arr02.gif') no-repeat right 2px top 8px; */}
.search_array div.term input+img{cursor:pointer; padding:2px 5px 0px 5px; }
.search_array div.written{position:relative; float:right}
.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:2px; width:70px; line-height:130%; border:1px solid #ccc; color:#333; background:#fff; border-radius:60px}


/*** 리스트 ***/
.board_list{}
.nodata{padding:80px 10px; text-align:center; font-size:1.8rem; 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:15px 0px 15px; overflow:hidden; border-top:1px dotted #aaa}
.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.6rem}
.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:-3px; 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:100px}
.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:1.5rem 5px; font-weight:bold; font-size:1.5rem; 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:1.7rem 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%; font-size:1.6rem}
.board_list table.general_board tbody td.title a{display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */
.noimg.img{background:#f5f5f5; text-align:center; }
.noimg.img a{display:block; height:100%}
.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; opacity: .8; }
ul.list_info li{position:relative; padding-left:8px; line-height:150%; box-sizing:border-box}
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:10px; width:3px; height:3px; background:#aaa}
.board_list ul.photoList,
.board_list ul.photoList2{display: flex; flex-wrap: wrap; padding:3rem 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; margin:.9%; width:31.5%}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; /* height:230px; */ overflow:hidden; aspect-ratio:3/2}
.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,.03); 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 p.img img,
.board_list ul.photoList2>li p.img img{width:100%; height:100%; object-fit:cover}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{/* border:1px solid #ddd; border-top:0px; border-radius:0px 0px 1rem 1rem  */}
.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.8rem; 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:5% 2% 9%}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:1.5rem; font-size:1.6rem; 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.photoList2 ul.list_info li{font-weight: 300}
/* 갤러리(이미지,타이틀,내용 가로형) */
.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.55rem; 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; border-top:2px solid #333}
.board_list ul.lecList>li{position:relative; padding: 1.5% 1%; box-sizing:border-box; border-bottom: 1px solid #ddd;}
.board_list ul.lecList>li a{display:flex; }
.board_list ul.lecList>li .img{}
.board_list ul.lecList>li .con{flex:1 0 80%; padding: 2rem 0px; padding-left: 1%;}
.board_list ul.lecList>li .tit{display:flex; flex-wrap:wrap; align-items: center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.board_list ul.lecList>li .tit p.name{color:#333; font-size:2rem;  font-weight:600;}
.board_list ul.lecList>li .cate{order:1; margin-left: 1rem;}
.board_list ul.lecList>li .cate .tag_state{min-width:60px}
.board_list ul.lecList>li .cate .spot{color: #666;}
.board_list ul.lecList>li .lec_info{display: flex; flex-wrap: wrap; margin-top: 2rem; position: relative; padding-left: .2rem; letter-spacing: -0.1rem;}
.board_list ul.lecList>li .lec_info>li{position: relative; margin-left: 1rem; padding-left:1.5rem; font-family: 'SCDream-regular';}
.board_list ul.lecList>li .lec_info>li .q{font-family: 'SCDream';}
.board_list ul.lecList>li .lec_info>li:before{content:'/'; position: absolute; left: 0px; top: .2rem; color:#aaa; font-size: 1.2rem; }
.board_list ul.lecList>li .lec_info>li:first-child{margin-left: 0px; padding-left:0rem; }
.board_list ul.lecList>li .lec_info>li:first-child:before{display: none; }
.board_list ul.lecList>li.close .lec_info>li{color:#888; font-weight:normal}
.board_list ul.lecList>li.close .tit{color:#888; font-weight:300}

/* 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.8rem; 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:8px 1%; 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:12px 1%; background:#f0f0f0}
.apply_list{display: flex; flex-wrap:wrap; justify-content:space-between}
.apply_list>li{flex:0 0 49.5%; margin-top:1%; }
.apply_list>li a{display: flex; position: relative; height: 100%; padding: 1.5rem; border:1px solid #333; border-radius:1rem; overflow:hidden; }
.apply_list>li.closed a{opacity: .9; border-color:#ddd}
.apply_list>li.closed a:after{display: block; content: ''; position: absolute; left: 3%; top: 2rem; width: 62px; height: 55px; background: url(/img/sub/ic_closing.png) no-repeat center center / cover; opacity: .4;}
.apply_list>li .img{flex: 0 0 200px; height:200px; border-radius:5px; overflow:hidden}
.apply_list>li .con{flex-grow:1; padding: 2% 5%}
.apply_list>li .con .tit{padding: 5px 0px; font-size: 1.7rem; margin-top: 1rem;}
.apply_list>li .con ul{margin-top: 1rem;}
.apply_list>li .con ul li{display:flex; margin:.3rem 0px; font-size: 1.4rem; font-weight: 300;}
.apply_list>li .con ul li p{font:inherit}
.apply_list>li .con ul li p:first-child{min-width: 50px; font-weight: 500;}
.apply_list>li .con ul.lec_info{display: flex; flex-wrap:wrap}
.apply_list>li .con ul.lec_info>li{flex:0 0 50%; font-size: 1.5rem;}
.apply_list>li .con ul.lec_info>li .q{min-width: 6.5rem;}
.apply_list>li .con ul.lec_info>li .a{color: #333;}

/* 제픔홍보관 */
.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:23%}
.product>li p.img{height:210px; overflow:hidden}
.product>li p.img img{width:100%; min-height:210px}
.product>li p.company{margin-top:10px; font-size:1.3rem; 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:3.2rem;}
.product>li .price>p.off span{font-size:2.2rem}
.product>li .price>p.pay{padding-top:5px; font-size:2.3rem; line-height:1.25; font-weight:bold}
.product>li .price>p.pay span{display:block; text-decoration:line-through; font-size:1.3rem; 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; 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.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:2.6rem; color:#333; letter-spacing:-1px; 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:5rem; color:#7f8d9f; line-height:100%}
.product_view div.info div.price p.off span{font-size:2.5rem}
.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{text-decoration:line-through}
.product_view div.info div.price>div p.price2{font-weight:bold; font-size:2.8rem}
.product_view div.info p.txt{padding:20px 20px 0px; font-size:1.4rem; 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; font-size:1.4rem}
.product_view div.info ul.list li:after{display:block; content:''; position:absolute; left:0px; top:9px; width:5px; height:1px; background:#aaa}
.product_btn{margin-top:30px; text-align:right}

.status_map {margin-top:20px; width:100%; height:400px;}
.photo_slide {text-align:center; position:relative; overflow:hidden; margin-top:20px; height:600px;}
.photo_slide>img {max-height:100%;}
.photo_slide .list_box {position:absolute; left:0; bottom:0; text-align:center; width:100%; padding:30px 0; background:rgba(0,0,0,.8);}
.photo_slide .list_box>a {position:absolute; bottom:50px; display:block; width:46px; height:46px; border-radius:50%; border:2px solid #fff; background-image:url('/share/images/program/commitment_point.png'); background-repeat:no-repeat; background-position:center center;}
.photo_slide .list_box>a.prev {left:1.5%;}
.photo_slide .list_box>a.next {right:1.5%; transform:rotate(180deg);}
.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:19%; height:90px; margin-left:1%; overflow:hidden;}
.photo_slide .list_box .list>ul>li.on {border:2px solid #ff007d;}
.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:1.6rem; vertical-align:middle}
.paging a.select{background:#333; color:#fff; border-radius:2px}
.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}
.attach_file>li{padding: 3px; font-size: 1.4rem;}
.attach_file>li+li{border-top:1px dotted #ddd}
.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; font-weight: 300;}
.data_list>li dl>dd.wfont,
.data_list>li dl>dd .wfont{font-weight: 500;}
.data_list>li dl dt{width:120px; font-weight:500; color:#333}
/* .data_list>li.longDt dl{padding:8px 0px} */
.data_list>li.longDt dl dt{float:left; width:auto}
.data_list>li.longDt dl dd{float:left}
.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; 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; margin: 5px 0px; padding-left:15px; font-size: 1.3rem; font-weight: 300;}
.add_file dl>dd ul li img{vertical-align:middle}
.add_file dl>dd ul li span.byte{padding-left:5px; color:#666; 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}
img[src*='/share/images/filetype/']{vertical-align:middle}
.board_view{}
.board_view div.title{display: flex; justify-content:space-between; align-items:Center; padding:0px 10px 35px; border-bottom:1px solid #333}
.board_view div.title .cate{order:1}
.board_view div.title p{font-size:2.5rem; letter-spacing: -.1rem; color:#333}
.board_view div.title p.period{display:inline-block; margin-top:10px; padding:0px 20px; font-size:1.8rem; background:#e3e3e3; border-radius:60px; letter-spacing:0px; }
.board_view div.title .tag_state,
.board_view div.title .tag_cate {margin:3px;}
.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:1.5rem}
.board_view div.con .photo p span{display:block; font-size: 1.4rem;}
.board_view div.con .detail{margin:40px auto 50px; width:90%; line-height: 1.7}
.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 .detail img{height: unset;}
.board_view div.con .openNuri{text-align:right; font-size:0px}
.board_view div.con .openNuri img{margin-bottom:-1px; max-width: 60% !important}
.board_view div.con table td, .board_view div.con table th{border:1px solid #ccc}
.lec_viewvideo p.center{margin:3rem 0px}
.layer_viewvideo{display: none; position: fixed; right: 0%; left: 0%; top: 0%; bottom: 0%; background: rgba(0,0,0,.8); z-index: 999; }
.layer_viewvideo>div{position: absolute; right: max(15%, 10rem); left: max(15%, 10rem); top: 10%; bottom: 10%; }
.layer_viewvideo>div.con_lec>.lec_tit{text-align: center; color: #fff; font-size: 3rem; padding-bottom: 2rem; letter-spacing: 0px;}
.layer_viewvideo>div.con_lec>.lec_table{padding-bottom: 5rem;}
.layer_viewvideo>div.con_video{display: none;}
.layer_viewvideo>div iframe{width: 100%; height: 100%;}
.layer_viewvideo .close{display: inline-block; position: absolute; right:-8rem; top: 0px; text-align: center;  padding-top: 5rem; color: #fff;}
.layer_viewvideo .close:After,
.layer_viewvideo .close:before{display: block; content: ''; position: absolute; left: 50%; top: 1rem; width: 1px; height: 4rem; background:#fff; transform:rotatE(45DEG)}
.layer_viewvideo .close:before{transform:rotatE(-45DEG)}
.layer_viewvideo :where(.btn_play, .btn_down, .btn_play img, .btn_down img){display: block; margin: auto; height: 50px;}
.layer_viewvideo table{text-align:center; width:100%; border-collapse:separate; border-spacing:0px 0px; --bdrd:1rem}
.layer_viewvideo table td, .layer_viewvideo table th{background: #fff;}
.layer_viewvideo table tr:first-child td,
.layer_viewvideo table thead th{padding:20px 10px; background:#E8EEF5; border:1px solid #BECFE3; border-right-width:0px; font-weight: bold;}
.layer_viewvideo table tr:first-child td:first-child,
.layer_viewvideo table thead th:first-child{border-top-left-radius:var(--bdrd)}
.layer_viewvideo table tr:first-child td:last-child,
.layer_viewvideo table thead th:last-child{border-top-right-radius:var(--bdrd); border-right-width:1px}
.layer_viewvideo table tbody tr:first-child :where(td, th),
.layer_viewvideo table tbody tr :where(td, th){border:1px solid #BECFE3; border-top-width:0px; border-right-width:0px}
.layer_viewvideo table tbody tr :where(td, th):last-child{border-right-width:1px}
.layer_viewvideo table tr:not(:first-child) :where(td, th),
.layer_viewvideo table thead+tbody tr:first-child :where(td, th),
.layer_viewvideo table thead+tbody tr :where(td, th){padding:5px 10px; }
.layer_viewvideo table :where(.bl03, .bl04){text-align: left;}
.layer_viewvideo table thead + tbody tr:first-child td:last-child{border-top-right-radius:0px}
.layer_viewvideo table thead + tbody tr:first-child td{font-weight: normal; background: #fff; border-top:0px}
.layer_viewvideo .btn_lecinfoView{text-align: right;}
.layer_viewvideo .btn_lecinfoView a{display: inline-block; margin-bottom: 1rem; padding: 1.5rem max(3rem, 2vw) 1.3rem; background-color:var(--color-sub01);}

.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}
.lecView{display: flex; justify-content:space-between; flex-wrap:wrap; align-items: flex-start; padding-bottom:4rem; border-bottom:1px solid #ddd}
.lecView .lec_info{position:sticky; left: 0px; top: 0px; flex:0 0 40%; padding:max(4%, 2px) max(5%, 20px); background: #f5f5f5; border-radius:20px; }
.lecView .cate{margin-bottom: 2rem;}
.lecView .cate .tag_state{margin: 1px 0px}
.lecView .title{width: 100%; padding-bottom:3rem; margin-bottom:4rem; font-size:2.4rem; letter-spacing:-.1rem; color:#222; border-bottom:1px solid #ddd}
.lecView .info_list{margin-top:3rem; padding-left: .5rem;}
.lecView .info_list>li{margin:1.5rem 0px}
.lecView .info_list>li dl{display:flex}
.lecView .info_list>li dt{flex:0 0 23%; font-size:1.4rem; color: #666;}
.lecView .lec_con{flex-basis:57%; padding:1rem 0px; overflow:hidden; line-height: 1.6;}
.lecView .lec_con img{border-radius:1rem; height: unset}
.lecView .lec_con  table td{padding-top: 1px; font-size: 14px;}
.lecView .lec_img img{ height: unset;}
.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:1.6rem}
.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:2rem; 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:1.5rem; font-weight:bold}
div.comment_view ul.comment_list li p.writer span.date{font-size:1.4rem}
div.comment_view ul.comment_list li p.txt{margin-top:8px; font-size:1.4rem; 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:1.4rem; 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:1.5rem}
.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:1.5rem}
.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.8rem; font-weight:bold}
.board_reply>div.reply_q .writer{font-size:1.8rem; font-weight:bold}
.board_reply>div.reply_q .tit{margin:20px 0px 12px; font-weight:bold; font-size:2rem;}
.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:2rem; 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:1.3rem}
/* 이전글 다음글 */
.other_con{margin-top:7rem; border-top:1px solid #333; border-bottom:1px solid #333}
.other_con li{display: flex; gap:1rem; flex-wrap: wrap; padding: 1.5rem 1rem; }
.other_con li+li{border-top:1px dotted #ccc; }
.other_con li a{display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: calc(100% - 5rem - max(10%, 6rem))}
.other_con li span{display: inline-block; text-align: center; padding: 0px 2rem; min-width: 10%; font-weight: bold;}

/*** 작성 ***/
.board_write{border-top:2px solid #333; margin-top:-1px}
.board_write li{padding:15px 7px 15px; border-bottom:1px solid #ddd}
.board_write li.title{border-bottom:1px solid #333; font-weight: bold;}
.board_write li.title dd{font-size: 1.025em; font-weight: bold;}
.board_write li dl{display:table; width:100%}
.board_write li dl dt{display:table-cell; vertical-align:middle; font-weight:bold; color:#333; width:20%}
.board_write li dl dt label{color:#333;}
.board_write li dl dt span{font-weight:normal}
.board_write li dl dt span.ps{display:inline-block; font-size:1.4rem}
.board_write 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 li dl dd{display:table-cell; margin-top:12px; }
/* .board_write li dl dt{font-weight:bold; color:#333; font-size:1.07em}
.board_write li dl dt span{font-weight:normal}
.board_write li dl dd{margin-top:10px} */
.board_write li.readonly dl dt,
.board_write li.readonly dl dd{display:inline-block; margin:0px; margin-right:3%; }
.board_write li.oneline dl dt,
.board_write 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:3.5rem; 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:3.5rem; line-height:3.5rem; 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 input[type=text]+.sbtn{height: 3.5rem; line-height: 3.5rem; font-weight: 300;}
.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;}
.board_write li ul, .board_write li ul>li{all:unset}
.board_write li ul.rowlist{display: flex; flex-direction: row; gap:10px}
.board_write li ul.collist{display: flex; flex-direction: column; gap:5px}

.need{font-size:1.5rem; 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:2rem;}
.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; line-height: 140%;}

/*달력*/
.calendar div.month { position:relative; margin:0px auto 20px; width:300px }
.calendar div.month p { font-size:4rem; color:#353535; text-align:center; }
.calendar div.month li.prev a { position:absolute; left:0; top:20px; display:inline-block; padding:0 5px 2px; color:#000; font-size:1.3rem; border:1px solid #e0e0e0; border-radius:3px; background:#ebebeb; }
.calendar div.month li.next a { position:absolute; right:0; top:20px; display:inline-block; padding:0 5px 2px; color:#fff; font-size:1.3rem; border:1px solid #00518b; border-radius:3px; background:#007ed9; }
.calendar div.day>ul.td>li.today {border:2px solid #1a72cd; }
.calendar div.day>ul.td>li a span.condition_ok { display:inline-block; margin-top:5px; padding:0 5px 2px; color:#fff; font-size:1.3rem; border:1px solid #00518b; border-radius:3px; background:#007ed9; }
.calendar div.day>ul.td>li span.condition_end { display:inline-block; margin-top:5px; padding:0 5px 2px; font-size:1.3rem; border:1px solid #e0e0e0; border-radius:3px; background:#ebebeb; }

/*** 스케쥴 ***/
.schedule div.month{display: flex; justify-content: center; align-items: center; gap:2rem; margin:4rem 0px}
.schedule div.month p.year{font-size: 3rem; font-weight:bold; color:#333; }
.schedule div.month :where(.btn_prev, .btn_next){display:block; position:relative; width:5rem; height:5rem; text-indent:-5000px; font-size: 0px;}
.schedule div.month :where(.btn_prev, .btn_next):after,
.schedule div.month :where(.btn_prev, .btn_next):before{display:block; content:''; position:absolute; left:50%; width:1px; height:50%; background:#333; border-radius:1px}
.schedule div.month :where(.btn_prev, .btn_next):before{top:.5rem; transform:rotate(45deg)}
.schedule div.month :where(.btn_prev, .btn_next):after{top:2.2rem; transform:rotate(-45deg)}
.schedule div.month .btn_next:before{transform:rotate(-45deg)}
.schedule div.month .btn_next: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:1rem .5rem; font-size:1.6rem}
.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:12rem}
.schedule table tbody td:first-child{border-left:0px}
.schedule table tbody td>p.date{text-align:center;  width:3rem; height:3rem; padding-top: 1px; line-height:3rem; border:1px solid #e0e0e0; border-width:0px 1px 1px 0px; font-size: 1.3rem;}
.schedule table tbody td>ul{margin:-2.5rem 13% .8rem 4.8rem; overflow:hidden}
.schedule table tbody td>ul>li{position: relative; padding:1px 2px; bottom: -1px; border-bottom:1px dotted #ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-break:break-all; font-weight: 300; font-size: 1.3rem; }
.schedule table tbody td>ul>li:last-child{border-bottom:0px}
.schedule table tbody td.close{background:#f5f5f5}
.schedule table tbody td>ul>li a {color: #222;}
.schedule table tbody td>ul>li a .part{display: inline-block; min-width: 4rem; font-family: '맑은고딕','Malgun Gothic'; font-weight: 400; font-size: 1.4rem;}
.schedule table tbody td>ul>li a .part:before{display: inline-block; position: relative; top: -2px; margin-right:3px; text-align: center; width: 12px; content: '○'; font-size: 1rem; color: #666;}
.schedule table tbody td>ul>li a:hover .part:before{content: '●'; font-weight: normal; color: #333;}
.schedule table tbody td>ul>li:not(.close) a:hover .part{font-weight: bold;}
.schedule table tbody td>ul>li.close a{color:#858585}
.schedule table tbody td>ul>li.close a:hover{text-decoration:none; color:#BBB; cursor:default}
.schedule table tbody td>ul>li.close a:hover .part{text-decoration:line-through; }
.schedule table tbody td>ul>li.close a span:before{content: '/'; top: -1px; }
.schedule table tbody td>ul>li.close a:hover span:before{content: 'X'; top: -1px; color: #aaa;}
.schedule table tbody td>ul.book{}
.schedule table tbody td>ul.sch_list{padding:1.5rem .7rem; text-align:left}
.schedule table tbody td>ul.sch_list>li{font-size:0.9em; white-space:normal;}
.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% 4% ; width:88%; background:#f5f5f5; box-shadow:0px 1px 3px rgba(0,0,0,.5)}
.schedule table tbody td>ul.sch_list>li div.con>p.tit{padding-bottom:2rem; 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{display:flex; 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; vertical-align:top}
.schedule table tbody td>ul.sch_list>li div.con>ul>li>p.q{min-width:10rem; font-weight:bold}
.schedule table tbody td>ul.sch_list>li div.con p.close_con{margin-top:3%; text-align:center}
.schedule table tbody td>ul.sch_list>li div.con p.close_con a{display:inline-block; padding:10px; width:12rem; background:#333; color:#fff; font-size:1.2em; border-radius:.5rem}
.schedule_week{}
.schedule_week dl.list{display:flex; position:relative; padding:2rem 0px; border-bottom:1px solid #aaa}
.schedule_week dl.list dt{flex:0 0 10rem; text-align:center; font-size:2.3rem; color:#333; line-height:100%}
.schedule_week dl.list dt span{display:block; font-size:1.4rem}
.schedule_week dl.list dd{flex-grow:1}
.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:flex; flex-wrap:wrap; padding:1rem .5rem}
.schedule_week dl.list dd>ul>li:first-child a{padding-top:0px;}
.schedule_week dl.list dd>ul>li:first-child:last-child a{padding-top:1rem;}
.schedule_week dl.list dd>ul>li .time{flex:0 0 10rem; font-size:1.6rem; color:#666}
.schedule_week dl.list dd>ul>li .tit{flex-grow:1; flex-basis:calc(100% - 10rem - 140px); font-size:1.6rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.schedule_week dl.list dd>ul>li .place{min-width:70px; max-width:130px; padding:0px 1rem; color:#666; border:1px solid #ddd; border-radius:50px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:1.4rem;}
.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:1rem; padding:3rem; 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:2.2rem; word-break:keep-all; color:#333}
.pop_page .popTop p.tit_vote{text-align:center; letter-spacing:-1px; font-size:3rem; 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:1.7rem}
.pop_page .popCon ul.qalist>li .blind{display:inline-block; position:relative; bottom:-5px; text-align:center; width:40%; letter-spacing:2px; font-size:2rem; line-height:30px}
.pop_page .popTbox{margin-top:30px; padding:25px 20px 30px 25px; border:4px solid #ddd}
.pop_page .popTbox .bfont{font-size:1.6rem}
.pop_page .popTbox .list_info.bfont li{margin:3px 0px; font-size:1.6rem; 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:1.8rem; 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:1.7rem}
.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:1.8rem; 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:2.4rem; 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)}

/* 가입완료 */
.membox{margin:7% auto 20px; padding:20px 0% 50px; width:90%; max-width:720px; background:#f5f5f5; border:3px solid #e3e3e3}
.password_txt{display:none; position:absolute; left:-320px; top:0px; width:260px; padding:20px; background:#333; border-radius:2px; color:#fff; font-size:.9em; 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:#f5f5f5 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:2rem; color:#333; border:0px; background:none}
.findedid ul>li input:focus+.password_txt{display:block}
.findid{padding:180px 0px 60px; background:#f5f5f5 url(/share/images/program/ic_joinfinish.gif) no-repeat center 50px}
.findid ul{margin:0px auto; width:50%; min-width:300px}
.findid ul label{display:block; font-weight:bold; font-size:0.93em}
.findid ul>li{position:relative; margin-bottom:50px; border-bottom:1px solid #333}
.findid ul>li input[type=text],
.findid ul>li input[type=password]{padding:8px 2%; width:96%; font-size:2rem; 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}

/* 로그인 */
.member_login{margin:0% auto 20px; padding:5% 3% 6%; width: 80%; max-width:500px; border-radius:1rem; overflow:hidden}
.member_login p.tit{/* text-align:center; margin-top:3%; padding-top:140px; background:url(/share/images/program/ic_login.gif) no-repeat center top; */ font-size:2.14em; color:#333}
.member_login div.con{margin-top:3rem}
.member_login div.con ul.login_form>li{position:relative; margin-top: .5rem;}
.member_login div.con ul.login_form>li input[type=text],
.member_login div.con ul.login_form>li input[type=password]{padding:20px max(6%, 10px); width: 100%; font-size: 1.6rem; color:#333; border:1px solid #333; border-radius:.5rem}
.member_login div.con ul.login_form>li.liinp{display:flex; gap:1rem; align-items:center; padding:18px max(6%, 10px); width: 100%; font-size: 1.6rem; color:#333; border:1px solid #333; border-radius:.5rem}
.member_login div.con ul.login_form>li.liinp .q{padding-right:5rem; font-size: 1.6rem; }
.member_login div.con ul.login_form>li.liinp label+input{margin-left: 2rem;}
.member_login div.con p.btn_login{margin-top:20px}
.member_login div.con p.btn_login input[type=submit]{padding:23px max(6%, 10px); width:100%; background: var(--color); border-radius:.5rem; border:0px; color: #fff; font-size: 1.6rem;}
.member_login div.con ul.btn_findid{text-align:right; margin-top:20px}
.member_login div.con ul.btn_findid li{display:inline-block; position:relative; margin:0px 23px; letter-spacing:-1px}
.member_login div.con ul.btn_findid li:After{display:block; content:''; position:absolute; top:6px; left:-14px; width:1px; height:14px; background:#aaa}
.member_login div.con ul.btn_findid li:first-child:after{display:none}
.member_login div.con ul.btn_findid li:last-child{margin:0px}
/* 본인인증 */
.loginForm dl dd button::before,
.loginForm dl dd>a span::before,
.loginForm .login-close span::before,
.loginForm dl.login-onepass dt span::before {
    content: '';
    position: absolute;
    background: url(/img/sub/login-ic.svg) no-repeat left top / 7rem;
}
.loginForm>div{position: relative; display: flex; justify-content: center; align-items: center; margin: auto; max-width: 48rem; width: 100%; height: 100%;}
.loginForm .login-con{margin: 6rem 2.75rem; overflow: auto;}
.loginForm .login-tit{text-align: center; font-size:2.14em; color:#333}
.loginForm .login-txt{text-align: center; margin-top: 1rem; color: #666; font-weight: 300;}
.loginForm dl{text-align: center; margin-top: 5rem;}
.loginForm dl dt{margin-bottom: 0.5rem; font-size: 1.8rem; font-weight: 700;}
.loginForm dl dd ul{display: flex; justify-content: center; align-items: center;}
.loginForm dl dd>a, .loginForm dl dd ul>li{margin: 0.7rem !important;}
.loginForm dl.login-sns ul>li{width: 50%;}
.loginForm dl.login-sns button{position: relative; width: 100%; height: 10rem; padding-top: 3.3rem; font-size: 1.6rem; border-radius: 0.4rem; border: none; cursor: pointer;}
.loginForm dl.login-sns button span{display: none;}
.loginForm dl.login-sns button::before{left: 0; right: 0; top: 2.3rem; margin: auto; width: 2.8rem; height: 2.8rem;}
.loginForm dl.login-sns .login-kakao{color: #381C1E; background: #FAE215;}
.loginForm dl.login-sns .login-kakao::before{background-position: 0 0;}
.loginForm dl.login-sns .login-naver{color: #fff; background: #26A658;}
.loginForm dl.login-sns .login-naver::before{background-position: -2.8rem 0;}
.loginForm dl.login-onepass dt{position: relative;}
.loginForm dl.login-onepass dt span{position: relative; padding-right: 2.5rem;}
.loginForm dl.login-onepass dt span::before{content: ''; position: absolute; right: 0; top: -0.4rem; width: 2.2rem; height: 2.2rem; background-position: -2.8rem -2.8rem;}
.loginForm dl.login-onepass dt p{position: absolute; bottom: 125%; left: 50%; text-align: left; margin-left: -17rem;  padding: 1rem; color: #fff; font-size: 1.3rem; font-weight: 400; border-radius: 0.6rem; background-color: #333; opacity: 0; transition: opacity 0.3s; visibility: hidden; z-index: 1;}
.loginForm dl.login-onepass dt p::after{content: ''; position: absolute; left: 50%; top: 100%; margin-left: 0.5rem; border-width: 0.5rem; border-style: solid; border-color: #333 transparent transparent transparent;}
.loginForm dl.login-onepass dt:hover p{visibility: visible; opacity: 1;}
.loginForm dl.login-onepass a{display: block; height: 4rem; border-radius: 0.4rem; background: #1C2674;}
.loginForm dl.login-onepass a span{position: relative; display: inline-block; padding-left: 5rem; color: #fff; font-size: 1.7rem; line-height: 4rem; font-weight: 500;}
.loginForm dl.login-onepass a span::before{content: ''; position: absolute; left: 0; top: calc(50% - 1.3rem); width: 2.8rem; height: 2.6rem; background-position: 0 -2.8rem;}
.loginForm dl.login-self ul>li{width: 50%;}
.loginForm dl.login-self button{position: relative; width: 100%; height: 6rem; font-size: 1.6rem; line-height: 6rem; border: 1px solid #ccc; border-radius: 0.4rem; background: #fff; cursor: pointer;}
.loginForm dl.login-self .login-sms{padding-left: 5rem;}
.loginForm dl.login-self .login-sms::before{top: calc(50% - 1.5rem); left: calc(50% - 5.5rem); width: 3rem; height: 3rem; background-position: 0 -5.4rem;}
.loginForm dl.login-self ul>li .login-ipin{padding-left: 6rem;}
.loginForm dl.login-self ul>li .login-ipin::before{top: calc(50% - 1.5rem); left: 1.8rem; width: 4rem; height: 3rem; background-position: -3rem -5.4rem;}
.loginForm .login-close {display: block; width: 100%; height: 6rem; border-radius: 0.4rem; border: 1px solid #CCC; background: #F5F5F5;}
.loginForm .login-close span{position: relative; padding-left: 1.6rem; font-size: 1.6rem; line-height: 6rem;}
.loginForm .login-close span::before{left: 0; top: calc(50% - 1.6rem / 2); width: 10rem; height: 1.6rem; background-position: -3.6rem -8.6rem;}
.loginForm .login-copy{text-align: center; margin-top: 6.31rem; color: #999; font-size: 1.2rem;}
/* 실명인증 */
.realname{margin: auto; max-width: 40rem; width: 80%;}
.realname .tit{padding-top: 3rem; text-align: center; font-size: 3.6rem; color: #333; font-weight: bold;}
.realname .txt{text-align: center; font-weight: 300; margin-top: 1rem;}
.realname .login_con{margin-top: 3rem;}
.realname .login_con>div{margin-top: .6rem}
.realname [class*=login-]{display: flex; text-align: center; justify-content: center; align-items: center; gap:1rem; width: 100%; border: 0px; padding:1.7rem 1rem 1.5rem 1rem; color: #fff;}
.realname .login-kakao{background: #FFCC00;}
.realname .login-naver{background: #26A658;}
.realname .login-sms{background: #222}
.realname .login-onepass{margin-top: 2rem; background: #1C2674;}
.realname :where(.login-kakao, .login-naver, .login-sms, .login-onepass)::before{display: block;  content: ''; background: url(/img/sub/login-ic.svg) no-repeat left top / 5.5rem;  width: 2.2rem; height: 2.2rem; }
.realname .login-naver:before{background-position: -2.2rem 0;}
.realname .login-sms:before{background-position: 0rem -4.4rem}
.realname .login-onepass:before{background-position: 0rem  -2.2rem;}
.realname .onepass_ex{font-size: 1.3rem; font-weight: 300; margin-top: 1rem;}


/*** 지도서비스 ***/
.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:1.3rem; 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:1.3rem; }
.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:10rem; 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:12rem; 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:1.4rem; 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:1.4rem; 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:22rem}
.warning .code {font-size:3rem; font-weight:bold; color:#0072ff}



.fxBox{display: flex; gap:1.5rem}
.fx1>div{flex:1}
.fxBox.conBox{justify-content: flex-start; gap:4%}
.fxBox.conBox .bl04>li{font-size: .95em; line-height: 150%; margin-bottom:3px;}
.program_tbox {margin-top: 2rem; padding: max(2.2%, 3rem) max(3%, 3rem) max(2.2%, 3rem) ; background: #f5f5f5; font-weight: 300; line-height: 1.7;}
.program_tbox .conBox{flex:1 0 75%}
.program_tbox .btnBox{display: flex; flex-direction: column; margin-top: 0px;}
.program_tbox *{font-weight: 300;}
.program_tbox .tbox_tit{position: relative; font-size: 1.8rem; font-weight: normal; color: #333}
.program_tbox .wfont{font-weight: normal;}
.add_psTxt{padding-bottom: max(2%, 10px); margin-bottom:max(2.5%, 10px); border-bottom:1px dashed #ddd}
.btn_club{font-weight: normal; padding-left: 6.2rem; background: url(/img/sub/ic_joinclub.png) no-repeat 2rem center / 3.2rem, var(--color_sub01); color: #fff; border-color:var(--color_sub01); font-weight: 300}
.btn_userGuide{margin-top: 1rem;}
.btn_userGuide a{display: inline-block; position: relative; gap:.5rem; align-items: center; padding:.4rem 2rem .3rem; padding-left: 3.5rem; font-weight: 500; font-size: 1.5rem; background: var(--color) ; border-radius:50px; color: #fff; ;}
.btn_userGuide a:before{display: block; content: ''; position: absolute; left: 0px; top: 50%; left: 1rem; ;margin-top: -.9rem; width: 1.8rem; height: 1.8rem; background: url(/img/sub/ic_info.svg) no-repeat center center / cover }

.clubList{display:flex; gap:1.2rem 1%; flex-wrap: wrap;}
.clubList>li{flex:1 0  24.2%; max-width: 335px; padding: max(2.2%, 2rem) max(2.5%, 2rem); ;background: #fafafa; border:1px solid #eee}
.clubList>li .tit{font-size: 2rem; color: #222; }
.clubList>li .tit a{display: block; position: relative; padding-left: 3rem; }
.clubList>li .tit a:before{display: block; content: url('/img/sub/ic_shield.svg'); position: absolute; left: 0px; top: .2rem; width: 2.3rem; height: 2.3rem; }
.clubList>li .tit a:before{filter:invert(23%) sepia(46%) saturate(6897%) hue-rotate(353deg) brightness(92%) contrast(87%);}
.clubList>li:nth-child(3n-1) .tit a:before{filter:invert(25%) sepia(56%) saturate(877%) hue-rotate(107deg) brightness(91%) contrast(103%);}
.clubList>li:nth-child(3n) .tit a:before{filter:invert(18%) sepia(96%) saturate(2332%) hue-rotate(202deg) brightness(95%) contrast(101%);}
.clubList>li:nth-child(5n-1) .tit a:before{filter:invert(11%) sepia(52%) saturate(7494%) hue-rotate(277deg) brightness(87%) contrast(115%);}
.clubList>li:nth-child(5n) .tit a:before{filter:invert(63%) sepia(63%) saturate(5903%) hue-rotate(161deg) brightness(94%) contrast(111%) !important}
.clubList .club_info{margin-top: 2rem;}
.clubList .club_info>li{font-size: .95em; font-weight: 300;}
.clubList .club_info>li span.q{font-weight: normal;}


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

@media screen and (min-width:801px){
	.dp_mb{display:none}
	.calendar div.day{display:table; width:100%}
	.calendar div.day>ul{display:table-row}
	.calendar div.day>ul>li { display:table-cell; padding:10px; width:14.28%; vertical-align:top; }
	.calendar div.day>ul.th>li { padding:15px 5px; text-align:center; border-top:1px solid #007ed9; border-bottom:1px solid #007ed9; font-size:1.5rem; }
	.calendar div.day>ul.td li { text-align:center; height:150px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; overflow:hidden;}
	.calendar div.day>ul.td li p { text-align:left; }
	.calendar div.day>ul>li:first-child, .calendar div.day>ul>li:first-child p.date{ border-left:0px; }
	.calendar.schedule div.day>ul.td>li>a {display:block; padding:5px 0px; border-bottom:1px dotted #ccc; }
	.calendar.schedule div.day>ul.td>li>a:last-child { border-bottom:0; }
	.calendar.reservation div.day>ul.td>li { height:120px; }
	.board_write dd.name input, .board_write dd.pw input, .board_write dd.email input { width:25%; }
	.board_write dd.person input { width:10%; }
	.board_write dd.tel input { width:20%; }
	.fixBodyPc{overflow:hidden}
	.fixBodyPc .layer_viewvideo{overflow-y: auto; }
}

@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:20px;}
	.tag_state{padding-top: 3px;}
	.search{padding: 0px 0px 5rem; background: none; font-size: 1.45rem;}
	.search *{font-size: 1em;}
	.search .field{width: 100%;}
	.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:20px}
	.nodata{font-size:1.6rem}
	.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%; color:#888}
	.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:not(.title){color: #888;}
	.board_list table.general_board tbody td:first-child,
	.board_list table.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 tr{padding: 2rem 0px 1.5rem}
	.board_list table.general_board tbody td.title{max-width:100%; width:100%; padding-left:1.5rem}
	.board_list table.general_board tbody td.title a{font-size:1.02em; /* white-space:wrap */}
	.board_list table.general_board tbody img{position:relative; top:5px; left:10px; padding-right:5px}
	.board_list ul.lecList>li .tit{flex-direction:column; align-items: flex-start}
	.board_list ul.lecList>li .cate{margin-top:1rem; margin-left: 0px;}
	.board_list ul.lecList>li .lec_info{flex-direction:column}
	.board_list ul.lecList>li .lec_info>li{margin:2px 0px; font-size: 1.3rem;}
	.board_list ul.lecList>li .lec_info>li:first-child{padding-left:1.5rem; }
	.board_list ul.lecList>li .lec_info>li:first-child:before{display: block; }
	.board_list ul.lecList>li.close *{color:#aaa}
	.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}
	.apply_list>li{flex:100%; margin-top: 8px;}
	.apply_list>li .img{display: none;}
	.apply_list>li .con{padding:max(2.5%, 15px) 5% 2%}
	.apply_list>li .con .stateBox{position: absolute; left: 3%; top: 10px}
	.apply_list>li .con ul li{font-size: min(3.5vw, 1.4rem)}
 	.apply_list>li .con ul li p:first-child{min-width: 10vw; color: #888}
	.apply_list>li .con ul.lec_info>li{flex:1 0 auto; min-width: 50%; }
	.photoView p{height:200px}
	.photoView p img{max-height:200px}
	.lecView{flex-direction:column; flex-wrap: nowrap}
	.lecView .lec_info{padding:3rem; margin-bottom: 3rem;}
	.contact>div.map{height:200px; overflow:hidden}
	.contact>div.map_info ul{margin-top:10px}
	.contact>div.map_info ul li{font-size:1.3rem}
	.contact>div.map_info ul li:After{top:10px}
	.product>li{width:48%}
	.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:20px; width:100%; min-height:auto}
	.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}
	.lec_viewvideo p.center{margin:3rem 0px}
	.layer_viewvideo>div{text-align: center; right: 10px; left:10px; top: 10%; bottom:auto;}
	.layer_viewvideo>div iframe{min-height:300px}
	.layer_viewvideo .close{position: absolute; right: 2rem; top: auto; bottom: -4rem; padding: 1.2rem 0rem; padding-left: 4rem; color: #fff;}
	.layer_viewvideo .close:before, .layer_viewvideo .close:after{left: 2rem; height: 2.5rem; }
	.layer_viewvideo .lec_table{overflow-y:auto; max-height:calc(100vh - 35vh); margin-bottom: 1rem;}
	.layer_viewvideo thead{display: none;}
	.layer_viewvideo tr{display: flex; flex-wrap:wrap}
	.layer_viewvideo table th{background: var(--color-sub02); color: #fff; border-left-width: 0px !important}
	.layer_viewvideo table th,
	.layer_viewvideo table td[rowspan]{display: block; flex:0 0 100%; margin-top: 1rem; }
	.layer_viewvideo table :where(td[rowspan],th[rowspan])+td[rowspan]{margin-top: 0rem; }
	.layer_viewvideo table td{display: block; flex-shrink:1; flex-grow:1; flex-basis:10%}
	.layer_viewvideo table td:nth-last-child(2),
	.layer_viewvideo table td:nth-last-child(1){flex: 0 0 70px;}
	.layer_viewvideo table tr:first-child{display: none;}
	.layer_viewvideo table thead + tbody tr:first-child{display: flex;}
	.layer_viewvideo table tbody tr :where(td, th){display: flex; text-align: center; justify-content: center;  align-items: center;}
	.layer_viewvideo table tr:not(:first-child) :where(td, th), .layer_viewvideo table thead+tbody tr:first-child :where(td, th), .layer_viewvideo table thead+tbody tr :where(td, th){padding: 1rem;}
	.layer_viewvideo :where(.btn_play, .btn_down, .btn_play img, .btn_down img){display: block; margin: auto; height: 45px;}
	.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 li dl{display:block}
	.board_write li dl dt{display:block; width:100%}
	.board_write 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%}
	.calendar.reservation div.day { border-top:2px solid #353535; }
	.calendar.reservation div.day>ul.td>li:not(.today) { border-bottom:1px solid #dcdcdc; }
	.calendar.reservation div.day>ul.td dl.finish { background:#eee; padding:7px 10px; }
	.calendar.reservation div.day>ul.td dl.finish dd { margin-right:20px; display:inline-block; }
	.calendar.reservation div.day>ul.td p { padding:5px 0px; }
	.calendar.reservation div.day{display:block; width:100%}
	.calendar.reservation div.day>ul{display:block}
	.calendar.reservation div.day>ul>li{display:block; border:0px; border-bottom:1px solid #dcdcdc; padding:3%; width:94%; vertical-align:top; }
	.calendar div.day { border-top:1px solid #007ed9; }
	.calendar div.day>ul.th { display:none; }
	.calendar div.day>ul.td>li { padding:7px; min-height:50px; border-bottom:1px solid #e0e0e0; }
	.calendar div.day>ul.td>li>p { display:inline-block; vertical-align:middle; width:15px; }
	.calendar div.day>ul.td>li>p>span { }
	.calendar div.day>ul.td>li:nth-child(1)>p>span { color:#cf2222; }
	.calendar div.day>ul.td>li:nth-child(7)>p>span { color:#1a72cd; }
	.calendar div.day>ul.td>li:before { display:inline-block; vertical-align:middle; width:25px; }
	.calendar div.day>ul.td>li:nth-child(1):before { content:"일"; color:#cf2222; }
	.calendar div.day>ul.td>li:nth-child(2):before { content:"월"; }
	.calendar div.day>ul.td>li:nth-child(3):before { content:"화"; }
	.calendar div.day>ul.td>li:nth-child(4):before { content:"수"; }
	.calendar div.day>ul.td>li:nth-child(5):before { content:"목"; }
	.calendar div.day>ul.td>li:nth-child(6):before { content:"금"; }
	.calendar div.day>ul.td>li:nth-child(7):before { content:"토"; color:#1a72cd; }
	.calendar div.day>ul.td>li>a { position:relative; display:block; vertical-align:middle; padding-left:19px; }
	.calendar div.day>ul.td>li>a:before { position:absolute; top:12px; left:10px; width:2px; height:2px; border:1px solid #000; background:#666; content:""; }
	.calendar div.day>ul.td>li>a br { display:none; }
	.calendar div.day>ul.td>li>a span.condition_ok,
	.calendar div.day>ul.td>li>a span.condition_end { margin-left:10px; }
	.schedule div.month p{font-size: 3.5rem;}
	.schedule div.month ul li{top: .2rem}
	.schedule table thead th{display:none}
	.schedule table tbody td.blank{display:none}
	.schedule table tbody td{display:flex; flex-wrap:wrap; width:100%; border:0px; height:auto; border-bottom:1px solid #ddd}
	.schedule table tbody td p.date{flex:0 0 8rem; text-align: left; margin-top:5px; width:100%; padding-left: 1rem; border:0px; }
/* 	.schedule table tbody td.sun p.date{background:#a82a2a}
	.schedule table tbody td.sat p.date{background:#1a5194} */
	.schedule table tbody td>ul{margin:5px 20px 10px; flex:0 0 calc(100% - 40px); display: flex; flex-wrap: wrap;}
	.schedule table tbody td>ul>li{white-space:normal; flex: 0 0 33%;}
	.schedule table tbody td>ul>li:nth-child(2){border-top:0px}
	.schedule table tbody td>ul>li:nth-child(3){border-top:0px}
	.schedule table tbody td:not(.close)>ul>li.close span{text-decoration:line-through}
	.schedule table tbody td>ul.sch_list>li{font-size:1em}
	.schedule table tbody td>ul.sch_list>li div.con{position:static; width:100%; padding:0rem  0px; ;background:#fff; box-shadow:none}
	.schedule table tbody td>ul.sch_list>li div.con>p.tit{display: none; font-size: 1.6rem; font-weight: bold;}
	.schedule table tbody td>ul.sch_list>li div.con>ul{border-top:2px solid #333}
	.schedule table tbody td>ul.sch_list>li div.con>ul>li>p.q{min-width: 7rem;}
	.schedule table tbody td>ul.sch_list>li div.con>ul>li *{font-size:1.2rem}
	.schedule table tbody td>ul.sch_list>li div.con p.close_con{font-size:1.3rem; padding: 3px; margin-bottom: 3rem; }
	.schedule table tbody td>ul.sch_list>li div.con p.close_con a{width: 14rem;}
	.schedule_week dl.list{flex-direction:column}
	.schedule_week dl.list dt{text-align:center; padding:1rem; flex-basis:unset; width:13rem; min-height:unset; font-weight:bold; color:#fff; font-size:1.5rem; background:#484848; border-radius:60px}
	.schedule_week dl.list dt span{display:inline-block; font-size:1em;}
	.schedule_week dl.list dd>ul>li a{padding:2rem .5rem !important}
	.schedule_week dl.list dd>ul>li .time{order:1}
	.schedule_week dl.list dd>ul>li .place{order:2}
	.schedule_week dl.list dd>ul>li .tit{margin-top:.5rem; order:3; flex-basis:100%;}
	.schedule .nodata+table{display: none;}
	.join_step li{font-size:1.6rem !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}
	.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}
	.member_login p.tit{background-size:100px}
	.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:1.8rem;}
	.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;}
	.fxBox{flex-direction: column;}
	.program_tbox .tbox_tit{margin-bottom: .5rem;}
	.program_tbox .btnBox{flex-direction: row; justify-content: center; margin-top:1rem}
	.program_tbox .tbox_tit .btn_userGuide{position: absolute; right: 0px; top: -1rem; margin-top: 0px;}
}


@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{width:90%; 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:1%; width:48%; box-shadow:none; border-radius:1rem; overflow:hidden}
	.board_list ul.photoList>li p.img, .board_list ul.photoList2>li p.img{height:clamp(110px, 35vw, 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:285px}
	.product_view div.photo ul li p.img{height:340px}
	.product_view div.photo ul li p.img img{height:340px}
	.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:1.6rem}
	.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:15rem}
	.joinfinish dl{padding:150px 0px 0px; background-position:center 20px}
}