@import url("accordion.css");
@import url("integration_contents.css?v=230810");

.no_link {border-bottom: 0 !important; cursor: default !important;} /*TOTALSR-80345*/
.intergration .content_title { width: 100%; font-size: 28px; font-weight: 600; padding-bottom: 16px; margin: -4px 0 40px 0; letter-spacing: -0.9px; line-height: 40px; }
.intergration .content_title.bold { font-weight: 700; }
.intergration .content_title.nomal { font-weight: 500; }
.intergration .content_title.line { border-bottom: 2px solid #1e1e1e; }
.intergration .content_title.noMB { margin-bottom: 0px; }
.intergration .content_title.mB30 { margin-bottom: 20px; }
.intergration .content_title.eng { font-weight: 700; padding-bottom: 22px; line-height: 28px; }
.intergration .content_title_02 { width: 100%; font-weight: 700; padding-bottom: 16px; margin: 0 0 2px 0; letter-spacing: -0.9px; }
.intergration .content_title.aCenter { width: 100%; text-align: center; padding-bottom: 0px; margin: 0 0 0px 0; letter-spacing: -0.9px; line-height: 40px; }
.intergration .content_title_txt { font-size: 16px; color: #777; text-align: center; line-height: 24px; margin-top: 18px; margin-bottom: 52px; }
.intergration .subTit { font-size: 22px; color: #1e1e1e; text-align: left; font-weight: 500; margin-bottom: 25px; }
.intergration .subTit .bold { font-weight: 600; color: #1e1e1e; }
.intergration .subTit .blue { color: #21277d; }
.cont_wrap.intergration { font-size: 16px; line-height: 24px; color: #666; }
.cont100_wrap.intergration { width: 100%; font-size: 16px; line-height: 24px; color: #666; }
.cont_wrap.intergration .vbar { width: 1px; height: 60px; background: #b7b7b7; margin: 60px auto 40px auto; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .intergration .cont_wrap { font-weight: 300;}
    .intergration .content_title { margin-top: -5px; }
    .intergration .content_title.eng { margin-top: -5px; }
}


/* selectbox ----------------------*/
.intergration .inter-select select { display: none; }
.intergration .inter-select .select-selected { background-color: #f5f5f5; border: 1px solid #f5f5f5; box-sizing: border-box; }
/* Style the arrow inside the select element: */
.intergration .inter-select .select-selected:after { position: absolute; content: ""; top: 17px; right: 15px; width: 0; height: 0; border: 6px solid transparent; border-color: #666 transparent transparent transparent; border-width: 6px 4px; }
/* Point the arrow upwards when the select box is open (active): */
.intergration .inter-select .select-selected.select-arrow-active:after { border-color: transparent transparent #666 transparent; top: 12px; }
.intergration .inter-select .select-selected.select-arrow-active { border: 1px solid #00adfb; box-sizing: border-box; border-width: 1px 1px 0px 1px; }
/* style the items (options), including the selected item: */
.intergration .inter-select .select-items div,
.intergration .inter-select .select-selected { color: #1e1e1e; font-size: 15px; padding: 8px 16px; cursor: pointer; height: 40px; line-height: 22px; }
/* Style items (options): */
.intergration .inter-select .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border: 1px solid #00adfb; box-sizing: border-box; max-height: 210px; overflow-y: auto; }
.intergration .inter-select .select-items::-webkit-scrollbar { width: 5px; }
.intergration .inter-select .select-items::-webkit-scrollbar-thumb { background-color: #a3a3a3; border-radius: 0px; }
.intergration .inter-select .select-items::-webkit-scrollbar-track { background-color: #ccc; border-radius: 0px; box-shadow: inset 0px 0px 5px #ccc; }
/* Hide the items when the select box is closed: */
.intergration .inter-select .select-hide {display: none;}
.intergration .inter-select .select-items div:hover,
.intergration .inter-select .same-as-selected {background-color: #f0faff;}



/* btn */
.cont_wrap.intergration button,
.cont100_wrap.intergration button { height: 50px; text-align: center; line-height: 46px; cursor: pointer; color: #1e1e1e; background: #fff; border: 1px solid #707070; cursor: pointer; vertical-align: middle; font-size: 16px; }
.cont_wrap.intergration button:hover,
.cont100_wrap.intergration button:hover { background: #1e1e1e; color: #fff; border: 1px solid #1e1e1e; font-weight: 400; }
.cont_wrap.intergration button,
.cont_wrap.intergration button:focus { outline: 0; }
.cont100_wrap.intergration button,
.cont100_wrap.intergration button:focus { outline: 0; }
/* button:hover {color: #fff; background: #00adfb; border: 1px solid #00adfb;} */

.cont_wrap.intergration .btn_big,
.cont100_wrap.intergration .btn_big { min-width: 150px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; color: #1e1e1e; background: #fff; border: 1px solid #707070; cursor: pointer; vertical-align: middle; font-size: 16px; font-weight: 500; padding: 0 20px; }
.cont_wrap.intergration .btn_normal,
.cont100_wrap.intergration .btn_normal { min-width: 100px; height: 40px; text-align: center; line-height: 40px; cursor: pointer; color: #1e1e1e; background: #fff; border: 1px solid #707070; cursor: pointer; vertical-align: middle; font-size: 16px; font-weight: 500; padding: 0 20px; }
.cont_wrap.intergration .btn_small,
.cont100_wrap.intergration .btn_small { min-width: 90px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; color: #1e1e1e; background: #fff; border: 1px solid #707070; cursor: pointer; vertical-align: middle; font-size: 14px; padding: 0 20px; }
.cont_wrap.intergration .btn_ssmall,
.cont100_wrap.intergration .btn_ssmall { min-width: 40px; height: 24px; text-align: center; line-height: 24px; cursor: pointer; color: #1e1e1e; background: #fff; border: 1px solid #ccc; cursor: pointer; vertical-align: middle; font-size: 13px; padding: 0 13px; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}


/* icon */
.intergration i { display: inline-block; vertical-align: middle; }
.intergration i.bottom_btn_arrow { width: 10px; height: 17px; background: url(../../img/ie/ico_bottom_btn_arrow.png) no-repeat; margin-left: 15px; }
.intergration i.apply_date { width: 20px; height: 20px; background: url(../../img/ie/ico_calendar.png) no-repeat; }
.intergration i.apply_place { width: 20px; height: 24px; background: url(../../img/ie/ico_place.png) no-repeat; }


/* select */
.intergration .inter-select {position: relative; display: inline-block; vertical-align: top;}


/* input */
.intergration .input_txt { height: 40px; padding-right: 20px; font-weight: 500; font-weight: 400; color: #1e1e1e; font-size: 15px; padding-left: 20px; background: #f5f5f5; border: 1px solid #f5f5f5; vertical-align: middle; }
.intergration .input_txt:focus { outline: 1px solid #00adfb; }
.intergration .input_txt::placeholder { color: #939393; font-size: 15px; }
.intergration .input_txt::-webkit-input-placeholder{color:#666;}
.intergration .input_txt:-ms-input-placeholder{ color:#666; font-size: 15px; font-weight: 400; }

.intergration input[type='checkbox'],
.intergration input[type='checkbox']:checked,
.intergration input[type='radio']:checked { display:block;position:absolute;left:-9999px;width:1px;height:1px;background:none; }
.intergration input[type='password'] { font-size: 15px; font-weight: 500; color: #1e1e1e; }
.intergration input[type='text']::placeholder,
.intergration input[type='password']::placeholder { color: #666; font-weight: 400; font-size: 15px; }
.intergration input[type='text']:-ms-input-placeholder,
.intergration input[type='password']:-ms-input-placeholder { color:#666; font-size: 15px; font-weight: 400; }

.intergration input::-webkit-input-placeholder { color:#666; }
.intergration input:-ms-input-placeholder { color:#666; }
.intergration textarea::-webkit-input-placeholder { color:#666; }
.intergration textarea:-ms-input-placeholder { color:#666; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

.intergration .inp_chk label{display:inline-block;position:relative;padding-left:30px;color:#1e1e1e;font-size:15px;cursor:pointer; margin-right: 35px; outline: 0;}
.intergration .inp_chk label:before{content:'';display:inline-block;position:absolute;left:0;top:3px;width:12px;height:12px;}
.intergration .inp_chk label:after{content:'';display:inline-block;position:absolute;left:0;right:0;top:6px;width:12px;height:12px;}
.intergration .inp_chk input[type='checkbox'] + label:before{position:absolute;left:0;top:0px;width:20px;height:20px; border:1px solid #e2e2e2; background: #fff;}
.intergration .inp_chk input[type='checkbox']:checked + label:before{background-color:#333}
.intergration .inp_chk input[type='checkbox']:checked+label:after{top:0px;left:0;width:20px;height:20px; border:1px solid #00a4e4; background: url(../../img/ie/ico_checkbox_w.png) #00a4e4 center no-repeat;}
.intergration .inp_chk input[type='checkbox']:disabled + label:before{position:absolute;left:0;top:0px;width:20px;height:20px; border:1px solid #ccc; background:#ccc;}
.intergration .inp_chk input:focus + label{outline:1px solid #a6c7ff;}
.intergration .inp_chk input[type='radio'] { display: none; }
.intergration .inp_chk input[type='radio'] + label:before{position:absolute;left:0;top:0px;width:20px;height:20px;border:1px solid #cdcdcd;border-radius:50%;background-color:#fff;}
.intergration .inp_chk input[type='radio']:checked + label:before{position:absolute;left:0;top:0px;width:20px;height:20px;border:1px solid #00adfb;border-radius:50%;background-color:#00adfb;}
.intergration .inp_chk input[type='radio']:checked+label:after{top:6px;left:6px;width:8px;height:8px;border-radius:50%;background:#fff;}
/* input - radio, checkbox 단독으로 쓰일 때 */
.intergration .inp_chk.chk-ty01 label{ display:inline; outline:none; text-indent: -9999px; padding-left: 30px; height: 20px; padding-top: 3px; margin-right: 7px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .intergration .inp_chk.chk-ty01 label { padding-top: 15px; }
}

/* 원형 체크박스 */
/* .inp_chk_cir label{display:inline-block;position:relative;padding-left:30px;color:#666;font-size:15px;cursor:pointer; margin-right: 20px;}
.inp_chk_cir label:before{content:'';display:inline-block;position:absolute;left:0;top:3px;width:12px;height:12px;}
.inp_chk_cir label:after{content:'';display:inline-block;position:absolute;left:0;right:0;top:6px;width:12px;height:12px;}
.inp_chk_cir input[type='checkbox'] + label:before{position:absolute;left:0;top:0px;width:20px;height:20px; border-radius: 50%; border:1px solid #e2e2e2; background: url(../img/ico_checkbox.png) #fff center no-repeat;}
.inp_chk_cir input[type='checkbox']:checked + label:before{background-color:#333}
.inp_chk_cir input[type='checkbox']:checked+label:after{top:0px;left:0;width:20px;height:20px; border:1px solid #21277d; background: url(../img/ico_checkbox_w.png) #21277d center no-repeat;}
.inp_chk_cir input:focus + label{outline:1px solid #a6c7ff;}
.inp_chk_cir input[type='radio'] + label:before{position:absolute;left:0;top:3px;width:12px;height:12px;border:1px solid #b3becc;border-radius:50%;background-color:#fff;}
.inp_chk_cir input[type='radio']:checked+label:after{top:6px;left:3px;width:6px;height:6px;border-radius:50%;background:#21277d;} */

/* 원형 체크박스 - 시험접수 */
/* .inp_chk_cir_accept label{display:inline-block;position:relative;padding-left:30px;color:#666;font-size:16px;cursor:pointer; margin-right: 20px;}
.inp_chk_cir_accept label:before{content:'';display:inline-block;position:absolute;left:0;top:3px;width:12px;height:12px;}
.inp_chk_cir_accept label:after{content:'';display:inline-block;position:absolute;left:0;right:0;top:6px;width:12px;height:12px;}
.inp_chk_cir_accept input[type='checkbox'] + label:before{position:absolute;left:0;top:0px;width:27px;height:27px; border-radius: 50%; border:1px solid #e2e2e2; background: url(../img/ico_checkbox.png) #fff center no-repeat;}
.inp_chk_cir_accept input[type='checkbox']:checked + label:before{background-color:#333}
.inp_chk_cir_accept input[type='checkbox']:checked+label:after{top:0px;left:0;width:27px;height:27px; border-radius: 50%; border:1px solid #21277d; background: url(../img/ico_checkbox_w.png) #21277d center no-repeat;}
.inp_chk_cir_accept input:focus + label{outline:1px solid #a6c7ff;} */



/* 탭메뉴 ------------------------------------*/
.intergration .inter_tabmenu_2row { width: 100%; display: flex; margin-bottom: 40px; }
.intergration .inter_tabmenu_2row.m2 li { flex: 1 1 50%; }
.intergration .inter_tabmenu_2row li { height: 94px; display: table; border: 1px solid #ccc; border-left: none; border-bottom: 1px solid #1e1e1e; text-align: center; cursor: pointer; }
.intergration .inter_tabmenu_2row li:first-child { border-left: 1px solid #ccc; }
.intergration .inter_tabmenu_2row li div { display: table-cell; vertical-align: middle; font-size: 18px; font-weight: 500; }
.intergration .inter_tabmenu_2row li div > span { font-size: 14px; display: block; margin-top: 4px; }
.intergration .inter_tabmenu_2row li.active { background: #21277d; border: 1px solid #21277d; box-sizing: border-box; }
.intergration .inter_tabmenu_2row li.active div,
.intergration .inter_tabmenu_2row li.active span { color: #fff; font-weight: 400; }

.intergration .inter_tabmenu_nb { width: 100%; display: flex; margin-bottom: 40px; border-bottom: 1px solid #ccc; }
.intergration .inter_tabmenu_nb li { width: 120px; display: inline-block; color: #888; font-weight: 500; border-bottom: 0px solid #ccc; text-align: center; cursor: pointer; }
.intergration .inter_tabmenu_nb li.active { border-bottom: 2px solid #21277d; box-sizing: border-box; color: #21277d; padding-bottom: 7px; margin-bottom: -1px; }

.intergration .inter_tabmenu_s { width: 100%; display: flex; margin-bottom: 40px; }
.intergration .inter_tabmenu_s.m2 li { flex: 1 1 50%; }
.intergration .inter_tabmenu_s.m3 li { flex: 1 1 33.3%; }
.intergration .inter_tabmenu_s.m12 li { flex: 1 1 8.3%; }
.intergration .inter_tabmenu_s li { height: 40px; display: table; border: 1px solid #ccc; border-left: none; line-height: 40px; font-size: 15px; font-weight: 400; text-align: center; cursor: pointer; }
.intergration .inter_tabmenu_s li:first-child { border-left: 1px solid #ccc; }
.intergration .inter_tabmenu_s li.active { background: #00adfb; border: 1px solid #00adfb; color: #fff; }

.intergration .inter_tabmenu { width: 100%; display: flex; margin-bottom: 40px; }
.intergration .inter_tabmenu.m2 li { flex: 1 1 50%; }
.intergration .inter_tabmenu.m3 li { flex: 1 1 33.3%; }
.intergration .inter_tabmenu li { height: 60px; display: table; border: 1px solid #ccc; border-left: none; border-bottom: 1px solid #21277d; line-height: 60px; font-size: 18px; font-weight: 500; text-align: center; cursor: pointer; }
.intergration .inter_tabmenu li:first-child { border-left: 1px solid #ccc; }
.intergration .inter_tabmenu li.active { background: #21277d; border: 1px solid #21277d; color: #fff; }

.intergration .inter_tabmenu_guide { width: 100%; display: flex; margin-bottom: 40px; }
.intergration .inter_tabmenu_guide.m5 li { flex: 1 1 20%; }
.intergration .inter_tabmenu_guide li { height: 80px; display: table; border: 1px solid #ccc; border-left: none; color: #999; line-height: 23px; padding: 25px 0px 0 0px; font-size: 18px; font-weight: 400; text-align: left; cursor: pointer; }
.intergration .inter_tabmenu_guide li:first-child { border-left: 1px solid #ccc; }
.intergration .inter_tabmenu_guide a { color: #999; }
.intergration .inter_tabmenu_guide .active a { color: #fff; }
.intergration .inter_tabmenu_guide li.active { background: #21277d; border: 1px solid #21277d; color: #fff; font-weight: 400; }
.intergration .inter_tabmenu_guide i.menuIcon1 { width: 32px; height: 32px; background: url(../../img/ie/ico_guide01.png) no-repeat; margin-right: 10px; margin-left: 40px; margin-top: 0px; }
.intergration .inter_tabmenu_guide i.menuIcon2 { width: 32px; height: 34px; background: url(../../img/ie/ico_guide02.png) no-repeat; margin-right: 10px; margin-left: 40px; margin-top: -2px; }
.intergration .inter_tabmenu_guide i.menuIcon3 { width: 35px; height: 38px; background: url(../../img/ie/ico_guide03.png) no-repeat; margin-right: 10px; margin-left: 40px; margin-top: -3px; }
.intergration .inter_tabmenu_guide i.menuIcon4 { width: 31px; height: 36px; background: url(../../img/ie/ico_guide04.png) no-repeat; margin-right: 10px; margin-left: 40px; margin-top: -3px; }
.intergration .inter_tabmenu_guide i.menuIcon5 { width: 45px; height: 35px; background: url(../../img/ie/ico_guide05.png) no-repeat; margin-right: 10px; margin-left: 35px; margin-top: -26px; display: inline-block; }
.intergration .inter_tabmenu_guide li.active i.menuIcon1 { background: url(../../img/ie/ico_guide01_on.png) no-repeat; }
.intergration .inter_tabmenu_guide li.active i.menuIcon2 { background: url(../../img/ie/ico_guide02_on.png) no-repeat; }
.intergration .inter_tabmenu_guide li.active i.menuIcon3 { background: url(../../img/ie/ico_guide03_on.png) no-repeat; }
.intergration .inter_tabmenu_guide li.active i.menuIcon4 { background: url(../../img/ie/ico_guide04_on.png) no-repeat; }
.intergration .inter_tabmenu_guide li.active i.menuIcon5 { background: url(../../img/ie/ico_guide05_on.png) no-repeat; }
.intergration .inter_tabmenu_guide .txt_2row { display: inline-block; line-height: 23px; margin: -7px 0 0 0px; text-align: left; box-sizing: border-box; }

.intergration .c-tab__header--text .c-tab__anchor { position: relative; height: auto; min-width: 120px; padding: 10px 17px; font-size: 15px; line-height: 16px; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .intergration .inter_tabmenu_2row.m2 li { width: 50%; }
    .intergration .inter_tabmenu.m2 li { width: 50%; }
    .intergration .inter_tabmenu_s.m12 li { width: 8.3%; }
    .intergration .inter_tabmenu_guide.m5 li { width: 20%; }
}


/* 안내박스 ------------------------------------*/
.intergration .info_warp { width: 100%; background: #f5f5f5; padding: 30px 40px; }
.intergration .info_warp .apply_info {  }
.intergration .info_warp .apply_info li { font-size: 15px; line-height: 23px; padding-bottom: 10px; text-indent: -12px; padding-left: 12px; }
.intergration .info_warp .apply_info li::before { content: ""; background: url(../../img/ie/ico_list_circle.png) left center no-repeat; padding-left: 12px; }
.intergration .info_warp .apply_info li:last-child { padding-bottom: 0px; }

.intergration .apply_info.mt { margin-top: 17px; }
.intergration .apply_info li { font-size: 15px; line-height: 21px; padding-bottom: 4px; text-indent: -7px; padding-left: 12px;  }
.intergration .apply_info li.blue2 { color: #00adfb; }
.intergration .apply_info li::before { content: ""; background: url(../../img/ie/ico_list_circle.png) left center no-repeat; padding-left: 12px; }
.intergration .apply_info li:last-child { padding-bottom: 0px; }

#divApplyAgree .accordion_box li::before { background:none; padding-left: 12px;margin-top:-12px; }
#divComp .accordion_box li::before { background:none; padding-left: 12px;margin-top:-12px; }
#divComp .accordion_box li .o-label{margin-left:4px;}

/* 게시판 ------------------------------------*/
.intergration .inter_board_wrap { width: 100%; }
.intergration .inter_board_wrap .board_top_row { display: table; width: 100%; margin-bottom: 18px; }
.intergration .inter_board_wrap .board_top_row .board_top_left { display: table-cell;}
.intergration .inter_board_wrap .board_top_row .board_top_left .board_top_counter { font-size: 16px; }
.intergration .inter_board_wrap .board_top_row .board_top_left .board_top_counter strong { color: #00adfb; margin-left: 7px; }
.intergration .inter_board_wrap .board_top_row .board_top_right { float: right; display: table-cell; margin-bottom: -4px; }
.intergration .inter_board_wrap .board_top_row .board_top_right > * { float: left; }
.intergration .inter_board_wrap .board_top_row .board_top_right > *:nth-child() { margin-left: 10px; }

/* selectbox */
.intergration .inter_board_wrap .board_top_row .board_top_right .inter-select { position: relative; display: block; vertical-align: top; min-width: 160px; }

.intergration .inter_board_wrap .board_top_row .board_top_right .input_txt_wrap {width: 220px; margin-left: 10px; display: table-cell; position: relative;}
.intergration .inter_board_wrap .board_top_row .board_top_right .input_txt_wrap .input_txt {width: 220px; height: 40px; padding-right: 40px; padding-left: 20px; background: #f5f5f5; border: 1px solid #f5f5f5;}
.intergration .inter_board_wrap .board_top_row .board_top_right .input_txt_wrap .input_txt:active,
.intergration .inter_board_wrap .board_top_row .board_top_right .input_txt_wrap .input_txt:focus { outline: 1px solid #00adfb; }
.intergration .input_txt_wrap .input_txt_button_search {position: absolute; right: 15px; top: 10px; text-indent: -9999em; overflow: hidden; display: inline-block; width: 20px; height: 20px; border: 0;
    background-image: url(../../img/ie/ico_search.png); background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%;}

.intergration .inter_board_wrap .board_table { display: inline-block; width: 100%;border-collapse: separate; }
.intergration .inter_board_wrap .board_table caption { position: absolute; top: -1000px; left: -1000px; overflow: hidden; width: 1px; height: 1px; text-align: left; }
.intergration .inter_board_wrap .board_table th { height: 36px; line-height: 36px; font-size: 15px; font-weight: 400; color: #000; border-bottom: 1px solid #ccc; text-align: center; }
/* .intergration .inter_board_wrap .board_table td { height: 55px; line-height: 55px;  text-align: center; border-bottom: 1px solid #ccc; font-weight: 400; } */
.intergration .inter_board_wrap .board_table td { border-bottom: 1px solid #e5e5e5; font-weight: 400; padding: 14px 10px; line-height: 28px; text-align: center; }
.intergration .inter_board_wrap .board_table td.aLeft { text-align: left; padding-left: 10px; }
.intergration .inter_board_wrap .board_table td.eng { font-weight: 400; }
.intergration .inter_board_wrap .board_table .name { text-align: left; }
.intergration .inter_board_wrap .board_table .name.size1 { width: 280px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.intergration .inter_board_wrap .board_table tbody tr { border-bottom: 1px solid #ccc; }
.intergration .inter_board_wrap .board_table tr.fixed { background-color: #f6f7fa; }
.intergration .inter_board_wrap .board_table tr:hover { background-color: #f0faff; }
.intergration .inter_board_wrap .board_table a:hover { text-decoration: underline; text-decoration-color: #007bff; }

.intergration .inter_board_wrap .board_table .apply_left { float:left; margin: 4px 0; text-align: left; }
.intergration .inter_board_wrap .board_table .apply_right { float:right; text-align: right; }
.intergration .inter_board_wrap .board_table .apply_left div { display: block; }
.intergration .inter_board_wrap .board_table .apply_left .apply_date { font-size: 15px; color: #4e51d4; line-height: 23px; }
.intergration .inter_board_wrap .board_table .apply_left .dday { min-width: 44px; height: 24px; padding: 5px 13px; border-radius: 12px; border: 1px solid #ccc; background-color: #fff; font-size: 12px; text-align: center; line-height: 19px; margin-left: 10px; }
.intergration .inter_board_wrap .board_table .apply_left .test_name { font-size: 18px; color: #1e1e1e; line-height: 26px; font-weight: 500; margin: 3px 0 14px 0; }
.intergration .inter_board_wrap .board_table .apply_left .test_name a {  color: #1e1e1e; }
.intergration .inter_board_wrap .board_table .apply_left .test_Day { font-size: 14px; line-height: 21px; }
.intergration .inter_board_wrap .board_table .apply_left .test_date { font-size: 14px; margin-left: 6px; }
.intergration .inter_board_wrap .board_table .apply_right .board_btn { height: 40px; background: #21277d; border: 1px solid #21277d; text-align: center; padding: 0 20px; line-height: 40px; color: #fff; margin-top: 36px; }
.intergration .inter_board_wrap .board_table .apply_right .board_btn:hover { background: #000; border: 1px solid #000; }
.intergration .inter_board_wrap .board_table .apply_right .board_btn.disabled { background: #f5f5f5; border: 1px solid #e5e5e5; color: #adadad; cursor: default; }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    _:-ms-input-placeholder, :root .intergration .inter_board_wrap .board_table tr:hover a { border-bottom: 1px solid #666; text-decoration: none; }
}

.intergration .inter_board_wrap .board_view .board_view_header { border-top: 2px solid #111; border-bottom: 1px solid #e5e5e5; padding: 30px 0; position: relative; }
.intergration .inter_board_wrap .board_view .board_view_body { padding-bottom: 20px; border-bottom: 1px solid #ccc; }
.intergration .inter_board_wrap .board_view .board_view_body .c-comment { margin-top: 20px; }
.intergration .inter_board_wrap .board_view .board_view_contents { padding: 40px 0 50px; width: 100%; line-height: 23px; word-break: break-all; }
.intergration .inter_board_wrap .board_view .board_view_contents .mobile_content { display: none; }
.intergration .inter_board_wrap .board_view .board_view_info { margin-top: 7px; display: table; width: 100%; }
.intergration .inter_board_wrap .board_view .board_view_info_left { display: table-cell; }
.intergration .inter_board_wrap .board_view .board_view_info_left .infoBox { display: table-cell; }
.intergration .inter_board_wrap .board_view .board_view_info_left .infoBox_tit { display: table-cell; }
.intergration .inter_board_wrap .board_view .board_view_info_left .infoBox_txt { display: table-cell; }
.intergration .inter_board_wrap .board_view .board_view_file { padding: 25px 30px; background: #f5f5f5; }
.intergration .inter_board_wrap .board_view .board_view_title { font-size: 18px; line-height: 26px; font-weight: 500; color: #1e1e1e; word-break: break-all; }
.intergration .inter_board_wrap .board_view .board_view_prevNext { margin-top: 100px; }
.intergration .inter_board_wrap .board_view .board_view_prevNext_row { font-size: 0; border-bottom: 1px solid #e5e5e5; position: relative; padding: 0 95px 0 105px; }
.intergration .inter_board_wrap .board_view .board_view_prevNext_tit, .board_view_prevNext_date { top: 50%; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.intergration .inter_board_wrap .board_view .board_view_prevNext_tit, .board_view_prevNext_link, .board_view_prevNext_date { display: inline-block; font-size: 16px; line-height: 55px; }
.intergration .inter_board_wrap .board_view .board_view_prevNext_tit { left: 0; font-size: 16px; padding-left: 18px; }
.intergration .inter_board_wrap .board_view .board_view_prevNext_date { font-size: 16px; right: 0; }
.intergration .inter_board_wrap .board_view .board_view_prevNext_link { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.intergration .inter_board_wrap .board_view .board_view_prevNext .arrow { position: absolute; left: 8px; top: 50%; }
.intergration .inter_board_wrap .board_view .board_view_prevNext .arrow_prev:before { position: absolute; top: 50%; right: 0; margin-top: -3px; content: ''; height: 0; width: 0; display: block; border-width: 5px 4px; border-style: solid; border-color: transparent; border-bottom-width: 0; border-top-color: #666; }
.intergration .inter_board_wrap .board_view .board_view_prevNext .arrow_prev:before { -webkit-transform: rotate(-180deg); -khtml-transform: rotate(-180deg); transform: rotate(-180deg); }
.intergration .inter_board_wrap .board_view .board_view_prevNext .arrow_next:before { position: absolute; top: 50%; right: 0; margin-top: -3px; content: ''; height: 0; width: 0; display: block; border-width: 5px 4px; border-style: solid; border-color: transparent; border-bottom-width: 0; border-top-color: #666; }

.intergration .inter_board_wrap .board_view_th { display: inline-block; width: 100%; border-top: 2px solid #1e1e1e; border-collapse: separate; }
.intergration .inter_board_wrap .board_view_th.noBT { width: 100% !important; border-top: 1px solid #e5e5e5; }
.intergration .inter_board_wrap .board_view_th caption { position: absolute; top: -1000px; left: -1000px; overflow: hidden; width: 1px; height: 1px; text-align: left; }
.intergration .inter_board_wrap .board_view_th th { height: 36px; line-height: 36px; font-size: 15px; font-weight: 500; color: #1e1e1e; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; text-align: left; padding-left: 10px; }
.intergration .inter_board_wrap .board_view_th td { border-bottom: 1px solid #e5e5e5; font-weight: 400; padding: 7px 0 7px 10px; line-height: 28px; text-align: left; color: #1e1e1e; }
.intergration .inter_board_wrap .board_view_th td.aCenter { text-align: center; }
.intergration .inter_board_wrap .board_view_th td.bold { color: #21277d; font-weight: 500; }
.intergration .inter_board_wrap .board_view_th tbody tr { border-bottom: 1px solid #ccc; }


/* info_table 안내 */
.intergration .info_table_head { border-top: 0; border-collapse: separate; width: 100%; table-layout: fixed; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }
.intergration .info_table_head th { padding: 12px 10px; color: #666; font-weight: 400; text-align: center; }
.intergration .info_table { border-top: 0; border-collapse: separate; width: 100%; table-layout: fixed; background: #fff; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }
.intergration .info_table th { border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 10px 10px; color: #666; font-weight: 400; vertical-align: middle; }
.intergration .info_table td { border-bottom: 1px solid #e9e9e9; padding: 30px 10px; color: #1e1e1e; font-size: 15px; text-align: center; position: relative; vertical-align: middle; }
.intergration .info_table tbody { border-top: 1px solid #e9e9e9; }
.intergration .info_table .tLeft { text-align: left; }
.intergration .info_table .pLeft { padding-left: 20px; }
.intergration .info_table .mTop1 { position: absolute; top: 40px; left: 36px;}
.intergration .info_table .mTop2 { position: absolute; top: 95px; left: 36px;}
.intergration .info_table th.name { font-size: 18px; font-weight: 600; color: #1e1e1e; text-align: left; padding-left: 20px; }

.intergration .info_table th span.required { display: inline-block; text-indent: -9999em; overflow: hidden; height: 6px; width: 6px; background-color: #ff4141; border-radius: 50%; vertical-align: text-top; }
.intergration .info_table td div {font-size: 0;}
.intergration .info_table tbody { box-shadow:0 0px 8px rgba(0, 0, 0, 0.16); }


/* inter_table 등록,입력 */
.intergration .inter_table {border-top: 1px solid #1e1e1e; border-collapse: separate; width: 100%; table-layout: fixed; -webkit-box-sizing: border-box !important; box-sizing: border-box !important;  }
.intergration .inter_table th { color: #666; font-weight: 400; vertical-align: top; }
.intergration .inter_table th,
.intergration .inter_table td { border-bottom: 1px solid #e5e5e5; padding: 10px 10px; height: 56px; line-height: 28px; }
.intergration .inter_table th span.required { display: inline-block; text-indent: -9999em; overflow: hidden; height: 6px; width: 6px; background-color: #ff4141; border-radius: 50%; vertical-align: text-top; }
.intergration .inter_table td div {font-size: 0;}
.intergration .inter_table .size1 {width: 94px;}
.intergration .inter_table .size2 {width: 140px;}
.intergration .inter_table .size2-2 {width: 153px !important;}
.intergration .inter_table .size2-3 {width: 190px !important;}
.intergration .inter_table .size2-4 {width: 160px;}
.intergration .inter_table .size4 {width: 294px;}
.intergration .inter_table .size4-2 {width: 220px;}
.intergration .inter_table .size5 {width: 373px;}
.intergration .inter_table .size6 {width: 483px;}
.intergration .inter_table .size_year {width: 110px;}
.intergration .inter_table .size_month {width: 90px;}
.intergration .inter_table .size_day {width: 90px;}
.intergration .inter_table .size_phone1-1 {width: 100px;}
.intergration .inter_table .size_phone1-2 {width: 92px;}
.intergration .inter_table .size_mail1-1 {width: 140px;}
.intergration .inter_table .size_mail1-2 {width: 170px;}
.intergration .inter_table .mark_mail { margin: 0 5px 0 2px; }
.intergration .inter_table .input_password {position: relative;}
.intergration .inter_table .input_password .btn_password { position: absolute; right: 17px; top: 10px; text-indent: -9999em; overflow: hidden; display: inline-block; width: 20px; height: 20px;
    background-image: url(../../img/ie/ico_password.png); background-repeat: no-repeat; border: 0; background-position: 0 -20px; background-color: transparent;}
.intergration .inter_table .table_btn {height: 40px; min-width: 100px; border: 1px solid #707070; line-height: 35px; padding: 0px 18px; font-size: 16px; color: #1e1e1e; font-weight: 500; margin-left: 7px; vertical-align: middle;}
.intergration .inter_table .table_btn:hover { background: #000; border: 1px solid #000; color: #fff; }
.intergration .inter_table span.input_msg2 { display: block; color: #777; font-size: 14px; margin-top: 10px; letter-spacing: -0.4px; }
.intergration .inter_table td .input_error {border: 1px solid #ff4141;}
.intergration .inter_table td .text_error { font-size: 14px; color: #ff4141; padding-top: 5px;}
.intergration .inter_table input.disabled:active,
.intergration .inter_table input.disabled:focus {border: 1px solid #f5f5f5;}
.intergration .inter_table .price { color: #21277d !important; font-weight: 700; }

.intergration .inter_table.inter_table_row tbody th { color: #666; text-align: center; }
.intergration .inter_table.inter_table_row tbody th,
.intergration .inter_table.inter_table_row tbody td { padding: 14px 0 14px 9px; height: 56px; color: #1e1e1e; width: 100%; line-height: 28px; vertical-align: middle;}
.intergration .inter_table.inter_table_row p,
.intergration .inter_table.inter_table_row span {line-height: 22px;}

/* 달력 */
.intergration .inter_table .month-wrapper td div { font-size: 16px; }
/* .intergration .inter_table.inter_table_row .month-wrapper tbody th, .intergration .inter_table.inter_table_row .month-wrapper tbody td {
padding: 14px 10px; height: 56px; color: #1e1e1e; width: 30px; line-height: 28px; vertical-align: middle; } */
.intergration .inter_table .month-wrapper table th,
.intergration .inter_table .month-wrapper table td { text-align: center; width: 30px; height: 30px; white-space: nowrap; cursor: pointer; color: #1e1e1e; font-size: 14px; padding: 3px 3px !important; white-space: nowrap; }
.intergration .inter_table .month-wrapper .day { height: 30px; font-size: 14px; line-height: 30px; border: 1px solid #fff; border-radius: 50%; }
.intergration .month-wrapper .month .prev,
.intergration .month-wrapper .month .next,
.intergration .inter_table .month-wrapper .month .prev,
.intergration .inter_table .month-wrapper .month .next { border: 0 !important; }
.intergration .month-wrapper .month .prev:hover,
.intergration .month-wrapper .month .next:hover,
.intergration .inter_table .month-wrapper .month .prev:hover,
.intergration .inter_table .month-wrapper .month .next:hover { background: #fff; }


/* paging ------------------------------------*/
/* .intergration .paging {width: 100%; margin-top: 25px; display: table; font-size: 0; text-align: center;}
.intergration .paging .paging_number {display: inline-block; min-width: 35px; height: 35px; margin-left: 1px; font-size: 15px; font-weight: 500; color: #666; line-height: 35px; border: 1px solid #fff; cursor: pointer;}
.intergration .paging .paging_number:hover {border: 1px solid #00adfb;}
.intergration .paging .paging_number:first-child {margin-left: 0;}
.intergration .paging .paging_number.paging_number_current {background-color: #00adfb; border-color: #00adfb; color: #fff;}
.intergration .paging_btn { vertical-align: top; height: 35px; width: 15px; display: inline-block; position: relative; }
.intergration .paging_btn:before { content: ''; height: 0; width: 0; display: block; border: 7px transparent solid; border-right-width: 0; border-left-color: #666666; position: absolute; top: 50%; left: 50%; margin-left: -3px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.intergration .paging_btn.is-disabled:before,
.intergration .paging_btn.is-disabled:after { border-left-color: #cccccc; }
.intergration .paging_btn_first:before,
.intergration .paging_btn_first:after,
.intergration .paging_btn_last:before,
.intergration .paging_btn_last:after { content: ''; height: 0; width: 0; display: block; border: 7px transparent solid; border-right-width: 0; border-left-color: #666666; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.intergration .paging_btn_first:before,
.intergration .paging_btn_last:before { left: 2px; margin-left: 0; }
.intergration .paging_btn_first:after,
.intergration .paging_btn_last:after { left: 8px; margin-left: 0; }
.intergration .paging_btn_first,
.intergration .paging_btn_prev { margin-right: 15px; -webkit-transform: rotate(-180deg); -khtml-transform: rotate(-180deg); transform: rotate(-180deg); }
.intergration .paging_btn_next,
.intergration .paging_btn_last { margin-left: 15px; }
.intergration .paging .screen_out { display: none; } */



/* 하단 버튼 ------------------------------------*/
.intergration .bottom_btn_wrap {width: 100%; margin-top: 35px; text-align: center; font-size: 0;}
.intergration .bottom_btn_wrap .bottom_btn {min-width: 150px; height: 50px; border: 1px solid #707070; padding: 0px 18px; font-size: 16px; color: #1e1e1e; font-weight: 500;}
.intergration .bottom_btn_wrap .bottom_btn:hover { color: #fff;  font-weight: 400; }
.intergration .bottom_btn_wrap .bottom_btn + .bottom_btn {margin-left: 13px;}
.intergration .bottom_btn_wrap .bottom_btn.blue { background: #21277d; border: 1px solid #21277d; color: #fff; font-weight: 400; padding:0;}
.intergration .bottom_btn_wrap .bottom_btn.blue:hover { background: #111440; border: 1px solid #111440; padding:0;}
.intergration .bottom_btn_wrap.tline { margin-top: 35px; padding-top: 60px; border-top: 1px solid #e5e5e5; }

.intergration .bottom_btn_h60 {  padding: 0px 49px; height: 60px; line-height: 57px; font-size: 18px; font-weight: 500; }
.intergration .bottom_btn_h60.blue { background: #21277d; border: 1px solid #21277d; color: #fff; font-weight: 400;}
.intergration .bottom_btn_h60.blue:hover { background: #111440; border: 1px solid #111440; }



/* modal 팝업 ------------------------------------*/
/* 나의공간 > 신청내역 > 장소변경팝업 */
/* .intergration_modal { width: 100%; padding: 0 36px !important; margin: 0 auto; }
.intergration_modal .cont_infoTxt { font-size: 22px; line-height: 40px; color: #1e1e1e; font-weight: 500; text-align: center; margin-top: 0px; }
.intergration_modal .cont_infoTxt p>span { display: inline-block; font-size: 14px; line-height: 21px; color: #666; font-weight: normal; }
.intergration_modal .cont_infoList { font-size: 16px; color: #1e1e1e; display: flex; margin: 33px 0 0 0px; }
.intergration_modal .cont_infoList .infoList_left { float: left; width: 170px; }
.intergration_modal .cont_infoList .infoList_right { float: right; width: 330px; }
.intergration_modal .cont_infoList .left_txt { width: 170px; text-align: center; margin-bottom: 10px; }
.intergration_modal .cont_infoList .right_txt { width: 330px; text-align: center; margin-bottom: 10px; }
.intergration_modal .cont_infoList .left_list { width: 170px; height: 212px; border: 1px solid #ccc; overflow-y: auto; }
.intergration_modal .cont_infoList .right_list { width: 330px; height: 212px; margin-left: 19px; border: 1px solid #ccc; overflow-y: auto; }
.intergration_modal .cont_infoList .area_list li { height: 35px; font-size: 14px; line-height: 35px; text-align: left; padding: 0px 0px 0px 9px; }
.intergration_modal .cont_infoList .area_list li a { color: #1e1e1e; }
.intergration_modal .cont_infoList .area_list li:hover { background: #f0faff; }
.intergration_modal .cont_infoList .list_more { width: 90px; height: 30px; background: #fff; border: 1px solid #ddd; font-size: 14px; color: #1e1e1e; line-height: 30px; float: right; margin-top: 3px; margin-right: 9px; text-align: center; cursor: pointer; }
.intergration_modal .cont_infoList .list_more:hover { background: #fff; border: 1px solid #ddd; color: #1e1e1e; } */

/* 나의공간 > 신청내역 > 시험장소상세팝업 */
/* .c-modal .place_detail { height: 745px; }
.c-modal .place_detail .c-modal__body {}
.c-modal .place_detail .c-modal__foot {
    display: table;
    position: relative;
    bottom: 40px;
    left: 0;
    width: 100%;
    padding: 0 40px;
    text-align: center;
    font-size: 0;
}
.intergration_modal .board_row { display: inline-block; width: 100%; border-top: 2px solid #1e1e1e; border-collapse: separate; }
.intergration_modal .board_row.noBT { border-top: 1px solid #e5e5e5; }
.intergration_modal .board_row caption { position: absolute; top: -1000px; left: -1000px; overflow: hidden; width: 1px; height: 1px; text-align: left; }
.intergration_modal .board_row th { height: 36px; line-height: 36px; font-size: 15px; font-weight: 500; color: #1e1e1e; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; text-align: left; padding-left: 10px; }
.intergration_modal .board_row td { border-bottom: 1px solid #e5e5e5; font-weight: 400; padding: 14px 0 14px 10px; line-height: 28px; text-align: left; color: #1e1e1e; }
.intergration_modal .board_row td p { line-height: 23px; font-size: 14px; color: #1e1e1e; font-weight: 400; }
.intergration_modal .board_row td .txt_gray { color: #939393; }
.intergration_modal .board_row td.aCenter { text-align: center; }
.intergration_modal .board_row td.bold { color: #21277d; font-weight: 500; }
.intergration_modal .board_row tbody tr { border-bottom: 1px solid #ccc; }
.intergration_modal .info_place_detail { width: 100%; text-align: center; font-size: 14px; margin-top: 10px; line-height: 21px; }
.intergration_modal .info_place_mapBox { width: 528px; height: 280px; margin-top: 20px; background: #f1f1f1; overflow: hidden; } */


.modal_inter { position:fixed; width:100%; height:100%;top:0;left:0;bottom:0;background-color:rgba(0,0,0,.6);z-index: -1;opacity:0;transition:all 0.2s; }
.modal_inter.on { opacity:1;z-index:999; }
.modal_inter .inter_pop {  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); vertical-align: middle; background-color: #fff; display: block; }
.modal_inter .inter_pop .topArea { display: inline-block; width:100%; height: 80px; border-bottom: 1px solid #1e1e1e; }
.modal_inter .inter_pop .topArea .top_left { display: inline-block; margin: 18px 0 0 40px; line-height: 40px; color: #1e1e1e; font-size: 28px; font-weight: 500; }
.modal_inter .inter_pop .topArea .top_close { float: right; margin: 19px 30px 0 0; width: 41px; height: 41px; background: url(../../img/ie/btn_cls_popup.png) no-repeat; border: 0; }
.modal_inter .inter_pop .contArea { width: 100%; }
.modal_inter .inter_pop .contArea .contWrap { width: 100%; padding: 36px 40px; }
.modal_inter .inter_pop .contArea .cont_infoTxt { width: 100%; display: inline-block; vertical-align: middle; text-align: center; }
.modal_inter .inter_pop .contArea .cont_infoTxt .infoTxt01 { display: inline-block; text-align: center; position: relative; color: #666; letter-spacing: -0.9px; font-size: 22px; font-weight: 500; line-height: 32px; }
.modal_inter .inter_pop .contArea .cont_infoTxt .infoTxt01:after { position: absolute; width: 100%; height: 1px; background: #666; left: 0; bottom: 4px; content: ''; }
.modal_inter .inter_pop .contArea .cont_infoTxt .stxt { font-size: 14px; margin-top: 10px; line-height: 23px; font-weight: 400; }
.modal_inter .inter_pop .contArea .cont_infoTxt .stxt.gray { color: #1e1e1e; }
.modal_inter .inter_pop .btnArea { background: transparent; overflow: hidden; font-size: 0; text-align: center; margin-top: 30px; margin-bottom: 40px; }
.modal_inter .inter_pop .btnArea .modal_bbtn { width: 100px; height: 45px; border: 1px solid #21277d; background-color: #21277d; color: #fff; font-size: 16px;}
.modal_inter .inter_pop .btnArea .modal_bbtn:hover {background-color: #111440; border: 1px solid #111440;}
.modal_inter .inter_pop .btnArea .modal_bbtn.white { background: #fff; border: 1px solid #707070; color: #1e1e1e; }
.modal_inter .inter_pop .btnArea .modal_bbtn.white:hover { background: #1e1e1e; border: 1px solid #1e1e1e; color: #fff; }
.modal_inter .inter_pop .btnArea .modal_bbtn + .modal_bbtn { margin-left: 10px; }
/* 신청하기 > 수험자정보  */
/* 210330 손정민 */
.modal_inter .inter_pop.apply_info{width:900px; height:950px;}
.modal_inter .inter_pop.apply_info .apply_info_header{position:relative;border-bottom:1px solid #1e1e1e;}
.modal_inter .inter_pop.apply_info .apply_info_title {font-size:28px;font-weight:500; line-height:1.43;text-align:left; color:#1e1e1e;padding:18px 40px;}
.modal_inter .inter_pop.apply_info .apply_info_close{position: absolute; right:30px;top:19px;}
/* 신청하기 > 결제하기 */
.modal_inter .inter_pop.payment_info{width:900px; }
.modal_inter .inter_pop.payment_info .payment_info_header{position:relative;border-bottom:1px solid #1e1e1e;}
.modal_inter .inter_pop.payment_info .payment_info_title {font-size:28px;font-weight:500; line-height:1.43;text-align:left; color:#1e1e1e;padding:18px 40px;}
.modal_inter .inter_pop.payment_info .payment_info_close{position: absolute; right:30px;top:19px;}
/* // 210330 손정민 */

/* 나의공간 > 신청내역 > 신청취소팝업 */
.modal_inter .inter_pop.test_cancle { width: 400px; }


/* 나의공간 > 신청내역 > 장소변경팝업 */
.modal_inter .test_place { width: 600px; }
.modal_inter .inter_pop .contArea .cont_infoTxt { font-size: 22px; line-height: 40px; color: #1e1e1e; font-weight: 500; text-align: center; margin-top: 36px; }
.modal_inter .inter_pop .contArea .cont_infoTxt p>span { display: inline-block; font-size: 14px; line-height: 21px; color: #666; font-weight: normal; }
.modal_inter .inter_pop .contArea .cont_infoList { font-size: 16px; text-align: center; color: #1e1e1e; display: flex; margin: 66px 0 0 40px; }
.modal_inter .inter_pop .contArea .cont_infoList .left_txt { position: absolute; top:213px; left: 110px; }
.modal_inter .inter_pop .contArea .cont_infoList .right_txt { position: absolute; top:213px; right: 180px; }
.modal_inter .inter_pop .contArea .cont_infoList .left_list { width: 170px; height: 212px; border: 1px solid #ccc; overflow-y: auto; }
.modal_inter .inter_pop .contArea .cont_infoList .right_list { width: 330px; height: 212px; margin-left: 19px; border: 1px solid #ccc; overflow-y: auto; }
.modal_inter .inter_pop .contArea .cont_infoList .area_list li { height: 35px; font-size: 14px; line-height: 35px; text-align: left; padding: 0px 0px 0px 9px; }
.modal_inter .inter_pop .contArea .cont_infoList .area_list li a { color: #1e1e1e; }
.modal_inter .inter_pop .contArea .cont_infoList .area_list li.select,
.modal_inter .inter_pop .contArea .cont_infoList .area_list li:hover { background: #f0faff; }
.modal_inter .inter_pop .contArea .cont_infoList .list_more { width: 90px; height: 30px; background: #fff; border: 1px solid #ddd; font-size: 14px; color: #1e1e1e; line-height: 24px; float: right; margin-top: 3px; margin-right: 13px; }
.modal_inter .inter_pop .contArea .cont_infoList .list_more:hover { background: #fff; border: 1px solid #ddd; color: #1e1e1e; }

/* 나의공간 > 신청내역 > 시험장소상세팝업 */
.modal_inter .place_detail { width: 600px; height:755px; }
.modal_inter .contArea .cont_body { width: 100%; padding: 0 40px; }
.modal_inter .board_row { display: inline-block; width: 100%; border-top: 2px solid #1e1e1e; border-collapse: separate; }
.modal_inter .board_row.noBT { border-top: 1px solid #e5e5e5; }
.modal_inter .board_row caption { position: absolute; top: -1000px; left: -1000px; overflow: hidden; width: 1px; height: 1px; text-align: left; }
.modal_inter .board_row th { height: 36px; line-height: 36px; font-size: 15px; font-weight: 500; color: #1e1e1e; background: #f5f5f5; border-bottom: 1px solid #e5e5e5; text-align: left; padding-left: 10px; }
.modal_inter .place_detail .board_row th { vertical-align: middle !important; color: #21277d; font-weight: 400; font-size: 14px; }
.modal_inter .board_row td { border-bottom: 1px solid #e5e5e5; font-weight: 400; padding: 14px 0 14px 10px; line-height: 28px; text-align: left; color: #1e1e1e; }
.modal_inter .board_row td p { line-height: 23px; font-size: 14px; color: #1e1e1e; font-weight: 400; }
.modal_inter .board_row td .txt_gray { color: #939393; }
.modal_inter .board_row td.aCenter { text-align: center; }
.modal_inter .board_row td.bold { color: #21277d; font-weight: 500; }
.modal_inter .board_row tbody tr { border-bottom: 1px solid #ccc; }
.modal_inter .info_place_detail { width: 100%; text-align: center; font-size: 14px; margin-top: 10px; line-height: 21px; }
.modal_inter .info_place_mapBox { width: 528px; height: 280px; margin-top: 20px; background: #f1f1f1; overflow: hidden; }

#modal04 .inter_pop .contArea { height:560px; overflow-y: auto; }
#modal28 .inter_pop .contArea { height:560px; overflow-y: auto; }

.modal_inter .inter_pop.apply_info {max-height:950px; height: calc(100% - 100px);}
.apply_info .apply_info_box {height: calc(100% - 200px);}

/* 20230522 */
#divApplyAgree {}

#divComp .intergration .agreeAll_chk .inp_chk.chk-ty01 input,
#divApplyAgree .intergration .agreeAll_chk .inp_chk.chk-ty01 input {visibility: hidden;}

#divComp .intergration .agreeAll_chk .inp_chk.chk-ty01 label,
#divApplyAgree .intergration .agreeAll_chk .inp_chk.chk-ty01 label {padding-left: 20px; padding-top: 0;}

#divComp .accordion_box li::before,
#divApplyAgree .accordion_box li::before {display: none;}

.apply_info #divApplyAgree .intergration {}

.apply_info #divComp .intergration  li,
.apply_info #divApplyAgree .intergration  li {padding-left: 0; text-indent: 0; padding-bottom: 0;}
#divComp .accordion_box > ul > li > .btn-agree-fold,
#divApplyAgree .accordion_box > ul > li > .btn-agree-fold {display: block; padding-left: 40px;}
#divComp .accordion_box ul li .accor_check,
#divApplyAgree .accordion_box ul li .accor_check {top: 19px; left: 10px;}

.apply_info.fix620 .apply_info_box .apply_info_scroll {padding-bottom: 20px;}
.modal_inter .inter_pop.apply_info.fix1 {max-height:660px;}
.modal_inter .inter_pop.apply_info.fix1 .mCSB_scrollTools .mCSB_dragger {max-height:470px !important;}