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

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2019-07-10
**************************************************/



/**************************************************
	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 */

/* form tag */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
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:middle; font-size:16px;}
input[type="text"],
input[type="password"],
select{height:44px; 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;}
/* img 사이즈(반응형) */
img{max-width:100%;}
/* 스프라이트 이미지 */
.sp_com{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(/cmsh/ilms/images/common/sp_com.png) no-repeat 0 0; background-size:200px 200px;}

/* 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(/yeyak/cmsh/ilms/images/common/sp_icss.png) no-repeat 0 0; background-size:100px 500px;}
/* 제목 */
.conTit2{position:relative; margin:48px 0 20px; font-size:25px; line-height:1.4; letter-spacing:-1px; padding-left:28px; background:url(/yeyak/cmsh/ilms/images/common/conTit2_bul.png) no-repeat 0 7px;}
.conTit3{position:relative; margin:40px 0 24px; font-size:21px; line-height:1.4; color:#483079;}
.conTit4{position:relative; margin:30px 0 10px; padding-left:13px; 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;}
.conTit2:first-child,
.conTit3:nth-of-type(1),
.conTit4:nth-of-type(1),
.conTit5:nth-of-type(1),
.conTit6:nth-of-type(1){margin-top:0;}
/* .conTit2:before{top:4px; left:0; width:26px; height:19px; background-position:0 0;}*/
.conTit4:before{top:7px; left:0; width:4px; height:7px; background-position:0 -200px;}
/* 문단/Paragraph */
.cont_body p{margin:10px 0 20px;}
.cont_body p.init{margin:0;}
/* 목록 */
.conLst,
.conLst2,
.conLst3{margin:0 0 16px;}
.cont_body li > :is(ol,ul){margin-top:8px; margin-bottom:12px;}
.cont_body :is(.conLst,.conLst2,.conLst3):last-child{margin-bottom:0;}
:is(.conLst,.conLst2,.conLst3,.conLst4) li :is(.button,.link_button){margin-top:0; margin-bottom:0;}
:is(.conLst, .conLst2, .conLst3, .conLst4) li:last-child{margin-bottom:0;}
.cont_body td > ul,
.cont_body td > ol{margin-bottom:0;}
.conLst > li,
.conLst2 > li,
.conLst3 > li,
.conLst4 > li{position:relative; margin-bottom:8px;}
.conLst > li{padding-left:14px;}
.conLst2 > li{padding-left:15px;}
.conLst3 > li{padding-left:14px;}
.conLst4 > li{padding-left:10px;}
.conLst > li:before,
.conLst2 > li:before,
.conLst3 > li:before,
.conLst4 > li:before{content:""; display:block; position:absolute; left:0;}
.conLst > li:before{top:10px; width:5px; height:5px; background:#555; border-radius:50%;}
.conLst2 > li:before{top:11px; width:7px; height:2px; background:#7f7f7f;}
.conLst3 > li:before{top:9px; content:''; width:4px; height:4px; border-top:2px solid #525bb3; border-right:2px solid #525bb3; transform:rotate(45deg);}
.conLst4 > li:before{width:2px; height:2px; top:13px; margin:0; background: #222; border-radius:50%; 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;}
.conTit2 + .conBox{margin-bottom:50px; margin-left:0px;}
.conTit3 + .conBox{margin-bottom:30px; margin-left:13px;}
.conTit4 + .conBox{margin-bottom:30px; margin-left:13px;}
.conTit5 + .conBox{margin-bottom:30px;}



/**************************************************
	테이블
**************************************************/
/* 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;}
/* 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 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 *{position:relative; z-index:1;}
.box_comm2 ul{margin-bottom: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:40px; margin:3px; padding:0 15px; border:1px solid transparent; font-size:16px; line-height:38px;}
.button.xs{height:21px; padding:0 10px; font-size:13px; line-height:19px;}
.button.sm{height:32px; padding:0 10px; font-size:15px; line-height:31px;}
.button.lg{height:48px; padding:0 15px; font-size:16px; line-height:46px; font-weight:500; min-width:105px; border-radius:8px;}

/* Button Color */
.button{border-radius:6px; background-color:#004098; color:#fff !important; font-family:'notokr'; letter-spacing:0;}
.button.blue{background-color:#004098;}
.button.darkgray{background-color:#555; color:#fff !important;}
.button.gray{background-color:#e4e4e4; color:#000 !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.red{background-color:#ac1111; color:#fff !important;}

/* Button Line */
.button.line{border-radius:24px; border-color:currentColor; background-color:#fff; color:#333 !important; cursor:auto;}
.button.line.viridian{color:#1e9fbf !important;}
.button.line.blue,
.button.line.write,
.button.line.save,
.button.line.edit{color:#004bb8 !important;}
.button.line.blue2{color:#274c93 !important;}
.button.line.violet{color:#6357a3 !important;}
.button.line.red,
.button.line.delete{color:#e21448 !important;}
.button.line.black{color:#111 !important;}
.button.line.darkgray,
.button.line.list{color:#333 !important;}
.button.line.gray,
.button.line.cancel{color:#777 !important;}
.button.line.green{color:#00aa2e !important;}
.button.line.orange{color:#f75023 !important;}

/* Button Active */
.button:hover,
.button:focus{background:#0e2b5e;}
.button:active{background:#1e1530;}
.button.blue:hover,
.button.blue:focus{background:#0e2b5e;}
.button.blue:active{background:#07152f;}
.button.darkgray:hover,
.button.darkgray:focus{background:#2d2d2d;}
.button.darkgray:active{background:#1d1d1d;}
.button.red:hover,
.button.red:focus{background:#910f0f;}
.button.red:active{background:#5e0909;}
.button.gray:hover,
.button.gray:focus{background:#d8d8d8;}
.button.gray:active{background:#c6c6c6;}
.button.line:hover,
.button.line:focus{background:#f0f0f0;}
.button.line:active{background:#e4e4e4;}

/* 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:36px;}
/* 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; padding:0 34px 0 0; border:none; line-height:32px;}
.link_button.txt:before{position:absolute; top:0; right:0; width:32px; height:32px; border:1px solid #adadad;}
.link_button.txt:after{ left:calc(100% - 32px);}
/* Icon */
.link_button.ico{overflow:hidden; width:32px; height:32px; padding:0; text-indent:-9999em;}
.link_button.ico:after{left:0; }
.link_button.ico:before{display:none;}


/**************************************************
	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 a:hover,
.pagination a:focus{background-color:#f5f5f5;}
.pagination strong{position:relative; z-index:10; border:none; background:#555; 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; padding:10px 0; border:1px solid #d0d0d0; text-align:center; background:#fff;}
.bbsSrch:after{content:""; display:block; clear:both;}
.bbsSrch select[name="searchCnd"]{margin-left:10px;}
.bbsSrch input.datetimepicker{width:130px; padding-right:23px; background:#fff; text-align:left;}
.bbsSrch input[type="image"],
.bbsSrch input[type="checkbox"],
.bbsSrch input[type="radio"]{vertical-align:middle;}
.bbsSrch .word{display:inline-block; }
.bbsSrch .word input{width:100%;}
.bbsSrch .btn_srch{margin-left:5px;}
/*

/* 검색 */
.bbsSrch{margin:20px 0 30px; padding:18px 0; border:1px solid #e3e3e3; text-align:center; background:#f7f7f7;}
.bbsSrch:after{content:""; display:block; clear:both;}
.bbsSrch select {height:50px;}
.bbsSrch select[name="searchCnd"]{margin-left:10px;}
.bbsSrch input.datetimepicker{width:130px; height:50px; padding-right:23px; background:#fff; text-align:left;}
.bbsSrch input[type="image"],
.bbsSrch input[type="checkbox"],
.bbsSrch input[type="radio"]{vertical-align:middle;}
.bbsSrch .word{display:inline-block; position:relative; width:400px;}
.bbsSrch .word:before {content:''; display:block; width:92px; height:50px; border:1px solid #adadad; border-left:0; position:absolute; right:-91px; top:1px; background:#fff; box-sizing: border-box;}
.bbsSrch .word input{width:100%;height:50px;}
.bbsSrch .btn_srch{margin-left:5px; background:#004bb8;}
.bbsSrch .btn_srch:after {content:''; display:inline-block; background:url(../images/content/srch_btn.png) no-repeat; width:14px; height:14px; position:relative; top:2px; margin-left:6px; }

/* lecture.css 로 이동 */
/* .srch_wrap2 {margin-bottom:50px;}
.enrolmentSrch{margin:-58px 0 0; padding:34px 0; border:1px solid #c7d7f2; text-align:center; background:#f5f8fd; border-radius:60px;}
.enrolmentSrch.open {border-radius:60px 60px 0 0;}
.enrolmentSrch:after{content:""; display:block; clear:both;}
.enrolmentSrch select {height:48px; font-weight:bold;}
.enrolmentSrch select[name="searchCnd"]{margin-left:10px;}
.enrolmentSrch input.datetimepicker{width:130px; height:48px; padding-right:23px; background:#fff; text-align:left;}
.enrolmentSrch input[type="image"],
.enrolmentSrch input[type="checkbox"],
.enrolmentSrch input[type="radio"]{vertical-align:middle;}
.enrolmentSrch .word{display:inline-block; position:relative; width:480px;}
.enrolmentSrch .word:before {content:''; display:block; width:153px; height:48px; border:1px solid #adadad; border-left:0; position:absolute; right:-152px; top:1px; background:#fff; box-sizing: border-box;}
.enrolmentSrch .word input{width:100%;height:48px;}
.enrolmentSrch .btn_srch{margin-left:5px; background:#004bb8; font-size:16px; border-radius:50px; padding:0 23px;}
.enrolmentSrch .btn_srch:before {content:''; display:inline-block; background:url(../images/common/srch_btnL.png) no-repeat; width:20px; height:20px; position:relative; top:4px; margin-right:6px; }
.dtl_srch_btn {display:block; position:relative; z-index:2; width:140px; height:37px; line-height:37px;  margin:-19px auto -19px; font-size:16px; font-weight:600; color:#fff !important;  border-radius:50px; text-align:center; background:#033c73; }
.dtl_srch_btn:before {content:''; display:inline-block; background:url(../images/common/srch_btnLD.png) no-repeat; width:20px; height:20px; position:relative; top:4px; margin-right:2px; }
.dtl_srch_btn:after {content:''; display:inline-block; background:url(../images/common/btn_srch_cursor.png) no-repeat; width:11px; height:6px; position:relative; top:-2px; margin-left:7px; transition: 0.5s;}
.dtl_srch_btn.open:after { transform: rotate(180deg);}
.srch_dtl { display:none; padding:34px 10px 30px; border:1px solid #c7d7f2; text-align:center; background:#f5f8fd; border-radius:60px; }
.srch_dtl.open {border-radius:0 0 60px 60px;}
.srch_dtl .l_box { max-width:522px; position:relative; border:1px solid #d6d6d6; background:#fff; margin:0 auto 20px; padding:6px 0 6px 131px; text-align:left; }
.srch_dtl .l_box strong { width:120px; position:absolute; left:0; top:0; line-height:48px; text-align:center; border-right:1px solid #d6d6d6;    }
.srch_dtl .l_box select {height:36px; width:124px; margin:0 2px; }
.srch_dtl .tac .button {width:118px; text-align:center;}
.srch_dtl .tac .button.srch:before {content:''; display:inline-block; background:url(../images/content/srch_btn.png) no-repeat; width:14px; height:14px; position:relative; top:2px; margin-right:5px;} */


/* 검색 */
.bbsSrch2{margin:20px 0; padding:10px; border:1px solid #d0d0d0; text-align:center; background:#fff;}
/* 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; overflow:hidden; 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;}
#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 5px; border-left:1px solid #d6d6d6; background:#f6f6f8; font-weight:700; font-size:1em; line-height:1.6; text-align:center;}
.form_group dl.wh100 dt{position:initial; width:100%; border-bottom:1px solid #d6d6d6; margin-left:0; border-left:none;}
.form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
.form_group dl.wh100 dt:before{display:none;}
/* .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;} */
.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.low02 dl dd{min-height:74px;}
.form_group dl.wh100 dd{margin-left:0;}
.form_group dl.wh100 table{table-layout:auto !important;}

.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,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 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 .link_button{margin:8px 3px;}
.form_group dl.attfile dd > div{margin-top:-1px; 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:1150px; margin:0 auto 25px; border-radius:10px; overflow:hidden; border:1px solid #00679e;}
.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_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;} */
.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,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;}



/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Pagination
	**************************************************/
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}

	/**************************************************
		게시판
	**************************************************/
	/* 검색 */
	.bbsSrch{position:relative; padding:10px 0;}

	.bbsSrch input.datetimepicker,
	.bbsSrch input.datetimepicker + span,
	.bbsSrch select,
	.bbsSrch select[name="postPerPage"],
	.bbsSrch select[name="category"],
	.bbsSrch select[name="nttGroup"]{display:none;}
	.bbsSrch > fieldset > select:nth-of-type(1){margin-left:0px;}
	.bbsSrch .select{display:block; position:absolute; top:10px; left:10px; width:90px; height:auto;}
	.bbsSrch .word{display:block; width:auto; margin:0 85px 0 105px;}
	.bbsSrch .word input[type=text] {height:36px;}
	.bbsSrch .word:before {display:none;}
	.bbsSrch .btn_srch{position:absolute; top:10px; right:10px; width:70px; margin:0;}
	/* List(Default) */
	#bbsList [data-table-type="author"],
	#bbsList [data-table-type="date2"]{display:none;}
	/* List(갤러리) */
	#bbsPhoto .lst > li{width:calc(50% - 25px); margin-left:50px !important;}
	#bbsPhoto .lst li:nth-child(2n+1){margin-left:0 !important;}
	/* View */
	.form_group dl dt{width: 120px;}
	.form_group dl dd{margin-left: 120px;}
	#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%;}


	#bbsList [data-table-type="tablet"] {display:none;}
	#bbsList tr:last-child td {border-bottom:1px solid #d6d6d6;}

}
/* 02. Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		게시판
	**************************************************/
	/* 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.content dt{width:100%;}
	#bbsView .form_group dl.content dd{margin-left:0px;}
	#bbsView .form_group dl.attfile div{padding:5px 0;}
	#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 .form_group dl.attfile dd .link_button.download{display:inline; padding:0;line-height:1.3; text-align:left; white-space:normal;}
	#bbsView .form_group dl.attfile dd .link_button.download:before,
	#bbsView .form_group dl.attfile dd .link_button.download:after{display:none;}
	#bbsView .form_group dl.attfile dd .link_button{margin:3px;}
	#bbsView .bbsViewBtm{text-align:center !important;}
	#bbsView .bbsViewBtm > a{margin-bottom:3px;}

	.form_group dl.wh100 table{line-height:1.5;}

	/* 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;}

	/**************************************************
		Button
	**************************************************/
	.button.lg{min-width:initial;}

}
/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		게시판
	**************************************************/
	/* 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;}

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

	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* Box Type2(icon/text) */
	.box_comm2.ico{padding: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%;}



}