@charset "utf-8";

.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scroll{overflow-x:hidden;overflow-y:scroll}

/*HeadGroup*/
h2,h3,h4,h5{position:relative}
h2:after,h3:after,h4:after,h5:after{position:absolute;left:0;content:""}
h2{padding-left:12px;font-weight:500;font-size:1.750em;line-height:1.2857em;color:#094b9d;letter-spacing:-0.04464em}
h2:after{position:absolute;top:-10px;left:0;width:10px;height:11px;/*background:url(../../images/b/common/h2_icon.png) no-repeat;*/content:""}
h2 ~ h2{margin-top:35px}
h2 .badge{display:inline-block;height:30px;padding:5px 18px;margin:7px 0;border-radius:30px;background:#51617c;font-size:0.533em;line-height:1.25em;color:#fff;letter-spacing:-0.03125em;text-align:center;vertical-align:top}
h2 .badge > em{line-height:1.25em;font-family:"Open Sans"}
h2 .small{font-weight:300;font-size:0.643em;line-height:1em;letter-spacing:-0.04167em}
h2 .small > em{font-weight:500}
h2.bullNone{padding-left:0}
h2.bullNone:after{display:none}
.h2_desc{display:block;font-weight:300;font-size:1em;line-height:1.5625em;color:#555;letter-spacing:-0.03125em;word-break:keep-all}
.h2_desc > a[target="_blank"]{position:relative;padding-right:18px;line-height:1.5625em;color:#333}
.h2_desc > a[target="_blank"]:after{position:absolute;top:6px;right:0;width:17px;height:17px;font-size:1.063em;line-height:1em;font-family:"xeicon";content:"\e980"}
h2 + h3{margin-top:35px}
h3{/*padding-left:24px;*/margin:45px 0 20px;font-weight:500;font-size:1.500em;line-height:1.3333em;color:#000;letter-spacing:-0.04167em}
    /*h3:after{top:12px;width:12px;height:10px;border-radius:0 5px 5px 0;background:#ded9d2}*/
h3 + .table_wrap{margin-top:-5px}
h3 > .small{font-size:0.667em;line-height:1em;color:#555;letter-spacing:-0.03125em}
h4{margin:0 0 15px;font-weight:500;font-size:1.375em;line-height:1.4545em;color:#000;letter-spacing:-0.04545em}
h4 ~ h4{margin-top:35px}
.txtp > sub,.txtp > sup{vertical-align:bottom}

/*Ui Style*/
/*셀렉트박스*/
.select_box{position:relative;width:auto;height:2rem;padding:0;border:1px solid #d9dfe8}
.select_box label{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;color:#030101;letter-spacing:-0.03125em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.select_box label:after{position:absolute;top:50%;right:.5rem;width:.75rem;height:.75rem;margin-top:-.4rem;font-size:.8rem;line-height:.5rem;font-family:"xeicon";content:"\e943"}
.select_box select.info_select{position:relative;width:100%;height:100%;padding:0;border:0 none;/*opacity:0;filter:alpha(opacity=0);*/vertical-align:top;cursor:pointer;z-index:1}
.select_box:hover,.select_box:active,.select_box:focus{border-color:#454c69 !important}
.select_box:hover label{color:#030101}
.select_box:hover label:after,
.select_box:active label:after,
.select_box:focus label:after{color:#030101;transform:rotate(180deg);-webkit-transform:rotate(180deg);margin-top:-.6rem;}
.select_box.dataTables_length{width:6.25rem;}

.select_box-btn{border:0;}
.search_frm .select_box-btn label{width:70%;border:1px solid #d9dfe8;}
.select_box-btn select.info_select{width:70%;}
.select_box-btn .btn{display:inline-block;min-width:30%;width:30%;margin-top:0;padding:.45rem 0;height:100%;float:right;background:#30527c !important;}

.w100 {width:100px !important}

/*텍스트가 없는 경우*/
.checkbox.txtHide{width:1rem;height:1rem;margin:auto}
.checkbox.txtHide label{width:1rem;height:1rem;overflow:hidden;padding:0;margin:0}

/*인풋박스*/
input.form-control{height:1rem;padding:.45rem 1rem;font-weight:300;font-size:.8rem;line-height:1rem;color:#030101;letter-spacing:-0.03125rem}
input.form-control:hover,input.form-control:active,input.form-control:focus{border-color:#454c69 !important;color:#030101;box-shadow:none;-webkit-box-shadow:none}

/*첨부파일*/
.fileForm{position:relative}
.fileForm + .fileForm{margin-top:.25rem}
.fileForm input{display:block;position:relative}
.fileForm input.form-control[type="file"],
.fileForm .btn_filesch{position:absolute;top:0;right:0;width:7.75rem;height:100%;margin:0;padding:.45rem 1rem;border:1px solid #636770;background:#fff;font-weight:300;font-size:.8rem;line-height:1.25rem;color:#fff;letter-spacing:-0.03125rem;text-align:center}
.fileForm input[readonly="readonly"]{position:relative;width:100%;height:2rem;padding:.45rem 2rem !important;border:1px solid #d9dfe8 !important;background-color:transparent !important;font-size:.8rem !important;line-height:1.25rem}
.fileForm input[readonly="readonly"]:hover{border-color:#454c69 !important}
.fileForm .btn_filesch{padding:.45rem 0;border-color:#636770;background:#636770;}
.fileForm .btn_filesch:hover{border-color:#3f4e6b;background:#3f4e6b}
.fileForm input.form-control[type="file"]{right:0;opacity:0;z-index:10;cursor:pointer}
.fileForm .iptfile_wrap{display:block;position:relative;padding-right:8.25rem}
.fileForm .iptfile_wrap input[type="text"]{float:none;width:100%}

/*목록*/
[class*="li_"],[class*="li_"] > li{position:relative;font-weight:300;line-height:1.5625rem;color:#555;letter-spacing:-0.03125rem;word-break:keep-all}
[class*="li_"] > li:after{display:block;position:absolute;left:0;content:""}
.li_th1 > li{padding-left:.75rem;}
.li_th1 > li:after{top:.4rem;width:.4rem;height:.4rem;border-radius:.4rem;background:#bbc8da}
.li_th2 > li{padding-left:.6rem;}
.li_th2 > li:after{top:.65rem;width:.15rem;height:.15rem;background:#a6a6a6}
.li_th3 > li{padding-left:.65rem}
.li_th3 > li:after{top:.65rem;width:.2rem;height:1px;background:#555}
.li_th1 .li_th2,.li_th1 .li_th3{margin-top:.5rem;}
.li_num,.li_num > li{line-height:1.3125rem;color:#707070}
.li_num > li{padding-left:1rem;}
.li_num > li + li{margin-top:.2rem}
.li_num .num{position:absolute;top:0;left:0;line-height:1.3125rem}

/*탭메뉴*/
.tabNav_wrap{position:relative;overflow:hidden;max-width:1440px;margin:0 auto 1.5rem;}
.tabNav_wrap:after{position:absolute;top:0;left:0;width:100%;height:100%;content:""}
.tabNav{display:table;position:relative;width:100%;z-index:1}
.tabNav:after{/*clear:both;display:block;content:""*/}
.tabNav > li{display:table-cell;position:relative;max-width:0}
.tabNav a{display:block;position:relative;padding:.55rem 0;font-size:.85rem;line-height:1.2rem;color:#5f6367;letter-spacing:-0.04167rem;text-align:center}
.tabNav a:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid #e1e3e7;border-width:1px;content:"";transition:all .4s}
.tabNav a > span{display:block;line-height:1.2rem}
.tabNav .active a{background:#3f7ac4;font-weight:500;color:#fff}
.tabNav a:hover::after {border-color:#3f7ac4;font-weight:500}
.tabNav .active a:after,.tabNav a:hover:after{border-color:#006cc8}
.tabNav_wrap.fixed{position:fixed;top:4rem;left:0;overflow:visible;width:100%;max-width:none;background:#fff;z-index:2}
.tabNav_wrap.fixed:after{border-width:1px 0}
.tabNav_wrap.fixed:before{position:absolute;bottom:-1rem;left:0;width:100%;height:1rem;background:url(../../images/e/header/header_shadow.png) repeat-x;content:""}
.tabNav_wrap.fixed > .tabNav{width:1440px;margin:0 auto}
.tabNav_wrap.none{display:none;}
.subNav {position:relative;padding:0 320px;margin:50px auto;height:80px}
.subNav::after {position:absolute;left:0;top:0;width:100%;height:100%;background:#f7f7f7;content:''}
.subNav ul {position:relative;z-index:1}
.subNav li{display:table-cell;width:1%}
.subNav a{position:relative;display:block;height:80px;padding:28px 0;font-weight:500;font-size:1.063em;line-height:1.4117em;color:#5f5f5f;letter-spacing:-0.04411em;text-align:center}
.subNav .active a,.subNav a:hover{background:#fff;color:#000}
.subNav a:after{display:none;top:auto;bottom:0;height:auto;border:0 none;font-family:"xeicon";color:#000;content:"\e936"}
.subNav .active a:after{display:block}
.tabNav_wrap.fixed .subNav {display:none}

/*주의사항*/
.caution{position:relative;padding-left:1rem;font-size:0.75rem;line-height:1.2rem;color:#666;letter-spacing:-0.03333rem;word-break:keep-all}
.caution:after{position:absolute;top:2px;left:0;line-height:1.3333em;font-family:"xeicon";color:#ca5252;content:"\e9aa"}

/*기본박스*/
.basic_box{position:relative;padding:9.5rem 1.45rem;border:1px solid #eaeaea;background:#f9f9f9}

/*게시판영역*/
.board_wrap{position:relative;o}
/*범례, 범주*/
.note{display:block;position:absolute;top:0;right:0;white-space:nowrap}
.note.topm30{top:-1.5rem}
/*게시판 가이드*/
.board_guide{display:table;position:relative;width:100%;padding:1.5rem 1.5rem 1.5rem 7.75rem;border:1px solid #eaeaea}
.board_guide:after{position:absolute;top:30px;left:45px;width:84px;height:84px;border-radius:50%;background:#e8ebf0 url(../../images/b/common/board_guide_icon.png) no-repeat 50% 50%;content:""}
.board_guide .li_th3{display:table-cell;width:100%;height:4.2rem;vertical-align:middle}
.board_guide .li_th3,.board_guide .li_th3 > li{font-weight:500;line-height:1.3125rem}

.board_guide + .search_wrap{margin-top:1.5rem;}


/*게시판 본문영역*/
.board_body{position:relative;margin:0 0 1rem}

/*게시물이 없음*/
.no_lstwrap{padding:1rem 0}
.no_lstwrap:hover{border-color:#e4e4e4;box-shadow:none}
.no_lstwrap .no_article{padding:5.0rem 0;background:#fbfbfb;font-weight:300;color:#000;letter-spacing:-0.03125rem;text-align:center}
.no_lstwrap strong{display:block;position:relative;padding-bottom:1rem;margin-bottom:.75rem;font-weight:500;font-size:1.2rem;line-height:1em;letter-spacing:-0.04167rem}
.no_lstwrap strong:after{position:absolute;bottom:0;left:50%;width:1.25rem;height:1px;background:#454b56;transform:translateX(-50%);-webkit-transform:translateX(-50%);content:""}

/*페이징*/
.pagenation_wrap{position:relative;overflow:hidden;height:4rem;margin-top:2.25rem;text-align:center}
.pagenation{display:inline-block;vertical-align:top}
.pagenation a,.pagenation strong,
.pagenation .currentPage{float:left;position:relative;min-width:2rem;height:2rem;padding:.35rem 0;margin: 0 .2rem;border:1px solid transparent;border-radius:0;font-size:.9rem;line-height: 1.3rem;font-family:"Nanum Square";color:#767676;letter-spacing:-0.03125rem;vertical-align:middle;text-align:  center;}
.pagenation strong.active,.pagenation a:hover{border-color:#3f7ac4;background:#3f7ac4;color:#fff}
.pagenation a[class*="xi-"]{overflow:hidden;border-color:#e5ebf0;line-height: 1.2rem;color:#80868a;min-width:2rem !important;width:2rem !important;}
.pagenation a[class*="xi-"]:hover{border-color:#2361b4;background:transparent;color:#2361b4}
.pagenation a.btn.prev{margin-right:.8rem}
.pagenation a.btn.next{margin-left:.8rem}
.pagenation [class*="xi-"].first:before,.pagenation [class*="xi-"].last:before{margin-left:.4rem}
.pagenation [class*="xi-"].first:after,.pagenation [class*="xi-"].last:after{position:absolute;top:.35rem;left:.5rem;font-family:"xeicon";}
.pagenation [class*="xi-"].first:after{content:"\e93b"}
.pagenation [class*="xi-"].last:after{content:"\e93e"}
.pagenation .disabled{cursor:not-allowed}
.pagenation.pageNum{display:none;vertical-align:top}
.pagenation.pageNum .currentPage{padding:.35rem .75rem;margin:0 .5rem;border-color:transparent;font-size:1rem;line-height:1.2rem;letter-spacing:-0.05rem}
.pagenation.pageNum .currentPage > em{font-weight:700;line-height:1.4rem;color:#2361b4}

/*table*/
.table{overflow:hidden;border-top:2px solid #30527c;margin-top:.75rem;}
.table > table{position:relative;overflow:hidden;width:calc(100% + 1px);margin-left:-1px;border-bottom:1px solid #9499a4;font-weight:300;line-height:1.3125rem;color:#555;letter-spacing:-0.03125rem;word-break:keep-all}
.table th{padding:.9rem;border-bottom:1px solid #acb0b6;line-height:1.3125rem;color:#30527c;letter-spacing:-0.03125rem;font-weight:600;}
.table th.double{border-bottom:0;}
.table td{padding:.9rem;border:solid #e1e1e1;border-width:1px 0 0 1px;line-height:1.3125rem;color:#555;letter-spacing:-0.03125rem;text-align:center;}
.table tbody tr:first-child th,
.table tbody tr:first-child td{border-top-width:0}
.table td{min-height:3.95rem;}
.table tfoot th,
.table tfoot td{font-weight:500}
.table td .info{position:relative;overflow:hidden;font-weight:300;color:#222325}
.table td .info i[class*="xi-"]{margin-right:.5rem;font-size:.75rem;line-height:1rem;color:#c8d1de;vertical-align:middle}
.table td .notice-label{display:inline-block;background:#2acc7e;color:#fff;border-radius:30px;padding:.2rem 1rem;text-align:center;}
.table td.img {padding:0}
.table td a > i{display:inline-block;margin-left:.2rem;color:#006cc8;vertical-align:middle;}
.table td .file{position:relative;display:inline-block;}
.table td .file:before{position:absolute;top:1px;right:-1rem;font-size:.6rem;color:#626a73;font-family:'xeicon';content:'\ea83';font-size:.8rem;}
.table th .click{font-size:.8rem;color:#555;}
.table.equip-list td.img {padding:10px}
.table.equip-list td.img span {display:block;width:185px;height:110px;overflow:hidden}
.table.equip-list td.img span img {width:100%}
.table.equip-info tbody th {border-bottom:;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1}{border-left:0}
.table.equip-info tbody tr:first-child th {border-top:0;}
.table.equip-info tbody tr:first-child th:first-child {border-left:0}
.table.equip-info td {text-align:center}
.table.equip-info td.img {}
.table.equip-info .bul-list03 > li:before {top:14px}


/*데이타테이블
.table.data_table{border-color:#30527c;}
.data_table{width:100%;border-bottom:1px solid #9499a4;font-weight:300;line-height:1.3125rem;color:#555;letter-spacing:-0.03125rem;word-break:keep-all}
.data_table > table{border-bottom:0;}
.data_table th,.data_table td{padding:.9rem;border:solid #e1e1e1;border-width:1px 0 1px 1px;line-height:1.3125rem;color:#555;letter-spacing:-0.03125rem}
.data_table tbody tr:first-child th,
.data_table tbody tr:first-child td{border-top-width:0}
.data_table th[scope="col"]{border-left-width:0;border-bottom:1px solid #acb0b6;font-weight:500;color:#30527c}
.data_table th[scope="row"]{font-weight:500;color:#30527c}
.data_table td{min-height:3.95rem;}
.data_table tfoot th,.data_table tfoot td{font-weight:500}
.data_table.viewType{border-top-width:1px}
.data_table.viewType td{padding:.45rem .9rem;}
.data_table.viewType td[scope="row"]{font-weight:500;color:#000}
.data_table .compuls{font-weight:300;font-size:1.1rem;line-height:0.875rem;color:#d31a0c;vertical-align:top}
.data_table thead th{border-bottom:1px solid #acb0b6}*/

/*데이타테이블*/
.table_wrap{position:relative;overflow:hidden}
.table_wrap.type2{padding-top:45px;margin-top:-45px}
.data_table{width:calc(100% + 1px);width:-webkit-calc(100% + 1px);margin-left:-1px;border-top:2px solid #393d46;border-bottom:1px solid #9499a4;font-weight:300;font-size:1em;line-height:1.3125em;color:#555;letter-spacing:-0.03125em;word-break:keep-all}
.data_table th,.data_table td{padding:18px;border:solid #e1e1e1;border-width:1px 0 0 1px;line-height:1.3125em;color:#555;letter-spacing:-0.03125em}
.data_table tbody tr:first-child th,.data_table tbody tr:first-child td{border-top-width:0}
.data_table th[scope="col"]{border-left-width:0;border-bottom:1px solid #acb0b6;font-weight:500;color:#010101;text-align:center}
.data_table th[scope="row"]{font-weight:500;color:#010101}
.data_table td{min-height:79px}
.data_table tfoot th,.data_table tfoot td{font-weight:500}
.data_table.viewType{position:relative;border-width:0}
.data_table.viewType:after,.data_table.viewType:before{position:absolute;top:0;left:0;width:100%;height:1px;background:#393d46;content:""}
.data_table.viewType:after{top:auto;bottom:0}
.data_table.viewType td{padding:9px 18px}
.data_table.viewType td[scope="row"]{font-weight:500;color:#000}
.data_table .compuls{font-weight:300;font-size:1.500em;line-height:0.875em;color:#d31a0c;vertical-align:top}
.data_table .doubleLine td{border-style:double;border-top-width:3px;border-top-color:#e1e1e1}

@media screen and (max-width:1280px){
	h2 .badge{margin:5px 0}
	.cntsGuide.recruit{padding:14px 24px}
	.cntsGuide.recruit.type1:after{top:30px;right:30px}
	.definition.list > dt{display:block;float:none;width:100%;margin-bottom:20px}
	.definition.list > dd{display:table;width:100%;table-layout:fixed}
	.tabNav_wrap.list{padding:18px 28px}
	.tabNav_wrap.list .tabNav > li{width:20%}
	.table_wrap{overflow-x:scroll}
	.data_table{width:1281px}
	.file_attach span.filename{width:100%;margin-bottom:5px;white-space:normal;word-break:keep-all}
	.file_attach a + a{display:none}
	.file_attach a{width:100%}
	.file_attach > li + li{padding-top:5px;border-top:1px dashed #eaeaea}
}

@media screen and (max-width:768px){
	.data_table th,.data_table td{padding:9px}
}

/*checkbox, radio커스텀*/
/* ul.checkbox-radio-custom{overflow:hidden;padding-bottom:.5rem;}
ul.checkbox-radio-custom > li{float:left;}
ul.checkbox-radio-custom > li + li{margin-left:.5rem;}
.checkbox-radio-custom input[type="checkbox"],
.checkbox-radio-custom input[type="radio"] {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.checkbox-radio-custom input[type="checkbox"]:hover + label:before,
.checkbox-radio-custom input[type="radio"]:hover + label:before{border-color:#dde1e5;}
.checkbox-radio-custom input[type="checkbox"]:active + label:before,
.checkbox-radio-custom input[type="radio"]:active + label:before{transition-duration:0;filter:brightness(0.2);}
.checkbox-radio-custom input[type="checkbox"] + label,
.checkbox-radio-custom input[type="radio"] + label {position:relative;padding-left:1.5rem;font-weight:normal;}
.checkbox-radio-custom input[type="checkbox"] + label:before, input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:after {box-sizing:content-box;position:absolute;content:'';display:block;left:0;}
.checkbox-radio-custom input[type="checkbox"] + label:before,
.checkbox-radio-custom input[type="radio"] + label:before {top:50%;width:.8rem;height:.8rem;margin-top:-.5rem;border:2px solid #dde1e5;text-align:center;background:#fff;}
.checkbox-radio-custom input[type="checkbox"] + label:after,
.checkbox-radio-custom input[type="radio"] + label:after {background-color:#0069cb;top:50%;left:.3rem;width:.4rem;height:.4rem;transform:translateY(-50%) scale(0);-webkit-transform:translateY(-50%) scale(0);transform-origin:50%;transition:transform 200ms ease-out;}
.checkbox-radio-custom input[type="radio"]:checked + label:before {-moz-animation: borderscale 300ms ease-in;-webkit-animation: borderscale 300ms ease-in;animation: borderscale 300ms ease-in;background-color:#fff;}
.checkbox-radio-custom input[type="radio"]:checked + label:after{transform:translateY(-50%) scale(1);-webkit-transform:translateY(-50%) scale(1);}
.checkbox-radio-custom input[type="radio"] + label:before, input[type="radio"] + label:after{border-radius:50%;}
.checkbox-radio-custom input[type="checkbox"] + label:after {background-color:transparent;top:50%;left:.25rem;width:.35rem;height:.2rem;margin-top:-.25rem;border-style:solid;border-color:#0069cb;border-width:0 0 3px 3px;-moz-transform:rotate(-45deg) scale(0);-ms-transform:rotate(-45deg) scale(0);-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:before{-moz-animation:borderscale 200ms ease-in;-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in;}
.checkbox-radio-custom input[type="checkbox"]:checked + label:after{content:'';-moz-transform:rotate(-45deg) scale(1);-ms-transform:rotate(-45deg) scale(1);-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-moz-transition:-moz-transform 200ms ease-out;-o-transition:-o-transform 200ms ease-out;-webkit-transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;}
 */
/*달력*/
.calendar_wrap{}
.calendar_header{position:relative;padding:17px 0;border:solid #f0f0f0;border-width:1px 0}
.calendar_header > strong{display:block;font-weight:600;font-size:1.5rem;line-height:.8rem;font-family:"Open Sans";color:#000;letter-spacing:-0.05em;text-align:center}
.calendar_header .prev,.calendar_header .next{position:absolute;top:20px;left:50%;overflow:hidden;width:30px;height:30px;font-size:1.2rem;line-height:.8rem;color:#80868a}
.calendar_header .prev:hover,.calendar_header .next:hover{color:#2361b4}
.calendar_header .prev{margin-left:-175px}
.calendar_header .next{margin-left:130px}
.calendar_header .prev i[class*="xi-"],.calendar_header .next i[class*="xi-"]{display:block;line-height:.8rem;text-align:center}
.calendar_body{padding:15px 0 0}
.calendar_body .calendar{width:100%;font-weight:300;font-size:.7rem;line-height:1.1rem;color:#000;letter-spacing:-0.03571em;word-break:keep-all}
.calendar_body .calendar th,.calendar_body .calendar td{padding:18px;border:1px solid #f0f0f0;line-height:1.1rem;color:#555;vertical-align:top;    width: 14.285%;}
.calendar_body .calendar td{height:160px}
.calendar_body .calendar th[scope="col"]{padding:12px 18px;border-color:transparent;font-weight:700;font-size:1rem;line-height:.85rem;color:#000;text-align:left}
.calendar_body .calendar .day{display:block;cursor:pointer;position:relative;font-weight:600;font-size:1rem;line-height:.85rem;font-family:"Open Sans";color:#000;}
.calendar_body .calendar .day > em{display:block;position:relative;line-height:.85rem;z-index:1}
.calendar_body .calendar .day:before{display:none;position:absolute;top:-5px;left:-5px;width:30px;height:30px;border-radius:30px;background:#cbdaf3;content:""}
.calendar_body .fieldTrip_states{padding:10px 0 0;line-height:1.4285em}
.calendar_body .fieldTrip_states > .receipt,.calendar_body .fieldTrip_states > .btn{display:block;width:100%;min-width:auto;height:auto;padding:3px 10px;margin-top:5px;border:2px solid transparent;border-radius:30px;background:#fff;font-size:.8rem;line-height:1.1rem}
.calendar_body .fieldTrip_states > .receipt{color:#000}
.calendar_body .fieldTrip_states > .receipt > em{font-weight:500;line-height:1.1rem;vertical-align:top}
.calendar_body .fieldTrip_states > .receipt.ing{padding:0;border:0 none;background:transparent}
.calendar_body .fieldTrip_states > .receipt.ing > span{display:block;padding:3px 10px;border:2px solid #f3f3f3;border-radius:30px;background:#f3f3f3;line-height:1.1rem;color:#000}
.calendar_body .fieldTrip_states > .receipt.ing > span > em{font-weight:500;line-height:1.1rem}
.calendar_body .fieldTrip_states > .receipt.ing > span.time{margin:0 0 5px;border-color:#fdf1e7;background:#fff;font-weight:600;font-family:"Open Sans"}
.calendar_body .fieldTrip_states > .receipt.ing > span.time > em{font-weight:300;font-family:inherit;vertical-align:top}
.calendar_body .fieldTrip_states > .receipt.comp{border-color:#e9edf2}
.calendar_body .fieldTrip_states > .receipt.unable{border-color:#fce9e9;text-align:center}
.calendar_body .fieldTrip_states > .receipt.deadline{border-color:#d9dfe9;background:#d9dfe9;text-align:center}
.calendar_body .fieldTrip_states > .receipt.deadline > em{}
.calendar_body .fieldTrip_states > .receipt.person{border-color:#80868a;background:#fff;text-align:center}
.calendar_body .fieldTrip_states > .receipt.person > em{color:#145cad}
.calendar_body .fieldTrip_states > .btn{padding:3px;border-color:#145cad;background:#145cad;color:#fff}
.calendar_body .fieldTrip_states > .btn > span{display:block;position:relative;padding-left:28px;font-weight:600;line-height:1.1rem;font-family:"Open Sans";color:#fff;text-align:left}
.calendar_body .fieldTrip_states > .btn > span > em{font-weight:400;line-height:1.1rem}
.calendar_body .fieldTrip_states > .btn i[class*="xi-"]{position:absolute;top:50%;left:0;width:20px;height:20px;margin-top:-10px;border-radius:20px;background:#fff;font-size:1.35rem;line-height:.8rem;color:#000;text-align:center}
.calendar_body .fieldTrip_states > .btn i[class*="xi-"]:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.calendar_body .fieldTrip_states > .btn-receipt > span{padding-left:0;text-align:center}
.calendar_body .calendar td.today,.calendar_body .calendar td:hover{background:#f7f7f7}
.calendar_body .calendar .today .day:before{display:block}


/*캘린더*/
.fieldTrip_wrap{}
.fieldTrip_wrap > h2{padding-left:0;font-weight:500;margin-bottom:25px;font-size:1.4rem;line-height:1rem;color:#000;}
.fieldTrip_wrap > h2:after{display:none}
.fieldTrip_wrap .annotate_state{margin:0 0 20px}
.fieldTrip_wrap .annotate_state:after{clear:both;display:block;content:""}
.fieldTrip_wrap .annotate{float:left;margin-top:3px}
.fieldTrip_wrap .state_wrap{float:right}
.fieldTrip_wrap [class*="state-"]{float:left;min-width:110px;padding:3px 6px;border:2px solid transparent;border-radius:30px;background:#fff}
.fieldTrip_wrap [class*="state-"] > span{float:left;width:100%;font-weight:500;font-size:.7rem;line-height:1.1rem;color:#000;text-align:center}
.fieldTrip_wrap .state-apply{border-color:#145cad;background:#145cad}
.fieldTrip_wrap .state-apply > span{color:#fff}
.fieldTrip_wrap .state-apply i[class*="xi-"]{float:left;width:20px;height:20px;border-radius:20px;background:#fff;font-size:1.35rem;line-height:.8rem;color:#000;text-align:center}
.fieldTrip_wrap .state-apply i[class*="xi-"]:before{margin-left:-2px}
.fieldTrip_wrap .state-apply.ing{border-color:#2e56a7;background:#2e56a7}
.fieldTrip_wrap .state-apply.ing > span{color:#fff}
.fieldTrip_wrap .state-apply.deadline{margin-left:10px;border-color:#d9dfe9;background:#d9dfe9}
.fieldTrip_wrap .state-apply.deadline > span{color:#000}
.fieldTrip_wrap .state-receipt{margin-left:10px}
.fieldTrip_wrap .state-receipt.ing{border-color:#fdf1e7}
.fieldTrip_wrap .state-receipt.comp{border-color:#e9edf2}
.fieldTrip_wrap .state-receipt.unable{border-color:#fce9e9}
.fieldTrip_wrap .advice_wrap{padding:24px 39px;margin-top:30px;border:1px solid #e8f0f6}
.fieldTrip_wrap .advice_wrap > .advice{font-weight:500}
.fieldTrip_wrap .advice_wrap > .advice:after{color:#555}
.fieldTrip_wrap .advice_wrap > .advice + .advice{margin-top:5px}

/*버튼*/
.btn_wrap{display:block;position:relative;padding:1rem 0}
.btn{display:inline-block;min-width:5.6rem;height:2rem;padding:.45rem .7rem;border:1px solid transparent;border-radius:0;font-weight:300;font-size:.7rem;line-height:1.2rem;color:#666;letter-spacing:-0.03333rem; text-align:center;white-space:nowrap}
.btn > span{display:block;line-height:1rem}
.btn i[class*="xi-"]{line-height:1rem;vertical-align:top}
.btn-lg{min-width:15.25rem;height:2.7rem;padding:.7rem .95rem;font-size:.85rem;line-height:1.2rem}
.btn-lg > span{position:relative;padding-right:2.25rem;line-height:1.2rem;text-align:left}
.btn-lg i[class*="xi-"]{position:absolute;top:0;right:0;width:.8rem;line-height:1.2rem;vertical-align:top}
.btn-lg + .btn-lg{margin-left:.55rem;}
.btn.active,.btn:active,.btn:focus{box-shadow:none;-webkit-box-shadow:none;outline-offset:0}
.btn.btn-default,.btn.btn-secondary{border-color:#cfd4da;background:#fff}
.btn.btn-list{border-color:#30527c;background:#30527c;color:#fff}
.btn.btn-primary,.btn.btn-more{border-color:#393f4e;background:#393f4e;color:#fff}/*#64656a*/
.btn.btn-write{border-color:#3f7ac4;background:#3f7ac4;color:#fff}
.btn.btn-sign{border-color:#0e967e;background:#0e967e;color:#fff}
.btn.btn-more{min-width:10rem}
.btn:hover,.btn.btn-default:hover{border-color:#2361b4;background:#fff;color:#2361b4}
.btn.btn-list:hover,.btn.btn-primary:hover,.btn.btn-more:hover{border-color:#3f7ac4;background:#3f7ac4;color:#fff}
.btn.btn-write:hover{border-color:#141823;background:#141823;color:#fff}
.btn.btn-secondary:hover{border-color:#e8e8e8;background:#e8e8e8;color:#000}
.btn_wrap.right > .btn + .btn{margin-left:.5rem}
.btn.btn-table.btn-primary{padding:0 1.25rem;border-radius:1.3rem;border-color:#60696f;background:#60696f;font-size:1rem;line-height:1.7333rem;color:#fff;letter-spacing:-0.03333rem}
.btn.btn-table.btn-primary:hover{border-color:#60696f;background:#60696f}

/*컨텐츠 준비중*/
.preparation_wrap{display:block;position:relative;padding:8.75rem 0;margin:auto;border:1px solid #ececed;background:url(../../images/e/common/preparation_bg.png) repeat}
.preparation_wrap .preparation{text-align:center}
.preparation_wrap .preparation strong{display:block;font-weight:700;font-style:italic;font-size:3rem;font-family:"Gotham";color:#d22727;letter-spacing:-0.05rem}
.preparation_wrap .preparation .desc{display:block;position:relative;padding-top:.75rem;font-weight:500;font-size:1.6rem;color:#000;letter-spacing:-0.05rem}

/*레이어팝업*/
#layerPopup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;transition:none;-webkit-transition:none}
#layerPopup:after{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0.6;filter:alpha(opacity=60);content:""}
.layerPopup_container{position:absolute;top:50%;left:50%;width:23rem;height:30rem;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:1}
.layerPopup_header{}
.layerPopup_body{}
.close_layerPopup{position:absolute;top:.75rem;right:.75rem;width:1.5rem;height:1.5rem}
.close_layerPopup > a{display:block;width:100%;height:100%;line-height:1em;color:#fff;text-align:center;font-size:rem;}
.close_layerPopup i[class*="xi-"]{display:block;}

/*에디터*/
#tx_trex_container,
#tx_trex_container *,
#tx_trex_container *:before,
#tx_trex_container *:after{transition:none;-webkit-transition:none}


/*반응형*/
@media (max-width: 1440px) {
	.tabNav_wrap.fixed > .tabNav,
	.tabNav_wrap{width:100%;}
    /*.tabNav_wrap.fixed {top:4rem}*/
	.calendar_body .calendar th,.calendar_body .calendar td{padding:9px}
	.calendar_body .fieldTrip_states > .receipt,.calendar_body .fieldTrip_states > .btn{white-space:normal;word-break:keep-all}
	.calendar_body .fieldTrip_states > .btn > span{word-break:keep-all}
	.calendar_body .fieldTrip_states > .receipt.comp{white-space:nowrap}
	.calendar_body .fieldTrip_states > .receipt.ing > span + span{white-space:nowrap}
}
@media (max-width: 1024px) {
	/* table-responsive*/
	.table-responsive > table{min-width:initial !important;}
	.table-responsive th[scope="col"]{display:none;}
	.table-responsive  colgroup {display:none;}
	.table-responsive > table td{padding:.4rem .5rem .2rem;border:0 !important;width:100%;display:inline-block;text-align:left;min-height:inherit;}
	.table-responsive > table td[scope="row"] {color:#30527c;font-weight:500}
	.table-responsive > table tr{display:block;width:100%; border-bottom:solid 1px #7f7f7f;}

	.table-scroll{width:100%;overflow-x:scroll;}
	.table-scroll table{/*min-width:1280px;*/}
 	.table-scroll th, .table-scroll td{padding:0 5px;}
 	.table-pop th,.table-pop td {padding:.9rem !important}
 	
 	.calendar_body{padding:0}
	.calendar_body .calendar colgroup{display:none}
	.calendar_body .calendar thead{display:none}
	.calendar_body .calendar td{display:block;height:auto;padding:14px}
	.calendar_body .calendar td#day{display:none}
	.calendar_body .calendar td:after{clear:both;display:block;content:""}
	.calendar_body .calendar td br{display:none}
	.calendar_body .calendar .day{float:left;min-width:20px;margin:5px 20px 0 0}
	.calendar_body .calendar td > em > p{float:left;margin:5px 0}
	.calendar_body .fieldTrip_states{float:left;padding:0;width:calc(100% - 45px)}
	.calendar_body .fieldTrip_states > .btn,.calendar_body .fieldTrip_states > .receipt{float:left;width:auto;margin:3px;padding-right:8px}
	/*.calendar_body .fieldTrip_states > .btn + .btn,.calendar_body .fieldTrip_states > .btn + .receipt{margin-left:5px}*/
	.calendar_body .fieldTrip_states > .receipt.ing > span{float:left}
}
@media (max-width:840px){
	.tabNav > li span {word-break:keep-all} 
	.tabNav a{height:3rem;}
	.tabNav a > span{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
}
@media (max-width: 768px) {
	.btn-lg{width:auto;}
	
}
@media (max-width: 640px) {
	.btn-lg{width:auto !important;}
	.btn-lg + .btn-lg{margin:.55rem 0 0 0;}
}
@media (max-width: 500px) {
	.tabNav a {height:auto;padding:1rem 0}
	.tabNav > li {display:block;width:100%;max-width:inherit}
	.tabNav a:after {border-width:0 1px 1px 1px}
	.tabNav > li:first-child a:after {border-width:1px 1px 1px 1px}
}
@media(max-width:480px){
	.calendar_body .fieldTrip_states > .btn + .receipt{margin-left:0}
	.calendar_body .fieldTrip_states > .receipt{clear:both;margin-top:5px}
}

/**/
/*안내박스*/
.cntsGuide{position:relative;padding:30px 44px;margin:0 0 45px;border:1px solid transparent;background:transparent}
.cntsGuide a[target="_blank"]{position:relative}
.cntsGuide a[target="_blank"]:after{display:inline-block;width:17px;height:17px;font-size:1.063em;line-height:1em;font-family:"xeicon";content:"\e980"}
.cntsGuide.descript{display:table;width:100%;padding:17px 59px;border-color:#e8f0f6;background:#f8f9fa;table-layout:fixed}
.cntsGuide.descript:before{position:absolute;top:50%;right:90px;width:320px;height:125px;background:url(../../images/b/common/cntsGuide_descript_bg.png) no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);content:""}
.cntsGuide.descript > strong{display:table-cell;width:100%;position:relative;height:110px;padding:25px 0 25px 220px;background:no-repeat 0 50%;font-weight:500;font-size:1.125em;line-height:1.6667em;color:#333;letter-spacing:-0.04167em;vertical-align:middle;word-break:keep-all;z-index:1}
.cntsGuide.descript > strong.type1{background-image:url(../../images/b/common/cntsGuide_descript_icon01.png)}
.cntsGuide.descript > strong.type2{padding:10px 0 10px 220px;background-image:url(../../images/b/common/cntsGuide_descript_icon02.png)}
.cntsGuide.descript > strong.type3{background-image:url(../../images/b/common/cntsGuide_descript_icon03.png)}
.cntsGuide.descript > strong.type4{background-image:url(../../images/b/common/cntsGuide_descript_icon04.png)}
.cntsGuide.descript > strong.type5{padding:10px 0 10px 115px;background-image:url(../../images/b/common/cntsGuide_descript_icon05.png);background-position:0 15px}
.cntsGuide.descript > strong.type6{background-image:url(../../images/b/common/cntsGuide_descript_icon06.png)}
.cntsGuide.descript > strong.type7{background-image:url(../../images/b/common/cntsGuide_descript_icon07.png)}
.cntsGuide.descript > strong > em{line-height:1.6667em;color:#d31a0c}
.cntsGuide.descript .annotate{display:block;margin-top:15px;font-size:0.889em;letter-spacing:-0.046875em}
.cntsGuide.descript .li_th3{margin-top:5px}
.cntsGuide.descript .li_th3 > li{font-size:0.889em;line-height:1.625em}
.cntsGuide.board{background:#fff}
.cntsGuide.infomation{padding:17px 49px}
.cntsGuide.meaning{border-color:#eaeaea}
.cntsGuide.meaning dl{display:table;position:relative;width:100%;table-layout:fixed}
.cntsGuide.meaning dt{display:table-cell;position:relative;padding:26px 0 26px 105px;font-weight:500;font-size:1.500em;line-height:1.3333em;color:#000;letter-spacing:-0.04167em}
.cntsGuide.meaning dt:before,.cntsGuide.meaning dt:after{position:absolute;top:0;left:0;width:84px;height:84px;border-radius:50%;background:#e8ebf0;content:""}
.cntsGuide.meaning dt:after{top:20px;left:20px;width:44px;height:44px;background:url(../../images/b/common/cntsGuide_meaning_icon.png) no-repeat}
.cntsGuide.meaning .type1 dt,.cntsGuide.meaning .type2 dt{width:305px}
.cntsGuide.meaning .type3 dt{width:260px;padding:10px 0 10px 105px}
.cntsGuide.meaning .type4 dt{width:260px}
.cntsGuide.meaning .type5 dt{width:275px}
.cntsGuide.meaning .type6 dt{width:335px}
.cntsGuide.meaning .type7 dt{width:275px}
.cntsGuide.meaning .type1 dt:after{background-position:0 0}
.cntsGuide.meaning .type2 dt:after{background-position:-44px 0}
.cntsGuide.meaning .type3 dt:after{background-position:-88px 0}
.cntsGuide.meaning .type4 dt:after{background-position:-132px 0}
.cntsGuide.meaning .type5 dt:after{background-position:-176px 0}
.cntsGuide.meaning .type6 dt:after{background-position:-220px 0}
.cntsGuide.meaning .type7 dt:after{background-position:-264px 0}
.cntsGuide.meaning dd{display:table-cell;font-weight:500;font-size:1em;line-height:1.5625em;color:#555;letter-spacing:-0.03125em;vertical-align:middle;word-break:keep-all}
.cntsGuide.meaning dd > em{line-height:1.5625em;color:#010101}
.cntsGuide.meaning a[target="_blank"]{line-height:1.5625em;color:#010101}
.cntsGuide.recruit{padding:34px 44px;background:#eff1f4 url(../../images/b/common/cntsGuide_recruit_bg.png) no-repeat 95% 30px}
.cntsGuide.recruit.type2{margin-bottom:15px}
.cntsGuide.recruit:after{position:absolute;top:60px;right:220px;background:no-repeat;content:""}
.cntsGuide.recruit.type1:after{width:90px;height:97px;background-image:url(../../images/b/common/cntsGuide_recruit_icon01.png)}
.cntsGuide.recruit.type2:after,.cntsGuide.recruit.type3:after{width:102px;height:81px;background-image:url(../../images/b/common/cntsGuide_recruit_icon02.png)}
.cntsGuide.recruit dl{position:relative;z-index:1}
.cntsGuide.recruit dl:after{clear:both;display:block;content:""}
.cntsGuide.recruit dt{float:left;width:95px;font-weight:500;font-size:1.125em;line-height:1.5556em;color:#010101;letter-spacing:-0.04167em}
.cntsGuide.recruit dd{position:relative;margin-left:95px}
.cntsGuide.recruit > dl + dl{padding-top:25px;margin-top:25px;border-top:1px solid #d8dce0}
.cntsGuide.recruit.type3 dt{width:200px}
.cntsGuide.recruit.type3 dd{margin-left:200px}
.cntsGuide.recruit .li_th2 > li{color:#333}
.cntsGuide.recruit .li_th2 > li + li{margin-top:5px}
.cntsGuide.recruit .li_th2 > li em{margin-left:15px;line-height:1.5625em;color:#000}
.cntsGuide.recruit .cntsGuide_lst{position:relative;padding-top:25px;margin-top:25px;border-top:1px solid #d8dce0}
.cntsGuide.recruit .cntsGuide_lst:after{clear:both;display:block;content:""}
.cntsGuide.recruit .cntsGuide_lst:before{position:absolute;top:25px;left:50%;width:1px;height:calc(100% - 25px);height:-webkit-calc(100% - 25px);background:#d8dce0;content:""}
.cntsGuide.recruit .cntsGuide_lst > dl{float:left;width:50%;padding-right:45px}
.cntsGuide.recruit .cntsGuide_lst > dl + dl{padding:0 0 0 45px}

/*정의*/
.definition_wrap{padding:35px 60px;margin:0 0 50px;border:1px solid #eaeaea;background:#f8f9fa}
.definition{position:relative}
.definition > dt{position:relative;padding-bottom:20px;font-weight:500;font-size:1.500em;line-height:1.25em;color:#000;letter-spacing:-0.04167em}
.definition > dt:after{position:absolute;bottom:0;left:0;width:40px;height:1px;background:#4c4c4c;content:""}
.definition > dt .small{display:inline-block;margin-left:5px;font-weight:400;font-size:0.667em;line-height:1.25em;color:#555;letter-spacing:-0.03125em;white-space:nowrap;}
.definition > dd{position:relative;padding-top:25px;font-weight:400;line-height:1.5625em;color:#555;letter-spacing:-0.03125em;word-break:keep-all;white-space:normal;font-size:16px;}
.definition a{position:relative;line-height:1.5625em;color:#000;vertical-align:top}
.definition a[target="_blank"]{padding-right:18px}
    /*.definition a[target="_blank"]:after{position:absolute;top:6px;right:0;width:17px;height:17px;font-size:1.063em;line-height:1em;font-family:"xeicon";content:"\e980"}*/
.definition .btn_wrap a[target="_blank"]{padding-right:9px}
.definition .btn_wrap a[target="_blank"]:after{display:none}
.definition .incharge{}
.definition .incharge > strong{display:block;font-weight:500;font-size:1.063em;line-height:1.5882em;color:#000;letter-spacing:-0.04411em}
.definition .incharge > strong > em{display:block;font-weight:300;line-height:1.5882em;color:#555}
.definition .incharge + .incharge{margin-top:15px}
.definition .incharge_info{margin-top:15px}
.definition .incharge_info > li{position:relative;padding-left:28px;font-weight:500;line-height:1.625em;color:#000;letter-spacing:-0.03125em;white-space:nowrap}
.definition .incharge_info > li + li{margin-top:5px}
.definition .incharge_info i[class*="xi-"]{position:absolute;top:3px;left:0;font-size:1.375em;line-height:1em;color:#000}
.definition .point{font-weight:500}
.definition .point.no1{color:#555}
.definition .point.no2{color:#104ea3}
.definition .point.no3{color:#ca1212}
.definition .li_th3 > li > em{font-weight:500}
.definition .li_th3 > li + li{margin-top:5px}
.definition.list{}
.definition.list:after{clear:both;display:block;content:""}
.definition.list > dt{float:left;width:200px}
.definition.list > dd{float:left;width:calc(100% - 200px);width:-webkit-calc(100% - 200px);padding:0}
/*정의 리스트*/
.definition_listTxt{display:table;margin:0 0 50px;table-layout:fixed}
.definition_listTxt .definition,.definition_listTxt .desc_lst{display:table-cell;width:50%}
.definition_listTxt .definition{padding-right:50px}
.definition_listTxt .desc_lst{vertical-align:bottom}
.definition_listTxt .desc_lst > li{padding:13px 35px;background:#e7ebf3;font-weight:300;line-height:1.5em;color:#333;letter-spacing:-0.03125em;word-break:keep-all}
.definition_listTxt .desc_lst > li + li{margin-top:10px}
.definition_listTxt .txtp{line-height:1.875em;color:#333;letter-spacing:-0.03125em}
/*정의 썸네일*/
.definition_figure{display:block;margin:0 0 50px}
.definition_figure:after{clear:both;display:block;content:""}
.definition_figure .img,.definition_figure .caption{display:block;float:left;width:50%;vertical-align:top}
.definition_figure .img{padding-right:50px}
.definition_figure .caption{}
.definition_figure .caption > strong{display:block;font-weight:500;font-size:1.063em;line-height:1.7058em;color:#333;letter-spacing:-0.04411em;word-break:keep-all}
.definition_figure .txtp{line-height:1.875em;color:#333;letter-spacing:-0.03125em;word-break:keep-all}
.definition_figure .txtp + .txtp{margin-top:15px}
.definition_figure .btn_wrap{padding:36px 0 0}
.definition_figure.type2 .img{float:right;padding:0 0 0 50px}
.definition_figure.type2 .caption{padding-right:50px}

/*이미지설명*/
.figureCaption{display:table;width:100%;table-layout:fixed}
.figureCaption > .img{display:table-cell;width:470px}
.figureCaption > .caption{display:table-cell;width:calc(100% - 520px);width:-webkit-calc(100% - 520px);padding:0 0 35px 50px;vertical-align:middle}
.figureCaption .txtp{font-weight:300;line-height:1.875em;color:#333;letter-spacing:-0.03125;word-break:keep-all}
.figureCaption .txtp + .txtp{margin-top:20px}

@media screen and (max-width:1320px){
	.definition_figure.type2 .img{padding:0}
	.definition_figure .btn_wrap{}
	.definition_figure .btn_wrap:after{clear:both;display:block;content:""}
	.definition .btn_wrap .btn{float:left;width:calc(50% - 10px);width:-webkit-calc(50% - 10px);min-width:auto}
	.definition .btn_wrap .btn + .btn{margin-left:20px}
}
@media screen and (max-width:1280px){
	.definition.list > dt{display:block;float:none;width:100%;margin-bottom:20px}
	.definition.list > dd{display:table;width:100%;table-layout:fixed}
}
@media screen and (max-width:1024px){
	.definition .btn_wrap .btn{width:100%}
	.definition .btn_wrap .btn + .btn{margin:5px 0 0}
}
@media screen and (max-width:920px){
	.definition.list > dt{margin-bottom:5px}
	.definition.list > dd{display:block}
}
@media screen and (max-width:768px){
	.definition > dd{padding-top:20px}
	.definition .btn_wrap .btn{float:left;width:calc(50% - 10px);width:-webkit-calc(50% - 10px);min-width:auto}
	.definition .btn_wrap .btn + .btn{margin:0 0 0 20px}
	.officer{margin:0}
	.officer > li{width:100%;padding:10px 0}
}
@media screen and (max-width:640px){
	.definition_wrap{padding:20px 30px}
	.officer.type2 dt{padding:16px 0}
	.officer.type2 dd{padding:16px 20px}
	.officer.type2 dd > strong{float:none}
	.officer.type2 dd > span{float:none;margin:0}
}
@media screen and (max-width:480px){
	.definition .btn_wrap .btn{width:100%}
	.definition .btn_wrap .btn + .btn{margin:5px 0 0}

	.officer dl{padding:54px 0 0}
	.officer dt{width:100%;height:54px;padding:16px 0;text-align:center}
	.officer dt.lineOne{padding:16px 0}
	.officer dt br{display:none}
	.officer.type2 dl{padding-left:0}
	.officer.type2 dt{width:100%}
	.officer.type2 dd{text-align:center}
}

/*담당자*/
.officer {
    margin: 0 -10px
}

    .officer:after {
        clear: both;
        display: block;
        content: ""
    }

    .officer > li {
        float: left;
        width: 50%;
        padding: 0 10px
    }

    .officer dl {
        position: relative;
        padding-left: 120px;
        background: #f7f7f7
    }

    .officer dt, .officer dd {
        font-weight: 500;
        font-size: 1.063em;
        line-height: 1.2941em;
        color: #010101;
        letter-spacing: -0.04411em;
        text-align: center
    }

    .officer dt {
        position: absolute;
        top: 0;
        left: 0;
        width: 120px;
        height: 100%;
        padding: 23px 0;
        background: #c5cfd6
    }

        .officer dt.lineOne {
            padding: 34px 0
        }

    .officer dd {
        padding: 21px 0;
        color: #555
    }

        .officer dd > strong {
            display: block;
            font-weight: 500;
            line-height: 1.2941em
        }

        .officer dd > span {
            display: block;
            margin-top: 4px;
            font-weight: 400;
            font-size: 0.941em;
            line-height: 1.375em;
            font-family: "Open Sans";
            color: #555
        }

    .officer .officer_lst {
        margin: 0 -30px
    }

        .officer .officer_lst:after {
            clear: both;
            display: block;
            content: ""
        }

        .officer .officer_lst > li {
            float: left;
            position: relative;
            width: 33.3%;
            padding: 0 30px
        }

            .officer .officer_lst > li:after {
                position: absolute;
                top: 0;
                left: 0;
                width: 1px;
                height: 100%;
                background: #e5e8eb;
                content: ""
            }

            .officer .officer_lst > li:first-child:after {
                display: none
            }

        .officer .officer_lst strong {
            display: block;
            font-weight: 500;
            line-height: 1.2941em;
            word-break: keep-all
        }

        .officer .officer_lst span {
            display: block;
            margin-top: 4px;
            font-weight: 400;
            font-size: 0.941em;
            line-height: 1.375em;
            font-family: "Open Sans";
            color: #555
        }

    .officer.type2 {
        margin: 0
    }

        .officer.type2 > li {
            width: 100%;
            padding: 0
        }

            .officer.type2 > li + li {
                margin-top: 20px
            }

        .officer.type2 dl {
            padding-left: 160px
        }

        .officer.type2 dt {
            width: 160px;
            padding: 34px 0
        }

        .officer.type2 dd {
            padding: 34px 40px;
            text-align: left
        }

            .officer.type2 dd:after {
                clear: both;
                display: block;
                content: ""
            }

            .officer.type2 dd > strong {
                float: left;
                white-space: nowrap
            }

            .officer.type2 dd > span {
                float: left;
                margin: 0 0 0 10px
            }

    .officer.type3 > li {
        width: 33.3%
    }

        .officer.type3 > li:nth-child(2) {
            width: 33.4%
        }

/*반응형*/
@media screen and (max-width:1440px) {
    .tabNav_wrap.fixed > .tabNav {
        width: 100%
    }
}

@media screen and (max-width:1439px) {
    .cntsGuide.meaning dd br {
        display: none
    }

    .calendar_body .calendar th, .calendar_body .calendar td {
        padding: 9px
    }

    .calendar_body .fieldTrip_states > .receipt, .calendar_body .fieldTrip_states > .btn {
        white-space: normal;
        word-break: keep-all
    }

        .calendar_body .fieldTrip_states > .btn > span {
            word-break: keep-all
        }

        .calendar_body .fieldTrip_states > .receipt.comp {
            white-space: nowrap
        }

        .calendar_body .fieldTrip_states > .receipt.ing > span + span {
            white-space: nowrap
        }
}

@media screen and (max-width:1320px) {
    .definition_figure.type2 .img {
        padding: 0
    }

    .definition_figure .btn_wrap {
    }

        .definition_figure .btn_wrap:after {
            clear: both;
            display: block;
            content: ""
        }

    .definition .btn_wrap .btn {
        float: left;
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        min-width: auto
    }

        .definition .btn_wrap .btn + .btn {
            margin-left: 20px
        }
}

@media screen and (max-width:1280px) {
    h2 .badge {
        margin: 5px 0
    }

    .cntsGuide.recruit {
        padding: 14px 24px
    }

        .cntsGuide.recruit.type1:after {
            top: 30px;
            right: 30px
        }

    .definition.list > dt {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .definition.list > dd {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .tabNav_wrap.list {
        padding: 18px 28px
    }

        .tabNav_wrap.list .tabNav > li {
            width: 20%
        }

    .table_wrap {
        overflow-x: scroll
    }

    .data_table {
        width: 1281px
    }

    .file_attach span.filename {
        width: 100%;
        margin-bottom: 5px;
        white-space: normal;
        word-break: keep-all
    }

    .file_attach a + a {
        display: none
    }

    .file_attach a {
        width: 100%
    }

    .file_attach > li + li {
        padding-top: 5px;
        border-top: 1px dashed #eaeaea
    }
}

@media screen and (max-width:1024px) {
    .cntsGuide {
        margin-bottom: 25px
    }

        .cntsGuide.recruit:after {
            display: none
        }

        .cntsGuide.descript {
            padding: 14px 29px
        }

    .tabNav_wrap.list {
        padding: 13px 23px
    }

        .tabNav_wrap.list .tabNav > li {
            width: 25%
        }

    .definition .btn_wrap .btn {
        width: 100%
    }

        .definition .btn_wrap .btn + .btn {
            margin: 5px 0 0
        }

    .subscribe_wrap {
        padding: 16px
    }

    .officer.type3 > li {
        width: 100%
    }

        .officer.type3 > li:nth-child(2) {
            width: 100%
        }

        .officer.type3 > li + li {
            margin-top: 10px
        }
}

@media screen and (max-width:980px) {
}

@media screen and (max-width:920px) {
    .definition.list > dt {
        margin-bottom: 5px
    }

    .definition.list > dd {
        display: block
    }

    .figureCaption > .img {
        width: calc(50% - 100px);
        width: -webkit-calc(50% - 100px)
    }

    .figureCaption > .caption {
        width: calc(50% + 100px);
        width: -webkit-calc(50% + 100px);
        padding: 0 0 0 35px
    }

    .subscribe_wrap {
        padding: 16px
    }

    .subscribe > strong {
        display: block;
        float: none;
        text-align: center
    }

    .subscribe > .input-group {
        display: block;
        float: none;
        width: auto;
        max-width: 550px;
        margin: 0 auto
    }
}

@media screen and (max-width:840px) {
    .tabNav_wrap.list .tabNav > li {
        width: 33.333%
    }

    .officer .officer_lst {
        margin: -15px 0
    }

        .officer .officer_lst > li {
            width: 100% !important;
            padding: 15px 0
        }

            .officer .officer_lst > li:after {
                width: 100%;
                height: 1px
            }

        .officer .officer_lst strong br {
            display: none
        }

    .KOGLicense {
        padding-left: 0
    }

        .KOGLicense > .img {
            display: block;
            position: static
        }

        .KOGLicense > .txtp {
            margin-top: 10px;
            word-break: keep-all
        }

            .KOGLicense > .txtp br {
                display: none
            }
}

@media screen and (max-width:768px) {
    .cntsGuide {
        padding: 14px 19px
    }

        .cntsGuide.descript {
            padding: 14px 19px
        }

            .cntsGuide.descript:before {
                display: none
            }

            .cntsGuide.descript > strong {
                padding: 120px 0 0 !important;
                background-position: 50% 0;
                text-align: center
            }

                .cntsGuide.descript > strong.type5 {
                    padding-top: 100px !important;
                    background-position: 50% 0
                }

            .cntsGuide.descript .annotate {
                text-align: left
            }

        .cntsGuide.meaning dl {
            display: block;
            text-align: center
        }

        .cntsGuide.meaning dt {
            display: block;
            width: 100% !important;
            padding: 95px 0 15px !important
        }

            .cntsGuide.meaning dt:before, .cntsGuide.meaning dt:after {
                left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%)
            }

        .cntsGuide.meaning .type3 dt br {
            display: none
        }

        .cntsGuide.meaning dd {
            display: block
        }

        .cntsGuide.recruit .cntsGuide_lst {
            padding-top: 15px;
            margin-top: 15px
        }

            .cntsGuide.recruit .cntsGuide_lst:before {
                display: none
            }

            .cntsGuide.recruit .cntsGuide_lst > dl {
                float: none;
                width: 100%;
                padding-right: 0
            }

                .cntsGuide.recruit .cntsGuide_lst > dl + dl {
                    padding-left: 0;
                    margin-top: 15px
                }

        .cntsGuide.recruit > dl + dl {
            padding-top: 15px;
            margin-top: 15px
        }

    .definition > dd {
        padding-top: 20px
    }

    .definition .btn_wrap .btn {
        float: left;
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        min-width: auto
    }

        .definition .btn_wrap .btn + .btn {
            margin: 0 0 0 20px
        }

    .officer {
        margin: 0
    }

        .officer > li {
            width: 100%;
            padding: 10px 0
        }

    .alternative > strong {
        width: 100%;
        text-align: center
    }

    .figureCaption {
        display: block
    }

        .figureCaption > .img {
            display: block;
            width: 100%;
            text-align: center
        }

        .figureCaption > .caption {
            display: block;
            width: 100%;
            padding: 0
        }

    .data_table th, .data_table td {
        padding: 9px
    }

    .tabNav_wrap.list .tabNav > li {
        width: 50%
    }

    .btn {
        height: auto !important
    }

        .btn > span {
            white-space: normal;
            word-break: keep-all
        }

    .btn-lg i[class*="xi-"] {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%)
    }

    .btn-lg {
        min-width: 290px;
        padding: 14px 9px
    }

        .btn-lg > span {
            padding-right: 15px
        }

    .btn_wrap:after {
        clear: both;
        display: block;
        content: ""
    }

    .btn_wrap > .btn-lg {
        /*float: left;*/
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        /*min-width: auto*/
    }

        .btn_wrap > .btn-lg + .btn-lg {
            margin-left: 20px
        }

    .board_wrap .btn_wrap > .btn {
        float: left;
        width: calc(50% - 10px);
        width: -webkit-calc(50% - 10px);
        min-width: auto
    }

        .board_wrap .btn_wrap > .btn + .btn {
            margin-left: 20px
        }

    .calendar_body {
        padding: 0
    }

        .calendar_body .calendar colgroup {
            display: none
        }

        .calendar_body .calendar thead {
            display: none
        }

        .calendar_body .calendar td {
            display: block;
            height: auto;
            padding: 14px
        }

            .calendar_body .calendar td#day {
                display: none
            }

            .calendar_body .calendar td:after {
                clear: both;
                display: block;
                content: ""
            }

            .calendar_body .calendar td br {
                display: none
            }

        .calendar_body .calendar .day {
            float: left;
            min-width: 20px;
            margin: 5px 20px 0 0
        }

        .calendar_body .calendar td > em > p {
            float: left;
            margin: 5px 0
        }

        .calendar_body .fieldTrip_states {
            float: left;
            padding: 0
        }

            .calendar_body .fieldTrip_states > .btn, .calendar_body .fieldTrip_states > .receipt {
                float: left;
                width: auto;
                margin: 0;
                padding-right: 8px
            }

                .calendar_body .fieldTrip_states > .btn + .btn, .calendar_body .fieldTrip_states > .btn + .receipt {
                    margin-left: 5px
                }

                .calendar_body .fieldTrip_states > .receipt.ing > span {
                    float: left
                }
}

@media screen and (max-width:640px) {
    .cntsGuide.recruit.type3 dt {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .cntsGuide.recruit.type3 dd {
        margin-left: 0
    }

    .definition_wrap {
        padding: 20px 30px
    }

    .officer.type2 dt {
        padding: 16px 0
    }

    .officer.type2 dd {
        padding: 16px 20px
    }

        .officer.type2 dd > strong {
            float: none
        }

        .officer.type2 dd > span {
            float: none;
            margin: 0
        }

    .btn_wrap > .btn-lg {
        width: 100%
    }

        .btn_wrap > .btn-lg + .btn-lg {
            margin: 10px 0 0
        }

    .board_wrap .btn_wrap > .btn {
        width: 100%
    }

        .board_wrap .btn_wrap > .btn + .btn {
            margin: 10px 0 0
        }
}

@media screen and (max-width:480px) {
    h3 > .small {
        display: block;
        margin-top: 5px
    }

    .cntsGuide {
        margin-bottom: 25px
    }

    /*.tabNav_wrap{overflow:visible !important}
	.tabNav_wrap:after{border-color:#707070}
	.tabNav_wrap > .tabMenuTitle{display:block}
	.tabNav{display:none;position:absolute;top:100%;left:0;width:100%;height:auto;background:#fff;transition:none;-webkit-transition:none;z-index:2}*/
    .tabNav {
        display: block
    }

        .tabNav:after {
            clear: both;
            display: block;
            content: ""
        }

        .tabNav > li {
            display: block;
            float: left;
            width: 100%;
            max-width: none
        }
            /*.tabNav > li > a:after{border-width:1px !important}*/
            .tabNav > li + li {
                margin-top: -1px
            }

        .tabNav a {
            height: 40px;
            font-size: 0.933em;
            line-height: 1.2857em
        }

    .definition .btn_wrap .btn {
        width: 100%
    }

        .definition .btn_wrap .btn + .btn {
            margin: 5px 0 0
        }

    .officer dl {
        padding: 54px 0 0
    }

    .officer dt {
        width: 100%;
        height: 54px;
        padding: 16px 0;
        text-align: center
    }

        .officer dt.lineOne {
            padding: 16px 0
        }

        .officer dt br {
            display: none
        }

    .officer.type2 dl {
        padding-left: 0
    }

    .officer.type2 dt {
        width: 100%
    }

    .officer.type2 dd {
        text-align: center
    }

    .subscribe > .input-group {
        padding-right: 0
    }

    .subscribe .input-group-btn {
        display: block;
        position: static;
        width: 100%;
        margin-top: 10px
    }

    .btn {
        display: block
    }

    .btn-lg + .btn-lg {
        margin-left: 0;
        margin-top: 10px
    }

    .board_body + .btn_wrap.right > .btn {
        margin: 5px 0 0 !important
    }

    .fileForm .iptfile_wrap {
        padding-right: 125px
    }

    .fileForm .btn_filesch {
        width: 115px
    }

    .calendar_body .fieldTrip_states > .btn + .receipt {
        margin-left: 0
    }

    .calendar_body .fieldTrip_states > .receipt {
        clear: both;
        margin-top: 5px
    }

    .layerPopup_container {
        width: 360px
    }
}

@media screen and (max-width:414px) {
    .cntsGuide.recruit dt {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .cntsGuide.recruit dd {
        margin-left: 0
    }

    .tabNav > li + li {
        margin-top: -1px
    }

    .tabNav a {
        height: auto
    }

        .tabNav a > span {
            display: block;
            position: static;
            padding: 0 15px;
            transform: none;
            -webkit-transform: none
        }

    .tabNav_wrap.list .tabNav > li {
        width: 100%
    }
}


/* FAQ */
#board-list-wrap {
    border-top: 2px solid #2a2626;
    border-bottom: 1px solid #ddd;
}
/* faq 게시판 =============== */
.faq-list-wrap {
    position: relative;
    display: block;
    width: 100%;
}

    .faq-list-wrap:after {
        clear: both;
        content: "";
        display: block;
    }

.board-faq-list {
    position: relative;
    display: block;
    width: 100%;
}

    .board-faq-list li {
        position: relative;
        display: block;
        width: 100%;
        font-size: 1.063em;
    }

        .board-faq-list li:first-child .faq-in-wrap {
            border-top: 0;
        }

    .board-faq-list .faq-in-wrap {
        position: relative;
        display: block;
        border-top: 1px solid #ddd;
        width: 100%;
        overflow: hidden;
        background: url(../../images/common/ico_fopen.png) no-repeat 99% 14px;
    }

    .board-faq-list .faq-in-cont {
        position: relative;
        display: none;
        background: #f9f9f9 url(../../images/common/ico_a.png) no-repeat 28px 24px;
        padding: 20px 15px 20px 70px;
        border-top: 1px solid #ddd;
    }

    .board-faq-list li .pnum {
        float: left;
        display: inline-block;
        width: 30px;
        text-align: center;
    }

    .board-faq-list li .pcate {
        float: left;
        width: 15%;
        margin-right: 10px;
        font-size: 13px;
        color: #1b569f;
    }

    .board-faq-list li .pcont {
        float: left;
        width: 76%;
        word-wrap: break-word;
        font-size:18px;
    }

    .board-faq-list li .ptitle { /* height:28px;  */
        /*width: 90%;
        display: inline-block;
        background: url(../../images/common/ico_q.png) no-repeat 28px 22px;*/
    }

        .board-faq-list li .ptitle a {
           /* display: block;
            overflow: hidden;
            padding: 18px 30px 15px 70px;
            width: 100%;*/
        }

    .board-faq-list li .date {
        position: absolute;
        right: 5px;
        color: #999;
        font-size: 11px;
    }

.blind {
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -9999em;
    left: -9999em;
    display: block;
    text-indent: -9999em;
    font-size: 0px;
    line-height: 0;
}

* 마우스 오버시 스타일 지정*/
.board-faq-list li:hover, .board-faq-list tr:hover {
}
    /*일반 텍스트 스타일 */
    .board-faq-list li:hover a, .board-faq-list tr:hover a:visited {
    }
/*링크텍스트 스타일*/
.board-faq-list .over .faq-in-wrap {
    background: url(../../images/common/ico_fclose.png) no-repeat 99% 14px;
}

.board-faq-list .over .ptitle {
    /* background: url(../../images/common/ico_q_o.png) no-repeat 28px 22px;*/
}

    .board-faq-list .over .ptitle a {
        font-weight: 700;
        color: #1b569f;
    }

.board-faq-list .over .pcate {
    font-weight: 700;
}

.board-faq-list .over .faq-in-cont {
    display: block;
}

    .board-faq-list .over .faq-in-cont .faq-contents {
        word-wrap: break-word;
        width: 95%;
    }
/* 컨텐츠버튼 */
.cw-btn {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    height: 38px;
    background: #fff;
    border: 1px solid #aaa;
    font-size: 13px;
    color: #444;
    -webkit-transition: all .3s ease;
    transition: all .3s ease-out;
}

    .cw-btn span {
        display: block;
        padding: 0 45px 0 15px;
        line-height: 38px;
    }

    .cw-btn:hover, .cw-btn:focus, .cw-btn:active {
        background-color: #0054a6;
        border-color: #0054a6;
        color: #fff;
    }

    .cw-btn .ico {
        position: absolute;
        left: 73%;
        top: 50%;
        padding: 0;
        width: 16px;
        height: 17px;
        margin-top: -9px;
        background: url(../../images/Common/style_sprite.png) no-repeat 0 0;
        -webkit-transition: left .3s ease;
        transition: left .3s ease-out
    }

    .cw-btn:hover .ico {
        left: 76%;
    }

    .cw-btn .arr {
        background-position: 0 -9px;
    }

    .cw-btn:hover .arr {
        background-position: 0 -49px;
    }

    .cw-btn .plus {
        background-position: -24px -10px;
    }

    .cw-btn:hover .plus {
        background-position: -24px -49px;
    }

    .cw-btn .nw {
        background-position: -53px -9px;
    }

    .cw-btn:hover .nw {
        background-position: -53px -49px;
    }

    .cw-btn .zoom {
        background-position: -81px -9px;
    }

    .cw-btn:hover .zoom {
        background-position: -81px -49px;
    }

    .cw-btn .down {
        background-position: -112px -9px;
    }

    .cw-btn:hover .down {
        background-position: -112px -49px;
    }

    .cw-btn .calendar {
        background-position: -142px -9px;
    }

    .cw-btn:hover .calendar {
        background-position: -142px -49px;
    }

.mg20t {
    margin-top: 20px;
}

@media (max-width: 720px) {
    .board-faq-list .faq-in-cont {
        background-position: 18px 24px;
        padding-left: 70px;
    }
    .board-faq-list li .pcont {
        font-size:14px;
    }
    .board-faq-list .over .faq-in-cont .faq-contents{font-size:14px;}
}