/*
    Author : B.Creative
    Date : 2021-01-18
*/
/* skip navigation */
#skipNavigation {
    position: relative;
    z-index: 9999;
}

#skipNavigation a {
    font-size: 20px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin-bottom: -1px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background: #f60;
}

#skipNavigation a:focus,
#skipNavigation a:active {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 5px;
}


/* font */
.tal {
    text-align: left !important;
}


/* common */
.blind {
    font-size: 0;
}

/* list */
.dash_list li + li {
    margin-top: 10px;
}
.dash_list li {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-left: 9px;
    color: #626262;
}
.dash_list li:before {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    width: 4px;
    height: 1px;
    content: '';
    background: #626262;
}
/* header */

.header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    min-width: 1280px;
    background: #fff;

    align-items: center;
}

.header .site_logo {
    padding-left: 40px;
}

.header .gnb {
    text-align: center;

    flex: 1;
}

.header .gnb > ul {
    display: inline-block;
}

.header .gnb > ul > li {
    position: relative;
    float: left;
}
.header .gnb > ul > li:first-child ul li a {
    text-transform: uppercase;
}
.header .gnb > ul > li:hover:before {
    position: absolute;
    top: -17px;
    left: -10px;
    display: inline-block;
    width: calc(100% + 20px);
    height: 2px;
    content: '';
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    background: #fff;
}

.header .gnb > ul > li:hover:before {
    background: #f60;
}

.header .gnb > ul {
    position: relative;
    z-index: 2;
}

.header .gnb > ul > li > a.on:before {
    position: absolute;
    top: -17px;
    left: -10px;
    display: inline-block;
    width: calc(100% + 20px);
    height: 2px;
    content: '';
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    background: #f60;
}

.header .gnb > ul > li > a {
    font-size: 18px;
    font-weight: 700;
    line-height: 40px;
    display: inline-block;
    color: #323232;
}

.header .gnb > ul > li + li {
    margin-left: 75px;
}

.header .gnb > ul:after {
    display: block;
    clear: both;
    content: '';
}

.gnb_bg {
    position: absolute;
    z-index: 1;
    top: 80px;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 0;
    background: #fcfcfc;
}

.header .gnb .sub_depth {
    position: absolute;
    top: 85px;
    overflow: hidden;
    width: 145px;
    height: 0;
}

.header .gnb .sub_depth li {
    text-align: left;
}

.header .gnb .sub_depth li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    letter-spacing: -1.5px;
    color: #929292;
}

.header .gnb .sub_depth li a:hover {
    color: #f60;
    border-bottom: 1px solid #f60;
}

.header .gnb .sub_depth li + li {
    margin-top: 15px;
}

.header .etc_menu {
    width: 340px;
    background: #333;
}

.header .etc_menu .pin_wrap {
    position: relative;
    float: left;
    width: 260px;
    padding: 31px;
}

.header .etc_menu .pin_wrap .button {
    font-size: 14px;
    line-height: 17px;
    display: block;
    cursor: pointer;
    background: url(/skin/skin239/images/img_btn_footer.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;

    coloR: #fff;
}

.header .etc_menu .pin_wrap .button:focus {
    border: 1px solid #fff;
}

.pin_over {
    position: absolute;
    z-index: 2;
    top: 80px;
    right: 0;
    display: none;
    overflow: hidden;
    width: 380px;
    height: 0;
    padding: 40px;
    background: rgba(53, 49, 48, .95);
}

.pin_over .tit {
    font-size: 20px;
    line-height: 1;
    color: #fff;
}

.pin_over .close {
    position: absolute;
    top: 48px;
    right: 40px;
}

.pin_over .close .blind {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/skin/skin239/images/img_btn_overpin.png);
    background-repeat: no-repeat;
}

.pin_over .pin_content {
    margin-top: 30px;
}

.pin_over .pin_content .btnWrap {
    margin-top: 40px;
    padding-top: 40px;
    text-align: center;
    border-top: 1px solid #434343;
}

.pin_over .pin_content .btnWrap > button {
    font-size: 16px;
    font-weight: 500;
    line-height: 54px;
    display: inline-block;
    width: 175px;
    height: 54px;
    text-align: center;
    color: #fff;
    background: #f60;
}

.pin_over .pin_content > ul > li + li {
    margin-top: 10px;
}

.header .etc_menu .all_menu_wrap {
    float: right;
    width: 80px;
    height: 80px;
    background: #f60;
}

