﻿@charset "utf-8";
@import url(/plugins/datetimepicker/jquery.datetimepicker.css);

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2019-07-10
**************************************************/


/* 구글번역 */
iframe.goog-te-banner-frame { display: none !important; }
body { position: static !important; top:0px !important; }
.goog-logo-link { display:none !important; }
.goog-te-gadget { color: transparent !important; }
#goog-gt-tt{display:none !important;}
.goog-text-highlight{background:none !important; box-shadow:none !important;}

/**************************************************
	Common
**************************************************/
/* Skip Navigation */
#skip_nav a{display:block; position:absolute; top:-40px; left:0; z-index:9999; width:100%; 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:9999; padding:10px 0; background:#4764ce; color:#fff;}
#skip_nav a:active{top:0px; z-index:9999; padding:10px 0; background:#4764ce; color:#fff;}
#skip_nav a:focus{top:0px; z-index:9999; padding:10px 0; background:#4764ce; color:#fff;}
.skip_map a {display:block; position:absolute; top:-40px; left:-9999em; z-index:10; width:100%; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
.skip_map a:hover,
.skip_map a:active,
.skip_map a:focus {position:relative; top:auto; left:auto; padding:10px 0; 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:#f7381f;}/* red */
.fc02{color:#1eaa39;}/* green */
.fc03{color:#044C9B;}/* blue */
/* form tag */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:7px 8px; border:1px solid #adadad; border-radius:3px; background:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.2); vertical-align:middle;}
input[type="text"],
input[type="password"],
select{height:36px;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="file"]{background:#eee; font-size:1.08em;}
input[type="checkbox"],
input[type="radio"]{width:13px; height:13px; margin:2px 3px 1px 0;}
input[readonly],
input[disabled]{background:#eee;}
/* img 사이즈(반응형) */
img{max-width:100%;}
/* 스프라이트 이미지 */
.sp_com{display:inline-block; overflow:hidden; color:transparent !important; white-space:nowrap; background:url(../images/common/sp_com.png) no-repeat 0 0; background-size:200px 200px;}
/* 크롬(최신)에서 단어 줄바꿈 오류 */
.cont_body{word-break:normal;}

/* datepicker */
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: url(../images/board/sp_datepicker.png);
}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.icss h2:before,
.conTit2:before,
.icss h3:before,
.conTit3:before,
.icss h4:before,
.conTit4:before,
/*.conLstT2 li:before,
.conLstT3 li:before,*/
.icss li:before,
.conLst li:before,
.conLst2 li:before,
.conLst3 li:before{content:''; display:inline-block; position:absolute; top:0; left:0; background:url(../images/common/sp_icss_pc.png) no-repeat 0 0;}
/* 제목 */
.icss h2,
.conTit2{position:relative; margin:50px 0 15px; padding-left:28px; font-weight:600; font-size:1.57em; line-height:1.2; letter-spacing:-1px;}
.icss h3,
.conTit3{position:relative; margin:30px 0 10px; padding-left:15px; font-weight:600; font-size:1.14em; line-height:1.4;}
.icss h4,
.conTit4{position:relative; margin:30px 0 10px; padding-left:13px; font-weight:600; font-size:1.07em; line-height:1.4;}
.icss h5,
.conTit5{position:relative; margin:30px 0 10px; font-weight:600; font-size:1em; line-height:1.4;}
.icss h6,
.conTit6{position:relative; margin:30px 0 10px; font-weight:600; font-size:1em; line-height:1.4;}
.icss h2:first-child,
.icss h3:nth-of-type(1),
.icss h4:nth-of-type(1),
.icss h5:nth-of-type(1),
.icss h6:nth-of-type(1),
.conTit2:first-child,
.conTit3:nth-of-type(1),
.conTit4:nth-of-type(1),
.conTit5:nth-of-type(1),
.conTit6:nth-of-type(1){margin-top:0;}
.icss h2:before,
.conTit2:before{top:3px; left:0; width:20px; height:20px; background-position:0 0;}
.icss h3:before,
.conTit3:before{top:6px; left:0; width:10px; height:10px; background-position:0 -100px;}
.icss h4:before,
.conTit4:before{top:7px; left:0; width:5px; height:5px; border-radius:50%; background:#808083;}
.icss h2.init,
.icss h3.init,
.icss h4.init{padding:0;}
.icss h2.init:before,
.icss h3.init:before,
.icss h4.init:before{display:none;}
/* 문단/Paragraph */
.cont_body p{margin:10px 0 20px;}
.cont_body p.init{margin:0;}
/* 목록 */
.icss ul,
.icss ol,
.conLst,
.conLst2,
.conLst3{margin:10px 0 20px;}
.icss li ul,
.icss li ol,
.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;}
.icss li,
.conLst li,
.conLst2 li,
.conLst3 li{/*position:relative;*/ margin-bottom:5px; line-height:1.6;}
.icss li,
.conLst li{padding-left:15px;}
.icss li li,
.conLst2 li{padding-left:13px;}
.icss li li li,
.conLst3 li{padding-left:10px;}
.icss li:before,
.conLst li:before{position:relative; /*top:7px; left:0;*/ width:5px; height:5px; margin:-3px 8px 0 -13px; border-radius:50%; background:#808083; vertical-align:middle;}
.icss li li:before,
.conLst2 li:before{position:relative; /*top:10px; left:2px;*/ width:5px; height:1px; margin:-3px 8px 0 -13px; background:#444; vertical-align:middle;}
.icss li li li:before,
.conLst3 li:before{position:relative; /*top:9px; left:2px;*/ width:2px; height:2px; margin:-3px 8px 0 -10px; border:1px solid #444; border-radius:50%; background:none; vertical-align:middle;}
/* 목록 블릿 상쇄 */
.init > li{padding-left:0;}
.init > li:before{display:none;}

/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol > li{padding-left:0; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
.cont_body ol.init{margin-left:0;}
.cont_body ol.init > li{list-style:none;}
/* 컨텐츠 들여쓰기 */
.cont_body .conBox{position:relative; margin-bottom:40px;}
.icss h2 + .conBox,
.conTit2 + .conBox{margin-bottom:50px; margin-left:25px;}
.icss h3 + .conBox,
.conTit3 + .conBox{margin-bottom:30px; margin-left:15px;}
.icss h4 + .conBox,
.conTit4 + .conBox{margin-bottom:30px; margin-left:13px;}
.icss h5 + .conBox,
.conTit5 + .conBox{margin-bottom:30px;}



/**************************************************
	테이블
**************************************************/
/* fixed */
table.fixed{table-layout:fixed;}
.table_scroll table.fixed{table-layout:auto;}
.table_scroll .wb_normal{word-break:normal;}
/* 모바일 테이블 wrap(스크립트에서 class 추가) */
.table_scroll{overflow:auto; word-break:keep-all;}
.table_scroll::-webkit-scrollbar{height:3px;}
.table_scroll::-webkit-scrollbar-thumb{background:#a9a9a9;}
/* Table Common(Default) */
.cont_body table,
table[class^="tbl"]{width:100%; margin:10px 0 5px; border-top:2px solid #444;}
table[class^="tbl"] th,
table[class^="tbl"] td,
.cont_body table th,
.cont_body table td{border:1px solid #ddd;}
table[class^="tbl"] th,
.cont_body table th{padding:12px 5px; text-align:center; background:#f6f6f7;}
table[class^="tbl"] thead + tbody th{background:#fcfcfc;}
table[class^="tbl"] td,
.cont_body table td{padding:12px 8px;}
/* Table01 */
.tbl01{}
/* Table02 */
.tbl02{}

/*여백*/
.cont_body .conBox.con_mbn {margin-bottom: 0;}


/**************************************************
	안내박스/사이트 바로가기
**************************************************/
/* Box Type1 */
.box_comm{margin-top:10px; margin-bottom:20px; padding:20px; border:1px solid #ddd; border-bottom-width:3px;}
.box_comm .conBox{margin-bottom:0;}
.box_comm ul{margin-bottom:0;}
.box_comm p:first-child{margin-top:0;}
.box_comm p:last-child{margin-bottom:0;}
/* Box Type2(icon/text) */
.box_comm2{position:relative; margin-top:10px; margin-bottom:20px; padding:36px 33px; border:1px solid #d2d2d2; border-top:3px solid #1e6cb4; border-radius:10px;}
.box_comm2:after{content:''; display:block; position:absolute; top:-3px; left:-1px; right:-1px; height:20px; background:url(../images/common/bg_box_r.png) no-repeat 100% 0,url(../images/common/bg_box_l.png) no-repeat 0 0;}
.box_comm2 ul{margin-bottom:0;}
.box_comm2 p:last-child{margin-bottom:0;}
.box_comm2 .tit_box{margin:0 0 12px; font-size:1.71em; line-height:1.3; letter-spacing:-2px;}
.box_comm2 .tit_box strong{font-weight:600;}
.box_comm2.ico .tit_box{margin-top:7px;}
.box_comm2.ico{min-height:185px; padding-left:170px;}
.box_comm2.ico:before{content:''; display:inline-block; position:absolute; top:36px; left:33px; width:114px; height:114px; background:url(../images/common/ico_box_notice.png) no-repeat 0 0;}
.box_comm2.ico .ico_box{display:inline-block; position:absolute; top:36px; left:33px; width:114px; height:114px;}
/* 사이트 바로가기 */
.site_bridge:after{content:''; display:block; clear:both;}
.site_bridge .image{float:left; width:275px; text-align:center;}
.site_bridge .image .thumb{display:inline-block; position:relative; margin-bottom:20px; background:#fff;}
.site_bridge .image .thumb:before,
.site_bridge .image .thumb:after{content:''; display:inline-block; position:absolute; bottom:-2px; left:0; right:0; height:20px; background:linear-gradient(to top, #d6d6d6, transparent); transform:skewX(40deg); transform-origin:0 100%;}
.site_bridge .image .thumb:after{transform:skewX(-40deg);}
.site_bridge .image .thumb img{display:inline-block; position:relative; z-index:10; width:210px; padding:16px; border:1px solid #adadad; background:#fff;}
.site_bridge .info{margin:0 0 0 290px;}
.site_bridge .info .tit_site{margin-bottom:10px; font-weight:600; font-size:1.07em; line-height:1.3; color:#057ac3;}
.site_bridge .info .lst + .tit_site{margin-top:40px;}
.site_bridge .info .lst{padding:20px; border:1px solid #d6d6d6;}
.site_bridge .info .lst ul{margin:0; overflow:hidden;}
.site_bridge .info .lst ul li{float:left; position:relative; box-sizing:border-box; width:33.3333%; margin:3px 0; padding-left:13px; padding-right:25px; word-break:break-all;}
.site_bridge .info .lst.col02 ul li{width:50%;}
.site_bridge .info .lst.col03 ul li{width:33.3%;}
.site_bridge .info .lst ul li:before{content:''; display:inline-block; position:absolute; top:7px; left:0; width:8px; height:8px; margin:0; border-radius:0; background:#0277bd;}
.site_bridge .info .lst ul li a{display:inline-block; box-sizing:content-box; text-decoration:underline;}



/**************************************************
	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;}
.button span{height:100%; vertical-align:top;}
.button img{vertical-align:middle;}
/* Button Size - default / small / large */
.button{height:36px; margin:3px; padding:0 15px; border:1px solid transparent; font-size:14px; line-height:34px;}
.button.xs{height:21px; padding:0 10px; font-size:11px; line-height:19px;}
.button.sm{height:28px; padding:0 12px; font-size:12px; line-height:26px;}
.button.lg{height:54px; padding:0 30px; font-size:16px; line-height:52px;}
/* Button Color */
.button{border-radius:0.3em; background-color:#0178b8; color:#fff !important;}
.button.darkgray{background-color:#272727; color:#fff !important;}
.button.gray{background-color:#555; color:#fff !important;}
.button.seagreen{background-color:#0fa094; color:#fff !important;}
.button.green{background-color:#70a114; color:#fff !important;}
.button.pink{background-color:#ed3799; color:#fff !important;}
/* Button Active */
.button:hover,
.button:focus{opacity:.8; box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);}
/* Button Strong */
.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}
/* Link Button Common */
.link_button,
.link_button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:1px solid transparent; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer;}
/* link_button Size - default */
.link_button{overflow:hidden; height:44px; margin:0 3px 3px; padding:0 43px 0 15px; border-radius:6px; border-color:#bdbdbd; background-color:#fff; color:#333 !important; line-height:42px;}
/* Link Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:10px; bottom:0; box-sizing:border-box; margin:auto;}
.link_button:before{width:28px; height:28px; border-radius:50%; background-color:#1e6cb4;}
.link_button:after{left:calc(100% - 38px); width:18px; height:16px; background:url(../images/common/sp_btn_ico.png) no-repeat 0 0;}
.link_button.homepage:after{width:18px; height:16px; background-position:0 0;}
.link_button.download:after{width:14px; height:17px; background-position:0 -30px;}
.link_button.location:after{width:13px; height:16px; background-position:0 -60px;}
.link_button.direct:after{width:13px; height:15px; background-position:0 -90px;}
.link_button.view:after{width:15px; height:15px; background-position:0 -120px;}
.link_button.ansim:after{width:22px; height:27px; background-position:-50px 0;}
.link_button.gpin:after{width:24px; height:27px; background-position:-50px -30px;}
/* Text */
.link_button.txt{height:auto; padding:0 34px 0 5px; border:none; line-height:28px; text-decoration:underline !important;}
.link_button.txt:before{right:0;}
.link_button.txt:after{left:calc(100% - 28px); right:0;}
/* Icon */
.link_button.ico{overflow:hidden; width:28px; height:28px; padding:0; border:0; border-radius:50%; background-color:#1e6cb4; text-indent:-9999em;}
.link_button.ico:after{left:0; right:0;}
.link_button.ico:before{display:none;}



/**************************************************
	Pagination
**************************************************/
.pagination{margin:20px 0; text-align:center; line-height:normal; word-break:normal;}
.normal_pagination{}
.mobile_pagination{display:none;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; min-width:40px; height:40px; margin:1px; border:1px solid #d6d6d6; background:#fff; font-size:13px; font-weight:600; color:#777; line-height:40px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#0178b8; 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:10px; height:13px; margin:auto; background:url(../images/common/sp_btn_ico.png) no-repeat 0 -300px; vertical-align:middle;}
.pagination .page_prev:before{background-position:0 -350px;}
.pagination .page_prevend:before{width:14px; background-position:0 -300px;}
.pagination .page_next:after{background-position:0 -400px;}
.pagination .page_nextend:after{width:14px; background-position:0 -450px;}



/**************************************************
	게시판
**************************************************/
/* Common */
.bbsIco{display:inline-block; position:relative; overflow:hidden; text-indent:-9999em; vertical-align:middle;}
.bbsIco.ntc{display:inline-block; width:28px; height:28px; border-radius:50%; background:#0178b8; font-weight:600; font-size:11px; line-height:20px; color:#fff; text-align:center;}
.bbsIco.ntc:after{content:'공'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:400; font-size:16px; line-height:28px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.new{width:20px; height:20px; margin:0 3px; border-radius:50%; background:#ff782e;}
.bbsIco.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:20px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.re{width:25px; height:18px; margin:0 3px; border-radius:10px; background:#555;}
.bbsIco.re:after{content:'Re'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; font-weight:600; font-size:11px; line-height:17px; color:#fff; text-indent:0; text-align:center; vertical-align:top;}
.bbsIco.marking{width:10px; height:14px;}
.bbsIco.marking:after{content:'*'; display:inline-block; position:absolute; top:0; left:0; line-height:14px; text-indent:0; vertical-align:top; color:#ef43a0;}
.secret-article{display:inline-block; position:relative; overflow:hidden; width:13px; height:16px; margin:0 5px 0 0; text-indent:-9999em; vertical-align:middle;}
.secret-article:after{content:''; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/board/secret.gif) no-repeat 0 0;}
/* 검색 */
.bbsSrch{margin:20px 0; padding:10px 0; border:1px solid #d0d0d0; text-align:center; background:#fff;}
.bbsSrch:after{content:""; display:block; clear:both;}
.bbsSrch > *{vertical-align:middle;}
.bbsSrch select,
.bbsSrch input,
.bbsSrch button{margin-top:5px; margin-bottom:5px;}
.bbsSrch select[name="searchCnd"]{margin-left:10px;}
.bbsSrch input.datetimepicker{width:130px; padding-right:23px; background:#fff; text-align:left;}
.bbsSrch input[type="image"],
.bbsSrch input[type="checkbox"],
.bbsSrch input[type="radio"]{vertical-align:middle;}
.bbsSrch .word{display:inline-block; width:300px;}
.bbsSrch .word input{width:100%;}
.bbsSrch .btn_srch{margin-left:5px;}
.map_dtl{height: auto !important; }
#map{border: 1px solid #fff !important;}
#bbsView .form_group{border: 0 solid #fff !important;}
/* 검색 */
.bbsSrch2{margin:20px 0; padding:10px; border:1px solid #d0d0d0; text-align:center; background:#fff;}
/* List(Default) */
#bbsList{table-layout:fixed; border-collapse:collapse; width:100%; margin:0; border:0; border-top:3px solid #61646c; border-bottom:1px solid #61646c;}
#bbsList.articles{table-layout:auto;}
#bbsList th{padding:15px 5px; border:0; border-bottom:1px solid #61646c; background:#fff; font-weight:600; line-height:1.5; color:#444; text-align:center;}
#bbsList td{padding:15px 5px; border:0; border-top:1px solid #d6d6d6; line-height:1.5; color:#444; text-align:center;}
#bbsList td[data-table-type=file] a{display:inline-block; box-sizing:border-box; width:28px; height:28px; margin:0 2px; padding:5px 0 0; border:1px solid #adadad; text-align:center;}
/* List(갤러리) */
#bbsPhoto{}
#bbsPhoto .lst{}
#bbsPhoto .lst:after{content:''; display:block; clear:both;}
#bbsPhoto .lst > li{float:left; position:relative; overflow:hidden; width:calc(33.33% + 1px); height:305px; margin:0 -1px -1px 0; padding:0; border:1px solid #e9e9e9;}
#bbsPhoto .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsPhoto .lst li:nth-child(3n+1){margin-left:0;}
#bbsPhoto .lst > li:before{display:none;}
#bbsPhoto .lst > li a{display:block; position:relative; overflow:hidden; width:100%; height:100%; padding:25px 23px;}
#bbsPhoto .lst > li .cate{display:block; font-weight:600; font-size:1.07em; color:#4d85c5;}
#bbsPhoto .lst > li .img{display:block; position:relative; overflow:hidden; height:182px;}
#bbsPhoto .lst > li .img img{display:block; position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}
#bbsPhoto .lst > li .tit{display:block; overflow:hidden; margin:0 0 10px; font-weight:600; font-size:1.07em; text-overflow:ellipsis; white-space:nowrap;}
#bbsPhoto .lst > li .tit .ico{display:inline-block; position:relative; overflow:hidden; width:12px; height:12px; margin:5px 0 0 5px; text-indent:-9999em; vertical-align:top;}
#bbsPhoto .lst > li .tit .ico.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fc5f02; font-family:arial; font-size:11px; line-height:12px; color:#fff; text-align:center; text-indent:0;}
#bbsPhoto .lst > li .txt{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; margin:5px 0 0; line-height:20px;}
#bbsPhoto .lst > li .info{display:block; margin:15px 0 0;}
#bbsPhoto .lst > li .info:after{content:''; display:block; clear:both;}
#bbsPhoto .lst > li .info > span{float:left; position:relative;}
#bbsPhoto .lst > li .info .view em{display:inline-block; overflow:hidden; width:21px; height:12px; margin:-2px 5px 0 0; background:url(../images/common/ico_view.png) no-repeat 0 0; color:transparent; white-space:nowrap; vertical-align:middle;}
#bbsPhoto .lst > li .info .date{margin:0 0 0 10px; padding:0 0 0 10px;}
#bbsPhoto .lst > li .info .date:before{content:''; display:inline-block; position:absolute; top:50%; left:0; height:11px; border-left:1px solid #ccc; transform:translateY(-50%);}
/* List(갤러리2) */


#bbsPhoto2{}
#bbsPhoto2 .lst{ padding:0 1px 1px 0;}
#bbsPhoto2 .lst:after{content:''; display:block; clear:both;}
#bbsPhoto2 .lst > li{float:left; position:relative; overflow:hidden; width:calc(25% + 1px); height:336px; margin:0 -1px -1px 0;  padding:15px 23px; border:1px solid #e9e9e9;}
#bbsPhoto2 .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsPhoto2 .lst > li span {text-align:center; display:block;}
#bbsPhoto2 .lst > li:before{display:none;}
#bbsPhoto2 .lst > li a{}
#bbsPhoto2 .lst > li .cate{display:block; font-weight:600; font-size:1.07em; color:#4d85c5;}
#bbsPhoto2 .lst > li .img{display:block; position:relative; overflow:hidden; height:200px; margin-bottom:10px;}
#bbsPhoto2 .lst > li .img a{display:block; height:100%;}
#bbsPhoto2 .lst > li .img img{display:block; position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}
#bbsPhoto2 .lst > li .tit{display:block; overflow:hidden; margin:15px 0 10px; font-weight:600; font-size:1.07em; text-overflow:ellipsis; white-space:nowrap;}
#bbsPhoto2 .lst > li .tit .ico{display:inline-block; position:relative; overflow:hidden; width:12px; height:12px; margin:5px 0 0 5px; text-indent:-9999em; vertical-align:top;}
#bbsPhoto2 .lst > li .tit .ico.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fc5f02; font-family:arial; font-size:11px; line-height:12px; color:#fff; text-align:center; text-indent:0;}
#bbsPhoto2 .lst > li .txt{display:block;/* ie */  display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; margin:5px 0 0; line-height:20px;}
#bbsPhoto2 .lst > li .btn{display:block; margin:15px 0 0; text-align:center;}


/* List(갤러리3) */
#bbsPhoto3{}
#bbsPhoto3 .lst{}
#bbsPhoto3 .lst:after{content:''; display:block; clear:both;}
#bbsPhoto3 .lst > li{float:left; position:relative; overflow:hidden; width:calc(33.33% + 1px); height:auto; margin:0 -1px -1px 0; padding:0; border:1px solid #e9e9e9;}
#bbsPhoto3 .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsPhoto3 .lst li:nth-child(3n+1){margin-left:0;}
#bbsPhoto3 .lst > li:before{display:none;}
#bbsPhoto3 .lst > li a{display:block; position:relative; overflow:hidden; width:100%; height:100%; padding:25px 23px;}
#bbsPhoto3 .lst > li .cate{display:block; font-weight:600; font-size:1.07em; color:#4d85c5;}
#bbsPhoto3 .lst > li .img{display:block; position:relative; overflow:hidden; height:182px;}
#bbsPhoto3 .lst > li .img img{display:block; position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}
#bbsPhoto3 .lst > li .tit{display:block; overflow:hidden; margin:0 0 10px; font-weight:600; font-size:1.07em; text-overflow:ellipsis; white-space:nowrap;}
#bbsPhoto3 .lst > li .tit .ico{display:inline-block; position:relative; overflow:hidden; width:12px; height:12px; margin:5px 0 0 5px; text-indent:-9999em; vertical-align:top;}
#bbsPhoto3 .lst > li .tit .ico.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fc5f02; font-family:arial; font-size:11px; line-height:12px; color:#fff; text-align:center; text-indent:0;}
#bbsPhoto3 .lst > li .txt{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; margin:5px 0 0; line-height:20px;}
#bbsPhoto3 .lst > li .info{display:block; margin:15px 0 0;}
#bbsPhoto3 .lst > li .info:after{content:''; display:block; clear:both;}
#bbsPhoto3 .lst > li .info > span{float:left; position:relative;}
#bbsPhoto3 .lst > li .info .view em{display:inline-block; overflow:hidden; width:21px; height:12px; margin:-2px 5px 0 0; background:url(../images/common/ico_view.png) no-repeat 0 0; color:transparent; white-space:nowrap; vertical-align:middle;}
#bbsPhoto3 .lst > li .info .date{margin:0 0 0 10px; padding:0 0 0 10px;}
#bbsPhoto3 .lst > li .info .date:before{content:''; display:inline-block; position:absolute; top:50%; left:0; height:11px; border-left:1px solid #ccc; transform:translateY(-50%);}

/* List(VR) */
#bbsVr{}
#bbsVr .lst{}
#bbsVr .lst:after{content:''; display:block; clear:both;}
#bbsVr .lst > li{float:left; position:relative; overflow:hidden; width:calc(33.33% + 1px); height:370px; margin:0 -1px -1px 0;  padding:15px 23px; border:1px solid #e9e9e9;}
#bbsVr .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsVr .lst li:nth-child(3n+1){margin-left:0;}
#bbsVr .lst > li:before{display:none;}
#bbsVr .lst > li a{}
#bbsVr .lst > li .cate{display:block; font-weight:600; font-size:1.07em; color:#4d85c5;}
#bbsVr .lst > li .img{display:block; position:relative; overflow:hidden; height:200px;}
#bbsVr .lst > li .img a{display:block; height:100%;}
#bbsVr .lst > li .img img{display:block; position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}
#bbsVr .lst > li .tit{display:block; overflow:hidden; margin:15px 0 10px; font-weight:600; font-size:1.07em; text-overflow:ellipsis; white-space:nowrap;}
#bbsVr .lst > li .tit .ico{display:inline-block; position:relative; overflow:hidden; width:12px; height:12px; margin:5px 0 0 5px; text-indent:-9999em; vertical-align:top;}
#bbsVr .lst > li .tit .ico.new:after{content:'N'; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background:#fc5f02; font-family:arial; font-size:11px; line-height:12px; color:#fff; text-align:center; text-indent:0;}
#bbsVr .lst > li .txt{display:block;/* ie */  display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:40px; margin:5px 0 0; line-height:20px;}
#bbsVr .lst > li .btn{display:block; margin:15px 0 0; text-align:center;}

/* List(배너 알림존) */
#bbsBan .lst{margin:0;}
#bbsBan .lst:after{content:''; display:block; clear:both;}
#bbsBan .lst > li{float:left; position:relative; overflow:hidden; width:calc(50% + 1px); height:285px; margin:0 -1px -1px 0; padding:25px 23px; border:1px solid #e9e9e9;}
#bbsBan .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsBan .lst > li:nth-child(2n+1){margin-left:0;}
#bbsBan .lst > li > a{display:block;}
#bbsBan .lst > li .img{display:block; position:relative; overflow:hidden; height:162px;}
#bbsBan .lst > li .img img{display:block; position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}
#bbsBan .lst > li .tit{display:block; overflow:hidden; margin:0 0 10px; font-weight:600; font-size:1.07em; text-overflow:ellipsis; white-space:nowrap;}
#bbsBan .lst > li .info{display:block; margin:10px 0 0;}
#bbsBan .lst > li .info:after{content:''; display:block; clear:both;}
#bbsBan .lst > li .info > span{float:left; position:relative;}

/* List(배너 알림존2) */
#bbsBan2 .lst{margin:0;}
#bbsBan2 .lst:after{content:''; display:block; clear:both;}
#bbsBan2 .lst > li{float:left; position:relative; overflow:hidden; width:calc(33.33% + 1px); height:305px; margin:0 -1px -1px 0; padding:25px 23px; border:1px solid #e9e9e9;}
#bbsBan2 .lst > li.no_article{float:none; width:auto; height:auto; margin:0; padding:20px 0; border:0; text-align:center;}
#bbsBan2 .lst > li:nth-child(3n+1){margin-left:0;}
#bbsBan2 .lst > li > a{display:block;}
#bbsBan2 .lst > li .img{display:block; position:relative; overflow:hidden; height:182px;}
#bbsBan2 .lst > li .img img{display:block; position:absolute; top:0; left:50%; max-width:none; height:100%; transform:translateX(-50%);}
#bbsBan2 .lst > li .tit{display:block; overflow:hidden; margin:0 0 10px; font-weight:600; font-size:1.07em; text-overflow:ellipsis; white-space:nowrap;}
#bbsBan2 .lst > li .info{display:block; margin:10px 0 0;}
#bbsBan2 .lst > li .info:after{content:''; display:block; clear:both;}
#bbsBan2 .lst > li .info > span{float:left; position:relative;}

/* View */
#bbsView{position:relative;}
#bbsView:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #444;}
#bbsView .form_group{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6 !important; overflow: hidden;}
#bbsView .form_group:after{content:''; display:block; clear:both;}
#bbsView .form_group dl{position:static; overflow:hidden;}
#bbsView .form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:134px; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsView .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
#bbsView .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
#bbsView .form_group dl dd{box-sizing:border-box; min-height:50px; margin-left:134px; padding:15px 10px 15px 25px; line-height:1.6;}
#bbsView .form_group dl.title:nth-child(1) dd{font-size:21px; font-weight:bold; letter-spacing:-1.5px;}
#bbsView .form_group dl.title:nth-child(1) dd span{font-size:16px;}
#bbsView .form_group dl.title dd:after{content:''; display:inline-block; position:absolute; bottom:-1px; left:0; right:0; z-index:10; height:1px; background:#444;}
#bbsView .form_group.col02 dl:first-child{float:left; width:50%;}
#bbsView .form_group.col03 dl:first-child,
#bbsView .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
#bbsView .form_group dl.content dt{position:relative; width:100%; border-bottom:1px solid #c8c8c8;}
#bbsView .form_group dl.content dt:before{display:none;}
#bbsView .form_group dl.content dd{margin:0; padding:25px; 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 img{max-width:100%; margin:5px 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 dd .link_button{margin:8px 3px;}
#bbsView .form_group dl.attfile dd > div{margin-top:-1px; border-top:1px solid #ddd;}
#bbsView .form_group dl.attfile dd > div:first-child{border-top:0;}
.bbsViewBtm{margin:30px 0; text-align:center;}
.bbsViewNav .form_group dl.nav dt > span{display:inline-block;}
.bbsViewNav .form_group dl.nav dt > span:before{content:''; display:inline-block; width:11px; height:8px; margin:0 10px 0 0; background:url(../images/common/sp_btn_ico.png) no-repeat 100% -350px; vertical-align:middle;}
.bbsViewNav .form_group dl.nav dt > span:before{content:''; display:inline-block; width:11px; height:8px; background:url(../images/common/sp_btn_ico.png) no-repeat 100% -350px;}
.bbsViewNav .form_group dl.nav.next dt > span:before{background-position:100% -400px;}
.bbsViewNav .form_group dl.nav dd > a{display:block; overflow:hidden; margin-right:100px; text-overflow:ellipsis; white-space:nowrap;}
.bbsViewNav .form_group dl.nav dd .date{position:absolute; top:15px; right:20px;}
#bbsView .img_preview {white-space:nowrap;}
/* Wirte/Modify */
#bbsWrite{position:relative;}
#bbsWrite:before{content:''; display:block; position:absolute; top:0; left:0; right:0; z-index:10; border-top:3px solid #444;}
#bbsWrite .form_group{position:relative; margin-bottom:-1px; border:1px solid #d6d6d6;}
#bbsWrite .form_group:after{content:''; display:block; clear:both;}
#bbsWrite .form_group dl{position:static; overflow:hidden;}
#bbsWrite .form_group dl dt{position:absolute; top:0; bottom:0; box-sizing:border-box; width:20%; margin-left:-1px; padding:13px 10px; border-left:1px solid #d6d6d6; background:#f6f6f7; font-weight:600; font-size:1em; line-height:1.6; text-align:center;}
#bbsWrite .form_group dl dt:before{content:''; display:inline-block; position:absolute; top:0; right:0; width:1px; height:100%; background:#d6d6d6;}
#bbsWrite .form_group dl dt:after{content:''; display:inline-block; height:100%; vertical-align:middle;}
#bbsWrite .form_group dl dd{box-sizing:border-box; min-height:50px; margin-left:20%; padding:10px; line-height:1.6;}
#bbsWrite .form_group.col02 dl:first-child{float:left; width:50%;}
#bbsWrite .form_group.col03 dl:first-child,
#bbsWrite .form_group.col03 dl:first-child+dl{float:left; width:33.3%;}
#bbsWrite .form_group input{max-width:100%;}
#bbsWrite .form_group dl.author dd input{width:160px;}
#bbsWrite .form_group dl.date dd input[type="text"]{width:120px;}
#bbsWrite .form_group dl.password dd input{width:160px;}
#bbsWrite .form_group dl.tel dd input{width:220px;}
#bbsWrite .form_group dl.tel2 dd input{width:70px;}
#bbsWrite .form_group dl.mail dd input{width:220px;}
#bbsWrite .form_group dl.title dd .inp_tit{display:block; margin-right:60px;}
#bbsWrite .form_group dl.title dd input[type="text"]{width:100%;}
#bbsWrite .form_group dl.title dd .tit_ntc{position:absolute; top:14px; right:10px;}
#bbsWrite .form_group dl.content2 dt{left:-9999em;}
#bbsWrite .form_group dl.content2 dd{margin-left:0;}
#bbsWrite .form_group dl dd textarea{width:100%; height:206px;}
#bbsWrite .form_group dl.code dd img{vertical-align:middle;}


.lypop171{left: 0!important; transform: none!important;}

/**************************************************
	svg-icon
**************************************************/
.svg-icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
	background-color: #1e2124;
	forced-color-adjust: none;
}
.svg-icon.ico-angle {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_angle.svg);
	mask-image: url(../images/common/2025/icon/ico_angle.svg);
}
.svg-icon.ico-angle.disabled {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_angle_disabled.svg);
	mask-image: url(../images/common/2025/icon/ico_angle_disabled.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_angle_disabled.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-angle.up {
	transform: rotate(180deg);
}
.svg-icon.ico-angle.left {
	transform: rotate(90deg);
}
.svg-icon.ico-angle.right {
	transform: rotate(-90deg);
}
.svg-icon.ico-sch {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_sch.svg);
	mask-image: url(../images/common/2025/icon/ico_sch.svg);
}
.svg-icon.ico-upload {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_upload.svg);
	mask-image: url(../images/common/2025/icon/ico_upload.svg);
}
.svg-icon.ico-call {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_call.svg);
	mask-image: url(../images/common/2025/icon/ico_call.svg);
}
.svg-icon.ico-faq {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_faq.svg);
	mask-image: url(../images/common/2025/icon/ico_faq.svg);
}
.svg-icon.ico-like {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_like.svg);
	mask-image: url(../images/common/2025/icon/ico_like.svg);
}
.svg-icon.ico-share {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_share.svg);
	mask-image: url(../images/common/2025/icon/ico_share.svg);
}
.svg-icon.ico-more {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_more.svg);
	mask-image: url(../images/common/2025/icon/ico_more.svg);
}
.svg-icon.ico-sch-plus {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_sch_plus.svg);
	mask-image: url(../images/common/2025/icon/ico_sch_plus.svg);
}
.svg-icon.ico-go {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_go.svg);
	mask-image: url(../images/common/2025/icon/ico_go.svg);
}
.svg-icon.ico-down {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_download.svg);
	mask-image: url(../images/common/2025/icon/ico_download.svg);
}
.svg-icon.ico-filter {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_filter.svg);
	mask-image: url(../images/common/2025/icon/ico_filter.svg);
}
.svg-icon.ico-reset {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_reset.svg);
	mask-image: url(../images/common/2025/icon/ico_reset.svg);
}
.svg-icon.ico-log {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login.svg);
	mask-image: url(../images/common/2025/icon/ico_login.svg);
}
.svg-icon.ico-func {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_expand.svg);
	mask-image: url(../images/common/2025/icon/ico_expand.svg);
}
.svg-icon.ico-func.up {
	transform: rotate(-90deg);
}
.svg-icon.ico-func {
	gap: var(--g-gap-3);
}
.svg-icon.ico-logout {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_logout.svg);
	mask-image: url(../images/common/2025/icon/ico_logout.svg);
}
.svg-icon.ico-logout {
	gap: var(--g-gap-3);
}
.svg-icon.ico-email {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_email.svg);
	mask-image: url(../images/common/2025/icon/ico_email.svg);
}
.svg-icon.ico-email {
	gap: var(--g-gap-3);
}
.svg-icon.ico-print {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_print.svg);
	mask-image: url(../images/common/2025/icon/ico_print.svg);
}
.svg-icon.ico-print {
	gap: var(--g-gap-3);
}
.svg-icon.ico-scrap {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_scrap.svg);
	mask-image: url(../images/common/2025/icon/ico_scrap.svg);
}
.svg-icon.ico-scrap {
	gap: var(--g-gap-3);
}
.svg-icon.ico-del {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_delete.svg);
	mask-image: url(../images/common/2025/icon/ico_delete.svg);
}
.svg-icon.ico-del {
	gap: var(--g-gap-3);
}
.svg-icon.ico-popup-close {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_close.svg);
	mask-image: url(../images/common/2025/icon/ico_close.svg);
}
.svg-icon.ico-delete-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_delete_fill.svg);
	mask-image: url(../images/common/2025/icon/ico_delete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_delete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-close {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_close.svg);
	mask-image: url(../images/common/2025/icon/ico_close.svg);
}
.svg-icon.ico-close {
	gap: var(--g-gap-3);
}
.svg-icon.ico-plus {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_plus.svg);
	mask-image: url(../images/common/2025/icon/ico_plus.svg);
}
.svg-icon.ico-plus {
	gap: var(--g-gap-3);
}
.svg-icon.ico-setting {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_setting.svg);
	mask-image: url(../images/common/2025/icon/ico_setting.svg);
}
.svg-icon.ico-setting {
	gap: var(--g-gap-3);
}
.svg-icon.ico-link {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_go.svg);
	mask-image: url(../images/common/2025/icon/ico_go.svg);
}
.svg-icon.ico-link {
	gap: var(--g-gap-3);
}
.svg-icon.ico-refresh {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_reset.svg);
	mask-image: url(../images/common/2025/icon/ico_reset.svg);
}
.svg-icon.ico-toggle {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_angle.svg);
	mask-image: url(../images/common/2025/icon/ico_angle.svg);
}
.svg-icon.ico-pw-visible {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_pw_visible_off.svg);
	mask-image: url(../images/common/2025/icon/ico_pw_visible_off.svg);
}
.svg-icon.ico-pw-visible-on {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_pw_visible_on.svg);
	mask-image: url(../images/common/2025/icon/ico_pw_visible_on.svg);
}
.svg-icon.ico-help {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_help.svg);
	mask-image: url(../images/common/2025/icon/ico_help.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_help.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-page-next {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_angle.svg);
	mask-image: url(../images/common/2025/icon/ico_angle.svg);
	transform: rotate(-90deg);
}
.svg-icon.ico-bread-home {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_bread_home.svg);
	mask-image: url(../images/common/2025/icon/ico_bread_home.svg);
}
.svg-icon.ico-cal-move {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_arrow_dropdown.svg);
	mask-image: url(../images/common/2025/icon/ico_arrow_dropdown.svg);
}
.svg-icon.ico-calendar {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_calendar.svg);
	mask-image: url(../images/common/2025/icon/ico_calendar.svg);
}
.svg-icon.ico-success-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_success_fill.svg);
	mask-image: url(../images/common/2025/icon/ico_success_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_success_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-information-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_information_fill.svg);
	mask-image: url(../images/common/2025/icon/ico_information_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_information_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-error-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_error_fill.svg);
	mask-image: url(../images/common/2025/icon/ico_error_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_error_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-complete-fill {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_complete_fill.svg);
	mask-image: url(../images/common/2025/icon/ico_complete_fill.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_complete_fill.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-modal-close {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_close.svg);
	mask-image: url(../images/common/2025/icon/ico_close.svg);
}
.svg-icon.ico-fold {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_foldable.svg);
	mask-image: url(../images/common/2025/icon/ico_foldable.svg);
}
.svg-icon.ico-fold.right {
	transform: rotate(-180deg);
}
.svg-icon.ico-ellipsis {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_ellipsis.svg);
	mask-image: url(../images/common/2025/icon/ico_ellipsis.svg);
}
.svg-icon.ico-swiper-play {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_swiper_play.svg);
	mask-image: url(../images/common/2025/icon/ico_swiper_play.svg);
}
.svg-icon.ico-swiper-stop {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_swiper_stop.svg);
	mask-image: url(../images/common/2025/icon/ico_swiper_stop.svg);
}
.svg-icon.ico-tooltip {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_tooltip.svg);
	mask-image: url(../images/common/2025/icon/ico_tooltip.svg);
}
.svg-icon.ico-urgent-danger {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_urgent_badge_danger.svg);
	mask-image: url(../images/common/2025/icon/ico_urgent_badge_danger.svg);
}
.svg-icon.ico-blog {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_blog.svg);
	mask-image: url(../images/common/2025/icon/ico_blog.svg);
}
.svg-icon.ico-facebook {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_facebook.svg);
	mask-image: url(../images/common/2025/icon/ico_facebook.svg);
}
.svg-icon.ico-instagram {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_instagram.svg);
	mask-image: url(../images/common/2025/icon/ico_instagram.svg);
}
.svg-icon.ico-sns-x {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_sns_x.svg);
	mask-image: url(../images/common/2025/icon/ico_sns_x.svg);
}
.svg-icon.ico-youtube {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_youtube.svg);
	mask-image: url(../images/common/2025/icon/ico_youtube.svg);
}
.svg-icon.ico-all {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_all.svg);
	mask-image: url(../images/common/2025/icon/ico_all.svg);
}
.svg-icon.ico-join {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_join.svg);
	mask-image: url(../images/common/2025/icon/ico_join.svg);
}
.svg-icon.ico-my {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_my.svg);
	mask-image: url(../images/common/2025/icon/ico_my.svg);
}
.svg-icon.ico-login-go {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_go.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_go.svg);
}
.svg-icon.ico-global {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_global.svg);
	mask-image: url(../images/common/2025/icon/ico_global.svg);
}
.svg-icon.ico-view-mode {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_view_mode.svg);
	mask-image: url(../images/common/2025/icon/ico_view_mode.svg);
}
.svg-icon.ico-go-top {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_go_top.svg);
	mask-image: url(../images/common/2025/icon/ico_go_top.svg);
}
.svg-icon.ico-login-type01 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_type_01.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_type_01.svg);
}
.svg-icon.ico-login-type02 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_type_02.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_type_02.svg);
}
.svg-icon.ico-login-type03 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_type_03.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_type_03.svg);
}
.svg-icon.ico-login-type04 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_type_04.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_type_04.svg);
}
.svg-icon.ico-login-type05 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_type_05.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_type_05.svg);
}
.svg-icon.ico-login-type06 {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_login_certify_type_06.svg);
	mask-image: url(../images/common/2025/icon/ico_login_certify_type_06.svg);
}
.svg-icon.ico-flag {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_flag.svg);
	mask-image: url(../images/common/2025/icon/ico_flag.svg);
	-webkit-mask-image: none;
	mask-image: none;
	background-image: url(../images/common/2025/icon/ico_flag.svg);
	background-color: transparent !important;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-mask: none;
	mask: none;
}
.svg-icon.ico-file {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_file.svg);
	mask-image: url(../images/common/2025/icon/ico_file.svg);
}
.svg-icon.ico-checkbox {
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	-webkit-mask-image: url(../images/common/2025/icon/ico_checkbox_checked.svg);
	mask-image: url(../images/common/2025/icon/ico_checkbox_checked.svg);
}

