@charset "utf-8";
@import url(common_new.css);

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2022-04-26
**************************************************/

/**************************************************
	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:#f1430a;}/* red */
.fc02{color:#30aa00;}/* green */
.fc03{color:#114aaf;}/* blue */
.fc04{color:#6c4ea0;}/* violet */
.fc05{color:#c56f08;}/* sepia */
.fc06{color:#0b99f4;}/* skyblue */
.fc07{color:#ee4183;}/* pink */

/* 전화번호 줄바꿈 금지 */
.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.5;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="time"],
select,
textarea{padding:5px 8px; border:1px solid var(--g-light-color-border-gray); border-radius:var(--g-radius-medium1); background:#fff; vertical-align:middle; font-size:1.7rem;}
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="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="email"],
select{max-width:100%; height:40px; 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:1.6rem;}
select.readonly {background:#eee;}
select.readonly option[disabled] {background:#eee; color:#ccc;}
table input[type="text"],
table input[type="password"]{width:100%; max-width:180px;}
table input[type="file"]{width:100%; max-width:245px;}
table textarea{width:100%;}
input::placeholder{color:#888;}
input:-ms-input-placeholder{color:#888;}
textarea::placeholder,
textarea::-webkit-input-placeholder{color:#888;}
textarea:-ms-input-placeholder{color:#888;}
/* label+inp */
.inp_wrap{display:inline-flex; align-items:center; margin:3px 0; vertical-align:middle;}
.inp_wrap input{margin:0;}
.inp_wrap label{line-height:normal;}
.inp_wrap input + label{margin:0 10px 0 3px;}
.inp_wrap label + input{margin:0 10px 0 3px;}
/* 이미지 체크박스 */
.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:focus + label{outline:1px dashed #fff; outline-offset:-2px; box-shadow:inset 0 0 3px #000;}
.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:focus + label{outline:1px dashed #fff; outline-offset:-2px; box-shadow:inset 0 0 3px #000;}
.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 all and (min-width:640px){
	.fig_zoom{display:none;}
}

/* datepicker */
/*input.datepicker,
input.datetimepicker{width:170px; padding-right:40px !important; background:#fff url(../images/base/calendar.gif) no-repeat right 15px center/20px 20px !important; font-family:"맑은 고딕";}
input::placeholder{font-family:sans-serif; font-size:1.7rem; color:#888;}*/
table input.datepicker,
table input.datetimepicker{max-width:140px;}
/* 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);}

.btn_wrap{margin:30px 0;}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.conTit2:before,
.conTit22:before,
.conTit3:before,
.conTit4:before,
.conTit5:before,
.conLst li:before,
.conLst2 li:before,
.conLst3 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:50px 0 40px; font-size:3.6rem; text-align:center;}
.conTit3{position:relative; margin:30px 0 10px; font-size:2.4rem;}
.conTit4{position:relative; margin:30px 0 10px; font-size:2rem;}
.conTit5{position:relative; margin:30px 0 10px; font-size:1.6em;}
.conTit6{position:relative; margin:30px 0 10px; font-size:1.6em;}
.conTit2:first-of-type,
.conTit22:first-of-type,
.conTit3:first-child,
.conTit4:first-child,
.conTit5:first-child,
.conTit6:first-child{margin-top:0;}
.conTit2:before{display:none;}
.conTit3:before{display:none;}
.conTit4:before{display:none;}
.conTit5:before{display:none;}
/* 컨텐츠 들여쓰기 */
.cont_body .conBox{position:relative; margin-bottom:30px;}
.conTit2 + .conBox{margin-bottom:30px;}
.conTit3 + .conBox{margin-bottom:30px;}
.conTit4 + .conBox{margin-bottom:30px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conTit6 + .conBox{margin-bottom:30px;}
.cont_body .conBox0{position:relative; margin-bottom:30px; padding:20px 30px; border:1px solid #c9cdd1; border-radius:10px;}
/* 목록 */
.conLst,
.conLst2,
.conLst3{margin:10px 0 20px;}
.conLst:first-of-type,
.conLst2:first-child,
.conLst3:first-child{margin-top:0;}
.conLst:last-child,
.conLst2:last-child,
.conLst3:last-child{margin-bottom:0;}
.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.5;}
.conLst > li{padding-left:18px; font-size:1.7rem;}
.conLst > li:before{top:10px; left:3px; width:4px; height:4px; border-radius:50%; background:#16281d;}
.conLst2 > li{padding-left:24px; font-size:1.6rem;}
.conLst2 > li:before{top:9px; left:8px; width:5px; height:5px; border:1px solid #333; border-width:0 1px 1px 0; background:none; transform:rotate(-45deg);}
.conLst3 > li{padding-left:15px; font-size:1.6rem;}
.conLst3 > li:before{top:10px; left:2px; width:3px; height:3px; border:1px solid transparent; border-right-color:#16281d; border-bottom-color:#16281d; background:none; 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 p{margin:10px 0 20px;}
/* 컨텐츠 좌우 정렬 */
.conBox_lr{display:flex; padding:40px 0; border-bottom:1px solid #dcdcdc;}
.conBox_lr:first-child{padding-top:0;}
.conBox_lr:last-child{padding-bottom:0; border-bottom:none;}
.conBox_lr .conBox_l{flex:0 0 auto; width:280px;}

/**************************************************
	테이블
**************************************************/
/* 모바일 테이블 스크롤(스크립트에서 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 #4e4d4d; word-break:keep-all; word-wrap:break-word;}
table th,
table td{border:1px solid #dcdcdc; font-size:1.6rem;}
table th{padding:10px 5px; background:#ecf1fe; font-weight:700; text-align:center;}
table td{padding:13px 12px;}
table thead th{border-bottom:0;}
table tbody th{background:#f9f9f9;}
table tbody tr:first-child th,
table tbody tr:first-child td{border-top-color:#4e4d4d;}
/* Table02 */
table.tbl02 th{background:none;}
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;}
/* Table03 */
table.tbl03 tbody th{background:#ecf1fe;}
@media (max-width:767px){
	table.tbl03{display:block;}
	table.tbl03 thead{display:none;}
	table.tbl03 tbody{display:flex; flex-direction:column;}
	table.tbl03 tr{display:flex; flex-wrap:wrap;}
	table.tbl03 tbody th,
	table.tbl03 tbody td{min-width:0; padding:var(--g-padding-4) 0; border:0; border-bottom:1px solid #ddd; background:none; text-align:left;}
	table.tbl03 tbody th{flex-shrink:0; width:110px; padding-right:var(--g-gap-4); font-weight:800;}
	table.tbl03 tbody td{width:calc(100% - 120px);}
}
/* Table04 */
table.tbl04 th{background:none;}
table.tbl04 th,
table.tbl04 td{border-left:0; border-right:0;}

/**************************************************
	안내박스
**************************************************/
/* Box Type1 */
.box_comm{margin-bottom:40px; padding:20px; background:#f6f6f6;}
.box_comm:last-child{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 */
.box_comm2{margin-bottom:40px; padding:50px; border:1px solid #4f5259; background:#fff;}
.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:#f5f5f5;}
.box_comm3 ul{margin-bottom:0;}
.box_comm3 p:first-child{margin-top:0;}
.box_comm3 p:last-child{margin-bottom:0;}
/* Box Type4 */
.box_comm4{display:flex; position:relative; padding:23px 23px 23px 53px; background:#e8f0f6;}
.box_comm4 ul{margin-bottom:0;}
.box_comm4 p:first-child{margin-top:0;}
.box_comm4 p:last-child{margin-bottom:0;}
.box_comm4 .ico{display:flex; justify-content:center; align-items:center; flex:0 0 auto; width:100px; height:100px; overflow:hidden; margin-right:27px; border-radius:50%; background:#fff;}
.box_comm4 .con_area .head{display:flex; align-items:center; margin-bottom:10px; font-weight:700; font-size:1.5em;}

/**************************************************
	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:40px; line-height:38px; margin:2px 3px; padding:0 15px; border:1px solid transparent; border-radius:4px; font-weight:700; font-size:1.6rem; letter-spacing:0;}
.button.xs{height:24px; padding:0 10px; font-size:1.4rem; line-height:22px;}
.button.sm{height:30px; padding:0 10px; border-radius:30px; font-weight:400; font-size:1.5rem; line-height:28px;}
.button.rg{}
.button.lg{height:50px; padding:0 40px; border-radius:60px; font-size:1.7rem; line-height:48px;}
/* Button Color */
.button{border-color:#323232; background-color:#fff; color:#111 !important;}
.button.viridian{border-color:transparent; background-color:#1a7f9c; color:#fff !important;}
.button.blue,
.button.write,
.button.edit,
.button.save{border-color:transparent; background-color:#003ca5; color:#fff !important;}
.button.blue2{border-color:transparent; background-color:#5076da; color:#fff !important;}
.button.violet{border-color:transparent; background-color:#6c4ea0; color:#fff !important;}
.button.red,
.button.delete{border-color:transparent; background-color:#ae3e3e; color:#fff !important;}
.button.red2{border-color:transparent; background-color:#ee6574; color:#fff !important;}
.button.black{border-color:transparent; background-color:#111; color:#fff !important;}
.button.darkgray,
.button.list{border-color:transparent; background-color:#484756; color:#fff !important;}
.button.gray,
.button.cancel{border-color:transparent; background-color:#e2e2e2; color:#111 !important;}
/* Button Line */
.button.line{border-radius:24px; border-color:currentColor; background-color:#fff; font-weight:400; color:#333 !important;}
.button.line.viridian{color:#1a7f9c !important;}
.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:#ee3d3d !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 + 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:-126px 0;}
.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.ico.down{background:#212121; color:#fff !important;}
.button.ico.down:after{content:''; display:inline-block; width:17px; height:18px; margin:-3px 0 0 5px; background:url(../images/common/ico_button_down.png) no-repeat 0 0; vertical-align:middle;}
/* 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{box-shadow:0px 3px 5px rgba(0,0,0,.3);}
/*.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_button2{display:inline-flex; align-items:center; margin:2px 3px; padding:12px 40px; border:1px solid transparent; border-radius:56px; background-color:#615cc5; font-weight:700; font-size:1.6rem; color:#fff !important; transition:all .3s;}
.link_button2:hover{box-shadow:0px 3px 5px rgba(0,0,0,.3);}
.link_button2[target="_blank"]:after{content:''; width:16px; height:14px; margin-left:6px; background:url(../images/common/ico_blank.png) no-repeat 0 0/cover;}
/* link_button Size */
.link_button{margin:2px 3px; padding:7px 40px 6px 13px; border-color:#656565; border-radius:39px; background-color:#fff; line-height:24px; white-space:nowrap; transition:all .3s;}
.link_button:hover{box-shadow:0px 3px 5px rgba(0,0,0,.3);}
/* 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:34px; top:11px; bottom:11px; border-left:1px solid #d9d9d9; background-color:#fff;}
.link_button:after{top:0; left:calc(100% - 34px); 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.blank:after{width:16px; height:14px; background-position:-126px -26px;}
.link_button.download:after{width:17px; height:18px; background-position:-34px 0;}
.link_button.view:after{width:16px; height:16px; 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:hover{box-shadow:none; text-decoration:underline !important;}
table .link_button.txt{word-break:keep-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 #656565; vertical-align:middle;}
.link_button.txt.blank:after{background-position:-121px -23px;}
.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.txt.url{display:inline; color:#114aaf; text-decoration:underline !important;}
.link_button.txt.url:after{width:20px; border:0; background-position:-124px -21px;}
/* link_button.Icon */
.link_button.ico{overflow:hidden; width:26px; height:24px; padding:0; line-height:24px; border-radius:2px; 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 var(--g-light-color-border-gray); 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:700; 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:1.5rem; 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: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 5px; text-align:center; border-radius:var(--g-radius-medium1); background:#f2f2f2; font-size:0;}
.bbsSrch span{display:inline-block; font-size:15px; vertical-align:middle;}
.bbsSrch input,
.bbsSrch select,
.bbsSrch button,
.bbsSrch .button{margin:2px; font-size:15px; vertical-align:middle;}
.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;}
/* 상단 버튼 영역 */
.tbl_top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 0 10px;}
.tbl_top .tbl_top_r{margin-left:auto;}
.tbl_top .conTit3{margin-bottom:0;}
.tbl_top .conTit3 .count{font-size:1.6rem; font-weight:400; margin:0 10px;}

/* List(Default) */
#bbsList{table-layout:fixed; border-collapse:separate; width:100%; margin:0 0 40px; border:0; border-top:2px solid #4e5158; border-bottom:1px solid #4e5158;}
#bbsList th{position:relative; padding:14px 5px; border:0; border-bottom:1px solid #4e5158; background:#fff; font-weight:700; font-size:1.6rem; line-height:1.2; color:#222; text-align:center;}
#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 var(--g-light-color-border-gray); vertical-align:middle; text-align:center;}
#bbsList a.button_file img{vertical-align:middle;}
/* List(갤러리) */
#bbsPhoto{}
#bbsPhoto .lst{}
#bbsPhoto .lst:after{content:''; display:block; clear:both;}
#bbsPhoto .lst > li{float:left; position:relative; width:calc(25% - 2%); margin:0 0 2% 2.645%; padding:0;}
#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:1px solid #d5d5d5; border-radius:5px;}
#bbsPhoto .lst > li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto .lst > li a .img:after{content:''; display:block; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; z-index:1; border-bottom:1px solid rgba(0,0,0,.1);}
/*#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; /*overflow:hidden;*/ margin:10px; font-weight:700; text-align:left; /*text-overflow:ellipsis; white-space:nowrap;*/}
#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; }
#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:700; 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 .fl{float:left;}
#bbsView .form_group .fr{float:right;}
#bbsView .form_group dl{float:left;}
#bbsView .form_group dl dt{display:table-cell; box-sizing:border-box; position:relative; padding:14px 30px; font-weight:800;  line-height:1.2; vertical-align:middle; background:linear-gradient(#b0b0b0,#b0b0b0) no-repeat 100% 50%/1px 15px;}
/*#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:14px 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;}
#bbsView .tit_feedback{padding:30px 0; font-size:1.625em; line-height:1.4; border-top:2px solid #4f5259; border-bottom:1px solid #4f5259; box-shadow:0 4px #f7f7f7; text-align:center;}
#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:24px 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;  color:#1977b9;}
#bbsView2 .bbsViewBody{padding:35px 0; line-height:1.6;}
#bbsView2 .bbsViewBody video{display:block; width:100%;}
#bbsView2 .bbsViewBody .video_caption{overflow:auto; height:160px; margin-top:15px; padding:15px; border:1px solid #ddd;}
#bbsView2 .bbsViewBody .video_caption.open{height:auto;}
#bbsView2 .bbsViewBody .video_info{padding:8px 15px; border:1px solid #ddd; border-top:0; text-align:right;}
.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;}
/* 비디오 공통 */
.bbs_video{margin:10px 0;}
.bbs_video .video_area{position:relative;}
.bbs_video .video_area:before{content:''; display:block; padding-top:56.25%;}
.bbs_video .video_area video{display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.bbs_video .video_caption{padding:15px; border:1px solid #e7e7e7; border-top:0; background:#f5f5f5;}
.bbs_video .video_caption .caption_area{overflow:hidden; overflow-y:auto; height:110px; min-height:110px; padding:15px; border:1px solid #bcbcbc; background:#fff;}
.bbs_video .video_caption.open .caption_area{height:auto;}
.bbs_video .video_caption .btn_area{overflow:hidden;}
.bbs_video .video_caption .btn_area .btn_caption{display:flex; justify-content:center; align-items:center; float:right; width:169px; height:40px; margin:-1px 15px 0 0; background:url(../images/common/bg_caption_btn.png) no-repeat 0 0; font-size:1.6rem;}
.bbs_video .video_caption .btn_area .btn_caption:after{content:''; width:13px; height:14px; background:url(../images/common/ico_caption_btn.png) no-repeat 0 0; transform:scaleY(-1);}
.bbs_video .video_caption.open .btn_area .btn_caption:after{transform:none;}
.bbs_video .video_caption .btn_area .btn_caption span{position:relative; margin:0 10px 0 0; padding:0 10px 0 0;}
.bbs_video .video_caption .btn_area .btn_caption span:after{content:''; display:block; position:absolute; top:0; right:0; bottom:0; height:12px; margin:auto 0; border-right:1px solid #cdcdcd;}
/* 댓글 공통 */
.cmmt_wrap{padding:30px; border:1px solid #cbcbcb; border-radius:10px;}
.cmmt_wrap .cmmt_top{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:30px;}
.cmmt_wrap .cmmt_top .cmmt_num{font-weight:700; font-size:24px; color:#f24407;}
.cmmt_wrap .cmmt_top .cmmt_login{display:flex; align-items:center; font-size:1.6rem; line-height:1.2;}
.cmmt_wrap .cmmt_top .cmmt_login:before{content:''; flex:0 0 auto; width:20px; height:18px; margin:0 5px 0 0; background:url(../images/common/ico_cmmt_login.png) no-repeat 0 0;}
.cmmt_wrap .cmmt_top .cmmt_login em{text-decoration:underline;}
.cmmt_wrap .cmmt_top .cmmt_login .btn_cmmt_login{margin:0 0 0 10px; padding:3px 5px; border-radius:3px; background:#212121; font-size:15px; color:#fff;}
.cmmt_wrap .cmmt_textarea{display:flex; padding:25px 30px; border-radius:5px; background:#f4f4f4;}
.cmmt_wrap .cmmt_textarea .textarea{flex:1; overflow:hidden; height:100px; border:1px solid #cbcbcb; border-radius:3px; background:#fff;}
.cmmt_wrap .cmmt_textarea .textarea textarea{width:100%; height:100%; border:0;}
.cmmt_wrap .cmmt_textarea .btn_cmmt{width:100px; height:100px; margin-left:5px; border-radius:3px; background:#1167ae; font-size:18px; color:#fff;}
.cmmt_wrap .cmmt_area .item{padding:24px 30px; border-top:1px solid #dcdcdc;}
.cmmt_wrap .cmmt_area .item:first-child{margin-top:30px;}
.cmmt_wrap .cmmt_area .item:last-of-type{border-bottom:1px solid #dcdcdc;}
.cmmt_wrap .cmmt_area .item .item_head{display:flex; flex-wrap:wrap; align-items:center;}
.cmmt_wrap .cmmt_area .item .item_head .name{margin-right:5px; font-size:1.6rem;}
.cmmt_wrap .cmmt_area .item .item_head .date{margin-right:5px; font-size:14px; color:#777;}
.cmmt_wrap .cmmt_area .item .item_cmmt{margin-top:15px;}
.cmmt_wrap .cmmt_area .item .cmmt_edit{display:flex; position:relative; margin-top:10px; padding:10px; background:#f4f4f4;}
.cmmt_wrap .cmmt_area .item .cmmt_edit textarea{flex:1; height:60px; margin:0; border:1px solid #cbcbcb; border-right:0;}
.cmmt_wrap .cmmt_area .item .cmmt_edit .btn_edit{flex:0 0 auto; width:60px; height:60px; background:#1167ae; color:#fff;}
.cmmt_wrap .cmmt_area .btn_cmmt_more{display:flex; justify-content:center; align-items:center; width:100%; padding:10px 0; background:none;}
.cmmt_wrap .cmmt_area .btn_cmmt_more:after{content:''; width:8px; height:8px; margin:-5px 0 0 8px; border:1px solid #888; border-width:0 1px 1px 0; transform:rotate(45deg);}

/* 버튼 그룹 */
.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%; margin:30px 0;}
.bbsViewNav dl{display:table-row-group;}
.bbsViewNav dl dt,
.bbsViewNav dl dd{display:table-cell; padding:13px 10px; border:1px solid #d6d6d6; vertical-align:middle;}
.bbsViewNav dl dt{width:140px; background:#f6f6f7; font-weight:700; 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:10px; border:1px solid #d6d6d6; border-top:0; vertical-align:middle;}
#bbsWrite .form_group dl dt{width:140px; background:#f6f6f7; font-weight:700; text-align:center;}
#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%;}

/* 동의하기 폼 공통 */
.form_agree_wrap{padding:30px; border:1px solid #cbcbcb; border-radius:10px;}
.form_agree_wrap .fa_tit{margin-bottom:15px; font-size:24px;}
.form_agree_wrap .fa_box{border:1px solid #a9adb2;}
.form_agree_wrap .fa_box .fa_textarea{overflow:hidden; overflow-y:auto; height:348px; padding:20px; background:#f1f7ff;}
.form_agree_wrap .fa_chk_area{display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px 30px; border-top:1px solid #d6dbdf;}
.form_agree_wrap .fa_chk_area .txt{font-size:18px;}

/* 공공누리 */
.opentype_area{display:flex; justify-content:center; align-items:center; padding:30px; background:#f1f1f1;}
.opentype_area .img{flex:0 0 auto; margin-right:45px;}
.opentype_area .con .tit{font-size:18px;}
.opentype_area .con .txt{margin:10px 0 0; font-size:15px; line-height:1.5;}

/** Faq 토글 **/
.faq_top{margin-bottom:10px;}
.faq_lst{border-top:2px solid #1167ae;}
.faq_lst .item_info{border-bottom:1px solid #cbcbcb;}
.faq_lst .item_info .link_cont{display:block; position:relative; padding:25px 55px 25px 54px;}
.faq_lst .item_info .link_cont .que_info{position:absolute; top:50%; left:20px; transform:translateY(-50%); font-weight:700; font-size:1.25em;}
.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:16px; height:9px; margin:auto; color:transparent;}
.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:100%; margin:auto; background:url(../images/content/ico_faq_unfd.png) no-repeat 0 0;}
.faq_lst .item_info.on .link_cont .btn_arr:after{background-image:url(../images/content/ico_faq_fd.png);}
/* 아이콘 화살표 */
/*.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; position:relative; border-top:1px solid #cbcbcb; background:#f2f6fa;}
.faq_lst .item_info .info_cont .ans_info{position:absolute; top:22px; left:20px; font-weight:700; font-size:1.25em;}
.faq_lst .item_info .info_cont .desc_info{padding:25px 55px 25px 54px;}

/**************************************************
	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:700; font-size:2em; line-height:1.2; color:#2a2773; 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:700; font-size:1.6rem; 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:#2a2773;}
.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 a:focus{border:2px solid #000;}
.slickwrap .slider .item img{width:100%; margin:0 auto;}


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

/**************************************************
	달력
**************************************************/

/* 연간일정 */
.calendar_annual_wrap{}
.calendar_annual_wrap .calendar_srch{position:relative; overflow:hidden; padding:40px; background:#f5f5f5;}
.calendar_annual_wrap .calendar_srch .slt_area{position:absolute; top:40px; left:40px;}
.calendar_annual_wrap .calendar_srch .today_year{font-weight:700; font-size:2.5em; line-height:1.2; letter-spacing:-1px; text-align:center;}
.calendar_annual_wrap .calendar_annual{margin-top:45px;}
.calendar_annual .annual_head{border-top:1px solid #000; border-bottom:1px solid #000; box-shadow:0 4px 0 #f7f7f7;}
.calendar_annual .annual_head:after{content:''; display:block; clear:both;}
.calendar_annual .annual_head li{float:left; height:55px; line-height:55px; font-weight:800; font-size:1.0625em; text-align:center;}
.calendar_annual .annual_head li:nth-child(1){width:13%;}
.calendar_annual .annual_head li:nth-child(2){width:11%;}
.calendar_annual .annual_head li:nth-child(3){width:11%;}
.calendar_annual .annual_head li:nth-child(4){width:65%;}
.calendar_annual .annual_lst > li{position:relative; min-height:80px; border-bottom:1px solid #ababab; background-repeat:no-repeat; background-image:linear-gradient(#e2e2e2, #e2e2e2),linear-gradient(#e2e2e2, #e2e2e2),linear-gradient(#e2e2e2, #e2e2e2); background-size:1px 100%; background-position:13% 0,24% 0,35% 0;}
.calendar_annual .annual_lst dl{}
.calendar_annual .annual_lst dt{position:absolute; top:4px; left:0; bottom:0; width:13%; padding-left:10px; background:#fff; line-height:1.4; text-align:center;}
.calendar_annual .annual_lst dt strong{display:block; font-size:2em;}
.calendar_annual .annual_lst dt .en{display:block; }
.calendar_annual .annual_lst dd{display:flex; align-items:center; border-bottom:1px solid #e2e2e2;}
.calendar_annual .annual_lst dd:last-child{border-bottom:0;}
.calendar_annual .annual_lst dd:before{content:''; float:left; display:block; width:13%;}
.calendar_annual .annual_lst dd .date{width:11%; margin:0; padding:15px 0; text-align:center;}
.calendar_annual .annual_lst dd .sort_area{float:left; width:11%; margin:0; padding:15px 0; text-align:center;}
.calendar_annual .annual_lst dd .sort{display:inline-block; height:26px; line-height:24px; padding:0 15px; border-radius:26px; border:1px solid currentcolor; font-weight:700; font-style:normal; font-size:14px;}
.calendar_annual .annual_lst dd .tit{float:left; width:65%; margin:0; padding:15px 30px;}

/**************************************************
	이벤트
**************************************************/
/* 목록 */
#event_wrap .lst_event{}
#event_wrap .lst_event > li{display:flex; align-items:flex-start; position:relative; margin-top:20px; padding:27px 50px; border:1px solid #d5d5d5;}
#event_wrap .lst_event > li .event_img{flex:0 0 auto; width:25.89%; max-width:336px; overflow:hidden; border:1px solid #d5d5d5; border-radius:10px;}
#event_wrap .lst_event > li .event_cont{flex:1; margin:10px 150px 0 45px;}
#event_wrap .event_step{display:inline-flex; padding:3px 10px; border-radius:5px; background:#3576d5; font-size:0.875em; color:#fff;}
#event_wrap .lst_event > li .event_cont .event_step.end{background:#666;}
#event_wrap .lst_event > li .event_cont .event_tit{display:block; margin-top:10px; font-size:1.375em; line-height:1.4;}
#event_wrap .lst_event > li .event_cont .event_desc{margin:5px 0 0;}
#event_wrap .lst_event > li .event_cont .event_info{margin:20px 0 0;}
#event_wrap .lst_event > li .event_cont .event_info > li{display:flex; align-items:center; margin:5px 0;}
#event_wrap .lst_event > li .event_cont .event_info > li > em{display:flex; justify-content:space-between; align-items:center; min-width:125px; margin-right:15px; padding:0 0 0 30px; background:url(../images/common/ico_event_date.png) no-repeat 0 50%/22px 22px; font-weight:700;}
#event_wrap .lst_event > li .event_cont .event_info > li > em:after{content:''; height:10px; margin-left:10px; border-left:1px solid #ccc;}
#event_wrap .lst_event > li .event_cont .event_info > li .tit_date{background-image:url(../images/common/ico_event_date.png);}
#event_wrap .lst_event > li .event_cont .event_info > li .tit_winner{background-image:url(../images/common/ico_event_winner.png);}
#event_wrap .lst_event > li .event_cont .event_info > li .info_txt{display:flex; flex-wrap:wrap; align-items:center; letter-spacing:0;}
#event_wrap .lst_event > li .event_cont .event_info > li .info_txt em{margin:0 5px;}
#event_wrap .lst_event > li .button{position:absolute; top:50%; right:50px; transform:translateY(-50%);}
/* 상세 */
#event_wrap_view .event_head{display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; padding:30px 50px; border:1px solid #444; box-shadow:10px 10px 12px rgba(214,214,214,.25);}
#event_wrap_view .event_head .head_tit{display:flex; align-items:center; line-height:1.2;}
#event_wrap_view .event_head .head_tit .event_step{display:inline-flex; flex:0 0 auto; margin-right:10px; padding:3px 10px; border-radius:5px; background:#3576d5; font-size:0.875em; color:#fff;}
#event_wrap_view .event_head .head_tit .event_step.end{background:#666;}
#event_wrap_view .event_head .head_tit em{font-size:1.75em;}
#event_wrap_view .event_head .head_info{display:flex; justify-content:space-between; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #d5d5d5;}
#event_wrap_view .event_head .head_info > li{display:flex; align-items:center;}
#event_wrap_view .event_head .head_info > li > em{display:flex; justify-content:space-between; align-items:center; min-width:120px; margin-right:15px; padding:0 0 0 30px; background:url(../images/common/ico_event_date.png) no-repeat 0 50%/22px 22px; font-weight:700;}
#event_wrap_view .event_head .head_info > li > em:after{content:''; height:10px; margin-left:10px; border-left:1px solid #ccc;}
#event_wrap_view .event_head .head_info > li .info_date{background-image:url(../images/common/ico_event_date.png);}
#event_wrap_view .event_head .head_info > li .info_winner{background-image:url(../images/common/ico_event_winner.png);}
#event_wrap_view .event_head .head_info > li .info_txt{display:flex; flex-wrap:wrap; align-items:center; letter-spacing:0;}
#event_wrap_view .event_head .head_info > li .info_txt em{margin:0 5px;}
#event_wrap_view .event_cont{margin-top:40px; padding:48px; border:1px solid #d5d5d5;}
#event_wrap_view .event_cont .event_img{margin:50px 0 70px; text-align:center;}
#event_wrap_view .event_note{margin-top:50px; padding:48px; background:#e1f1ff;}
#event_wrap_view .event_note > .inr{padding:30px; background:#fff;}
#event_wrap_view .event_note .note_tit{font-size:1.375em;}
#event_wrap_view .event_note .conLst{margin-bottom:0;}

/**************************************************
	탭메뉴 샘플
**************************************************/
/* 탭메뉴 공통 */
.tabMenu{position:relative;}
.tabMenu .tab_box{display:none;}
.tabMenu .tab_box.active{display:block;}
/* 선형 예제 */
.tab_sample{position:relative; border:1px solid #ddd; border-radius:30px; padding:60px 0 0;}
.tab_sample .tab_select{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:25%; height:60px; border-left:1px solid #d5d5d5; border-bottom:1px solid #ddd; font-size:18px; text-align:center;}
.tab_sample .article_lst > li:nth-child(2) .tab_select{left:25%;}
.tab_sample .article_lst > li:nth-child(3) .tab_select{left:50%;}
.tab_sample .article_lst > li:nth-child(4) .tab_select{left:75%;}
.tab_sample .article_lst > li:first-child .tab_select{border-left:0;}
.tab_sample .tab_select.active{border-bottom:0; font-weight:700; color:#0468b4;}
.tab_sample .tab_select[target="_blank"]:after{content:'새창'; width:16px; height:14px; margin:0 0 0 5px; background:url(../images/base/blank.gif) no-repeat 0 0/cover; font-size:12px; line-height:1.2; color:#fff;}
.tab_sample .article_lst .lst{margin:20px 40px;}
.tab_sample .article_lst .lst li{display:flex; justify-content:space-between; align-items:center; position:relative; margin:10px 0; padding-bottom:10px; border-bottom:1px solid #eee;}
.tab_sample .article_lst .lst li:last-child{border-bottom:0;}
.tab_sample .article_lst .lst li a{display:block; flex:1; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.6rem;}
.tab_sample .article_lst .lst li a .new{display:inline-block; position:relative; overflow:hidden; width:17px; height:17px; margin:1px 0 0 4px; border-radius:50%; background:#0154a0; color:transparent; white-space:nowrap; vertical-align:top;}
.tab_sample .article_lst .lst li a .new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; bottom:0; right:0; font-size:12px; line-height:17px; color:#fff; text-align:center;}
.tab_sample .article_lst .lst li .date{display:flex; flex:0 0 auto; flex-direction:column; align-items:center; position:relative; margin-right:40px; font-size:1.6rem; line-height:normal; color:#666; text-align:right; letter-spacing:-1px;}
.tab_sample .article_lst .lst li .date:after{content:''; position:absolute; top:0; right:-20px; bottom:0; border-left:1px solid #eee;}
.tab_sample .article_lst .lst li .date .day{font-weight:700; font-size:30px; color:#333;}
.tab_sample .more{position:relative; display:block; overflow:hidden; height:50px; border-top:1px solid #ddd; color:transparent; text-align:center;}
.tab_sample .more:before{content:'more >'; position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width:100%; height:100%; font-size:1.6rem; color:#666;}
/* 분리형 예제 */
.tab_sample2{}
.tab_sample2 .social_lst{display:flex; justify-content:center; padding:40px; background:#f7f7f7;}
.tab_sample2 .social_lst li{display:flex; align-items:center;}
.tab_sample2 .social_lst li:before{content:''; height:15px; margin:0 10px; border-left:1px solid #d5d5d5;}
.tab_sample2 .social_lst li:first-child:before{display:none;}
.tab_sample2 .social_lst li .tab_select{display:block; padding:5px 20px; border-radius:40px; font-size:18px;}
.tab_sample2 .social_lst li .tab_select.active{background:#0468b4; color:#fff;}

/**************************************************
	웹 페이지 로딩 시 로딩 이미지 보여주기
**************************************************/
#load {display:block; position:fixed; top:0; left:0; z-index:999; width:100%; height:100%; background:rgba(255,255,255,.9); text-align:center;}
#load > .load_wrap{position:absolute; top:calc(50% - 70px); left:50%; z-index:1000; transform:translateX(-50%);}
#load > .load_wrap > img{display:block;}
#load > .load_wrap > span{display:block; letter-spacing:0; margin-top:10px; }

/* 오류화면 */
.error_wrap{text-align:center; display:flex; justify-content:center; align-items:center; height:100vh; padding:0 10px; font-family:'notokr';}
.error_wrap > .inr{width:775px; max-width:100%; max-height:100%; overflow:hidden; overflow-y:auto;}
.error_wrap h1{margin:0 auto 40px; text-align:center;}
.error_wrap .txt_box{display:flex; flex-direction:column; justify-content:center; padding:50px 20px; border:1px solid #cbcbcb; border-radius:10px; text-align:center;}
.error_wrap .txt_box .img{}
.error_wrap .txt_box .txt{margin:20px 0; font-size:24px;}
.error_wrap .txt_box .date{display:flex; flex-wrap:wrap; justify-content:center; font-size:18px;}
.error_wrap .txt_box .date dt{flex:0 0 auto;}
.error_wrap .txt_box .date dd{margin-left:5px; font-weight:700; color:#f24407;}
.error_wrap .copyright_area{margin-top:40px; font-size:15px; color:#666; text-align:left;}
.error_wrap .copyright_area .address_area em{color:#222;}
.error_wrap .copyright_area .copyright{margin-top:10px;}

@media all and (max-width:1400px){
	/* 공공누리 */
	.opentype_area .con .txt br{display:none;}

}

@media all and (max-width:1259px){
	/**************************************************
		달력
	**************************************************/


	/**************************************************
		이벤트
	**************************************************/
	#event_wrap .lst_event > li{padding:20px;}
	#event_wrap .lst_event > li .event_cont{margin-left:30px;}
	#event_wrap .lst_event > li .button{right:20px;}

	/**************************************************
		게시판
	**************************************************/
	#bbsList [data-table-type="hide_t"]{display:none;}

}

/* 01. Tablet 768px ~ 1023px */
@media all and (max-width:1023px){
	.cont_body{font-size:1.4rem;}
	/* 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
	**************************************************/
	.button{font-size:1.4rem;}
	.button.sm{font-size:1.4rem;}
	.button.lg{font-size:1.5rem;}
	.button.ico.srch:before{margin-top:-2px; background-position:-126px 0;}
	.button.ico.srch.blue:before{background-position:-153px 0;}
	.link_button2{padding:10px 20px; font-size:1.4rem;}

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

	/**************************************************
		게시판
	**************************************************/
	.bbsSrch{margin-bottom:20px;}
	.bbsSrch input,
	.bbsSrch select,
	.bbsSrch button,
	.bbsSrch .button{font-size:1.4rem;}
	/* List(Default) */
	#bbsList{margin-bottom:20px;}
	#bbsList :is(th,td){font-size:1.4rem;}
	/* List(갤러리) */

	/* View */
	#bbsView .form_group dl dt{padding:12px 20px;}
	#bbsView .form_group dl dd{padding:12px 15px 12px;}
	#bbsView .form_group dl.title dd{padding:15px 10px; font-size:1.29em;}
	#bbsView .form_group dl.content dd{padding:20px;}

	/* View(카드뉴스) */
	.cardzone_lst_wrap{padding:15px;}

	/* 동의하기 폼 공통 */
	.form_agree_wrap{padding:15px;}
	.form_agree_wrap .fa_chk_area{padding:10px;}
	.form_agree_wrap .fa_chk_area .txt{font-size:1.6rem;}

	/** Faq 토글 **/
	.faq_lst .item_info .link_cont{padding:16px 32px 16px 32px;}
	.faq_lst .item_info .link_cont .que_info{left:8px; }
	.faq_lst .item_info .link_cont .tit_info{}
	/* 아이콘 + */
	.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 .ans_info{top:16px; left:8px; }
	.faq_lst .item_info .info_cont .desc_info{padding:16px 32px 32px 32px;}

	/* 댓글 공통 */
	.cmmt_wrap{padding:15px;}
	.cmmt_wrap .cmmt_top{margin-bottom:15px;}
	.cmmt_wrap .cmmt_textarea{padding:15px;}
	.cmmt_wrap .cmmt_textarea .textarea{height:80px;}
	.cmmt_wrap .cmmt_textarea .btn_cmmt{width:80px; height:80px;}
	.cmmt_wrap .cmmt_area .item{padding:10px;}
	.cmmt_wrap .cmmt_area .item .item_cmmt{margin-top:10px;}


	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	/* 공통 */

	/* 제목 */
	.conTit2{margin:30px 0; font-size:3.2rem;}
	.conTit3{margin:20px 0 10px; font-size:2.1rem;}
	.conTit4{margin:20px 0 10px; font-size:1.8rem;}
	.conTit5{margin:20px 0 10px;}
	.conTit6{margin:20px 0 10px;}
	.conLst > li{font-size:1.6rem;}
	.conLst2 > li{font-size:1.5rem;}

	/**************************************************
		테이블
	**************************************************/
	table th,
	table td{font-size:1.4rem;}

	/**************************************************
		안내박스
	**************************************************/
	/* Box Type3 */
	.box_comm3{padding:40px;}
	.cont_body .conBox0{padding:10px 15px;}

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

	/**************************************************
		달력
	**************************************************/


	/**************************************************
		이벤트
	**************************************************/
	/* 목록 */
	#event_wrap .lst_event > li{flex-wrap:wrap;}
	#event_wrap .lst_event > li .event_cont{width:calc(74.11% - 30px); margin-right:0;}
	#event_wrap .lst_event > li .button{position:relative; top:auto; right:auto; margin:10px auto 0; transform:none;}
	/* 상세 */
	#event_wrap_view .event_head{padding:20px;}
	#event_wrap_view .event_cont{padding:20px;}
	#event_wrap_view .event_note{padding:20px;}

}

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

	.conBox_lr{display:block; padding:20px 0;}
	.conBox_lr .conBox_l{width:auto;}

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

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	/* 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; }
	/* View */
	#bbsView .form_group dl dt{padding:10px 8px; }
	#bbsView .form_group dl dd{padding:10px 5px; }
	#bbsView .form_group dl.title dd{padding:15px 0; font-size:1.14em;}
	#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;}
	/* 버튼 그룹 */
	.bbsViewBtm{margin:20px 0;}
	/* 이전,다음글 */
	.bbsViewNav{margin:20px 0;}
	.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{height:48px; padding:0 30px; font-size:1.6rem; line-height:46px;}

	/**************************************************
		안내박스
	**************************************************/
	/* Box Type3, 4 */
	.box_comm,
	.box_comm2,
	.box_comm3{margin-bottom:30px;}
	.box_comm4{padding:24px; min-height:inherit;}
	.box_comm4:before,
	.box_comm4 span.ico{display:none;}

	/**************************************************
		본인인증
	**************************************************/
	.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;}

	/**************************************************
		달력
	**************************************************/

	/* 연간일정 */
	.calendar_annual_wrap .calendar_srch{padding:20px;}
	.calendar_annual_wrap .calendar_srch .slt_area{position:relative; top:auto; left:auto; text-align:center;}
	.calendar_annual_wrap .calendar_srch .today_year{margin-top:10px; font-size:2.13em;}
	.calendar_annual_wrap .calendar_annual{margin-top:20px;}
	.calendar_annual .annual_head{display:none;}
	.calendar_annual .annual_lst{border-top:1px solid #000; box-shadow:inset 0 4px 0 #f7f7f7;}
	.calendar_annual .annual_lst > li{background-position:21% 0,31% 0,52% 0;}
	.calendar_annual .annual_lst dt{top:10px; width:21%; padding-left:5px; font-size:0.8em;}
	.calendar_annual .annual_lst dd:before{width:21%;}
	.calendar_annual .annual_lst dd .date{width:10%; padding:10px 0;}
	.calendar_annual .annual_lst dd .sort_area{width:21%; padding:10px 0 9px;}
	.calendar_annual .annual_lst dd .sort{padding:0 10px;}
	.calendar_annual .annual_lst dd .tit{width:48%; padding:10px; line-height:1.4;}

	/**************************************************
		이벤트
	**************************************************/
	/* 이벤트 목록 */
	#event_wrap .lst_event{margin-top:20px;}
	#event_wrap .lst_event > li{flex-direction:column; align-items:center; padding:15px;}
	#event_wrap .lst_event > li .event_img{width:auto;}
	#event_wrap .lst_event > li .event_cont{width:auto; margin:15px 0 0;}
	#event_wrap .lst_event > li .event_cont .event_tit{line-height:1.2;}
	#event_wrap .lst_event > li .event_cont .event_desc{margin-top:10px;}
	#event_wrap .lst_event > li .event_cont .event_info{margin-top:10px;}
	#event_wrap .lst_event > li .event_cont .event_info > li > em{min-width:auto; margin-right:5px; padding-left:27px;}
	/* 이벤트 상세 */
	#event_wrap_view .event_head{padding:10px 15px;}
	#event_wrap_view .event_head .head_tit{flex-wrap:wrap;}
	#event_wrap_view .event_head .head_tit em{margin:5px 0; font-size:1.33em;}
	#event_wrap_view .event_head .head_info{flex-wrap:wrap; justify-content:flex-start; margin-top:5px; padding-top:5px;}
	#event_wrap_view .event_head .head_info > li{margin:5px 15px 5px 0;}
	#event_wrap_view .event_head .head_info > li > em{min-width:auto; margin-right:5px;}
	#event_wrap_view .event_cont{margin-top:20px; padding:15px;}
	#event_wrap_view .event_cont .event_img{margin:20px 0;}
	#event_wrap_view .event_note{margin-top:20px; padding:15px;}
	#event_wrap_view .event_note > .inr{padding:15px;}

	/* 오류화면 */
	.error_wrap h1{max-width:248px; margin:0 auto 40px auto;}
	.error_wrap .txt1{font-size:22px; padding:90px 0 10px 0;}
	.error_wrap .txt2{padding-bottom:30px;}

	/* 공공누리 */
	.opentype_area{display:block; position:relative; padding:15px;}
	.opentype_area .img{margin:0 0 10px;}
	.opentype_area .con .tit{font-size:1.6rem;}
	.opentype_area .con .txt{font-size:14px;}

}
/* 03. Mobile  ~ 639px */
@media all 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{padding:15px;}
	.box_comm .tit_box{font-size:1.6em;}
	.box_comm2{padding:20px;}
	.box_comm2 .tit_box{font-size:1.6em;}
	/* Box Type2(icon/text) */
	.box_comm2.ico{min-height:auto; padding:20px;}
	.box_comm2.ico:before,
	.box_comm2.ico .ico_box{display:none;}
	.box_comm2.ico .tit_box{margin-top:0;}

}
/* 03. Mobile  ~ 537px */
@media all and (max-width:537px){
	/**************************************************
		안내박스
	**************************************************/
	/* Box Type3, 4 */
	.box_comm,
	.box_comm2,
	.box_comm3{padding:15px;}

	/**************************************************
		게시판
	**************************************************/
	/* View */
	#bbsView .form_group dl.attfile dt{display:block; border-bottom:1px solid #bdbdbd; background:none; 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;}
}