.header .etc_menu .all_menu_wrap .button .blind {
    display: block;
    width: 80px;
    height: 80px;
    cursor: pointer;
    background: url(/skin/skin239/images/img_allmenu.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px 20px;
}

.header .etc_menu:after {
    display: block;
    clear: both;
    content: '';
}

.all_menu {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    min-width: 1280px;
    height: 0;
    background: rgba(58, 49, 48, .95);
}

.all_menu_header {
    padding: 20px 35px;
}

.all_menu_header .all_menu_logo {
    width: 215px;
}

.all_menu_close {
    position: absolute;
    top: 0;
    right: 0;
}

.all_menu_close span {
    display: block;
    width: 80px;
    height: 80px;
    cursor: pointer;
    background: url(/skin/skin239/images/img_allmenu_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
}

.all_menu_gnb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1280px;
    padding: 0 50px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.all_menu_gnb .all_menu_depth01 {
    font-size: 36px;
    float: left;
    width: 188px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    opacity: .92;
    color: #fff;
}

.all_menu_gnb .all_menu_depth01.on {
    color: #f37321;
}

.all_menu_gnb .all_menu_depth01 + .all_menu_depth01 {
    margin-left: 55px;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 {
    margin-top: 30px;
    padding-top: 35px;
    border-top: 2px solid #757373;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a {
    font-size: 18px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    opacity: .42;
    color: #fff;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a:hover {
    opacity: 1;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li + li {
    margin-top: 15px;
}

.all_menu_gnb:after {
    display: block;
    clear: both;
    content: '';
}

/* layout */


/* common */
/* ========================================================================================================================== */
/* loaction */
.location {
    width: 100%;
    background: #f60;
    -webkit-box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .24);
       -moz-box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .24);
            box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .24);
}

.location > ul:after {
    display: block;
    clear: both;
    content: '';
}

.location > ul > li {
    position: relative;
    float: left;
}

.location > ul > li + li {
    min-width: 180px;
    border-left: 1px solid #ea5414;
}

.location > ul > li:first-child {
    background: url(/skin/skin239/images/img_loc_home.png) no-repeat 0 0;
}

.location > ul > li > a {
    font-size: 16px;
    line-height: 64px;
    display: block;
    height: 64px;
    padding: 0 97px 0 23px;
    letter-spacing: -1px;
    color: #fff;
    background: url(/skin/skin239/images/img_loc_home_add.png) no-repeat;
    background-position: right 26px center;
}
.location > ul > li:first-child > a.on {
    background: none !important;
}
.location > ul > li > a.on {
    color: #323232;
    background: #fff url(/skin/skin239/images/img_loc_home_m.png) no-repeat;
    background-position: right 26px center;
}

.location > ul > li:first-child > a {
    width: 64px;
    padding: 0;
    border: 0;
}

.location > ul > li:last-child > a {
    border-right: 1px solid #ea5414;
}

.locDep {
    position: absolute;
    top: 64px;
    left: 0;
    display: none;
    width: 100%;
    padding: 20px 0 29px;
    border: 1px solid #f2f2f2;
    background: #fff;
}

.locDep li {
    width: 100%;
}

.locDep li a {
    font-size: 16px;
    line-height: 34px;
    display: block;
    padding: 0 20px;
    color: #929292;
}

.locDep li a:hover {
    text-decoration: underline;
    color: #f60;
}

/* button */
.btnWrap {
    position: relative;
}

.btnWrap:after {
    display: block;
    clear: both;
    content: '';
}

.btnDefault {
    font-size: 16px;
    line-height: 54px;
    display: inline-block;
    height: 54px;
    padding: 0 33px;
    color: #fff;
    background: #323232;
}

.btnType01 {
    font-size: 16px;
    line-height: 54px;
    display: inline-block;
    min-width: 160px;
    height: 54px;
    padding: 0 33px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    text-align: center;
    color: #323232;
    border: 1px solid #323232;
    background: #fff;
}

.btnType01:hover {
    color: #fff;
    border: 1px solid #323232;
    background: #323232;
}

.btnType02 {
    font-size: 14px;
    line-height: 42px;
    display: inline-block;
    height: 42px;
    padding: 0 25px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    text-align: center;
    color: #323232;
    border: 1px solid #323232;
    background: #fff;
}

.btnType02:hover {
    color: #fff;
    border: 1px solid #323232;
    background: #323232;
}

.btnSearch {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #323232 url(/skin/skin239/images/img_bg_search.png) no-repeat center center;
}

/* input */
.ipWrap {
    position: relative;
}

.ipWrap select {
    margin-left: 10px;
}

.ipWrap select:first-child {
    margin-left: 0;
}

.ipWrap select + input {
    margin-left: 10px;
}

.ipWrap:after {
    display: block;
    clear: both;
    content: '';
}
input[type='text'] {
    font-size: 16px;
}
.ipText {
    font-size: 16px;
    line-height: 50px;
    display: inline-block;
    height: 50px;
    padding: 0 18px;
    color: #626262;
    border: 1px solid #dedede;
    outline: 0;
}

.ipText::placeholder {
    font-size: 16px;
    color: #929292;
}

.ipText:focus {
    border: 1px solid #323232;
}

.ipPass {
    line-height: 50px;
    display: inline-block;
    height: 50px;
    padding: 0 18px;
    color: #626262;
    border: 2px solid #323232;
    outline: 0;
}

.ipPass::placeholder {
    font-size: 16px;
    color: #929292;
}

.ipPass:focus {
    border: 2px solid #323232;
}

.select {
    line-height: 50px;
    display: inline-block;
    height: 50px;
    padding: 0 18px;
    color: #626262;
    border: 1px solid #626262;
    outline: 0;
    background: #fff url(/skin/skin239/images/img_sel.png) no-repeat;
    background-position: right 15px center;
}

.select:focus {
    border: 1px solid #323232;
}

.ipWrap > input {
    display: block;
    float: left;
}

.ipWrap > select {
    display: block;
    float: left;
}



.ipWrap > input + select {
    margin-left: -1px;
}

/* list */
.listWrap {
    width: 1180px;
    margin: 0 auto;
}

.listWrap .countText {
    font-size: 16px;
    line-height: 35px;
    color: #626262;
}

.listWrap .countText .imp {
    font-size: 16px;
    line-height: 35px;
    color: #f60;
}

.list {
    margin: 9px 0 0 0;
    border-top: 2px solid #626262;
    border-bottom: 1px solid #828282;
}

.map_list > li {
    cursor: pointer;
}

.list li {
    display: flex;
    width: 100%;
    height: 96px;
    padding: 34px 20px;
    border-top: 1px solid #f2f2f2;
    background: #fff;
    align-items: center;
    position: relative;
}

.list li:first-child {
    border: 0;
}

.listArea {
    font-size: 12px;
    line-height: 28px;
    display: inline-block;
    padding: 0 14px;
    vertical-align: middle;
    color: #626262;
    border: 1px solid #e9e9e9;
    border-radius: 14px;
    background: #f8f8f8;
}

.noticebox {
    font-size: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
    display: inline-block;
    box-sizing: border-box;
    width: 54px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    color: #e80f0f;
    border: 1px solid #e80f0f;
    border-radius: 14px;
    background: #fff;
}

.listText {
    display: inline-block;
    overflow: hidden;
    margin: 0 0 0 13px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 240px;
}
.listText > span {
    font-size: 20px;
    color: #323232;
}
.listAddr {
    display: inline-block;
    overflow: hidden;
    width: 270px;
    margin: 0 0 0 18px;
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.listAddr > span {
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    color: #323232;
}

.listCallLocation {
    display: inline-block;
    width: 16px;
    height: 20px;
    margin: 0 0 0 18px;
    vertical-align: middle;
    background: url(/skin/skin239/images/img_call_location.png) no-repeat center center;
}

.listTel {
    font-size: 15px;
    line-height: 28px;
    display: inline-block;
    margin: 0 0 0 16px;
    color: #929292;
    width: 100px;
}
.typeSm li .listText{
    width: 80%;
}
.typeSm li .listTel{
    position: absolute;
    right: 40px;
}
.list li:hover {
    background: #fcfcfc !important;
}

.list li:hover .listText > span {
    color: #f60;
}
.list li:hover .branch_btn {
    border: 1px solid #323232;
}
.branch_btn {
    line-height: 42px;
    position: relative;
    width: 121px;
    height: 44px;
    margin-left: 30px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    text-align: center;
    border: 1px solid #dedede;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

        -ms-border-radius: 5px;
         -o-border-radius: 5px;
}
.branch_btn span {
    font-size: 16px;
    font-weight: 500;
    position: relative;
    padding-left: 25px;
    color: #323232;
}


.branch_btn span:before {
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 20px;
    content: '';
    background: url(/skin/skin239/images/btn_branch.png);
    background-repeat: no-repeat;
}
/* list management */
.manage .listText {
    width: 850px;
    margin-left: 0;
}

.manage .listAddr .date {
    font-size: 15px;
    margin-left: 20px;
    color: #929292;
}

.manage .listAddr {
    width: 225px;
}

.manage .listCallLocation {
    width: 16px;
    height: 16px;
    background: url(/skin/skin239/images/blank.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
}

.manage_more {
    margin-top: 60px;
}

.manage_more > .desc {
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #626262;
}

.manage_more > .desc > span {
    color: #f60;
}

.manage_more .btnWrap {
    margin-top: 24px;
    text-align: center;
    ;
}

/* pagination */

.page:after {
    display: block;
    clear: both;
    content: '';
}

.page .goFirst {
    background: url(/skin/skin239/images/img_double_prev.png) no-repeat center center;
}

.page .goLast {
    background: url(/skin/skin239/images/img_double_next.png) no-repeat center center;
}

.page .prev {
    background: url(/skin/skin239/images/img_prev.png) no-repeat center center;
}

.page .next {
    background: url(/skin/skin239/images/img_next.png) no-repeat center center;
}

.page a {
    font-size: 14px;
    line-height: 40px;
    display: block;
    float: left;
    width: 42px;
    height: 40px;
    text-align: center;
    color: #929292;
    border: 1px solid #fff;
}

.page a.on,
.page a:hover {
    color: #f60;
    border: 1px solid #f60;
}

/* tab */


.tabArea ul:after {
    display: block;
    clear: both;
    content: '';
}

.tabArea li {
    display: block;
    float: left;
    width: 100%;
    margin-left: -1px;
    text-align: center;
}

.tabArea li a {
    font-size: 18px;
    font-weight: 500;
    line-height: 64px;
    display: block;
    height: 64px;
    color: #626262;
    border: 1px solid #dedede;
    background: #fff;
}

.tabArea li a.on {
    color: #fff;
    border: 1px solid #323232;
    background: #323232;
}

.tabArea li a:hover {
    color: #fff;
    border: 1px solid #323232;
    background: #323232;
}

.tabArea li:nth-child(1):nth-last-child(1) {
    width: 100%;
}

.tabArea li:nth-child(2):nth-last-child(1) {
    width: calc(50% + 1px);
}

.tabArea li:nth-child(2):nth-last-child(2),
.tabArea li:nth-child(3):nth-last-child(1) {
    width: calc(33.33333% + 1px);
}

.tabArea li:nth-child(2):nth-last-child(3),
.tabArea li:nth-child(3):nth-last-child(2),
.tabArea li:nth-child(4):nth-last-child(1) {
    width: calc(25% + 1px);
}

.tabArea li:nth-child(2):nth-last-child(4),
.tabArea li:nth-child(3):nth-last-child(3),
.tabArea li:nth-child(4):nth-last-child(2),
.tabArea li:nth-child(5):nth-last-child(1) {
    width: calc(20% + 1px);
}

.tabArea li:nth-child(2):nth-last-child(5),
.tabArea li:nth-child(3):nth-last-child(4),
.tabArea li:nth-child(4):nth-last-child(3),
.tabArea li:nth-child(5):nth-last-child(2),
.tabArea li:nth-child(6):nth-last-child(1) {
    width: calc(16.6666% + 1px);
}

.tabArea li:nth-child(2):nth-last-child(6),
.tabArea li:nth-child(3):nth-last-child(5),
.tabArea li:nth-child(4):nth-last-child(4),
.tabArea li:nth-child(5):nth-last-child(3),
.tabArea li:nth-child(6):nth-last-child(2),
.tabArea li:nth-child(7):nth-last-child(1) {
    width: calc(14.2857% + 1px);
}

.tabArea li:nth-child(1):nth-last-child(2) {
    width: 50%;
}

.tabArea li:nth-child(1):nth-last-child(3) {
    width: 33.3333%;
}

.tabArea li:nth-child(1):nth-last-child(4) {
    width: 25%;
}

.tabArea li:nth-child(1):nth-last-child(5) {
    width: 20%;
}

.tabArea li:nth-child(1):nth-last-child(6) {
    width: 16.6666%;
}

.tabArea li:nth-child(1):nth-last-child(7) {
    width: 14.2857%;
}

/* accordion */

.accordion ul {
    border-top: 2px solid #626262;
    border-bottom: 1px solid #828282;
}

.accordion li {
    border-top: 1px solid #eee;
    background: #fff url(/skin/skin239/images/img_list_acco_down.png) no-repeat;
    background-position: right 20px top 43px;
}

.accordion li:first-child {
    border-top: 0;
}

.accordion li .subText {
    display: none;
    padding: 40px 55px 54px 55px;
    color: #626262;
    border-top: 1px solid #eee;
}

.accordion li .subText .img {
    width: auto;
    max-width: 100%;
}
.accordion li .subText .img img {
    max-width: 100%;
}
.accordion li .subText .txt {
    font-size: 16px;
    line-height: 24px;
}
.accordion li .subText .txt p {
    font-size: 16px;
    line-height: 24px;
}
.accordion li .subText .img + .txt {
    margin-top: 40px;
}

.accordion li .mark {
    font-size: 20px;
    line-height: 96px;
    display: block;
    height: 96px;
    padding: 0 55px;
    color: #323232;
    background: url(/skin/skin239/images/img_q.png) no-repeat 20px center;
}

.accordion li.on {
    background: #fcfcfc url(/skin/skin239/images/img_list_acco_up.png) no-repeat;
    background-position: right 20px top 43px;
}

.accordion li.on .mark {
    color: #f60;
    background: url(/skin/skin239/images/img_q_on.png) no-repeat 20px center;
}

.accordion li.on .subText {
    display: block;
}

/* footer */
.footer {
    position: relative;
    z-index: 1;
    min-width: 1280px;
    border-top: 1px solid #202020;
    background: #3c3c3c;
}

.footerInner {
    position: relative;
    display: block;
    width: 1280px;
    margin: 0 auto;
    padding: 0 50px;
}

.footerInner.on {
    display: none;
}

.footerLogo {
    position: absolute;
    top: 65px;
    left: 0;
    width: 215px;
    height: 41px;
}

.footerLinkArea {
    width: 600px;
    margin: 0 0 0 288px;
    padding: 75px 0 31px 0;
}

.footerLinkArea > ul:after {
    display: block;
    clear: both;
    content: '';
}

.footerLinkArea > ul > li {
    float: left;
    width: 20%;
}

.footerLinkArea strong {
    font-size: 16px;
    font-weight: normal;
    opacity: .8;
    color: #fff;
}

.footerLinkArea li ul {
    padding: 9px 0 0 0;
}

.footerLinkArea li li {
    margin: 7px 0 0 0;
}

.footerLinkArea li li a {
    font-size: 14px;
    opacity: .5;
    color: #fff;
}

.footerLinkArea li li a:hover {
    opacity: 1;
}

.famWrap {
    position: relative;
}

.familySite {
    position: absolute;
    top: 65px;
    right: 0;
    width: 304px;
}

.familySite .family_hidden {
    position: absolute;
    bottom: 40px;
    display: none;
    width: 100%;
    padding: 0 18px;
    border: 1px solid #f60;
    background: #3c3c3c;
}

.familySite .family_hidden li {
    font-size: 16px;
    line-height: 40px;
    color: #929292;
}

.familySite .family_hidden li > a:hover {
    color: #fff;
}

.btnFamily.on {
    border: 1px solid #f60;
    border-top: none;
    background: url(/skin/skin239/images/img_family_arr_top_on.png) no-repeat;
    background-position: right 14px top 14px;
}

.btnFamily {
    font-size: 16px;
    line-height: 40px;
    display: block;
    height: 40px;
    padding: 0 10px;
    color: #f60;
    border: 1px solid #3c3c3c;
    border-bottom: 1px solid #f60;
    background: url(/skin/skin239/images/img_family_arr_top.png) no-repeat;
    background-position: right 14px top 14px;
}

.familyText {
    font-size: 14px;
    line-height: 28px;
    margin: 23px 0 0 0;
    color: #fff;
}

.fontM {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    color: #fff;
}

.footerInfo {
    margin-left: 288px;
    margin-right: -49px;
}
.footerInfo ul {
    padding: 15px 0;
    border-top: 1px #7d7d7d solid;
}
.footerInfo ul > li {
    display: inline-block;
    margin: 0 20px;
    color:  #fff;
    opacity: .5;
}
.footerInfo ul > li:first-child {
    margin-left: 0;
}

.copyright {
    position: relative;
    height: 60px;
    background: #202020;
}

.copyText {
    position: absolute;
    top: 27px;
    left: 50%;
    margin-left: -121px;
}



.footer .btnWrap {
    margin: 32px 0 0 0;
}

.btnFooter {
    display: block;
    float: left;
    width: calc(50% - 2px);
    margin: 0 2px 0 0;
    text-align: center;
    border-radius: 3px;
}

.btnFooter > span {
    display: block;
    padding: 6px 0;
    color: #fff;
    border: 2px solid #a3a3a3;
}
.footer .btnWrap a:first-child > span {
    color: #f60;
    border: 2px solid #96501f;
}

.btnFooter + .btnFooter {
    float: right;
    margin: 0 0 0 2px;
}

.topbtnWrap {
    position: relative;
    width: 100%;
    min-width: 1280px;
}

.goTop.stop {
    position: absolute;
    width: 60px;
    height: 60px;
}

.goTop {
    position: fixed;
    right: 30px;
    bottom: 20px;
    display: none;
    width: 60px;
    width: 60px;
    height: 60px;
    height: 60px;
}


.footerCloseOpen {
    position: absolute;
    top: -26px;
    left: 50%;
    width: 80px;
    height: 26px;
    margin-left: -40px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background: #3c3c3c url(/skin/skin239/images/img_btn_footer_open.png) no-repeat center center;
}

.footerCloseOpen.on {
    background: #3c3c3c url(/skin/skin239/images/img_btn_footer_close.png) no-repeat center center;
}

/* ========================================================================================================================== */
/* contents */
.container {
    padding-top: 80px;
}

/* ¼­ºê°øÅë */

.clear:after {
    display: block;
    clear: both;
    content: '';
}

.clear > .fl {
    float: left;
}

.clear > .fr {
    float: right;
}

.sub_visual {
    position: relative;
    width: 100%;
    min-width: 1280px;
    height: 320px;
}

.sub_visual.sub01 {
    background: url(/skin/skin239/images/img_subvisual01.jpg);
    background-position: center;
    background-size: cover;
}

.sub_visual.sub02 {
    background: url(/skin/skin239/images/img_subvisual02.jpg);
    background-position: center;
    background-size: cover;
}

.sub_visual.sub03 {
    background: url(/skin/skin239/images/img_subvisual03.jpg);
    background-position: center;
    background-size: cover;
}

.sub_visual.sub04 {
    background: url(/skin/skin239/images/img_subvisual04.jpg);
    background-position: center;
    background-size: cover;
}

.sub_visual.sub05 {
    background: url(/skin/skin239/images/img_subvisual05.jpg);
    background-position: center;
    background-size: cover;
}
.sub_visual.sub06 {
    background: url(/skin/skin239/images/img_subvisual06.jpg);
    background-position: center;
    background-size: cover;
}
.sub_visual > .txt_box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.sub_visual > .txt_box > .tit {
    font-size: 42px;
	font-weight:600;
    line-height: 1;
    text-align: center;
    color: #ffffff;
}

.sub_visual > .txt_box > .desc {
    font-size: 16px;

    margin-top: 15px;
    text-align: center;
    color: #ffffff;
}

.sub_layout {
    position: relative;
    z-index: 1;
    width: 1280px;
    margin: 0 auto;
    margin-top: -30px;
    padding: 0 50px;
}

.sub_content {
    padding: 100px 0 200px 0;
}

.sub_content > .sub_tit {
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    letter-spacing: -1.5px;
    color: #323232;
}

.sub_content .sub_inbox {
    margin-top: 60px;
}

.flex_box {
    display: flex;

    align-items: center;
}

.flex_child {
    width: 50%;
}

/* È¸»ç°³¿ä */
.sub01 .top_area .flex_box .flex_child + .flex_child .txt_box {
    padding: 0 50px;
}

.sub01 .top_area .flex_box .flex_child + .flex_child .txt_box .tit {
    font-size: 20px;
    color: #323232;
}

.sub01 .top_area .flex_box .flex_child + .flex_child .txt_box .desc {
    margin-top: 35px;
}

.sub01 .top_area .flex_box .flex_child + .flex_child .txt_box .desc p {
    font-size: 18px;
    line-height: 28px;
    color: #626262;
}

.sub01 .top_area .flex_box .flex_child + .flex_child .txt_box .desc p + p {
    margin-top: 35px;
}

.sub01 .top_area .flex_box .flex_child + .flex_child .txt_box .desc p span {
    color: #f60;
}

.sub01 .top_area .clear {
    width: 880px;
    margin: 0 auto;
    margin-top: 50px;
}

.sub01 .top_area .clear table {
    width: 400px;
}

.sub01 .top_area .clear table tr th {
    font-size: 16px;
    line-height: 1;
    padding: 15px 0 12px 0;
    text-align: left;
    color: #323232;
    border-bottom: 2px solid #f2f2f2;
}

.sub01 .top_area .clear table tr td {
    font-size: 16px;
    line-height: 1;
    padding: 15px 0 12px 0;
    text-align: left;
    color: #626262;
    border-bottom: 2px solid #f2f2f2;
}

.sub01 .bottom_area {
    margin-top: 80px;
}

.sub01 .bottom_area .section + .section {
    margin-top: 75px;
}

.sub01 .bottom_area .section .section_tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #323232;
}

.sub01 .bottom_area .section .section_tit + .section_desc {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    color: #626262;
}

.sub01 .bottom_area .section .section_tit + .section_desc span {
    color: #f60;
}

.sub01 .bottom_area .section .section_content {
    margin-top: 45px;
}

.sub01 .bottom_area .section .section_content .flex_box .flex_child + .flex_child {
    margin-left: 40px;
}

.sub01 .bottom_area .section .section_content .flex_box .flex_child > .txt_box {
    position: relative;
    /*width: 480px;*/
    margin-top: -100px;
    margin-left: 90px;
    padding: 25px 40px 15px 25px;
    background: #fff;
}

.sub01 .bottom_area .section .section_content .flex_box .flex_child > .txt_box > .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}

.sub01 .bottom_area .section .section_content .flex_box .flex_child > .txt_box > .desc {
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    color: #626262;
}

.sub01 .bottom_area .section .section_content .line_tit {
    position: relative;
    text-align: center;
}

.sub01 .bottom_area .section .section_content .line_tit span {
    font-size: 20px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    color: #323232;
    background: #fff;
}


.sub01 .bottom_area .section .section_content .line_tit:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 172px;
    height: 1px;
    content: '';
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #323232;
}

