<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2021-09-15
**************************************************/

/* self 메뉴 펼침(코딩 가이드에서만 사용) */
.nav_type_area{position:absolute; top:0; right:10px; bottom:0; height:35px; margin:auto 0;}
.nav_type_area button{float:left; position:relative; overflow:hidden; width:35px; height:35px; margin-left:4px; border:1px solid #e6e6ea; border-radius:4px; background:#fff; color:transparent;}
.nav_type_area button:before,
.nav_type_area button:after,
.nav_type_area button span{content:''; display:inline-block; position:absolute; top:0; bottom:0; left:0; right:0; width:6px; height:20px; margin:auto; background:#aaa;}
.nav_type_area .gnb_whole:before{transform:translateX(-8px);}
.nav_type_area .gnb_whole:after{transform:translateX(8px);}
.nav_type_area .gnb_self:before,
.nav_type_area .gnb_self:after{display:none;}
.nav_type_area .gnb_self span{width:12px;}
.nav_type_area .gnb_self_wide:before,
.nav_type_area .gnb_self_wide:after{display:none;}
.nav_type_area .gnb_self_wide span{width:20px; height:12px;}
#header.whole .nav_type_area .gnb_whole:before,
#header.whole .nav_type_area .gnb_whole:after,
#header.whole .nav_type_area .gnb_whole span{background:#0468b4;}
#header.self .nav_type_area .gnb_self span{background:#009688;}
#header.self_wide .nav_type_area .gnb_self_wide span{background:#e91e63;}

/**************************************************
	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 &gt; 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:#ec1616;}/* 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 */

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

/* form tag */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:5px 8px; border:1px solid #adadad; 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="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;}
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);}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.conTit2:before,
.conTit3:before,
.conTit3_v3:before,
.conTit4: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 13px; padding-left:38px; font-size:1.8em; line-height:1.2; letter-spacing:-2px;}
.conTit3,
.conTit3_v3{position:relative; margin:30px 0 10px; font-size:1.47em; line-height:1.4; color:#0b3581;}
.conTit4{position:relative; margin:30px 0 10px; font-size:1.31em; line-height:1.4;}
.conTit5{position:relative; margin:30px 0 10px; font-size:1.25em; line-height:1.4;}
.conTit6{position:relative; margin:30px 0 10px; font-size:1em; line-height:1.4;}
.conTit2:first-child,
.conTit3:first-child,
.conTit3_v3:first-child,
.conTit4:first-child,
.conTit5:first-child,
.conTit6:first-child{margin-top:10px;}
.conTit2:before{top:0; left:0; width:30px; height:30px; background-position:0 0;}
/* 컨텐츠 들여쓰기 */
.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;}
/* 목록 */
.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 &gt; ul,
.cont_body td &gt; 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 &gt; li{padding-left:19px; background:linear-gradient(#787878,#787878) no-repeat 0 10px/9px 1px;}
.conLst2 &gt; li{padding-left:21px; background:linear-gradient(#444,#444) no-repeat 10px 9px/3px 3px;}
.conLst3 &gt; li{padding-left:12px; background:linear-gradient(#444,#444) no-repeat 0 10px/4px 1px;}
/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol &gt; li{margin-bottom:5px; padding-left:0; line-height:1.6; list-style-type:decimal;}
.cont_body ol &gt; li:before{display:none;}
/* 문단/Paragraph */
.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:1rem;}
table th{padding:14px 5px; background:#f8f9fa; font-weight:600; font-size:1.06em; text-align:center;}
table thead + tbody th{background:#fcfcfc;}
table tbody th{padding-left:12px; padding-right:12px;}
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:1.06rem; text-align:center;}
table.tbl02 td{padding:13px 12px; font-size:1rem;}
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;}
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;}

/**************************************************
	안내박스
**************************************************/
/* 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:1rem; letter-spacing:0;}
.button.xs{height:22px; padding:0 10px; font-size:0.75rem; line-height:20px;}
.button.sm{height:26px; padding:0 12px; font-size:0.875rem; line-height:24px;}
.button.rg{height:48px; padding:0 30px; font-size:1.0625rem; line-height:46px;}
.button.lg{height:58px; padding:0 40px; font-size:1.125rem; line-height:56px;}
/* Button Color */
.button{border-color:#434343; background-color:#fff; color:#333 !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:#e21448; color:#fff !important;}
.button.black{border-color:transparent; background-color:#222; color:#fff !important;}
.button.darkgray{border-color:transparent; background-color:#434343; color:#fff !important;}
.button.gray{border-color:transparent; background-color:#737373; color:#fff !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:-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:5px 45px 5px 15px; border-color:#adadad; background-color:#fff; color:#333 !important; line-height:24px;}
/* 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; bottom:0; border-left:1px solid #d9d9d9; background-color:#fff;}
.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: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: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:26px; height:24px; padding:0; line-height:24px; 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: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:25px 10px; text-align:center; background:#f8f9fa; 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;}

/* 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 &gt; li{float:left; position:relative; width:calc(25% - 2.3%); margin:0 0 3% 2.645%; padding:0; border:1px solid #d9d9d9;}
#bbsPhoto .lst &gt; 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 &gt; li:before{display:none;}*/
#bbsPhoto .lst &gt; li a{display:block; position:relative;}
#bbsPhoto .lst &gt; li a .img{display:block; position:relative; /*overflow:hidden;*/ border-bottom:1px solid rgba(0,0,0,.1);}
#bbsPhoto .lst &gt; li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto.bbs_youtube .lst &gt; 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 &gt; li a .img img{position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}*/
#bbsPhoto .lst &gt; li a .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
#bbsPhoto .lst &gt; 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 &gt; 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 &gt; li .info{overflow:hidden; margin:10px 10px 20px; color:#666;}
#bbsPhoto .lst &gt; li .info &gt; span{float:left; position:relative; width:50%; font-size:0.875em;}
#bbsPhoto .lst &gt; li .info .date{position:relative; width:100%; padding:0 0 0 15px; line-height:1.2;}
#bbsPhoto .lst &gt; li .info .date:before,
#bbsPhoto .lst &gt; li .info .date:after{content:''; display:block;}
#bbsPhoto .lst &gt; li .info .date:before{position:absolute; top:2px; left:0; width:10px; height:10px; border-radius:50%; border:1px solid #777;}
#bbsPhoto .lst &gt; 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 &gt; li .info .view{display:none;}
#bbsPhoto .lst &gt; 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 &gt; 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 &gt; li a .img{display:block; position:relative; overflow:hidden; border-radius:10px;}
#bbsPhoto2 .lst &gt; li a .img:before{content:''; display:block; padding-top:56.25%;}
#bbsPhoto2 .lst &gt; 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 &gt; 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; font-size:1.125em; 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; font-size:1.0625em; 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:30px 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 &gt; 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 &gt; 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 &gt; 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;}

/**************************************************
	본인인증
**************************************************/
.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 &gt; .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 &gt; li{width:calc(50% - 15px); margin:15px 0;}
.cont_auth .area_auth .lst_auth &gt; 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 &gt; 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 &gt; li a:after{content:'&gt;'; display:inline-block; position:absolute; top:50%; right:20px; color:inherit; transform:translateY(-50%);}
.cont_auth .area_auth .lst_auth &gt; li.ansim a{background:#1178c6;}
.cont_auth .area_auth .lst_auth &gt; li.ipin a{background:#0b3581;}
.cont_auth .area_auth .lst_auth &gt; li.facebook a{background:#4c68bb;}
.cont_auth .area_auth .lst_auth &gt; li.kakao a{background:#fbe100; color:#000;}
.cont_auth .area_auth .lst_auth &gt; li.naver a{background:#07ab54;}
.cont_auth .area_auth .lst_auth &gt; li.ansim a:before{background-position:0 0;}
.cont_auth .area_auth .lst_auth &gt; li.ipin a:before{background-position:-150px 0;}
.cont_auth .area_auth .lst_auth &gt; li.facebook a:before{background-position:-50px 0;}
.cont_auth .area_auth .lst_auth &gt; li.kakao a:before{background-position:-200px 0;}
.cont_auth .area_auth .lst_auth &gt; 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);}*/


/**************************************************
	Slick Slide
**************************************************/
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&gt;.inr{position:relative; z-index:1001; overflow:hidden; max-width:1000px; margin:0 10px; border:2px solid #fff; background:linear-gradient(transparent 30px,#fff 0); box-shadow:0 0 20px rgba(0,0,0,.3);}*/
.lb_container:after{content:''; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000; background:#000; opacity:0.5;}
.lb_container .lb_close{display:inline-block; position:absolute; top:0; right:0; overflow:hidden; width:55px; height:55px; border:0; background:rgba(0,0,0,.5); color:transparent;}
.lb_container .lb_close:before,
.lb_container .lb_close:after{content:''; display:block; overflow:hidden; position:absolute; top:35%; right:35%; bottom:35%; left:35%; height:2px; transform:rotate(45deg); margin:auto 0; background:#fff; color:transparent;}
.lb_container .lb_close:after{transform:rotate(135deg);}

/*lightBox_보유장비 newstyle*/
.lb_container{padding:5vw}
.lb_container&gt;.inr{position: relative;z-index: 1001;max-width: 100%;margin:0;background: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 30%);height:680px;display: flex;align-items: center;width:1040px;justify-content: center;padding: 10px;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;}
.lb_container .lb_close{width:68px;height:68px;top:-32px;right:-32px;border-radius:50%;background: #00aaee;background: -webkit-linear-gradient(to right bottom, #00aaee, #2eb969);background: linear-gradient(to right bottom, #00aaee, #2eb969);}
.lb_container .lb_close:before,
.lb_container .lb_close:after{width:24px;left:33%;}

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:769px){
	.cont_body{font-size:0.9375em;}
	/* 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 &gt; 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,
	.conLst li:before,
	.conLst2 li:before,
	.conLst3 li:before{background-image:url(../images/base/sp_icss_m.png);}
	.conTit22:before{top:4px;}
	/* 제목 */
	.conTit2{margin:30px 0 13px; padding-left:35px; 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);}

}

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

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

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	/* List(Default) */
	#bbsList [data-table-type="hide_m"]{display:none;}
	/* List(갤러리) */
	#bbsPhoto .lst &gt; li:nth-child(n){clear:none; width:calc(50% - 5px); margin-bottom:15px; margin-left:10px;}
	#bbsPhoto .lst &gt; li:nth-child(2n+1){clear:left; margin-left:0;}
	#bbsPhoto .lst &gt; li a .tit{margin:5px; font-weight:400;}
	#bbsPhoto .lst &gt; 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:14px; 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;}

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

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

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