@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

html, body {width: 100%;height: 100%;min-width: 1520px;}
body {overflow: auto;min-width: 1520px;}
/*body {overflow-y: visible;overflow-x: hidden;}*/
.la, .las {font-family: 'Line Awesome Free';font-weight: 900}
.la, .lab, .lad, .lal, .lar, .las { -moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1}

#doc {position: relative;width: 100%;overflow: hidden;min-width: 1300px}

/*헤더컬러*/
#ctgAll_Open {border: 1px solid #18328c;}
#ctgAll_Open span {color: #18328c;}
#ctgNav-icon i { background: #18328c;}

#ctgAllBox {border: 1px solid #18328c;}
#ctgNavi .ctgLst .cm-a1:hover {background: #18328c}
#ctgNavi .ctgLst .cm-a2:hover {background: #18328c}
#ctgNavi .ctgLst .cm-a3:hover {background: #18328c}

.gnb li a:hover {color: #18328c}
.right_menu li a:hover {color: #18328c}

#myzone-Over .point b {color: #18328c}
#myzone-Over .pd-quick li a:hover {color: #18328c;}

#headNavi li a:hover {color: #18328c;}
#headNavi li a:before {background: #18328c}

#myzone-Over .pd-quick {background: #f5f7ff}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    푸터
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#pass_footer_wrap {display: block;background: #2a2c31;overflow: hidden;z-index: 100}
#pass_footer {position: relative;padding: 30px 0;width: 1100px;margin: 0 auto;}

.pass_foot_link {position: relative;display: block;text-align: center;z-index: 5}
.pass_foot_link li {position: relative;display: inline-block;vertical-align: top;margin: 0 8px}
.pass_foot_link li:after {position: absolute;display: block;top: 50%;left: -11px;margin-top: -5px;background: rgba(255,255,255,0.2);width: 1px;height: 10px;content: "";}
.pass_foot_link li:first-child:after {display: none;}
.pass_foot_link li a {padding: 0 5px;display: block;font-size: 14px;letter-spacing: -0.03em;line-height: 25px;color: rgba(255,255,255,0.5);font-weight: 600;position: relative;}
.pass_foot_link li:nth-child(2) a {color: #20c3e0;}

#pass_footer .pass_foot_info {display: block;overflow: hidden;text-align: center;margin-top: 20px}
#pass_footer .pass_foot_info li {display: block;line-height: 26px;overflow: hidden;font-size: 13px;letter-spacing: -0.02em}
#pass_footer .pass_foot_info li span {position: relative;display: inline-block;padding-right: 10px;margin-right: 10px;vertical-align: top;color: rgba(255,255,255,0.5)}
#pass_footer .pass_foot_info li span:after {display: block;content: "";position: absolute;right: 0;top: 50%;margin-top: -5px;background: rgba(255,255,255,0.2);width: 1px;height: 10px;}
#pass_footer .pass_foot_info li span:last-child {padding-right: 0;margin-right: 0;}
#pass_footer .pass_foot_info li span:last-child:after {display: none}
#pass_footer .pass_foot_info li.pcopyright {color: #999}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    공통요소
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
input[type='tel'],input[type='url'],input[type='number'], input[type='email'], input[type='text'], input[type='password'],
input.text,input.password {line-height: 28px;height: 28px;border-radius: 3px;background: #eee;border: none !important;}
input[type='tel']:focus,input[type='url']:focus,input[type='number']:focus, input[type='email']:focus, input[type='text']:focus, input[type='password']:focus,
input.text,input.password:focus {background: #eee;}

select { line-height: 28px;height: 28px;border-radius: 3px;background: #eee;border: none !important;}

/*나타나기*/
.hideme {opacity:0; filter:alpha(opacity=0);margin-top:30px}

/*---------------------------------------체크박스&라디오 스타일 ---------------------------------------*/
.checkbox, .radio { position: relative;padding-left: 26px;overflow: hidden;margin: 2px 0 }

.checkbox.checkbox_inline, .radio.radio_inline { display: inline-block;vertical-align: top;margin: 3px 8px 3px 0}
.checkbox.checkbox_single label, .radio.radio_single label {width: 18px;height: 18px;text-indent: -9999px;padding-left: 0}

.checkbox label { position: relative;display: inline-block;line-height: 18px;font-size: 14px}
.checkbox label::before {
    content: "";display: inline-block;position: absolute;width: 14px;height: 14px;left: 0;margin-left: -22px;border: 2px solid #98a6ad;border-radius: 3px;background-color: #fff;
    -webkit-transition: border 0.2s ease-in-out, color 0.2s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after { display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;top: 0;margin-left: -24px;padding-left: 2px;padding-top: 1px;font-size: 14px;color: #333;font-weight: 600;line-height: 17px;text-indent: 0;}
.checkbox input[type="checkbox"] { position: absolute;top: 0;left: 0;opacity: 0;width: 20px;height: 20px;cursor: pointer;margin: 0; z-index: 10 }
.checkbox input[type="checkbox"]:focus + label::before { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.checkbox input[type="checkbox"]:checked + label::before { background-color: #095db3;border-color: #095db3;}
.checkbox input[type="checkbox"]:checked + label::after { content: "";background: url("/re_images/pass/checkbox_icon.png") no-repeat center 5px}
.checkbox input[type="checkbox"]:disabled + label { opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before { background-color: #eeeeee;cursor: not-allowed;}


.radio label { position: relative;display: inline-block;line-height: 18px;}
.radio label::before {
    content: "";display: inline-block;position: absolute;width: 14px;height: 14px;left: 0;top: 0;margin-left: -22px;border: 2px solid #98a6ad;border-radius: 50%;background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;]
}
.radio label::after {
    display: inline-block;position: absolute;content: " ";width: 10px;height: 10px;left: 6px;top: 4px;margin-left: -24px;border-radius: 50%;background-color: #98a6ad;
    -webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.2s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] { position: absolute;top: 0;left: 0;opacity: 0;width: 20px;height: 20px;cursor: pointer;margin: 0;z-index: 10 }
.radio input[type="radio"]:focus + label::before { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label { opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed;}
.radio input[type="radio"] + label::after { background-color: #095db3;}
.radio input[type="radio"]:checked + label::before { border-color: #095db3;}
.radio input[type="radio"]:checked + label::after { background-color: #095db3;}

.btn {
    overflow: hidden;display: inline-block;vertical-align: top;border-radius: 3px;font-size: 13px;outline: none !important;
    text-align: center;padding: .375rem 1.1rem;border: 1px solid #d6dce1;background: #f8f9fa;color: #212529;margin: 1px;
}
.btn_round {border-radius: 2em}

.btn_blue {background: #095db3;border-color: #095db3;color: #fff;}
.btn_blue:hover {background: #033b75;border-color: #033b75;}
.btn_gray {background: #8d8d8d;border-color: #8d8d8d;color: #fff;}
.btn_gray:hover {background: #656565;border-color: #656565;}
.btn_green {background: #7ab605;border-color: #7ab605;color: #fff;}
.btn_green:hover {background: #527c01;border-color: #527c01;}
.btn_red {background: #bf1616;border-color: #bf1616;color: #fff;}
.btn_red:hover {background: #880c0c;border-color: #880c0c;}
.btn_yellow {background: #f9bc0b;border-color: #f9bc0b;color: #fff;}
.btn_yellow:hover {background: #be8d00;border-color: #be8d00;}
.btn_sky {background: #4eb7eb;border-color: #4eb7eb;color: #fff;}
.btn_sky:hover {background: #1b7baa;border-color: #1b7baa;}
.btn_dark {background: #313a46;border-color: #313a46;color: #fff;}
.btn_dark:hover {background: #0d0f12;border-color: #0d0f12;}
.btn_org {background: #ef4123;border-color: #ef4123;color: #fff;}
.btn_org:hover {background: #ae2710;border-color: #ae2710;}

.btn_outline_blue {color: #095db3;border-color: #095db3;background: #fff;}
.btn_outline_gray {color: #6c757d;border-color: #6c757d;background: #fff;}
.btn_outline_green {color: #7ab605;border-color: #7ab605;background: #fff;}
.btn_outline_red {color: #ef3d58;border-color: #ef3d58;background: #fff;}
.btn_outline_yellow {color: #f9bc0b;border-color: #f9bc0b;background: #fff;}
.btn_outline_sky {color: #4eb7eb;border-color: #4eb7eb;background: #fff;}
.btn_outline_dark {color: #313a46;border-color: #313a46;background: #fff;}
.btn_outline_org {background: #ef4123;border-color: #ef4123;color: #fff;}

.bw_xxs {min-width: 30px;padding: 0 10px;font-size: 13px;line-height: 20px;}
.bw_xs {min-width: 50px}
.bw_sm {min-width: 80px}
.bw_md {min-width: 110px}
.bw_vlg {min-width: 150px}

.bh_sm {padding: .2rem .8rem;}
.bh_lg {padding: .7rem 1.6rem;font-size: 16px;}
.bh_vlg {padding: 1rem 2rem;font-size: 19px;font-weight: 600;letter-spacing: -0.07em}

.btn_box {position: relative;display: block;overflow: hidden;text-align: center;}
.btn_box.left {text-align: left;}
.btn_box.right {text-align: right;}
.btn_box.asbtn {position: absolute;bottom: -60px;left: 0}
.btn_box.asbtn .btn {height: 30px;line-height: 30px;padding: 0 10px}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------

*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
#container-wrap {position: relative;display: block;}

/*background: url("/re_images/pass/top_title_bg.jpg") no-repeat center top;*/
.text_banner_wrap {position: relative;display: block;background: #999}
.text_banner_wrap:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url("/re_images/pass/text_banner_wrap.png") no-repeat center top;content: "" }
.text_banner_wrap.gradientBg {background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: AnimationName 15s ease infinite;}
.text_banner {position: relative;display: block;width: 1100px;margin: 0 auto;padding: 50px 0;text-align: center;color: #fff;z-index: 10}
.text_banner .btxt {position: relative;display: block;font-size: 22px;font-weight: 600;line-height: 1.3;letter-spacing: -0.05em;margin-bottom: 10px;font-family: 'Spoqa Han Sans';z-index: 10}
.text_banner .btit {position: relative;display: block;font-size: 28px;line-height: 1.3;letter-spacing: -0.07em;z-index: 10}
.text_banner .btit span {position: relative;display: inline-block;vertical-align: top;font-weight: 600;color: #fcff00}
.text_banner .btit span:before {position: absolute;top: -3px;left: 50%;width: 6px;height: 6px;background: #fcff00;content: "";border-radius: 50%;margin-left: -3px}
.text_banner .bbtit {position: relative;display: block;font-size: 60px;line-height: 1.2;letter-spacing: -0.03em;font-family: 'Spoqa Han Sans';z-index: 10}
.text_banner .bbtit b {letter-spacing: -0.07em;color: #fcff00;display: block;}
.text_banner .stxt {position: relative;display: block;font-size: 17px;line-height: 1.5;letter-spacing: -0.07em;z-index: 10}
.text_banner .btBox {position: relative;margin-top: 30px;}
.text_banner .btBox a {display: block;width: 300px;height: 55px;line-height: 55px;background: #fff;color: #222;font-size: 20px;font-weight: 600;border-radius: 55px;letter-spacing: -0.07em;margin: 0 auto;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;}
.text_banner .btBox a:hover, .text_banner .btBox a:focus, .text_banner .btBox a:active {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/**/
.tbanner_cont {position: relative;display: block;overflow: hidden;margin-top: 30px;text-align: left;}
.tbanner_cont .title_btit {display: block;text-align: center;font-size: 30px;color: #fff;font-weight: 600;letter-spacing: -0.06em;line-height: 1.5;font-family: 'Spoqa Han Sans';}
.tbanner_cont .title_btit b {color: #fcff00}

.tbanner_step {position: relative;display: block}
.tbanner_step li {position: relative;float: left;width: 540px;border: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;margin-top: 20px;padding: 38px 20px 38px 135px;min-height: 140px;background: rgba(0,0,0,0.1)}
.tbanner_step li:nth-child(1) {padding: 28px 20px 28px 135px}
.tbanner_step li:nth-child(odd) {margin-right: 20px}
.tbanner_step li .img {position: absolute;top: 50%;left: 12px;margin-top: -60px; }
.tbanner_step li .tit {display: block;font-size: 19px;color: #fff;font-weight: 600;letter-spacing: -0.09em;line-height: 1.5;margin-bottom: 10px}
.tbanner_step li .txt {display: block;font-size: 15px;color: rgba(255,255,255,0.8);line-height: 1.5;}

.pages_titleBox {position: relative;display: block;background: #e9edf3;padding: 60px 0}
.pages_titleBox .cont {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto;}
.pages_titleBox .btit {display: block;text-align: center;font-size: 45px;color: #1d4974;font-weight: 600;letter-spacing: -0.06em;line-height: 1.5;font-family: 'Spoqa Han Sans';}
.pages_titleBox .date {display: block;width: 550px;height: 50px;line-height: 50px;background: #1d314e url("/re_images/pass/sline_bg.png") repeat;text-align: center;border-radius: 50px;font-size: 16px;font-weight: 600;margin: 10px auto 30px;font-family: 'Spoqa Han Sans';color: #fff;letter-spacing: 0}
.pages_titleBox .date b {color: #fcff00}
.pages_titleBox .selBox {position: relative;display: block;width: 650px;margin: 40px auto 0;background: #bcc4d0;padding: 20px 25px;border-radius: 10px}
.pages_titleBox .selBox .tit {display: block;text-align: center;font-size: 16px;font-weight: 600;color: #222;margin-bottom: 15px}
.pages_titleBox .selBox .sel {position: relative;display: block;padding-right: 80px;border-radius: 7px;background: #fff;height: 45px;overflow: hidden}
.pages_titleBox .selBox .sel select {height: 45px;line-height: 45px;background: #fff;font-size: 14px}
.pages_titleBox .selBox .sel button {position: absolute;top: 0;right: 0;width: 80px;text-align: center;color: #fff;background: #222;border: none;height: 45px;font-size: 16px;font-weight: 600}

.pages_tab {position: relative;display: block;overflow: hidden;background: #141d29;text-align: center;}
.pages_tab ul {position: relative;width: 1100px;margin: 0 auto;}
.pages_tab li { position: relative;display: inline-block;vertical-align: top;width: 25%}
.pages_tab li a {display: block;line-height: 100px;height: 100px;font-size: 22px;color: #fff;font-weight: 600}
.pages_tab li.active a {background: #fff;color: #141d29}
.pages_tab li.active:before {position: absolute;bottom: -5px;left: 50%;margin-left: -10px;display:inline-block; width:0; height:0; border-style:solid; border-width:10px;border-color:#141d29 transparent transparent transparent;content: ""}

.pages_event_banner {position: relative;display: block;overflow: hidden;width: 1100px;margin: 40px auto 0;}
.pages_event_banner img {max-width: 100%}

.contBox_wrap {position: relative;display: block;overflow: hidden;width: 1100px;margin: 0 auto;padding: 50px 0}
.contBox_title {position: relative;display: block;font-weight: 600;font-size: 35px;color: #222;line-height: 1.6;letter-spacing: -0.07em;text-align: center;font-family: 'Spoqa Han Sans';margin-bottom: 15px}
.contBox_title b {color: #0b529a}
.contBox_title:before {position: absolute;top: 0;}
.contBox_title small {display: block;font-size: 17px;letter-spacing: -0.07em;line-height: 1.2;color: #666;}

.contBox_subtitle {position: relative;display: block;font-weight: 600;font-size: 22px;color: #222;line-height: 1.6;letter-spacing: -0.09em;text-align: center;margin-bottom: 20px}

.h3_title {position: relative;display: block;padding-left: 20px;font-size: 17px;font-weight: 600;color: #222;line-height: 1.5;background: url("/re_images/pass/s_tit_bg.png") no-repeat left 3px;margin-bottom: 10px}

.rBox_wrap {position: relative;display: block;text-align: center;margin-bottom: 20px;text-align: center}
.rBox_title {position: relative;display: inline-block;padding: 0 35px;height: 50px;line-height: 50px;font-weight: 600;color: #fff;font-size: 17px;background: #424950;border-radius: 60px}
.rBox_title b {color: #fcff00}
.rBox_title.red {background: #cf3c49 url("/re_images/tv/pc/contents/c_patten04.png") repeat}
.rBox_title.blue {background: #0c978c url("/re_images/tv/pc/contents/c_patten04.png") repeat}

.gap_line {width: 100%;background: url('/re_images/common/etc/conven-vline.gif') repeat 0 0;height: 5px;margin: 65px 0}

.cont_tab {position: relative;display: block;margin-bottom: 30px;overflow: hidden;text-align: center}
.cont_tab {width: 100%;}
.cont_tab li {float: left;margin-left: -1px}
.cont_tab li:first-child {margin-left: 0}
.cont_tab li a {display: block;color: #444;font-size: 17px;text-align: center;font-weight: 600;padding: 18px 0;line-height: 1.5;height: 65px;border: 1px solid #ddd;background: #f6f6f6;box-sizing: border-box;}
.cont_tab li a small {font-size: 13px;font-weight: normal}
.cont_tab li.line2 a {padding: 10px 0;line-height: 1.2}
.cont_tab li.active a {background: #004c95;border: 1px solid #004c95;color: #fff;}

.tw14 li {width: 14.28%}
.tw16 li {width: 16.66%}
.tw20 li {width: 20%}
.tw25 li {width: 25%}
.tw33 li {width: 33.33%}
.tw50 li {width: 50%}

.mapBox_cont {position: relative;display: block;border: 1px solid #ddd;background: #f6f6f6;padding: 40px 40px;overflow: hidden}
.mapBox_cont .mapBox {position: relative;display: block;float: left;height: 495px;}
.hover_map {position: absolute;top: 0;left: 0;cursor: pointer;}

.mapBox_info {position: relative;display: block;width: 650px;float: right;}
.mapBox_info .title {display: block;line-height: 50px;height: 50px;color: #fff;text-align: center;background: #1d4974;font-size: 17px;font-weight: 600;}
.mapBox_info .mapBox_info_cont {position: relative;display: block;padding: 30px;background: #fff;box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);max-height: 500px;overflow-y: auto}
.mapBox_info .noclick {display: block;padding: 30px 0;text-align: center;}
.mapBox_info .noclick .img {display: block;margin-bottom: 20px}
.mapBox_info .noclick .txt {display: block;font-size: 15px;}
.mapBox_info .table_s1 tr {cursor: pointer}
.mapBox_info .table_s1 tr:hover {background: #ecf4fb}
.mapBox_info .table_s1 tr:hover td {color: #004c95}

.mapBox_select {position: relative;display: block;overflow: hidden;padding: 15px;background: #98bce0}
.mapBox_select ul {overflow: hidden;text-align: center}
.mapBox_select li {display: inline-block;vertical-align: middle;width: 200px;margin-right: 5px; }
.mapBox_select li:last-child {margin-right: 0}
.mapBox_select select {width: 100%;background: #fff;height: 35px;line-height: 35px;}

.info_txt {display: block;padding-left: 20px;background: url("/re_images/pass/ico-ex02.png") no-repeat left 2px;color: #004c95;font-size: 14px}

.table_s1 {width: 100%;border-top: 2px solid #004c95;border-collapse: collapse; border-spacing: 0; }
.table_s1 thead th {text-align:center; padding:12px 0; color:#3d434c; border-bottom:1px solid #e3e3e4;font-weight: 600;background:url(/re_images/pass/th-bg.png) no-repeat left #e2e9f2;}
.table_s1 thead th:first-child{background:#e2e9f2;}
.table_s1 tbody th {text-align:center; padding:10px 15px; border-bottom:1px solid #e3e3e4;color:#222;font-weight: 600;background:#f7f7f7;}
.table_s1 tbody td {text-align:center; padding:10px 15px; border-bottom:1px solid #e3e3e4;color:#555;}
.table_s1 .l {text-align: left;}

.table_s2 {width: 100%;border: 1px solid #e3e3e4;border-collapse: collapse; border-spacing: 0;font-size: 14px;}
.table_s2 thead th {text-align:center; padding:15px 0; color:#3d434c;border-bottom:1px solid #e3e3e4;font-weight: 600;background:url(/re_images/pass/th-bg.png) no-repeat left #e2e9f2;}
.table_s2 thead th:first-child{background:#e2e9f2;}
.table_s2 tbody th {text-align:center; padding:15px 20px;border:1px solid #e3e3e4;color:#222;font-weight: 600;background:#f7f7f7;}
.table_s2 tbody td {text-align:center; padding:15px 20px;border:1px solid #e3e3e4;color:#555;}
.table_s2 .l {text-align: left;}
.table_s2 .numtit {width: 80px;height: 26px;line-height: 26px;border-radius: 26px;background: #eee;display: block;font-size: 15px;font-weight: 600;color: #333;margin: 0 auto 15px;}
.table_s2 .result_bg th {background: #ffdddd}
.table_s2 .result_abg1 th, .table_s2 .result_abg1 td {background: #fff1f1}
.table_s2 .result_abg2 th, .table_s2 .result_abg2 td {background: #fef8ef}

.progressBar_wrap {position: relative;background: #eee;border-radius: 5px;overflow: hidden}
.progressBar_wrap .progressBar {position: absolute;}
.progressBar_wrap .progressBar .progress_text {position: absolute;}

.progressBar_wrap.r_color1 .progressBar {background: #b72933 url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.r_color2 .progressBar {background: #ec3f4f url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.r_color3 .progressBar {background: #ef5264 url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.r_color4 .progressBar {background: #ed7482 url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.r_color5 .progressBar {background: #e4929b url("/re_images/pass/progress_bg.png") no-repeat left top;}

.progressBar_wrap.m_color1 .progressBar {background: #0c302a url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.m_color2 .progressBar {background: #044d44 url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.m_color3 .progressBar {background: #027f73 url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.m_color4 .progressBar {background: #26a69a url("/re_images/pass/progress_bg.png") no-repeat left top;}
.progressBar_wrap.m_color5 .progressBar {background: #68b9b1 url("/re_images/pass/progress_bg.png") no-repeat left top;}

.progressBar_wrap.vertical {width: 100px;height: 150px;margin: 0 auto}
.progressBar_wrap.vertical .progressBar {bottom: 0;left: 0;width: 100%;}
.progressBar_wrap.vertical .progress_text {bottom: 50%;left: 0;width: 100%;height: 20px;line-height: 20px;margin-bottom: -10px;text-align: center;color: #fff;font-size: 15px;font-weight: 600}
.progressBar_wrap.horizontal {height: 40px;}
.progressBar_wrap.horizontal .progressBar {top: 0;left: 0;height: 100%;}
.progressBar_wrap.horizontal .progress_text {top: 0;left: 0;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 15px;font-weight: 600}

.table_form {font-size: 14px;width: 100%;border-top: 2px solid #004c95;border-collapse: collapse; border-spacing: 0;table-layout: fixed;clear: both;border-top: 2px solid #004c95;}
.table_form th, .table_form td {border: 1px solid #d5d5d5;padding: 10px 15px;word-wrap: break-word;}
.table_form th {background: #fafafa;color: #333;text-align: center;font-weight: 600}
.table_form td {background: #fff;min-height: 50px}
.table_form textarea {display: block;width: 100%;color: #888;margin: 10px 0;overflow-y: auto;overflow-x: hidden;line-height: 24px;padding: 5px;box-sizing: border-box;background: #eee;border: none !important}
.table_form input[type=text] {width: auto}
.table_form select {width: auto;min-width: 120px}

.text_scrollBox {position: relative;display: block;overflow: hidden;border: 1px solid #ddd;background: #f6f6f6;padding: 20px;line-height: 1.7}
.text_scrollBox .btit {display: block;font-size: 15px;font-weight: 600;color: #333;line-height: 1.4;margin-bottom: 7px}

.chek_div {display: block;text-align: right}

.data_count_wrap {position: relative;display: block;}
.data_count_wrap ul {display: block;overflow: hidden}
.data_count_wrap li {width: 198px;float: left;text-align: center;border: 1px solid #ddd;padding: 30px;margin-right: 20px;}
.data_count_wrap li:last-child {margin-right: 0}
.data_count_wrap li span {display: block;}
.data_count_wrap li .number {font-size: 23px;font-weight: 600;color: #222;line-height: 1.6;margin: 0 0 7px}
.data_count_wrap li .number b {font-size: 33px;}
.data_count_wrap li .btit {min-width: 100px;display: inline-block;padding: 0 20px;line-height: 35px;height: 35px;color: #fff;font-size: 14px;font-weight: 600;border-radius: 50px}

.data_count_wrap li:nth-child(1) .number b {color: #538708}
.data_count_wrap li:nth-child(1) .btit {background: #538708}
.data_count_wrap li:nth-child(2) .number b {color: #d33641}
.data_count_wrap li:nth-child(2) .btit {background: #d33641}
.data_count_wrap li:nth-child(3) .number b {color: #15a693}
.data_count_wrap li:nth-child(3) .btit {background: #15a693}
.data_count_wrap li:nth-child(4) .number b {color: #d46616}
.data_count_wrap li:nth-child(4) .btit {background: #d46616}

.info-box {font-size: 14px;line-height: 1.6;margin-bottom: 30px}
.info-box:after {top: 13px}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    결과
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.data_rbox {position: relative;display: block;background: #c7daed url("/re_images/common/etc/c_patten03.png") repeat;padding: 5px}
.data_rbox .date {position: absolute;top: -32px;right: 0;font-size: 14px;line-height: 20px;z-index: 10}
.data_rbox .date .las {font-size: 21px;line-height: 20px;float: left;margin-top: 2px;margin-right: 2px;}
.data_rbox .text {position: relative;display: block;overflow: hidden;padding: 20px;background: #fff;z-index: 10}
.data_rbox .text ul {overflow: hidden}
.data_rbox .text li {float: left;background: #dae8f5;text-align: center;padding: 15px;border-radius: 7px;width: 240px;font-size: 15px;color: #222;}
.data_rbox .text li:nth-child(2) {margin: 0 20px;}
.data_rbox .text li:nth-child(3) {width: 440px;}

.result_chartBox {position: relative;display: block;padding: 60px 100px 20px 60px;border: 3px solid #c7daed;border-top: none;background: #fafafa url("/re_images/pass/result_chartBox_bg.png") no-repeat left 20px}
.result_chartBox table {width: 100%;}
.result_chartBox table tbody td {padding: 30px 0;text-align: center;font-size: 15px}
.result_chartBox table tfoot td {padding: 20px 0 0;text-align: center;font-size: 12px}
.result_chartBox table .danger {background: #d9d9d9;color: #888}
.result_chartBox table .anxiety {background: #f2f2f2;color: #999}
.result_chartBox table .possibility {background: #dbeef4;color: #5b96a9}
.result_chartBox table .convincing {background: #c6d9f1;color: #476c9b}
.result_chartBox table .certainty {background: #a2c4ee;color: #2f5788}
.result_chartBox table .resultChek {border: 2px solid #0f49b3;color: #0f49b3 !important;font-size: 17px;font-weight: 600}
.result_chartBox table .danger.resultChek {background: #d9d9d9 url("/re_images/common/etc/c_patten03.png") repeat}
.result_chartBox table .anxiety.resultChek {background: #f2f2f2 url("/re_images/common/etc/c_patten03.png") repeat}
.result_chartBox table .possibility.resultChek {background: #dbeef4 url("/re_images/common/etc/c_patten03.png") repeat}
.result_chartBox table .convincing.resultChek {background: #c6d9f1 url("/re_images/common/etc/c_patten03.png") repeat}
.result_chartBox table .certainty.resultChek {background: #a2c4ee url("/re_images/common/etc/c_patten03.png") repeat}

.result_textul {position: relative;display: block;overflow: hidden}
.result_textul ul {overflow: hidden}
.result_textul li {float: left;width: 344px;background: #f1f1f1;text-align: center}
.result_textul li .btit {display: block;background: #004c95 url("/re_images/common/etc/c_patten04.png") repeat;font-size: 16px;font-weight: 600;color: #fff;padding: 12px 0}
.result_textul li .txt {width: inherit;display: table-cell;vertical-align: middle;height: 64px;padding: 15px 0;font-size: 15px;line-height: 1.4}
.result_textul li:nth-child(2), .result_textul li:nth-child(5) {margin: 0 30px}
.result_textul li:nth-child(2) .btit, .result_textul li:nth-child(5) .btit {background: #15a693 url("/re_images/common/etc/c_patten04.png") repeat;}

.result_toptxt {position: relative;display: block;background: #c7daed url("/re_images/common/etc/c_patten03.png") repeat;padding: 5px}
.result_toptxt .toptxt {position: relative;display: block;overflow: hidden;padding: 20px;background: #fff;text-align: center;z-index: 10}
.result_toptxt .toptxt .btxt {font-size: 16px;line-height: 1.4}
.result_toptxt .toptxt .btit {font-size: 30px;line-height: 1.3;font-weight: 600;color: #222;margin: 5px 0 10px;letter-spacing: -0.08em}
.result_toptxt .toptxt .btit b {font-size: 50px;line-height: 1.3}
.result_toptxt .toptxt .rtxt {display: block;width: 200px;text-align: center;background: #ddd;margin: 0 auto;border-radius: 35px;line-height: 35px;font-size: 14px;color: #333}

.chartBox_st01 {position: relative;display: block;overflow: hidden;padding: 30px;border: 1px solid #ddd;}
.chartBox_st01 .box {position: relative;width: 490px;overflow: hidden;}
.chartBox_st01 .box.left {float: left;padding-right: 29px;}
.chartBox_st01 .box.left:before {position: absolute;top: 0;right: 0;width: 1px;height: 100%;background: #ddd;content: ""}
.chartBox_st01 .box.right {float: right;padding-left: 29px;}

.chartBox_st01 .chart {width: 220px;float: left;}
.chartBox_st01 .chart:first-child {margin-right: 50px}
.chartBox_st01 .chart .txt {display: block;width: 130px;height: 30px;line-height: 30px;border-radius: 30px;color: #fff;text-align: center;margin: 15px auto 0}
.chartBox_st01 .chart:nth-child(1) .txt {background: #ffa000}
.chartBox_st01 .chart:nth-child(2) .txt {background: #0288d1}

.chartBox_st01 .chart2 {display: block;overflow: hidden;position: relative;padding: 28px 0}
.chartBox_st01 .chart2 li {position: relative;padding-left: 100px;display: block;margin-bottom: 15px;}
.chartBox_st01 .chart2 li:last-child {margin-bottom: 0}
.chartBox_st01 .chart2 li .tit {position: absolute;top: 0;left: 0;width: 85px;height: 40px;line-height: 40px;text-align: right;font-size: 14px;font-weight: 600;color: #333}

.chartBox_st02 {position: relative;display: block;overflow: hidden;padding: 30px 30px 30px 280px;border: 1px solid #ddd;}
.chartBox_st02 .titleBox {position: absolute;top: 50%;left: 30px;text-align: center;border-radius: 50%;margin-top: -100px;background: #eee;width: 200px;height: 60px;padding: 70px 0}
.chartBox_st02 .titleBox .rbox {display: block;width: 120px;height: 30px;line-height: 30px;color: #fff;background: #4d84e8;border-radius: 30px;margin: 0 auto;}
.chartBox_st02 .titleBox .ranking {display: block;margin-top: 10px;font-size: 20px;color: #333;font-weight: 600;letter-spacing: -0.03em}
.chartBox_st02 .titleBox .ranking b {color: #ed0808;font-size: 22px}
.chartBox_st02 .chart {position: relative;display: block;min-height: 200px}

.semi-donut {    --percentage: 0;    --fill: #ff0;width: 220px;height: 105px;position: relative;color: #fff;font-size: 16px;font-weight: 600;overflow: hidden;
    color: var(--fill);display: flex;align-items: flex-end;justify-content: center;box-sizing: border-box;margin: 0 auto}
.semi-donut:after{content: '';width: 220px;height: 220px;border:50px solid;border-color : rgba(0,0,0,0.15) rgba(0,0,0,0.15) var(--fill) var(--fill);
    position: absolute;border-radius: 50%;left: 0;top: 0;box-sizing : border-box;transform: rotate( calc( 1deg * ( -45 + var(--percentage) * 1.8 ) ) );animation : fillAnimation 1s ease-in;}

.chart_type_wrap {position: relative;display: block;overflow: hidden;text-align: center}
.chart_type_color {display: inline-block;padding: 15px 20px;border: 1px solid #ddd;}
.chart_type_color ul {overflow: hidden;height: 16px}
.chart_type_color li {display: inline-block;vertical-align: top;margin: 0 10px; }
.chart_type_color li span {float: left}
.chart_type_color li .color {width: 16px;height: 16px;margin-right: 5px;}
.chart_type_color li .txt {height: 16px;line-height: 16px;}

.chart_type_color li .color1 {background: #ffdfde}
.chart_type_color li .color2 {background: #ffc1ab}
.chart_type_color li .color3 {background: #ecb97c}
.chart_type_color li .color4 {background: #ff712e}
.chart_type_color li .color5 {background: #cc5013}

.apply_resultBox {text-align: center}
.apply_resultBox .btit {display: block;font-size: 20px;font-weight: 600;color: #151515;line-height: 140%;letter-spacing: -0.07em}
.apply_resultBox .stxt {display: block;font-size: 15px;color: #666;line-height: 140%;letter-spacing: -0.07em;margin: 10px 0 20px}
.apply_resultBox .btn_st span {padding-left: 0 !important;font-weight: 600;font-size: 17px !important}
.apply_resultBox .btn_st span:after {display: none}


.not_period {position: relative;display: block;overflow: hidden;background: #e0efff;padding: 20px 30px;border: 1px solid #c0d4e9;margin-bottom: 20px;text-align: center}
.not_period .tit {display: block;font-size: 22px;font-weight: 600;color: #cf1b1b;line-height: 140%;letter-spacing: -0.07em}
.not_period .txt {display: block;font-size: 16px;font-weight: 600;color: #222;line-height: 140%;margin-top: 5px}
.not_period .txt b {color: #0b529a}

.noticeBox {position: relative;display: block;overflow: hidden;background: #f6f6f6;padding: 25px;border: 1px solid #ddd;}
.noticeBox img {max-width: 100%;}

.commentsBox {position: relative;display: block;overflow: hidden}
.commentsBox .wri_cont {position: relative;display: block;overflow: hidden;background: #f3f3f3;border: 1px solid #ddd;padding: 20px;height: 45px;margin-bottom: 20px}
.commentsBox .wri_cont input[type=text] {height: 45px;line-height: 45px;background: #fff;float: left;width: 932px;margin-right: 5px}
.commentsBox .wri_cont .sinput {width: 150px !important;}
.commentsBox .wri_cont button {height: 45px;line-height: 45px;background: #333;text-align: center;color: #fff;border: none;width: 120px}

.comments_list  {position: relative;display: block;overflow: hidden}
.comments_list table {width: 100%;border-top: 2px solid #333;border-collapse: collapse; border-spacing: 0; }
.comments_list thead th {text-align:center; padding:12px 0; color:#3d434c; border-bottom:1px solid #e3e3e4;font-weight: 600;background:url(/re_images/pass/th-bg.png) no-repeat left #e9e9e9;}
.comments_list thead th:first-child{background:#e9e9e9;}
.comments_list tbody th {text-align:center; padding:10px 20px; border-bottom:1px solid #e3e3e4;color:#222;font-weight: 600;background:#f7f7f7;}
.comments_list tbody td {text-align:center; padding:10px 20px; border-bottom:1px solid #e3e3e4;color:#555;}

.paging-wrap {font-size: 0;text-align: center;}
.paging-wrap li {display: inline-block;vertical-align: top;}
.paging-wrap li:last-child {border-right: 1px solid #e2e2e2;}
.paging-wrap li a {display: block;width: 30px;height: 30px;font-size: 13px;border: 1px solid #e2e2e2;border-right: none;line-height: 30px;color: #777777;background: #fff;}
.paging-wrap li a.active {width: 30px;height: 30px;background: #50595e;color: #fff;}
.paging-wrap li a.active:hover {color: #fff;text-decoration: underline;}
.paging-wrap li.first a {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat 10px 10px #fff;font-size: 0;}
.paging-wrap li.prev a {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat -20px 10px #e2e2e2;font-size: 0;}
.paging-wrap li.next a {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat -50px 10px #e2e2e2;font-size: 0;}
.paging-wrap li.last a {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat -80px 10px #fff;font-size: 0;}
.paging-wrap li a.first {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat 10px 10px #fff;font-size: 0;}
.paging-wrap li a.prev {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat -20px 10px #e2e2e2;font-size: 0;}
.paging-wrap li a.next {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat -50px 10px #e2e2e2;font-size: 0;}
.paging-wrap li a.last {display: block;border: 1px solid #e2e2e2;width: 30px;height: 30px;background: url("/images/Board/paging-btn.jpg")no-repeat -80px 10px #fff;font-size: 0;}


.banner_slider_wrap {position: relative;display: block;overflow: hidden;background: url("/re_images/pass/banner_bg.png") no-repeat center top;margin-top: 50px;padding: 40px 0 50px}
.banner_slider_wrap .banner_title {position: relative;display: block;font-weight: 600;font-size: 35px;color: #222;line-height: 1.6;letter-spacing: -0.05em;text-align: center;font-family: 'Spoqa Han Sans';margin-bottom: 15px}
.banner_slider_wrap .banner_title b {color: #0b529a}
.banner_slider_wrap .banner_title small {display: block;font-size: 17px;letter-spacing: -0.07em;line-height: 1.2;color: #666;}
.banner_slider {position: relative;display: block;width: 1100px;margin: 0 auto;margin-top: 25px}
.banner_slider .item {margin: 0 20px;float: left;}
.banner_slider .item img {width: 100%}
.banner_slider .slick-arrow {position: absolute;top: 50%;width: 55px;height: 55px;display: block;margin-top: -23px;border: none;text-indent: -999999px;border-radius: 50%;z-index: 200}
.banner_slider .slick-arrow.slick-prev {left: -60px;background: rgba(0,0,0,0.1) url("/re_images/pass/banner_prev.png") no-repeat center}
.banner_slider .slick-arrow.slick-next {right: -60px;background: rgba(0,0,0,0.1) url("/re_images/pass/banner_next.png") no-repeat center}

/***/
.msgLyr-wrap {display:none; position:fixed;top:0; left:0;width:100%; height:100%; z-index:100;}
.msgLyr-wrap .bg {display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);z-index: 0}

.msg-layer {position: fixed;width: 300px;height: 180px;background: #fff;top: 50%;left: 50%;margin: -90px 0 0 -150px;z-index: 30;overflow: hidden;border-radius: 15px}
.msg-layer .cont {display: block;padding: 20px;text-align: center;font-size: 14px;line-height: 160%}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    소방공무원
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.firefighting_style .text_banner_wrap {background: url("/re_images/pass/firefighting_style_bg.jpg") no-repeat center top;background-size: cover}
.firefighting_style .text_banner_wrap:before {display: none;}

.firefighting_style .mapBox_select {background: #e8a7a7}
.firefighting_style .mapBox_info .title {background: #832626}
.firefighting_style .mapBox_info .info_txt {background: url("/re_images/pass/ico-ex03.png") no-repeat left 2px;color: #cf1b1b;}
.firefighting_style .table_s1, .firefighting_style .table_form {border-top: 2px solid #832626}
.firefighting_style .mapBox_info .table_s1 tr:hover {background: #fef0f0}
.firefighting_style .mapBox_info .table_s1 tr:hover td {color: #832626}

.firefighting_style .contBox_title  b {color: #832626}
.firefighting_style .banner_slider_wrap .banner_title b {color: #832626}

.firefighting_style .not_period {background: #fff5f5;border: 1px solid #ecd9d9;}

.firefighting_style .pages_titleBox .btit {color: #832626;}
.firefighting_style .pages_titleBox .date {background: #4e1d1d url("/re_images/pass/sline_bg.png") repeat;}

.firefighting_style .pages_tab {background: #291414}
.firefighting_style .pages_tab li.active a {color: #291414}
.firefighting_style .pages_tab li.active:before {border-color:#291414 transparent transparent transparent;}

.firefighting_style .banner_slider_wrap .banner_title b {color: #291414}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    해경
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.poseidon_style .text_banner_wrap {background: url("/re_images/pass/poseidon_style_bg.jpg") no-repeat center top;background-size: cover}
.poseidon_style .text_banner_wrap:before {display: none;}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    경찰
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.police_style .text_banner_wrap {background: url("/re_images/pass/police_style_bg.jpg") no-repeat center;background-size: cover}
.police_style .text_banner_wrap:before {display: none;}

.police_style .mapBox_select {background: #a7e8e4}
.police_style .mapBox_info .title {background: #26837b}

.police_style .contBox_title  b {color: #09aca6}
.police_style .banner_slider_wrap .banner_title b {color: #09aca6}

.police_style .pages_titleBox .btit {color: #09aca6;}
.police_style .pages_titleBox .date {background: #1d4e4d url("/re_images/pass/sline_bg.png") repeat;}

.police_style .pages_tab {background: #1d4e4d}
.police_style .pages_tab li.active a {color: #1d4e4d}
.police_style .pages_tab li.active:before {border-color:#1d4e4d transparent transparent transparent;}

.drive_style .banner_slider_wrap .banner_title b {color: #1d4e4d}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    운전직
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.drive_style .text_banner_wrap {background: url("/re_images/pass/drive_style_bg.jpg") no-repeat center;background-size: cover}
.drive_style .text_banner_wrap:before {display: none;}

.drive_style .mapBox_select {background: #b7d7c4}
.drive_style .mapBox_info .title {background: #268352}

.drive_style .contBox_title  b {color: #09752f}
.drive_style .banner_slider_wrap .banner_title b {color: #09752f}

.drive_style .pages_titleBox .btit {color: #09752f;}
.drive_style .pages_titleBox .date {background: #1d4e2e url("/re_images/pass/sline_bg.png") repeat;}

.drive_style .pages_tab {background: #1d4e2e}
.drive_style .pages_tab li.active a {color: #1d4e2e}
.drive_style .pages_tab li.active:before {border-color:#1d4e2e transparent transparent transparent;}

.drive_style .banner_slider_wrap .banner_title b {color: #1d4e2e}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    7급 공무원, 지방직
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.gong7_style .text_banner_wrap, .gong7_local_style .text_banner_wrap {background: url("/re_images/pass/gong7_style_bg.jpg") no-repeat center;background-size: cover}
.gong7_style .text_banner_wrap:before, .gong7_local_style .text_banner_wrap:before {display: none;}

.gong7_style .text_banner .bbtit b, .gong7_local_style .text_banner .bbtit b {color: #0e4092}
.gong7_style .tbanner_cont .title_btit b, .gong7_local_style .tbanner_cont .title_btit b  {color: #0e4092}

.gong7_style .mapBox_select, .gong7_local_style .mapBox_select {background: #ddd6c4}
.gong7_style .mapBox_info .title, .gong7_local_style .mapBox_info .title {background: #eba806}

.gong7_style .contBox_title  b, .gong7_local_style .contBox_title  b {color: #eba806}
.gong7_style .banner_slider_wrap .banner_title b. .gong7_local_style .banner_slider_wrap .banner_title b {color: #eba806}

.gong7_style .pages_titleBox .btit, .gong7_local_style .pages_titleBox .btit {color: #eba806;}
.gong7_style .pages_titleBox .date, .gong7_local_style .pages_titleBox .date {background: #56451b url("/re_images/pass/sline_bg.png") repeat;}

.gong7_style .pages_tab, .gong7_local_style .pages_tab {background: #a77a2b}
.gong7_style .pages_tab li.active a, .gong7_local_style .pages_tab li.active a {color: #a77a2b}
.gong7_style .pages_tab li.active:before, .gong7_local_style .pages_tab li.active:before {border-color:#a77a2b transparent transparent transparent;}

.gong7_style .banner_slider_wrap .banner_title b, .gong7_local_style .banner_slider_wrap .banner_title b {color: #eba806}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    9급 공무원, 지방직
*------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
.gong9_style .text_banner_wrap, .gong9_local_style .text_banner_wrap {background: url("/re_images/pass/gong9_style_bg.jpg") no-repeat center;background-size: cover}
.gong9_style .text_banner_wrap:before, .gong9_local_style .text_banner_wrap:before {display: none;}

.gong9_style .mapBox_select, .gong9_local_style .mapBox_select {background: #d3bdd9}
.gong9_style .mapBox_info .title, .gong9_local_style .mapBox_info .title {background: #661b7a}

.gong9_style .contBox_title  b, .gong9_local_style .contBox_title  b {color: #661b7a}
.gong9_style .banner_slider_wrap .banner_title b. .gong9_local_style .banner_slider_wrap .banner_title b {color: #661b7a}

.gong9_style .pages_titleBox .btit, .gong9_local_style .pages_titleBox .btit {color: #661b7a;}
.gong9_style .pages_titleBox .date, .gong9_local_style .pages_titleBox .date {background: #3b1645 url("/re_images/pass/sline_bg.png") repeat;}

.gong9_style .pages_tab, .gong9_local_style .pages_tab {background: #42214b}
.gong9_style .pages_tab li.active a, .gong9_local_style .pages_tab li.active a {color: #42214b}
.gong9_style .pages_tab li.active:before, .gong9_local_style .pages_tab li.active:before {border-color:#42214b transparent transparent transparent;}

.gong9_style .banner_slider_wrap .banner_title b, .gong9_local_style .banner_slider_wrap .banner_title b {color: #661b7a}