@charset "utf-8";

/*HeadGroup*/
/*h2,h3,h4,h5{position:relative}
h2:after,h3:after,h4:after,h5:after{position:absolute;left:0;content:""}
h2{padding-left:12px;margin-bottom:25px;font-weight:500;font-size:1.750em;line-height:1.2857em;color:#094b9d;letter-spacing:-0.04464em}
h2:after{content: ""; position: absolute; bottom: 18px; left: 54.5%; width: 7px; height: 7px; background: url(../../images/sub/common/h2_icon.png) no-repeat;}
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}*/

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

/*Ui Style*/

/*셀렉트박스*/
.select_box{position:relative;width:auto;height:40px;padding:0;border:1px solid #d9dfe8}
.select_box label{position:absolute;top:0;left:0;width:100%;margin:0;padding:8px 25px 10px 15px;background:#fff;line-height:1.25em;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:10px;width:15px;height:15px;margin-top:-8px;font-size:1em;line-height:1em;font-family:"xeicon";content:"\e943";z-index:2}
.select_box select.info_select{position:relative;width:100%;height:100%;padding:0 15px;border:0 none;vertical-align:top;cursor:pointer;z-index:1}
.select_box select.info_select > option{display:block;height:40px !important;padding:8px 15px 10px !important;font-weight:normal;line-height:40px !important;white-space:pre;box-sizing:content-box}
.select_box select.info_select:focus{outline:1px dotted #454c69 !important}
.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)}
.select_box.dataTables_length{width:125px}

/*라디오버튼, 체크박스*/
.radio,.checkbox{display:block;position:relative;margin:0;padding:0}
.radio:after,.checkbox:after{clear:both;display:block;content:""}
.radio label,.checkbox label{display:block;float:left;position:relative;width:auto;height:auto;min-height:20px;margin-right:15px;font-size:0.938em;line-height:1.3333em;cursor:pointer}
.radio label:last-child,.checkbox label:last-child{margin-right:0}
.radio input[type="radio"],
.checkbox input[type="checkbox"]{float:none;margin:0;padding:0}
.radio label input,.checkbox label input{position:absolute;top:0;left:0;width:20px;height:20px;margin:0;padding:0;-webkit-appearance:none}
.radio label input:focus,.checkbox label input:focus,.radio label input:checked,.checkbox label input:checked
{-webkit-appearance:checkbox;outline:thin dotted}
.radio span,.checkbox span{display:block;position:relative;float:left;padding-left:25px;font-weight:300;font-size:1em;line-height:1.3333em;color:#707070;letter-spacing:-0.03333em;white-space:nowrap}
.radio span:after,.checkbox span:after{position:absolute;top:0;left:0;width:20px;height:20px;background:url(../../images/kaeri/common/i_chekcradio.png) no-repeat;content:""}
.radio span > a,.checkbox span > a{display:block;line-height:1.3333em;color:#707070}
.radio span > a:hover,.radio span > a:active,.radio span > a:focus,.checkbox span > a:hover,.checkbox span > a:active,.checkbox span > a:focus{color:#030101}
.radio span.underline,.checkbox span.underline{text-decoration:underline}

/*체크박스버튼*/
.checkbox label span:after{background-position:-20px 0}
.checkbox label input:focus + span:after,.checkbox label input:checked + span:after{background-position:-20px -20px}

/*라디오버튼*/
.radio label span:after{background-position:0 0}
.radio label input:focus + span:after,.radio label input:checked + span:after{background-position:0 -20px}

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

/*인풋박스*/
input.form-control{height:40px;padding:9px 15px;font-weight:400;font-size:1em;line-height:1.25em;letter-spacing:-0.03125em;-webkit-appearance:none;-webkit-border-radius:0;-webkit-tap-highlight-color:transparent}
input.form-control:hover,
input.form-control:active,
input.form-control:focus{border-color: #a1a1a1 !important;box-shadow:none;-webkit-box-shadow:none;-webkit-tap-highlight-color:transparent}
input.form-control[type="password"],
input.form-control[type="number"] {padding:10px; border:1px solid #d5d5d5; border-radius:5px; outline:1px solid #f5f5f5;}

/*첨부파일*/
.fileForm{position:relative}
.fileForm + .fileForm{margin-top:5px}
.fileForm input{display:block;position:relative}
.fileForm input.form-control[type="file"],.fileForm .btn_filesch{position:absolute;top:0;right:0;width:155px;height:40px;margin:0;padding:9px 20px;border:1px solid #d9dfe8;background:#fff;font-weight:300;font-size:1em;line-height:1.25em;color:#030101;letter-spacing:-0.03125em;text-align:center}
.fileForm input[readonly="readonly"]{position:relative;width:100%;height:40px;padding:9px 20px !important;border:1px solid #d9dfe8 !important;background-color:transparent !important;font-size:1em !important;line-height:1.25em}
.fileForm input[readonly="readonly"]:hover,.fileForm input[readonly="readonly"]:focus{border-color:#454c69 !important}
.fileForm #file_upload{visibility:hidden}
.fileForm .btn_filesch{padding:9px 0;border-color:#636770;background:#636770;color:#fff}
.fileForm .btn_filesch:hover,.fileForm .btn_filesch:focus{border-color:#3f4e6b;background:#3f4e6b}
.fileForm .btn_filesch:focus{outline:1px dotted #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:165px}
.fileForm .iptfile_wrap input[type="text"]{float:none;width:100%}

/*첨부파일 리스트*/
.file_attach > li:after{clear:both;display:block;content:""}
.file_attach > li + li{margin-top:10px}
.file_attach a{float:left;line-height:1.5625em;color:#666}
.file_attach a + a{margin-left:10px}
.file_attach span{float:left;position:relative;font-weight:300;line-height:1.5625em}
.file_attach span.ico{margin-right:10px;white-space:nowrap; margin-top:5px;}
.file_attach span.filename{margin-right:10px;white-space:nowrap}
.file_attach span.filesize,.file_attach span.down,.file_attach span.preview{min-width:110px;height:25px;border-radius:25px;background:transparent;font-size:0.938em;line-height:1.6667em;letter-spacing:-0.03333em;text-align:center}
.file_attach span.filesize{margin-right:2px;background:#f7f8f9;color:#666}
.file_attach span.down{background:#60696f;color:#fff}
.file_attach > a:hover span.down{background:#454f56}
.file_attach span.preview{padding:0 15px;background:#60696f;color:#fff}

/*목록*/
[class*="li_"],[class*="li_"] > li{position:relative;font-weight:300;line-height:1.5625em;color:#555;letter-spacing:-0.03125em;word-break:keep-all}
[class*="li_"] > li:after{display:block;position:absolute;left:0;content:""}
[class*="li_"] > li em{font-weight:700;color:#0052b0}
.li_th1 > li{padding-left:15px}
.li_th1 > li:after{top:8px;width:8px;height:8px;border-radius:8px;background:#bbc8da}
.li_th2 > li{padding-left:12px}
.li_th2 > li:after{top:13px;width:3px;height:3px;background:#a6a6a6}
.li_th3 > li{padding-left:13px}
.li_th3 > li:after{top:13px;width:4px;height:1px;background:#555}
.li_th1 .li_th2,.li_th1 .li_th3{margin-top:10px}
.li_num,.li_num > li{line-height:1.3125em;color:#707070}
.li_num > li{padding-left:20px}
.li_num > li + li{margin-top:4px}
.li_num .num{position:absolute;top:0;left:0;line-height:1.3125em}
.li_num .emph{font-weight:500;font-size:1.125em;line-height:1.3333em;color:#0052b0;text-decoration:underline}
.li_num .emph .num{top:1px}

/*안내박스*/
.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/kaeri/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/kaeri/common/cntsGuide_descript_icon01.png)}
.cntsGuide.descript > strong.type2{padding:10px 0 10px 220px;background-image:url(../../images/kaeri/common/cntsGuide_descript_icon02.png)}
.cntsGuide.descript > strong.type3{background-image:url(../../images/kaeri/common/cntsGuide_descript_icon03.png)}
.cntsGuide.descript > strong.type4{background-image:url(../../images/kaeri/common/cntsGuide_descript_icon04.png)}
.cntsGuide.descript > strong.type5{padding:10px 0 10px 115px;background-image:url(../../images/kaeri/common/cntsGuide_descript_icon05.png);background-position:0 15px}
.cntsGuide.descript > strong.type6{background-image:url(../../images/kaeri/common/cntsGuide_descript_icon06.png)}
.cntsGuide.descript > strong.type7{background-image:url(../../images/kaeri/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/kaeri/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/kaeri/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/kaeri/common/cntsGuide_recruit_icon01.png)}
.cntsGuide.recruit.type2:after,.cntsGuide.recruit.type3:after{width:102px;height:81px;background-image:url(../../images/kaeri/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:300;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:300;line-height:1.5625em;color:#555;letter-spacing:-0.03125em;word-break:keep-all;white-space:normal}
.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 > 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: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 > 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}

/*탭메뉴*/
.tabNav_wrap{position:relative;overflow:hidden;max-width:1440px;margin:0 auto 30px}
.tabNav_wrap:after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #e1e3e7;content:""}
.tabNav_wrap > .tabMenuTitle{display:none;position:relative;padding:10px 15px;font-weight:400;font-size:1em;line-height:1.3333em;color:#000;letter-spacing:-0.03333em;z-index:1}
.tabNav_wrap > .tabMenuTitle:after{position:absolute;top:13px;right:10px;width:18px;height:18px;font-size:1.125em;line-height:1em;color:#707070;font-family:"xeicon";text-align:center;content:"\e942"}
.tabNav_wrap > .tabMenuTitle.active:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
/* .tabNav {display: table; position: relative; width: 30%; height: 100%; table-layout: fixed; z-index: 1; margin: 0 auto;} */
/* .tabNav > li{display:table-cell;position:relative;height:100%;max-width:0;vertical-align:top} */
.tabNav a{display:table;position:relative;width:100%;height:100%;padding:11px 0;font-size:1.125em;line-height:1.3333em;color:#5f6367;letter-spacing:-0.04167em;text-align:center}
.tabNav a:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*border:solid #e1e3e7;border-width:1px 1px 1px 0;*/}
.tabNav > li:first-child > a:after{border-width:1px}
.tabNav a > span{display:table-cell;width:100%;height:100%;padding:0 10px;line-height:1.3333em;word-break:keep-all;vertical-align:middle}
.tabNav a:hover{font-weight:500;color:#426096}
/* .tabNav .active a{background:#426096;font-weight:500;color:#fff}
.tabNav .active a:after,.tabNav a:hover:after{border-color:#426096;border-width:1px;z-index:1} */
.tabNav_wrap.fixed{position:fixed;top:69px;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:-20px;left:0;width:100%;height:20px;background:url(../../images/kaeri/header/header_shadow.png) repeat-x;content:""}
.tabNav_wrap.fixed > .tabNav{width:1440px;margin:0 auto}
.tabNav.type2 a{height:70px}
.tabNav_wrap.list{padding:22px 36px;border:2px solid #eaeaea}
.tabNav_wrap.list:after{display:none}
.tabNav_wrap.list .tabNav{display:block}
.tabNav_wrap.list .tabNav:after{clear:both;display:block;content:""}
.tabNav_wrap.list .tabNav > li{display:block;float:left;width:16.6667%;max-width:none;padding:4px 0}
.tabNav_wrap.list .tabNav a{float:left;height:auto;padding:0;font-weight:300;font-size:1em;line-height:1.5em;letter-spacing:-0.03125em;text-align:left}
.tabNav_wrap.list .tabNav a:after{display:none}
.tabNav_wrap.list .tabNav a > span{display:block;position:static;padding:0 7px 4px;line-height:1.5em;white-space:nowrap;transform:none;-webkit-transform:none}
.tabNav_wrap .subTab_wrap{position:absolute;top:125px;left:50%;width:1440px;height:45px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.subTab{display:table;width:100%;height:100%;padding:0 1px;table-layout:fixed}
.subTab > li{display:table-cell;width:1%;height:100%;vertical-align:top}
.subTab a{display:table;position:relative;width:100%;height:100%;padding:10px 0;font-size:1.125em;line-height:1.3889em;color:#5f6367;letter-spacing:-0.04167em;text-align:center}
.subTab a:after{position:absolute;top:0;left:0;width:100%;height:100%;border:solid #e1e3e7;border-width:1px 1px 1px 0;content:""}
.subTab > li:first-child a:after{border-width:1px}
.subTab a > span{display:table-cell;width:100%;height:100%;line-height:1.3889em;vertical-align:middle}
.subTab a:hover{font-weight:500;color:#426096}
.subTab .active a{background:#426096;font-weight:500;color:#fff}
.subTab .active a:after,.subTab a:hover:after{border-color:#426096;border-width:1px;z-index:1}

/*이미지대체*/
.alternative{position:relative;padding-bottom:35px}
.alternative > strong{position:absolute;bottom:0;right:0;padding:5px 0;font-weight:500;font-size:0.938em;line-height:1.5333em;color:#555;letter-spacing:-0.03333em;white-space:nowrap}

/*주의사항*/
.caution{position:relative;padding-left:20px;font-size:0.938em;line-height:1.3333em;color:#666;letter-spacing:-0.03333em;word-break:keep-all}
/* .caution:after{position:absolute;top:2px;left:0;line-height:1.3333em;font-family:"xeicon";color:#ca5252;content:"\e9aa"} */
.advice_wrap{clear:both;display:block}
.advice,.annotate{position:relative;padding-left:20px;font-weight:300;line-height:1.5em;color:#333;letter-spacing:-0.03125em;word-break:keep-all}
.advice:after{position:absolute;top:0;left:0;color:#d31a0c;content:"※"}
.advice > em{font-weight:500;line-height:1.5em}
.advice.bdline{padding:5px 5px 10px 30px;margin-top:10px;border:1px solid #e4e4e4;background:#f7f7f7}
.advice.bdline:after{top:5px;left:10px}
.annotate{padding-left:15px}
.annotate:after{position:absolute;top:6px;left:0;font-size:1.500em;line-height:1em;color:#d31a0c;content:"*"}
.annotate + .annotate{margin-top:5px}
.annotate.type2{padding-left:25px}
.annotate.type2:after{content:"**"}
.annotate.type3{padding-left:35px}
.annotate.type3:after{content:"***"}

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

/*게시판영역*/

.board_wrap{position:relative;max-width:1440px;margin:0 auto;}
/*범례, 범주*/
.note{display:block;position:absolute;top:0;right:0;white-space:nowrap}
.note.topm30 {top:-30px}

/*게시판 가이드*/
.board_guide{display:table;position:relative;width:100%;padding:30px 30px 30px 155px;border:1px solid #eaeaea;table-layout:fixed}
.board_guide:after{position:absolute;top:30px;left:45px;width:84px;height:84px;border-radius:50%;background:#e8ebf0 url(/resources/images/kaeri/common/board_guide_icon.png) no-repeat 50% 50%;content:""}
.board_guide .li_th3{display:table-cell;width:100%;height:84px;vertical-align:middle}
.board_guide .li_th3,.board_guide .li_th3 > li{font-weight:500;line-height:1.3125em}
.board_guide + .search_wrap{margin-top:30px}

/*데이타테이블*/
.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}

/*버튼*/
.btn_wrap{display:block;position:relative;padding:20px 0}
.btn{font-family:'Pretendard';display:inline-block;min-width:112px;height:40px;padding:9px 14px;border:1px solid #666; border-radius:0;/*font-weight:300;*/font-size:0.938em;line-height:1.3333em;color:#666;letter-spacing:-0.03333em; text-align:center;white-space:nowrap}
.btn > span{display:block;line-height:1.3333em}
.btn i[class*="xi-"]{line-height:1.3333em;vertical-align:top}
.btn-lg{min-width:305px;height:54px;padding:14px 19px;font-size:1em;line-height:1.5em}
.btn-lg > span{position:relative;padding-right:45px;line-height:1.5em;text-align:left}
.btn-lg i[class*="xi-"]{position:absolute;top:0;right:0;width:16px;line-height:1.5em;vertical-align:top}
.btn-lg + .btn-lg{margin-left:15px}
.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-cancel{background:#e5e5e5; color:#555;}
.btn.btn-list,.btn.btn-write,.btn.btn-primary,.btn.btn-more{border-color:#393f4e;background:#393f4e;color:#fff}
.btn.btn-more{min-width:200px}
.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:#2361b4;background:#2361b4;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:10px}
.btn.btn-table{display:block;min-width:24px;height:auto;padding:0;font-size:1em;line-height:1.5em}
.btn.btn-table i[class*="xi-"]{display:block;font-size:1.500em;line-height:1em;color:#626a73}
.btn.btn-table:hover{border-color:transparent;background:transparent;color:#2361b4}
.btn.btn-table:hover i[class*="xi-"]{color:#2361b4}
.btn.btn-table.btn-primary{padding:0 25px;border-radius:26px;border-color:#60696f;background:#60696f;font-size:0.938em;line-height:1.7333em;color:#fff;letter-spacing:-0.03333em}
.btn.btn-table.btn-primary:hover{border-color:#60696f;background:#60696f}
.btn.btn-table.attach i[class*="xi-"]{color:#a8a8a8}
.btn.btn-table.attach span{display:block;font-weight:500;font-size:0.583em;line-height:1.4285em;color:#777;letter-spacing:-0.03571em}
.btn.btn-table.attach.comp i[class*="xi-"]{color:#333}
.btn.btn-table.attach.comp span{color:#333}
.btn.btn-sns > span{position:relative;padding-left:40px;font-weight:500;line-height:1.3333em;text-align:left}
.btn.btn-sns i[class*="xi-"]{position:absolute;top:-1px;left:0;font-size:1.733em;line-height:1em;color:#fff}
.btn.btn-facebook{border-color:#3b5998;background:#3b5998;color:#fff}
.btn.btn-kakao{border-color:#f2cc19;background:#f2cc19;color:#35240b}
.btn.btn-naver{border-color:#2db400;background:#2db400;color:#fff}
.btn.btn-sns:hover{border-color:#ececed !important;background:#fff !important}
.btn.btn-facebook:hover{color:#30487a}
.btn.btn-facebook:hover i[class*="xi-"]{color:#30487a}
.btn.btn-kakao:hover{color:#553912}
.btn.btn-kakao:hover i[class*="xi-"]{color:#f3cb11}
.btn.btn-naver:hover{color:#28710f}
.btn.btn-naver:hover i[class*="xi-"]{color:#2f9e0a}
.btn.btn-appro{min-width:65px;height:30px;padding:0;border:1px solid #000;background:#fff}
.btn.btn-appro.back{border-color:#e3e6ed;background:#e3e6ed}
.btn.btn-appro > span{display:block;padding:4px 0;font-weight:300;line-height:1.3333em;color:#000;text-align:center}

/*컨텐츠 준비중*/
.preparation_wrap{display:block;position:relative;max-width:1440px;padding:175px 0;margin:0 auto;border:1px solid #ececed;background:url(../../images/kaeri/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:3.750em;line-height:1em;font-family:"Open Sans";color:#d22727;letter-spacing:-0.05em}
.preparation_wrap .preparation .desc{display:block;position:relative;padding-top:15px;font-weight:500;font-size:1.875em;line-height:1em;color:#000;letter-spacing:-0.05em}

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

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

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

@media screen and (max-width:1320px){
	.definition_figure.type2 .img{padding:0}
	.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}
}

@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}
	.tabNav {width: 100%;}
}

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

@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}

	.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}
}

@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}

	.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{display:block}
	.tabNav:after{clear:both;display:block;content:""}
	.tabNav > li{display:block;float:left;width:100%;max-width:none}
	.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}

	.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}

	.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%}
}