
.single_middle_tab.terms{padding: 10px 10px;}

.sc_pnl_inform { margin: 0 auto; max-width: 1200px; position: relative; padding-top: 50px; }
.sc_pnl_inform .top_fx_row { display: flex; justify-content: space-between; margin-bottom: 50px; }
.sc_pnl_inform .top_fx_row .title { font-size: 26px; font-weight: 500; }
.sc_pnl_inform .top_fx_row .select_box { display: flex; justify-content: start; align-items: center; gap: 10px; }
.sc_pnl_inform .top_fx_row .select_box .date { font-size: 14px; color: #777; font-weight: 500; min-width: 40px;}
.sc_pnl_inform .top_fx_row .select_box select.form_select { border:1px solid #cccccc; border-radius:5px; font-size:15px; width:100%; height:40px; color:#4e4e4e; padding: 0 100px 0 20px; box-sizing:border-box; font-family: 'Noto Sans KR'; -webkit-border-radius:5px; cursor: pointer; background: #fff url("/asp/images/icon/ico_select.png") no-repeat 100% 50%/30px auto; line-height: 1; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.sc_pnl_inform .top_fx_row .select_box select.form_select::-ms-value { background: none; color:#4e4e4e; }
.sc_pnl_inform .top_fx_row .select_box select.form_select::-ms-expand { display: none; }
.sc_pnl_inform .top_fx_row .select_box select.form_select::-ms-value { background: none; color:#4e4e4e; }
.sc_pnl_inform .top_fx_row .select_box select.form_select.ready { color:#999; }
.sc_pnl_inform .top_fx_row .select_box select.form_select:disabled { background-color:#f7f7f7; color:#999999; opacity:1; }
.sc_pnl_inform .top_area { padding-bottom: 30px; }
.sc_pnl_inform .top_area .text { font-size: 16px; margin-bottom: 20px; }
.sc_pnl_inform .top_area .text .point{font-weight: 600;}
.sc_pnl_inform .top_area .label_box .title .lable_tit { background: #eee; padding: 10px; text-align: center; font-size: 16px; font-weight: 500; border: 1px solid #ccc; }
.sc_pnl_inform .top_area .label_box .label_list { display: flex; justify-content: space-between; border: 1px solid #ccc; border-top: none; font-size: 16px; }
.sc_pnl_inform .top_area .label_box .label_list .label_item { text-align: center; padding: 15px 50px; border-right: 1px solid #ccc; width: calc(100% / 4); }
.sc_pnl_inform .top_area .label_box .label_list .label_item:last-child { border-right: none; }
.sc_pnl_inform .top_area .label_box .label_list .label_item .icon_box { padding-bottom: 10px; }
.sc_pnl_inform .top_area .label_box .label_list .label_item .title { padding-bottom: 10px; font-weight: 500; }
.sc_pnl_inform .top_area .label_box .label_list .label_item .desc_txt { color: rgba(0, 0, 0, 0.56); }
.sc_pnl_inform .top_area .label_box .label_detail { display: block; padding-top: 10px; font-size: 16px; }
.sc_pnl_inform .middle_area { padding-bottom:20px; }
.sc_pnl_inform .middle_area .index_box { border: 1px solid #ccc; font-size: 16px; }
.sc_pnl_inform .middle_area .index_box .index_tit { border-bottom: 1px solid #ccc; text-align: center; font-weight: 500; padding: 5px 0; background: #eee; }
.sc_pnl_inform .middle_area .index_box .index_list { display: flex; flex-wrap: wrap; }
.sc_pnl_inform .middle_area .index_box .index_list .index_item { width: calc(100% /2); }
.sc_pnl_inform .middle_area .index_box .index_list .index_item .index_link { display: block; padding: 8px 20px; font-weight: 500; text-decoration: underline; }
.sc_pnl_inform .bot_area { padding: 30px 0; }
.sc_pnl_inform .bot_area .acord_list .acord_item { font-size: 16px; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row { display: flex; align-items: center; padding: 20px 10px 20px 0; border-bottom: 1px solid #eee; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row.long { align-items: baseline; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row .text { flex: 1; padding-left: 10px; word-break: keep-all; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row .arrow { border-top: 2px solid #aaa; border-right: 2px solid #aaa; width: 8px; height: 8px; display: block; transform: rotate(135deg); transition: 0.5s; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row .arrow.active { transform: rotate(-45deg); transition: 0.5s; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row .inner_wrap { flex: 1; }
.sc_pnl_inform .bot_area .acord_list .acord_item .title_row .inner_wrap .tit_box { display: flex; align-items: center; padding: 5px 0; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont { padding: 20px; background: #f6f6f6; display: none; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont.active { display: block; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont .dt_txt { padding: 15px 0; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont table { width: 100%; font-size: 14px; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont .rowtable tr th { text-align: left; padding: 10px; border-bottom: 1px solid #efefef; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont .rowtable tr td { text-align: left; padding: 10px; border-bottom: 1px solid #efefef; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont table tr th { padding: 10px; background: #dfdfdf; border: 1px solid #efefef; border-top: none; text-align: left; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont table tr td { padding: 10px; border: 1px solid #efefef; border-top: none; background: #fff; text-align: left; }

.sc_pnl_inform .icon01 { display: block; background: url(/asp/images/icon/ico_terms_department.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }
.sc_pnl_inform .icon02 { display: block; background: url(/asp/images/icon/ico_terms_personal.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }
.sc_pnl_inform .icon03 { display: block; background: url(/asp/images/icon/ico_terms_passport.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }
.sc_pnl_inform .icon04 { display: block; background: url(/asp/images/icon/ico_terms_auto.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }
.sc_pnl_inform .icon05 { display: block; background: url(/asp/images/icon/ico_terms_overseas.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }
.sc_pnl_inform .icon06 { display: block; background: url(/asp/images/icon/ico_terms_stability.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }
.sc_pnl_inform .icon07 { display: block; background: url(/asp/images/icon/ico_terms_third.png)no-repeat; background-size: contain; width: 60px; height: 60px; margin: 0 auto; }

.sc_pnl_inform .title_icon { display: inline-block; width: 30px; height: 35px; }
.sc_pnl_inform .title_icon.personal { background: url(/asp/images/icon/ico_terms_personal.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.cpo { background: url(/asp/images/icon/ico_terms_cpo.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.overseas { background: url(/asp/images/icon/ico_terms_overseas.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.prevent { background: url(/asp/images/icon/ico_terms_prevent.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.deputy { background: url(/asp/images/icon/ico_terms_deputy.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.period { background: url(/asp/images/icon/ico_terms_period.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.safety { background: url(/asp/images/icon/ico_terms_safety.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.open { background: url(/asp/images/icon/ico_terms_open.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.auto { background: url(/asp/images/icon/ico_terms_auto.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.third { background: url(/asp/images/icon/ico_terms_third.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.change { background: url(/asp/images/icon/ico_terms_change.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.entrust { background: url(/asp/images/icon/ico_terms_entrust.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.item { background: url(/asp/images/icon/ico_terms_item.png) no-repeat; background-size: contain; }
.sc_pnl_inform .title_icon.delete { background: url(/asp/images/icon/ico_terms_delete.png) no-repeat; background-size: contain; }


.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont .dt_txt.in_txt {padding: 5px 0; margin-left: 20px; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont .dt_txt.in_txt.two {padding: 5px 0; margin-left: 30px; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont table tr .no_line { padding: 10px; border: none; border-top: none; background: #fff; text-align: left; }
.sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont table tr .no_line.r { border-right: 1px solid #efefef;}

@media(max-width:1023px){
    .sc_pnl_inform .top_fx_row { display: block; padding: 0 10px;}
    .sc_pnl_inform .top_fx_row .select_box { margin-top: 20px; }
    .sc_pnl_inform .top_fx_row .select_box form { flex: 1; }
    .sc_pnl_inform .top_fx_row .select_box select.form_select { padding: 0 35px 0 20px; }
    .sc_pnl_inform .top_area { padding: 0 10px 30px 10px; }
    .sc_pnl_inform .top_area .text { font-size: 14px; }
    .sc_pnl_inform .top_area .label_box .label_list { display: block; font-size: 14px; }
    .sc_pnl_inform .top_area .label_box .label_list .label_item { width: 100%; padding: 20px 0; border-bottom: 1px solid #ccc; }
    .sc_pnl_inform .top_area .label_box .label_list .label_item:last-child { border-bottom: none; }
    .sc_pnl_inform .top_area .label_box .title .lable_tit { font-size: 14px; }
    .sc_pnl_inform .top_area .label_box .label_detail{font-size: 14px;}
    .sc_pnl_inform .middle_area { padding: 0 10px 30px 10px; }
    .sc_pnl_inform .middle_area .index_box { font-size: 14px; }
    .sc_pnl_inform .middle_area .index_box .index_list { display: block; }
    .sc_pnl_inform .middle_area .index_box .index_list .index_item { width: 100%; }
    .sc_pnl_inform .bot_area { padding: 30px 10px; }
    .sc_pnl_inform .bot_area .acord_list .acord_item { font-size: 14px; }
    .sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont table { font-size: 12px; }
    .sc_pnl_inform .bot_area .acord_list .acord_item .detail_cont { padding: 10px; }
 }


/* 항목 팝업*/
.terms_item_pop {padding: 10px 10px;}
.terms_item_pop .terms_item_pop_contents_row table { width: 100%; font-size: 14px; }
.terms_item_pop .terms_item_pop_contents_row table tr th { padding: 10px; color:#fff; background: #777777; border: 1px solid #efefef; border-top: none; text-align: left; }
.terms_item_pop .terms_item_pop_contents_row table tr td { padding: 10px; border: 1px solid #efefef; border-top: none; background: #fff; text-align: left; }


