@charset "utf-8";

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

.slider .slick-track,
.slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 10ms;
}




#bo_sch {position:relative; width:100%; max-width:inherit; display:block; text-align:center; margin:0 auto 30px; padding:30px 60px; background:#f6f6f6; border:1px solid #ddd; border-radius:0px;}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}

.all_list_sch{width:100%; max-width:600px; margin:0 auto;}
#bo_sch form { display:flex; justify-content:center;}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select{width:25%; max-width:125px; height:44px; font-size:16px; color:#555; border:1px solid #cfcfcf; vertical-align:top; padding:0 10px; margin-right:5px; border-radius:3px; background:#fff;}
#bo_sch .sch_input{width:52%; max-width:320px; height:44px; border:1px solid #cfcfcf; padding:0; font-size:16px; background-color:#fff; padding:0 40px 0 10px; vertical-align:top; border-radius:3px; margin-right:5px;}
#bo_sch .sch_input:focus{outline:none;border-bottom:2px solid #e32464}
#bo_sch .sch_btn{width:20%; position:inherit; max-width:44px; height:44px; color:#fff; border-radius:3px; background:#333; font-size:17px; vertical-align:top; border:0;}




.btn_s{display:inline-block;height:33px;line-height:30px;border-radius:30px;padding: 0 15px
;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
.btn_m{display:inline-block;height:40px;line-height:38px;border-radius:30px;padding: 0 15px
;transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}
.btn_l{display:inline-block;border-radius:30px;padding: 10px 25px; font-size:	20px; font-weight:500;
transition: 0.3s all ease-in-out;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;

-o-transition: 0.3s all ease-in-out;
-ms-transition: 0.3s all ease-in-out}


a.btn01 {display:inline-block;background:#eee;color:#444;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {display:inline-block;border:1px solid transparent;background:#064a7e;color:#fff;text-decoration:none;vertical-align:middle;cursor: pointer; /*padding:9px 25px;*/}
.btn_submit:hover {background:#0f66a9}
a.btn_cancel {display:inline-block;background:#ddd;color:#444;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}


a.btn_b01,.btn_b01 {display:inline-block;background:#eee;border:1px solid transparent;color:#6b6b6b;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#f8f8f8;color:#000}
a.btn_b02 ,.btn_b02{display:inline-block;border:1px solid transparent;background:#064a7e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0f66a9}
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block;background:#ff0000;color:#fff;font-size:16px;text-decoration:none;vertical-align:middle;border-radius:30px; padding:0 20px; line-height:40px;text-align:center;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover  {color:#fff;background:#db0000}

.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}

.pg_wrap {clear:both;margin:30px 0;text-align:center}
.pg {display:inline-block }
.pg_page, .pg_current {display:inline-block;padding:0 13px;height:35px;color:#959595;line-height:35px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none;background-color:#f8f8f8; }
.pg_page {background:#eee;}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #eee;width:35px;height:35px ;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#064a7e;color:#fff;font-weight:normal;line-height:35px;} 



/* 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:fixed; top:-140px; left:0; z-index:10; width:100%; height:40px; line-height:40px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#skip_nav a:hover{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:active{top:0px; z-index:1000; background:#4764ce; color:#fff;}
#skip_nav a:focus{top:0px; z-index:1000; background:#4764ce; color:#fff;}
/* Float Clear */
.clr:after{content:''; display:block; clear:both;}
/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}

/* 폰트강조 */
.fc01{color:#ec1616;}/* red */
.fc02{color:#30aa00;}/* green */
.fc03{color:#2f68c3;}/* blue */
.fc04{color:#6c4ea0;}/* violet */
.fc05{color:#c56f08;}/* sepia */
.fc06{color:#0b99f4;}/* skyblue */
.fc07{color:#ee4183;}/* pink */

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

/* form tag */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
textarea{padding:5px 8px; border:1px solid #adadad; border-radius:0; background:#fff; vertical-align:middle; font-size:15px;}
select{
	position:relative;
	
	min-width:80px;
	padding:0 25px 0 8px;
	background-image:linear-gradient(45deg, transparent 5px, #888 5px, #888 6px, transparent 0), linear-gradient(-45deg, transparent 5px, #888 5px, #888 6px, transparent 0);
    background-position:center right 11px, center right 5px;
    background-size:9px 8px, 9px 8px;
    background-repeat:no-repeat;
}
select::-ms-expand{display:none;}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="email"],
select{height:39px; margin:1px 0;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="file"]{background:#fff; font-size:15px; padding:3px 0;}
input[type="checkbox"],
input[type="radio"]{width:18px; height:18px; margin:2px 3px 1px 0;}
input[readonly],
input[disabled]{background:#eee;}
input[type="password"] {font-family:'dotum'; font-size:16px;}
select.readonly {background:#eee;}
select.readonly option[disabled] {background:#eee; color:#ccc;}
table input[type="text"],
table input[type="password"]{width:100%; max-width:180px;}
table input[type="file"]{width:100%; max-width:245px;}
table textarea{width:100%;}
input::placeholder{color:#888;}
input:-ms-input-placeholder{color:#888;}
textarea::placeholder,
textarea::-webkit-input-placeholder{color:#888;}
textarea:-ms-input-placeholder{color:#888;}
/* 이미지 체크박스 */
.btn_chkbox{display:inline-block; position:relative; overflow:hidden; height:20px; line-height:20px; vertical-align:middle;}
.btn_chkbox input{position:absolute; clip:rect(0, 0, 0, 0); width:1px; height:1px; margin:-1px; overflow:hidden;}
.btn_chkbox label{display:inline-block; height:20px; line-height:20px; padding:0 10px 0 27px; vertical-align:top; cursor:pointer;}
.btn_chkbox label:before{content:''; display:inline-block; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; width:20px; height:20px; margin:auto 0; border:1px solid #888; background:linear-gradient(#fff, #fff) 6px 6px/6px 6px no-repeat,linear-gradient(#888, #888) 5px 5px/8px 8px no-repeat; background-color:#fff; vertical-align:middle;}
.btn_chkbox input:checked + label:before{border:6px solid #333; background:#fff;}

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

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

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

/* datepicker */
input.datepicker,
input.datetimepicker{width:120px; padding-right:20px !important; background:#fff url(../images/base/calendar.gif) no-repeat 100% 50%/21px 21px !important;}
table input.datepicker,
table input.datetimepicker{max-width:115px;}
/* datepicker layer button bg */
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {background-image:url(../images/board/sp_datepicker.png);}

/**************************************************
	컨텐츠 블릿,들여쓰기
**************************************************/
/* 공통 */
.conTit2:before,
.conTit22: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:70px 0 20px; font-size:1.8em; line-height:1.2; letter-spacing:-2px;}
.conTit22{position:relative; margin:50px 0 13px; padding-left:50px; font-size:1.875em; line-height:1.2; letter-spacing:-2px;}
.conTit3{position:relative; margin:30px 0 10px; font-size:1.4em; line-height:1.4;}
.conTit4{position:relative; margin:30px 0 10px; font-size:1.31em; line-height:1.4;}
.conTit5{position:relative; margin:30px 0 10px; font-size:1.25em; line-height:1.4;}
.conTit6{position:relative; margin:30px 0 10px; font-size:1em; line-height:1.4;}
.conTit2:first-child,
.conTit22:first-child,
.conTit3:first-child,
.conTit4:first-child,
.conTit5:first-child,
.conTit6:first-child{margin-top:10px;}
/*.conTit2:before{top:6px; left:0; width:17px; height:17px; background-position:0 0;}*/
.conTit2:before{top:-10px; left:0; width:26px; height:2px; background:#0072ba;}
.conTit22:before{top:5px; left:15px; width:28px; height:28px; background-position:0 -20px;}
/* 컨텐츠 들여쓰기 */
.cont_body .conBox{position:relative; margin-bottom:30px;}
.conTit2 + .conBox{margin-bottom:30px; margin-left:38px;}
.conTit22 + .conBox{margin-bottom:30px; margin-left:50px;}
.conTit3 + .conBox{margin-bottom:30px;}
.conTit4 + .conBox{margin-bottom:30px;}
.conTit5 + .conBox{margin-bottom:30px;}
.conTit6 + .conBox{margin-bottom:30px;}
/* 목록 */
.conLst,
.conLst2,
.conLst3{margin:10px 0 20px;}
.conLst ul,
.conLst ol,
.conLst2 ul,
.conLst2 ol,
.conLst3 ul,
.conLst3 ol{margin-top:5px; margin-bottom:10px; }
.cont_body td > ul,
.cont_body td > ol{margin-bottom:0;}
.conLst li .button,
.conLst2 li .button,
.conLst3 li .button,
.conLst4 li .button,
.conLst li .link_button,
.conLst2 li .link_button,
.conLst3 li .link_button,
.conLst4 li .link_button{margin-top:0; margin-bottom:0;}
.conLst li,
.conLst2 li,
.conLst3 li,
.conLst4 li{position:relative; margin-bottom:5px; line-height:1.6;}
.conLst > li{padding-left:13px; background:linear-gradient(#3d84b2,#333) no-repeat 0 12px/6px 2px;}
.conLst2 > li{padding-left:21px; background:linear-gradient(#444,#444) no-repeat 10px 9px/3px 3px;}
.conLst3 > li{padding-left:12px; background:linear-gradient(#444,#444) no-repeat 0 10px/4px 1px;}
/* 순서목록 */
.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:17px;}
table th{padding:14px 5px; background:#f5f5f5; font-weight:600; font-size:17px; text-align:center;}
table thead + tbody th{background:#fcfcfc;}
table tbody th{padding-left:12px; padding-right:12px;}
table td{padding:13px 12px;}
/* Table02 */
table.tbl02{position:relative; /*border-top:1px solid #000; border-bottom:1px solid #000;*/}
table.tbl02:after{content:''; display:block; position:absolute; left:0; bottom:0; z-index:10; width:100%; height:1px; background:#000;}
table.tbl02 th,
table.tbl02 td{padding:14px 5px; border:1px solid #e2e2e2; background:none;}
table.tbl02 th{font-weight:600; font-size:1.06rem; text-align:center;}
table.tbl02 td{padding:13px 12px; font-size:1rem;}
table.tbl02 tbody tr:first-child th,
table.tbl02 tbody tr:first-child td{box-shadow:inset 0 4px 0 #f7f7f7;}
table.tbl02 thead th{border-left:0; border-right:0; border-color:#000;}
table.tbl02 tbody th{padding-left:12px; padding-right:12px;}
table.tbl02 th:first-child,
table.tbl02 td:first-child{border-left:0;}
table.tbl02 th:last-child,
table.tbl02 td:last-child{border-right:0;}
table.tbl02 tr:first-child th,
table.tbl02 tr:first-child td{border-top-color:#61646c;}
table.tbl02 thead .bdl{border-left:1px solid #e2e2e2;}
table.tbl02 thead .bdr{border-right:1px solid #e2e2e2;}
table.tbl02 tbody .bdl{border-left:1px solid #e2e2e2;}
table.tbl02 tbody .bdr{border-right:1px solid #e2e2e2;}

/**************************************************
	안내박스
**************************************************/
/* Box Type1 */
.box_comm{margin-bottom:40px; padding:20px; border:1px solid #ddd; border-bottom-width:3px;}
.box_comm ul{margin-bottom:0;}
.box_comm p:first-child{margin-top:0;}
.box_comm p:last-child{margin-bottom:0;}
/* Box Type2 */
.box_comm2{margin-bottom:40px; padding:50px; border:1px solid #4f5259; background:#fff;}
.box_comm2 ul{margin-bottom:0;}
.box_comm2 p:first-child{margin-top:0;}
.box_comm2 p:last-child{margin-bottom:0;}
/* Box Type3 */
.box_comm3{position:relative; margin-bottom:40px; padding:40px; background:#f5f5f5;}
.box_comm3 ul{margin-bottom:0;}
.box_comm3 p:first-child{margin-top:0;}
.box_comm3 p:last-child{margin-bottom:0;}
/* Box Type4 */
.box_comm4{position:relative; background:url(../images/common/box_comm_bg01.png) no-repeat left top; border-bottom:2px solid #ededed; padding:55px 40px 40px 210px; min-height:220px; margin-bottom:30px;}
.box_comm4:after { content:''; display:block; width:2px; background:#ededed; position:absolute; right:0; top:88px; bottom:0;}
.box_comm4 span.ico{display:block; position:absolute; left:40px; top:44px; width:128px; height:121px;}
.box_comm4 h2 {font-size:20px; color:#2a2773; margin-bottom:14px; letter-spacing: -0.07em;}
.box_comm4 h3 { color:#2a2773; font-size:17px; margin-bottom:14px;}
.box_comm5 {background: rgb(244,252,255); background:linear-gradient(90deg, rgba(244,252,255,1) 0%, rgba(243,254,244,1) 100%); padding:15px;}
.box_comm5 .inr {background:#fff; padding:50px;}
/**************************************************
	Button
**************************************************/
/* Button common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; transition:all .3s;}

/* Button Size */
.button{position:relative; overflow:hidden; height:39px; line-height:37px; margin:2px 3px; padding:0 15px; border:1px solid transparent; font-weight:600; font-size:1rem; letter-spacing:0; border-radius:4px;}
.button.xs{height:22px; padding:0 10px; font-size:0.75rem; line-height:20px;}
.button.sm{height:26px; padding:0 12px; font-size:0.875rem; line-height:24px;}
.button.rg{height:48px; padding:0 30px; font-size:1.0625rem; line-height:46px;}
.button.lg{height:64px; padding:0 50px; font-size:1.125rem; line-height:62px;}
/* Button Color */
.button{border-color:#434343; background-color:#fff; color:#333 !important;}
.button.blue{border-color:transparent; background-color:#2f68c3; color:#fff !important;}
.button.violet{border-color:transparent; background-color:#6c4ea0; color:#fff !important;}
.button.red{border-color:transparent; background-color:#e21448; color:#fff !important;}
.button.black{border-color:transparent; background-color:#222; color:#fff !important;}
.button.darkgray{border-color:transparent; background-color:#434343; color:#fff !important;}
.button.gray{border-color:transparent; background-color:#737373; color:#fff !important;}
/* Button + Icon */
.button.ico{}
.button.ico:before{content:''; display:inline-block; vertical-align:middle;}
.button.ico.srch:before{width:16px; height:16px; margin:-4px 5px 0 0; background-position:-179px 0;}
.button.ico.blue.srch:before,
.button.ico.violet.srch:before,
.button.ico.red.srch:before,
.button.ico.black.srch:before,
.button.ico.darkgray.srch:before,
.button.ico.gray.srch:before{background-position:-153px 0;}
/* Button Active */
/* .button:hover,
.button:focus{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12);} */
.button:hover:after,
.button:focus:after{content:''; opacity:0.08; position:absolute; top:0; right:0; bottom:0; left:0; background:currentcolor;}
/* Button Strong */
.button.strong{font-weight:bold !important;}
/* Button Block */
.button.block{display:block; width:100%;}
/* Link Button Common */
.link_button,
.link_button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; border:1px solid transparent; word-break:normal; text-align:left; vertical-align:middle; cursor:pointer;}
/* link_button Size */
.link_button{margin:2px 3px; padding:8px 55px 8px 15px; border-color:#adadad; background-color:#fff; color:#333 !important; line-height:24px;}
/* link_button Icon */
.link_button:before,
.link_button:after{content:''; display:inline-block; position:absolute; top:0; right:0; box-sizing:border-box;}
.link_button:before{right:38px; bottom:0; border-left:1px solid #d9d9d9; background-color:#fff;}
.link_button:after{top:0; left:calc(100% - 38px); right:0; bottom:0; width:22px; height:20px; margin:auto; background-color:#fff;}
.link_button.homepage:after{width:22px; height:19px; background-position:0 0;}
.link_button.download:after{width:17px; height:18px; background-position:-34px 0;}
.link_button.view:after{width:16px; height:16px; background-position:-126px 0;}
.link_button.location:after{width:18px; height:20px; background-position:-64px 0;}
.link_button.direct:after{width:20px; height:20px; background-position:-93px 0;}
/* link_button.Text */
.link_button.txt{height:auto; padding:0; border:none; background:none; line-height:24px; text-align:left; /*text-decoration:underline !important;*/ white-space:normal; word-break:break-all;}
.link_button.txt:before{display:none;}
.link_button.txt:after{position:relative; top:auto; left:auto; right:auto; bottom:auto; width:26px; height:24px; margin:0 0 4px 5px; border:1px solid #adadad; vertical-align:middle;}
.link_button.txt.homepage:after{background-position:1px 2px;}
.link_button.txt.download:after{background-position:-31px 1px;}
.link_button.txt.view:after{background-position:-122px 3px;}
.link_button.txt.location:after{background-position:-61px 1px;}
.link_button.txt.direct:after{background-position:-91px 1px;}
/* link_button.Icon */
.link_button.ico{overflow:hidden; width:26px; height:24px; padding:0; line-height:24px; text-indent:-9999em; vertical-align:top;}
.link_button.ico:before{display:none;}
.link_button.ico:after{left:0;}
/* 첨부파일 아이콘 */
.button_file{display:inline-block; box-sizing:border-box; overflow:hidden; width:28px; height:28px; margin:2px; border:1px solid #adadad; vertical-align:middle; text-align:center;}
.button_file img{vertical-align:middle;}

/* Pagination */
.pagination{overflow:hidden; margin:30px 0; text-align:center; font-size:0; line-height:normal;}
.pagination .total{display:none;}
.normal_pagination{}
.mobile_pagination{display:none;}
.pagination a,
.pagination strong{display:inline-block; position:relative; box-sizing:border-box; min-width:40px; height:40px; margin:2px 2.5px; border:1px solid #d9d9d9; background:#fff; font-size:13px; font-weight:600; color:#777; line-height:40px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#333; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{overflow:hidden; text-indent:-9999em;}
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:inline-block; width:8px; height:11px; margin:auto; vertical-align:middle;}
.pagination .page_prev:before{background-position:-24px -30px;}
.pagination .page_prevend:before{width:14px; background-position:0 -30px;}
.pagination .page_next:after{background-position:-42px -30px;}
.pagination .page_nextend:after{width:14px; background-position:-60px -30px;}

/**************************************************
	게시판
**************************************************/
/* Common */
.bbsIco{display:inline-block; position:relative; overflow:hidden; color:transparent; vertical-align:middle;}
.bbsIco.ntc{height:26px; padding:0 15px; border-radius:26px; border:1px solid #2f68c3; background:#fff; font-size:0.9375rem; line-height:24px; color:#2f68c3;}
.bbsIco.new{width:18px; height:18px; margin-left:5px; background-position:0 -51px;}
.bbsIco.re{width:25px; height:20px; margin:0 3px; background-position:-54px -51px;}
.bbsIco.marking{width:6px; height:5px; margin:0 3px; background-position:-151px -51px;}
.bbsIco.secret{width:13px; height:16px; margin-left:5px; background-position:-128px -51px;}
/* 공통 검색 */
.bbsSrch{margin:0 0 35px; padding:25px 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:1.2em; text-align:center;}
.common-nodata-msg{text-align:center;}
.bbsTotal{margin:10px 0;}

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

/* 버튼 그룹 */
.bbsViewBtm{margin:30px 0; text-align:center;}
.bbsViewBtm:after{content:''; display:block; clear:both;}
.button_wrap{margin:40px 0 20px; 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{border-top:1px solid #e5e5e5;}
.faq_lst .item_info{border-bottom:1px solid #e5e5e5;}
.faq_lst .item_info .link_cont{display:block; position:relative; padding:32px 60px 32px 60px;}
.faq_lst .item_info .link_cont .que_info{position:absolute; top:50%; left:20px; transform:translateY(-50%); font-family:arial; font-size:1.25em; color:#4292b8;}
.faq_lst .item_info .link_cont .tit_info{font-size:1.125em; line-height:1.66;}
/* 아이콘 + */
.faq_lst .item_info .link_cont .btn_arr{position:absolute; top:0; right:20px; bottom:0; overflow:hidden; width:20px; height:20px; margin:auto; color:transparent;}
.faq_lst .item_info .link_cont .btn_arr:before,
.faq_lst .item_info .link_cont .btn_arr:after{content:''; display:block; box-sizing:border-box; position:absolute; top:0%; left:0; right:0; bottom:0; width:100%; height:2px; margin:auto; background:#000;}
.faq_lst .item_info .link_cont .btn_arr:after{width:2px; height:100%; transition:transform .4s;}
.faq_lst .item_info.on .link_cont .btn_arr:after{transform:rotate(-90deg);}
/* 아이콘 화살표 */
/*.faq_lst .item_info .link_cont .btn_arr{position:absolute; top:0; right:20px; bottom:0; overflow:hidden; width:20px; height:10px; margin:auto; color:transparent; transition:transform .4s;}
.faq_lst .item_info.on .link_cont .btn_arr{transform:rotate(-180deg);}
.faq_lst .item_info .link_cont .btn_arr:before,
.faq_lst .item_info .link_cont .btn_arr:after{content:''; display:block; box-sizing:border-box; position:absolute; top:0%; left:0; width:0; height:0; border:10px solid transparent; border-bottom:0; border-top-color:#000;}
.faq_lst .item_info .link_cont .btn_arr:after{top:-2px; border-top-color:#fff;}*/
/* 내용 */
.faq_lst .item_info .info_cont{display:none;}
.faq_lst .item_info .info_cont .desc_info{padding:22px 120px 52px 60px;}

/**************************************************
	본인인증
**************************************************/
.cont_auth .auth_head{display:flex; justify-content:center; margin:0 0 30px;}
.cont_auth .auth_head:before{content:''; flex:0 0 auto; width:91px; height:94px; margin:0 15px 0 0; background:url(../images/common/ico_auth_tit.jpg) no-repeat 0 0/cover;}
.cont_auth .auth_head .title{margin-bottom:10px; font-weight:600; font-size:2em; line-height:1.2; color:#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;}

/* 카드형 게시판 슬라이드 */
.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);}
/* 알림존 */
.popzone .slider{margin:0 -10px;}
.popzone .item > .inr{padding:0 10px;}
.popzone .item .txt{display:block; overflow:hidden; text-overflow:ellipsis; line-height:24px; margin:15px 0 0; font-size:16px; white-space:nowrap;}
.popzone .nav .ctrl_area{overflow:hidden;}
.popzone .nav .count{float:right; margin-right:96px;}
.popzone .nav .pause{position:absolute; bottom:0; right:32px;}
.popzone .nav .play{position:absolute; bottom:0; right:32px;}
.popzone .nav .prev{left:calc(100% - 94px);}

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

/* 01. Tablet 768px ~ 1023px */
@media screen 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;}

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

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

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

	/**************************************************
		컨텐츠 블릿,들여쓰기
	**************************************************/
	/* 공통 */
	.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:30px 0 13px; font-size:1.5em;}
	.conTit22{margin:30px 0 13px; font-size:1.73em;}
	.conTit3{margin:20px 0 10px;}
	.conTit4{margin:20px 0 10px;}
	.conTit5{margin:20px 0 10px;}
	.conTit6{margin:20px 0 10px;}
	.conTit2:before{top:-8px; width:22px;}
	.conTit22:before{left:2px; top:1px;}

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

	/**************************************************
		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);}
	/* 카드형 게시판 슬라이드 */
	.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;}
	
	.box_comm5 .inr {padding:28px;}
}

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

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

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

	/**************************************************
		Button
	**************************************************/
	/* Button Size - default / small / large */
	.button.lg,
	.button.rg{height: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{padding:24px; min-height:inherit;}
	.box_comm4:before,
	.box_comm4 span.ico{display:none;}
	.box_comm4 h2{font-size:19px; line-height:1.3;}

	/**************************************************
		본인인증
	**************************************************/
	.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;}
	
	.box_comm5 {padding:10px;}
	.box_comm5 .inr {padding:15px;}

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

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

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

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

	/**************************************************
		안내박스
	**************************************************/
	.box_comm{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 screen 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;}
	
	.box_comm5 {padding:7px;}
	.box_comm5 .inr {padding:12px;}
}