@charset "utf-8";

/* layout - sub type */
.header {position: static; left: auto; top: auto; background: #fff;}
.header .header_logo .white {display: none;}
.header .header_logo .black {display: inline-block;}
.header .header_etc a {background: #8dc31b; line-height: 30px; border: none;}
.header .gnb_list > li > a {color: #000;}
.header .mob_header_menu_btn .ico,
.header .mob_header_menu_btn .ico:before,
.header .mob_header_menu_btn .ico:after {background: #000;}
.footer {border-top: 1px solid #ddd;}


/* lnb */
.lnb {height: 60px; background: #191c60; transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;}
.lnb .cont_container {position: relative; padding: 0;}
.lnb_list {display: table; width: 100%; height: 60px; table-layout: fixed;}
.lnb_list > li {display: table-cell; vertical-align: middle; position: relative;}
.lnb_list > li > a {display: block; color: #fff; font-size: 18px; text-align: center;}
.lnb_list > li.active {background: #8dc31b;}
.lnb_list.m4 > li.active {background: #f08300;}
.mob_lnb_btn {display: none;}
/* .lnb.active {position: fixed; left: 0; top: 0; width: 100%; z-index: 100;} */

@media all and (max-width:1023px) {
    .lnb {position: relative; height: 56px; z-index: 30;}
    .lnb_list {display: none; position: absolute; left: 0; top: 56px; height: auto; background: #fff; z-index: 10;}
    .lnb_list > li {display: block; background: #fff; border-bottom: 1px solid #d9d9d9;}
    .lnb_list > li > a {padding: 10px 20px; color: #000; text-align: left;}
    .mob_lnb_btn {display: block; position: relative; width: 100%; height: 56px; background: #191c60; padding: 0 20px; color: #fff; font-size: 18px; line-height: 56px; text-align: left;}
    .mob_lnb_btn:before {display: block; content: ""; position: absolute; right: 28px; top: 27px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;}
}
@media all and (max-width: 767px) {
    .lnb {height: 50px;}
    .lnb_list {top: 50px;}
    .lnb_list > li > a {font-size: 16px;}
    .mob_lnb_btn {height: 50px; font-size: 16px; line-height: 50px;}
    .mob_lnb_btn:before {top: 22px;}
}


/* breadcrumb */
.breadcrumb {padding: 20px 0;}
.breadcrumb .cont_container:after {display: block; content: ""; clear: both;}
.breadcrumb_list {float: right;}
.breadcrumb_list > li {float: left; padding: 0 5px 0 10px; background: url(../images/sub/breadcrumb_arrow.png) no-repeat left center; color: #5c5c5c; font-size: 14px;}
.breadcrumb_list > li:first-child {padding-left: 0; background: none;}
.breadcrumb .home {display: block; width: 13px; height: 11px; background: url(../images/sub/breadcrumb_home_ico.png) no-repeat left center; margin-top: 6px;}

@media all and (max-width:1023px) {
    .breadcrumb {padding: 15px 0;}
}


/* common */
.sub_tit {max-width: 1220px; margin: 40px auto 50px; position: relative; padding: 0 10px 0 30px; font-size: 44px; font-weight: 300; letter-spacing: -0.050em; line-height: 1.1;}
.sub_tit:before {display: block; content: ""; width: 3px; height: 96%; background: #000; position: absolute; left: 10px; bottom: 0;}
.sub_tit > span {display: block; font-size: 14px; font-weight: 700; margin-top: 15px; text-transform: uppercase; letter-spacing: 0.025em;}
.sub_contents {padding-bottom: 100px;}
.sub_top_img {height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 50px; text-align: center;}
.sub_top_img img {max-width: 100%;}

@media all and (max-width: 1023px) {
    .sub_tit {margin: 30px auto 40px; font-size: 34px;}
    .sub_contents {padding-bottom: 80px;}
    .sub_top_img {height: 234px; margin-bottom: 40px;}
}
@media all and (max-width: 767px) {
    .sub_tit {margin: 20px auto 30px; font-size: 24px;}
    .sub_tit > span {font-size: 12px;}
    .sub_contents {padding-bottom: 50px;}
    .sub_top_img {height: 200px; margin-bottom: 30px;}
}


/* title */
.titLv {font-size: 30px; font-weight: 500; border-bottom: 2px solid #000; padding: 0 0 30px 40px; background: url(../images/sub/titLv_bullet.png) no-repeat left 12px;}
.titLv2 {font-size: 22px; font-weight: 400; margin-top: 40px;}

@media all and (max-width:1023px) {
    .titLv {font-size: 24px; padding: 0 0 20px 30px; margin-top: 30px; background-position: left 9px; background-size: 20px auto;}
}
@media all and (max-width: 767px) {
    .titLv {font-size: 20px; padding-bottom: 10px; background-position: left 5px;}
    .titLv2 {font-size: 18px; margin-top: 20px;}
}


/* basic list */
.basic_box {border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-top: 50px;}
.basic_box:first-child {margin-top: 0;}
.basic_box:last-child,
.basic_box.nobor {border-bottom: none; padding-bottom: 0;}
.basic_list {word-break: keep-all;}
.basic_list > dt {font-size: 22px; font-weight: 400; margin: 40px 0 10px; position: relative;}
.basic_list > dd,
.basic_list > li {position: relative; padding-left: 30px; margin-top: 5px; font-size: 18px; font-weight: 400;}
.basic_list > dd:before,
.basic_list > li:before {display: block; content: ""; width: 5px; height: 5px; background: #000; position: absolute; left: calc((30px - 5px) / 2); top: 12px;}
.basic_list > dd:first-child,
.basic_list > li:first-child,
.basic_list > dd > ul > li:first-child,
.basic_list > li > ul > li:first-child {margin-top: 0;}
.basic_list > dd > ul,
.basic_list > li > ul {margin: 10px 0;}
.basic_list > dd > ul > li,
.basic_list > li > ul > li {position: relative; padding-left: 15px;}
.basic_list > dd > ul > li:before,
.basic_list > li > ul > li:before {display: block; content: ""; width: 3px; height: 3px; background: #000; position: absolute; left: 3px; top: 13px; border-radius: 100%;}
.basic_list .nobl {padding-left: 0;}
.basic_list .nobl:before {display: none;}
.basic_list.dot > dd:before,
.basic_list.dot > li:before {border-radius: 100%;}
.basic_list.dot > dd > ul > li:before,
.basic_list.dot > li > ul > li:before {width: 5px; height: 1px; left: 0; top: 14px; border-radius: 0;}

@media all and (max-width:1023px) {
    .basic_box {margin-top: 40px;}
}
@media all and (max-width: 767px) {
    .basic_box {padding-bottom: 25px; margin-top: 30px;}
    .basic_list > dt {font-size: 18px; margin-top: 25px;}
    .basic_list > dd,
    .basic_list > li {padding-left: 20px; font-size: 16px;}
    .basic_list > dd:before,
    .basic_list > li:before {width: 4px; height: 4px; left: calc((20px - 4px) / 2); top: 11px;}
    .basic_list > dd > ul,
    .basic_list > li > ul {margin: 5px 0;}
    .basic_list > dd > ul > li:before,
    .basic_list > li > ul > li:before {top: 12px;}
    .basic_list.dot > dd > ul > li:before,
    .basic_list.dot > li > ul > li:before {top: 12px;}
}


/* basic table */
.tbl_scroll {overflow-x: auto;}
.tbl_basic table {width: 100%; border-top: 2px solid #595959;}
.tbl_basic th,
.tbl_basic td {background: #fff; padding: 10px 20px; font-size: 18px; text-align: center; border-bottom: 1px solid #ddd;}
.tbl_basic th {background: #8dc31b;}
.tbl_basic .tl {text-align: left;}
.tbl_basic .basic_list > dd > ul,
.tbl_basic .basic_list > li > ul {margin: 5px 0;}

@media all and (max-width:1023px) {
}
@media all and (max-width: 767px) {
    .tbl_scroll .tbl_basic {width: 1000px;}
    .tbl_basic th,
    .tbl_basic td {font-size: 16px;}
}


/* forum */
.ikif_forum .sub_top_img {background-image: url(../images/sub/forum_img.jpg);}
.ikif_forum .group_wrap {max-width: 1030px; padding: 20px 0; margin: 0 auto;}
.ikif_forum .group_chart_box {display: table; position: relative; width: 100%; table-layout: fixed;}
.ikif_forum .group_box {display: table-cell; vertical-align: middle;}
.ikif_forum .group_row {position: relative; padding-left: 35px; margin-top: 15px;}
.ikif_forum .group_row:first-child {margin-top: 0;}
.ikif_forum .group_row:after {display: block; content: ""; width: 20%; height: 1px; background: #32251f; position: absolute; left: 0; top: 24px; z-index: -1;}
.ikif_forum .group_row > dl {display: table; width: 100%; table-layout: fixed;}
.ikif_forum .group_row > dl > dt,
.ikif_forum .group_row > dl > dd {display: table-cell; vertical-align: middle; line-height: 28px; border-radius: 24px; padding: 10px 30px;}
.ikif_forum .group_row > dl > dt {position: relative; width: 26%; background: #8dc31b; color: #fff; font-weight: 700; text-align: center;}
.ikif_forum .group_row > dl > dd {background: #e5e5e5;}
.ikif_forum .group_row:nth-child(3) > dl > dt {display: inline-block;}
.ikif_forum .group_row:nth-child(3) > dl > dd {display: block; width: 100%; margin-top: 10px; padding: 15px 30px;}
.ikif_forum .group_box.depth1 {position: relative; width: 208px;}
.ikif_forum .group_box.depth1:after {display: block; content: ""; width: 1px; height: calc(100% - 47px); background: #32251f; position: absolute; right: 0; top: 24px; z-index: -1;}
.ikif_forum .group_box.depth1 .group_item {position: relative; display: table; width: 173px; height: 173px; background: #32251f; padding-top: 15px; text-align: center; border-radius: 100%; table-layout: fixed;}
.ikif_forum .group_box.depth1 .group_item > span {display: table-cell; width: 100%; vertical-align: middle; color: #fff; font-size: 20px; font-weight: 700; line-height: 1.4;}
.ikif_forum .group_box.depth1 .group_item > span > span {display: block; color: #8dc31b;}
.ikif_forum .group_box.depth1 .group_item:before {display: block; content: ""; width: 85px; height: 85px; background: url(../images/sub/forum_group_ico.png) no-repeat center; position: absolute; left: 50%; top: -40px; margin-left: -42px;}
.ikif_forum .group_box.depth1 .group_item:after {display: block; content: ""; width: 35px; height: 1px; background: #32251f; position: absolute; right: -35px; top: 50%; z-index: -1;}
.ikif_forum .biz_wrap {max-width: 851px; padding: 60px 0 40px; margin: 0 auto;}
.ikif_forum .biz_chart_box:after {display: block; content: ""; clear: both;}
.ikif_forum .biz_chart_box > li {float: left; position: relative; width: calc((100% - 200px) / 3); margin-right: 100px; text-align: center;}
.ikif_forum .biz_chart_box > li:nth-child(3n) {margin-right: 0;}
.ikif_forum .biz_chart_box > li:before {display: block; content: ""; height: 57px; background-repeat: no-repeat; background-position: center; background-size: 100%; position: absolute; left: 20px; top: -40px; z-index: 10;}
.ikif_forum .biz_chart_box > li:nth-child(1):before {background-image: url(../images/sub/forum_biz_ico1.png); width: 61px;}
.ikif_forum .biz_chart_box > li:nth-child(2):before {background-image: url(../images/sub/forum_biz_ico2.png); width: 65px;}
.ikif_forum .biz_chart_box > li:nth-child(3):before {background-image: url(../images/sub/forum_biz_ico3.png); width: 37px;}
.ikif_forum .biz_chart_box > li:after {display: block; content: ""; width: 40px; height: 40px; background: url(../images/sub/forum_biz_arrow.png) no-repeat center; background-size: 100%; position: absolute; right: -70px; top: 50%; margin-top: -20px;}
.ikif_forum .biz_chart_box > li:nth-child(3n):after {display: none;}
.ikif_forum .biz_item {position: relative; background: #32251f; padding: 30px 20px; color: #fff; line-height: 1.2; border-radius: 20px;}
.ikif_forum .biz_item > dt {color: #8dc31b; font-size: 20px; font-weight: 700; border-bottom: 1px dashed #fff; padding-bottom: 20px; margin-bottom: 20px;}
.ikif_forum .biz_item > dd {color: #fff; font-size: 18px;}
.ikif_forum .tbl_scroll {margin-top: 50px;}

@media all and (max-width:1023px) {
    .ikif_forum .group_row {padding-left: 25px;}
    .ikif_forum .group_row > dl > dt {width: 35%;}
    .ikif_forum .group_box.depth1 {width: 163px;}
    .ikif_forum .group_box.depth1 .group_item {width: 138px; height: 138px;}
    .ikif_forum .group_box.depth1 .group_item > span {font-size: 18px;}
    .ikif_forum .group_box.depth1 .group_item:before {width: 68px; height: 68px; background-size: 100%; top: -32px; margin-left: -34px;}
    .ikif_forum .group_box.depth1 .group_item:after {width: 25px; right: -25px;}
    .ikif_forum .biz_chart_box > li {width: calc((100% - 120px) / 3); margin-right: 60px;}
    .ikif_forum .biz_chart_box > li:after {width: 30px; height: 30px; right: -45px; top: 50%; margin-top: -15px;}
}
@media all and (max-width: 767px) {
    .ikif_forum .group_wrap {padding-top: 30px;}
    .ikif_forum .group_box {display: block; vertical-align: top;}
    .ikif_forum .group_row {padding-left: 0;}
    .ikif_forum .group_row:after {width: 1px; height: 15px; left: 50%; top: auto; bottom: -15px;}
    .ikif_forum .group_row > dl > dt,
    .ikif_forum .group_row > dl > dd {display: block; width: 100%; vertical-align: top; line-height: 26px; border-radius: 20px; padding: 7px 20px;}
    .ikif_forum .group_row > dl > dd {margin-top: 5px;}
    .ikif_forum .group_row:nth-child(2) > dl > dd,
    .ikif_forum .group_row:nth-child(3) > dl > dd {padding: 14px 20px;}
    .ikif_forum .group_row:last-child:after {display: none;}
    .ikif_forum .group_box.depth1 {width: 100%;}
    .ikif_forum .group_box.depth1:after {display: none;}
    .ikif_forum .group_box.depth1 .group_item {width: 128px; height: 128px; margin: 0 auto;}
    .ikif_forum .group_box.depth1 .group_item:before {width: 63px; height: 63px; top: -29px; margin-left: -31px;}
    .ikif_forum .group_box.depth1 .group_item:after {width: 1px; height: 25px; right: 50%; top: auto; bottom: -25px;}
    .ikif_forum .group_box.depth2 {margin-top: 25px;}
    .ikif_forum .biz_wrap {padding: 20px 0;}
    .ikif_forum .biz_chart_box > li {width: 100%; margin-right: 0; margin-top: 30px;}
    .ikif_forum .biz_chart_box > li:first-child {margin-top: 0;}
    .ikif_forum .biz_chart_box > li:before {display: none;}
    .ikif_forum .biz_chart_box > li:after {width: 20px; height: 20px; right: 50%; top: auto; bottom: -25px; margin-top: 0; margin-left: -10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -moz-transform: rotate(90deg);}
    .ikif_forum .biz_item {padding: 20px 30px;}
    .ikif_forum .biz_item > dt {font-size: 18px; padding-bottom: 15px; margin-bottom: 15px;}
    .ikif_forum .biz_item > dd {font-size: 16px;}
    .ikif_forum .tbl_scroll {margin-top: 30px;}
}


/* greeting */
.greeting .sub_top_img {background-image: url(../images/sub/greeting_img.jpg);}
.greeting_top {position: relative; padding: 55px 0; text-align: center; word-break: keep-all;}
.greeting_top:before,
.greeting_top:after {display: block; content: ""; width: 42px; height: 35px; background: url(../images/sub/greeting_mark_bg.png) no-repeat center; position: absolute; left: 50%; margin-left: -21px;}
.greeting_top:before {top: 0;}
.greeting_top:after {bottom: 0; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.greeting_top > strong {display: block; font-size: 44px; font-weight: 300; line-height: 1.4;}
.greeting_top > p {display: block; font-size: 20px; font-weight: 400; line-height: 1.5; margin-top: 15px;}
.greeting_con {font-size: 18px; font-weight: 300; text-align: center;}
.greeting_con .text {margin-top: 40px; word-break: break-all;}
.greeting_con .text strong {font-weight: 500;}
.greeting_img {height: 245px; margin-top: 40px; text-align: center;}
.greeting_img > img {display: inline-block; width: auto; height: 100%; margin: 0 25px;}
.greeting_foot {margin-top: 80px; text-align: center;}
.greeting_foot span,
.greeting_foot img {display: inline-block; margin: 0 5px; vertical-align: middle;}
.greeting_foot span {font-size: 18px; font-weight: 300;}

@media all and (max-width:1023px) {
    .greeting_top {padding: 45px 0;}
    .greeting_top:before,
    .greeting_top:after {width: 34px; height: 28px; background-size: 100%; margin-left: -17px;}
    .greeting_top > strong {font-size: 34px;}
    .greeting_top > p {font-size: 18px; margin-top: 10px;}
    .greeting_con .text {margin-top: 30px; text-align: left;}
    .greeting_img {height: 191px; margin-top: 30px;}
    .greeting_img > img {margin: 0 20px;}
    .greeting_foot {margin-top: 60px;}
}
@media all and (max-width: 767px) {
    .greeting_top {padding: 35px 0;}
    .greeting_top:before,
    .greeting_top:after {width: 26px; height: 22px; margin-left: -13px;}
    .greeting_top > strong {font-size: 25px;}
    .greeting_top > p {font-size: 15px;}
    .greeting_con {font-size: 15px;}
    .greeting_con .text {margin-top: 20px;}
    .greeting_img {height: 75px; margin-top: 20px;}
    .greeting_img > img {margin: 0 10px;}
    .greeting_foot {margin-top: 46px;}
    .greeting_foot span {display: block; margin: 0 0 5px; font-size: 16px; vertical-align: top;}
    .greeting_foot img {margin: 0; vertical-align: top;}
}


/* agency */
.agency .sub_top_img {background-image: url(../images/sub/agency_img.jpg);}
.agency .basic_box {padding-bottom: 0; border-bottom: none;}
.agency_tit {position: relative; padding-left: 30px; font-size: 22px; font-weight: 500; margin: 40px 0 20px;}
.agency_tit:before {display: block; content: ""; width: 8px; height: 8px; background: #191c60; border-radius: 50%; position: absolute; left: 7px; top: 14px;}
.agency_tit + .agency_list {margin-top: 0;}
.agency_list {margin-top: 50px;}
.agency_list:after {display: block; content: ""; clear: both;}
.agency_list > li {float: left; width: calc((100% - 60px) / 4); height: 130px; margin-top: 20px; margin-right: 20px; border: 1px solid #ddd;}
.agency_list > li:nth-child(-n+4) {margin-top: 0;}
.agency_list > li:nth-child(4n) {margin-right: 0;}
.agency_item {display: table; width: 100%; height: 100%; text-align: center; table-layout: fixed;}
.agency_item > a {display: table-cell; padding: 20px; vertical-align: middle;}
.agency_item > a > img {vertical-align: middle;}

@media all and (max-width:1023px) {
    .agency_tit {font-size: 20px; margin: 30px 0 15px;}
    .agency_tit:before {top: 12px;}
    .agency_list {margin-top: 40px;}
    .agency_list > li {height: 100px;}
}
@media all and (max-width: 767px) {
    .agency_tit {padding-left: 20px; font-size: 18px; margin: 20px 0 10px;}
    .agency_tit:before {width: 6px; height: 6px; left: 4px; top: 11px;}
    .agency_list {margin-top: 30px;}
    .agency_list > li {width: calc((100% - 10px) / 2); height: 80px; margin-top: 10px; margin-right: 10px;}
    .agency_list > li:nth-child(3), .agency_list > li:nth-child(4) {margin-top: 10px;}
    .agency_list > li:nth-child(2n) {margin-right: 0;}
}


/* office */
.office .sub_top_img {background-image: url(../images/sub/office_img.jpg);}
.office_org {position: relative; margin-top: 50px;}
.office_org:after {display: block; content: ""; width: 1px; height: calc(100% - 86px); background: #32251f; position: absolute; left: 50%; top: 0; z-index: -2;}
.office_org .org_box {margin-top: 20px;}
.office_org .org_item {position: relative; width: 224px; height: 46px; color: #fff; font-size: 20px; font-weight: 700; text-align: center; line-height: 46px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px;}
.office_org .org_box.depth1 {margin-top: 0;}
.office_org .org_box.depth1 .org_item {background: #32251f; margin: 0 auto; color: #8dc31b;}
.office_org .org_box.depth2 .org_item {background: #8dc31b; margin: 0 auto; color: #fff;}
.office_org .org_box.depth3 {max-width: 792px; margin: 20px auto 0;}
.office_org .org_box.depth3:after {display: block; content: ""; clear: both;}
.office_org .org_box.depth3 .org_col {position: relative; float: left; width: 50%;}
.office_org .org_box.depth3 .org_col:after {display: block; content: ""; clear: both;}
.office_org .org_box.depth3 .org_col:before {display: block; content: ""; width: 100%; height: 1px; background: #32251f; position: absolute; left: 0; top: 50%; z-index: -1;}
.office_org .org_box.depth3 .org_item {background: #8dc31b; color: #fff;}
.office_org .org_box.depth3 .org_col.left .org_item {float: left;}
.office_org .org_box.depth3 .org_col.right .org_item {float: right;}
.office_org .org_box.depth4 .org_item {background: #32251f; margin: 0 auto; color: #fff;}
.office_org .org_box.depth5:after {display: block; content: ""; clear: both;}
.office_org .org_box.depth5 {max-width: 792px; margin: 20px auto 0;}
.office_org .org_box.depth5 .org_col {position: relative; float: right; width: 50%;}
.office_org .org_box.depth5 .org_col:after {display: block; content: ""; clear: both;}
.office_org .org_box.depth5 .org_col:before {display: block; content: ""; width: 100%; height: 1px; background: #32251f; position: absolute; left: 0; top: 50%; z-index: -1;}
.office_org .org_box.depth5 .org_col .org_item {float: right; background: #8dc31b; color: #fff;}
.office_org .org_box.depth6 {position: relative; margin-top: 40px;}
.office_org .org_box.depth6:after {display: block; content: ""; clear: both;}
.office_org .org_box.depth6:before {display: block; content: ""; width: calc(100% - 224px); height: 1px; background: #32251f; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: -1;}
.office_org .org_box.depth6 .org_col {position: relative; float: left; width: 50%; margin-top: 40px;}
.office_org .org_box.depth6 .org_col:after {display: block; content: ""; clear: both;}
.office_org .org_box.depth6 .org_item {position: relative; background: #e5e5e5; color: #000; font-weight: 400;}
.office_org .org_box.depth6 .org_item:before {display: block; content: ""; width: 1px; height: 100%; background: #32251f; position: absolute; left: 50%; top: -40px; z-index: -1;}
.office_org .org_box.depth6 .org_col.left .org_item {float: left; margin-right: 30px;}
.office_org .org_box.depth6 .org_col.left .org_item:nth-child(2) {margin-right: 0;}
.office_org .org_box.depth6 .org_col.right .org_item {float: left; margin-left: 30px;}
.office_org .org_box.depth6 .org_col.right .org_item:nth-child(1) {margin-left: calc(100% - 478px);}
.office_org_list {margin-top: 80px; border-top: 1px solid #ddd;}
.office .basic_box:nth-child(2) .basic_list {margin-top: 40px;}
.office_map {max-width: 1200px; height: 590px; margin: 60px auto 0;}
.office .basic_list > dt > .desc {background: #8dc31b; padding: 4px 15px 6px; color: #fff; font-size: 16px; border-radius: 20px;}

@media all and (max-width:1023px) {
    .office_org {margin-top: 40px;}
    .office_org .org_box.depth3 {max-width: 732px;}
    .office_org .org_box.depth5 {max-width: 732px;}
    .office_org .org_box.depth6:before {width: calc(100% - 154px);}
    .office_org .org_box.depth6 .org_item {width: 154px;}
    .office_org .org_box.depth6 .org_col.left .org_item {margin-right: 20px;}
    .office_org .org_box.depth6 .org_col.right .org_item {margin-left: 20px;}
    .office_org .org_box.depth6 .org_col.right .org_item:nth-child(1) {margin-left: calc(100% - 328px);}
    .office_org_list {margin-top: 60px;}
    .office_map {height: 400px; margin-top: 50px;}
}
@media all and (max-width: 767px) {
    .office_org {margin-top: 30px;}
    .office_org:after {width: 2px; height: 560px; left: 79px;}
    .office_org .org_item {width: 160px; height: 40px; font-size: 17px; line-height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
    .office_org .org_box.depth1 .org_item {margin: 0;}
    .office_org .org_box.depth2 .org_item {margin: 0;}
    .office_org .org_box.depth3 {max-width: none; margin: 0;}
    .office_org .org_box.depth3 .org_col {float: none; width: 100%; margin-top: 20px;}
    .office_org .org_box.depth3 .org_col:before {width: calc(100% - 79px); height: 2px; left: 79px;}
    .office_org .org_box.depth3 .org_col.left .org_item {float: right;}
    .office_org .org_box.depth4 .org_item {margin: 0;}
    .office_org .org_box.depth5 {max-width: none; margin: 0;}
    .office_org .org_box.depth5 .org_col {float: none; width: 100%; margin-top: 20px;}
    .office_org .org_box.depth5 .org_col:before {width: calc(100% - 79px); height: 2px; left: 79px;}
    .office_org .org_box.depth6 {margin-top: 30px;}
    .office_org .org_box.depth6:before {display: none;}
    .office_org .org_box.depth6 .org_col {float: none; width: 100%; margin-top: 0;}
    .office_org .org_box.depth6 .org_item {width: 160px;}
    .office_org .org_box.depth6 .org_item:before {display: none;}
    .office_org .org_box.depth6 .org_col.left .org_item,
    .office_org .org_box.depth6 .org_col.right .org_item {float: left; margin: 10px calc(100% - 160px) 0 0;}
    .office_org .org_box.depth6 .org_col.left .org_item:nth-child(1) {margin-top: 0;}
    .office_org .org_box.depth6 .org_col.right .org_item:nth-child(1) {margin-left: 0;}
    .office_org_list {margin-top: 45px;}
    .office .basic_box:nth-child(2) .basic_list {margin-top: 25px;}
    .office_map {height: 255px; margin-top: 35px;}
}


/* result */
.result .sub_top_img {background-image: url(../images/sub/forum_img.jpg);}


/* reschIntro */
.reschIntro .sub_top_img {background-image: url(../images/sub/reschIntro_img.jpg);}
.reschIntro .basic_box:nth-child(1) {padding-bottom: 60px;}
.reschIntro .basic_box:nth-child(1) .basic_list {margin-top: 40px;}
.reschIntro .basic_box:nth-child(1) .basic_list > li {padding-left: 0; font-size: 20px;}
.reschIntro .basic_box:nth-child(1) .basic_list > li:before {display: none;}
.reschIntro .org_wrap {position: relative; margin-top: 50px;}
.reschIntro .org_wrap:after {display: block; content: ""; width: 1px; height: 100%; background: #32251f; position: absolute; left: 50%; top: 0; z-index: -2;}
.reschIntro .org_box {margin-top: 20px;}
.reschIntro .org_item {position: relative; width: 224px; height: 46px; background: #32251f; color: #fff; font-size: 20px; font-weight: 700; text-align: center; line-height: 46px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px;}
.reschIntro .org_col {position: relative; float: left; width: 50%;}
.reschIntro .org_col.left .org_item {float: left;}
.reschIntro .org_col.right .org_item {float: right;}
.reschIntro .org_col:after {display: block; content: ""; clear: both;}
.reschIntro .org_box.depth1 {margin-top: 0;}
.reschIntro .org_box.depth1 .org_item {margin: 0 auto;}
.reschIntro .org_box.depth2,
.reschIntro .org_box.depth5 {max-width: 792px; margin: 20px auto 0;}
.reschIntro .org_box.depth2:after,
.reschIntro .org_box.depth5:after {display: block; content: ""; clear: both;}
.reschIntro .org_box.depth2 .org_col:before,
.reschIntro .org_box.depth5 .org_col:before {display: block; content: ""; width: 100%; height: 1px; background: #32251f; position: absolute; left: 0; top: 50%; z-index: -1;}
.reschIntro .org_box.depth2 .org_item,
.reschIntro .org_box.depth5 .org_item {background: #f08300;}
.reschIntro .org_box.depth3 .org_item {margin: 0 auto;}
.reschIntro .org_box.depth4,
.reschIntro .org_box.depth6 {max-width: 792px; margin: 20px auto 0;}
.reschIntro .org_box.depth4:after,
.reschIntro .org_box.depth6:after {display: block; content: ""; clear: both;}
.reschIntro .org_box.depth4 .org_col:before,
.reschIntro .org_box.depth6 .org_col:before {display: block; content: ""; width: 100%; height: 1px; background: #32251f; position: absolute; left: 0; top: 50%; z-index: -1;}
.reschIntro .org_box.depth4 .org_col.right,
.reschIntro .org_box.depth6 .org_col.right {float: right;}
.reschIntro .org_box.depth4 .org_item,
.reschIntro .org_box.depth6 .org_item {background: #f08300;}
.reschIntro .org_box.depth7 {position: relative; margin-top: 40px;}
.reschIntro .org_box.depth7:before {display: block; content: ""; width: calc(100% - 216px); height: 1px; background: #32251f; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); z-index: -1;}
.reschIntro .org_box.depth7:after {display: block; content: ""; clear: both;}
.reschIntro .org_box.depth7 .org_col {width: 216px; margin: 40px 30px 0 0;}
.reschIntro .org_box.depth7 .org_col:last-child {margin-right: 0;}
.reschIntro .org_box.depth7 .org_col:before {display: block; content: ""; width: 1px; height: 100%; background: #32251f; position: absolute; left: 50%; top: -40px; z-index: -1;}
.reschIntro .org_box.depth7 .org_col:nth-child(3):before {display: none;}
.reschIntro .org_box.depth7 .org_item {width: 100%; background: #e5e5e5; color: #000; font-weight: 400;}
.reschIntro .basic_box:nth-child(2) .tc {margin-top: 40px;}

@media all and (max-width:1023px) {
    .reschIntro .basic_box:nth-child(1) {padding-bottom: 50px;}
    .reschIntro .org_wrap {margin-top: 40px;}
    .reschIntro .org_box.depth2 {max-width: 732px;}
    .reschIntro .org_box.depth44 {max-width: 732px;}
    .reschIntro .org_box.depth7:before {width: calc(100% - 136px);}
    .reschIntro .org_box.depth7 .org_col {width: 133px; margin-right: 20px;}
}
@media all and (max-width: 767px) {
    .reschIntro .basic_box:nth-child(1) {padding-bottom: 35px;}
    .reschIntro .basic_box:nth-child(1) .basic_list {margin-top: 25px;}
    .reschIntro .basic_box:nth-child(1) .basic_list > li {font-size: 17px;}
    .reschIntro .org_wrap {margin-top: 30px;}
    .reschIntro .org_wrap:after {width: 2px; height: 642px; left: 79px;}
    .reschIntro .org_item {width: 160px; height: 40px; font-size: 17px; line-height: 40px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;}
    .reschIntro .org_box.depth1 .org_item {margin: 0;}
    .reschIntro .org_box.depth2,
    .reschIntro .org_box.depth5 {max-width: none; margin: 0;}
    .reschIntro .org_box.depth2 .org_col,
    .reschIntro .org_box.depth5 .org_col {float: none; width: 100%; margin-top: 20px;}
    .reschIntro .org_box.depth2 .org_col:before,
    .reschIntro .org_box.depth5 .org_col:before {width: calc(100% - 79px); height: 2px; left: auto; right: 0;}
    .reschIntro .org_box.depth2 .org_col.left .org_item,
    .reschIntro .org_box.depth5 .org_col.left .org_item {float: right;}
    .reschIntro .org_box.depth3 .org_item {margin: 0;}
    .reschIntro .org_box.depth4,
    .reschIntro .org_box.depth6 {max-width: none; margin: 0;}
    .reschIntro .org_box.depth4 .org_col,
    .reschIntro .org_box.depth6 .org_col {float: none; width: 100%; margin-top: 20px;}
    .reschIntro .org_box.depth4 .org_col:before,
    .reschIntro .org_box.depth6 .org_col:before {width: calc(100% - 79px); height: 2px; left: auto; right: 0;}
    .reschIntro .org_box.depth7:before {display: none;}
    .reschIntro .org_box.depth7 .org_col {float: none; width: 100%; margin: 20px 0 0;}
    .reschIntro .org_box.depth7 .org_col:nth-child(1) {margin-top: 0;}
    .reschIntro .org_box.depth7 .org_col:before {width: calc(100% - 79px); height: 2px; left: auto; right: 0; top: 50%;}
    .reschIntro .org_box.depth7 .org_col:nth-child(3):before {display: block;}
    .reschIntro .org_box.depth7 .org_item {float: right; width: 160px;}
    .reschIntro .basic_box:nth-child(2) .tc {margin-top: 25px;}
}


/* business */
.business .sub_top_img {background-image: url(../images/sub/business_img.jpg);}
.business .basic_box .tc {margin-top: 40px;}

@media all and (max-width:1023px) {
}
@media all and (max-width: 767px) {
    .business .basic_box .tc {margin-top: 25px;}
}


/* movie */
.movie_box {position: relative; width: 100%; background: #f5f5f5; padding-top: 56.25%; overflow: hidden;}
.movie_box iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}