@charset "utf-8";
@import url(/plugins/datetimepicker/jquery.datetimepicker.css);

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

/**************************************************
	Common
**************************************************/
/* Skip Navigation */
#skip_nav a{display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skip_nav a:hover{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:active{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:focus{top:0px; z-index:1000; background:#4764ce; color:#fff;}
/* Float Clear */
.clr:after{content:''; display:block; clear:both;}
/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}

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

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

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

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

/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol > li{padding-left:0; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
/* 컨텐츠 들여쓰기 */
.cont_body .conBox{position:relative; margin-bottom:40px;}
.cont_body .conBox:last-child{margin-bottom:0;}
.conTit2 + .conBox{margin-bottom:50px; margin-left:30px;}
.conTit3 + .conBox{margin-bottom:30px; margin-left:21px;}
.conTit4 + .conBox{margin-bottom:30px; margin-left:19px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conBox2{padding:5px 0 5px 19px;}

/**************************************************
	테이블
**************************************************/
/* fixed */
table.fixed{table-layout:fixed;}
.table_scroll table.fixed{table-layout:auto;}
.table_scroll .wb_normal{word-break:normal;}
/* 모바일 테이블 wrap(스크립트에서 class 추가) */
.table_scroll{overflow:auto; word-break:keep-all;}
/*.table_scroll::-webkit-scrollbar{height:3px;}
.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/
/* 모바일 테이블 wrap(스크립트에서 class 추가) */
.table_scroll_wrap{position:relative;}
.table_scroll_wrap:after{content:'옆으로 미세요'; display:inline-block; position:absolute; top:0; right:0; height:25px; background:url(../images/common/scroll.png) no-repeat 0 0/contain; padding:6px 0 0 62px; font-size:14px;}
.table_scroll_wrap table{margin-top:40px !important;}
/* Table Common(Default) */
.cont_body table,
table[class^="tbl"]{width:100%; margin:10px 0 5px; border-top:3px solid #61646c;}
table[class^="tbl"] th,
table[class^="tbl"] td,
.cont_body table th,
.cont_body table td{border:1px solid #ddd; font-size:15px;}
table[class^="tbl"] th,
.cont_body table th{padding:12px 5px; text-align:center; background:#f6f6f7;}
table[class^="tbl"] thead + tbody th{background:#fcfcfc;}
table[class^="tbl"] td,
.cont_body table td{padding:10px 12px;}
/* Table01 */
.tbl01{}                     
/* Table02 */
.tbl02{}
.tbl_topline_non{border-top:0px !important;}

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

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

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

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

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

.faq_lst{}
.faq_lst .item_info{position:relative; margin-bottom:-1px; border:1px solid #e5e5e5;}
.faq_lst .item_info.on{z-index:10; border-color:#2054a8;}
.faq_lst .item_info .info_tit{background:#f8f8f8;}
.faq_lst .item_info .link_cont{display:block; position:relative; padding:15px 60px 15px 65px;}
.faq_lst .item_info .link_cont .que_info{display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:32px; height:32px; border-radius:50%; background:#a1a1a1; font-family:arial; font-weight:600; font-size:20px; color:#fff;}
.faq_lst .item_info.on .link_cont .que_info{background:#2054a8;}
/* 아이콘 + */
.faq_lst .item_info .link_cont .btn_arr{position:absolute; top:0; right:20px; bottom:0; overflow:hidden; width:20px; height:20px; margin:auto; color:transparent;}
.faq_lst .item_info .link_cont .btn_arr:before,
.faq_lst .item_info .link_cont .btn_arr:after{content:''; display:block; box-sizing:border-box; position:absolute; top:0%; left:0; right:0; bottom:0; width:100%; height:2px; margin:auto; background:#000;}
.faq_lst .item_info .link_cont .btn_arr:after{width:2px; height:100%; transition:transform .4s;}
.faq_lst .item_info.on .link_cont .btn_arr:after{transform:rotate(-90deg);}
/* 내용 */
.faq_lst .item_info .info_cont{display:none; position:relative; border-top:1px solid #e5e5e5;}
.faq_lst .item_info .info_cont .ans_info{display:flex; justify-content:center; align-items:center; position:absolute; top:34px; bottom:52px; left:70px; width:32px; height:32px; margin:auto 0; border:1px solid #222; border-radius:50%; background:#fff; font-family:arial; font-weight:600; font-size:20px; color:#222;}
.faq_lst .item_info .info_cont .ans_info:before{content:''; display:block; position:absolute; top:3px; right:calc(100% + 20px); width:12px; height:12px; border-left:3px solid #bebebe; border-bottom:3px solid #bebebe;}
.faq_lst .item_info .info_cont .ans_info:after{content:''; display:block; position:absolute; top:11px; right:calc(100% + 18px); transform:rotate(-45deg); width:8px; height:8px; border-right:3px solid #bebebe; border-bottom:3px solid #bebebe;}
.faq_lst .item_info .info_cont .desc_info{padding:20px 60px 25px 115px;}

/* 오류화면 */
.error_wrap{text-align:center; display:flex; justify-content:center; align-items:center; height:100vh; padding:0 10px; font-family:'notokr';}
.error_wrap > .inr{width:775px; max-width:100%; max-height:100%; overflow:hidden; overflow-y:auto;}
.error_wrap h1{margin:0 auto 40px; text-align:center;}
.error_wrap .txt_box{display:flex; flex-direction:column; justify-content:center; padding:50px 20px; border:1px solid #cbcbcb; border-radius:10px; text-align:center;}
.error_wrap .txt_box .img{}
.error_wrap .txt_box .txt{margin:20px 0; font-size:24px;}
.error_wrap .txt_box .date{display:flex; flex-wrap:wrap; justify-content:center; font-size:18px;}
.error_wrap .txt_box .date dt{flex:0 0 auto;}
.error_wrap .txt_box .date dd{margin-left:5px; font-weight:600; color:#f24407;}
.error_wrap .copyright_area{margin-top:40px; font-size:15px; color:#666; text-align:left;}
.error_wrap .copyright_area .address_area em{color:#222;}
.error_wrap .copyright_area .copyright{margin-top:10px;}
/**************************************************
	Slick Slide
**************************************************/
/* Common */
.slickwrap{position:relative;}
.slickwrap .slider .item{vertical-align:top;}
.slickwrap .slider a{display:block;}
.slickwrap .slider .item .mobile{display:none;}
.slickwrap .slider .item a:focus{border:2px solid #000;}
.slickwrap .slider .item img{/*width:100%;*/ margin:0 auto;}
/* 사진 슬라이드 Type01(위례 평생학습관) */
.slidetype01{position:relative;}
.slidetype01 .nav{}
.slidetype01 .nav .count{display:none;}
.slidetype01 .nav .area_ctrl{position:absolute; left:0; right:0; bottom:0; z-index:11; text-align:center;}
.slidetype01 .nav .area_ctrl .dots{display:inline-block;}
.slidetype01 .nav .area_ctrl .slick-dots{overflow:hidden;}
.slidetype01 .nav .area_ctrl .slick-dots li{display:inline-block; vertical-align:middle;}
.slidetype01 .nav .area_ctrl .slick-dots li button{position:relative; overflow:hidden; width:14px; height:14px; margin:0 2px; background:none; color:transparent;}
.slidetype01 .nav .area_ctrl .slick-dots li button:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; width:8px; height:8px; margin:auto; border-radius:50%; border:2px solid transparent; background:rgba(255,255,255,.4); background-clip:padding-box;}
.slidetype01 .nav .area_ctrl .slick-dots li.slick-active button:after{border-color:#fff; background-color:transparent;}
.slidetype01 .nav .area_ctrl .play,
.slidetype01 .nav .area_ctrl .pause{display:none; position:absolute; left:20px; bottom:10px; overflow:hidden; width:25px; height:25px; border-radius:50%; background:rgba(0,0,0,.25); font-size:0; color:transparent;}
.slidetype01 .nav .area_ctrl .active{display:block;}
.slidetype01 .nav .area_ctrl .play .sp_main,
.slidetype01 .nav .area_ctrl .pause .sp_main{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden; font-size:1px;}
.slidetype01 .nav .area_ctrl .play:after{content:''; display:inline-block; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid #fff; vertical-align:middle; text-align:center;}
.slidetype01 .nav .area_ctrl .pause:before,
.slidetype01 .nav .area_ctrl .pause:after{content:''; display:inline-block; width:3px; height:12px; margin:0 2px; background:#fff; vertical-align:middle;}
.slidetype01 .slider .item{background:#111; text-align:center;}
.slidetype01 .slider .item img{margin:0 auto; width:100%;}

/* 팝업창 */
.lypop .btm{background:#dedede; padding:8px 5px; font-size:14px;}
.lypop .btm label{width:calc(100% - 70px);}
.lypop .btm input{margin:0;}

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Button
	**************************************************/
	/* Link Icon */
	.link_button:after{background-image:url(../images/common/sp_btn_ico_x2.png); background-size:100px 1000px;}

	/**************************************************
		Pagination
	**************************************************/
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}

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

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

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

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

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

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

	/*들여쓰기*/
	.conTit2 + .conBox{margin-left:2px;}
	.conTit3 + .conBox {margin-left:20px;}
	.conTit2 + .conBox .conLst {margin-left:0;}
	
}
/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		테이블
	**************************************************/
	/* 모바일 테이블 wrap(스크립트에서 class 추가) */
	/*.table_scroll::-webkit-scrollbar{height:3px;}
	.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/

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

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

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

	/* 팝업창 */
	.lypop .contents{width:100% !important; height:auto !important;}
	.lypop .contents img{height:auto !important;}
}