@charset "utf-8";

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2023-10-31
**************************************************/

/**************************************************
	Common
**************************************************/
/* Sprite image */
.button.ico:before,
.link_button:after,
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after,
.bbsIco,
.bbsViewNav dl dt span:before,
#bbsPhoto .lst > li a .tit .ico{background:url(../images/base/sp_com.png) no-repeat 0 0;}

/* 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:#ea3d27;}/* red */
.fc02{color:#2e8a3a;}/* green */
.fc03{color:#2f68c3;}/* blue */
.fc04{color:#6c4ea0;}/* violet */
.fc05{color:#c56f08;}/* sepia */
.fc06{color:#0b99f4;}/* skyblue */
.fc07{color:#ee4183;}/* pink */
.fc08{color:#555;}/* gray */

/* 전화번호 줄바꿈 금지 */
.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="time"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:5px 8px; border:1px solid #b3b3b3; border-radius:0; background:#fff; vertical-align:middle; font-size:15px;}
select{
	position:relative;
	-webkit-appearance:none;
	min-width:80px;
	padding:0 25px 0 8px;
	background-image:linear-gradient(45deg, transparent 5px, #888 5px, #888 6px, transparent 0), linear-gradient(-45deg, transparent 5px, #888 5px, #888 6px, transparent 0);
    background-position:center right 11px, center right 5px;
    background-size:9px 8px, 9px 8px;
    background-repeat:no-repeat;
}
select::-ms-expand{display:none;}
input[type="text"],
input[type="time"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="email"],
select{height:39px; 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:18px; height:18px; 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; min-width:120px;}
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;}
/* 이미지 체크박스 */
.btn_chkbox{display:inline-block; position:relative; overflow:hidden; height:20px; line-height:20px; vertical-align:middle;}
.btn_chkbox input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox label{display:inline-block; height:20px; line-height:20px; padding:0 10px 0 27px; vertical-align:top; cursor:pointer;}
.btn_chkbox label:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; width:20px; height:20px; margin:auto 0; border:1px solid #888; background:linear-gradient(#fff, #fff) 6px 6px/6px 6px no-repeat,linear-gradient(#888, #888) 5px 5px/8px 8px no-repeat; background-color:#fff; vertical-align:middle;}
.btn_chkbox input:checked + label:before{border:6px solid #333; background:#fff;}

.btn_chkbox2{display:inline-block; position:relative; overflow:hidden; height:20px; line-height:20px; vertical-align:middle;}
.btn_chkbox2 input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox2 label{display:inline-block; height:20px; line-height:20px; padding:0 10px 0 27px; vertical-align:top; cursor:pointer;}
.btn_chkbox2 label:before,
.btn_chkbox2 label:after{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; margin:auto;}
.btn_chkbox2 label:before{width:20px; height:20px; border:2px solid #dfe4ec;}
.btn_chkbox2 label:after{right:calc(100% - 20px); width:11px; height:6px; border:2px solid #dfe4ec; border-width:0 0 2px 2px; transform:translateY(-25%) rotate(-45deg);}
.btn_chkbox2 input:checked + label:before{border-color:#477de3; background:#477de3;}
.btn_chkbox2 input:checked + label:after{border-color:#fff;}

/* img 사이즈(반응형) */
img{max-width:100%;}

/* 모바일 이미지 확대/축소 안내 */
.fig_zoom{display:block; padding:10px 0 0; font-size:0; text-align:center;}
.fig_zoom span{display:inline-block; position:relative; padding:6px 10px 6px 35px; border:1px solid #e8e8e8; border-radius:30px; font-size:12px; background:#fff url(../images/base/ico_zoom.png) no-repeat 8px 50%/23px 21px;}
@media screen and (min-width:640px){
	.fig_zoom{display:none;}
}

/* datepicker */
input.datepicker,
input.datetimepicker{width:120px; padding-right:20px !important; background:#fff url(../images/base/calendar.gif) no-repeat 100% 50%/21px 21px !important;}
table input.datepicker,
table input.datetimepicker{max-width:115px;}
/* datepicker layer button bg */
.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);}

.survey_title {font-weight: bold; font-size: 17px;}
.survey_mr77 {margin-right : 77px;}
.survey_mr62 {margin-right : 62px;}
.survey_mr9 {margin-right : 9px;}
.survey_ent_info {border-radius: 3px; display: inline-block; width: 20px; text-align: center; color: white; background-color: darkgray;}
.survey_user_id {color : grey;}
.survey_ans_title {font-weight: bold; font-size: 25px;}
/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.conTit3:before,
.conTit4:before,
.conLst li:before,
.conLst2 li:before{content:''; display:inline-block; position:absolute; top:0; left:0; /*background:url(../images/base/sp_icss.png) no-repeat 0 0/200px 200px;*/}
/* 제목 */
.conTit2{position:relative; margin:40px 0 15px; font-size:30px; line-height:1.2; letter-spacing:-1.5px;}
.conTit3{position:relative; margin:30px 0 10px; font-size:20px; line-height:1.4; padding:0 0 0 15px;}
.conTit3:before{content:""; display:block; position:absolute; left:0; top:1px; width:6px; height:6px; background:#177e89; border-radius:50%;}
.conTit4{position:relative; margin:30px 0 15px; font-size:18px; font-weight:600; line-height:1.4;}
.conTit5{position:relative; margin:30px 0 15px; padding:0 0 0 25px; font-size:16px; font-weight:600; line-height:1.4;}
.conTit5:before,
.conTit5:after{content:""; display:block; position:absolute; border-radius:50%; box-sizing:border-box;}
.conTit5:before{width:16px; height:16px; left:0; top:3px; border:1px solid #ea3d27;}
.conTit5:after{width:8px; height:8px; left:4px; top:7px; background:#ea3d27;}
.conTit6{position:relative; margin:30px 0 10px; font-size:1em; line-height:1.4;}
.conTit2:first-child,
.conTit3:first-child,
.conTit4:first-child,
.conTit5:first-child,
.conTit6:first-child{margin-top:10px;}
/* 컨텐츠 들여쓰기 */
.cont_body .conBox{position:relative; margin-bottom:30px;}
:root .conTit2 + .conBox{margin-bottom:30px; padding-left:0;}
:root .conTit3 + .conBox{margin-bottom:30px; padding-left:0;}
:root .conTit4 + .conBox{margin-bottom:30px; padding-left:0;}
:root .conTit5 + .conBox{margin-bottom:30px; padding-left:0;}
:root .conTit6 + .conBox{margin-bottom:30px; padding-left:0;}

.cont_body .conBox1{border:1px solid #ccc; border-radius:10px; padding:30px 35px 15px;}
.cont_body .conBox2{background:#f5f5f5; border-radius:10px; padding:20px 30px 15px; margin:15px 0 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 .button,
.conLst2 li .button,
.conLst3 li .button,
.conLst4 li .button,
.conLst li .link_button,
.conLst2 li .link_button,
.conLst3 li .link_button,
.conLst4 li .link_button{margin-top:0; margin-bottom:0;}
.conLst li,
.conLst2 li,
.conLst3 li,
.conLst4 li{position:relative; margin-bottom:5px; line-height:1.6;}
.conLst > li{padding-left:18px; font-size:18px;}
.conLst > li:before{content:""; display:block; position:absolute; top:11px; left:0; width:5px; height:5px; background:#272727; border-radius:50%;}
.conLst2 > li{padding-left:15px; background:linear-gradient(#787878,#787878) no-repeat 0 11px/7px 1px}
.conLst3 > li{padding-left:13px; font-size:16px;}
.conLst3 > li:before{content:""; display:block; position:absolute; top:9px; left:0; content:''; width:3px; height:3px; border-top:1px solid #ea3d27; border-right:1px solid #ea3d27; transform:rotate(45deg);}
/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol > li{margin-bottom:5px; padding-left:0; line-height:1.6; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
/* 문단/Paragraph */
.cont_body{font-size:16px;}
.cont_body p{margin:10px 0 20px;}

/**************************************************
	테이블
**************************************************/
/* 모바일 테이블 스크롤(스크립트에서 class 생성됨) */
.table_scroll_wrap{position:relative;}
.table_scroll_wrap:after{content:'scroll 옆으로 미세요'; display:inline-block; position:absolute; top:0; right:0; padding:0 0 0 30px; background:url(../images/base/ico_scroll_x2.png) no-repeat 0 0/auto 30px; font-size:13px; line-height:30px;}
.table_scroll_wrap table{table-layout:auto !important; margin-top:40px !important;}
.table_scroll{overflow:hidden; overflow-x:auto; word-break:keep-all; word-wrap:break-word;}
/*.table_scroll::-webkit-scrollbar{height:3px;}
.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/
/* Table(Default) */
table{width:100%; margin:10px 0 5px; border-top:2px solid #4f4e4e; word-break:keep-all; word-wrap:break-word;}
table th,
table td{border:1px solid #e4e4e4; font-size:16px;}
table th{padding:14px 5px; background:#f1efef; font-weight:600; font-size:17px; text-align:center;}
table thead + tbody th{background:#f8f8f8;}
table thead th{border-bottom:1px solid #bfbfbf;}
table tbody th{padding-left:12px; padding-right:12px; background:#f8f8f8;}
table td{padding:13px 12px;}
/* Table02 */
table.tbl02{position:relative; /*border-top:1px solid #000; border-bottom:1px solid #000;*/}
table.tbl02:after{content:''; display:block; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:1px; background:#000;}
table.tbl02 th,
table.tbl02 td{padding:14px 5px; border:1px solid #e2e2e2; background:none;}
table.tbl02 th{font-weight:600; font-size:17px; text-align:center;}
table.tbl02 td{padding:13px 12px; font-size:16px;}
table.tbl02 tbody tr:first-child th,
table.tbl02 tbody tr:first-child td{box-shadow:inset 0 4px 0 #f7f7f7;}
table.tbl02 thead th{border-left:0; border-right:0; border-color:#000; font-weight:800;}
table.tbl02 tbody th{padding-left:12px; padding-right:12px;}
table.tbl02 th:first-child,
table.tbl02 td:first-child{border-left:0;}
table.tbl02 th:last-child,
table.tbl02 td:last-child{border-right:0;}
table.tbl02 tr:first-child th,
table.tbl02 tr:first-child td{border-top-color:#61646c;}
table.tbl02 thead .bdl{border-left:1px solid #e2e2e2;}
table.tbl02 thead .bdr{border-right:1px solid #e2e2e2;}
table.tbl02 tbody .bdl{border-left:1px solid #e2e2e2;}
table.tbl02 tbody .bdr{border-right:1px solid #e2e2e2;}
/* Table03 */
table.tbl03{border-top:none;}
table.tbl03 th,
table.tbl03 td{border:1px solid #dcdfe6;}
table.tbl03 td{color:#555;}
table.tbl03 thead th{background:#edf0f5;}

table.tbl_ln{table-layout: fixed;}
table.tbl_ln td{overflow: hidden;white-space: normal;}

/**************************************************
	안내박스
**************************************************/
/* Box Type1 */
.box_comm{position:relative; background:linear-gradient(#fff,#fff) no-repeat 50% 50%/calc(100% - 20px) calc(100% - 20px), url(../images/common/bg_box_comm01.png) repeat 0 0; padding:60px; margin-bottom:30px;}
.box_comm h2{margin-bottom:20px; padding:20px; border:1px solid #ddd; font-weight:400; font-size:1.07em;}
.box_comm ul:last-child,
.box_comm p:last-child{margin-bottom:0;}
/* Box Type2 */
.box_comm2{margin-bottom:40px; padding:40px; border:1px solid #ddd; border-bottom-width:3px;}
.box_comm2 ul{margin-bottom:0;}
.box_comm2 p:first-child{margin-top:0;}
.box_comm2 p:last-child{margin-bottom:0;}
/* Box Type3 */
.box_comm3{position:relative; margin-bottom:40px; padding:40px; background:#f8f9fa;}
.box_comm3 ul{margin-bottom:0;}
.box_comm3 p:first-child{margin-top:0;}
.box_comm3 p:last-child{margin-bottom:0;}

/**************************************************
	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:middle; cursor:pointer; transition:all .3s;}

/* Button Size */
.button{position:relative; overflow:hidden; height:39px; line-height:37px; margin:2px 3px; padding:0 15px; border:1px solid transparent; font-weight:600; font-size:16px; letter-spacing:0; border-radius:5px;}
.button.xs{height:22px; padding:0 10px; font-size:0.75rem; line-height:20px;}
.button.sm{height:31px; padding:0 10px; font-size:15px; line-height:30px;}
.button.rg{height:48px; padding:0 30px; font-size:1.0625rem; line-height:46px;}
.button.lg{height:49px; padding:0 28px; font-size:18px; line-height:49px;}
/* Button Color */
.button{border-color:#272727; background-color:#fff; color:#222 !important;} 
.button.blue{border-color:transparent; background-color:#2f68c3; color:#fff !important;}
.button.green{border-color:transparent; background-color:#2e8a3a; color:#fff !important;}
.button.red{border-color:transparent; background-color:#ea3d27; color:#fff !important;}
.button.black{border-color:transparent; background-color:#272727; color:#fff !important;}
.button.darkgray{border-color:transparent; background-color:#545252; color:#fff !important;}
.button.gray{border-color:transparent; background-color:#888; color:#fff !important;}
.button.viridian{border-color:transparent; background-color:#177e89; color:#fff !important;}
/* Button Line */
.button.line{border-color:currentColor; background-color:#fff; color:#333 !important;}
.button.line.viridian{color:#177e89 !important; border-color:#177e89;}
.button.line.blue,
.button.line.write,
.button.line.save,
.button.line.edit{color:#286ae9 !important;}
.button.line.blue2{color:#274c93 !important;}
.button.line.violet{color:#6c4ea0 !important;}
.button.line.red,
.button.line.delete{color:#ea3d27 !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.line2{border-radius:30px;}
/* Button + Icon */
.button.ico{}
.button.ico:before{content:''; display:inline-block; vertical-align:middle;}
.button.ico.srch:before{width:16px; height:16px; margin:-4px 5px 0 0; background-position:-179px 0;}
.button.ico.blue.srch:before,
.button.ico.violet.srch:before,
.button.ico.red.srch:before,
.button.ico.black.srch:before,
.button.ico.darkgray.srch:before,
.button.ico.gray.srch:before{background-position:-153px 0;}
/* Button Active */
/* .button:hover,
.button:focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12);} */
.button:hover:after,
.button:focus:after{content:''; opacity:0.08; position:absolute; top:0; right:0; bottom:0; left:0; background:currentcolor;}
/* 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; word-break:normal; text-align:left; vertical-align:middle; cursor:pointer;}
/* link_button Size */
.link_button{margin:2px 3px; padding:7px 48px 7px 15px; border-color:#272727; background-color:#fff; color:#272727 !important; line-height:24px; border-radius:4px; font-size:16px; word-break:keep-all;}
/* link_button Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box;}
.link_button:before{right:38px; top:50%; margin-top:-7px; width:1px; height:14px; background-color:#ccc;}
.link_button:after{top:0; left:calc(100% - 38px); right:0; bottom:0; width:22px; height:20px; margin:auto; background-color:#fff;}
.link_button.homepage:after{width:22px; height:19px; background-position:0 0;}
.link_button.download:after{width:17px; height:18px; background-position:-34px 0;}
.link_button.view:after{width:17px; height:17px; background-position:-126px 0;}
.link_button.location:after{width:18px; height:20px; background-position:-64px 0;}
.link_button.direct:after{width:20px; height:20px; background-position:-93px 0;}
/* link_button.Text */
.link_button.txt{height:auto; padding:0; border:none; background:none; line-height:24px; text-align:left; /*text-decoration:underline !important;*/ 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:26px; height:24px; margin:0 0 4px 5px; border:1px solid #adadad; vertical-align:middle;}
.link_button.txt.homepage:after{background-position:1px 2px;}
.link_button.txt.download:after{background-position:-31px 1px;}
.link_button.txt.view:after{background-position:-122px 3px;}
.link_button.txt.location:after{background-position:-61px 1px;}
.link_button.txt.direct:after{background-position:-91px 1px;}
/* link_button.Icon */
.link_button.ico{overflow:hidden; width:28px; height:28px; padding:0; line-height:28px; text-indent:-9999em; vertical-align:top;}
.link_button.ico:before{display:none;}
.link_button.ico:after{left:0;}
/* 첨부파일 아이콘 */
.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:2px; border:1px solid #adadad; vertical-align:middle; text-align:center;}
.button_file img{vertical-align:middle;}

/* Pagination */
.pagination{overflow:hidden; margin:30px 0; text-align:center; font-size:0; 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:2px 2.5px; border:1px solid #d9d9d9; 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; vertical-align:middle;}
.pagination .page_prev:before{background-position:-24px -30px;}
.pagination .page_prevend:before{width:14px; background-position:0 -30px;}
.pagination .page_next:after{background-position:-42px -30px;}
.pagination .page_nextend:after{width:14px; background-position:-60px -30px;}

/**************************************************
	게시판
**************************************************/
/* Common */
.bbsIco{display:inline-block; position:relative; overflow:hidden; color:transparent; vertical-align:middle;}
.bbsIco.ntc{height:26px; padding:0 15px; border-radius:26px; border:1px solid #2f68c3; background:#fff; font-size:0.9375rem; line-height:24px; color:#2f68c3;}
.bbsIco.new{width:18px; height:18px; margin-left:5px; background-position:0 -51px;}
.bbsIco.re{width:25px; height:20px; margin:0 3px; background-position:-54px -51px;}
.bbsIco.marking{width:6px; height:5px; margin:-5px 3px 0 3px; background-position:-151px -51px;}
.bbsIco.secret{width:13px; height:16px; margin-left:5px; background-position:-128px -51px;}
/* 공통 검색 */
.bbsSrch{margin:0 0 35px; padding:30px 10px; text-align:center; background:#eee; font-size:0; border-radius:5px;}
.bbsSrch span{display:inline-block; font-size:15px; vertical-align:middle;}
.bbsSrch input,
.bbsSrch select,
.bbsSrch button,
.bbsSrch .button{margin:2px; font-size:16px; vertical-align:middle; height:48px; line-height:47px;}
.bbsSrch .button{font-size:18px; border-radius:3px;}
.bbsSrch .srch_date_wrap{display:inline-block; vertical-align:middle;}
.bbsSrch .srch_word_wrap{display:inline-block; vertical-align:middle;}
.bbsSrch .word{}
.bbsSrch .srch_word_wrap input{width:280px;}
/* No Data */
.board_nodata{margin:30px 0; padding:20px; background:#fafafa; font-size:1.2em; text-align:center;}
.common-nodata-msg{text-align:center;}
.bbsTotal{margin:10px 0;}

/* List(Default) */
#bbsList{table-layout:fixed; border-collapse:separate; width:100%; margin:0 0 40px; border:0; border-top:2px solid #4f5259; border-bottom:1px solid #4f5259;}
#bbsList th{position:relative; padding:15px 5px; border:0; border-bottom:1px solid #4f5259; background:#fff; font-weight:600; font-size:15px; line-height:1.2; color:#444; text-align:center; box-shadow:0 4px 0 #f7f7f7;}
#bbsList td{padding:12px 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 a.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:2px; border:1px solid #adadad; vertical-align:middle; text-align:center;}
#bbsList a.button_file img{vertical-align:middle;}
/* 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(25% - 2%); margin:0 0 3% 2.645%; padding:0; border:1px solid #d9d9d9;}
#bbsPhoto .lst > li.no_article{float:none; width:auto !important; height:auto; margin:0; padding:20px 0; border:0; background:#fafafa; font-size:1.2em; text-align:center;}
#bbsPhoto .lst li:nth-child(4n+1){clear:left; margin-left:0;}
/*#bbsPhoto .lst > li:before{display:none;}*/
#bbsPhoto .lst > li a{display:block; position:relative;}
#bbsPhoto .lst > li a .img{display:block; position:relative; /*overflow:hidden;*/ border-bottom:1px solid rgba(0,0,0,.1);}
#bbsPhoto .lst > li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto.bbs_youtube .lst > li a .img:after{content:''; display:block; position:absolute;  bottom:10px; right:10px; z-index:1; width:36px; height:36px; background:url(../images/base/ico_youtube.png) no-repeat 0 0/cover;}
/*#bbsPhoto .lst > li a .img img{position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}*/
#bbsPhoto .lst > li a .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
#bbsPhoto .lst > li a .tit{display:block; display:-webkit-box; overflow:hidden; height:44px; margin:10px; font-weight:600; font-size:1em; line-height:22px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#bbsPhoto .lst > li a .tit .ico{display:inline-block; position:relative; overflow:hidden; width:14px; height:14px; margin-left:5px; background-position:-30px -51px; color:transparent;}
#bbsPhoto .lst > li .info{overflow:hidden; margin:10px 10px 20px; color:#666;}
#bbsPhoto .lst > li .info > span{float:left; position:relative; width:50%; font-size:0.875em;}
#bbsPhoto .lst > li .info .date{position:relative; width:100%; padding:0 0 0 15px; line-height:1.2;}
#bbsPhoto .lst > li .info .date:before,
#bbsPhoto .lst > li .info .date:after{content:''; display:block;}
#bbsPhoto .lst > li .info .date:before{position:absolute; top:2px; left:0; width:10px; height:10px; border-radius:50%; border:1px solid #777;}
#bbsPhoto .lst > li .info .date:after{position:absolute; top:5px; left:5px; width:3px; height:3px; border-left:1px solid #777; border-bottom:1px solid #777; transform:rotate(22deg) skewX(28deg);}
#bbsPhoto .lst > li .info .view{display:none;}
#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;}
/* List(카드뉴스) */
#bbsPhoto2{}
#bbsPhoto2 .lst:after{content:''; display:block; clear:both;}
#bbsPhoto2 .lst li{float:left; position:relative; width:calc(25% - 2%); margin:0 0 3% 2.645%; padding:0;}
#bbsPhoto2 .lst > li.no_article{float:none; width:auto !important; height:auto; margin:0; padding:20px 0; border:0; background:#fafafa; font-size:1.2em; text-align:center;}
#bbsPhoto2 .lst li:nth-child(4n+1){clear:left; margin-left:0;}
#bbsPhoto2 .lst li a{display:block; font-size:1em;}
#bbsPhoto2 .lst > li a .img{display:block; position:relative; overflow:hidden; border-radius:10px;}
#bbsPhoto2 .lst > li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto2 .lst > li a .img:after{content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; border:1px solid rgba(0,0,0,.1); border-radius:10px;}
#bbsPhoto2 .lst > li a .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
#bbsPhoto2 .lst li .tit{display:block; overflow:hidden; text-overflow:ellipsis; padding:10px 0; font-weight:600; font-size:1.25em; letter-spacing:-1px; white-space:nowrap;}
#bbsPhoto2 .lst li .desc{display:block; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:46px; font-size:0.9375em; line-height:23px; letter-spacing:-1px;}
#bbsPhoto2 .lst li .date{display:block; margin:5px 0; font-size:0.875em; color:#1977b9;}

/* View */
#bbsView{position:relative;}
#bbsView:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:2px solid #4f5259;}
#bbsView .form_group{position:relative; border-bottom:1px solid #bdbdbd;}
#bbsView .form_group:after{content:''; display:block; clear:both;}
#bbsView .form_group dl{float:left;}
#bbsView .form_group dl dt{display:table-cell; position:relative; padding:24px 30px; font-weight:800; line-height:1.2; vertical-align:middle;}
#bbsView .form_group dl dt:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; width:1px; height:15px; margin:auto 0; background:#b0b0b0;}
#bbsView .form_group dl dd{display:table-cell; padding:24px 15px; line-height:1.2; vertical-align:middle;}
#bbsView .form_group dl dd input,
#bbsView .form_group dl dd textarea,
#bbsView .form_group dl dd select{max-width:100%;}
#bbsView .form_group dl.title{float:none; margin-bottom:-1px; border-bottom:1px solid #4f5259; box-shadow:0 4px #f7f7f7;}
#bbsView .form_group dl.title dt{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
#bbsView .form_group dl.title dd{display:block; float:none; width:100%; padding:20px 0; font-weight:800; font-size:1.625em; line-height:1.4; letter-spacing:-1px; text-align:center;}
#bbsView .form_group dl.count{float:right; margin-right:20px;}
#bbsView .form_group dl.content{float:none;}
#bbsView .form_group dl.content dt{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
#bbsView .form_group dl.content dt:before{display:none;}
#bbsView .form_group dl.content dd{display:block; float:none; padding:30px; line-height:1.6;}
#bbsView .form_group dl.content > dd{/* white-space:pre-line; */}/* 웹접근성 관련 에디터 제거시 */
#bbsView .form_group dl.content dd pre{white-space:pre-wrap;}
#bbsView .form_group dl.content dd .pre_wrap{white-space:pre-wrap;}
#bbsView .form_group dl.content dd img{max-width:100%; margin:5px 0;}
#bbsView .form_group dl.content > dd p{margin:0;}
#bbsView .form_group dl.content dd .img_preview{text-align:center;}
#bbsView .form_group dl.content dd .img_preview.top{margin-bottom:15px;}
#bbsView .form_group dl.content dd .img_preview.btm{margin-top:15px;}
#bbsView .form_group dl.attfile{width:100%;}
#bbsView .form_group dl.attfile dd > div{margin:2px 0;}
/* View(카드뉴스) */
#bbsView2{margin:0px;}
#bbsView2 .bbsViewHead{padding:20px 0; border-top:1px solid #141414; border-bottom:1px solid #ccc; text-align:center;}
#bbsView2 .bbsViewHead .title{font-size:1.6em; line-height:1.4;}
#bbsView2 .bbsViewHead .date{margin:10px 0 0; font-size:1em; color:#1977b9;}
#bbsView2 .bbsViewBody{padding:35px 0; line-height:1.6;}
.cardzone_lst_wrap{padding:30px; background:#f3f3f3;}
.cardzone_lst_wrap h2{font-size:1.5em; text-align:center;}
.cardzone_lst_wrap .bbsTotal{margin:10px 0;}

/* 버튼 그룹 */
.bbsViewBtm{margin:30px 0; text-align:center;}
.bbsViewBtm:after{content:''; display:block; clear:both;}
.button_wrap{margin:30px 0; text-align:center;}
.button_wrap:after{content:''; display:block; clear:both;}
/* 이전,다음글 */
.bbsViewNav{display:table; table-layout:fixed; border-collapse:collapse; position:relative; width:100%;}
.bbsViewNav dl{display:table-row-group;}
.bbsViewNav dl dt,
.bbsViewNav dl dd{display:table-cell; padding:13px 10px; border:1px solid #d6d6d6; border-left:0; border-right:0; vertical-align:middle;}
.bbsViewNav dl dt{width:140px; /*background:#f8f9fa;*/ font-weight:600; text-align:center;}
.bbsViewNav dl dt span{display:inline-block; position:relative; padding:0 0 0 15px;}
.bbsViewNav dl dt span:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:11px; height:8px; margin:auto; background-position:-84px -30px;}
.bbsViewNav dl.next dt span:before{background-position:-105px -30px;}

/* Wirte/Modify */
#bbsWrite{position:relative;}
#bbsWrite:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:2px solid #61646c;}
#bbsWrite .form_group{display:table; table-layout:fixed; border-collapse:collapse; position:relative; width:100%;}
#bbsWrite .form_group dl{display:table-row-group;}
#bbsWrite .form_group dl dt,
#bbsWrite .form_group dl dd{display:table-cell; padding:15px 10px; border:1px solid #d6d6d6; border-left:0; border-right:0; border-top:0; vertical-align:middle;}
#bbsWrite .form_group dl dt{width:140px; padding-left:20px; border-left:0; /*background:#f8f9fa;*/ font-weight:600;}
#bbsWrite .form_group dl dt .bbsIco.marking{margin-left:-9px;}
#bbsWrite .form_group dl dd{border-right:0;}
#bbsWrite .form_group dl.title dt,
#bbsWrite .form_group dl.title dd{border-bottom-color:#666;}
#bbsWrite .form_group dl dd textarea{width:100%; height:206px;}
#bbsWrite .form_group input{max-width:100%;}

/* 공공누리 */
.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 토글 **/
.faq_lst{border-top:1px solid #e5e5e5;}
.faq_lst .item_info{border-bottom:1px solid #e5e5e5;}
.faq_lst .item_info .link_cont{display:block; position:relative; padding:32px 60px 32px 60px;}
.faq_lst .item_info .link_cont .que_info{position:absolute; top:50%; left:20px; transform:translateY(-50%); font-family:arial; font-size:1.25em; color:#4292b8;}
.faq_lst .item_info .link_cont .tit_info{font-size:1.125em; line-height:1.66;}
/* 아이콘 + */
.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 .link_cont .btn_arr{position:absolute; top:0; right:20px; bottom:0; overflow:hidden; width:20px; height:10px; margin:auto; color:transparent; transition:transform .4s;}
.faq_lst .item_info.on .link_cont .btn_arr{transform:rotate(-180deg);}
.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; width:0; height:0; border:10px solid transparent; border-bottom:0; border-top-color:#000;}
.faq_lst .item_info .link_cont .btn_arr:after{top:-2px; border-top-color:#fff;}*/
/* 내용 */
.faq_lst .item_info .info_cont{display:none;}
.faq_lst .item_info .info_cont .desc_info{padding:22px 120px 52px 60px;}

/**************************************************
	API Map
**************************************************/
div[id^="map"]{position:relative; width:100%; box-sizing:border-box; margin-bottom:20px; padding:10px; border:1px solid #626b73;}
div[id^="map"]:before{content:''; display:block; padding-top:45.83%;}
div[id^="map"] > div{position:absolute; top:10px; left:10px; width:calc(100% - 20px) !important; height:calc(100% - 20px) !important; font-size:0;}
div[id^="map"] .root_daum_roughmap .wrap_controllers {display:none}
div[id^="map"] .root_daum_roughmap {padding:0; border:none}
div[id^="map"] .root_daum_roughmap .wrap_map{height:100% !important; font-size:12px;}

/**************************************************
	본인인증
**************************************************/
.cont_auth .auth_head{display:flex; justify-content:center; margin:0 0 30px;}
.cont_auth .auth_head:before{content:''; flex:0 0 auto; width:91px; height:94px; margin:0 15px 0 0; background:url(../images/common/ico_auth_tit.jpg) no-repeat 0 0/cover;}
.cont_auth .auth_head .title{margin-bottom:10px; font-weight:600; font-size:2em; line-height:1.2; color:#0b3581; letter-spacing:-2px;}
.cont_auth .auth_head p{margin:0;}
.cont_auth .area_auth{padding:10px; background:url(../images/common/auth_bg.png) repeat 0 0;}
.cont_auth .area_auth > .inr{padding:30px; background:#fff;}
.cont_auth .area_auth .lst_auth{display:flex; flex-wrap:wrap; justify-content:space-between; max-width:700px; margin:0 auto;}
.cont_auth .area_auth .lst_auth > li{width:calc(50% - 15px); margin:15px 0;}
.cont_auth .area_auth .lst_auth > li a{display:flex; align-items:center; position:relative; height:60px; padding-right:30px; border-radius:60px; background:#1178c6; font-weight:600; font-size:16px; color:#fff;}
.cont_auth .area_auth .lst_auth > li a:before{content:''; flex:0 0 auto; width:44px; height:44px; margin:0 12px 0 40px; background:url(../images/common/ico_auth.jpg) no-repeat 0 0;}
.cont_auth .area_auth .lst_auth > li a:after{content:'>'; display:inline-block; position:absolute; top:50%; right:20px; color:inherit; transform:translateY(-50%);}
.cont_auth .area_auth .lst_auth > li.ansim a{background:#1178c6;}
.cont_auth .area_auth .lst_auth > li.ipin a{background:#0b3581;}
.cont_auth .area_auth .lst_auth > li.facebook a{background:#4c68bb;}
.cont_auth .area_auth .lst_auth > li.kakao a{background:#fbe100; color:#000;}
.cont_auth .area_auth .lst_auth > li.naver a{background:#07ab54;}
.cont_auth .area_auth .lst_auth > li.ansim a:before{background-position:0 0;}
.cont_auth .area_auth .lst_auth > li.ipin a:before{background-position:-150px 0;}
.cont_auth .area_auth .lst_auth > li.facebook a:before{background-position:-50px 0;}
.cont_auth .area_auth .lst_auth > li.kakao a:before{background-position:-200px 0;}
.cont_auth .area_auth .lst_auth > li.naver a:before{background-position:-100px 0;}
.cont_auth .area_guide{margin:30px 0 0 15px; letter-spacing:-1px;}
.cont_auth .area_guide ul li:before{display:none;}

/**************************************************
	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 img{width:100%; margin:0 auto;}
.slickwrap .nav button{position:relative; z-index:1; overflow:hidden; background:none; color:transparent !important; white-space:nowrap; vertical-align:top;}
.slickwrap .nav button:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; width:100%; height:100%; margin:auto;}
/*.slickwrap .nav .prev{position:absolute; left:0; bottom:0;}
.slickwrap .nav .next{position:absolute; right:0; bottom:0;}
.slickwrap .nav .pause:after{width:8px; height:12px; background-position:-16px -1px;}
.slickwrap .nav .play:after{width:12px; height:14px; background-position:0 0;}
.slickwrap .nav .prev:after{width:8px; height:14px; background-position:-19px -36px;}
.slickwrap .nav .next:after{width:8px; height:14px; background-position:-19px -36px; transform:scaleX(-1);}
.slickwrap .nav .ctrl_area{margin:10px 0 0; font-size:0; text-align:center;}
.slickwrap .nav .dots{display:inline-block; padding:6px 0; vertical-align:top;}
.slickwrap .nav .count{display:inline-block; padding:0 5px; font-size:15px; line-height:30px; vertical-align:top;}
.slickwrap .nav .slick-dots li{display:inline-block; padding:0 5px;}
.slickwrap .nav .slick-dots button{display:inline-block; position:relative; width:18px; height:18px; padding:2px; border-radius:50%; border:1px solid transparent; background-color:rgba(0,0,0,.3); background-clip:content-box; font-size:12px; vertical-align:middle; transition:all .3s;}
.slickwrap .nav .slick-dots button:after{display:none;}
.slickwrap .nav .slick-dots .slick-active button{padding:5px; border-color:rgba(0,0,0,1); background-color:rgba(0,0,0,1);}*/


/**************************************************
	lightBox
**************************************************/
body.fixed_lb{overflow:hidden; width:100%; height:100%;}
.lb_container{display:flex; justify-content:center; align-items:center; visibility:hidden; opacity:0; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1001; transition:all .3s;}
.lb_container.open{visibility:visible; opacity:1;}
.lb_container:after{content:''; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:#000; opacity:0.5;}
.lb_container>.inr{position:relative; z-index:1001; max-width:1000px; box-shadow:0 0 20px rgba(0,0,0,.3);}
.lb_container>.inr a{display:block;}
.lb_container .lb_close{display:inline-block; position:absolute; top:100%; right:0; z-index:1001; overflow:hidden; width:34px; height:34px; border:0; background:#333; color:transparent;}
.lb_container .lb_close:before,
.lb_container .lb_close:after{content:''; display:block; overflow:hidden; position:absolute; top:25%; right:25%; bottom:25%; left:25%; height:2px; transform:rotate(45deg); margin:auto 0; background:#fff; color:transparent;}
.lb_container .lb_close:after{transform:rotate(135deg);}

/**************************************************
	모달 레이어창
**************************************************/
.modal_bg,
.modal_bg2,
.modal_bg3,
.modal_bg03,
.modal_bg4,
.modal_bg5{position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; background:rgba(0,0,0,0.5);}
.modal_bg2{z-index:1050;}
.modal_bg3,
.modal_bg03{z-index:2100;}
.modal_bg4,
.modal_bg5{z-index:99999;}

/* 경고창 */
.modal_alert{display:none; position:fixed; overflow:hidden; top:50%; left:50%; max-width:550px; width:100%; border-radius:10px; background:#fff; transform:translateX(-50%) translateY(-50%);}
.modal_alert.modal_alert_on{display:block; z-index:9999;}
.modal_alert .modal_head{display:flex; align-items:center; justify-content:space-between; background:#ea3d27; padding:0 30px;}
.modal_alert .modal_head .tit{font-size:24px; font-weight:800; color:#fff; padding:13px 0 13px 40px; background:url(../images/content/ico_warning.png) no-repeat 0 17px;}
.modal_alert .modal_head .modal_close{position:relative; text-indent:-99999px; cursor:pointer; width:30px; height:30px;}
.modal_alert .modal_head .modal_close:before, 
.modal_alert .modal_head .modal_close:after{content:''; position:absolute; right:50%; top:0; height:26px; width:2px; background-color:#fff;}
.modal_alert .modal_head .modal_close:before{transform:rotate(45deg);}
.modal_alert .modal_head .modal_close:after{transform:rotate(-45deg);}
.modal_alert .modal_body{padding:30px; text-align:center;}
.modal_alert .modal_body .inr{padding:45px 0; background:#f8f8f8; border-radius:0 0 10px 10px; border:1px solid #ccc; border-top:2px solid #ea3d27;}
.modal_alert .modal_body .txt{font-size:18px; display:inline-block; padding:0 0 0 28px; margin:0 0 30px 0; background:url(../images/content/ico_warning2.png) 0 3px no-repeat;}

.modal_alert2{display:none; position:fixed; overflow:hidden; top:50%; left:50%; max-width:550px; width:100%; border-radius:10px; background:#fff; transform:translateX(-50%) translateY(-50%);}
.modal_alert2.modal_alert_on{display:block; z-index:999999;}
.modal_alert2 .modal_head{display:flex; align-items:center; justify-content:space-between; background:#ea3d27; padding:0 30px;}
.modal_alert2 .modal_head .tit{font-size:24px; font-weight:800; color:#fff; padding:13px 0 13px 40px; background:url(../images/content/ico_warning.png) no-repeat 0 17px;}
.modal_alert2 .modal_head .modal_close{position:relative; text-indent:-99999px; cursor:pointer; width:30px; height:30px;}
.modal_alert2 .modal_head .modal_close:before, 
.modal_alert2 .modal_head .modal_close:after{content:''; position:absolute; right:50%; top:0; height:26px; width:2px; background-color:#fff;}
.modal_alert2 .modal_head .modal_close:before{transform:rotate(45deg);}
.modal_alert2 .modal_head .modal_close:after{transform:rotate(-45deg);}
.modal_alert2 .modal_body{padding:30px; text-align:center;}
.modal_alert2 .modal_body .inr{padding:45px 0; background:#f8f8f8; border-radius:0 0 10px 10px; border:1px solid #ccc; border-top:2px solid #ea3d27;}
.modal_alert2 .modal_body .txt{font-size:18px; display:inline-block; padding:0 0 0 28px; margin:0 0 30px 0; background:url(../images/content/ico_warning2.png) 0 3px no-repeat;}

.modal_alert3{display:none; position:fixed; overflow:hidden; top:50%; left:50%; max-width:900px; width:100%; border-radius:10px; background:#fff; transform:translateX(-50%) translateY(-50%);}
.modal_alert3.modal_alert_on{display:block; z-index:999999;}
.modal_alert3 .modal_head{display:flex; align-items:center; justify-content:space-between; background:#ea3d27; padding:0 30px;}
.modal_alert3 .modal_head .tit{font-size:24px; font-weight:800; color:#fff; padding:13px 0 13px 0;}
.modal_alert3 .modal_head .modal_close{position:relative; text-indent:-99999px; cursor:pointer; width:30px; height:30px;}
.modal_alert3 .modal_head .modal_close:before, 
.modal_alert3 .modal_head .modal_close:after{content:''; position:absolute; right:50%; top:0; height:26px; width:2px; background-color:#fff;}
.modal_alert3 .modal_head .modal_close:before{transform:rotate(45deg);}
.modal_alert3 .modal_head .modal_close:after{transform:rotate(-45deg);}
.modal_alert3 .modal_body{padding:30px; text-align:center;}
.modal_alert3 .modal_body .inr{padding:45px 0; background:#f8f8f8; border-radius:0 0 10px 10px; border:1px solid #ccc; border-top:2px solid #ea3d27;}
.modal_alert3 .modal_body .txt{font-size:18px; display:inline-block; padding:0 0 0 28px; margin:0 0 30px 0; background:url(../images/content/ico_warning2.png) 0 3px no-repeat;}

.modal_alert_main{overflow:hidden; width:100%; height: 100%; max-width: 910px; background:#fff;}
.modal_alert_main.modal_alert_on{display:block; z-index:9999;}
.modal_alert_main .modal_head{display:flex; align-items:center; justify-content:space-between; background:#ea3d27; padding:0 30px;}
.modal_alert_main .modal_head .tit{font-size:24px; font-weight:800; color:#fff; padding:13px 0 13px 40px; background:url(../images/content/ico_warning.png) no-repeat 0 17px;}
.modal_alert_main .modal_head .modal_close{position:relative; text-indent:-99999px; cursor:pointer; width:30px; height:30px;}
.modal_alert_main .modal_head .modal_close:before,
.modal_alert_main .modal_head .modal_close:after{content:''; position:absolute; right:50%; top:0; height:26px; width:2px; background-color:#fff;}
.modal_alert_main .modal_head .modal_close:before{transform:rotate(45deg);}
.modal_alert_main .modal_head .modal_close:after{transform:rotate(-45deg);}
.modal_alert_main .modal_body{padding:30px; text-align:center; height: 100%; background: #f8f8f8; border-radius: 0 0 10px 10px; border: 1px solid #ccc; border-top: 2px solid #ea3d27;}
.modal_alert_main .modal_body .inr{padding:45px 0; background:#f8f8f8; border-radius:0 0 10px 10px; border:1px solid #ccc; border-top:2px solid #ea3d27;}
.modal_alert_main .modal_body .txt{font-size:18px; display:inline-block; padding:0 0 0 28px; margin:0 0 30px 0; background:url(../images/content/ico_warning2.png) 0 3px no-repeat;}

.bbs_short_div {background-color: #f2f2f2; padding: 10px; margin-bottom: 5px;}
.bbs_short_div span{background-color: #66CC00; color: white; border-radius: 5px; padding: 5px;}

.stat_dp_div {display: inline-block; background-color: #00000033; border: 2px solid #000000; padding: 5px 10px;}
.stat_dp_span {opacity: 0.8; font-size: 15px;}

.result_cn {-webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/* Sprite image */
	.button.ico:before,
	.link_button:after,
	.pagination .page_prev:before,
	.pagination .page_prevend:before,
	.pagination .page_next:after,
	.pagination .page_nextend:after,
	.bbsIco,
	.bbsViewNav dl dt span:before,
	#bbsPhoto .lst > li a .tit .ico{background-image:url(../images/base/sp_com_m.png); background-size:200px 200px;}

	/* datepicker */
	input.datepicker,
	input.datetimepicker{background-image:url(../images/base/calendar_x2.gif) !important;}

	/**************************************************
		Button
	**************************************************/
	/* Pagination */
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}
	.pagination a,
	.pagination strong{min-width:30px; height:30px; line-height:30px;}

	/**************************************************
		게시판
	**************************************************/
	/* List(Default) */
	#bbsList [data-table-type="hide_t"]{display:none;}
	/* List(갤러리) */

	/* View */
	#bbsView .form_group dl dd{padding-left:10px;}
	/* View(카드뉴스) */
	.cardzone_lst_wrap{padding:15px;}

	/** Faq 토글 **/
	.faq_lst .item_info .link_cont{padding:16px 32px 16px 32px;}
	.faq_lst .item_info .link_cont .que_info{left:8px; font-size:1em;}
	.faq_lst .item_info .link_cont .tit_info{font-size:1em;}
	/* 아이콘 + */
	.faq_lst .item_info .link_cont .btn_arr{right:8px; width:16px; height:16px;}
	/* 아이콘 화살표 */
	/*.faq_lst .item_info .link_cont .btn_arr{right:8px; width:16px; height:8px;}
	.faq_lst .item_info .link_cont .btn_arr:before,
	.faq_lst .item_info .link_cont .btn_arr:after{border-width:8px;}*/
	/* 내용 */
	.faq_lst .item_info .info_cont .desc_info{padding:16px 32px 32px 32px;}

	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	/* 공통 */
	.conTit2:before,
	.conTit4:before,
	.conLst2 li:before{background-image:url(../images/base/sp_icss_m.png);}
	.conTit22:before{top:4px;}
	/* 제목 */
	.conTit2{margin:30px 0 13px; font-size:1.86em;}
	.conTit3,
	.conTit3_v3{margin:20px 0 10px;}
	.conTit4{margin:20px 0 10px;}
	.conTit5{margin:20px 0 10px;}
	.conTit6{margin:20px 0 10px;}
	.conTit2:before{top:0; width:28px; height:28px;}

	/**************************************************
		안내박스
	**************************************************/


	/**************************************************
		Slick Slide
	**************************************************/
	/* Common */
	.slickwrap .slider .item .pc{display:none;}
	.slickwrap .slider .item .mobile{display:block;}
	/*.slickwrap .nav button:after{background-image:url(../images/base/sp_slick_m.png);}
	.slickwrap .nav .prev:after{width:8px; height:14px; background-position:-12px -36px;}
	.slickwrap .nav .next:after{width:8px; height:14px; background-position:-12px -36px; transform:scaleX(-1);}*/

}

@media all and (max-width:900px){
	/**************************************************
		Common
	**************************************************/
	/* 모달 레이어창 - 경고창 */
	.modal_alert3{width:calc(100% - 20px); left:10px; transform:translateY(-50%);}

	/**************************************************
		Content
	**************************************************/

}

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

	input[type="text"], 
	input[type="password"], 
	input[type="number"], 
	input[type="tel"], 
	input[type="date"], 
	input[type="email"], 
	select{height:35px;}
	.bbsSrch input, 
	.bbsSrch select, 
	.bbsSrch button, 
	.bbsSrch .button{font-size:15px; height:38px; line-height:36px;}
	.button{height:38px; line-height:38px; font-size:16px;}
	.bbsSrch .button{font-size:16px;}

	/**************************************************
		테이블
	**************************************************/
	table th, table td{font-size:15px; line-height:1.4;}

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	/* List(Default) */
	#bbsList [data-table-type="hide_m"]{display:none;}
	/* List(갤러리) */
	#bbsPhoto .lst > li:nth-child(n){clear:none; width:calc(50% - 5px); margin-bottom:15px; margin-left:10px;}
	#bbsPhoto .lst > li:nth-child(2n+1){clear:left; margin-left:0;}
	#bbsPhoto .lst > li a .tit{margin:5px; font-weight:400;}
	#bbsPhoto .lst > li .info{margin-bottom:10px;}
	/* List(카드뉴스) */
	#bbsPhoto2{}
	#bbsPhoto2 .lst li{width:calc(50% - 5px); margin:0 0 20px 10px;}
	#bbsPhoto2 .lst li:nth-child(2n+1){clear:left; margin-left:0;}
	#bbsPhoto2 .lst li .tit{padding:10px 0 5px; font-size:1em;}
	/* View */
	#bbsView .form_group dl dt{padding:10px 10px 10px 5px; font-weight:400; font-size:14px;}
	#bbsView .form_group dl dd{padding:10px; font-size:14px;}
	#bbsView .form_group dl.title dd{padding:15px 0; font-size:18px;}
	#bbsView .form_group dl.content dd{padding:20px 10px;}
	.button_wrap{margin:20px 0;}
	/* View(카드뉴스) */
	#bbsView2 .bbsViewHead{padding:10px 0;}
	#bbsView2 .bbsViewHead .date{margin-top:5px;}
	/* 이전,다음글 */
	.bbsViewNav dl dt{width:80px;}
	.bbsViewNav dl dd{padding:5px;}
	/* Wirte/Modify */
	#bbsWrite .form_group dl dt{width:100px; padding:5px 10px;}
	#bbsWrite .form_group dl dd{padding:8px 10px;}

	/**************************************************
		Button
	**************************************************/
	/* Button Size - default / small / large */
	.button.lg,
	.button.rg{height:40px; padding:0 15px; font-size:16px; line-height:38px;}

	/**************************************************
		안내박스
	**************************************************/
	/* Box Type */
	.box_comm,
	.box_comm2,
	.box_comm3{margin-bottom:30px; padding:30px;}
	.box_comm{background:linear-gradient(#fff,#fff) no-repeat 50% 50%/calc(100% - 10px) calc(100% - 10px), url(../images/common/bg_box_comm01.png) repeat 0 0/2.5px 2.5px;}

	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	.conLst > li{font-size:17px; padding-left:15px;}

	.cont_body .conBox1{padding:15px 20px 5px;}
	.cont_body .conBox2{padding:10px 15px 5px; margin:10px 0 0;}

	/**************************************************
		본인인증
	**************************************************/
	.cont_auth .auth_head{margin:0 10px 20px; padding:0; background:none;}
	.cont_auth .auth_head .title{margin-bottom:10px;}
	.cont_auth .auth_head .title img{height:18px;}
	.cont_auth .area_auth > .inr{padding:10px 20px;}
	.cont_auth .area_auth .lst_auth{max-width:350px;}
	.cont_auth .area_auth .lst_auth > li{width:100%; margin:5px 0;}
	.cont_auth .area_auth .lst_auth > li a{height:50px; font-size:14px;}
	.cont_auth .area_auth .lst_auth > li a:before{width:22px; height:22px; margin-left:30px; background-size:auto 100%;}
	.cont_auth .area_auth .lst_auth > li.ansim a:before{background-position:0 0;}
	.cont_auth .area_auth .lst_auth > li.ipin a:before{background-position:-75px 0;}
	.cont_auth .area_auth .lst_auth > li.facebook a:before{background-position:-25px 0;}
	.cont_auth .area_auth .lst_auth > li.kakao a:before{background-position:-100px 0;}
	.cont_auth .area_auth .lst_auth > li.naver a:before{background-position:-50px 0;}
	.cont_auth .area_guide{margin-top:20px;}
		
	/*lightBox_보유장비 newstyle*/
	.lb_container>.inr{height:auto;padding: 5vw;}
	.lb_container.open{padding:35px;}

	/* 모달 레이어창 - 경고창 */
	.modal_alert .modal_head{padding:0 15px;}
	.modal_alert .modal_body{padding:15px;}
	.modal_alert .modal_body .inr{padding:30px 0;}
	.modal_alert .modal_head .tit{padding:8px 0 8px 30px; font-size:20px; background-size:24px; background-position:0 13px;}
	.modal_alert .modal_head .modal_close{width:20px; height:20px;}
	.modal_alert .modal_head .modal_close:before, 
	.modal_alert .modal_head .modal_close:after{height:20px;}
	.modal_alert .modal_body .txt{font-size:16px; margin:0 0 20px 0; padding:0px 0 0 24px; background-size:18px;}

	.modal_alert2 .modal_head{padding:0 15px;}
	.modal_alert2 .modal_body{padding:15px;}
	.modal_alert2 .modal_body .inr{padding:30px 0;}
	.modal_alert2 .modal_head .tit{padding:8px 0 8px 30px; font-size:20px; background-size:24px; background-position:0 13px;}
	.modal_alert2 .modal_head .modal_close{width:20px; height:20px;}
	.modal_alert2 .modal_head .modal_close:before, 
	.modal_alert2 .modal_head .modal_close:after{height:20px;}
	.modal_alert2 .modal_body .txt{font-size:16px; margin:0 0 20px 0; padding:0px 0 0 24px; background-size:18px;}

	.modal_alert3 .modal_head{padding:0 15px;}
	.modal_alert3 .modal_body{padding:15px;}
	.modal_alert3 .modal_body .inr{padding:30px 0;}
	.modal_alert3 .modal_head .tit{padding:8px 0 8px 0; font-size:20px; background-size:24px; background-position:0 13px;}
	.modal_alert3 .modal_head .modal_close{width:20px; height:20px;}
	.modal_alert3 .modal_head .modal_close:before, 
	.modal_alert3 .modal_head .modal_close:after{height:20px;}
	.modal_alert3 .modal_body .txt{font-size:16px; margin:0 0 20px 0; padding:0px 0 0 24px; background-size:18px;}

}

/* 03. Mobile  ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		테이블
	**************************************************/
	/* 모바일 테이블 wrap(스크립트에서 class 추가) */
	/*.table_scroll::-webkit-scrollbar{height:3px;}
	.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}*/

	/**************************************************
		Pagination
	**************************************************/

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	.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; height:39px; margin:2px 0; line-height:39px;}
	.bbsSrch .srch_word_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_word_wrap select{float:left; width:35%;}
	.bbsSrch .srch_word_wrap .word{float:left; width:calc(65% - 5px); margin-left:5px;}
	/* List(갤러리) */
	/* List(카드뉴스) */
	#bbsPhoto2 .lst li .desc{height:36px; line-height:18px; font-size:0.875em;}
	#bbsPhoto2 .lst li .date{font-size:0.8125em;}

	/* 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_comm,
	.box_comm2,
	.box_comm3{padding:20px;}

}

@media all and (max-width:550px){
	/**************************************************
		Common
	**************************************************/
	/* 모달 레이어창 - 경고창 */
	.modal_alert{width:calc(100% - 20px); left:10px; transform:translateY(-50%);}
	.modal_alert2{width:calc(100% - 20px); left:10px; transform:translateY(-50%);}

	/**************************************************
		Content
	**************************************************/

}

/* 03. Mobile  ~ 537px */
@media screen and (max-width:537px){
	/**************************************************
		안내박스
	**************************************************/
	/* Box Type */

	/**************************************************
		게시판
	**************************************************/
	/* View */
	#bbsView .form_group dl.attfile dt{display:block; border-bottom:1px solid #bdbdbd; text-align:center;}
	#bbsView .form_group dl.attfile dt:after{display:none;}

	/**************************************************
		API Map
	**************************************************/
	div[id^="map"]{padding:0;}
	div[id^="map"]:before{padding-top:75%;}
	div[id^="map"] > div{top:0; left:0; width:100% !important; height:100% !important;}
}