@charset "utf-8";
@import 'krds_tokens.css';

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

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


.btn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 20px; min-width:145px; height:57px; line-height:57px; font-size:21px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px}
input.btn{cursor:pointer}
.sbtn{display:inline-block; text-align:center; padding:0px 12px; min-width:60px; height:30px; line-height:30px; border-width:0px; background:#333; color:#fff; font-size:16px; vertical-align:middle}
input.sbtn{cursor:pointer}
.mbtn{display:inline-block; text-align:center; margin:2px 0px 0px 0px; padding:0px 22px; min-width:60px; height:40px; line-height:40px; font-size:16px; background:#f0f0f0; border:1px solid #ccc; vertical-align:middle; box-sizing:border-box; letter-spacing:-.5px}
input.mbtn{cursor:pointer}
.btn_ok{background:#333; color:#fff; border-color:#333}
.btn_back{background:#fff; color:#484848}
.btn_input{display:inline-block; text-align:center; padding:0px 10px; min-width:90px; height:40px; line-height:40px; border-width:0px; background:#333; color:#fff; font-size:16px; vertical-align:middle}
.btn_board{display:inline-block; padding:1px 13px 2px; line-height:150%; letter-spacing:-1px; border-radius:60px; background:#f0f0f0; border:1px solid #ccc; color:#484848; font-size:14px}
.btnBox{margin-top:30px; text-align:right; font-size:0px}
.btnBox .btn{margin-left:5px}
.goUrl{display:inline-block; font-weight:500; text-decoration:underline; color:#333}
.goWin{display:inline-block; padding-right:20px; background:url(/share/images/program/ic_window.gif) no-repeat right 7px}
/****************************************************************************************
	.tag_state - 상태(ex-강좌리스트, 예약)
	.lec_state - 강좌상태(큼, ex-상세)
	.tag_txt - 네모카테고리(네모 ex-리스트답변완료)
	.tag_cate - 둥근카테고리(원 ex-포토갤러리카테)
	.tag_ic - 리스트에서 타이틀 앞에 아이콘
*****************************************************************************************/
.tag_state{display:inline-block; text-align:center; padding:0px 10px 1px; min-width:50px; border-radius:100px; border:1px solid #ddd; line-height:140%; }
.lec_state{display:inline-block; text-align:center; padding:10px; min-width:110px; border-radius:3px; border:1px solid #ddd; line-height:150%; font-size:1.2em}
.tag_txt{display:inline-block; text-align:center; margin-right:8px; padding:0px 5px 1px; width:70px; line-height:140%; border:1px solid #ddd}
.tag_cate{display:inline-block; text-align:center; margin:1px 0px; padding:0px 10px 1px; min-width:40px; border-radius:100px; border:1px solid #ddd; line-height:140%; }
.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:#2b4e94; font-weight:500; font-size:0.93em}
/* 태그 및 버튼 색상 */
.c_rd{border-color:#a82a2a; color:#a82a2a}
.c_gy{border-color:#ccc; color:#666}
.c_bk{border-color:#333; color:#333}
.c_bl{border-color:#2b4e94; color:#2b4e94}
.c_gr{border-color:#30703f; color:#30703f}
.bg_rd{background:#a82a2a; border-color:#a82a2a; color:#fff}
.bg_bk{background:#333; border-color:#333; color:#fff}
.bg_bl{background:#2b4e94; border-color:#2b4e94; color:#fff}
.bg_gr{background:#30703f; border-color:#30703f; color:#fff}
.bg_gy{background:#666; border-color:#666; 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:16px}
.program_tab ul li.select a{font-weight:500; color:#2b4e94}
/*.program_tab ul li.select a:after{content:''; position:absolute; left:50%; bottom:-5px; width:8px; height:8px; border-bottom: solid 1px #333; border-left: solid 1px #333; background:#fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} */
.memoBox{margin-bottom:20px; padding:5%; border:6px solid #ddd}
.memoBox .memoCon{background:url(/share/images/program/note_line2.gif) left 0px; line-height:27px; word-break:keep-all}
.memoBox div.memoCon{position:relative; padding-left:13px; }
.memoBox div.memoCon:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}
.memoBox div.memoCon:before{display:block; content:''; position:absolute; top:14px; left:3px; width:4px; height:1px; background:#484848}
.memoBox div.memoCon br{position:relative; display:block; content:''}
.memoBox div.memoCon br:before{display:block; content:''; position:absolute; top:14px; left:-10px; width:4px; height:1px; background:#484848}
.memoBox .memoCon>li{position:relative; padding-left:13px; line-height:27px}
.memoBox .memoCon>li:before{display:block; content:''; position:absolute; top:14px; left:3px; width:4px; height:1px; background:#484848}
.memoBox .memoCon>li:last-child:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}

/* 유의사항 */
.board_view div.note{margin:auto; margin-bottom:40px; width:80%; padding:0px 5%; border:4px solid #eee}
/* 단순입력 */
.board_view div.note>dl{position:relative; padding-left:210px; min-height:150px; border-top:1px dashed #666}
.board_view div.note>dl:first-child{border-top:0px}
.board_view div.note>dl>dt{position:absolute; top:48%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); left:35px; padding-top:70px; font-size:1.2em; color:#333; letter-spacing:-1px; font-weight:500; 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:500}
.board_view div.note>dl>dd p+ul{margin-top:5px}
.board_view div.note>dl>dd ul li{position:relative; padding-left:15px; line-height:35px; word-break:keep-all}
.board_view div.note>dl>dd ul li:before{display:block; content:''; position:absolute; top:16px; left:3px; width:6px; height:1px; background:#484848}
.board_view div.note>dl>dd ul li:last-child:after{display:block; content:''; position:absolute; bottom:0px; left:0px; width:100%; height:1px; background:#fff}


/*** 검색 ***/
.search{text-align:center; margin-top:-1px; padding:3.5%; background:#f5f5f5; border:1px solid #ddd}
.search .field *, 
.search .word *{vertical-align:middle}
.search select{margin:2px 0px; padding:0px 30px 0px 10px; width:20%; max-width:135px; height:40px; line-height:40px; border:1px solid #ccc; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#fff url(/share/images/program/select_arr.gif) no-repeat right 13px center}
.search select::-ms-expand{display:none}
.search input[type=text]{margin-left:-1px; padding:0px 8px; width:100%; height:40px; line-height:40px; border:1px solid #ccc}
.search input[type=submit]{width:108px; height:40px; line-height:40px; border-width:0px; background:#333; color:#fff; font-size:18px}
.search .word{position:relative; display:inline-block; margin:2px 0px; width:35%; padding-right:113px}
.search .word input[type=submit]{position:absolute; right:0px; top:0px}
.search .range{display:inline-block; position:relative; width:42%}
.search .range.cal{ padding-right:35px; width:30%}
.search .range.cal img[src*=ic_cal]{position:absolute; top:2px; right:0px}
.search .field_gyeyak:After,
.search .field_gyeyak li:After{display:block; content:''; clear:both}
.search .field_gyeyak li{float:left; width:55%; text-align:left}
.search .field_gyeyak li:first-child{width:45%}
.search .field_gyeyak li:last-child dl{float:left; width:50%}
.search .field_gyeyak li:last-child dl:first-child{width:100%}
.search .field_gyeyak dl{position:relative; margin-top:5px; padding-left:90px; box-sizing:border-box}
.search .field_gyeyak dl dt{position:absolute; left:0px; top:5px; text-align:RIGHt; width:75px; font-weight:500} 
.search .field_material:After,
.search .field_material li:After{display:block; content:''; clear:both}
.search .field_material li{float:left; width:50%; text-align:left}
.search .field_material li.margin_l33p {margin-right:33.33%;}
.search .field_material dd select {width:100%; max-width:none; margin:0;}
.search .field_material dl{position:relative; margin-top:5px; padding-left:130px; box-sizing:border-box}
.search .field_material dl dt{position:absolute; left:0px; top:5px; text-align:right; width:115px; font-weight:500} 
.search .field_material li dl dd input[type=checkbox] {width:20px; height:20px; margin-top:7px;}
/*
.search .field_material li:last-child dl{padding-left:155px;}
.search .field_material li:last-child dl dt{width:140px;} 
.search .field_material li:last-child dl dd input {width:20px; height:20px; margin-top:7px;}
*/
.search .field_material li.w100p {text-align:center; margin-top:10px;}
.search .field_material li.w100p dl {padding-left:0;}
.search .field_material li.w100p dl dt{position:static; display:inline-block; vertical-align:middle;}
.search .field_material li.w100p dl dd {display:inline-block; vertical-align:middle; margin-left:5px;}
.search .field_material+.search_btn>a.mbtn {vertical-align:top; min-width:20%; margin-top:0; color:#fff; border:0; background:#1b518f;}
.search .search_btn{position:relative; margin-top:3%; padding-top:3%;  border-top:1px dotted #ccc}
.search .search_btn input[type=submit]{position:static;  min-width:20%} 
.search_array{margin-top:30px; margin-bottom:10px}
.search_array:after{display:block; content:''; clear:both}
.search_array * {vertical-align:middle;}
.search_array div{float:left; margin-left:2%}
.search_array div:first-of-type{margin-left:0px}
.search_array div span{display:inline-block; position:relative; padding-right:13px; margin-right:3px; }
.search_array div span:after{display:block; content:':'; position:absolute; right:0px; top:-1px; width:5px; height:1px}
.search_array select{border:1px solid #ddd; padding:0.4rem; padding-right:25px; color:#333; font-size:1.6rem; line-height:130%; appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; -ms-appearance:none; background:#f5f5f5 url(/share/images/program/select_arr02.gif) no-repeat right 4px center}
.search_array select::-ms-expand{display:none}
.search_array div.term input[type=text]{border:0px; letter-spacing:0px; width:80px}
.search_array div.term input[type=date]{letter-spacing:0px; width:13.2rem; padding:0.4rem; font-size:1.6rem; border:1px solid #ddd; background:#f5f5f5;}
.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.07em; border-top:2px solid #333; border-bottom:1px solid #aaa}
.tit_arow{text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
/* 일반 */
.board_list ul.generalList{padding-top:2px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.generalList>li{position:relative; padding: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.13em}
.board_list ul.generalList>li div.writer_info{float:right; width:38%}
.board_list ul.generalList>li div.writer_info ul{text-align:right; overflow:hidden}
.board_list ul.generalList>li div.writer_info ul li{display:inline-block; position:relative; top:-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:12px 5px; font-weight:500; font-size:15px; color:#333; line-height:25px; background:#f0f0f0; border-top:2px solid #333; border-bottom:1px solid #333}
.board_list table.general_board tbody th, 
.board_list table.general_board tbody td{text-align:center; padding:10px 5px; }
.board_list table.general_board tbody tr{border-top:1px dotted #ccc}
.board_list table.general_board tbody tr:first-child{border-top:0px}
.board_list table.general_board tbody td.title{max-width:100px; width:50%}
.board_list table.general_board tbody td.title a{display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
/* 포토(photoList-이미지,타이틀, photoList2-이미지,타이틀,내용 세로형)  */
.noimg.img{background:#f0f0f0; text-align:center; height:120px}
.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; }
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{padding:25px 0px; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #ccc}
.board_list ul.photoList>li,
.board_list ul.photoList2>li{position:relative; float:left; margin:1.6%; width:30.1%; box-shadow:0px 1px 1px rgba(0,0,0,.05)}
.board_list ul.photoList>li p.img,
.board_list ul.photoList2>li p.img{position:relative; height:230px; overflow:hidden}
.board_list ul.photoList>li p.img a:after,
.board_list ul.photoList2>li p.img a:after{display:block; content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; border:1px solid rgba(0,0,0,.05); box-sizing:border-box}
.board_list ul.photoList>li p.img img,
.board_list ul.photoList2>li p.img img{position:relative; top:50%; left:50%; transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); width:auto; min-width:100%; height:100%}
.board_list ul.photoList>li div.con,
.board_list ul.photoList2>li div.con{border:1px solid #ddd; border-top:0px}
.board_list ul.photoList>li div.con p.tit a,
.board_list ul.photoList2>li div.con p.tit a{color:#333}
.board_list ul.photoList>li div.con{padding:6.5% 7% 7.5%}
.board_list ul.photoList>li div.con p.tit{position:relative; text-align:center; padding-bottom:20px; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList>li div.con p.tit:after{display:block; content:''; position:absolute; left:49.5%; bottom:0px; width:4px; height:4px; border-radius:3px; background:#aaa; box-shadow:-8px 0px 0px #aaa, 8px 0px 0px #aaa}
.board_list ul.photoList>li div.con p.date{margin-top:15px; text-align:center}
.board_list ul.photoList2>li div.con{padding:6.5% 8% 9%}
.board_list ul.photoList2>li div.con p.tit{padding-bottom:10px; font-size:1.2em; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.photoList2>li div.con p.txt{height:40px; overflow:hidden; line-height:140%}
.board_list ul.photoList2>li div.con p.cate{margin-top:20px; min-height:24px}
/* 갤러리(이미지,타이틀,내용 가로형) */
.board_list ul.galleryList{padding:5px 0px; border-top:2px solid #333; border-bottom:1px solid #aaa}
.board_list ul.galleryList>li{padding:25px 10px; overflow:hidden; border-top:1px dotted #aaa; word-break:keep-all}
.board_list ul.galleryList>li:first-child{border-top:0px}
.board_list ul.galleryList>li p.img{position:relative; float:left; width:32%; margin-right:4%; font-size:0px; height:215px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.2)}
.board_list ul.galleryList>li p.img img{position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); width:100%; min-height:215px}
.board_list ul.galleryList>li div.con{position:relative; float:left; padding-bottom:40px; width:64%; }
.board_list ul.galleryList>li div.con.w100p{padding-bottom:0px; height:auto}
.board_list ul.galleryList>li div.con p.tit{margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.board_list ul.galleryList>li div.con p.tit a{font-size:1.55em; color:#333}
.board_list ul.galleryList>li div.con p.txt{line-height:150%}
.board_list ul.galleryList>li div.con p.cate{margin-top:15px}
.board_list ul.galleryList>li div.con ul.list_info{margin-top:10px}
.board_list ul.galleryList>li div.con p.tit+ul.list_info{margin-top:0px}
.board_list ul.ebookList{padding:20px 0px 25px; border-top:2px solid #333; border-bottom:1px solid #aaa; overflow:hidden}
.board_list ul.ebookList>li{float:left; position:relative; margin:2%; width:46%; border:1px solid #ddd; box-sizing:border-box; background:#fff; box-shadow:0px 1px 1px rgba(0,0,0,.05)}
.board_list ul.ebookList>li:before{display:block; content:''; position:absolute; left:-0.5%; top:1px; width:101%; height:98.5%; border:1px solid #ddd; z-index:-1}
.board_list ul.ebookList>li:after{display:block; content:''; clear:both}
.board_list ul.ebookList>li p.img{float:left; padding:7px; width:50%; border-right:1px solid #ddd; box-sizing:border-box;}
.board_list ul.ebookList>li p.img img{width:100%; max-height:350px}
.board_list ul.ebookList>li div.con{float:left; padding:7% 3% 65px 7%; width:50%; height:350px; box-sizing:border-box}
.board_list ul.ebookList>li div.con:before{display:block; content:''; position:absolute; right:-3px; top:0px; width:1px; height:100%; border:1px solid #ddd}
.board_list ul.ebookList>li div.con p.tit{font-size:1.4em; color:#333; line-height:1.4em}
.board_list ul.ebookList>li div.con p.data{margin-top:10px; color:#666}
.board_list ul.ebookList>li div.con ul.ebook_btn{position:absolute; bottom:25px; width:36%}
.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:4px; padding-left:40px; height:auto; font-weight:500; 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:500}
.board_list ul.faqList>li p.tit.open a:after{right:16px}
.board_list ul.faqList>li p.tit.open a:before{right:23.5px}
.board_list ul.faqList>li div.con{display:none; padding:3% 4.5%; background:#f6f6f6; border-bottom:1px solid #ccc}
.board_list ul.faqList>li:last-child div.con{border-bottom:0px}
/* 강의 */
.board_list ul.lecList{overflow:hidden; padding-top:1px}
.board_list ul.lecList>li{position:relative; float:left; margin-bottom:10px; width:49.6%; box-sizing:border-box}
.board_list ul.lecList>li:nth-child(even){float:right}
.board_list ul.lecList>li:nth-child(1):after, 
.board_list ul.lecList>li:nth-child(2):after{display:block; content:''; position:absolute; top:-1px; left:0px; width:100%; height:2px; 
background:#333}
.board_list ul.lecList>li.close *{color:#888; font-weight:normal}
.board_list ul.lecList>li.close p.tit a{color:#888; font-weight:normal}
.board_list ul.lecList>li>div{padding:30px 30px 27px; border:1px solid #ddd;}
.board_list ul.lecList>li p.tit{padding-right:85px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board_list ul.lecList>li p.tit a{color:#333; font-size:1.4em; font-weight:500;}
.board_list ul.lecList>li .tag_state{position:absolute; top:25px; right:25px; min-width:60px}
.board_list ul.lecList>li ul{overflow:hidden; margin-top:20px}
.board_list ul.lecList>li ul>li{position:relative; float:left; width:50%; min-width:210px; padding-left:8px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.board_list ul.lecList>li ul>li:after{display:block; content:''; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#ccc}
.board_list ul.lecList>li ul>li.long{clear:both; float:none; width:100%; }
/* etcList */
.board_list .etcList{overflow:hidden}
.board_list .etcList>li{float:left; margin:1% 0px; padding:2.5% 3%; width:49%; border:1px solid #ddd; box-sizing:border-box}
.board_list .etcList>li:nth-child(even){float:right}
.board_list .etcList>li:nth-child(1){border-top:2px solid #333}
.board_list .etcList>li:nth-child(2){border-top:2px solid #333}
.board_list .etcList>li p.tit{margin-top:3px; margin-bottom:5px; height:60px; overflow:hidden}
.board_list .etcList>li p.tit.tit_arow{margin-bottom:10px; height:auto}
.board_list .etcList>li p.tit a{font-size:1.4em; color:#333; line-height:130%}
.board_list .etcList>li p.txt{height:45px; line-height:150%; overflow:hidden}
.board_list .etcList>li p.txt+ul.list_info{margin-top:5px}
/* 설문 */
.board_list .surveyList{overflow:hidden}
.board_list .surveyList>li{float:left; margin:1% 0px; padding:2.5% 3%; width:49%; border:1px solid #eee; background:#f5f5f5; box-sizing:border-box}
.board_list .surveyList>li.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:2px; 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:400}
table.dataTable thead th{padding:12px 1%; background:#f0f0f0}

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

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

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

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

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

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

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

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


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

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


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

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

/*예외*/
.material_write.board_write select {min-width:auto;}
.material_write.board_write .scroll_table table {min-width:auto;}
.material_write.board_write ul li dl dt {width:17.5%;}
.board_writeDeep li:first-child {padding-top:0;}
.board_writeDeep li:last-child {padding-bottom:0; border-bottom:0;}
.board_write .board_writeDeep li dl dt label{font-size:15px;}
.board_write .board_writeDeep li dl dt .need{font-size:0.85em;}
.board_writeDeep li dl.col4 dd {width:32.5%;}
.dataTable.sigong tbody th {width:20%;}
.dataTable.sigong tbody td {text-align:left;}
.dataTable.sigong .file_plus_btn {display:block; margin:20px auto 0; padding:7px 30px 9px; max-width:160px; color:#fff; border:0; background:#333; cursor:pointer;}

.detail_tbox {padding:15px; border:1px solid #d4d4d4; background:#fafafa;}

.pr_detail {position:relative; margin-top:30px;}
.pr_detail:after {display:block; clear:both; content:"";}
.pr_detail>div.photo * {box-sizing:border-box;}
.pr_detail>div.photo>ul {margin-top:10px; padding-left:35%;}
.pr_detail>div.photo>ul>li{float:left; width:19.2%; height:65px; background:#eee;}
.pr_detail>div.photo>ul>li:not(:nth-child(5n-4)) {margin-left:1%;}
.pr_detail>div.photo>ul>li:not(:nth-child(-n+5)) {margin-top:6px;}
.pr_detail>div.photo>ul>li>a.thumbnail {display:block; width:100%; height:100%; padding:1px; border:1px solid #d4d4d4; background:#fff;}
.pr_detail>div.photo>ul>li>a.thumbnail img{width:100%; height:100%;}
.pr_detail>div.photo>ul>li.select>a.thumbnail {padding:0; border:2px solid #1b518f;}
.pr_detail>div.photo>ul>li>div.detail_img {display:none; position:absolute; top:0; left:0; width:33%;}
.pr_detail>div.photo>ul>li.select>div.detail_img {display:block;}
.pr_detail>div.photo>ul>li>div.detail_img p.photo{overflow:hidden; width:100%; height:182px; border:1px solid #d4d4d4; background:#f9f9f9;}
.pr_detail>div.photo>ul>li>div.detail_img p.photo img{position:relative; top:50%; left:50%; max-width:100%; max-height:182px; width:auto; height:auto; transform:translateX(-50%) translateY(-50%);}
.pr_detail>div.photo>ul>li>div.detail_img p.tit {overflow:hidden; width:100%; padding:10px; margin-top:10px; font-size:16px; background:#eee; white-space:nowrap; text-overflow:ellipsis;}
.pr_detail>div.photo>ul>li>div.detail_img .imgBtn {margin-top:5px;}
.pr_detail>div.photo>ul>li>div.detail_img .imgBtn a {display:block; float:left; text-align:center; width:49%; height:87px; padding-top:55px; color:#fff; font-weight:500;}
.pr_detail>div.photo>ul>li>div.detail_img .imgBtn a:first-child {margin-right:2%;}
.pr_detail>div.photo>ul>li>div.detail_img .imgBtn a.zoom {background:#1b518f url('/img/sub/photo_zoom.png') no-repeat center 14px;}
.pr_detail>div.photo>ul>li>div.detail_img .imgBtn a.down {background:#1e6c87 url('/img/sub/photo_down.png') no-repeat center 14px;}

.pr_detail .txtTable{padding-left:35%;}
.pr_detail>div.photo>p.detail_img {position:absolute; top:0; left:0; width:33%;}

.field {display:flex; flex-wrap:wrap; gap:0.1rem 0.4rem; margin:0 auto; max-width:60rem;}
.field>div {flex:1 1 100%;}
.field>div.word {flex:1 1 auto;}
/* .field>div:nth-last-of-type(2) {margin-bottom:0.4rem;} */
.field>div:not(.word) {display:flex; align-items:center; gap:0.4rem;}
.field>div:not(.word) label {flex:0 0 20%; max-width:135px;}
.field>div:not(.word) select {flex:1 1 auto; width:auto; max-width:none;}

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

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

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

@media screen and (max-width:800px){
	.dp_pc{display:none}
	.btnBox{margin-top:40px; text-align:center}	
	.search{padding:3.5% 1.5%}
	.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}	
	ul.list_info.col2 li{float:none; width:100%}
	.board_list{margin-top:20px}	
	.board_list ul.generalList>li p{float:none; width:100%}
	.board_list ul.generalList>li div.writer_info{float:none; margin-top:10px; width:100%}
	.board_list ul.generalList>li div.writer_info ul{text-align:left}
	.board_list ul.generalList>li div.writer_info ul li.writer{padding-left:10px; width:auto}
	.board_list table.general_board thead{display:none}
	.board_list table.general_board tbody tr:first-child{border-top:2px solid #333}
	.board_list table.general_board tbody td{display:inline-block; padding:2px 10px 7px 0px}
	.board_list table.general_board tbody td:first-child,
	.board_list table.general_board tbody td:last-child{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1} /*숨김*/
	.board_list table.general_board tbody td.title{max-width:100%; width:100%; padding:10px 0px 0px 10px}
	.board_list table.general_board tbody td.title a{width:90%; font-size:15px; font-weight:500}
	.board_list table.general_board tbody img{position:relative; top:5px; left:10px; padding-right:5px}
	.board_list ul.lecList>li{width:100%; margin:3px 0px}		
	.board_list ul.lecList>li:nth-child(2):after{display:none}
	.board_list ul.lecList>li.close *{color:#aaa}
	.board_list ul.lecList>li>div{padding:10px 15px 15px; border-width:0px 0px 1px 0px}
	.board_list ul.lecList>li .tag_state{top:15px; right:15px; min-width:60px; }
	.board_list ul.lecList>li ul{margin-top:8px}
	.board_list ul.photoList>li,
	.board_list ul.photoList2>li{margin:1.5%; width:47%}
	.board_list ul.photoList>li p.img{height:170px}
	.board_list ul.photoList>li div.con p.tit{font-weight:500}
	.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}
	.board_list ul.ebookList>li div.con:before{display:none}
	.board_list ul.ebookList>li div.con ul.ebook_btn{position:static; margin-top:10px; width:100%}
	.board_list ul.ebookList>li div.con ul.ebook_btn li a{padding-left:35px; background-position:5px center}	
	.board_list .etcList>li{float:none; width:100%}
	.board_list .etcList>li:nth-child(even){float:none}
	.board_list .etcList>li:nth-child(2){border-top:1px solid #ddd}
	.board_list .etcList>li p.tit{margin-bottom:10px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li{float:none !important; padding:20px; width:100%}
	.board_list .surveyList>li:nth-child(2){border-top:0px}
	.board_list .surveyList>li.open{border-color:#666; border-top-color:#333}
	.board_list .surveyList>li p.tit{margin-top:3px; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
	.board_list .surveyList>li p.tit a{}
	/* .board_list .oneList>li div.con ul.list_info li{width:100%}*/
	.board_list .oneList.haveBtn>li div.con{padding-right:0px}
	.board_list .oneList>li div.con ul.oneList_btn{position:static; text-align:center; margin-top:20px; padding:15px 10px 3px; border-top:1px dashed #ccc}
	.board_list .oneList>li div.con ul.oneList_btn li{display:inline-block}
	.board_list .oneList>li div.con ul.oneList_btn li	.tag_txt{margin-right:0px}
	.data_list>li.col2 dl{float:none; width:100%; border-top:1px dotted #ccc}
	.data_list>li.col2 dl:first-child{border-top:0px}
	.add_file dl>dt,
	.data_list>li dl>dt,
	.add_file dl>dd,
	.data_list>li dl>dd{padding-left:15px}
	.add_file dl>dt,
	.data_list>li dl dt{width:80px}
	.add_file .alldown{right:10px; top:10px}
	.photoView p{height:200px}
	.photoView p img{max-height:200px}
	.contact>div.map{height:200px; overflow:hidden}
	.contact>div.map_info ul{margin-top:10px}
	.contact>div.map_info ul li{font-size:14px}
	.contact>div.map_info ul li:After{top:10px}
	.board_view div.note>dl{padding-left:0px}
	.board_view div.note>dl>dt{position:relative; top:20px; transform:translateY(0%); -webkit-transform:translateY(0%); -ms-transform:translateY(0%); -moz-transform:translateY(0%); -o-transform:translateY(0%); left:0px; text-align:center; }
	.board_view div.note>dl>dd div{padding:0px 5px; line-height:27px;  background-image:url(/share/images/program/note_line2.gif)}
	.board_view div.note>dl>dd div *{line-height:27px}
	.comment div.comment_writer ul li{width:32%}
	.comment div.comment_form{padding-right:100px; }
	.comment div.comment_form input[type=submit]{width:100px}	
	.board_write ul li dl{display:block}
	.board_write ul li dl dt{display:block; width:100%}
	.board_write ul li dl dd{display:block}
	.board_reply>div{padding:30px 25px}
	.survey_frame>ul>li{padding:30px}
	.survey_frame .a_img li{float:none; margin-left:0%; width:100%; overflow:hidden}
	.survey_frame .a_img li img{height:100px}
	.survey_frame .a_img li>p{float:left; width:50%}
	.survey_frame .a_img li>p.txt{padding-left:2%; width:48%}
	.other_con{margin-top:50px}
	.other_con li{padding-left:100px}
	.other_con span{width:100px}
	.schedule div.month{width:100%}
	.schedule div.month p{}
	.schedule div.month ul li{top:10px}
	.schedule table thead th{display:none}
	.schedule table tbody td.blank{display:none}
	.schedule table tbody td{display:block; width:100%; border:0px; height:auto}
	.schedule table tbody td p.date{text-align:center; margin-top:5px; width:100%; border:0px; background:#484848; color:#fff}	
	.schedule table tbody td.sun p.date{background:#a82a2a}
	.schedule table tbody td.sat p.date{background:#2b4e94}
	.schedule table tbody td ul{padding:5px 20px 10px}
	.schedule table tbody td>ul>li.close a{text-decoration:line-through}
	.schedule table tbody td>ul.sch_list>li div.con{position:static}
	.schedule_week dl.list{padding:30px 0px}
	.schedule_week dl.list dt{position:relative; top:0px; text-align:center; padding:5px 10px; width:100px; font-size:18px; font-weight:500; color:#fff; background:#484848; border-radius:60px}
	.schedule_week dl.list dt span{display:inline; padding-left:5px; font-weight:normal}
	.schedule_week dl.list dd{padding-top:10px; padding-left:5px}
	.schedule_week dl.list dd>ul>li a{padding:8px 0px}
	.schedule_week dl.list dd>ul>li .time{display:none}
	.schedule_week dl.list dd>ul>li .tit{}
	.schedule_week dl.list dd>ul>li .place{display:none}
	.schedule_week dl.list dd>ul>li div.con{display:none; margin-top:10px; padding:30px; background:#f0f0f0}
	.join_step li{font-size:16px !important}
	.join_step li:after{margin:5px 15px 5px 5px}
	.join_step li span.txt{display:none}	
	.join_step li span.num{margin-right:0px; width:27px !important; line-height:27px !important}
	.join_step li.select span.num{margin-right:5px}
	.join_step li.select span.txt{display:inline-block}
	.realname{border-top:3px solid #333}
	.realname li{margin:0%; width:100%; border-top:0px}
	.realname li button{background-position:9% center; border-left:0px; border-right:0px}
	.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}
	#contents .login{padding:5%; width:85%; border:0px; background:none}
	#contents .login p.tit{float:none; margin-top:30px; width:100%}
	#contents .login div.con{float:none; margin:8% auto; width:80%}
	.password_txt{position:relative; padding:20px; width:auto; left:0px; top:0px}
	.password_txt:After{top:-10px; left:35px; border-left-color:transparent; border-bottom-color:#333}
	.map_service{position:static; width:auto; background:transparent; border-radius:0px; overflow:visible; box-shadow:none}
	.map_service div.map_search{position:fixed; padding:20px; padding-left:100px; width:100%; border-bottom:0px; box-sizing:border-box; z-index:101}
	.map_service div.map_search>div{background:#fff; border-radius:5px; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,.5) }
	.map_service ul.map_menu{position:absolute; padding:20px 5px 18px; width:80px; height:100%; background:#fff; overflow-y:scroll; box-sizing:border-box; z-index:102; box-shadow:0px 0px 2px rgba(0,0,0,.2)}
	.map_service ul.map_menu>li{float:none; padding:0px 0px; width:auto}	
	.map_service div.map_result{position:absolute; padding-left:80px; max-height:100%; height:100%; width:100%; background:#fff; z-index:101}
	.map_service div.map_result::-webkit-scrollbar, .map_service ul.map_menu::-webkit-scrollbar{width:2px}
	.map_service div.map_result::-webkit-scrollbar-thumb, .map_service ul.map_menu::-webkit-scrollbar-thumb{background:#ccc}
	.map_service div.map_result p.noresult{padding-top:20%}
	.map_service div.map_result p.noresult span{display:block; margin-bottom:5px}
	.search .field_material li{float:left; width:93%; text-align:left}
	.search .field_material li:nth-child(2) {margin-right:0%;}
	.search .field_material li:last-child dl{padding-left:155px;}
	.search .field_material li:last-child dl dt{width:125px;} 

	.material_write.board_write ul li dl dt {width:100%;}
	.board_writeDeep li dl.col4 dd {width:100%;}

	.pr_detail>div.photo>ul {position:relative; padding-left:0; padding-top:360px;}
	.pr_detail>div.photo>ul>li:not(:first-child) {margin-left:1%;}
	.pr_detail>div.photo>ul>li:nth-child(5n+1) {margin-left:0;}
	.pr_detail>div.photo>ul>li>div.detail_img {width:100%;}
	.pr_detail>div.photo>ul>li>div.detail_img p.photo{height:200px;}
	.pr_detail>div.photo>ul>li>div.detail_img p.photo img{max-height:200px;}
	.pr_detail .txtTable{padding-left:0;}

}

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

/* 페이지네이션 */
.krds-pagination {
	--krds-pagination--color-text: var(--krds-light-color-text-subtle);
	--krds-pagination--color-text-active: var(--krds-light-color-text-inverse-static);
	--krds-pagination--color-text-disabled: var(--krds-light-color-text-disabled);
	--krds-pagination--color-action: var(--krds-light-color-action-secondary);
	--krds-pagination--color-action-hover: var(--krds-light-color-action-secondary-hover);
	--krds-pagination--color-action-pressed: var(--krds-light-color-action-secondary-pressed);
	--krds-pagination--color-action-active: var(--krds-light-color-action-secondary-active);
	--krds-pagination-gap: var(--krds-gap-3);
	--krds-pagination-margin-top: var(--krds-pc-gap-layout-h2-h3);
	--krds-pagination--size-height: var(--krds-size-height-6);
	--krds-pagination--radius: var(--krds-radius-medium1);
	--krds-pagination--prev-btn-padding-left: var(--krds-padding-2);
	--krds-pagination--prev-btn-padding-right: var(--krds-padding-3);
}
@media (max-width: 767px) {
	.krds-pagination {
		--krds-pagination-gap: var(--krds-gap-7) var(--krds-gap-3);
		--krds-pagination-margin-top: var(--krds-mobile-gap-layout-h2-h3);
	}
}
.krds-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	gap: var(--krds-pagination-gap);
	width: 100%;
	margin-top: var(--krds-pagination-margin-top);
	color: var(--krds-pagination--color-text);
}
.krds-pagination .page-navi,
.krds-pagination .page-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: var(--krds-pagination--size-height);
	background-color: var(--krds-pagination--color-action);
	border-radius: var(--krds-pagination--radius);
	transition: var(--krds-transition-base);
}
.krds-pagination .page-navi:hover,
.krds-pagination .page-link:hover {
	background-color: var(--krds-pagination--color-action-hover);
}
.krds-pagination .page-navi:active,
.krds-pagination .page-link:active {
	background-color: var(--krds-pagination--color-action-pressed);
}
.krds-pagination .page-navi.prev {
	order: 1;
	padding: 0 var(--krds-pagination--prev-btn-padding-right) 0 var(--krds-pagination--prev-btn-padding-left);
}
.krds-pagination .page-navi.prev::before {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: '';
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/icon/ico_angle.svg);
	mask-image: url(../images/icon/ico_angle.svg);
	background-color: var(--krds-pagination--color-text);
	transform: rotate(90deg);
}
.krds-pagination .page-navi.next {
	order: 3;
	padding: 0 var(--krds-pagination--prev-btn-padding-left) 0 var(--krds-pagination--prev-btn-padding-right);
}
.krds-pagination .page-navi.next::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	content: '';
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/icon/ico_angle.svg);
	mask-image: url(../images/icon/ico_angle.svg);
	background-color: var(--krds-pagination--color-text);
	transform: rotate(-90deg);
}
.krds-pagination .page-navi.disabled {
	color: var(--krds-pagination--color-text-disabled);
}
.krds-pagination .page-navi.disabled:hover,
.krds-pagination .page-navi.disabled:active {
	background-color: var(--krds-pagination--color-action-disabled);
}
.krds-pagination .page-navi.disabled::before,
.krds-pagination .page-navi.disabled::after {
	background-color: var(--krds-pagination--color-text-disabled);
}
.krds-pagination .page-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	order: 2;
	gap: var(--krds-gap-3);
}
.krds-pagination .page-links .page-link {
	width: var(--krds-pagination--size-height);
	height: var(--krds-pagination--size-height);
}
.krds-pagination .page-links .page-link.link-dot {
	display: inline-flex;
	width: var(--krds-icon--size-large);
	height: var(--krds-icon--size-large);
	background-color: var(--krds-light-color-text-basic);
	forced-color-adjust: none;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/icon/ico_ellipsis.svg);
	mask-image: url(../images/icon/ico_ellipsis.svg);
}
.krds-pagination .page-links .page-link.active {
	background-color: var(--krds-pagination--color-action-active);
	font-weight: var(--krds-font-weight-bold);
	color: var(--krds-pagination--color-text-active);
}
.krds-pagination + .helper-box {
	margin-top: var(--krds-padding-10);
}

[data-krds-mode='high-contrast'] .krds-pagination {
	--krds-pagination--color-text: var(--krds-high-contrast-color-text-subtle);
	--krds-pagination--color-text-active: var(--krds-high-contrast-color-text-inverse-static);
	--krds-pagination--color-text-disabled: var(--krds-high-contrast-color-text-disabled);
	--krds-pagination--color-action: var(--krds-high-contrast-color-action-secondary);
	--krds-pagination--color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
	--krds-pagination--color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
	--krds-pagination--color-action-active: var(--krds-high-contrast-color-action-secondary-active);
}
[data-krds-mode='high-contrast'] .krds-pagination .page-navi.prev::before {
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
}
[data-krds-mode='high-contrast'] .krds-pagination .page-navi.next::after {
	display: inline-flex;
	width: var(--krds-icon--size-medium);
	height: var(--krds-icon--size-medium);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
}
[data-krds-mode='high-contrast'] .krds-pagination .page-links .page-link.link-dot {
	display: inline-flex;
	width: var(--krds-icon--size-large);
	height: var(--krds-icon--size-large);
	background-color: var(--krds-high-contrast-color-text-basic);
	forced-color-adjust: none;
}

@media (prefers-color-scheme: dark) {
	[data-krds-mode='theme'] .krds-pagination {
		--krds-pagination--color-text: var(--krds-high-contrast-color-text-subtle);
		--krds-pagination--color-text-active: var(--krds-high-contrast-color-text-inverse-static);
		--krds-pagination--color-text-disabled: var(--krds-high-contrast-color-text-disabled);
		--krds-pagination--color-action: var(--krds-high-contrast-color-action-secondary);
		--krds-pagination--color-action-hover: var(--krds-high-contrast-color-action-secondary-hover);
		--krds-pagination--color-action-pressed: var(--krds-high-contrast-color-action-secondary-pressed);
		--krds-pagination--color-action-active: var(--krds-high-contrast-color-action-secondary-active);
	}
	[data-krds-mode='theme'] .krds-pagination .page-navi.prev::before {
		display: inline-flex;
		width: var(--krds-icon--size-medium);
		height: var(--krds-icon--size-medium);
		background-color: var(--krds-high-contrast-color-text-basic);
		forced-color-adjust: none;
	}
	[data-krds-mode='theme'] .krds-pagination .page-navi.next::after {
		display: inline-flex;
		width: var(--krds-icon--size-medium);
		height: var(--krds-icon--size-medium);
		background-color: var(--krds-high-contrast-color-text-basic);
		forced-color-adjust: none;
	}
	[data-krds-mode='theme'] .krds-pagination .page-links .page-link.link-dot {
		display: inline-flex;
		width: var(--krds-icon--size-large);
		height: var(--krds-icon--size-large);
		background-color: var(--krds-high-contrast-color-text-basic);
		forced-color-adjust: none;
	}
}

@media (max-width: 767px) {
	.krds-pagination {
		flex-wrap: wrap;
	}
	.krds-pagination .page-links {
		width: 100%;
	}
	.krds-pagination .page-navi.next {
		transition: none;
		order: 1;
	}
	.krds-pagination + .helper-box {
		margin-top: var(--krds-padding-9);
	}
}

.blind,
.sr-only{
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}