.sub01 .bottom_area .section .section_content .icon_list {
    margin-top: 60px;
}

.sub01 .bottom_area .section .section_content .icon_list li {
    position: relative;
    float: left;
    width: calc(100% / 3);
    padding-top: 140px;
    text-align: center;
}

.sub01 .bottom_area .section .section_content .icon_list li .txt {
    font-size: 18px;
    line-height: 26px;
    color: #626262;
}

.sub01 .bottom_area .section .section_content .icon_list li .txt span {
    font-weight: 500;
    color: #323232;
}

.sub01 .bottom_area .section .section_content .icon_list:after {
    display: block;
    clear: both;
    content: '';
}

.sub01 .bottom_area .section .section_content .icon_list .icon01:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 102px;
    height: 102px;
    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../images/about_04.png);
    background-repeat: no-repeat;
    background-size: 102px;
}

.sub01 .bottom_area .section .section_content .icon_list .icon02:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 102px;
    height: 102px;
    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../images/about_05.png);
    background-repeat: no-repeat;
    background-size: 102px;
}

.sub01 .bottom_area .section .section_content .icon_list .icon03:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 102px;
    height: 102px;
    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../images/about_06.png);
    background-repeat: no-repeat;
    background-size: 102px;
}

/* ceo ÀÎ»ç¸» */
.sub02 .top_area .flex_box {
    padding: 0 0 0 40px;

    align-items: flex-end;
}

.sub02 .top_area .flex_box .flex_child.fl {
    width: 715px;
    padding-bottom: 60px;
}

.sub02 .top_area .flex_box .flex_child.fl .txt_box .tit {
    font-size: 20px;
    line-height: 1;
    color: #323232;
}

.sub02 .top_area .flex_box .flex_child.fl .txt_box .tit span {
    color: #f60;
}

.sub02 .top_area .flex_box .flex_child.fl .txt_box .desc {
    margin-top: 35px;
}

.sub02 .top_area .flex_box .flex_child.fl .txt_box .desc p {
    font-size: 16px;
    line-height: 26px;
    color: #626262;
}

.sub02 .top_area .flex_box .flex_child.fl .txt_box .desc p + p {
    margin-top: 30px;
}

.sub02 .top_area .flex_box .flex_child.fr {
    width: calc(100% - 715px);
    padding: 0 50px;
}

.sub02 .bottom_area {
    padding-top: 18px;
    border-top: 1px solid #f2f2f2;
}

.sub02 .bottom_area .flex_box {
    padding-left: 40px;
}

.sub02 .bottom_area .flex_box .flex_child {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    width: auto;
}



.sub02 .bottom_area .flex_box .flex_child + .flex_child {
    margin-left: 75px;
}

/* ¿¬Çõ */
.sub03 {
    position: relative;
}

.sub03 .tab_btn {
    position: absolute;
    top: 190px;
    left: 220px;
}

.sub03 .tab_btn > div {
    width: 313px;
    padding: 38px 40px;
    cursor: pointer;
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
    text-align: center;
    background: #c7c7c7;
}

.sub03 .tab_btn > div.on {
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
    background: #f60;
    -webkit-box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .24);
       -moz-box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .24);
            box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .24);
}

.sub03 .tab_btn > div .year {
    font-family: 'Myr_sb';
    font-size: 40px;
    line-height: 1;
    color: #fff;
}

