@charset "utf-8";

/**************************************************
	Common CSS Document
	IEETU Web Standardization Team
	2022-07-05
**************************************************/

/* 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 > 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:#e8322f;}/* red */
.fc02{color:#359925;}/* green */
.fc03{color:#1a6bc3;}/* blue */
.fc04{color:#ef6e10;}/* orange */

/* 전화번호 줄바꿈 금지 */
.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"],
input[type="month"],
input[type="number"],
input[type="time"],
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:34px; 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;}
/* label+inp */
.inp_wrap{display:inline-flex; align-items:center; margin:3px 0; vertical-align:middle;}
.inp_wrap input{margin:0;}
.inp_wrap label{line-height:normal;}
.inp_wrap input + label{margin:0 10px 0 3px;}
.inp_wrap label + input{margin:0 10px 0 3px;}
/* 이미지 체크박스 */
.btn_chkbox{display:inline-block; position:relative; overflow:hidden; height:20px; line-height:20px; vertical-align:middle;}
.btn_chkbox input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox label{display:inline-block; height:20px; line-height:20px; padding:0 10px 0 27px; vertical-align:top; cursor:pointer;}
.btn_chkbox label:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; width:20px; height:20px; margin:auto 0; border:1px solid #888; background:linear-gradient(#fff, #fff) 6px 6px/6px 6px no-repeat,linear-gradient(#888, #888) 5px 5px/8px 8px no-repeat; background-color:#fff; vertical-align:middle;}
.btn_chkbox input:checked + label:before{border:6px solid #333; background:#fff;}
/* btn_chkbox2 */
.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;}
/* btn_chkbox3(main) */
.btn_chkbox3{display:inline-block; position:relative; overflow:hidden; padding:12px 10px; background:#fff; vertical-align:middle;}
.btn_chkbox3 input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox3 label{display:inline-block; position:relative; padding:0 0 0 25px; vertical-align:top; cursor:pointer;}
.btn_chkbox3 label:before,
.btn_chkbox3 label:after{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; margin:auto;}
.btn_chkbox3 label:before{width:20px; height:20px; background:#bdbdbd;}
.btn_chkbox3 label:after{right:calc(100% - 20px); width:11px; height:7px; border:2px solid #fff; border-width:0 0 3px 3px; transform:translateY(-25%) rotate(-45deg);}
.btn_chkbox3 input:checked + label:before{background:#3c55c0;}
.btn_chkbox3 input:checked + label:after{border-color:#fff;}

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

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

/* datepicker */
input.datepicker,
input.datetimepicker{width:115px; padding-right:20px !important; background:#fff url(../images/base/calendar.gif) no-repeat 100% 50%/21px 21px !important; font-family:"맑은 고딕";}
input::placeholder{font-family:sans-serif; font-size:14px; color:#888;}
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,
.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:48px 0 20px; font-size:25px; line-height:1.4; letter-spacing:-1px; padding-left:28px; background:url(../images/common/conTit2_bul.png) no-repeat 0 7px; font-family:"s-core_dream_bold";}
.conTit3{position:relative; margin:30px 0 20px; padding-left:30px; font-family:"s-core_dream_bold"; font-size:1.41em; line-height:1.4;}
.conTit4{position:relative; margin:30px 0 20px; font-family:"s-core_dream_bold"; font-weight:400; font-size:1.31em; line-height:1.4;}
.conTit5{position:relative; margin:30px 0 20px; font-family:"s-core_dream_bold"; font-weight:400; font-size:1.25em; line-height:1.4;}
.conTit6{position:relative; margin:30px 0 20px; font-family:"s-core_dream_bold"; font-weight:400; font-size:1em; line-height:1.4;}
.conTit2:first-child,
.conTit3:first-child,
.conTit4:first-child,
.conTit5:first-child,
.conTit6:first-child{margin-top:10px;}
.conTit3:before{top:4px; left:0; width:22px; height:22px; background-position:0 0;}
/* 컨텐츠 들여쓰기 */
.conBox{position:relative; margin-bottom:30px;}
.conTit2 + .conBox{margin-bottom:30px;}
.conTit3 + .conBox{margin-bottom:30px;}
.conTit4 + .conBox{margin-bottom:30px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conTit6 + .conBox{margin-bottom:30px;}
.conBox0{position:relative; margin-bottom:20px; padding:60px; border:1px solid #caced2; border-radius:10px;}

.conBox1{border:1px solid #cdd1d5; border-radius:16px; padding:40px; margin:0 0 48px 0;}
.conBox1.bg-gray{border:0; background-color:#f8f9fb;}

:is(.conBox,.conBox1):last-child,
:is(.conTit2,.conTit22,.conTit3,.conTit4,.conTit5,.conTit6) + :is(.conBox,.conBox1):last-child{margin-bottom:0;}

/* 목록 */
.conLst,
.conLst2,
.conLst3{margin:0 0 16px;}
li > :is(ol,ul){margin-top:8px; margin-bottom:12px;}
:is(.conLst,.conLst2,.conLst3):last-child{margin-bottom:0;}
:is(.conLst,.conLst2,.conLst3,.conLst4) li :is(.button,.link_button){margin-top:0; margin-bottom:0;}
:is(.conLst, .conLst2, .conLst3, .conLst4) li:last-child{margin-bottom:0;}
.cont_body td > ul,
.cont_body td > ol{margin-bottom:0;}
.conLst > li,
.conLst2 > li,
.conLst3 > li,
.conLst4 > li{position:relative; margin-bottom:8px;}
.conLst > li{padding-left:14px;}
.conLst2 > li{padding-left:15px;}
.conLst3 > li{padding-left:14px;}
.conLst4 > li{padding-left:10px;}
.conLst > li:before,
.conLst2 > li:before,
.conLst3 > li:before,
.conLst4 > li:before{content:""; display:block; position:absolute; left:0;}
.conLst > li:before{top:8px; width:5px; height:5px; background:#555; border-radius:50%;}
.conLst2 > li:before{top:11px; width:7px; height:2px; background:#7f7f7f;}
.conLst3 > li:before{top:9px; content:''; width:4px; height:4px; border-top:2px solid #525bb3; border-right:2px solid #525bb3; transform:rotate(45deg);}
.conLst4 > li:before{width:2px; height:2px; top:13px; margin:0; background: #222; border-radius:50%; vertical-align:middle;}
/* 순서목록 */
.cont_body ol{margin-left:15px;}
.cont_body ol > li{margin-bottom:5px; padding-left:0; line-height:1.6; list-style-type:decimal;}
.cont_body ol > li:before{display:none;}
/* 문단/Paragraph */
.cont_body p{margin:10px 0 20px;}

/**************************************************
	테이블
**************************************************/
/* 모바일 테이블 스크롤(스크립트에서 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:#f5f5f5; 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;}

/**************************************************
	안내박스
**************************************************/
/* common */
.bxcomm_tit{font-family:"s-core_dream"; font-size:1.125em;}
.box_comm2 .bxcomm_tit{font-size:1em;}
/* Box Type1 */
.box_comm{margin-bottom:40px; padding:35px; border:10px solid transparent; border-image:url(../images/common/bg_box_comm.png) 10 round;}
.box_comm ul:first-child,
.box_comm p:first-child{margin-top:0;}
.box_comm ul:last-child,
.box_comm li:last-child,
.box_comm p:last-child{margin-bottom:0;}
/* Box Type2 */
.box_comm2{margin-bottom:40px; padding:35px; background:#eaf3ff;}
.box_comm2 ul:first-child,
.box_comm2 p:first-child{margin-top:0;}
.box_comm2 ul:last-child,
.box_comm2 li:last-child,
.box_comm2 p:last-child{margin-bottom:0;}
/* Box Type3 */
.box_comm3{position:relative; margin-bottom:40px; padding:40px; background:#f5f5f5;}
.box_comm3 ul:first-child,
.box_comm3 p:first-child{margin-top:0;}
.box_comm3 ul:last-child,
.box_comm3 li:last-child,
.box_comm3 p:last-child{margin-bottom:0;}
/* Box Type4 */
.box_comm4{position:relative; background:#e3f6ff; background-clip:content-box; padding:20px 0 0 48px; min-height:360px; margin-bottom:30px;}
.box_comm4 ul:first-child,
.box_comm4 p:first-child{margin-top:0;}
.box_comm4 ul:last-child,
.box_comm4 li:last-child,
.box_comm4 p:last-child{margin-bottom:0;}
.box_comm4 .img_area{float:left; margin:-20px 55px 0 -48px; box-shadow:15px 15px 40px rgba(0,0,0,.15);}
.box_comm4 .txt_area{overflow:hidden; padding:60px 60px 60px 0;}
.box_comm4 .bxcomm_tit4{position:relative; margin-bottom:20px; padding-bottom:15px; background:linear-gradient(to right, #5e5e5e, #5e5e5e) no-repeat 0 100%/75px 1px; font-family:"s-core_dream_bold"; font-size:1.75em; line-height:1.4; color:#0f4b91;}
.box_comm4 .bxcomm_bdbx{padding:20px; border:1px solid #80a4ca; font-family:"s-core_dream_bold";}

/**************************************************
	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:34px; line-height:32px; margin:2px 3px; padding:0 13px; border:1px solid transparent; border-radius:3px; font-weight:600; font-size:1rem; letter-spacing:0;}
.button.xs{height:24px; padding:0 10px; font-size:0.87rem; line-height:22px;}
.button.sm{height:31px; padding:0 10px; font-size:0.93em; line-height:29px;}
.button.rg{height:39px; padding:0 30px; font-size:1rem; line-height:37px; letter-spacing:-1px;}
.button.lg{height:54px; padding:0 30px; border-radius:5px; font-size:1.067rem; line-height:52px;}
/* Button Color */
.button{border-color:#434343; background-color:#fff; color:#333 !important;}
.button.viridian{border-color:transparent; background-color:#1a7f9c; color:#fff !important;}
.button.blue,
.button.write,
.button.edit,
.button.save{border-color:transparent; background-color:#304186; color:#fff !important;}
.button.blue2{border-color:transparent; background-color:#274c93; color:#fff !important;}
.button.violet{border-color:transparent; background-color:#6357a3; color:#fff !important;}
.button.red,
.button.delete{border-color:transparent; background-color:#ee3d3d; color:#fff !important;}
.button.black{border-color:transparent; background-color:#111; color:#fff !important;}
.button.darkgray,
.button.list{border-color:transparent; background-color:#4c4949; color:#fff !important;}
.button.gray,
.button.cancel{border-color:transparent; background-color:#777; color:#fff !important;}
.button.lightgray{border-color:transparent; background-color:#e3e3e3; font-weight:400;}
/* Button Line */
.button.line{border-radius:24px; border-color:currentColor; background-color:#fff; color:#333 !important; cursor:auto;}
.button.line.viridian{color:#1a7f9c !important;}
.button.line.blue,
.button.line.write,
.button.line.save,
.button.line.edit{color:#286ae9 !important;}
.button.line.blue2{color:#274c93 !important;}
.button.line.violet{color:#6c4ea0 !important;}
.button.line.red,
.button.line.delete{color:#ee3d3d !important;}
.button.line.black{color:#111 !important;}
.button.line.darkgray,
.button.line.list{color:#333 !important;}
.button.line.gray,
.button.line.cancel{color:#777 !important;}
/* Button + Icon */
.button.ico{}
.button.ico:before{content:''; display:inline-block; vertical-align:middle;}
.button.ico.srch:before{width:16px; height:16px; margin:-4px 5px 0 0; background-position:-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:8px 45px 7px 15px; border-color:#4c4949; border-radius:5px; background-color:#fff; line-height:24px; white-space:nowrap; transition:all .3s;}
.link_button:hover{box-shadow:0px 3px 5px rgba(0,0,0,.3);}
/* link_button Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box;}
.link_button:before{right:34px; top:12px; bottom:12px; border-left:1px solid #cecece; background-color:#fff;}
.link_button:after{top:0; left:calc(100% - 34px); right:0; bottom:0; width:22px; height:20px; margin:auto; background-color:#fff;}
.link_button.homepage:after{width:22px; height:19px; background-position:0 0;}
.link_button.blank:after{width:16px; height:14px; background-position:-126px -26px;}
.link_button.download:after{width:17px; height:18px; background-position:-34px 0;}
.link_button.view:after{width:17px; height:17px; background-position:-126px 0;}
.link_button.location:after{width:18px; height:20px; background-position:-64px 0;}
.link_button.direct:after{width:20px; height:20px; background-position:-93px 0;}
.link_button.download2{padding-left:40px; background:url(../images/content/ico_link.png) no-repeat 12px 50%;}
/* link_button.Text */
.link_button.txt{height:auto; padding:0; border:none; background:none; line-height:24px; text-align:left; /*text-decoration:underline !important;*/ white-space:normal; word-break:break-all;}
.link_button.txt:hover{box-shadow:none; text-decoration:underline !important;}
table .link_button.txt{word-break:keep-all;}
.link_button.txt:before{display:none;}
.link_button.txt:after{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:26px; height:24px; margin:0 0 4px 5px; border:1px solid #656565; vertical-align:middle;}
.link_button.txt.blank:after{background-position:-121px -23px;}
.link_button.txt.homepage:after{background-position:1px 2px;}
.link_button.txt.download:after{background-position:-31px 1px;}
.link_button.txt.view:after{background-position:-122px 3px;}
.link_button.txt.location:after{background-position:-61px 1px;}
.link_button.txt.direct:after{background-position:-91px 1px;}
.link_button.txt.url{display:inline; color:#114aaf; text-decoration:underline !important;}
.link_button.txt.url:after{width:20px; border:0; background-position:-124px -21px;}
/* link_button.Icon */
.link_button.ico{overflow:hidden; width:28px; height:28px; padding:0; line-height:28px; border-radius:0; text-indent:-9999em; vertical-align:top; border-radius:2px;}
.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 5px; text-align:center; background:#f5f5f5; 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:16px; text-align:center;}
.common-nodata-msg{text-align:center;}
.bbsTotal{margin:10px 0;}

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

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

/* 버튼 그룹 */
.bbsViewBtm{margin:30px 0; text-align:center;}
.bbsViewBtm:after{content:''; display:block; clear:both;}
.button_wrap{margin:40px 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; vertical-align:middle;}
.bbsViewNav dl dt{width:140px; background:#f6f6f7; 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:10px; border:1px solid #d6d6d6; border-top:0; vertical-align:middle;}
#bbsWrite .form_group dl dt{width:140px; background:#f6f6f7; font-weight:600; text-align:center;}
#bbsWrite .form_group dl.title dt,
#bbsWrite .form_group dl.title dd{border-bottom-color:#666;}
#bbsWrite .form_group dl dd textarea{width:100%; height:206px;}
#bbsWrite .form_group input{max-width:100%;}

/* 공공누리 */
.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{}
.faq_lst .item_info{position:relative; margin-bottom:-1px; border:1px solid #e5e5e5;}
.faq_lst .item_info.on{z-index:10; border-color:#09348d;}
.faq_lst .item_info .info_tit{background:#f8f8f8;}
.faq_lst .item_info .link_cont{display:block; position:relative; padding:25px 60px 25px 70px;}
.faq_lst .item_info .link_cont .que_info{display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:20px; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; background:#a1a1a1; font-family:arial; font-weight:600; font-size:20px; color:#fff;}
.faq_lst .item_info.on .link_cont .que_info{background:#09348d;}
.faq_lst .item_info .link_cont .tit_info{font-size:18px;}
/* 아이콘 + */
.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 .info_cont{display:none; position:relative; border-top:1px solid #e5e5e5;}
.faq_lst .item_info .info_cont .ans_info{display:flex; justify-content:center; align-items:center; position:relative; float:left; top:23px; left:70px; width:36px; height:36px; margin:auto 0; border:1px solid #222; border-radius:50%; background:#fff; font-family:arial; font-weight:600; font-size:20px; color:#222;}
.faq_lst .item_info .info_cont .ans_info:before{content:''; display:block; position:absolute; top:3px; right:calc(100% + 20px); width:12px; height:12px; border-left:3px solid #bebebe; border-bottom:3px solid #bebebe;}
.faq_lst .item_info .info_cont .ans_info:after{content:''; display:block; position:absolute; top:11px; right:calc(100% + 18px); transform:rotate(-45deg); width:8px; height:8px; border-right:3px solid #bebebe; border-bottom:3px solid #bebebe;}
.faq_lst .item_info .info_cont .desc_info{padding:30px 60px 30px 120px;}
.faq_lst .item_info .info_cont .desc_info strong{font-size:16px; display:inline-block; margin-bottom:3px;}
.faq_lst .item_info .info_cont .desc_info b{font-weight:400;}

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

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

/**************************************************
	Slick Slide
**************************************************/
/* Common */
.slickwrap{position:relative;}
.slickwrap .slider .item{vertical-align:top;}
.slickwrap .slider a{display:block;}
.slickwrap .slider .item .mobile{display:none;}
.slickwrap .slider .item img{width:100%; margin:0 auto;}
.slickwrap .nav button{display:inline-block; position:relative; z-index:1; overflow:hidden; width:30px; height:30px; background:none; color:transparent !important; white-space:nowrap; vertical-align:top; font-size:12px;}
.slickwrap .nav button:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; margin:auto; background:url(../images/base/sp_slick.png) no-repeat 0 0/400px 400px;}
.slickwrap .nav .prev{position:absolute; left:0; bottom:0;}
.slickwrap .nav .next{position:absolute; right:0; bottom:0;}
.slickwrap .nav .pause:after{width:10px; height:13px; background-position:0 -104px;}
.slickwrap .nav .play:after{width:10px; height:13px; background-position:-15px -104px;}
.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_wrap{display:flex; align-items:center; justify-content:center;}
.slickwrap .nav .dots{display:inline-block; 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{display:flex; margin-top:-4px;}
.slickwrap .nav .slick-dots li{padding:0 4px;}
.slickwrap .nav .slick-dots button{display:inline-block; position:relative; width:8px; height:8px; border-radius:50%; vertical-align:middle; background:#8e8e8e; transition:all .3s;}
.slickwrap .nav .slick-dots button:after{display:none;}
.slickwrap .nav .slick-dots .slick-active button{width:20px; border-radius:4px; background-color:#004098;}

/* 카드형 게시판 슬라이드 */
/*.cardzone{position:relative; max-width:780px; margin:0 auto; padding:50px; background:#fff; border-radius:20px; box-shadow:0 0 13px rgba(0,0,0,0.13);}
.cardzone .nav button{border:0;}
.cardzone .nav .ctrl_area{position:absolute; left:50%; bottom:0; width:110px; padding-left:15px; border-radius:30px; transform:translate(-50%, 50%); background:rgba(0,0,0,.5); font-size:0; line-height:32px; text-align:center;}
.cardzone .nav .ctrl_area .count{display:inline-block; position:relative; padding:0 12px 0 0; font-size:16px; color:#fff; vertical-align:top;}
.cardzone .nav .ctrl_area .count:after{content:''; display:inline-block; position:absolute; top:0; right:0; bottom:0; height:12px; margin:auto 0; border-right:1px solid #fff;}
.cardzone .nav .ctrl_area button{width:32px; height:32px;}
.cardzone .nav .ctrl_area .pause:after{width:8px; height:12px; background-position:-16px -19px;}
.cardzone .nav .ctrl_area .play:after{left:12.5%; width:12px; height:14px; background-position:0 -18px;}
.cardzone .nav > button{position:absolute; top:50%; width:62px; height:62px; border-radius:50%; background:rgba(0,0,0,.5);}
.cardzone .nav .prev{left:0; transform:translate(-50%, -50%);}
.cardzone .nav .next{right:0; transform:translate(50%, -50%);}
.cardzone .nav .prev:after{right:6.25%; width:15px; height:27px; background-position:0 -67px;}
.cardzone .nav .next:after{left:6.25%; width:15px; height:27px; background-position:0 -67px; transform:scaleX(-1);}*/
/* Grid Mode */
/*.gridzone .slider{margin:0 -5px;}
.gridzone .item > .inr{padding:0 5px 5px; text-align:center;}
.gridzone .slider .item img{width:155px;}
/* Vertical Mode */
.verticalzone .slider .item .inr{position:relative; margin:10px 20px;}
.verticalzone .slider .item a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:90px; padding-left:10px; font-size:16px; line-height:20px;}
.verticalzone .slider .item a:before{content:''; display:inline-block; position:absolute; top:1px; left:0; bottom:0; width:3px; height:3px; margin:auto 0; border-radius:50%; background:#333;}
.verticalzone .slider .item .date{position:absolute; top:0; right:0; font-size:15px; line-height:20px; color:#888;}
/* Syncing Mode */
.synczone-nav .item > .inr{padding:0 5px; text-align:center; cursor:pointer;}

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

/**************************************************
	달력
**************************************************/
/* 월간일정 */
[data-type-category="명연주시리즈"]{color:#c56f08;}
[data-type-category="인사이트시리즈"]{color:#30aa00;}
[data-type-category="월드오케스트라시리즈"]{color:#635588;}
[data-type-category="대구시립교향악단"]{color:#00358e;}
[data-type-category="대구시립합창단"]{color:#6c4ea0;}
[data-type-category="대구아티스트위크"]{color:#ee4183;}
[data-type-category="클래식 오아시스"]{color:#670000;}
[data-type-category="아름다운 마지막 수요일"]{color:#9d6400;}
[data-type-category="D is Different"]{color:#00472f;}
[data-type-category="특별연주회"]{color:#05667a;}
[data-type-sort="대관"]{color:#416fc4;}
[data-type-sort="DCC"]{color:#0fa0fc;}
[data-type-sort="WOS"]{color:#f94692;}
[data-type-sort="DSO"]{color:#66A08D;}
[data-type-sort="기획"]{color:#c56f08;}
.calendar_monthly_wrap .calendar_srch{position:relative; padding:40px; background:#f5f5f5;}
.calendar_monthly_wrap .calendar_srch .slt_area{position:relative; z-index:10;}
.calendar_monthly_wrap .calendar_srch .slt_area .slt_month{display:none;}
.calendar_monthly_wrap .calendar_srch .today_month{position:absolute; top:35px; left:0; right:0; font-weight:200; font-size:2.5em; line-height:1.2; letter-spacing:-1px; text-align:center;}
.calendar_monthly_wrap .calendar_srch .today_month strong{font-weight:600;}
.calendar_monthly_wrap .calendar_srch .nav_month{display:flex; align-items:center; width:100%; margin:15px 0 0; border:1px solid #d2d2d2; background:#fff;}
.calendar_monthly_wrap .calendar_srch .nav_month li{flex:1; position:relative; z-index:1; line-height:52px; text-align:center;}
.calendar_monthly_wrap .calendar_srch .nav_month li:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; height:12px; z-index:-1; margin:auto 0; border-left:1px solid #d2d2d2;}
.calendar_monthly_wrap .calendar_srch .nav_month li:first-child:before{display:none;}
.calendar_monthly_wrap .calendar_srch .nav_month li.active{z-index:2;}
.calendar_monthly_wrap .calendar_srch .nav_month li.active:after{content:''; display:block; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; z-index:-1; background:#6c4ea0;}
.calendar_monthly_wrap .calendar_srch .nav_month li a{display:block; font-weight:600;}
.calendar_monthly_wrap .calendar_srch .nav_month li.active a{color:#fff;}
.calendar_monthly_wrap .calendar_guide{margin:40px 0 15px; text-align:right; font-size:0;}
.calendar_monthly_wrap .calendar_guide .guide_ico{margin-left:20px; font-size:1rem;}
.calendar_monthly_wrap .calendar_guide .guide_ico:first-of-type{margin-left:0;}
.calendar_monthly_wrap .guide_ico{position:relative; display:inline-block; min-width:26px; min-height:26px; padding-left:26px; color:#555; vertical-align:middle;}
.calendar_monthly_wrap .guide_ico:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; width:26px; height:26px; margin:auto 0; border-radius:50%; background:#6c4ea0; font-style:normal; font-size:14px; line-height:26px; color:#fff; text-align:center;}
.calendar_monthly_wrap .guide_ico.chamber:before{content:'챔'; background:#6c4ea0;}
.calendar_monthly_wrap .guide_ico.grand:before{content:'그'; background:#c56f08;}
.calendar_monthly_wrap .guide_ico.square:before{content:'광'; background:#DD5563;}
.calendar_monthly_wrap .guide_ico.other:before{content:'타'; background:#444;}
.calendar_monthly_wrap .guide_ico em{display:inline-block; margin:0 0 0 5px; font-size:14px; line-height:26px;}
.calendar_monthly{position:relative; table-layout:fixed; border-top-width:1px;}
.calendar_monthly:after{content:''; display:block; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:1px; background:#000;}
.calendar_monthly th,
.calendar_monthly td{padding:14px 5px; border:1px solid #e2e2e2; background:none; font-size:1em;}
.calendar_monthly th{font-weight:600; font-size:1.1875em; text-align:center;}
.calendar_monthly td{padding:15px;}
.calendar_monthly tbody tr:first-child td{box-shadow:inset 0 4px 0 #f7f7f7;}
.calendar_monthly thead th{border-left:0; border-right:0; border-color:#000;}
.calendar_monthly td{height:200px; vertical-align:top;}
.calendar_monthly th:first-child,
.calendar_monthly td:first-child{color:#e63030;}
.calendar_monthly th:last-child,
.calendar_monthly td:last-child{color:#1c74ea;}
.calendar_monthly td > .date{display:block; margin-bottom:10px; font-weight:600; font-size:1.0625em;}
.calendar_monthly td > .date em{display:none;}
.calendar_monthly .schedule_area{display:flex; flex-wrap:wrap; position:relative; margin-top:0; color:#555;}
.calendar_monthly .schedule_area ~ .schedule_area{margin-top:15px;}
.calendar_monthly .schedule_area .sa_sort{display:inline-block; height:26px; line-height:24px; margin-left:5px; padding:0 15px; border-radius:26px; border:1px solid currentcolor; font-weight:600; font-style:normal; font-size:14px; vertical-align:middle;}
.calendar_monthly .guide_ico em{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.calendar_monthly .schedule_area .sa_tit{display:block; width:100%; margin-top:10px; font-size:0.9375em; line-height:1.3;}
.calendar_monthly .schedule_area .sa_cate{display:inline-block; margin-bottom:3px; padding:0 6px; border-radius:4px; background:#909aab; font-size:13px; line-height:22px; color:#fff; vertical-align:top;}
.calendar_monthly .schedule_area .sa_cate[data-type-cate="예매중"]{background:#4f67d6;}
.calendar_monthly .schedule_area .sa_cate[data-type-cate="전석 매진"]{background:#eb5b5b;}
.calendar_monthly .schedule_area .sa_tit a{display:block; color:inherit;}
.calendar_monthly .schedule_area .btn_mobile{display:none;}
.calendar_monthly .schedule_area .sa_pop{display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); z-index:30; width:700px; padding-top:20px;}
.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop{left:0; transform:none;}
.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop{left:auto; right:0; transform:none;}
.calendar_monthly .schedule_area.open .sa_pop{display:block;}
.calendar_monthly .schedule_area .sa_pop:before,
.calendar_monthly .schedule_area .sa_pop:after{content:''; display:block; position:absolute; left:0; right:0; top:0; z-index:10; width:0; height:0; margin:0 auto; border:20px solid transparent; border-width:0 21px 20px 21px; border-bottom-color:#d2d2d2;}
.calendar_monthly .schedule_area .sa_pop:after{top:1px; border-bottom-color:#fafafa;}
.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:before,
.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:after{left:40px; right:auto;}
.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:before,
.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:after{left:auto; right:40px;}
.calendar_monthly .schedule_area .sa_pop > .inr{display:flex; position:relative; padding:50px; border:1px solid #d2d2d2; background:#fafafa;}
.calendar_monthly .schedule_area .sa_pop .close_pop{position:absolute; top:-1px; right:-1px; z-index:20; overflow:hidden; width:59px; height:59px; border:0; background:#000; color:transparent;}
.calendar_monthly .schedule_area .sa_pop .close_pop:before,
.calendar_monthly .schedule_area .sa_pop .close_pop:after{content:''; display:block; overflow:hidden; position:absolute; top:25%; right:25%; bottom:25%; left:25%; height:2px; transform:rotate(45deg); margin:auto 0; background:#fff; color:transparent;}
.calendar_monthly .schedule_area .sa_pop .close_pop:after{transform:rotate(135deg);}
.calendar_monthly .schedule_area .sa_pop .pop_img{width:30%; margin:0 50px 0 0;}
.calendar_monthly .schedule_area .sa_pop .pop_img img{display:block;}
.calendar_monthly .schedule_area .sa_pop .pop_info{width:calc(70% - 50px); padding:10px 0 0;}
.calendar_monthly .schedule_area .sa_pop .sa_cate{font-weight:600; font-size:0.9375em;}
.calendar_monthly .schedule_area .sa_pop .pop_tit{display:block; margin:5px 0 20px; font-size:1.5em; line-height:1.2;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_sort{margin:-3px 8px 0 0;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_cate{display:inline-block; margin:-3px 5px 0 0; padding:0 10px; border-radius:26px; background:#909aab; font-size:13px; line-height:26px; color:#fff; vertical-align:middle;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_cate[data-type-cate="예매중"]{background:#4f67d6;}
.calendar_monthly .schedule_area .sa_pop .pop_tit .sa_cate[data-type-cate="전석 매진"]{background:#eb5b5b;}
.calendar_monthly .schedule_area .sa_pop .pop_date,
.calendar_monthly .schedule_area .sa_pop .pop_place,
.calendar_monthly .schedule_area .sa_pop .pop_price{display:block; position:relative; margin:5px 0; padding-left:15px; line-height:1.4;}
.calendar_monthly .schedule_area .sa_pop .pop_date:before,
.calendar_monthly .schedule_area .sa_pop .pop_place:before,
.calendar_monthly .schedule_area .sa_pop .pop_price:before{content:''; display:inline-block; position:absolute; top:11px; left:0; width:8px; height:1px; background:#787878;}
.calendar_monthly .schedule_area .sa_pop .pop_btn{margin-top:40px;}
.calendar_monthly .schedule_area .sa_pop .pop_btn .button{width:160px;}
/* 연간일정 */
.calendar_annual_wrap{}
.calendar_annual_wrap .calendar_srch{position:relative; overflow:hidden; padding:40px; background:#f5f5f5;}
.calendar_annual_wrap .calendar_srch .slt_area{position:absolute; top:40px; left:40px;}
.calendar_annual_wrap .calendar_srch .today_year{font-weight:600; font-size:2.5em; line-height:1.2; letter-spacing:-1px; text-align:center;}
.calendar_annual_wrap .calendar_annual{margin-top:45px;}
.calendar_annual .annual_head{border-top:1px solid #000; border-bottom:1px solid #000; box-shadow:0 4px 0 #f7f7f7;}
.calendar_annual .annual_head:after{content:''; display:block; clear:both;}
.calendar_annual .annual_head li{float:left; height:55px; line-height:55px; font-weight:800; font-size:1.0625em; text-align:center;}
.calendar_annual .annual_head li:nth-child(1){width:13%;}
.calendar_annual .annual_head li:nth-child(2){width:11%;}
.calendar_annual .annual_head li:nth-child(3){width:11%;}
.calendar_annual .annual_head li:nth-child(4){width:65%;}
.calendar_annual .annual_lst > li{position:relative; min-height:80px; border-bottom:1px solid #ababab; background-repeat:no-repeat; background-image:linear-gradient(#e2e2e2, #e2e2e2),linear-gradient(#e2e2e2, #e2e2e2),linear-gradient(#e2e2e2, #e2e2e2); background-size:1px 100%; background-position:13% 0,24% 0,35% 0;}
.calendar_annual .annual_lst dl{}
.calendar_annual .annual_lst dt{position:absolute; top:4px; left:0; bottom:0; width:13%; padding-left:10px; background:#fff; line-height:1.4; text-align:center;}
.calendar_annual .annual_lst dt strong{display:block; font-size:2em;}
.calendar_annual .annual_lst dt .en{display:block; font-size:1em;}
.calendar_annual .annual_lst dd{display:flex; align-items:center; border-bottom:1px solid #e2e2e2;}
.calendar_annual .annual_lst dd:last-child{border-bottom:0;}
.calendar_annual .annual_lst dd:before{content:''; float:left; display:block; width:13%;}
.calendar_annual .annual_lst dd .date{width:11%; margin:0; padding:15px 0; text-align:center;}
.calendar_annual .annual_lst dd .sort_area{float:left; width:11%; margin:0; padding:15px 0; text-align:center;}
.calendar_annual .annual_lst dd .sort{display:inline-block; height:26px; line-height:24px; padding:0 15px; border-radius:26px; border:1px solid currentcolor; font-weight:600; font-style:normal; font-size:14px;}
.calendar_annual .annual_lst dd .tit{float:left; width:65%; margin:0; padding:15px 30px;}

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

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

@media all and (max-width:1259px){
	/**************************************************
		게시판
	**************************************************/
	#bbsList [data-table-type="hide_t"]{display:none;}

	/**************************************************
		안내박스
	**************************************************/
	/* Box Type3 */
	.box_comm3{padding:40px;}
	/* Box Type3 */
	.box_comm4 .img_area{display:inline-flex; float:none;}
	.box_comm4 .txt_area{padding:40px 30px;}

	/**************************************************
		달력
	**************************************************/
	/* 월간일정 */
	.calendar_monthly_wrap .calendar_srch{padding:15px;}
	.calendar_monthly_wrap .calendar_srch .today_month{top:15px;}
	.calendar_monthly td{padding:10px;}
	.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:before,
	.calendar_monthly td:nth-child(n + 6) .schedule_area .sa_pop:after{right:30px;}
	.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:before,
	.calendar_monthly td:nth-child(-n + 2) .schedule_area .sa_pop:after{left:30px;}
	.calendar_monthly .schedule_area .sa_sort{padding:0 10px;}
	.calendar_monthly .schedule_area .sa_pop{width:540px; padding-top:15px;}
	.calendar_monthly .schedule_area .sa_pop:before,
	.calendar_monthly .schedule_area .sa_pop:after{border-width:0 16px 15px 16px;}
	.calendar_monthly .schedule_area .sa_pop > .inr{padding:30px;}
	.calendar_monthly .schedule_area .sa_pop .close_pop{width:30px; height:30px;}
	.calendar_monthly .schedule_area .sa_pop .pop_img{margin-right:30px;}
	.calendar_monthly .schedule_area .sa_pop .pop_info{width:calc(70% - 30px);}

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

}

/* 01. Tablet 768px ~ 1023px */
@media all and (max-width:1023px){
	.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 > 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 */
	.pagination{margin:20px 0;}
	.normal_pagination{display:none;}
	.mobile_pagination{display:block;}
	.pagination a,
	.pagination strong{min-width:30px; height:30px; line-height:30px;}

	/**************************************************
		게시판
	**************************************************/
	.bbsSrch{margin-bottom:20px;}
	/* List(Default) */
	#bbsList{margin-bottom:20px;}
	#bbsList [data-table-type="hide_m"]{display:none;}
	/* List(갤러리) */

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

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

	/** Faq 토글 **/
	.faq_lst .item_info .link_cont{padding:16px 50px 16px 55px;}
	.faq_lst .item_info .info_cont .ans_info{top:15px; left:40px;}
	.faq_lst .item_info .info_cont .ans_info:before{right:calc(100% + 10px);}
	.faq_lst .item_info .info_cont .ans_info:after{right:calc(100% + 8px);}
	.faq_lst .item_info .link_cont .que_info{left:10px;}
	.faq_lst .item_info .link_cont .tit_info{font-size:1em;}
	/* 내용 */
	.faq_lst .item_info .info_cont .desc_info{padding:20px 20px 20px 85px;}

	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	/* 공통 */
	.conTit22: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-top: 32px;}
	.conTit3{margin:20px 0 10px;}
	.conTit4{margin:20px 0 10px;}
	.conTit5{margin:20px 0 10px;}
	.conTit6{margin:20px 0 10px;}

	/* 컨텐츠 들여쓰기 */
	.conBox0{padding:15px 20px;}

	/**************************************************
		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);}
	.slickwrap .nav .slick-dots li{padding:0 5px;}
	.slickwrap .nav .slick-dots button{margin-top:0;}
	/* 카드형 게시판 슬라이드 */
	.cardzone{max-width:none; margin:0 15px; padding:20px; border-radius:15px;}
	.cardzone .nav > button{width:30px; height:30px;}
	.cardzone .nav > button:after{width:13px; height:26px; background-position:0 -58px;}
	.cardzone .nav .ctrl_area .count{font-size:14px;}
	.cardzone .nav .prev:after,
	.cardzone .nav .next:after{width:8px; height:14px; background-position:0 -54px;}

	/**************************************************
		달력
	**************************************************/
	/* 월간일정 */
	.calendar_monthly,
	.calendar_monthly tbody,
	.calendar_monthly tr,
	.calendar_monthly td{display:block;}
	.calendar_monthly caption,
	.calendar_monthly thead,
	.calendar_monthly td.empty{display:none;}
	.calendar_monthly td{position:relative; height:auto; min-height:60px; padding:15px 10px 12px 60px; border-width:1px 0 0; box-shadow:none !important;}
	.calendar_monthly td:after{content:''; display:block; clear:both;}
	.calendar_monthly td > .date{position:absolute; top:15px; left:0; right:calc(100% - 60px); margin:0; font-size:1.33em; line-height:1.2; text-align:center;}
	.calendar_monthly td > .date em{display:block; font-size:0.6em;}
	.calendar_monthly .schedule_area ~ .schedule_area{margin-top:20px;}
	.calendar_monthly .schedule_area .sa_tit{margin-top:5px;}
	.calendar_monthly .schedule_area .btn_mobile{display:block; margin-top:5px;}
	.calendar_monthly .schedule_area .sa_pop{display:none !important;}

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

	/* link_button */
	.link_button.download2{background-image:url(../images/content/ico_link_x2.png); background-size:23px auto;}

}

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

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

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	/* List(Default) */
	/*#bbsList [data-table-type="hide_m"]{display:none;}*/
	/* List(갤러리) */
	#bbsPhoto .lst > li:nth-child(n){clear:none; width:calc(50% - 5px); margin-bottom:15px; margin-left:10px;}
	#bbsPhoto .lst > li:nth-child(2n+1){clear:left; margin-left:0;}
	#bbsPhoto .lst > li a .tit{margin:5px; font-weight:400;}
	#bbsPhoto .lst > li .info{margin-bottom:10px;}
	/* List(카드뉴스) */
	#bbsPhoto2{}
	#bbsPhoto2 .lst li{width:calc(50% - 5px); margin:0 0 20px 10px;}
	#bbsPhoto2 .lst li:nth-child(2n+1){clear:left; margin-left:0;}
	#bbsPhoto2 .lst li .tit{padding:10px 0 5px; font-size:1em;}
	/* View */
	#bbsView .form_group dl dt{padding:10px 8px; font-size:1em;}
	#bbsView .form_group dl dd{padding:10px 5px; font-size:1em;}
	#bbsView .form_group dl.title dd{padding:15px 0; font-size:1.14em;}
	#bbsView .form_group dl.content dd{padding:20px 10px;}
	.button_wrap{margin:20px 0;}
	/* View(카드뉴스) */
	#bbsView2 .bbsViewHead{padding:10px 0;}
	#bbsView2 .bbsViewHead .date{margin-top:5px;}
	/* 버튼 그룹 */
	.bbsViewBtm{margin:20px 0;}
	/* 이전,다음글 */
	.bbsViewNav 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:39px; padding:0 15px; font-size:1rem; line-height:37px;}

	/**************************************************
		안내박스
	**************************************************/
	/* Box Type3, 4 */
	.box_comm,
	.box_comm2,
	.box_comm3{margin-bottom:30px; padding:30px;}
	.box_comm4{min-height:inherit; padding:10px 0 0 20px;}
	.box_comm4 .img_area{margin:-10px 20px 0 -20px;}
	.box_comm4 .txt_area{padding:30px 15px;}
	.box_comm4 .bxcomm_bdbx{padding:15px 10px;}

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

	/**************************************************
		달력
	**************************************************/
	/* 월간일정 */
	.calendar_monthly_wrap .calendar_srch{text-align:center;}
	.calendar_monthly_wrap .calendar_srch .slt_area .slt_month{display:inline-block;}
	.calendar_monthly_wrap .calendar_srch .nav_month{display:none;}
	.calendar_monthly_wrap .calendar_srch .today_month{position:relative; top:auto; right:auto; left:auto; margin-top:10px; font-size:32px; line-height:1.2;}
	.calendar_monthly_wrap .calendar_guide{overflow:hidden; margin:20px 0 10px;}
	.calendar_monthly_wrap .calendar_guide .guide_ico{margin:5px 0 0 6px;}
	.calendar_monthly_wrap .ico_hall{min-width:22px; min-height:22px; padding-left:22px;}
	.calendar_monthly_wrap .ico_hall:before{width:22px; height:22px; line-height:22px; font-size:13px;}
	.calendar_monthly_wrap .ico_hall em{margin-left:3px; font-size:13px; line-height:22px;}
	.calendar_monthly_wrap .calendar_monthly .schedule_area .sa_sort{height:22px; line-height:20px; padding:0 10px; font-size:13px;}
	/* 연간일정 */
	.calendar_annual_wrap .calendar_srch{padding:20px;}
	.calendar_annual_wrap .calendar_srch .slt_area{position:relative; top:auto; left:auto; text-align:center;}
	.calendar_annual_wrap .calendar_srch .today_year{margin-top:10px; font-size:2.13em;}
	.calendar_annual_wrap .calendar_annual{margin-top:20px;}
	.calendar_annual .annual_head{display:none;}
	.calendar_annual .annual_lst{border-top:1px solid #000; box-shadow:inset 0 4px 0 #f7f7f7;}
	.calendar_annual .annual_lst > li{background-position:21% 0,31% 0,52% 0;}
	.calendar_annual .annual_lst dt{top:10px; width:21%; padding-left:5px; font-size:0.8em;}
	.calendar_annual .annual_lst dd:before{width:21%;}
	.calendar_annual .annual_lst dd .date{width:10%; padding:10px 0;}
	.calendar_annual .annual_lst dd .sort_area{width:21%; padding:10px 0 9px;}
	.calendar_annual .annual_lst dd .sort{padding:0 10px;}
	.calendar_annual .annual_lst dd .tit{width:48%; padding:10px; line-height:1.4;}

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

	/* 목록 */
	.conLst,
	.conLst2,
	.conLst3{margin:0 0 12px;}

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

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

	/**************************************************
		게시판
	**************************************************/
	/* 공통 검색 */
	.bbsSrch{padding:10px;}
	.bbsSrch input[type="text"],
	.bbsSrch input[type="password"],
	.bbsSrch input[type="number"],
	.bbsSrch input[type="tel"],
	.bbsSrch input[type="date"],
	.bbsSrch input[type="email"],
	.bbsSrch select,
	.bbsSrch button,
	.bbsSrch .button{width:100%; margin-left:0; margin-right:0;}
	.bbsSrch .srch_date_wrap{display:block;}
	.bbsSrch .srch_word_wrap{display:block;}
	.bbsSrch .srch_date_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_date_wrap input{float:left; width:calc(50% - 10px);}
	.bbsSrch .srch_date_wrap span{float:left; width:20px; height:39px; margin:2px 0; line-height:39px;}
	.bbsSrch .srch_word_wrap:after{content:''; display:block; clear:both;}
	.bbsSrch .srch_word_wrap select{float:left; width:35%;}
	.bbsSrch .srch_word_wrap .word{float:left; width:calc(65% - 5px); margin-left:5px;}
	/* List(갤러리) */
	/* List(카드뉴스) */
	#bbsPhoto2 .lst li .desc{height:36px; line-height:18px; font-size:0.875em;}
	#bbsPhoto2 .lst li .date{font-size:0.8125em;}

	/* View */
	.bbsViewNav .form_group dl.nav dd > a{margin-right:0;}
	.bbsViewNav .form_group dl.nav dd .date{display:block; position:relative; top:auto; right:auto; font-size:0.86em; color:#666;}

	/**************************************************
		안내박스
	**************************************************/
	.box_comm{padding:15px;}
	.box_comm .tit_box{font-size:1.6em;}
	.box_comm2{padding:20px;}
	.box_comm2 .tit_box{font-size:1.6em;}
	/* Box Type2(icon/text) */
	.box_comm2.ico{min-height:auto; padding:20px;}
	.box_comm2.ico:before,
	.box_comm2.ico .ico_box{display:none;}
	.box_comm2.ico .tit_box{margin-top:0;}

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

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

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