[data-g-mode=high-contrast] .svg-icon.ico-help {
	background-image: url(../images/common/2025/icon/ico_help_fill.svg);
}

@media (prefers-color-scheme: dark) {
	[data-g-mode=theme] .svg-icon.ico-help {
		background-image: url(../images/common/2025/icon/ico_help_fill.svg);
	}
}

/* Pc 1260px ~  */
@media screen and (min-width:1260px){
	/**************************************************
		Common
	**************************************************/
	/* 이미지 모바일,pc 버전 show/hide */
	.hide_pc{display:none;}

}

/* Tablet 1024px ~ 1259px */
@media screen and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/
	/* 이미지 모바일,pc 버전 show/hide */
	.hide_pc{width:45%; margin:0 auto;}
	.hide_mobile{display:none;}

	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	/* 공통 */
	.icss h2:before,
	.conTit2:before,
	.icss h3:before,
	.conTit3:before,
	.icss h4:before,
	.conTit4:before{background-image:url(../images/common/sp_icss.png); background-size:100px 500px;}

	#bbsPhoto2 .lst li .img img { min-height:inherit; }


}

/* 01. Tablet 768px ~ 1023px */
@media screen and (max-width:1023px){
	/**************************************************
		Pagination
	**************************************************/
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}

	/**************************************************
		게시판
	**************************************************/
	/* 검색 */
	.bbsSrch{position:relative;}
	.bbsSrch input.datetimepicker,
	.bbsSrch input.datetimepicker + span,
	.bbsSrch select[name="postPerPage"],
	.bbsSrch select[name="category"]{display:none;}
	.bbsSrch > fieldset > select:nth-of-type(1){margin-left:0px;}
	.bbsSrch .select{position:absolute; top:10px; left:10px; width:90px;}
	.bbsSrch .word{display:block; width:auto; margin:0 85px 0 105px;}
	.bbsSrch .btn_srch{position:absolute; top:10px; right:10px; width:70px; margin-right:0;}

	/* View */
	#bbsView .form_group dl dd{padding-left:10px;}



	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* 사이트 바로가기 */
	.site_bridge .info .lst ul li{width:50%;}
	.site_bridge .info .lst.col02 ul li{width:100%;}
	.site_bridge .info .lst.col03 ul li{width:50%;}



}
/* 02. Mobile 640px ~ 767px */
@media screen and (max-width:767px){
	/**************************************************
		게시판
	**************************************************/
	/* List(Default) */
	#bbsList [data-table-type="cate"],
	#bbsList [data-table-type="dpt"],
	#bbsList [data-table-type="file"]{display:none;}

	/* PhotoList2 */
	#bbsPhoto2 .lst li{width:calc(50% - 20px); margin:0 10px 20px 10px;}
	#bbsPhoto2 .lst li:nth-child(2n+1){clear:left;}
	#bbsPhoto2 .lst li:nth-child(3n+1) {margin-left:10px;}
	/* PhotoList3 */
	#bbsPhoto3 .lst > li{float:left; position:relative; overflow:hidden; width:calc(49% + 1px); height:auto; margin:0 -1px -1px 0; padding:0; border:1px solid #e9e9e9;}

	/* List(Default) */
	#bbsList{table-layout:auto;}
	#bbsList [data-table-type="number"],
	#bbsList [data-table-type="author"],
	#bbsList [data-table-type="count"]{display:none;}

	/* View */
	#bbsView .form_group[class*="col"] dl{float:none !important; position:relative; width:100% !important; border-bottom:1px solid #ddd;}
	#bbsView .form_group[class*="col"] dl:last-child{border-bottom:0;}
	#bbsView .form_group dl dt{width:104px;}
	#bbsView .form_group dl dd{margin-left:104px;}
	#bbsView .form_group dl.attfile div{padding:5px 0;}
	#bbsView .form_group dl.attfile dt{position:static; display:block; width:100%; margin-left:0; padding:10px; border:0; border-bottom:1px solid #ddd;}
	#bbsView .form_group dl.attfile dt:before{display:none;}
	#bbsView .form_group dl.attfile dd{margin:0; padding:5px 10px;}
	#bbsView .form_group dl.attfile dd .link_button.download{display:inline; padding:0;line-height:1.3; text-align:left; white-space:normal;}
	#bbsView .form_group dl.attfile dd .link_button.download:before,
	#bbsView .form_group dl.attfile dd .link_button.download:after{display:none;}
	#bbsView .form_group dl.attfile dd .link_button{margin:3px;}
	#bbsView .bbsViewBtm{text-align:center !important;}
	#bbsView .bbsViewBtm > a{margin-bottom:3px;}
	/* Wirte/Modify */
	#bbsWrite .form_group dl dt{width:104px;}
	#bbsWrite .form_group dl dd{margin-left:104px;}
	#bbsWrite .form_group dl.attfile input[type="file"]{width:100%;}

}
/* 03. Mobile 320px ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		Common
	**************************************************/
	/* 이미지 모바일,pc 버전 show/hide */
	.hide_pc{width:auto; margin:auto;}

	/**************************************************
		게시판
	**************************************************/
	/* List */
	#bbsList.articles col,
	#bbsList.articles th,
	#bbsList.articles td{width:auto !important;}

	#bbsView .form_group dl.title:nth-child(1) dd{font-size:18px; font-weight:bold; letter-spacing:-1.5px;}
	#bbsView .form_group dl.title:nth-child(1) dd span{font-size:15px;}

	/* List(갤러리) */
	#bbsPhoto .lst > li{float:none; width:100%; margin-right:0;}

	/* PhotoList3 */
	#bbsPhoto3 .lst > li{float:left; position:relative; overflow:hidden; width:calc(99% + 1px); height:auto; margin:0 -1px -1px 0; padding:0; border:1px solid #e9e9e9;}

	/* List(배너 알림존) */
	#bbsBan .lst > li{float:none; width:100%; height:auto; margin-right:0; padding:15px;}
	#bbsBan .lst > li .img{height:auto;}
	#bbsBan .lst > li .img img{position:relative; top:auto; left:auto; max-width:100%; height:auto; transform:none;}

	/* List(배너 알림존2) */
	#bbsBan2 .lst > li{float:none; width:100%; margin-right:0;}

	/* List(VR) */
	#bbsVr .lst > li{float:none; width:100%; margin-right:0;}

	/* View */
	.bbsViewNav .form_group dl.nav dd > a{margin-right:0;}
	.bbsViewNav .form_group dl.nav dd .date{display:block; position:relative; top:auto; right:auto; font-size:0.86em; color:#666;}



	/**************************************************
		안내박스/사이트 바로가기
	**************************************************/
	/* Box Type2(icon/text) */
	.box_comm2{padding:20px; border-radius:10px;}
	.box_comm2 .tit_box{font-size:1.57em;}
	.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;}
	/* 사이트 바로가기 */
	.site_bridge .image{float:none; margin:0 auto;}
	.site_bridge .info{margin-left:0;}
	.site_bridge .info .lst.col03 ul li{width:100%;}

}