.sub03 .tab_btn > div .desc {
    font-size: 16px;
    margin-top: 15px;
    opacity: .47;
    color: #fff;
}

.sub03 .tab_content .tabs {
    display: none;
}

.sub03 .tab_content .tabs.on {
    display: block;
}

.sub03 .tab_content .tabs .clear .fl {
    width: 50%;
}

.sub03 .tab_content .tabs .clear .fl .img {
    width: 450px;
}

.sub03 .tab_content .tabs .clear .fr {
    width: 50%;
    padding-left: 20px;
}

.sub03 .tab_content .tabs .clear .fr ul li {
    display: flex;
    height: 114px;

    align-items: center;
}

.sub03 .tab_content .tabs .clear .fr ul li .date {
    font-family: 'Myr_sb';
    font-size: 50px;
    width: 190px;
    padding-left: 30px;
    color: #ccc7c4;
}

.sub03 .tab_content .tabs .clear .fr ul li .desc {
    font-size: 18px;
    line-height: 28px;
    color: #323232;

    flex: 1;
}

.sub03 .tab_content .tabs .clear .fr ul li + li {
    border-top: 1px solid #f2f2f2;
}


/* ±×·ì¼Ò°³ */
.sub05 .top_area .tit_area > .tit {
    font-size: 25px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #323232;
}

.sub05 .top_area .tit_area > .tit span {
    color: #f60;
}

.sub05 .top_area .tit_area > .desc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    text-align: center;
}

.sub05 .top_area .cont_area {
    margin-top: 40px;
}

.sub05 .top_area .cont_area > .desc {
    font-size: 16px;
    line-height: 26px;
    position: relative;
    margin: -60px 80px 0 80px;
    padding: 40px;
    text-align: left;
    color: #626262;
    background: #fff;
}

