@charset "utf-8";
/* CSS Document */

#sub_container {position:relative;width:100%}

.subTop {width:100%;background:#1b3c88}
.location_wrap {position:relative;width:100%;max-width:1400px;margin:0 auto}
.location {display:flex;align-items:center;border-right:1px solid rgba(255, 255, 255, 0.2);border-left:1px solid rgba(255, 255, 255, 0.2);box-sizing:border-box}
.location a.lct_home {width:3rem;height:3rem;background:url(../../img/portal/sub/location_home.png) no-repeat center center;background-size:.7rem}
.location a.lct_home span {display:block;text-indent:-9999px}
.location .path_wrap {width:calc(100% - 9.15rem)}
.location .path_wrap > ul {font-size:0}
.location .path_wrap > ul > li {position:relative;display:inline-block;min-width:11rem;max-width:12rem;border-right:1px solid rgba(255, 255, 255, 0.2)}
.location .path_wrap > ul > li:first-child {border-left:1px solid rgba(255, 255, 255, 0.2)}
.location .path_wrap > ul > li > a {display:block;height:3rem;padding:0 2rem 0 1rem;background:url(../../img/portal/sub/location_open.png) no-repeat right 1rem center;background-size:.6rem;color:#fff;font-size:.8rem;line-height:3rem}
.location .path_wrap > ul > li.active > a {background:url(../../img/portal/sub/location_up.png) no-repeat right 1rem center}
.location .path_wrap > ul > li > ul {display:none;position:absolute;top:3rem;left:0;width:100%;background:#fff;border:1px solid #000;border-top:none;box-sizing:border-box;z-index:20}
.location .path_wrap > ul > li.active > ul {display:block}
.location .path_wrap > ul > li > ul > li > a {display:block;color:#333;height:2.25rem;padding:0 1rem;font-size:.75rem;line-height:2.25rem}
.location .path_wrap > ul > li > ul > li.active, .location .path_wrap > ul > li > ul > li:hover {background:#eef4fb}
.location .path_wrap > ul > li > ul > li.active > a, .location .path_wrap > ul > li > ul > li:hover > a {color:#014898}
.lct_util {width:6.15rem;font-size:0;text-align:right}
.lct_util > ul > li {position:relative;display:inline-block;border-left:1px solid rgba(255, 255, 255, 0.2)}
.lct_util > ul > li.util_print > a {display:block;width:3rem;height:3rem;background:url(../../img/portal/sub/icon_print.png) no-repeat center center;text-indent:-9999px}
.lct_util>  ul > li.util_share > a {display:block;width:3rem;height:3rem;background:url(../../img/portal/sub/icon_share.png) no-repeat center center;text-indent:-9999px}
.lct_util > ul > li.util_share ul {position:absolute;top:3.5rem;right:0;width:100%;padding-bottom:.5rem;background:#fff;border:1px solid #1b2535;z-index:20;text-align:center}
.lct_util > ul > li.util_share ul:before {content:"";position:absolute;top:-.4rem;left:50%;transform:translateX(-50%);width:.5rem;height:.4rem;background:url(../../img/portal/sub/share_bg.png)no-repeat;background-size:.5rem}
.lct_util > ul > li.util_share ul > li {width:100%;margin-top:.5rem}
.lct_util > ul > li.util_share ul > li.share_facebook a {display:inline-block;width:2rem;height:2rem;background:url(../../img/portal/sub/share_facebook.png) no-repeat center center;background-size:2rem;text-indent:-9999px}
.lct_util > ul > li.util_share ul > li.share_twitter a {display:inline-block;width:2rem;height:2rem;background:url(../../img/portal/sub/share_twitter.png) no-repeat center center;background-size:2rem;text-indent:-9999px}
.lct_util > ul > li.util_share ul > li.share_kakao a {display:inline-block;width:2rem;height:2rem;background:url(../../img/portal/sub/share_kakaotalk.png) no-repeat center center;background-size:2rem;text-indent:-9999px}
.lct_util > ul > li.util_share ul > li.share_blog a {display:inline-block;width:2rem;height:2rem;background:url(../../img/portal/sub/share_blog.png) no-repeat center center;background-size:2rem;text-indent:-9999px}
.lct_util > ul > li.util_share ul:after {content:"";clear:both;display:block}
.location:after {content:"";clear:both;display:block}

.sub_content {overflow:hidden;position:relative;width:100%;max-width:1400px;margin:3rem auto 0;padding-bottom:4rem}

.sub_Tit {display:block;margin-bottom:2.45rem;color:#333;font-size:1.8rem;font-weight:600;text-align:center}

.greetingWrap {position:relative;display:flex}
.greetingImg {position:relative;width:21.5rem;margin-right:3rem;text-align:center}
.greetingImg img {max-width:100%}
.greetingImg .president_name {display:inline-block;padding:.5rem 1rem;transform:translate(-50%, -50%);background:#282c8b;text-align:left}
.greetingImg .president_name span {color:#fff;font-size:.8rem;line-height:1.9}
.greetingImg .president_name span strong {font-size:1rem;font-weight:500}
.greetingInfo {width:calc(100% - 24.5rem)}
.greetingInfo .greeting_Tit {color:#0067b3;font-size:1.3rem;font-weight:500;line-height:1.5;word-break:keep-all}
.greetingInfo .greeting_text {margin-top:.9rem;color:#5a5d5a;font-size:.8rem;line-height:1.7}
.greetingInfo .greeting_text strong {color:#333;font-size:.9rem}

.tabBox {position:relative;margin-bottom:1.5rem}
.tabBox .tab_select {position:relative;display:none;width:100%;height:2.5rem;padding:0 1rem;background:#1d57aa;color:#fff;font-size:.8rem;line-height:2.5rem;box-sizing:border-box}
.tabBox .tab_select:before {content:"";position:absolute;top:50%;right:1rem;transform:translateY(-50%);width:.6rem;height:.4rem;background:url(../../img/portal/sub/tab_select_open.png)no-repeat;background-size:.6rem}
.tabBox .tab_select.close:before {background:url(../../img/portal/sub/tab_select_close.png)no-repeat;background-size:.6rem}
.tabBox ul {display:flex}
.tabBox ul li {display:flex;justify-content:center;align-items:center;margin-left:1px;background:#f1f2f7;border-radius:4px;box-sizing:border-box;text-align:center}
.tabBox ul li:first-child {margin-left:0}
.tabBox ul li a {display:block;padding:.7rem .25rem;color:#333;font-size:.8rem}
.tabBox ul li.on {background:#1d57aa}
.tabBox ul li.on a {color:#fff}
.tabBox.cols8 ul li {width:calc((100% - 7px)/8)}

.txt_depth1 {position:relative;margin:1.9rem 0 1rem 0;padding-left:1.5rem;color:#333;font-size:1.2rem;font-weight:600}
.txt_depth1:before {content:"";position:absolute;top:.2rem;left:0;width:1rem;height:1rem;background:url(../../img/portal/sub/text_depth1.png) no-repeat;background-size:1rem}
.txt_depth2 {position:relative;margin:1.2rem 0 .75rem 0;padding-left:1.4rem;color:#0582ca;font-size:.9rem;font-weight:500}
.txt_depth2:before {content:"";position:absolute;top:.05rem;left:0;width:.9rem;height:1rem;background:url(../../img/portal/sub/text_depth2.png) no-repeat;background-size:.9rem}
.txt_basic {position:relative;color:#555;font-size:.8rem;line-height:1.5}
.txt_basic.dot {padding-left:.6rem}
.txt_basic.dot:before {content:"";position:absolute;top:.5rem;left:0;width:.25rem;height:.25rem;background:#1659b0;border-radius:50%}
.txt_list_dot > li {position:relative;padding:.35rem 0 0 .6rem;color:#555;font-size:.8rem;line-height:1.5}
.txt_list_dot > li:first-child {padding:0 0 0 .6rem}
.txt_list_dot > li:before {content:"";position:absolute;top:.85rem;left:0;width:.2rem;height:.2rem;background:#1659b0;border-radius:50%}
.txt_list_dot > li:first-child:before {top:.45rem}
.txt_list_dot > li ul {padding-top:.25rem}
.txt_list_dot > li ul li {position:relative;padding:.2rem 0 .2rem .7rem;color:#555;font-size:.8rem;line-height:1.5}
.txt_list_dot > li ul li:before {content:"";position:absolute;top:.75rem;left:0;width:.25rem;height:.1rem;background:#666}
.txt_notice {position:relative;margin-top:.5rem;padding-left:1.1rem;color:#f88306;font-size:.8rem;line-height:1.8}
.txt_notice:before {content:"";position:absolute;top:.3rem;left:0;width:.8rem;height:.8rem;background:url(../../img/portal/sub/text_notice.png)no-repeat;background-size:.8rem}

.cont_img_wrap {margin:1rem 0;padding:1.5rem;border:1px solid #ddd;text-align:center;box-sizing:border-box}
.cont_img_wrap img {max-width:100%}

.table_responsive {overflow-x:auto;width:100%}
.table_responsive .tbl_info {width:100%;border-top:2px solid #333}
.table_responsive .tbl_info th {padding:.9rem .75rem;background:#f7f8f8;border-left:1px solid #dddedf;border-bottom:1px solid #dddedf;color:#333;font-size:.8rem;font-weight:500;text-align:center}
.table_responsive .tbl_info th:first-child {border-left:none}
.table_responsive .tbl_info td {padding:.75rem .75rem .7rem .75rem;border-left:1px solid #dddedf;border-bottom:1px solid #dddedf;color:#555;font-size:.8rem;line-height:1.5;text-align:center}
.table_responsive .tbl_info td.txtLeft {padding:.5rem .5rem .5rem .75rem;text-align:left}
.table_responsive .tbl_info td:first-child {border-left:none}
.table_responsive .tbl_info th.bdLeft, .table_responsive .tbl_info td.bdLeft {border-left:1px solid #dddedf}

.table_responsive::-webkit-scrollbar {
    height: .4rem;  /* 스크롤바의 너비 */
}

.table_responsive::-webkit-scrollbar-thumb {
    background: #217af4; /* 스크롤바의 색상 */
    
    border-radius: 10px;
}

.table_responsive::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/
}

.process_wrap {margin-top:2rem}
.process_wrap > ul {display:flex}
.process_wrap > ul > li {position:relative;display:flex;flex-wrap:wrap;align-content:flex-start;width:calc((100% - 9rem)/4);margin-left:3rem}
.process_wrap > ul > li:first-child {margin-left:0}
.process_wrap > ul > li .process_top {width:100%;height:7.6rem;text-align:center}
.process_wrap > ul > li .process_top .process_icon1 {display:block;width:5.65rem;height:4.5rem;margin:0 auto;background:url(../../img/portal/sub/icon_process1.png) no-repeat;background-size:5.65rem;text-indent:-9999px}
.process_wrap > ul > li .process_top .process_icon2 {display:block;width:4.1rem;height:4.5rem;margin:0 auto;background:url(../../img/portal/sub/icon_process2.png) no-repeat;background-size:4.1rem;text-indent:-9999px}
.process_wrap > ul > li .process_top .process_icon3 {display:block;width:4.8rem;height:4.5rem;margin:0 auto;background:url(../../img/portal/sub/icon_process3.png) no-repeat;background-size:4.8rem;text-indent:-9999px}
.process_wrap > ul > li .process_top .process_icon4 {display:block;width:5.65rem;height:4.5rem;margin:0 auto;background:url(../../img/portal/sub/icon_process4.png) no-repeat;background-size:5.65rem;text-indent:-9999px}
.process_wrap > ul > li .process_top span {display:block;margin-top:.85rem;color:#1f90b2;font-size:1.2rem;font-weight:500}
.process_wrap > ul > li .process_cont {position:relative;width:100%;height:calc(100% - 7.6rem);border:1px solid #d5d5d5;border-radius:8px;box-sizing:border-box}
.process_wrap > ul > li .process_cont .process_tit {height:3rem;padding:0 1rem;background:#1f90b2;border-radius:8px 8px 0 0;color:#fff;font-size:1rem;line-height:3rem;text-align:center;box-sizing:border-box}
.process_wrap > ul > li .process_cont span {display:block;margin:0 1rem;padding:.85rem 0;border-bottom:1px solid #bfbfbf;color:#333;font-size:.9rem;font-weight:500;text-align:center;box-sizing:border-box}
.process_wrap > ul > li .process_cont ul {padding:.5rem 1rem;box-sizing:border-box}
.process_wrap > ul > li .process_cont ul li {position:relative;margin:.25rem 0;padding-left:.5rem;color:#555;font-size:.8rem;line-height:1.5;letter-spacing:-1px}
.process_wrap > ul > li .process_cont ul li:before {content:"";position:absolute;top:.5rem;left:0;width:.2rem;height:.2rem;background:#888;border-radius:50%}
.process_wrap > ul > li .process_cont:before {content:"";position:absolute;top:50%;left:-2.15rem;transform:translateY(-50%);width:1.2rem;height:1.1rem;background:url(../../img/portal/sub/process_arrow.png) no-repeat;background-size:1.2rem}
.process_wrap > ul > li:first-child .process_cont:before {display:none}

.site_list_wrap {position:relative;margin-top:.5rem}
.site_list_wrap .site_list ul {display:flex;flex-wrap:wrap}
.site_list_wrap .site_list li {width:calc((100% - 3rem)/4);margin:.5rem 0 .5rem 1rem;border:1px solid #dedede;box-sizing:border-box}
.site_list_wrap .site_list li:first-child {margin:.5rem 0}
.site_list_wrap .site_list li:nth-child(4n+1) {margin:.5rem 0}
.site_list_wrap .site_list li .site_logo {display:block;padding:1rem;text-align:center;box-sizing:border-box}
.site_list_wrap .site_list li .site_logo img {max-width:100%;height:100%}
.site_list_wrap .site_list li .site_info {padding:.75rem;border-top:1px solid #dedede}
.site_list_wrap .site_list li .site_info .site_name {display:block;color:#333;font-size:.8rem;font-weight:500;text-align:center}
.site_list_wrap .site_list li .site_info .site_name:hover {color:#2593c0}

.charge_wrap {display:flex;align-items:center;border:1px solid #d1d1d1;box-sizing:border-box}
.charge_img {width:25rem;padding:1.5rem;background:#f7f7f7;text-align:center;box-sizing:border-box}
.charge_img img {max-width:100%}
.charge_info {width:calc(100% - 25rem)}
.charge_info ul {font-size:0}
.charge_info ul li {position:relative;display:inline-block;width:calc(50% - 2rem);margin:.25rem 1rem;padding-left:1rem;color:#555;font-size:.8rem;box-sizing:border-box}
.charge_info ul li:before {content:"";position:absolute;top:.35rem;left:0;width:.2rem;height:.2rem;background:#1659b0;border-radius:50%}

.business_step_wrap ul {display:flex;flex-wrap:wrap}
.business_step_wrap ul li {position:relative;display:flex;flex-wrap:wrap;width:calc(25% - 2rem);margin:.5rem 2rem .5rem 0}
.business_step_wrap ul li:after {content:"";position:absolute;top:50%;right:-1.15rem;transform:translateY(-50%);width:.3rem;height:.55rem;background:url(../../img/portal/sub/business_arrow.png) no-repeat;background-size:.3rem}
.business_step_wrap ul li:last-child:after {display:none}
.business_step_wrap ul li .step_hd {position:relative;width:100%;height:4.17rem;padding:.5rem 1rem;background:#7f95b6;border-radius:8px 8px 0 0;text-align:center;box-sizing:border-box}
.business_step_wrap ul li .step_hd p {padding:.25rem 0;color:#fff;font-size:.9rem;font-weight:500}
.business_step_wrap ul li .step_hd span {display:block;margin-top:.15rem;color:#fff;font-size:.75rem}
.business_step_wrap ul li:nth-child(1) .step_hd p:before {content:"1";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(2) .step_hd p:before {content:"2";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(3) .step_hd p:before {content:"3";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(4) .step_hd p:before {content:"4";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(5) .step_hd p:before {content:"5";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(6) .step_hd p:before {content:"6";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(7) .step_hd p:before {content:"7";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(8) .step_hd p:before {content:"8";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(9) .step_hd p:before {content:"9";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li:nth-child(10) .step_hd p:before {content:"10";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.25rem;background:#fff;border-radius:50%;color:#7f95b6;font-size:.75rem;line-height:1.1rem}
.business_step_wrap ul li .step_cont {width:100%;height:calc(100% - 4.17rem);padding:.75rem 1rem;background:#f2f4f8;border-radius:0 0 8px 8px;text-align:center;box-sizing:border-box}
.business_step_wrap ul li .step_cont span {display:block;color:#555;font-size:.8rem;word-break:keep-all}

.sub_searchBox {display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f5f6f8;border:1px solid #f0f1f3;box-sizing:border-box}
.sub_searchBox select {width:6rem;height:2rem;margin:0 .15rem;padding:0 .25rem;font-size:.8rem;border:1px solid #c2c2c2;border-radius:4px;box-sizing:border-box}
.sub_searchBox input[type=text] {margin:0 .15rem;padding:0 .5rem;width:12rem;height:2rem;font-size:.8rem;border:1px solid #c2c2c2;border-radius:4px;box-sizing:border-box}
.sub_searchBox .searchBtn {height:2rem;margin:0 .15rem;;padding:0 1.5rem;background:#437dea;border-radius:4px;color:#fff;font-size:.8rem;line-height:2rem;vertical-align:middle}

.board_total {margin-bottom:1rem}
.board_total p {color:#555;font-size:.8rem}
.board_total p strong {color:#437dea}

.characterList {position:relative;width:100%;border-top:2px solid #333}
.characterBox {padding:1rem 0;border-bottom:1px solid #e1e1e1}
.characterBox a {display:flex}
.characterBox .character_img {overflow:hidden;width:14rem;height:8.5rem;margin-right:2rem}
.characterBox .character_img img {width:100%;height:100%;transition:transform 1s ease-out;-webkit-transition:transform 1s ease-out;-moz-transition:transform 1s ease-out;-o-transition:transform 1s ease-out}
.characterBox a:hover .character_img img {transform:scale(1.1)}
.characterBox .character_cont {width:calc(100% - 16rem)}
.characterBox .character_cont .character_tit {display:block;overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap;color:#333;font-size:.9rem;font-weight:500}
.characterBox a:hover .character_cont .character_tit {color:#0077cc;text-decoration:underline}
.characterBox .character_cont .character_text {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.55rem;margin-top:1.05rem;color:#555;font-size:.8rem;line-height:1.9;word-break:break-word}
.characterBox .character_cont .character_ect {margin-top:.75rem;font-size:0}
.characterBox .character_cont .character_ect li {position:relative;display:inline-block;margin:.25rem 0;padding:0 .75rem;color:#555;font-size:.8rem}
.characterBox .character_cont .character_ect li:first-child {padding:0 .75rem 0 0}
.characterBox .character_cont .character_ect li:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:.6rem;background:#c8c8c8}
.characterBox .character_cont .character_ect li:first-child:before {display:none}

.pagging {position:relative;margin:1.5rem 0 0 0;text-align:center}
.pagging ul {font-size:0}
.pagging ul li {position:relative;display:inline-block;width:2rem;height:2rem;margin-left:.25rem;background:#f4f5f9;border-radius:4px;box-sizing:border-box;vertical-align:middle}
.pagging ul li:first-child {margin-left:0}
.pagging ul li a {display:block;color:#666;font-size:.8rem;line-height:2rem}
.pagging ul li.active {background:#005aab}
.pagging ul li.active a {color:#fff}
.pagging ul li.page_first, .pagging ul li.page_prev, .pagging ul li.page_next, .pagging ul li.page_last {background:#fff;border:1px solid #c5c9d6}
.pagging ul li.page_first a {display:block;width:2rem;height:2rem;background:url(../../img/portal/sub/page_first.png) no-repeat center center;background-size:.6rem;text-indent:-9999px}
.pagging ul li.page_prev a {display:block;width:2rem;height:2rem;background:url(../../img/portal/sub/page_prev.png) no-repeat center center;background-size:.3rem;text-indent:-9999px}
.pagging ul li.page_next a {display:block;width:2rem;height:2rem;background:url(../../img/portal/sub/page_next.png) no-repeat center center;background-size:.3rem;text-indent:-9999px}
.pagging ul li.page_last a {display:block;width:2rem;height:2rem;background:url(../../img/portal/sub/page_last.png) no-repeat center center;background-size:.6rem;text-indent:-9999px}

.board-view {border-top:2px solid #333}
.board-view_info .subject {padding:.9rem 1rem;background:#f5f6f8;border-bottom:1px solid #eee;color:#333;font-size:.9rem;font-weight:500}
.board-view_info .board-view_list {padding:.75rem 1rem;border-bottom:1px solid #eee}
.board-view_info .board-view_list ul {font-size:0}
.board-view_info .board-view_list ul li {position:relative;display:inline-block;margin:.15rem 1rem .15rem 0}
.board-view_info .board-view_list ul li .title {display:inline-block;color:#333;font-size:.8rem;font-weight:500;vertical-align:middle}
.board-view_info .board-view_list ul li .text {display:inline-block;margin-left:.8rem;color:#555;font-size:.8rem;vertical-align:middle}
.board-view_attach {display:flex;margin:.25rem 0;padding:.25rem 1rem .5rem 1rem;border-bottom:1px solid #dedede;box-sizing:border-box}
.board-view_attach .attach_title {width:5.5rem;padding-top:.35rem;color:#333;font-size:.8rem;font-weight:500}
.board-view_attach ul {width:calc(100% - 5.5rem)}
.board-view_attach ul li {position:relative;margin:.5rem 0;padding-left:1.25rem}
.board-view_attach ul li:before {content:"";position:absolute;top:0;left:0;width:.9rem;height:.9rem;background:url(../../img/portal/sub/icon_attach.png) no-repeat;background-size:.9rem}
.board-view_attach ul li .file_name {display:block;color:#555;font-size:.8rem}
.board-view_attach ul li .file_name:hover {text-decoration:underline}
.board-cont {padding:1rem 1rem 1.5rem 1rem;border-bottom:1px solid #dedede;box-sizing:border-box}
.board-cont p {margin-top:1rem;color:#555;font-size:.8rem;line-height:1.5}
.board-cont p:first-child {margin-top:0}
.board-cont .board_img {margin:1rem 0;text-align:center}
.board-cont .board_img img {max-width:100%}
.promote_view_info {margin-top:1rem;box-sizing:border-box}
.promote_view_info ul {font-size:0}
.promote_view_info ul li {display:flex;width:100%;margin-top:.75rem}
.promote_view_info ul li:first-child {margin-top:0}
.promote_view_info ul li .title {width:5.5rem;color:#333;font-size:.8rem;font-weight:500}
.promote_view_info ul li .text {width:calc(100% - 5.5rem);color:#555;font-size:.8rem;line-height:1.5}
.board-nav {margin-top:1.5rem}
.board-nav ul li {display:flex;align-items:center;padding:.7rem 1rem .8rem 1rem;border-bottom:1px solid #dedede}
.board-nav ul li:first-child {border-top:1px solid #2f5993}
.board-nav ul li p {position:relative;width:7rem;color:#333;font-size:.9rem;font-weight:500}
.board-nav ul li a {position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:calc(100% - 12rem);padding-right:5rem;color:#484848;font-size:.8rem}
.board-nav ul li a .board-nav_date {position:absolute;top:0;right:0;color:#666}
.board-nav ul li p.prev:before {content:"";position:absolute;top:50%;left:3.5rem;width:.55rem;height:.35rem;transform:translateY(-50%);background:url(../../img/portal/sub/board_prev.png) no-repeat;background-size:.55rem}
.board-nav ul li p.next:before {content:"";position:absolute;top:50%;left:3.5rem;width:.55rem;height:.35rem;transform:translateY(-50%);background:url(../../img/portal/sub/board_next.png) no-repeat;background-size:.55rem}

.character_detail_wrap .txt_depth1:first-child {margin:0 0 1rem 0}
.character_detail {display:flex}
.character_detail .character_detail_img {overflow:hidden;width:20rem;height:14rem;margin-right:3rem;border-radius:8px}
.character_detail .character_detail_img img {width:100%;height:100%}
.character_detail .character_detail_info {width:calc(100% - 23rem)}
.character_detail .character_detail_info ul li {display:flex;margin:.5rem 0}
.character_detail .character_detail_info ul li strong {width:6rem;color:#333;font-size:.8rem;font-weight:500}
.character_detail .character_detail_info ul li span {width:calc(100% - 6rem);color:#555;font-size:.8rem}

.character_detail .character_detail_info p {margin-top:1rem;color:#555;font-size:.8rem;line-height:1.5}

.program_info {padding:1rem;background:#f9f9f9;border:1px solid #ddd;box-sizing:border-box}
.program_info p {margin-top:.3rem;color:#555;font-size:.8rem;line-height:1.5}
.program_info p:first-child {margin-top:0}

.tbl_essential {margin-bottom:.75rem;color:#555;font-size:.8rem;text-align:right}
.tbl_essential strong {margin-right:.25rem;color:#ff0000}

.tbl_form {width:100%;border-top:2px solid #333}
.tbl_form th {padding:.75rem .75rem;background:#f7f8f8;border-left:1px solid #dddedf;border-bottom:1px solid #dddedf;color:#333;font-size:.8rem;font-weight:500;text-align:left;box-sizing:border-box}
.tbl_form th:first-child {border-left:none}
.tbl_form th .ps {margin-left:.25rem;color:#ff0000}
.tbl_form td {padding:.5rem .75rem;border-left:1px solid #dddedf;border-bottom:1px solid #dddedf;color:#555;font-size:.8rem;line-height:1.5;text-align:left;box-sizing:border-box}
.tbl_form td input[type=text], .tbl_form td input[type=password] {display:inline-block;padding:0 .5rem;height:2rem;font-size:.8rem;border:1px solid #c2c2c2;box-sizing:border-box}
.tbl_form td select {display:inline-block;height:2rem;padding:.25rem;border:1px solid #c2c2c2;box-sizing:border-box}
.tbl_form td textarea {width:100%;height:10rem;padding:.5rem;border:1px solid #c2c2c2;box-sizing:border-box}
.tbl_form td .check {margin-left:.5rem;vertical-align:middle}
.tbl_form td .check span {display:inline-block;margin-left:.25rem;color:#555;font-size:.8rem;vertical-align:middle}																				   
.tbl_form td input[type=text].regist_date {width:45%}
.tbl_form td .check_select {width:60%}
.tbl_form td input[type=text].tbl_calendar {width:30%}
.tbl_form td .btn_calendar {display:inline-block;width:2rem;height:2rem;margin-left:-.35rem;background:#fff url(../../img/portal/sub/icon_calendar.png)no-repeat center center;background-size:1rem;border:1px solid #c2c2c2;border-radius:0 6px 6px 0;;text-indent:-9999px;box-sizing:border-box;vertical-align:middle}
.tbl_form td .attachForm {display:flex;align-items:center;margin:.25rem 0}
.tbl_form td .attachForm span {width:4.5rem;color:#555;font-size:.8rem}
.tbl_form td .attachForm .file_delete {width:1rem;height:1rem;background:#d6142a url(../../img/portal/sub/icon_delete.png)no-repeat center center;background-size:.5rem;border-radius:50%;text-indent:-9999px}
.tbl_form td .attachForm .file_add {width:1rem;height:1rem;background:#5f6be3 url(../../img/portal/sub/icon_add.png)no-repeat center center;background-size:.5rem;border-radius:50%;text-indent:-9999px}
.tbl_form td .attachForm button {margin-left:.25rem}
.tbl_form td .attachForm button:first-child {margin-left:0}
.tbl_form td .calendar_input {display:inline-block;width:20%}
.tbl_form td .calendar_input input[type=text].tbl_calendar {width:calc(100% - 2rem)}
.tbl_form td .space {display:inline-block;margin:0 .25rem;color:#555;font-size:.8rem;vertical-align:middle}

.boardList {margin-top:1rem;border-spacing:0}
.boardList .tbl_list {width:100%;border-top:2px solid #333}
.boardList .tbl_list colgroup col.col_num {min-width:3.9rem}
.boardList .tbl_list tr:hover {background:#f6f7fb}
.boardList .tbl_list th {padding:.65rem .5rem;background:#f6f6f6;border-bottom:1px solid #d2d2d2;color:#333;font-size:.8rem;font-weight:500;text-align:center}
.boardList .tbl_list th:first-child {border-left:none}
.boardList .tbl_list td {padding:.65rem .5rem;border-bottom:1px solid #e8e8e8;color:#555;font-size:.8rem;text-align:center}
.boardList .tbl_list td:first-child {border-left:none}
.boardList .tbl_list .subject {position:relative;text-align:left}
.boardList .tbl_list .subject a {display:inline-block;overflow:hidden;max-width:90%;color:#333;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.boardList .tbl_list .subject a:hover {text-decoration:underline}
.boardList .tbl_list td .attach {display:inline-block;width:.9rem;height:.9rem;background:url(../../img/portal/sub/icon_attach.png) no-repeat center center;background-size:.9rem;text-indent:-9999px}
.boardList .tbl_list td .bd_notice {display:inline-block;padding:.15rem .75rem;background:#5877e0;border-radius:24px;color:#fff;font-size:.75rem}
.boardList .tbl_list td .bd_new {display:inline-block;width:.9rem;height:.9rem;margin-right:.25rem;background:#e5006a;border-radius:4rem;color:#fff;font-size:.6rem;line-height:.9rem;text-align:center;vertical-align:middle}
.boardList .tbl_list td .bd_lock {display:inline-block;width:.8rem;height:.8rem;margin-right:.5rem;background:url(../../img/portal/sub/lock_icon.png)no-repeat;background-size:.8rem;vertical-align:middle;text-indent:-9999px}
.boardList .tbl_list tr.answer .subject {padding-left:2.5rem}
.boardList .tbl_list tr.answer .subject:before {content:"RE";position:absolute;top:50%;left:.5rem;transform:translateY(-50%);padding-left:.75rem;background:url(../../img/portal/sub/board_answer.png)no-repeat left top -.15rem;background-size:.6rem;color:#005aab;font-size:.75rem}
.boardList .tbl_list td .answer_step1 {display:inline-block;width:5rem;padding:.2rem 0 .15rem 0;background:#ff7810;border-radius:24px;color:#fff;font-size:.7rem;text-align:center}
.boardList .tbl_list td .answer_step2 {display:inline-block;width:5rem;padding:.2rem 0 .15rem;background:#971b44;border-radius:24px;color:#fff;font-size:.7rem;text-align:center}
.boardList .tbl_list td .answer_step3 {display:inline-block;width:5rem;padding:.2rem 0 .15rem;background:#058a73;border-radius:24px;color:#fff;font-size:.7rem;text-align:center}
.boardList .tbl_list td .answer_step4 {display:inline-block;width:5rem;padding:.2rem 0 .15rem;background:#0373a5;border-radius:24px;color:#fff;font-size:.7rem;text-align:center}

.photoList {display:flex;flex-wrap:wrap;border-top:2px solid #333;padding-bottom:1.5rem;border-bottom:1px solid #dedede}
.photoList .photo_item {width:calc((100% - 4.5rem)/4);margin:1.5rem 0 0 1.5rem;border:1px solid #ccc;box-sizing:border-box}
.photoList .photo_item:nth-child(4n+1) {margin:1.5rem 0 0 0}
.photoList .photo_item:first-child {margin:1.5rem 0 0 0}
.photoList .photo_item a .photo_thumb {position:relative;overflow:hidden;display:block;height:10rem}
.photoList .photo_item a .photo_thumb img {width:100%;height:100%;transition:transform 1s ease-out;-webkit-transition:transform 1s ease-out;-moz-transition:transform 1s ease-out;-o-transition:transform 1s ease-out}
.photoList .photo_item a:hover .photo_thumb img {transform:scale(1.1)}
.photoList .photo_item a .photo_tit {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6rem;margin-top:.75rem;padding:0 1rem;color:#333;font-size:.9rem;font-weight:500;line-height:1.5;word-break:break-word;box-sizing:border-box}
.photoList .photo_item a .photo_date {display:block;margin:.85rem 1rem 0 1rem;padding:.85rem 0 .8rem 0;border-top:1px dashed #ccc;color:#555;font-size:.8rem;box-sizing:border-box}
.photoList .photo_item a .photo_tit:hover {color:#0077cc;text-decoration:underline}

.calendar_wrap {position:relative}
.calendar-top {padding:.8rem 0;background:#193356;text-align:center}
.calendar-top .year {position:relative;display:inline-block;padding:0 2.5rem;color:#fff;font-size:1.2rem;font-weight:500}
.calendar-top .year_prev {position:absolute;top:50%;left:0;width:1.5rem;height:1.5rem;transform:translateY(-50%);background:url(../../img/portal/sub/calendar_prev.png) no-repeat center center;background-size:.45rem;border:1px solid #fff;border-radius:50%;text-indent:-9999px}
.calendar-top .year_next {position:absolute;top:50%;right:0;width:1.5rem;height:1.5rem;transform:translateY(-50%);background:url(../../img/portal/sub/calendar_next.png) no-repeat center center;background-size:.45rem;border:1px solid #fff;border-radius:50%;text-indent:-9999px}
.month-list {padding:0 1rem;background:#f0f2f7;box-sizing: border-box}
.month-list ul {padding:.5rem 0;font-size:0;text-align:center}
.month-list ul li {display:inline-block;width: calc(100% / 12)}
.month-list ul li button {position:relative;display:inline-block;width:2rem;height:2rem;color:#333;font-size:.8rem;line-height:2rem}
.month-list ul li.on button, .month-list ul li button:hover {background:#577dd0;border-radius:24px;color:#fff}
.calendar-cont {overflow:hidden;margin-top:2rem}
.calendar-box {float:left;width:42%;margin-right:3%;border:1px solid #d8d8d8;box-sizing: border-box}
.calendar-box .month {padding:.9rem 0;color:#333;font-size:1.2rem;font-weight:600;text-align:center}
.calendar-cont .tbl_calendar {width:100%;border-top:2px solid #26409a}
.calendar-cont .tbl_calendar th {padding:.8rem 0 .75rem 0;background:#f4f6ff;color:#555;font-size:.8rem;font-weight:normal;text-align:center}
.calendar-cont .tbl_calendar tr th:nth-child(1) {color:#e01354}
.calendar-cont .tbl_calendar tr th:nth-child(7) {color:#0076a3}
.calendar-cont .tbl_calendar td {border-top:1px solid #cfd9fc;text-align:center}
.calendar-cont .tbl_calendar td a {display:inline-block;padding:.55rem}
.calendar-cont .tbl_calendar td a span {display:block;width:1.5rem;height:1.5rem;color:#555;font-size:.8rem;line-height:1.5rem}
.calendar-cont .tbl_calendar tr td:nth-child(1) a span {color:#e01354}
.calendar-cont .tbl_calendar tr td:nth-child(7) a span {color:#0076a3}
.calendar-cont .tbl_calendar tr td.holiday a span {color:#e01354}
.calendar-cont .tbl_calendar td.today a span {background:#f2f2f2;border-radius:50%}
.calendar-cont .tbl_calendar td.select a span {border:2px solid #577dd0;border-radius:50%;line-height:1.4rem;box-sizing:border-box}
.calendar-cont .tbl_calendar td.schedule a span {background:#fad58c;border-radius:50%}
.calendar-list {float:right;overflow-y:auto;width:55%;max-height:20rem;border-top:2px solid #333;box-sizing:border-box}
.calendar-list ul li {position:relative;display:flex;align-items:center;padding:1rem .5rem;border-bottom:1px solid #dedede;color:#555;font-size:.8rem;box-sizing:border-box}
.calendar-list ul li .date {width:13rem;color:#333;font-size:.8rem;font-weight:500}
.calendar-list ul li a {width:calc(100% - 19rem);color:#333}
.calendar-list ul li a:hover {text-decoration:underline}

.calendar-list::-webkit-scrollbar {
    width: 10px;
  }
  .calendar-list::-webkit-scrollbar-thumb {
    background-color: #217af4;
    border-radius: 10px;
  }
  .calendar-list::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);
    border-radius: 10px;
  }

.board_guide {margin-bottom:1.5rem;padding:1rem;background:#f5f7f9;border:1px solid #dfe6ef;box-sizing:border-box}

.accordion_wrap {border-top:2px solid #333}
.accordion_wrap > ul > li > .accordion_box {padding:0 1.5rem;background:url(../../img/portal/sub/accordion_open.png)no-repeat right 1.5rem center;background-size:.75rem;border-bottom:1px solid #ddd;box-sizing:border-box}
.accordion_wrap > ul > li > .accordion_box > a {position:relative;display:block;padding:1.25rem 0 1.25rem 2.5rem;color:#333;font-size:.9rem;font-weight:500;box-sizing:border-box}
.accordion_wrap > ul > li > .accordion_box > a:before {content:"Q";position:absolute;top:1.05rem;left:0;width:1.5rem;height:1.5rem;background:#5d5d5d;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;line-height:1.5rem;text-align:center}
.accordion_wrap > ul > li > .accordion_answer {position:relative;display:none;padding:1rem 1.5rem 1rem 4.1rem;background:#fafafa;border-bottom:1px solid #ddd;box-sizing:border-box}
.accordion_wrap > ul > li > .accordion_answer:before {content:"A";position:absolute;top:.85rem;left:1.5rem;width:1.5rem;height:1.5rem;background:#959595;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;line-height:1.5rem;text-align:center}
.accordion_wrap > ul > li > .accordion_answer > p {color:#555;font-size:.8rem;line-height:1.5}
.accordion_wrap > ul > li.active > .accordion_box {background:url(../../img/portal/sub/accordion_close.png)no-repeat right 1.5rem center;background-size:.75rem}
.accordion_wrap > ul > li.active > .accordion_box a:before {content:"Q";position:absolute;top:1.05rem;left:0;width:1.5rem;height:1.5rem;background:#1a78bc;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;line-height:1.5rem;text-align:center}
.accordion_wrap > ul > li.active > .accordion_answer {display:block}

.sitemap_wrap {display:flex;flex-wrap:wrap}
.sitemap_list {width:calc((100% - 8rem)/5);margin:0 0 2rem 2rem}
.sitemap_list:nth-child(1) {margin:0 0 2rem 0}
.sitemap_list .sitemap_tit {display:block;background:#4780bc;border-radius:8px;text-align:center}
.sitemap_list .sitemap_tit a {display:block;padding:.75rem .5rem;color:#fff;font-size:.9rem;font-weight:500}
.sitemap_list > ul > li {position:relative;display:block;margin:.5rem 0;text-align:left}
.sitemap_list > ul > li > a {display:block;padding:.5rem 0 .5rem 1rem;color:#333;font-size:.85rem;font-weight:500}
.sitemap_list > ul > li > a:hover {background:#f6faff;border-radius:8px;color:#2f89ee}
.sitemap_list > ul > li > ul {padding:0 1rem}
.sitemap_list > ul > li > ul > li {position:relative;margin:.25rem 0;padding-left:.6rem}
.sitemap_list > ul > li > ul > li:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:.2rem;height:.2rem;background:#555;border-radius:50%}
.sitemap_list > ul > li > ul > li > a {display:block;color:#555;font-size:.8rem}
.sitemap_list > ul > li > ul > li > a:hover {text-decoration:underline}

.total_srch_result {padding:1rem 0 0 0;font-size:1.2rem;font-weight:500;text-align:center}
.total_srch_result strong {color:#ff6f21}
.srch_result {margin-left:.5rem;color:#333;font-size:.8rem}
.srch_result strong {color:#ff6f21;font-weight:normal}
.result_list {position:relative;border-top:2px solid #999}
.result_list > ul > li {padding:1rem 0;border-bottom:1px solid #ddd}
.result_list > ul > li .result_info a {overflow:hidden;display:block;padding:0 0 .35rem 0;color:#333;font-size:1rem;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.result_list > ul > li .result_info a:hover {color:#0077cc}
.result_list > ul > li .result_info span.info_text {overflow:hidden;display:block;height:2.3rem;margin-top:.25rem;color:#555;font-size:.8rem;line-height:1.5;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.result_list > ul > li .result_info ul.info_ect {overflow:hidden;margin-top:.5rem}
.result_list > ul > li .result_info ul.info_ect li {float:left;margin-right:1rem;color:#777;font-size:.8rem}


/* 공통 */

.txt_blue {color:#006eb4}

.a_link {color:#006eb4}

.mt0 {margin-top:0 !important}
.mt5 {margin-top:.25rem}
.mt10 {margin-top:.5rem}
.mt15 {margin-top:.75rem}
.mt20 {margin-top:1rem}
.mt25 {margin-top:1.25rem}
.mt30 {margin-top:1.5rem}

.w5 {width:5%}
.w10 {width:10%}
.w15 {width:15%}
.w20 {width:20%}
.w25 {width:25%}
.w30 {width:30%}
.w35 {width:35%}
.w40 {width:40%}
.w45 {width:45%}
.w50 {width:50%}
.w55 {width:55%}
.w60 {width:60%}
.w65 {width:65%}
.w70 {width:70%}
.w75 {width:75%}
.w80 {width:80%}
.w85 {width:85%}
.w90 {width:90%}
.w95 {width:95%}
.w100 {width:100%}

.btn_center {margin-top:1.5rem;font-size:0;text-align:center}
.btn_center .btn_list {padding:.65rem 2rem;background:#444;border-radius:4px;color:#fff;font-size:.8rem}
.btn_center .btn_list:hover {background:#00275d}
.btn_center .btn_answer {display:inline-block;padding:.65rem 1rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.btn_center .btn_modify {display:inline-block;padding:.65rem 2rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.btn_center .btn_regist {display:inline-block;padding:.65rem 2rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.btn_center .btn_check {display:inline-block;padding:.65rem 2rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.btn_center .btn_cancel {display:inline-block;padding:.65rem 2rem;background:#444;border-radius:4px;color:#fff;font-size:.8rem}
.btn_center button {margin-left:.25rem}
.btn_center button:first-child {margin-left:0}

.btn_right {margin-top:1rem;font-size:0;text-align:right}
.btn_right .btn_regist {display:inline-block;padding:.65rem 1.5rem;background:#444;border-radius:4px;color:#fff;font-size:.8rem}
.btn_right .btn_answer {display:inline-block;padding:.65rem 1.5rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.btn_right .btn_modify {display:inline-block;padding:.65rem 1.5rem;background:#053983;border-radius:4px;color:#fff;font-size:.8rem}
.btn_right .btn_delete {display:inline-block;padding:.6rem 1.5rem;border:1px solid #053983;border-radius:4px;color:#053983;font-size:.8rem}
.btn_right .btn_list {padding:.65rem 1.5rem;background:#444;border-radius:4px;color:#fff;font-size:.8rem}
.btn_right button {margin-left:.25rem}
.btn_right button:first-child {margin-left:0}

.btn_edit {display:block;text-align:right}
.btn_edit a {display:inline-block;padding:.25rem .7rem;background:#87be3c;border-radius:8px;color:#fff;font-size:.8rem}

.tbl_form td .rd_list {font-size:0}
.tbl_form td .rd_list li {display:inline-block;margin:.25rem 0 .25rem 1rem}
.tbl_form td .rd_list li:first-child {margin:.25rem 0}
.tbl_form td .rd_list li label span {display:inline-block;margin-left:.25rem;color:#555;font-size:.8rem;vertical-align:middle}

.bbs_sub_Tit {display:block;margin-bottom:2.45rem;color:#333;font-size:1.8rem;font-weight:600;text-align:center}

.map_wrap .map_box {height:22rem;border:1px solid #dadada;box-sizing:border-box}

.calendar-list ul li .calendar_ctrl {width:6rem;font-size:0;text-align:right}
.calendar-list ul li .calendar_ctrl .calendar_modify {display:inline-block;padding:.25rem .5rem;background:#217af4;border-radius:4px;color:#fff;font-size:.8rem;box-sizing:border-box}
.calendar-list ul li .calendar_ctrl .calendar_delete {display:inline-block;padding:.25rem .5rem;background:#058a73;border-radius:4px;color:#fff;font-size:.8rem;box-sizing:border-box}
.calendar-list ul li .calendar_ctrl button {margin-left:.25rem}
.calendar-list ul li .calendar_ctrl button:first-child {margin-left:0}

.password_check {max-width:30rem;margin:0 auto;padding:1.5rem;background:#f9f9f9;border:1px solid #ccc;text-align:center}
.password_check p {color:#555;font-size:.8rem;line-height:1.5}
.password_check .password_input {display:flex;justify-content:center;align-items:center;margin-top:1rem}
.password_check .password_input span {margin-right:.5rem;color:#333;font-size:.8rem;font-weight:500}
.password_check .password_input input[type=password] {padding:0 .5rem;height:2rem;font-size:.8rem;border:1px solid #c2c2c2;box-sizing:border-box}