@media (min-width: 1240px){

}
@media (max-width: 1240px) and (min-width: 768px){

}
@media (max-width: 768px){

}


/* container */
@media (min-width: 1240px){
    .container{width: 100%;margin: 0 auto;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .container{width: 100%;box-sizing: border-box;padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 768px){
    .container{position: relative;width: 100%;box-sizing: border-box;padding-left: 15px;padding-right: 15px;}
}


@media (min-width: 1240px) {
    .pc_hide {display: none !important;}
    .mobile_show {display: none !important;}
    .tablet_show {display: none !important;}
    .pc_show {}
}
@media (min-width: 768px) and (max-width: 1240px) {
    .pc_hide {display: block !important;}
    .tablet_hide {display: none !important;}
    .mobile_show {display: none !important;}
    .tablet_show {}
    .pc_show {display: none !important;}
}
@media (max-width: 768px) {
    .mobile_hide {display: none !important;}
    .mobile_show {}
    .tablet_show {display: none !important;}
    .pc_show {display: none !important;}
}

/* 초기화 */
#wrapper{color: #232323;font-family: 'notokr-regular',Sans-Serif;}

button{border: none;padding: 0;outline: none;}

h1,h2,h3,h4{margin: 0;font-weight: normal;}

ul{margin: 0;padding: 0;}

body{overflow-x: hidden;}

button {cursor:pointer ;}

/* 기본 틀 */
@media (min-width: 1240px){
    #wrapper{font-size: 16px;line-height: 31px;letter-spacing: -0.32px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    #wrapper{font-size: 14px;line-height: 24px;letter-spacing: -0.24px;}
}
@media (max-width: 768px){
    #wrapper{font-size: 14px;line-height: 24px;letter-spacing: -0.24px;}
}


/* 가이드 : 그라데이션 부분 */
.gradation {background: linear-gradient( 135deg, #39b8fd, #9f3dff, #f354b1);}

.gradation_reverse {background: linear-gradient( to right, #f354b1, #9f3dff,#39b8fd );}


/* 가이드 : 타이틀 부분 */
.header_title_1, .header_title_2, .header_title_3{font-family: 'notokr-medium',Sans-Serif;}
.header_title_2{position: relative;margin-left: 28px;}
.header_title_2::before {content: "";position: absolute;left: -28px;width: 18px;height: 11px;background-image: url("/res/service/img/index/common/bu_title.png");background-size: contain;}
.header_title_3 {color: #701e97;}

@media (min-width: 1240px){
    .header_title_1 {font-size: 36px;}
    .header_title_2 {font-size: 24px;line-height: 39px;}
    .header_title_2::before {top: 14px;}
    .header_title_3 {font-size: 20px;}
    .header_title_etc {font-size: 28px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .header_title_1 {font-size: 30px;}
    .header_title_2 {font-size: 20px;line-height: 30px;}
    .header_title_2::before {top: 10px;}
    .header_title_3 {font-size: 18px;}
    .header_title_etc {font-size: 22px;}
}
@media (max-width: 768px){
    .header_title_1 {font-size: 24px;}
    .header_title_2 {font-size: 20px;line-height: 30px;}
    .header_title_2::before {top: 10px;}
    .header_title_3 {font-size: 18px;}
    .header_title_etc {font-size: 22px;}
}

/* 메뉴 공통 */
.content_wrapper {}

@media (min-width: 1240px){
    .content_wrapper {}
    .tab_menu:not(.no_list) ~ .content_wrapper { /* 탭이 있는 경우 */margin-top: 40px;}
    .tab_menu.no_list ~ .content_wrapper { /* 탭이 없는 경우 */}

}
@media (max-width: 1240px) and (min-width: 768px){
    .content_wrapper {}
    .tab_menu:not(.no_list) ~ .content_wrapper { /* 탭이 있는 경우 */margin-top: 30px;}
    .tab_menu.no_list ~ .content_wrapper { /* 탭이 없는 경우 */}
}
@media (max-width: 768px){
    .content_wrapper {}
    .tab_menu:not(.no_list) ~ .content_wrapper { /* 탭이 있는 경우 */margin-top: 100px;}
    .tab_menu.no_list ~ .content_wrapper { /* 탭이 없는 경우 */}
    .no_list, .no_item{display: none;}
}


/* 콘텐츠 내용 공통 */
.content_wrapper_step1 {
    display: flex;  text-align: center; align-items: center; justify-content: center;
}
.content_wrapper_step2 {
    width: 1240px; text-align: left;
}
@media (max-width:1240px) {
    width: 100%; text-align: left;
}


/* 가이드 : 리스트 */
.common_list {list-style-type: none;padding-left: 0;margin-top: 0;margin-bottom: 0;}
.common_list > li{ /* 가이드상에서 h4 */display: list-item;position: relative;margin-left: 18px;}
.common_list > li:before{content: "";position: absolute;width: 3px;height: 3px;background-color: #232323;}
.common_list .common_sublist { /* 가이드상에서 h5 */list-style-type: none;padding-left: 0;margin-left: 2px;margin-top: 0;margin-bottom: 0;}
.common_list .common_sublist > li{display: list-item;position: relative;margin-left: 13px;color: #707070;}
.common_list .common_sublist > li:before{content: "";background-image: url("/res/service/img/index/common/bu_title2.png");background-size: contain;position: absolute;width: 3px;height: 5px;}

@media (min-width:1240px) {
    .common_list > li{font-size: 16px;line-height: 31px;letter-spacing: -0.32px;}
    .common_list > li:before{transform: translate(-18px, 14px);}
    .common_list .common_sublist > li{font-size: 16px;line-height: 31px;letter-spacing: -0.32px;}
    .common_list .common_sublist > li:before{transform: translate(-13px, 13px);}
}
@media (max-width:1240px) {
    .common_list > li{font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .common_list > li:before{transform: translate(-18px, 10px);}
    .common_list .common_sublist > li{font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .common_list .common_sublist > li:before{transform: translate(-13px, 10px);}
}


/* 가이드 : 버튼 */

/* common */
.common_btn {background-color: #474747;border-radius: 5px;text-align: center;color: #ffffff;cursor: pointer;}
@media (min-width: 1240px){
    .common_btn {font-size: 16px;font-family: 'notokr-medium',Sans-Serif !important;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .common_btn {font-size: 14px;font-family: 'notokr-regular',Sans-Serif !important;}
}
@media (max-width: 768px){
    .common_btn {font-size: 14px;font-family: 'notokr-regular',Sans-Serif !important;}
}

/* 사이즈 */
@media (min-width: 1240px){
    .btn_normal{width: 120px;line-height: 50px;}
    .btn_long{width: 160px;line-height: 50px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .btn_normal{width: 100px;line-height: 44px;}
    .btn_long{width: 130px;line-height: 44px;}
}
@media (max-width: 768px){
    .btn_normal{width: 100px;line-height: 44px;}
    .btn_long{width: 130px;line-height: 44px;}
}

/* 색상 */
.btn_submit {background-color: #701e97;}
.btn_cancel {background-color: #ffffff;border: 1px solid #474747;color: #474747;}

@media (min-width: 1240px){
    .btn_cancel {line-height: 48px;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .btn_cancel {line-height: 42px;}
}
@media (max-width: 768px){
    .btn_cancel {line-height: 42px;}
}


/* 아이콘 버튼 */
.common_icon_btn {width: 150px;line-height: 34px;border: 1px solid #474747;box-sizing: border-box;background-color: #ffffff;text-align: center;font-size: 14px;letter-spacing: -0.28px;border-radius: 5px;font-family: 'notokr-regular',Sans-Serif !important;cursor: pointer;}
.common_icon_btn img {width: 14px;height: 14px;transform: translate( 0, 2px);}
.common_icon_btn span {margin-left: 6px;}
.common_icon_btn:hover {border: 1px solid #701e97;color: #701e97;}
.common_icon_btn .icon_btn_hover, .common_icon_btn:hover .icon_btn_basic{display: none;}
.common_icon_btn:hover .icon_btn_hover {display: inline-block;}


/* 가이드 : 기본 작성폼 */
.common_input, .common_select{height: 50px;padding: 0px;border: 1px solid #e5e5e5;box-sizing: border-box;padding-left: 20px;border-radius: 5px;font-family: 'notokr-regular', sans-serif;font-size: 16px;background-color: #ffffff;}
.common_select{background: url("/res/service/img/index/common/arr_basic_down.png");background-repeat: no-repeat;background-position:   calc(100% - 20px) 50%;background-size: 10px 6px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.common_select::-ms-expand { display:none; }

/* 서브페이지 영역 */
.sub_section{display: inline-block;width: 100%;}
.breadcrumb .breadcrumb_item {
    cursor: pointer;
}
@media (min-width: 1240px){
    .sub_section{margin-bottom: 100px; /*padding-top: 60px;*/}
}
@media (max-width: 1240px) and (min-width: 768px){
    .sub_section{margin-bottom: 50px; }
}
@media (max-width: 768px){
    .sub_section{margin-bottom: 50px;}
}

.breadcrumb {
    background-color: #f8f8f8;
    display: none;
}

.breadcrumb .breadcrumb_list {
    text-align: right;
    font-size: 0;
}

.breadcrumb .breadcrumb_item {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;

    font-family: notokr-regular, sans-serif;
    color: #707070;
}

.breadcrumb .breadcrumb_item:last-child {
    color: #7b4fb8;
}

.breadcrumb .breadcrumb_item:not(:last-child)::after {
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #aaaaaa;
}

@media (min-width: 1240px){
    .breadcrumb {
        height: 44px;
    }

    .breadcrumb .breadcrumb_list {
    }

    .breadcrumb .breadcrumb_item {
        line-height: 44px;
        font-size: 14px;
        letter-spacing: -0.28px;

    }

    .breadcrumb_item.go_home img {
        transform: translateY(2px);
    }

    .breadcrumb .breadcrumb_item:not(:last-child) {
        padding-right: 15px;
        margin-right: 15px;
    }

    .breadcrumb .breadcrumb_item:not(:last-child)::after {
        width: 1px;
        height: 10px;
    }

    .breadcrumb .breadcrumb_item.home img {
        position: absolute;
        top: 50%;
        left: calc(50% - 15px);
        transform: translate(-50%, -50%);
    }
}
@media (max-width: 1240px) and (min-width: 768px){
    .breadcrumb {
        display: none;
    }
}
@media (max-width: 768px){
    .breadcrumb {
        display: none;
    }
}

/* 서브메뉴 영역 : 레이아웃 */
.sub_menu{float: left;}
@media (min-width: 1240px){
    .sub_menu{display: none;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .sub_menu{display: none;}
}
@media (max-width: 768px){
    .sub_menu{display: none;}
}

/* 서브메뉴 영역 : 뎁스 1 */
.sub_menu .depth1_title{font-family: notokr-medium, sans-serif; line-height: 28px;margin-top: 12px;}

/* 서브메뉴 영역 : 뎁스 2 */
.sub_menu .depth2_list{width: 100%;margin-top: 40px;}
.sub_menu .depth2_list .depth2_item{width: 230px;line-height: 60px;border-top: 1px solid #e5e5e5;cursor: pointer;}
.sub_menu .depth2_list > .depth2_item:last-child{border-bottom: 1px solid #e5e5e5;}
.sub_menu .depth2_list .depth2_item .depth2_wrapper{padding-left: 20px;padding-right: 20px;width: 100%;box-sizing: border-box;position: relative;}
.sub_menu .depth2_list .depth2_item .depth2_wrapper img{position: absolute;width: 12px;height: 7px;right: 20px;top: calc(50% - 4px);}
.sub_menu .depth2_list .depth2_item .depth2_wrapper .submenu_arrow_up{display: none;}

/* 뎁스 2 - 오픈 */
.sub_menu .depth2_list .depth2_item .depth2_wrapper.current .submenu_arrow_up{display: block;}
.sub_menu .depth2_list .depth2_item .depth2_wrapper.current .submenu_arrow_down{display: none;}
.sub_menu .depth2_list .depth2_item .depth2_wrapper.current span{color: #ffffff;}
.sub_menu .depth2_list .depth2_item .depth2_wrapper.current span{color: #ffffff;}
.sub_menu .depth2_list .depth2_item .depth2_wrapper.current .depth2_wrapper_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url("/res/service/img/index/common/bu_menu.png");background-repeat: no-repeat;background-size: contain;}

/* 드롭박스 애니메이션 */
.sub_menu .depth3_wrapper{max-height: 0;transition: 0.7s;overflow: hidden;}

/* 뎁스3 메뉴가 늘어나면 조절 하는 곳 */
.sub_menu .depth3_wrapper.current{max-height: 400px;}

/* 서브메뉴 영역 : 뎁스 3 */
.sub_menu .depth3_wrapper{background-color: #f8f6fc;}
.sub_menu .depth3_wrapper .depth3_list{padding: 10px 0px 10px 20px;}
.sub_menu .depth3_wrapper .depth3_list .depth3_item{ cursor: pointer; font-size: 14px;line-height: 40px;margin-left: 13px;color: #707070;position: relative;}
.sub_menu .depth3_wrapper .depth3_list .depth3_item::before{content: "";position: absolute;left: -13px;top: 19px;width: 3px;height: 3px;background-color: #707070;}
/* 셀렉 */
.sub_menu .depth3_wrapper .depth3_list .depth3_item.current{color: #6f4dbb;}
.sub_menu .depth3_wrapper .depth3_list .depth3_item.current::before{background-color: #6f4dbb;}


/* 컨텐츠 영역 */
@media (min-width: 1240px){
    .sub_content{float: right;width: 100%;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .sub_content{width: 100%;}
}
@media (max-width: 768px){
    .sub_content{width: 100%;}
}



/* 모바일 테블릿 서브 메뉴 영역 : 틀 */
@media (min-width: 1240px){
    .resp_sub_menu{display: none;}
}
@media (max-width: 1240px) and (min-width: 768px){
    .resp_sub_menu{display: block; width: 100%;position: relative;z-index: 999;}
}
@media (max-width: 768px){
    .resp_sub_menu{display: block; width: 100%;position: relative;z-index: 999;}
}


/* 모바일 테블릿 서브 메뉴 영역 : 해더 */
.resp_sub_munu_header{width: 100%;padding-left: 20px;padding-right: 20px;box-sizing: border-box;cursor: pointer;position: relative;}
.resp_sub_munu_header .resp_sub_munu_header_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url("/res/service/img/index/common/mobile/bu_menu.png");background-repeat: no-repeat;background-size: contain;}
.resp_sub_munu_header .resp_depth2_title{font-family: 'notokr-medium', Sans-Serif;font-size: 16px;line-height: 50px;color: #ffffff;}
.resp_sub_munu_header img{width: 12px;height: 7px;position: absolute;right: 20px;top: 21px;}
.resp_sub_munu_header .respmenu_arrow_up{display: none;}


/* 모바일 테블릿 서브 메뉴 영역 : 뎁스 2 */
.resp_sub_menu .resp_dark_bg {display: none;background-color: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;bottom: 0;right: 0;}
.resp_depth2_list{display: none;border: 1px solid #e5e5e5;box-sizing: border-box;position: absolute;width: 100%;z-index: 999;top: 50px;left: 0px;}
.resp_depth2_list .resp_depth2_item{border-bottom: 1px solid #e5e5e5;cursor: pointer;}
.resp_depth2_list > .resp_depth2_item:last-child{border-bottom: none;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper{width: 100%;z-index:98; box-sizing : border-box;position: relative;background-color: #ffffff;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper .resp_depth2_title.inside{margin-left: 20px;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper span{line-height: 50px;font-size: 16px;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper img{width: 12px;height: 7px;position: absolute;right: 20px;top: 21px;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper .respmenu_arrow_up{display: none;}




/* 모바일 테블릿 서브 메뉴 영역 : 뎁스 3 */
.resp_depth3_wrapper{box-sizing: border-box;background-color: #f8f6fc;}
.resp_depth3_wrapper .resp_depth3_list{padding: 10px 0px 10px 20px;}
.resp_depth3_wrapper .resp_depth3_list .resp_depth3_item{z-index : 99;font-size: 14px;line-height: 40px;margin-left: 13px;color: #707070;position: relative;}
.resp_depth3_wrapper .resp_depth3_list .resp_depth3_item::before{content: "";position: absolute;left: -13px;top: 19px;width: 3px;height: 3px;background-color: #707070;}



/* 모바일 테블릿 서브 메뉴 영역 : 뎁스 2 해더 open 눌렀을때 상태 (클래스에 open 추가)*/
.resp_sub_menu .resp_dark_bg.current {display: block;}
.resp_depth2_list.current{display: block;}
.resp_sub_munu_header.current .respmenu_arrow_down{display: none;}
.resp_sub_munu_header.current .respmenu_arrow_up{display: block;}


/* 모바일 테블릿 서브 메뉴 영역 : 뎁스 2 open 눌렀을때 상태 (클래스에 open 추가)*/
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper.current span{color: #6f4dbb;font-family: 'notokr-medium', Sans-Serif;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper.current .respmenu_arrow_up{display: block;}
.resp_depth2_list .resp_depth2_item .resp_depth2_wrapper.current .respmenu_arrow_down{display: none;}


/* 모바일 테블릿 서브 메뉴 영역 : 뎁스 3 눌렀을때 상태 (클래스에 open 추가) */
.resp_depth3_list .resp_depth3_item.depth3_select{color: #6f4dbb;}
.resp_depth3_list .resp_depth3_item.depth3_select::before{background-color: #6f4dbb;}

/* 드롭박스 애니메이션 */
.resp_depth2_list .resp_depth2_item .resp_depth3_wrapper{max-height: 0;transition: 0.7s;overflow: hidden;}
/* 뎁스3 메뉴가 늘어나면 조절 하는 곳 */
.resp_depth2_list .resp_depth2_item .resp_depth3_wrapper.current{border-top: 1px solid #e5e5e5;max-height: 400px;}


/* 컨텐츠 해더 */
.sub_content_header{display:none;}
@media (min-width: 1240px){
    .sub_content_header{height: 80px;border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;}
    .sub_content_header .sub_content_title{float: left;}
    .sub_content_header .sub_content_print{float: right;width: 40px;height: 40px;border: 1px solid #e5e5e5;box-sizing: border-box;border-radius: 50%;position: relative;cursor: pointer;}
    .sub_content_header .sub_content_print img{position: absolute;width: 20px;height: 20px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
}
@media (max-width: 1240px) and (min-width: 768px){
    .sub_content_header{height: 86px;line-height: 86px;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
    .sub_content_header .sub_content_title{display: inline-block;}
    .sub_content_header .sub_content_print{display: none;}
}
@media (max-width: 768px){
    .sub_content_header{height: 86px;line-height: 86px;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
    .sub_content_header .sub_content_title{display: inline-block;}
    .sub_content_header .sub_content_print{display: none;}
}



/* 텝 메뉴 */
.tab_menu {display: block; display: flex;  text-align: center; align-items: center; justify-content: center; }
.tab_menu .tab_cell.current{color: #6f4dbb;}
.tab_menu .tab_table{border-collapse: collapse; width: 1240px; }

.tab_menu .tab_cell.border-tl { border-top-left-radius: 5px !important; }
.tab_menu .tab_cell.border-tl::before, .tab_menu .tab_cell.border-tl:hover { border-top-left-radius: 5px !important; }
.tab_menu .tab_cell.border-tr { border-top-right-radius: 5px !important; }
.tab_menu .tab_cell.border-tr::before, .tab_menu .tab_cell.border-tr:hover { border-top-right-radius: 5px !important; }
.tab_menu .tab_cell.border-bl { border-bottom-left-radius: 5px !important; }
.tab_menu .tab_cell.border-bl::before, .tab_menu .tab_cell.border-bl:hover { border-bottom-left-radius: 5px !important; }
.tab_menu .tab_cell.border-br { border-bottom-right-radius: 5px !important; }
.tab_menu .tab_cell.border-br::before, .tab_menu .tab_cell.border-br:hover { border-bottom-right-radius: 5px !important; }

@media (min-width: 1240px){
    .tab_menu {width: 100%;text-align: center;}
    .tab_menu .tab_table{display: block;}
    .tab_menu .tab_table_row_group{display: block;}

    .tab_menu .tab_table_row {display: block;font-size: 0;}
    .tab_menu .tab_cell {box-sizing: border-box;display: inline-block;vertical-align: middle;width: 25%;height: 50px;vertical-align: middle;border: 1px solid #e5e5e5;border-right: 0;position: relative;font-size: 16px;letter-spacing: -0.32px;}
    .tab_menu .tab_cell span {line-height: 48px;}
    .tab_menu .tab_cell:not(.no_item){cursor: pointer;}
    .tab_menu .tab_cell:hover{color: #6f4dbb;}
    .tab_menu .tab_cell:not(.no_item):hover::before, .tab_menu .tab_cell:not(.no_item).current::before {content: "";width: 100%;height: 48px;border: 1px solid #6f4dbb;position: absolute;top: -1px;left: -1px;z-index: 99;}
    .tab_menu .tab_cell:last-child{border-right: 1px solid #e5e5e5;}
    .tab_table .tab_table_row_group:not(:first-child) .tab_cell{border-top: 0;}
    /*.tab_table .tab_table_row_group:first-child .tab_cell:first-child, .tab_table .tab_table_row_group:first-child .tab_cell:first-child:hover::before{border-top-left-radius: 5px;}*/
    /*.tab_table .tab_table_row_group:first-child .tab_cell:last-child, .tab_table .tab_table_row_group:first-child .tab_cell:last-child:hover::before{border-top-right-radius: 5px;}*/
    /*.tab_table .tab_table_row_group:last-child .tab_cell:first-child, .tab_table .tab_table_row_group:last-child .tab_cell:first-child:hover::before{border-bottom-left-radius: 5px;}*/
    /*.tab_table .tab_table_row_group:last-child .tab_cell:last-child, .tab_table .tab_table_row_group:last-child .tab_cell:last-child:hover::before{border-bottom-right-radius: 5px;}*/
}
@media (max-width: 1240px) and (min-width: 768px){
    .tab_menu {width: 100%;text-align: center;}
    .tab_menu .tab_table{display: block;table-layout: fixed;width: 100%;}
    .tab_menu .tab_table_row_group{display: block;}
    .tab_menu .tab_table_row{display: block; font-size: 0;}
    .tab_menu .tab_cell{ box-sizing: border-box; display: inline-block; vertical-align: middle; width: 25%;height: 38px;vertical-align: middle;border: 1px solid #e5e5e5;border-right: 0;position: relative;}
    .tab_menu .tab_cell span {line-height: 36px; font-size: 14px; letter-spacing: -0.28px; }
    .tab_menu .tab_cell:not(.no_item){cursor: pointer;}
    .tab_menu .tab_cell:hover{color: #6f4dbb;}
    .tab_menu .tab_cell:not(.no_item):hover::before, .tab_menu .tab_cell:not(.no_item).current::before{content: "";width: 100%;height: 36px;border: 1px solid #6f4dbb;position: absolute;top: -1px;left: -1px;z-index: 99;}
    .tab_menu .tab_cell:last-child{border-right: 1px solid #e5e5e5;}
    .tab_table .tab_table_row_group:not(:first-child) .tab_cell{border-top: 0;}
    /*.tab_table .tab_table_row_group:first-child .tab_cell:first-child, .tab_table .tab_table_row_group:first-child .tab_cell:first-child:hover::before{border-top-left-radius: 5px;}*/
    /*.tab_table .tab_table_row_group:first-child .tab_cell:last-child, .tab_table .tab_table_row_group:first-child .tab_cell:last-child:hover::before{border-top-right-radius: 5px;}*/
    /*.tab_table .tab_table_row_group:last-child .tab_cell:first-child, .tab_table .tab_table_row_group:last-child .tab_cell:first-child:hover::before{border-bottom-left-radius: 5px;}*/
    /*.tab_table .tab_table_row_group:last-child .tab_cell:last-child, .tab_table .tab_table_row_group:last-child .tab_cell:last-child:hover::before{border-bottom-right-radius: 5px;}*/
}
@media (max-width: 768px){
    .tab_menu .tab_cell.current{border: 1px solid #6f4dbb !important;}
    nav.tab_menu {position: absolute;left: 0;right: 0;}
    .tab_table {font-size: 0;overflow-x: scroll;white-space: nowrap;padding-left: 20px;padding-right: 20px;-ms-overflow-style: none; /* IE and Edge */scrollbar-width: none; /* Firefox */}
    .tab_table::-webkit-scrollbar{display:none;}
    .tab_table .tab_table_row_group{display: inline-block;vertical-align: top;font-size: 0;}
    .tab_table .tab_table_row_group:last-child .tab_cell:last-child{margin-right: 0;}
    .tab_table .tab_table_row_group .tab_cell{display: inline-block; width: auto !important;font-size: 14px;margin-right: 10px;padding: 0px 30px;line-height: 38px;vertical-align: middle;border: 1px solid #e5e5e5;border-radius: 5px;position: relative; cursor: pointer;}
    .tab_table .tab_table_row_group .tab_cell.current{display: inline-block;  font-size: 14px;margin-right: 10px;padding: 0px 30px;line-height: 38px;vertical-align: middle;border: 1px solid #6f4dbb;border-radius: 5px;position: relative;}
    .tab_table .tab_table_row_group .tab_cell.no_item{display: none;}
    .no_item{display: none;}
}

/* 플로팅 메뉴 */
.floating_menu { display: none; width: 100%; z-index: -1;}
.floating_wrap{position: relative; width: 100%; height: 70px; background: #faf7fa;}

/* 상단메뉴 */
/* nav.m_nav{position: relative; z-index: 9;} */
.floating_top_menu{position: absolute; top: 0; left: 0; display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 70px; padding: 0 40px; z-index: 999;}
.floating_top_menu ul{display: flex; justify-content: flex-end;}
.floating_top_menu ul li{}
.floating_top_menu ul li a{display: inline-block; padding: 0 48px; font-family: 'Paperlogy-6SemiBold.ttf'; font-size: 18px; line-height: 70px; text-align: center; letter-spacing: -.2px; color: #333;}
.floating_top_menu .floating_btn_x{display: none; position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer;}

.floating_top_menu.fixed{position: fixed; top: 0; height: 70px; background: rgba(255,255,255,.7); backdrop-filter : blur(30px);}
.floating_top_menu.fixed ul li a{line-height: 70px; font-size: 18px; color: #333;}

.floating_mobile_menu_btn{position: absolute; top: 0; right: 0; display: none; width: 60px; height: 60px; text-align: center; line-height: 60px; cursor: pointer; z-index: 9;}
.floating_mobile_menu_btn img{display: inline-block;}
.floating_mobile_menu_btn.fixed{position: fixed; top: 15px; right: 15px; width: 50px; height: 50px; line-height: 50px; background: #8c54fe; border-radius: 50%;}
.floating_mobile_menu_btn.fixed img{width: 20px;}

@media (max-width: 1600px){
	.floating_top_menu{height: 70px;}
	.floating_top_menu ul li a{padding: 0 40px; font-size: 18px; line-height: 70px;}
	.floating_top_menu .floating_btn_x{display: none;}
}

@media (max-width: 1400px){
	.floating_top_menu{height: 70px; padding: 0 20px;}
	.floating_top_menu ul li a{padding: 0 30px; font-size: 17px; line-height: 70px;}
	.floating_top_menu .sns_wr a img{width: 36px;}
	.floating_top_menu .floating_btn_x{display: none;}
}

/* 메뉴 모양 많은 변화 : 메뉴 표시 않고 메뉴표시를 위한 버튼 */
@media (max-width: 1024px){
	.floating_top_menu{display: none; height: auto; padding: 0; background: #383838;}
	.floating_top_menu ul{width: calc(100% - 50px); flex-wrap: wrap; justify-content: flex-start; border-radius: 0; overflow: hidden;}
	.floating_top_menu ul li{width: 25%;}
	.floating_top_menu ul li a{width: 100%; padding: 15px 10px; font-size: 16px; line-height: 1; color: #333;}
	.floating_top_menu.fixed{background: #383838; backdrop-filter : blur(0);}
	.floating_top_menu.fixed ul li a{color: #333;}
	.floating_top_menu .floating_btn_x{display: none;}
	.floating_top_menu .floating_btn_x img{width: 18px;}
	.floating_top_menu .sns_wr{display: none;}
	.floating_mobile_menu_btn{display: block;}
}
@media (max-width: 700px){
	.floating_top_menu ul li{width: 33.33333%;}
}
@media (max-width: 500px){
	.floating_top_menu ul li{width: 50%;}
}
@media (max-width: 400px){
	.floating_top_menu ul{width: 100%;}
	.floating_top_menu ul li{width: 100%;}
}


/* 게시판 관련 사항 */

/* 서치그룹 */

@media (min-width: 1240px) {
    .search_group {background-color: #f8f8f8;text-align: center;height: 75px;padding: 25px 0 0 0;margin-bottom: 50px;}
    .search_group select {cursor: pointer;appearance: none;-webkit-appearance: none;box-sizing: border-box;display: inline-block;outline: none;margin-right: 10px;height: 48px;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 20px;width: 160px;font-family: notokr-regular;color: #707070;background: white url("/res/service/img/department10/common/board_select_pc.png");background-size: 160px;background-position: center;}
    .search_group input {box-sizing: border-box;display: inline-block;outline: none;height: 48px;margin: 0;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 50px 0 10px;width: 418px;font-family: notokr-regular;color: #707070;}
    .search_group .search_group_input {position: relative;display: inline-block;}
    .search_group .search_group_input img {position: absolute;width: 24px;top: 13px;right: 20px;}
}

@media (max-width: 1240px) and (min-width: 768px) {
    .search_group {background-color: #f8f8f8;text-align: center;height: 75px;padding: 25px 0 0 0;margin-bottom: 50px;}
    .search_group select {cursor: pointer;appearance: none;-webkit-appearance: none;box-sizing: border-box;display: inline-block;outline: none;margin-right: 10px;height: 48px;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 20px;width: 160px;font-family: notokr-regular;color: #707070;background: white url("/res/service/img/department10/common/board_select_pc.png");background-size: 160px;background-position: center;}
    .search_group input {box-sizing: border-box;display: inline-block;outline: none;height: 48px;margin: 0;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 50px 0 10px;width: 50vw;font-family: notokr-regular;color: #707070;}
    .search_group .search_group_input {position: relative;display: inline-block;}
    .search_group .search_group_input img {position: absolute;width: 24px;top: 12px;right: 20px;}
}

@media (max-width: 768px) {
    .search_group {background-color: #f8f8f8;text-align: center;height: 75px;padding: 25px 0 0 0;margin-bottom: 50px;}
    .search_group select {cursor: pointer;appearance: none;-webkit-appearance: none;box-sizing: border-box;display: inline-block;outline: none;margin-right: 10px;height: 48px;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 20px;width: 33.33%;font-family: notokr-regular, sans-serif;font-size: 12px;letter-spacing: -0.24px;color: #707070;background: white url(/res/service/img/index/common/arr_basic_down.png) no-repeat;background-size: 10px;background-position-x: calc(100% - 20px);background-position-y: center;}
    .search_group .search_group_input {width: calc(66.66% - 40px);}
    .search_group input {box-sizing: border-box;display: inline-block;outline: none;height: 48px;margin: 0;border: 1px solid #e5e5e5;border-radius: 5px;padding: 0 50px 0 10px;width: 100%;font-family: notokr-regular, sans-serif;font-size: 12px;letter-spacing: -0.24px;color: #707070;}
    .search_group .search_group_input {position: relative;display: inline-block;}
    .search_group .search_group_input img {position: absolute;width: 24px;top: 12px;right: 20px;}
}

.total_count .total_count_text { font-family: 'notokr-medium';color:#232323; font-weight: bold;}
.total_count .total_count_desc { font-family: 'notokr-medium';color:#232323; font-weight: bold;}

.normal_list { width: 100%;border-collapse: collapse;text-align: center;border-top: 1px solid #707070; }
.normal_list thead tr td { color: #232323;font-family: 'notokr-medium';font-size: 16px; }

.normal_list tr { border-bottom: 1px solid #e9e9e9;height:70px; }
.normal_list tr td { padding: 10px 0;line-height: 24px;font-family: notokr-regular;color:#707070;vertical-align: middle; }
.normal_list tr td:first-child {padding-left: 30px;}
.normal_list tr td:last-child {padding-right: 30px;}
.normal_list tbody .title { color:#232323;text-align: left;cursor: pointer; }

.normal_list tbody tr:hover .title { text-decoration: underline; }
.normal_list .comment_count { color: #b9b9bb; }
.normal_list tr td.category_text {color: #6f4dbb !important;}
.normal_list .new { margin-left: 10px; }
.normal_list .attach { cursor: pointer; }
.normal_list .status.status_completed { background-color:#6f4dbb;border:1px solid #6f4dbb;color:#ffffff; }
.normal_list .status {margin: 0 auto;cursor: pointer;background-color: #f8f8f8;border: 1px solid #e5e5e5;border-radius: 15px;color: #707070;width: 70px;height: 28px;line-height: 28px;font-size: 14px;text-align: center;}
.normal_list td.attachment img { cursor: pointer; width: 36px !important; }
.normal_list td.attachment img.pressed { display: none; }
.normal_list td.attachment:hover img:not(.pressed) { display: none; }
.normal_list td.attachment:hover img.pressed { display: inline-block; }
.faq_list { width: 100%;border-top: 1px solid #707070; }
.faq_list .faq_item {}
.faq_list .faq_item .faq_title {position: relative;padding-left: 120px;padding-right:70px;height: 80px;line-height: 80px;border-bottom: 1px solid #e5e5e5;background-image: url('/res/service/img/department10/sub_common/ico_q.png');background-repeat: no-repeat;background-size:28px 28px;background-position: 28px center;cursor: pointer;font-family: notokr-regular;font-size:16px;color:#232323;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.faq_list .faq_item .faq_title span {display: inline-block;position: absolute;right: 30px;top: 34px;width: 16px;height: 10px;background-size:16px 10px;background-image: url('/res/service/img/department10/sub_common/arr_faq_down.png');background-repeat: no-repeat;}
.faq_list .faq_item.on .faq_title span {display: inline-block;position: absolute;right: 30px;top: 34px;width: 16px;height: 10px;background-size:16px 10px;background-image: url('/res/service/img/department10/sub_common/arr_faq_up.png');background-repeat: no-repeat;}
.faq_list .faq_item.on .faq_title {  }
.faq_list .faq_item .faq_answer { display: none;position:relative; }
.faq_list .faq_item .faq_answer_body {position:relative;padding: 30px 30px 30px 120px;line-height: 24px;background-color: #f8f8f8;border-bottom: 1px solid #e5e5e5;font-family: notokr-regular;font-size:16px;color:#232323;}
.faq_list .faq_item .faq_answer_icon {width:28px;position:absolute;top:28px;left:28px;}
.no_content { border-bottom:1px solid #e9e9e9;line-height:400px;height:400px;text-align:center;display:none; }
.pager { margin-top:50px;text-align: center; }
.pager ul { display:inline-block; list-style-type: none; padding: 0px; margin: 0px;}

.page_content_button {margin-top: 50px;margin-bottom: 0px;overflow: auto;}
.page_content_button .page_content_button_write {width: 120px;height: 50px;font-family: notokr-regular;color: #ffffff;font-size: 16px;text-align: center;line-height: 50px;background: #701e97;border-radius: 5px;cursor: pointer;float: right;}
.page_content_button .page_content_button_write_long {width: 160px;height: 50px;font-family: notokr-regular;color: #ffffff;font-size: 16px;letter-spacing: -0.32px;text-align: center;line-height: 50px;background: #701e97;cursor: pointer;border-radius: 5px;float: right;}
.pager ul li.prev { margin: 0 20px 0px 0px; }
.pager ul li.next { margin: 0 0 0 20px; }
.pager ul li.first {}
.pager ul li.last {}
.pager ul li.prev img,
.pager ul li.next img,
.pager ul li.first img,
.pager ul li.last img {width:auto;height: 10px;}
.pager ul li { box-sizing: border-box; cursor: pointer;height:40px;width:40px;line-height: 40px;font-family: notokr-medium; border:1px solid #ffffff; float: left;}
.pager ul li.on {background-color: #474747;color: #ffffff;border: none;border-radius: 100%;}

@media (min-width: 1240px) {
    .total_count { font-family: 'notokr-regular';color:#707070;font-size:16px;line-height:20px;margin-bottom:26px; }
}
/* Tablet */
@media  (min-width:768px) and (max-width:1240px) {
    .total_count { font-family: 'notokr-regular';color:#707070;font-size:14px;line-height:20px;margin-bottom:26px; }
    .normal_list tr td:first-child {padding-left: 0px !important;}
    .normal_list .notice {font-family: 'notokr-medium';text-align: left;}
    .normal_list .category_text {display: inline-block !important;}
    td.status_cell {position: absolute;right: 0;top: 30px;}
    .normal_list thead { display:none; }
    .normal_list { display:block; }
    .normal_list tbody { display:block; }
    .normal_list tr {display:block;height:auto;padding:18px 20px;position:relative;text-align: left;}
    .normal_list tr td {display:block;padding:0;text-align:left;line-height:30px;font-size: 14px;}
    .normal_list tr td.attachment {position:absolute;right:20px;top:40px;}
    .normal_list tr td.title { padding-top: 5px; color:#232323;width: 80%;font-family: notokr-medium, sans-serif !important;font-size: 14px !important;line-height: 1.7 !important;overflow: hidden;text-overflow: ellipsis; /*white-space: nowrap;*/display: -webkit-box !important;-webkit-line-clamp: 2 !important; /* 라인수 */-webkit-box-orient: vertical !important;word-wrap:break-word !important;height: 24px;}
    .normal_list tr td.attachment.none {display:none; }
    .normal_list tr td.registered_date{ padding-top: 15px; line-height: 14px;}

        /*.normal_list tr td.user_name , .normal_list tr td.registered_date {width: content-box; display: inline-block; vertical-align: middle;}*/

    .normal_list tr td.no { display:none; }
    .normal_list tr.notice td.no {display:inline-block;vertical-align: initial;}

    .pager ul li.first,
    .pager ul li.prev,
    .pager ul li.next,
    .pager ul li.last {width: 32px; height: 32px;}
    .pager ul li { box-sizing: border-box; cursor: pointer;height:32px;width:32px;line-height: 32px;font-family: notokr-medium; border:1px solid #ffffff; float: left;}
    .pager ul li.on {background-color: #474747;color: #ffffff;border: none;border-radius: 100%;}
}
@media  (max-width:768px) {
    .total_count { font-family: 'notokr-regular';color:#707070;font-size:14px;line-height:20px;margin-bottom:26px; }
    .normal_list tr td:first-child {padding-left: 0px !important;}
    .normal_list tr td.category_text {color: #6f4dbb !important;display: inline-block; line-height: 20px;}
    .normal_list .notice {font-family: 'notokr-medium';text-align: left;}
    td.status_cell {position: absolute;right: 0;top: 30px;}
    .normal_list thead { display:none; }
    .normal_list { display:block; }
    .normal_list tbody { display:block; }
    .normal_list tr {display:block;height:auto;padding:18px 20px;position:relative;text-align: left;}
    .normal_list tr td { /*! display:inline-block; */padding:0;text-align:left;line-height:1;}
    .normal_list tr td.attachment { position:absolute;right:20px;top:50%; transform: translateY(-50%); }

    .normal_list tr td.title {    padding-top: 10px; color: #232323;width: calc(100% - 60px);font-family: notokr-medium, sans-serif !important;font-size: 14px !important;line-height: 24px !important;overflow: hidden;text-overflow: ellipsis; /*white-space: nowrap;*/display: block;-webkit-line-clamp: 2 !important; /* 라인수 */-webkit-box-orient: vertical !important;word-wrap: break-word !important;max-height: 48px;}
    .normal_list tbody .title:not(.with_attachment) { width: 100% !important;     padding-top: 10px;  }
    .normal_list tr td.attachment.none {display:none; }
    .normal_list tr td.no { display:none; }
    .normal_list tr.notice td.no {display:inline-block;}
    .normal_list td.registered_date {padding-top: 15px;}
    .faq_list .faq_item .faq_title {height: 60px;line-height: 60px;bbackground-size:24px 24px;background-position: 16px center;font-size:14px;padding-right:60px;padding-left:60px;}
    .faq_list .faq_item .faq_title span {right: 15px !important;top: 25px !important;}
    .faq_list .faq_item .faq_answer_body {padding: 20px 60px 20px 60px;line-height: 22px;font-size:14px;}
    .faq_list .faq_item .faq_answer_icon {top:18px;left: 16px;width:24px;position:absolute;}

    .pager ul li.first,
    .pager ul li.prev,
    .pager ul li.next,
    .pager ul li.last {width: 32px; height: 32px;}
    .pager ul li { box-sizing: border-box; cursor: pointer;height:32px;width:32px;line-height: 32px;font-family: notokr-medium; border:1px solid #ffffff; float: left;}
    .pager ul li.on {background-color: #474747;color: #ffffff;border: none;border-radius: 100%;}
}
/* Mobile */
@media  (min-width:420px) and (max-width:768px) {
    .total_count { font-family: 'notokr-regular';color:#707070;font-size:14px;line-height:20px;margin-bottom:26px; }
    .normal_list tr td:first-child {padding-left: 0px !important;}
    .normal_list tr td.category_text {color: #6f4dbb !important;display: inline-block;}
    .normal_list .notice {font-family: 'notokr-medium';text-align: left;}
    .normal_list tr td.category_text {color: #6f4dbb !important;display: inline-block;}
    td.status_cell {position: absolute;right: 0;top: 30px;}
    .faq_list .faq_item .faq_title {position: relative;padding-left: 120px;padding-right:120px;height: 80px;line-height: 80px;border-bottom: 1px solid #e5e5e5;background-image: url('/res/service/img/department10/sub_common/ico_q.png');background-repeat: no-repeat;background-size:24px;background-position: 28px center;cursor: pointer;font-family: notokr-regular;font-size:16px;color:#232323;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
    .faq_list .faq_item.on .faq_title span {display: inline-block;position: absolute;right: 15px;top: 25px;width: 16px;height: 10px;background-size:16px 10px;background-image: url('/res/service/img/department10/sub_common/arr_faq_up.png');background-repeat: no-repeat;}
    .faq_list .faq_item .faq_answer_icon {width:24px;position:absolute;top:28px;left:28px;}

    .pager ul li.first,
    .pager ul li.prev,
    .pager ul li.next,
    .pager ul li.last {width: 32px; height: 32px;}
    .pager ul li { box-sizing: border-box; cursor: pointer;height:32px;width:32px;line-height: 32px;font-family: notokr-medium; border:1px solid #ffffff; float: left;}
    .pager ul li.on {background-color: #474747;color: #ffffff;border: none;border-radius: 100%;}
}
/* Mobile */
@media  (max-width:420px) {
    .total_count { font-family: 'notokr-regular';color:#707070;font-size:14px;line-height:20px;margin-bottom:26px; }
    .normal_list tr td:first-child {padding-left: 0px !important;}
    .normal_list tr td.category_text {color: #6f4dbb !important;display: inline-block;}
    .normal_list .notice {font-family: 'notokr-medium';text-align: left;}
    .normal_list tr td.category_text {color: #6f4dbb !important;display: inline-block;}
    td.status_cell {position: absolute;right: 0;top: 30px;}
    .pager ul li.prev { margin:0 10px; }
    .pager ul li.next { margin:0 10px; }

    .pager ul li.first,
    .pager ul li.prev,
    .pager ul li.next,
    .pager ul li.last {width: 32px; height: 32px;}
    .pager ul li { box-sizing: border-box; cursor: pointer;height:32px;width:32px;line-height: 32px;font-family: notokr-medium; border:1px solid #ffffff; float: left;}
    .pager ul li.on {background-color: #474747;color: #ffffff;border: none;border-radius: 100%;}


    .faq_list .faq_item .faq_title {position: relative;padding-left: 120px;padding-right:120px;height: 80px;line-height: 80px;border-bottom: 1px solid #e5e5e5;background-image: url('/res/service/img/department10/sub_common/ico_q.png');background-repeat: no-repeat;background-size:24px;background-position: 28px center;cursor: pointer;font-family: notokr-regular;font-size:16px;color:#232323;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
    .faq_list .faq_item.on .faq_title span {display: inline-block;position: absolute;right: 15px;top: 25px;width: 16px;height: 10px;background-size:16px 10px;background-image: url('/res/service/img/department10/sub_common/arr_faq_up.png');background-repeat: no-repeat;}
}

/* 일반 갤러리 리스트 */
.normal_gallery_list {font-size: 0px;}
.normal_gallery_list .gallery_item {display: inline-block;vertical-align: middle;box-sizing: border-box;}
.normal_gallery_list .gallery_item .gallery_thumbnail {background-size: cover !important;background-position: center !important;text-align: center;position: relative;}
.normal_gallery_list .gallery_item .gallery_thumbnail, .gallery_item .filter {cursor: pointer;}
.normal_gallery_list .gallery_item .gallery_thumbnail .play_btn {display: inline-block;}
.normal_gallery_list .gallery_item .gallery_info {}
.normal_gallery_list .gallery_item .gallery_info .title {font-family: notokr-medium, sans-serif;color: #232323;width: 100%;max-height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.normal_gallery_list .gallery_item .gallery_info .date {font-family: notokr-regular, sans-serif;color: #707070;line-height: 1;}

@media  (min-width: 1240px) {
    .normal_gallery_list { align : center; }

    .normal_gallery_list .gallery_item {
        /*width: calc(25vw - 10px - 6px );*/
        /*width: calc(24vw - 4.7px );*/
        width: calc(((100vw - 32px ) - 30px ) / 4);
        /* calc(((100vw - 좌우 여백의 합 px ) - 사진 중간의 픽셀 합 px ) / 4);*/
        height: calc(14.0625vw + 33px);
        margin-bottom: 40px;
    }
    /*.normal_gallery_list .gallery_item:not(:nth-child(4n)) {margin-right: 10px;}*/
    /*.normal_gallery_list .gallery_item:not(:nth-child(4n)) {margin-right: calc(1vw);}*/
    .normal_gallery_list .gallery_item:not(:nth-child(4n)) {margin-right: 10px;}
    .normal_gallery_list .gallery_item .gallery_thumbnail, .gallery_item .filter {
        width: 100%;
        height: calc(14.0625vw - 25px);
    }
    .normal_gallery_list .gallery_item .gallery_thumbnail .play_btn {display: none;}
    .normal_gallery_list .gallery_item  .gallery_info {margin-top: 20px;width: 100%;height: 72px;position: relative;}
    .normal_gallery_list .gallery_item .gallery_info .title {font-size: 16px;letter-spacing: -0.32px;line-height: 1.2;}
    .normal_gallery_list .gallery_item .gallery_info .date {font-size: 14px;letter-spacing: -0.28px;position: absolute;bottom: 0px;}
/*    .normal_gallery_list {}
    .normal_gallery_list .gallery_item {width: 460px;height: 380px;margin-bottom: 50px; margin-right: 10px}*/
    /*.normal_gallery_list .gallery_item:not(:nth-child(2n)) {margin-right: 40px;}*/
/*    .normal_gallery_list .gallery_item .gallery_thumbnail, .gallery_item .filter {width: 100%;height: 258px;}
    .normal_gallery_list .gallery_item .filter {background: rgba(0,0,0,0.2);}
    .normal_gallery_list .gallery_item .filter:hover {background: transparent;}
    .normal_gallery_list .gallery_item .gallery_thumbnail .play_btn {width: 40px;margin-top: 109px;}
    .normal_gallery_list .gallery_item .filter:hover .play_btn {display: none;}
    .normal_gallery_list .gallery_item  .gallery_info {margin-top: 30px;width: 100%;height: 92px;position: relative;}
    .normal_gallery_list .gallery_item .gallery_info .title {font-size: 20px;letter-spacing: -0.4px;line-height: 1.2;}
    .normal_gallery_list .gallery_item .gallery_info .date {font-size: 16px;letter-spacing: -0.32px;position: absolute;bottom: 0px;}*/
}

@media  (min-width: 768px) and (max-width: 1240px) {
    .normal_gallery_list {}

    .normal_gallery_list .gallery_item {
        width: calc(50vw - 45px);
        height: calc(28.125vw + 67px);
        margin-bottom: 40px;
    }
    .normal_gallery_list .gallery_item:not(:nth-child(2n)) {margin-right: 30px;}

    .normal_gallery_list .gallery_item .gallery_thumbnail, .gallery_item .filter {
        width: 100%;
        height: calc(28.125vw - 25px);
    }
    .normal_gallery_list .gallery_item .gallery_thumbnail .play_btn {display: none;}
    .normal_gallery_list .gallery_item  .gallery_info {margin-top: 20px;width: 100%;height: 72px;position: relative;}
    .normal_gallery_list .gallery_item .gallery_info .title {font-size: 16px;letter-spacing: -0.32px;line-height: 1.2;}
    .normal_gallery_list .gallery_item .gallery_info .date {font-size: 14px;letter-spacing: -0.28px;position: absolute;bottom: 0px;}
}

@media  (max-width: 768px) {
    .normal_gallery_list {}
    .normal_gallery_list .gallery_item {width: 100%;margin-bottom: 20px;padding-bottom: 20px;}
    .normal_gallery_list .gallery_item:not(:last-child) {border-bottom: 1px solid #e5e5e5;}

    .normal_gallery_list .gallery_item .gallery_thumbnail, .gallery_item .filter {
        width: 100%;
        height: calc(56.25vw - 16.875px);
    }
    .normal_gallery_list .gallery_item .gallery_thumbnail .play_btn {display: none;}
    .normal_gallery_list .gallery_item  .gallery_info {margin-top: 20px;width: 100%;height: 72px;position: relative;}
    .normal_gallery_list .gallery_item .gallery_info .title {font-size: 16px;letter-spacing: -0.32px;line-height: 1.2;}
    .normal_gallery_list .gallery_item .gallery_info .date {font-size: 14px;letter-spacing: -0.28px;position: absolute;bottom: 0px;}
}


/*갤러리 페이지 아이템 커스텀*/
/*background: url("/res/service/img/department13/sub_common/img_none.png");*/
.gallery_list .gallery_item {box-sizing: border-box;width: 100%;border-bottom: 1px solid #e5e5e5;}
.gallery_list .gallery_item .gallery_thumbnail {background-size: cover !important;background-position: top !important;cursor: pointer;}
.gallery_list .gallery_item .gallery_content {position: relative;}
.gallery_list .gallery_item .gallery_content .title {font-family: notokr-medium, sans-serif;line-height: 1.2;}
.gallery_list .gallery_item .gallery_content .body {font-family: notokr-regular, sans-serif;color: #707070;white-space: pre-wrap; overflow: hidden;}
.gallery_list .gallery_item .gallery_content .gallery_time {position: absolute;bottom: 0;font-family: notokr-regular, sans-serif;color: #707070;}
.gallery_list .gallery_item .gallery_content .gallery_time .writer::before {content: " ";display: inline-block;background-color: #aaaaaa;vertical-align: middle;}

@media (min-width: 1240px) {
    .gallery_list .gallery_item {height: 271px;padding: 30px 0px;}
    .gallery_list .gallery_item .gallery_thumbnail {width: 376px;height: 211px;float: left;}
    .gallery_list .gallery_item .gallery_content {float: left;width: calc(100% - 416px);margin-left: 40px;height: 211px;}
    .gallery_list .gallery_item .gallery_content .title {font-size: 20px;letter-spacing: -0.4px;padding: 0px 0px 15px 0px;}
    .gallery_list .gallery_item .gallery_content .body {height: 93px;margin-top: 15px;font-size: 16px;letter-spacing: -0.32px;line-height: 31px;}
    .gallery_list .gallery_item .gallery_content .gallery_time {font-size: 16px;letter-spacing: -0.32px;}
    .gallery_list .gallery_item .gallery_content .gallery_time .writer::before {width: 1px;height: 10px;margin: 3px 20px;}
}
@media (min-width: 768px) and (max-width: 1240px) {
    .gallery_list .gallery_item {padding: 20px 0px;height: 200px;}
    .gallery_list .gallery_item .gallery_thumbnail {width: 283px;height: 159px;float: left;}
    .gallery_list .gallery_item .gallery_content {float: left;width: calc(100% - 303px);height: 159px;margin-left: 20px;position: relative;}
    .gallery_list .gallery_item .gallery_content .title {font-size: 16px;letter-spacing: -0.32px;padding: 0px 0px 20px 0px;}
    .gallery_list .gallery_item .gallery_content .body {font-size: 14px;letter-spacing: -0.28px;height: 48px;}
    .gallery_list .gallery_item .gallery_content .gallery_time {position: absolute;bottom: 5px;font-size: 14px;letter-spacing: -0.28px;}
    .gallery_list .gallery_item .gallery_content .gallery_time .writer::before {width: 1px;height: 10px;margin: 1px 15px;}
}
@media (max-width: 768px) {
    .gallery_list .gallery_item {padding: 0px 0px 20px 0px;margin-bottom: 20px;clear: both;border-bottom: 1px solid #e5e5e5;}
    .gallery_list .gallery_item .gallery_thumbnail {width: calc(100vw - 40px);height: calc(61vw - 24px);}
    .gallery_list .gallery_item .gallery_content {width: 100%;height: 155px;position: relative;}
    .gallery_list .gallery_item .gallery_content .title {font-size: 16px;letter-spacing: -0.32px;padding: 20px 0px;}
    .gallery_list .gallery_item .gallery_content .body {font-size: 14px;letter-spacing: -0.28px;height: 50px;line-height: 24px;}
    .gallery_list .gallery_item .gallery_content .gallery_time {position: absolute;bottom: 0px;font-size: 14px;letter-spacing: -0.28px;line-height: 1;}
    .gallery_list .gallery_item .gallery_content .gallery_time .writer::before {width: 1px;height: 10px;margin: 0px 15px;transform: translate(0, -1px);}
}


/* 문서리스트 게시판 (TypeCode 5) 서식자료실 */

.document_list {border-top: 1px solid #707070;/*font-size: 0;*/}
.document_list .document_item {border-bottom: 1px solid #e5e5e5;}
.document_list .document_item .document_title {font-family: notokr-regular, san-serif;color: #232323; cursor: pointer;}
.document_list .document_item .document_title:hover { text-decoration: underline; }
.document_btn_list {font-size: 0;}
.document_btn_item {border: 1px solid #2b364a;background: transparent;padding: 0;text-align: center;cursor: pointer;border-radius: 5px;font-family: notokr-regular, san-serif;color: #2b364a;}
.document_btn_item .btn_icon {display: inline-block;vertical-align: middle;}
.document_btn_item .btn_text {display: inline-block;vertical-align: middle;font-family: notokr-regular, san-serif;}
.document_btn_item .btn_icon.btn_icon_pressed {display: none;}
.document_btn_item:hover {border : 1px solid #9652b2;color: #9652b2;}
.document_btn_item:hover .btn_icon {display: none;}
.document_btn_item:hover .btn_icon.btn_icon_pressed {display: inline-block;vertical-align: middle;}


@media screen and (min-width:1240px) {
    .document_list {}
    .document_list .document_item {padding: 20px 30px;}
    .document_list .document_item .document_title {font-size: 16px;letter-spacing: -0.32px;line-height: 36px;display: inline-block;vertical-align: middle;width: calc(100% - 310px);height: 36px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .document_list .document_btn_list {display: inline-block;vertical-align: middle;float: right}
    .document_btn_item {width: 150px;height: 36px;display: inline-block;font-size: 14px;letter-spacing: -0.28px;}
    .document_btn_item:not(:last-child) { margin-right: 10px; }
    .document_btn_item .btn_icon {width: 14px;margin-right: 10px;}
    .document_btn_item .btn_text {line-height: 34px;}

}
@media screen and (min-width:768px) and (max-width:1240px) {
    .document_list {}
    .document_list .document_item {padding: 20px;}
    .document_list .document_item .document_title {font-size: 14px;letter-spacing: -0.32px;line-height: 36px;display: inline-block;vertical-align: middle;width: calc(100% - 310px);height: 36px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .document_list .document_btn_list {display: inline-block;vertical-align: middle;float: right}
    .document_btn_item {width: 150px;height: 36px;display: inline-block;font-size: 14px;letter-spacing: -0.28px;}
    .document_btn_item:not(:last-child) { margin-right: 10px; }
    .document_btn_item .btn_icon {width: 14px;margin-right: 10px;}
    .document_preview {margin-right: 10px;}
    .document_btn_item .btn_text {line-height: 34px;}
}
@media screen and (max-width:768px) {
    .document_list {}
    .document_list .document_item {padding: 20px;}
    .document_list .document_item .document_title {font-size: 14px;letter-spacing: -0.32px;line-height: 24px;display: inline-block;vertical-align: middle;width: calc(100% - 80px);}
    .document_list .document_btn_list {display: inline-block;vertical-align: middle;float: right}
    .document_btn_item {width: 32px;height: 32px;border-radius: 100%;background-color: white;vertical-align: middle; border: 1px solid #e5e5e5; position: relative;}
    .document_btn_item:not(:last-child) { margin-right: 10px; }
    .document_btn_item .btn_icon {width: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
    .document_btn_item .btn_icon:not(.btn_icon_pressed) {display: none;}
    .document_btn_item .btn_icon.btn_icon_pressed {display: inline-block;vertical-align: middle;}
    .document_btn_item .btn_text {display: none;}
    .document_preview {margin-right: 10px;}

    /*.document_list .document_item .document_btn_item .btn_title{display: none;}*/

}


.subject_category {
    overflow-x: scroll;
    margin-bottom: 20px;
    white-space: nowrap;
}

.subject_category::-webkit-scrollbar {
    display: none;
}
.subject_category li{
    display: inline-block;
    color : #707070;
    margin-right: 10px;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
.subject_category li.current{
    color : #7b4fb8;
    background-color: #f8f6fc;
}
@media screen and (min-width:1240px) {
    .subject_category li{
        border-radius: 5px;
        padding : 0px 20px;
        cursor: pointer;
    }
}
@media screen and (min-width:768px) and (max-width:1240px) {
    .subject_category li{
        border-radius: 5px;
        padding : 0px 20px;
    }
}
@media screen and (max-width:768px) {
    .subject_category li{
        border-radius: 5px;
        padding : 0px 20px;
    }

}



/*특별팀 css*/
.spteam_header_box {border: 1px solid #e5e5e5;background-position: right;background-repeat: no-repeat;}
.spteam_header_box_text {color: #707070;}
.spteam_item_wrapper {position: relative;}
.spteam_item_wrapper p{word-break: keep-all;}
.spteam_item_introduce {background-color: #f8f8f8;box-sizing: border-box;}
.spteam_item_introduce_title {color: #232323;}
.spteam_item_introduce_text {color: #707070;}
.spteam_item_img {background-color: black;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.spteam_item_active_title {font-size: 16px;line-height: 26px;letter-spacing: -0.32px;}
.spteam_item_active .spteam_item_introduce_text li {font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
.spteam_item_active .spteam_item_introduce_text li::before {background-color: #707070;transform: translate(-18px, 10px);}

@media  (min-width: 1240px) {
    .spteam_header_box {padding: 35px 40px;background-image: url("/res/service/img/index/sub/bu_3.png");background-size: auto 100%;padding-right: 260px;margin-bottom: 50px;}
    .spteam_header_box_text {line-height: 26px;}
    .spteam_item_wrapper {margin-bottom: 55px;}
    .spteam_item_introduce {width: calc(100% - 60px);padding: 35px 40px;padding-right: 350px;min-height: 180px;}
    .spteam_item_introduce_title {font-size: 20px;line-height: 30px;letter-spacing: -0.4px;margin-bottom: 20px;}
    .spteam_item_introduce_text {font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .spteam_item_img {width: 355px;height: 200px;position: absolute;right: 0;margin-top: -160px;}
    .spteam_item_active {margin-top: 25px;padding-left:40px;width: calc(100% - 395px);}
}

@media  (max-width: 1240px) and (min-width: 768px) {
    .spteam_header_box {padding: 25px 20px;background-image: url("/res/service/img/index/sub/mobile/bu_3.png");background-size: auto 100%;margin-bottom: 80px;}
    .spteam_header_box_text {line-height: 24px;}
    .spteam_item_wrapper {margin-bottom: 75px;}
    .spteam_item_introduce {width: calc(100% + 40px);padding: 175px 20px 25px 20px;margin-left: -20px;}
    .spteam_item_introduce_title {font-size: 18px;line-height: 28px;letter-spacing: -0.36px;margin-bottom: 10px;}
    .spteam_item_introduce_text {font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .spteam_item_img {width: 100%;height: 185px;position: absolute;top: -40px;background-size: contain;}
    .spteam_item_active {margin-top: 25px;}
}

@media  (max-width: 768px) {
    .spteam_header_box {padding: 25px 20px;background-image: url("/res/service/img/index/sub/mobile/bu_3.png");background-size: auto 100%;margin-bottom: 80px;}
    .spteam_header_box_text {line-height: 24px;}
    .spteam_item_wrapper {margin-bottom: 75px;}
    .spteam_item_introduce {width: calc(100% + 30px);padding: 175px 15px 25px 15px;margin-left: -15px;}
    .spteam_item_introduce_title {font-size: 18px;line-height: 28px;letter-spacing: -0.36px;margin-bottom: 10px;}
    .spteam_item_introduce_text {font-size: 14px;line-height: 24px;letter-spacing: -0.28px;}
    .spteam_item_img {width: 100%;height: 185px;position: absolute;top: -40px;}
    .spteam_item_active {margin-top: 25px;}
}

/* sns 버튼 */
.spteam_item_introduce_title {position: relative;}
.spteam_item_introduce_title .sns_btn{position: absolute;top: 0;right: 0;width: 32px;height: 32px;}
.spteam_item_introduce_title .sns_btn2{position: absolute;top: 0;right: 42px;width: 32px;height: 32px;}
.spteam_item_introduce_title .sns_btn img{width: 100%;height: 100%;}



/* 역사갤러리 */

.history_gallery_list {}
.history_gallery_list .history_gallery_item {float: left;cursor: pointer;}
.history_gallery_list .history_gallery_item .history_image {display: block;width: 100%;}
.history_gallery_list .history_gallery_item .history_title {font-family: notokr-regular, sans-serif;}

@media  (min-width: 1240px) {
    .history_gallery_list {min-height: 500px;}
    .history_gallery_list .history_gallery_item {width: calc(33.33% - 13px);margin-bottom: 25px;}
    .history_gallery_list .history_gallery_item .history_image {margin-bottom: 10px;border-radius: 10px;}
    .history_gallery_list .history_gallery_item .history_title {font-size: 16px;letter-spacing: -0.32px;line-height: 26px;}
}

@media  (max-width: 1240px) and (min-width: 768px) {
    .history_gallery_list {min-height: 500px;}
    .history_gallery_list .history_gallery_item {width: calc(50% - 10px);margin-bottom: 25px;}
    .history_gallery_list .history_gallery_item .history_image {margin-bottom: 10px;border-radius: 10px;}
    .history_gallery_list .history_gallery_item .history_title {font-size: 14px;letter-spacing: -0.28px;line-height: 24px;}
}

@media  (max-width: 768px) {
    .history_gallery_list {}
    .history_gallery_list .history_gallery_item {width: 100%;margin-bottom: 25px;}
    .history_gallery_list .history_gallery_item .history_image {margin-bottom: 10px;border-radius: 10px;}
    .history_gallery_list .history_gallery_item .history_title {font-size: 14px;letter-spacing: -0.28px;line-height: 24px;}
}