.sub05 .bottom_area {
    margin-top: 40px;
}
.sub05 .top_area .cont_area .txtbox_ {
    margin-top: 60px;
}
.sub05 .top_area .cont_area .txtbox_ > .tit {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}
.sub05 .top_area .cont_area .txtbox_ > .desc {
    margin-top: 20px;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear > .fl {
    font-size: 18px;
    color: #626262;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear > .fr {
    width: 340px;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear > .fr .btnWrap a {
    width: 48%;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear > .fr .btnWrap a + a {
    margin-left: 2%;
}

.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #f2f2f2;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fr .btnWrap {
    margin-top: 30px;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fr .btnWrap a {
    width: 100%;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul li .tit {
    font-size: 18px;
    line-height: 1;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul li {
    position: relative;
    display: inline-block;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul li + li {
    margin-left: 20px;
    padding-left: 20px;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul li + li:before {
    position: Absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 20px;
    content: '';
    background: #dedede;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul + p {
    font-size: 16px;
    line-height: 1;
    margin-top: 20px;
    color: #929292;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul li .desc {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-top: 10px;
}
.sub05 .top_area .cont_area .txtbox_ > .desc > .clear + .clear > .fl ul li .desc span {
    color: #f60;
}


.sub05 .bottom_area ul li {
    float: left;
    width: calc((100% - 60px) / 3);
    height: 375px;
    padding: 70px 50px 50px 50px;
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
    border: 1px solid #f2f2f2;
    background: none;
}

.sub05 .bottom_area ul li.list01:hover {
    border: 1px solid #f2f2f2;
    background: url(../images/group_01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub05 .bottom_area ul li.list02:hover {
    border: 1px solid #f2f2f2;
    background: url(../images/group_02.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub05 .bottom_area ul li.list03:hover {
    border: 1px solid #f2f2f2;
    background: url(../images/group_03.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub05 .bottom_area ul li.list04:hover {
    border: 1px solid #f2f2f2;
    background: url(../images/group_04.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub05 .bottom_area ul li.list05:hover {
    border: 1px solid #f2f2f2;
    background: url(../images/group_05.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.sub05 .bottom_area ul li:hover > .tit {
    color: #fff;
}

.sub05 .bottom_area ul li:hover > .desc {
    opacity: .5;
    color: #fff;
}

.sub05 .bottom_area ul li:hover > .btnWrap a {
    color: #f60;
    border: none;
    background: #fff;
    box-shadow: 5px 9px 30px 0 rgba(255, 100, 9, .5);
    text-shadow: 5px 9px 30px rgba(255, 100, 9, .5);
}

.sub05 .bottom_area ul li + li {
    margin-left: 30px;
}

.sub05 .bottom_area ul li:nth-child(n + 4) {
    margin-top: 30px;
}

.sub05 .bottom_area ul li:nth-child(4) {
    margin-left: 0;
}

.sub05 .bottom_area ul li > .tit {
    font-size: 25px;
    font-size: 0;
    font-weight: 500;
    line-height: 1;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    color: #323232;
}
.sub05 .bottom_area ul li:first-child > .tit {
    height: 24px;
    background: url(../images/26pt/hanwhalife_26pt_32.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:first-child:hover > .tit {
    height: 24px;;
    background: url(../images/26pt/hanwhalife_26pt_ff.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(2) > .tit {
    height: 24px;
    background: url(../images/26pt/hanwhainsurance_26pt_32.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(2):hover > .tit {
    height: 24px;;
    background: url(../images/26pt/hanwhainsurance_26pt_ff.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(3) > .tit {
    height: 24px;
    background: url(../images/26pt/hanwhainvestment_26pt_32.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(3):hover > .tit {
    height: 24px;;
    background: url(../images/26pt/hanwhainvestment_26pt_ff.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(4) > .tit {
    height: 24px;
    background: url(../images/26pt/hanwhaassetmanagement_26pt_32.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(4):hover > .tit {
    height: 24px;;
    background: url(../images/26pt/hanwhaassetmanagement_26pt_ff.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(5) > .tit {
    height: 24px;
    background: url(../images/26pt/hanwhasavingsbank_26pt_32.png);
    background-repeat: no-repeat;
}
.sub05 .bottom_area ul li:nth-child(5):hover > .tit {
    height: 24px;;
    background: url(../images/26pt/hanwhasavingsbank_26pt_ff.png);
    background-repeat: no-repeat;
}




.sub05 .bottom_area ul li > .desc {
    font-size: 16px;
    line-height: 30px;
    margin-top: 35px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    color: #626262;
}

.sub05 .bottom_area ul li > .btnWrap {
    margin-top: 55px;
}

.sub05 .bottom_area ul li > .btnWrap > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 52px;
    display: inline-block;
    width: 140px;
    height: 54px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    text-align: center;
    border: 1px solid #323232;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;

        -ms-border-radius: 3px;
         -o-border-radius: 3px;
}

.sub05 .bottom_area ul:after {
    display: block;
    clear: both;
    content: '';
}


/* »óÇ°¼Ò°³ */
.sub07 > .desc {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #626262;
}

.sub07 > .desc > span {
    color: #f60;
}

.sub07 > .ci_list {
    margin-top: 38px;
}

.sub07 > .ci_list > li {
    float: left;
    width: 20%;
    margin-top: -1px;
    border: 1px solid #f2f2f2;
}

.sub07 > .ci_list > li + li {
    margin-lefT: -1px;
}

.sub07 > .ci_list:after {
    display: block;
    clear: both;
    content: '';
}

.sub08 > .top_area > .desc {
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    color: #323232;
}

.sub08 > .top_area > .desc > span {
    color: #f60;
}

.sub08 > .top_area > .sub_desc {
    font-size: 16px;
    line-height: 1;
    margin-top: 20px;
    text-align: center;
    color: #626262;
}

.sub08 > .top_area > .img {
    margin-top: 45px;
}

.sub08 > .bottom_area {
    margin-top: 60px;
}

.sub08 > .bottom_area > .tit {
    font-size: 25px;
    line-height: 1;
    color: #333;
}

.sub08 > .bottom_area > .tit > span {
    color: #f60;
}

.insurance_list {
    margin-top: 40px;
}

.insurance_list li:hover > .txt > .tit {
    color: #f60;
}

.insurance_list li {
    position: relative;
    float: left;
    width: calc(100% / 5);
    cursor: pointer;
    text-align: center;
}

.insurance_list li .prd_listbox {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin-top: -1px;
    margin-left: -1px;
    padding: 60px 0 50px 0;
    transition: .3s ease;
    text-align: center;

    -webkit-transtion: .3s ease;
       -moz-transtion: .3s ease;
}
.insurance_list li:hover .prd_listbox:before {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: .3s ease;
    box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .12);

    -webkit-transtion: .3s ease;
       -moz-transtion: .3s ease;
}
.insurance_list li:hover .prd_listbox:after {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: .3s ease;
    box-shadow: inset 0 0 0 3px #f60;

    -webkit-transtion: .3s ease;
       -moz-transtion: .3s ease;
}

.insurance_list li .prd_listbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: -1px;
    margin-left: -1px;
    content: '';
    transition: .3s ease;
    box-shadow: inset 0 0 0 1px #d5d6d3;

    -webkit-transtion: .3s ease;
       -moz-transtion: .3s ease;
}

.insurance_list li .icon {
    display: inline-block;
    width: 70px;
}

.insurance_list li .txt {
    margin-top: 20px;
}

.insurance_list li .txt .tit {
    font-size: 22px;
    line-height: 1;
    color: #333;
}

.insurance_list li > .txt > .pop {
    font-size: 15px;
    line-height: 35px;
    display: inline-block;
    width: 122px;
    height: 35px;
    margin-top: 18px;
    cursor: pointer;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    text-align: center;
    color: #929292;
    border: 1px solid #e2e2e2;
}

.insurance_list li > .txt > .pop:hover {
    color: #323232;
    border: 1px solid #323232;
}

.insurance_list:after {
    display: block;
    clear: both;
    content: '';
}

/* »óÇ°¼Ò°³ ÆË¾÷ */
.insurance_pop.open {
    display: block;
}

.insurance_pop {
    position: fixed;
    z-index: 500;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .3s;
       -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
         -o-transition: all ease .3s;
            transition: all ease .3s;
    background: rgba(0, 0, 0, .5);
}

.insurance_pop .pop_content {
    position: Absolute;
    top: 50%;
    left: 50%;
    width: 800px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #fff;
}

.insurance_pop .pop_content .top {
    display: flex;
    padding: 20px;
    background: #f60;

    align-items: center;
}

.insurance_pop .pop_content .top > .tit {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #fff;

    flex: 1;
}

.insurance_pop .pop_content .top > .close {
    width: 20px;
    height: 20px;
}

.insurance_pop .pop_content .top > .close > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    vertical-align: top;
    background: url(../images/pop_close.png);
    background-repeat: no-repeat;
    background-size: 20px;
}

.insurance_pop .pop_content .bottom {
    padding: 30px 30px 50px 30px;
}

.insurance_pop .pop_content .bottom > .tit {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #333;
}

.insurance_pop .pop_content .bottom > .desc {
    margin-top: 30px;
    padding-top: 35px;
    border-top: 1px solid #e2e2e2;
}

.insurance_pop .pop_content .bottom > .desc > .tit {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    color: #626262;
}

.insurance_pop .pop_content .bottom > .desc > .txt {
    font-size: 16px;
    line-height: 30px;
    margin-top: 20px;
    text-align: left;
    color: #929292;
}

.insurance_pop .pop_content .bottom .btnWrap {
    margin-top: 45px;
    text-align: center;
}

.insurance_pop .pop_content .bottom .btnWrap > .close {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    padding: 12px 22px;
    cursor: pointer;
    color: #323232;
    border: 1px solid #323232;
}

.sub03_02 .fp_section > .tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    line-height: 40px;
    text-align: center;
    color: #323232;
}

.sub03_02 .fp_section > .desc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    text-align: center;
    color: #626262;
}

.sub03_02 .fp_section > .tit > span {
    color: #f60;
}

.sub03_02 .fp_section > .tit > span.hanwha_r {
    color: #323232;
}

.sub03_02 .fp_section .list_01 {
    margin-top: 50px;
}

.sub03_02 .fp_section .list_01 li {
    float: left;
    width: 25%;
    padding-bottom: 15px;
    text-align: Center;
}

.sub03_02 .fp_section .list_01 li + li {
    border-left: 1px solid #f2f2f2;
}

.sub03_02 .fp_section .list_01 li > .img {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.sub03_02 .fp_section .list_01 li > .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-top: 20px;
    color: #323232;
}

.sub03_02 .fp_section .list_01:after {
    display: block;
    clear: both;
    content: '';
}

.sub03_02 .fp_section .list_02 {
    margin-top: 80px;
}

.sub03_02 .fp_section .list_02 li {
    float: left;
    width: 570px;
}

.sub03_02 .fp_section .list_02 li + li {
    margin-left: 40px;
}

.sub03_02 .fp_section .list_02:after {
    display: block;
    clear: both;
    content: '';
}

.sub03_02 .fp_section .list_02 li > .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
    color: #323232;
}

.sub03_02 .fp_section .list_02 li > .tit > span {
    color: #f60;
}

.sub03_02 .fp_section .list_02 li > .desc {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
    color: #636363;
}

.sub03_02 .fp_section + .fp_section {
    margin-top: 80px;
}

.sub03_02 .fp_section .list_03 {
    margin-top: 45px;
}

.sub03_02 .fp_section .list_03 li {
    position: relative;
    float: left;
    width: calc((100% - 81px) / 3);
    text-align: center;
    border: 1px solid #f2f2f2;
}

.sub03_02 .fp_section .list_03 li + li {
    margin-left: 40px;
}

.sub03_02 .fp_section .list_03 li + li:before {
    position: absolute;
    top: 50%;
    left: -23px;
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-top: -7px;
    content: '';
    background: url(../images/fp02_list03_arrow.png);
    background-size: 8px;
}

.sub03_02 .fp_section .list_03 li > .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    padding: 25px 0;
    color: #323232;
    background: #fff;
}

.sub03_02 .fp_section .list_03 li > .desc {
    font-size: 16px;
    line-height: 26px;
    padding: 20px 0 25px 0;
    color: #626262;
    background: #fff;
    background: #fcfcfc;
}

.sub03_02 .fp_section .list_03 li > .tit > span {
    color: #f60;
}

.sub03_02 .fp_section .list_03:after {
    display: block;
    clear: both;
    content: '';
}

.sub03_02 .fp_section .list_04 {
    margin-top: 40px;
    padding: 40px 0;
    border: 3px solid #f2f2f2;
}

.sub03_02 .fp_section .list_04:after {
    display: block;
    clear: both;
    content: '';
}

.sub03_02 .fp_section .list_04 li {
    float: left;
    width: 50%;
    text-align: center;
}

.sub03_02 .fp_section .list_04 li + li {
    border-left: 1px solid #f2f2f2;
}

.sub03_02 .fp_section .list_04 li > .tit {
    font-size: 22px;
    line-height: 1;
    color: #323232;
}

.sub03_02 .fp_section .list_04 li > .tit span {
    color: #f60;
}

.sub03_02 .fp_section .list_04 li > .desc {
    font-size: 16px;
    line-height: 1;
    margin-top: 10px;
    color: #626262;
}

.sub03_02 .fp_section .list05 {
    margin-top: 60px;
}

.sub03_02 .fp_section .list05 > .tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}

.sub03_02 .fp_section .list05 .btnWrap {
    margin-top: 60px;
    text-align: center;
}

.sub03_02 .fp_section .list05 > .desc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    color: #626262;
}

.sub03_03 .fp_section > .tit {
    font-size: 25px;
    line-height: 1;
    text-align: center;
    color: #323232;
}

.sub03_03 .fp_section > .tit > span {
    color: #f60;
}

.sub03_03 .fp_section > .img {
    position: relative;
    margin-top: 40px;
}
.sub03_03 .fp_section > .img > .imgtxt {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
}
.sub03_03 .fp_section > .img > .imgtxt > .tit {
    font-size: 24px;
    font-weight: 500;
    color: #f60;
}
.sub03_03 .fp_section > .img > .imgtxt > .desc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 20px;
    opacity: .7;
    color: #fff;
}
.sub03_03 .fp_section > .img > .imgtxt > .tit span {
    color: #fff;
}
.sub03_03 .fp_section > .list_01 {
    position: relative;
    margin: 0 80px;
    margin-top: -60px;
    padding-top: 40px;
    background: #fff;
}
.sub03_03 .fp_section > .list_01.col03 li:nth-child(2) {
    background: #fcfcfc;
}
.sub03_03 .fp_section > .list_01.col03 {
    border-bottom: 1px solid #f2f2f2;
}
.sub03_03 .fp_section > .list_01.col03 li {
    width: calc(100% / 3);
    padding: 40px 0 60px 0;
}
.sub03_03 .fp_section > .list_01.col03 li > .desc {
    font-size: 16px;
    line-height: 28px;
    margin-top: 30px;
}
.sub03_03 .fp_section > .list_01:after {
    display: block;
    clear: both;
    content: '';
}

.sub03_03 .fp_section > .list_01 li {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
}
.sub03_03 .fp_section > .list_01.col03 li + li:before {
    display: none;
}
.sub03_03 .fp_section > .list_01 li + li:before {
    position: absolute;
    top: 0;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 38px;
    height: 24px;
    margin-left: -19px;
    content: '';
    background: url(../images/fp02_arrow.png);
    background-repeat: no-repeat;
    background-size: 38px;
}

.sub03_03 .fp_section > .list_01 li > .step {
    font-size: 16px;
    line-height: 1;
    color: #f60;
}

.sub03_03 .fp_section > .list_01 li > .tit {
    font-size: 20px;
    line-height: 1;
    margin-top: 18px;
    color: #323232;
}

.sub03_03 .fp_section > .list_01 li > .img {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-top: 18px;
}

.sub03_03 .fp_section > .btnWrap {
    margin-top: 60px;
    text-align: center;
}

.ico.loca {
    position: relative;
    display: inline-block;
    padding-left: 27px;
}

.ico.loca:before {
    position: absolute;
    top: 17px;
    left: 0;
    display: inline-block;
    width: 16px;
    height: 20px;
    content: '';
    background: url(../images/ico_loca.png);
    background-repeat: no-repeat;
    background-size: 16px;
}

a:hover .ico.loca:before {
    background: url(../images/ico_loca_on.png);
}

.sub03_03 .fp_section + .fp_section {
    margin-top: 60px;
}

.sub03_03 .fp_section > .tit_area > .tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}

.sub03_03 .fp_section > .tit_area > .desc {
    font-size: 16px;
    line-height: 1;
    margin-top: 18px;
    color: #626262;
}

.sub03_03 .fp_section > .tit_area > .list_02 {
    margin-top: 40px;
}
.sub03_03 .fp_section > .tit_area > .list_02 li:first-child {
    background: url(../images/fp02_05.png);
    background-position: center center;
    background-size: cover;
}
.sub03_03 .fp_section > .tit_area > .list_02 li:nth-child(2) {
    background: url(../images/fp02_06.png);
    background-position: center center;
    background-size: cover;
}
.sub03_03 .fp_section > .tit_area > .list_02 li + li {
    margin-left: 5px;
}
.sub03_03 .fp_section > .tit_area > .list_02 li {
    float: left;
    width: calc((100% - 5px) / 2);
    padding: 40px 0;
    text-align: center;
    border: 1px solid #f2f2f2;
}

.sub03_03 .fp_section > .tit_area > .list_02 li > .tit {
    font-size: 18px;
    line-height: 1;
    opacity: .8;
    color: #fff;
}

.sub03_03 .fp_section > .tit_area > .list_02 li > .desc {
    font-size: 36px;
    font-weight: 700;
    margin-top: 10px;
    color: #323232;
    color: #fff;
}

.sub03_03 .fp_section > .tit_area > .list_02:after {
    display: block;
    clear: both;
    content: '';
}

.search_box {
    text-align: center;
}

.search_box .ipWrap {
    display: inline-block;
}



.search_list {
    margin-top: 60px;
}

.recruit_list_wrap {
    margin-top: 30px;
}

.recruit_list_wrap > .countText {
    font-size: 16px;
    line-height: 35px;
    color: #626262;
}

.recruit_list_wrap > .countText + ul {
    margin-top: 9px;
}

.recruit_list_wrap .countText .imp {
    font-size: 16px;
    line-height: 35px;
    color: #f60;
}

.recruit_list_wrap ul.recruit li .tit {
    height: 120px;

    -webkit-line-clamp: 4;
}

.recruit_list_wrap ul li {
    position: relative;
    float: left;
    width: calc((100% - 80px) / 3);
    height: 365px;
}
.recruit_list_wrap ul li > a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 30px 25px 25px 25px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .1s;
            transition: all ease .2s;
    border: 2px solid #f2f2f2;
}

.recruit_list_wrap ul li + li {
    margin-left: 40px;
}

.recruit_list_wrap ul li:nth-child(n + 4) {
    margin-top: 40px;
}

.recruit_list_wrap ul li:nth-child(3n + 1) {
    margin-left: 0;
}

.recruit_list_wrap ul li:hover {
    box-shadow: 6px 8px 16px 0 rgba(255, 76, 0, .12);
}
.recruit_list_wrap ul li > a:hover {
    border: 2px solid #f60;
    background: url(../images/news_list_white.png) no-repeat !important;
    background-position: center center;
    background-size: cover;
}
.recruit_list_wrap ul li > a:hover:after {
    display: none;
}
.recruit_list_wrap ul li > a:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(0,0,0,.5);
}
.recruit_list_wrap ul:after {
    display: block;
    clear: both;
    content: '';
}

.tag .type01 {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background: #f60;

        -ms-border-radius: 15px;
         -o-border-radius: 15px;
}

.tag .type02 {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background: #cbc7c5;

        -ms-border-radius: 15px;
         -o-border-radius: 15px;
}

.tag .type03 {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background: #626262;

        -ms-border-radius: 15px;
         -o-border-radius: 15px;
}
.tag .type04 {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    display: inline-block;
    width: 50px;
    height: 30px;
    text-align: center;
    color: #323232;
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    background: #fcfcfc;

        -ms-border-radius: 15px;
         -o-border-radius: 15px;
}
.recruit_list_wrap ul li:hover .tit {
    color: #f60;
}

.recruit_list_wrap ul li.nobg .tit {
    color: #323232 !important;
}

.recruit_list_wrap ul li.nobg .desc {
    color: #626262 !important;
}

.recruit_list_wrap ul li .tit {
    font-size: 24px;
    line-height: 30px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    overflow: hidden;
    height: 60px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    text-overflow: ellipsis;
    word-break: break-word;
    color: #323232;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.recruit_list_wrap ul li .tit + .desc {
    font-size: 18px;
    line-height: 24px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    overflow: hidden;
    height: 72px;
    margin-top: 30px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    text-overflow: ellipsis;
    word-break: break-word;
    color: #f2f2f2;

    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.recruit_list_wrap ul li .tag + .tit {
    margin-top: 35px;
}

.recruit_list_wrap ul li .date {
    position: absolute;
    z-index: 1;
    bottom: 25px;
    padding-top: 25px;
}

.recruit_list_wrap ul li .date:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 2px;
    content: '';
    background: #929292;
}

.recruit_list_wrap ul li .date span {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    color: #929292;
}

.recruit_list_wrap ul li.nobg .date span {
    opacity: 1;
    color: #929292;
}

.recruit_list_wrap ul li:hover .date span {
    opacity: 1;
    color: #929292;
}


.recruit_list_wrap ul li .date span.calander {
    font-size: 15px;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding-left: 30px;
    color: #929292;
}

.recruit_list_wrap ul li .date .calander:before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    content: '';
    background: url(../images/calander.png);
    background-repeat: no-repeat;
    background-size: 19px;
}

.new_check {
    position: relative;
}

.new_check .new {
    position: absolute;
    top: 10px;
    left: 0;
    width: 18px;
    height: 18px;
    background: url(../images/list_new_tag.png);
    background-size: 18px;

    displaY: none;
}

.recruit_list_wrap ul li.new .new_check .new {
    display: block;
}

/* nodata */

.search_result .data_num {
    font-size: 16px;
    line-height: 1;
    color: #626262;
}

.search_result .data_num span {
    color: #f60;
}
.search_result .data_num + .nodata {
    margin-top: 18px;
}
.search_result .nodatea {
    padding: 80px 0 100px 0;
}

.nodatea .txt {
    font-size: 18px;
    line-height: 22px;
    position: relative;
    padding-top: 85px;
    text-align: center;
    color: #323232;
}

.nodatea .txt:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 62px;
    height: 62px;
    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../images/no_data.png);
}

.recruit_view {
    border-top: 2px solid #626262;
    border-bottom: 1px solid #626262;
}

.recruit_view .tit_area {
    display: flex;
    padding: 33px 20px;
    background: #fcfcfc;
}

.recruit_view .tit_area > .tit {
    font-size: 20px;
    line-height: 30px;
    margin-left: 10px;
    color: #323232;

    flex: 1;
}

.recruit_view .tit_area > .date {
    font-size: 15px;
    margin-left: 50px;
    color: #929292;
}

.recruit_view .edit_area {
    padding: 30px 20px 60px 20px;
    border-top: 1px solid #f2f2f2;
}

.recruit_view .edit_area .img img {
    width: auto;
    max-width: 100%;
}

.recruit_view .edit_area .img + .edit_txt {
    margin-top: 25px;
}

.edit_txt p {
    font-size: 16px;
    line-height: 20px;
    color: #626262;
}

.fileWrap ul li {
    display: flex;
    padding: 20px;

    align-items: center;
}

.fileWrap ul li:hover {
    background: #fcfcfc;
}

.fileWrap ul li:hover > .file a {
    color: #f60;
}

.fileWrap ul li > .tit {
    font-size: 16px;
    color: #323232;
}

.fileWrap ul li > .file {
    margin-left: 20px;

    flex: 1;
}

.fileWrap ul li > .file a {
    font-size: 16px;
    position: relative;
    padding-right: 30px;
    color: #626262;
}

.fileWrap ul li > .file a:after {
    position: absolute;
    top: 2px;
    right: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    content: '';
    background: url(../images/ico_file.png);
    background-repeat: no-repeat;
    background-size: 17px;
}

.fileWrap {
    border-top: 1px solid #f2f2f2;
}

.fileWrap ul li + li {
    border-top: 1px solid #f2f2f2;
}

.recruit_view + .btnWrap {
    margin-top: 40px;
    text-align: center;
}

.board_list .accordion {
    margin-top: 60px;
}

.board_list .listWrap {
    margin-top: 60px;
}

.board_list .btnWrap {
    margin-top: 60px;
    text-align: center;
}

.board_list .btnWrap .page {
    display: inline-block;
}

.map_pop .pop_content .bottom {
    padding: 0 0 50px 0;
}

.map_pop .pop_content .bottom .map_info {
    padding: 30px 30px 0 30px;
}

.map_pop .pop_content .bottom .map_info table {
    width: 100%;
    border-top: 1px solid #f2f2f2;
}

.map_pop .pop_content .bottom .map_info table tr th {
    font-size: 16px;
    padding: 18px 0;
    text-align: center;
    color: #323232;
    border-bottom: 1px solid #f2f2f2;
    background: #fcfcfc;
}

.map_pop .pop_content .bottom .map_info table tr td {
    font-size: 16px;
    padding: 18px;
    color: #626262;
    border-bottom: 1px solid #f2f2f2;
    background: #fff;
}

.map_pop .pop_content .bottom .map_info table tr td span {
    color: #f60;
}

.map_pop .pop_content {
    width: 1000px;
}

.contactus .top_area {
    text-align: center;
}

.contactus .top_area > .tit {
    font-size: 20px;
    line-height: 1;
    text-align: center;
    color: #323232;
}

.contactus .top_area > .info {
    display: inline-block;
    margin-top: 20px;
}

.contactus .top_area > .info li {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
}

.contactus .top_area > .info li b {
    font-weight: 500;
    color: #323232;
}

.contactus .top_area > .info li span {
    color: #f60;
}

.contactus .top_area > .info li + li {
    margin-left: 30px;
}

.contactus .map_box {
    margin-top: 40px;
}

.contactus .bottom_area {
    margin-top: 44px;
    padding: 0 20px;
}

.contactus .bottom_area > ul > li > .tit {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #323232;
}

.contactus .bottom_area > ul > li + li {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px dashed #d2d2d2;
}

.contactus .bottom_area > ul > li > .desc {
    font-size: 18px;
    line-height: 1;
    margin-top: 15px;
    color: #626262;
}

.contactus .bottom_area > ul > li > .detail {
    margin-top: 30px;
}

.contactus .bottom_area > ul > li > .detail li + li {
    margin-top: 30px;
}

.contactus .bottom_area > ul > li > .detail li {
    font-size: 16px;
    line-height: 1;
    display: flex;

    align-items: center;
}

.contactus .bottom_area > ul > li > .detail li > .tit {
    color: #626262;
}

.contactus .bottom_area > ul > li > .detail li > .desc {
    color: #929292;
}

.contactus .bottom_area > ul > li > .detail li > div + div {
    margin-left: 15px;
    padding-left: 15px;
    border-left: 2px solid #d6d6d6;
}

.subway > li > .tit > span {
    position: relative;
    padding-left: 45px;
}

.subway > li > .tit > span.line5:before {
    position: absolute;
    top: -9px;
    left: 0;
    display: inline-block;
    width: 34px;
    height: 34px;
    content: '';
    background: url(../images/line5.png);
    background-repeat: no-repeat;
    background-size: 34px;
}

.subway > li > .tit > span.line9:before {
    position: absolute;
    top: -9px;
    left: 0;
    display: inline-block;
    width: 34px;
    height: 34px;
    content: '';
    background: url(../images/line9.png);
    background-repeat: no-repeat;
    background-size: 34px;
}

.bus > li > .tit > span {
    position: relative;
    padding-left: 62px;
}

.bus > li > .tit > span.bus01:before {
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    width: 51px;
    height: 27px;
    content: '';
    background: url(../images/bus01.png);
    background-repeat: no-repeat;
    background-size: 51px;
}

.bus > li > .tit > span.bus02:before {
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    width: 51px;
    height: 27px;
    content: '';
    background: url(../images/bus02.png);
    background-repeat: no-repeat;
    background-size: 51px;
}

.bus > li > .tit > span.bus03:before {
    position: absolute;
    top: -3px;
    left: 0;
    display: inline-block;
    width: 51px;
    height: 27px;
    content: '';
    background: url(../images/bus03.png);
    background-repeat: no-repeat;
    background-size: 51px;
}

.sub_content .sub_inbox.list_page {
    margin-top: 40px;
}

.sub_content .sub_inbox.list_page .board_list .search_box {
    padding: 25px 0;
    background: #f7f7f7;
}

.pr_news li .tit {
    color: #fff !important;
}

.pr_news li:hover {
    background: #fff !important;
}

.pr_news li:hover .tit {
    color: #323232 !important;
}

.pr_news li:hover .desc {
    color: #626262 !important;
}

.recruit_list_wrap ul li.new .date span:after {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 10px;
    content: '';
    background: url(../images/list_new_tag.png);
    background-size: 19px;
}


.listWrap .list.pr_notice li.notice {
    font-weight: 500;
    background: #fffcfa;
}

.listWrap .list.pr_notice .listText {
    margin-left: 18px;
}

.listWrap .list.pr_notice .number {
    font-size: 16px;
    display: inline-block;
    width: 54px;
    text-align: center;
}

.listWrap .list.pr_notice li .noticebox {
    display: none;
}

.listWrap .list.pr_notice li.notice .noticebox {
    display: block;
}

.listWrap .list.pr_notice li.notice .number {
    display: none;
}

.listWrap .list.pr_notice li.new .listText {
    position: relative;
    padding-left: 28px;
}

.listWrap .list.pr_notice li.new .listText:before {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    content: '';
    background: url(../images/list_new_tag.png);
    background-size: 19px;
}

.hisoty_section .his_section + .his_section {
    margin-top: 90px;
    padding-top: 80px;
    border-top: 1px solid #f2f2f2;
}

.hisoty_section .his_section .clear .fl {
    width: 440px;
}

.hisoty_section .his_section .clear .fr {
    width: 670px;
}

.hisoty_section .his_section .clear .fl .year {
    font-size: 80px;
    font-weight: 600;
    line-height: 1;
    color: #323232;
}

.hisoty_section .his_section .clear .fl .desc {
    font-size: 18px;
    line-height: 1;
    margin-top: 20px;
    color: #323232;
}

.hisoty_section .his_section .clear .fl .desc span {
    color: #f60;
}

.hisoty_section .his_section .clear .fr ul li .tit {
    font-size: 50px;
    line-height: 1;
    width: 150px;
    color: #b7adac;
}

.hisoty_section .his_section .clear .fr ul li .desc {
    font-size: 18px;
    line-height: 1;
    color: #626262;
}

.hisoty_section .his_section .clear .fr ul li + li {
    margin-top: 35px;
    padding-top: 35px;
}

.sub03_02 .fp_program_tab {
    margin-top: 60px;
}

.fp_program_tab_con > .s_content {
    margin-top: 40px;
    padding-top: 80px;
    border-top: 1px solid #f2f2f2;
}

.fp_program_tab_con > .txt {
    font-size: 20px;
    line-height: 35px;
    margin-top: 35px;
    text-align: center;
    color: #626262;
}

.fp_program_tab_con > .txt > span {
    color: #f60;
}

.fp0101 > .section > .fp_slide > .fl {
    width: 370px;
}

.fp0101 > .section > .fp_slide > .fl > .tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}

.fp0101 > .section > .fp_slide > .fl > .desc {
    font-size: 18px;
    line-height: 28px;
    margin-top: 15px;
    color: #626262;
}

.fp0101 > .section > .fp_slide > .fl > ul {
    margin-top: 40px;
}

.fp0101 > .section > .fp_slide > .fl + .fr {
    margin-left: 80px;
}

.fp0101 > .section > .fp_slide > .fl > ul li:after {
    display: block;
    clear: both;
    content: '';
}

.fp0101 > .section > .fp_slide > .fl > ul li + li {
    margin-top: 20px;
}

.fp0101 > .section > .fp_slide > .fl > ul li > .txt {
    font-size: 20px;
    font-weight: 500;
    line-height: 47px;
    float: left;
    width: calc(100% - 72px);
    margin-left: 20px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    color: #323232;
    border-bottom: 1px solid #fff;
    background-position: 100% 12px;
}

.fp0101 > .section > .fp_slide > .fl > ul li {
    cursor: pointer;
}

.fp0101 > .section > .fp_slide > .fl > ul li > .square_num {
    float: left;
}
.fp0101licon > li .txtbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 0;
    text-align: center;
    background: rgba(240,240,240,.95);
}
.fp0101licon > li .txtbox .tit {
    font-size: 24px;
    line-height: 1;
    color: #323232;
}
.fp0101licon > li .txtbox .tit span {
    font-weight: 600;
    margin-right: 5px;
    color: #f60;
}
.fp0101licon > li .txtbox .desc {
    margin-top: 20px;
}
.fp0101licon > li .txtbox .desc span {
    font-size: 16px;
    line-height: 1;
    color: #626262;
}
.fp0101licon > li .txtbox .desc span + span {
    margin-left: 10px;
}
.fp0101licon > li {
    position: relative;
    display: none;
}
.fp0101licon > li.on {
    display: block;
}

.fp0101 > .section > .fp_slide > .fl > ul li:hover > .txt, .fp0101 > .section > .fp_slide > .fl > ul li.on > .txt {
    color: #f60;
    border-bottom: 1px solid #f60;
    background: url(../images/fp01_01_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 12px;
}

.fp0101 > .section > .fp_slide > .fl > ul li:hover > .square_num, .fp0101 > .section > .fp_slide > .fl > ul li.on > .square_num {
    font-size: 20px;
    font-weight: 600;
    line-height: 47px;
    display: inline-block;
    width: 52px;
    height: 47px;
    -webkit-transition: all ease .2s;
       -moz-transition: all ease .2s;
        -ms-transition: all ease .2s;
         -o-transition: all ease .2s;
            transition: all ease .2s;
    text-align: center;
    color: #fff;
    background: #f60;
}

.square_num {
    font-size: 20px;
    font-weight: 600;
    line-height: 47px;
    display: inline-block;
    width: 52px;
    height: 47px;
    text-align: center;
    color: #323232;
    background: #fff;
}
.fp0101_section02 {
    margin-top: 70px;
    padding-top: 80px;
    text-align: center;
    border-top: 1px solid #f2f2f2;
}
.fp0101_section02 > .tit {
    font-size: 26px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}
.fp0101_section02 > .desc {
    font-size: 18px;
    margin-top: 18px;
    color: #626262;
}
.fp0101_section02 .imgWrap {
    margin-top: 40px;
}
.fp0101_section02 .imgWrap .img + .img {
    margin-top: 40px;
}

.fp_inpageWrap {
    margin-top: 40px;
    padding-top: 60px;
    border-top: 1px solid #f2f2f2;
}
.fp_inpageWrap > .fp_inSection > .tit {
    font-size: 27px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #323232;
}
.fp_inpageWrap > .fp_inSection > .desc {
    font-size: 18px;
    line-height: 1;
    margin-top: 20px;
    text-align: center;

    coloR: #626262;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist {
    margin-top: 40px;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist ul li {
    float: left;
    width: calc( (100% - 99px) / 4);
    padding: 50px 0 48px 0;
    text-align: center;
    border: 1px solid #f2f2f2;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist ul li + li {
    margin-left: 33px;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist ul li .icon {
    display: inline-block;
    width: 80px;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist ul li .txt {
    margin-top: 25px;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist ul li .txt > .tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: #323232;
}
.fp_inpageWrap > .fp_inSection > .fp_inSectionIconlist ul:after {
    display: block;
    clear: both;
    content: '';
}
.fp_inpageWrap > .fp_inSection + .fp_inSection {
    margin-top: 80px;
}

.fp_inpageWrap > .fp_inSection > .list02, .fp_inpageWrap > .fp_inSection > .list03 {
    margin-top: 40px;
}
.fp_inpageWrap > .fp_inSection > .list02 table + table {
    margin-left: 40px;
}
.fp_inpageWrap > .fp_inSection > .list02 table {
    float: left;
    width: 570px;
    border-top: 2px solid #626262;
}
.fp_inpageWrap > .fp_inSection > .list02:after {
    display: block;
    clear: both;
    content: '';
}

.fp_inpageWrap > .fp_inSection > .list02 table tr td {
    font-size: 18px;
    line-height: 28px;
    box-sizing: border-box;
    width: calc(100% - 170px);
    height: 90px;
    padding-left: 20px;
    text-align: left;
    color: #626262;
}
.fp_inpageWrap > .fp_inSection > .list02 table tr th {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    box-sizing: border-box;
    width: 170px;
    height: 90px;
    text-align: left;
    text-indent: 20px;
    color: #323232;
    background: #fafafa;
}
.fp_inpageWrap > .fp_inSection > .list02 table tr + tr th, .fp_inpageWrap > .fp_inSection > .list02 table tr + tr td {
    border-top: 1px solid #f2f2f2;
}
.fp_inpageWrap > .fp_inSection > .list03 .list03_box {
    float: left;
    width: calc( (100% - 66px) / 3);
}
.fp_inpageWrap > .fp_inSection > .list03 .list03_box + .list03_box {
    margin-left: 33px;
}
.fp_inpageWrap > .fp_inSection > .list03:after {
    display: block;
    clear: both;
    content: '';
}
.fp_inpageWrap > .fp_inSection > .list03 .list03_box > .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin-top: 40px;
    color: #323232;
}
.fp_inpageWrap > .fp_inSection > .list03 .list03_box > .dash_list {
    margin-top: 24px;
}
.fp_inSectionIconlist02 {
    margin-top: 40px;
}
.fp_inSectionIconlist02 ul {
    border-top: 2px solid #626262;
    border-bottom: 1px solid #f2f2f2;

    backgrounD: #fcfcfc;
}
.fp_inSectionIconlist02 ul li {
    float: left;
    width: calc(100% / 6);
    padding: 50px 0;
    text-align: center;
}
.fp_inSectionIconlist02 ul li .icon {
    display: inline-block;
    width: 72px;
}
.fp_inSectionIconlist02 ul:after {
    display: block;
    clear: both;
    content: '';
}
.fp_inSectionIconlist02 ul li .txt {
    margin-top: 20px;
}
.fp_inSectionIconlist02 ul li .txt .tit {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    position: relative;
    color: #323232;
}
.fp_inSectionIconlist02 ul li .txt .tit span {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    left: 50%;
    margin-top: 5px;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    color: #929292;
}
.fp_inpageWrap > .fp_inSection > .aceclub {
    display: flex;
    margin-top: 40px;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox {
    width: 570px;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox + .acebox {
    margin-left: 40px;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox + .acebox > .tit {
    background: #929292;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox > .tit {
    font-size: 20px;
    font-weight: 500;
    line-height: 60px;
    height: 62px;
    text-align: center;
    color: #fff;
    background: #626262;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox > .clear {
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox > .clear > div {
    font-size: 16px;
    font-weight: 500;
    line-height: 58px;
    position: relative;
    width: 50%;
    height: 60px;
    text-align: center;
    color: #929292;
}
.fp_inpageWrap > .fp_inSection > .aceclub > .acebox + .acebox .clear > div {
    line-height: 88px;
    height: 90px;
}

.fp_inpageWrap > .fp_inSection > .aceclub > .acebox > .clear > div + div:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 22px;
    content: '';
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    background: url(../images/ace_dot.png);
}
.recruit_banner {
    margin-top: 40px;
    padding: 40px;
    border: 2px solid #f2f2f2;
    background: url(../images/recruit_banner.png);
    background-position: center center;
    background-size: cover;
}
.recruit_banner > .tit {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 25px;
    color: #fff;
}
.recruit_banner > .desc {
    position: relative;
    margin-top: 60px;
    padding-top: 20px;
}
.recruit_banner > .desc:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 30px;
    height: 2px;
    content: '';
    background: #dedede;
}
.recruit_banner > .desc > ul li {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    display: inline-block;
    color: #dedede;
}
.recruit_banner > .desc > ul li + li {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #dedede;
}

.etc_page > .select_box:after {
    display: block;
    clear: both;
    content: '';
}
.etc_page > .select_box select {
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    float: right;
    height: 40px;
    padding: 0 8px;
    color: #323232;
    border: none;
    border-bottom: 1px solid #323232;
    background: url(../images/etc_arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 16px;
}
.etc_page > .edit_box {
    margin-top: 40px;
}
.history_content {
    margin-top: 60px;
}
.history_content .tit {
    position: relative;
    margin: 0 80px;
    margin-top: -60px;
    padding: 40px 160px 330px 160px;
    text-align: center;
    background: #fff;
}
.history_content .tit .year_tit {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    text-align: center;
    color: #929292;
    border-bottom: 1px solid #929292;

    line-heighT: 1;
}
.history_content .tit .txt_tit {
    font-size: 24px;
    line-height: 1;
    margin-top: 20px;
    color: #323232;
}
.history_content .tit .txt_tit .txtimg img {
    top: 2px;
}
.history_content .tit .txt_tit span {
    font-weight: 700;
    color: #f60;
}
.his_list {
    margin-top: 40px;
    border-top: 2px solid #323232;
}
.his_list ul li {
    position: relative;
    display: flex;
    padding: 35px 0 35px 35px;
    border-bottom: 1px solid #f2f2f2;

    align-items: center;
    line-heighT: 1;
}

.his_list ul li:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 29px;
    height: 12px;
    margin-top: -6px;
    content: '';
    background: url(../images/his_dot.png);
    background-repeat: no-repeat;
    background-size: 29px;
}

.his_list ul li img {
    vertical-align: middle;
}
.txttxt + .txtimg {
    margin-left: 5px;
}
.txtimg + .txttxt {
    margin-left: 5px;
}
.his_list ul li .num {
    font-size: 18px;
    font-weight: 600;
    width: 60px;
    color: #323232;
}
.his_list ul li .txtimg {
    display: inline-block;
}
.his_list ul li .txttxt {
    display: inline-block;
}
.his_list ul li .txt {
    font-size: 18px;
    display: flex;
    width: calc(100% - 60px);
    color: #323232;

    align-items: center;
}
.txtimg {
    display: inline-block;
}
.txtimg img {
    position: relative;
    top: -1px;
}
span.fontimg {
    display: inline-block;
}
div.fontimg {
    display: block;
}
.fontimg img {
    width: auto;
    max-width: 100%;
}
.ci .top_area {
    display: flex;

    align-items: center;
}
.ci .top_area > .img {
    min-width: 318px;
}
.ci .top_area > .txtbox {
    margin-left: 60px;

    flex: 1;
}
.ci .top_area > .txtbox > .desc {
    font-size: 18px;
    line-height: 32px;
    margin-top: 30px;
    color: #626262;
}
.ci .bottom_area {
    display: flex;
    margin-top: 80px;
}
.ci .bottom_area .cibox {
    width: 550px;
}
.ci .bottom_area .cibox + .cibox {
    margin-left: 80px;
}
.ci .bottom_area .cibox .cilist {
    margin-top: 40px;
}
.ci .bottom_area .cibox .cilist > .tit {
    font-size: 22px;
    font-weight: 500;
    color: #323232;
}
.ci .bottom_area .cibox .cilist > .tit > span {
    font-size: 18px;
    margin-left: 10px;
    color: #929292;
}
.ci .bottom_area .cibox .cilist > ul {
    margin-top: 20px;
}
.ci .bottom_area .cibox .cilist > ul li + li {
    margin-top: 5px;
}
.ci .bottom_area .cibox .cilist > ul li {
    font-size: 16px;
    line-height: 32px;
    position: relative;
    padding-left: 30px;
    color: #626262;
}
.ci .bottom_area .cibox .cilist > ul li:before {
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    text-align: center;
    color: #fff;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #323232;

        -ms-border-radius: 10px;
         -o-border-radius: 10px;
}
.ci .bottom_area .cibox .cilist > ul li:first-child:before {
    content: '1';
}
.ci .bottom_area .cibox .cilist > ul li:nth-child(2):before {
    content: '2';
}
.ci .bottom_area .cibox .cilist > ul li:nth-child(3):before {
    content: '3';
}

.ci .bottom_area .cibox .btnWrap {
    margin-top: 45px;
}

.ci .bottom_area .cibox .btnWrap a {
    width: 100%;
}
.ci .bottom_area .cibox .btnWrap a span {
    position: relative;
    padding-right: 25px;
}
.ci .bottom_area .cibox .btnWrap a span:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    content: '';
    background: url(../images/down.png);
}
.ci .bottom_area .cibox .btnWrap a:hover span:after {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 17px;
    height: 17px;
    content: '';
    background: url(../images/down_on.png);
}
.his_tb table tr th {
    font-size: 18px;
    font-weight: 700;
    height: 70px;
    text-align: center;
    color: #323232;
    border-bottom: 1px solid #f2f2f2;
    background: #fafafa;
}
.his_tb table tr td {
    font-size: 18px;
    padding: 0 25px;
    color: #626262;
    border-bottom: 1px solid #f2f2f2;
}
.his-section .left-box > .year {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #323232;
}
.his-section .left-box > .tit {
    line-height: 1;
    margin-top: 20px;
}
.his-section .left-box > .his_tb {
    margin-top: 40px;
    border-top: 2px solid #626262;
}
.his-section .left-box > .his_tb table {
    width: 100%;
}
.his-section + .his-section {
    margin-top: 80px;
}
.his-section .left-box {
    float: left;
    width: 650px;
}
.his-section:after {
    display: block;
    clear: both;
    content: '';
}
.his-section .right-box {
    float: right;
}
.his-section .right-box .img {
    margin-top: 130px;
}

.outlink_news {
    margin-top: 35px;
    text-align: center;
}
.faqtab {
    margin-top: 60px;
}

.recruit_list_box ul li a:after {
    display: none;
}
.no_page_wrap {
    min-width: 1180px;
    height: 100vh;
    min-height: 800px;
}
.no_page {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.no_page .tit {
    font-size: 34px;
    font-weight: 700;
    padding-top: 330px;
    text-align: center;
    color: #323232;
}
.no_page .tit:before {
    position: absolute;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 364px;
    height: 267px;
    content: '';
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../images/no_page.png);
}
.no_page .desc {
    font-size: 18px;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
    color: #636363;
}
.no_page .btnWrap {
    margin-top: 60px;
    text-align: center;
}
.comming {
    min-width: 1180px;
    height: 100vh;
    min-height: 800px;
    background: url(../images/com_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.comming .img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
@media(max-width:1280px) {
    .header .site_logo {
        padding-left: 0;
    }
}


/* IE10+ */
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    /* Enter your style code */
    .recruit_list_wrap ul li {
        width: calc((100% - 81px) / 3);
    }

    .fp_inSectionIconlist02 ul li {
        width: calc((100% - 1px) / 6);
    }
}


/* 2021-03-22 */
.bottom_area > .list02 > strong {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    display: block;
    margin: 15px 0 ;
    color: #323232;
}
.bottom_area > .list02 table {
    width: 100%;
    border-top: 2px solid #626262;
}
.bottom_area > .list02 table + strong {
    margin: 30px 0 15px;
}
.bottom_area > .list02 table tr td {
    font-size: 14px;
    line-height: 1.5;
    box-sizing: border-box;
    width: calc(100% - 170px);
    padding: 10px 20px;
    padding-left: 20px;
    text-align: left;
    color: #929292;
}
.bottom_area > .list02 table tr th {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    box-sizing: border-box;
    padding: 10px 20px;
    text-align: left;
    color: #929292;
    background: #fafafa;
    z-index: -1;
}
.bottom_area > .list02 table tr + tr th, .bottom_area > .list02 table tr + tr td {
    border-top: 1px solid #f2f2f2;
}
.bottom_area > .list02 table tr th.line5 {
    padding: 10px 40px 10px 70px;
}
.bottom_area > .list02 table tr th.line9 {
    padding: 10px 40px 10px 70px;
}
.bottom_area > .list02 table tr th.line5:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: inline-block;
    width: 34px;
    height: 34px;
    content: '';
    transform: translate(0, -50%);;
    background: url(../images/line5.png);
    background-repeat: no-repeat;
    background-size: 34px;
}
.bottom_area > .list02 table tr th.line9:before {
    position: absolute;
    top: 50%;
    left: 20px;
    display: inline-block;
    width: 34px;
    height: 34px;
    content: '';
    transform: translate(0, -50%);;
    background: url(../images/line9.png);
    background-repeat: no-repeat;
    background-size: 34px;
}
.sub02 .top_area .flex_box .flex_child.fr {
    width: 278px;
    height: 473px;
    padding: 0;
}

.ci .bottom_area .cibox + .cibox .img img {
    height: 191px;
}


/* 2021-03-26 */
.listAddr {
    width: 560px;
    text-align: left;
}

/* 2021-03-31 */
div + .no_list{margin-top:35px;}
.no_list{padding:70px 0; border:1px solid #f2f2f2;}
.no_list img{display:block; margin:0 auto; width:auto;}

/* 2021-04-16 */
.manage .listText{width:840px;}
.manage .listAddr{width:265px; line-height:0;}
.listAddr > span{/* display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  */width:163px;}
.manage .listAddr .date{position:absolute; right:40px; width:80px;}
.manage .listCallLocation{position:absolute; right:20px; top:50%; transform:translateY(-50%);}
