@charset "utf-8";

.page_section_wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
/* margin-bottom:70px !important; */
}
.page_header {
position: relative;
width: 100%;
height: 380px;
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_header_img.jpg")
no-repeat;
background-size: cover;
}
.page_header.service {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_service_bg.jpg")
no-repeat;
background-size: cover;
}
.page_header.notice {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_notice_bg.jpg")
no-repeat;
background-size: cover;
}
.page_header.partnership {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_partnership_bg.jpg")
no-repeat;
background-size: cover;
}
.page_header.hire {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_hire_bg.jpg")
no-repeat;
background-size: cover;
}
.page_header .bg_filter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 0;
}
.page_title_box {
position: relative;
width: 1240px;
height: 100%;
text-align: center;
margin: 0 auto;
}
.page_title_box .page_title {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 380px;
vertical-align: middle;
color: #fff;
}
.page_nav {
position: relative;
width: 100%;
height: 80px;
background-color: #1e1e1e;
}
.page_nav .page_nav_list {
position: absolute;
top: 49%;
left: 50%;
transform: translate(-50%, -50%);
}
.page_nav .page_nav_list.pc {
display: block;
}
.page_nav .page_nav_list.mobile {
display: none;
}
.page_nav_list .down_arrow {
display: none;
}
.page_nav_list > li {
display: inline-block;
margin-right: 82px;
}
.page_nav_list > li.eng {
margin-right: 30px;
}
.page_nav_list > li.last_item {
margin-right: 0;
}
.page_nav_list > li > a {
display: block;
color: #666666;
font-size: 17px;
font-weight: 700;
}
.page_nav_list > li.on > a {
color: #fff;
}

/* 개요 */
.second_page .page_section_wrapper {
position: relative;
width: 1160px;
height: 100%;
overflow: hidden;
margin: 0 auto;
padding-top: 80px;
}
.second_page .page_section_wrapper.romand {
width: 100%;
}
.second_page .page_section_wrapper.icolor {
overflow: visible;
}
.second_page.introduce .page_section_wrapper {
overflow: visible;
}
.summary_title {
width: 100%;
text-align: center;
margin-bottom: 80px;
}
.summary_title.coha {
margin-bottom: 81px;
}
.summary_title > p.catchphrase {
font-family: "Poppins", sans-serif;
font-size: 70px;
font-weight: 700;
line-height: 88px;
margin-top: 41px;
margin-bottom: 0;
}
.summary_title > .vertical_line {
width: 1px;
height: 60px;
background-color: #6c6c6c;
margin: 0 auto 30px auto;
}
.summary_title > p {
font-family: "Poppins", sans-serif;
font-size: 40px;
font-weight: 700;
color: #1e1e1e;
margin-bottom: 16px;
}
.summary_title > span {
display: block;
font-size: 20px;
line-height: 29px;
color: #333;
}
.summary_title > span.pc {
display: block;
}
.summary_title > span.mobile {
display: none;
}
.summary_table {
position: relative;
width: 100%;
margin-bottom: 110px;
}
.table_title {
display: inline-block;
width: 300px;
padding-top: 60px;
border-top: 2px solid #262626;
vertical-align: top;
margin-right: 45px;
}
.table_title > span {
font-size: 30px;
font-weight: 700;
}
.table_contents_box {
display: inline-block;
width: 810px;
padding-top: 10px;
border-top: 2px solid #262626;
vertical-align: top;
}
.table_line {
width: 100%;
height: 60px;
border-bottom: 1px solid #e6e6e6;
}
.table_line .line_title {
display: inline-block;
width: 135px;
font-size: 16px;
line-height: 59px;
vertical-align: middle;
margin-right: 3px;
}
.table_line .line_content {
display: inline-block;
width: calc(100% - 145px);
line-height: 59px;
vertical-align: middle;
font-size: 16px;
color: #666666;
}
.large_table_line {
position: relative;
display: flex;
width: 100%;
height: 100%;
border-bottom: 1px solid #e6e6e6;
}
.large_table_line .large_line_title {
display: inline-block;
position: relative;
width: 135px;
/* height: 425px; */
font-size: 16px;
vertical-align: top;
}
.large_line_title > span {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.large_table_line .large_line_title > span.pc {
display: block;
}
.large_table_line .large_line_title > span.mobile {
display: none;
}
.large_table_line .main_service_box {
/* display: inline-block; */
display: flex;
flex-direction: column;
vertical-align: top;
width: calc(100% - 145px);
}
.main_service_box .main_service_line {
position: relative;
display: flex;
/* height: 85px; */
height: 100%;
padding: 20px 0;
border-bottom: 1px solid #e6e6e6;
}
.main_service_box .main_service_line:last-child {
border-bottom: 0;
}
.main_service_line .main_service_title {
/* display: inline-block; */
display: flex;
align-items: center;
width: 120px;
/* height: 100%; */
margin-right: 2px;
font-size: 16px;
font-weight: 700;
/* line-height: 84px; */
line-height: 1.2;
vertical-align: middle;
}
/* .main_service_line .main_service_title.eng {
padding-top: 20px;
line-height: 1.2;
} */
.main_service_line .main_service_content {
/* display: inline-block; */
display: flex;
flex-direction: column;
justify-content: center;
width: calc(100% - 130px);
/* position: absolute;
top: 50%;
transform: translateY(-50%); */
}
.main_service_content > p {
font-size: 16px;
line-height: 24px;
color: #666666;
margin-bottom: 2px;
}
.main_service_content > p.pc {
display: block;
}
.main_service_content > p.pc.eng {
line-height: 18px;
}
.main_service_content > p.mobile {
display: none;
}
.main_service_content > a,
.main_service_content .service_link_box > a {
width: fit-content;
font-family: "Poppins", sans-serif;
font-size: 12px;
color: #0075d9;
text-decoration: underline;
}
.main_service_content > a.iwd_app,
.main_service_content .service_link_box > a.iwd_app {
margin-left: 5px;
}

.key_ability_box {
position: relative;
width: 100%;
margin-bottom: 170px;
}
.key_ability_box .bg_box {
position: relative;
width: 100%;
height: 400px;
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/ability_bg.jpg")
no-repeat;
background-size: cover;
margin-bottom: 140px;
}
.bg_box .ability_text_box {
position: absolute;
bottom: -70px;
left: 50%;
transform: translateX(-50%);
width: 800px;
height: 200px;
background-color: #fff;
padding: 63px 180px 0 180px;
text-align: center;
}
.ability_text_box > p {
font-size: 30px;
font-weight: 700;
line-height: 45px;
margin-bottom: 10px;
}
.ability_text_box > span {
display: block;
font-size: 18px;
line-height: 26px;
color: #666666;
}
.ability_text_box > span.pc {
display: block;
}
.ability_text_box > span.mobile {
display: none;
}

.key_ability_box .icon_box {
position: relative;
width: 800px;
margin: 0 auto;
padding: 0 26px;
}
.icon_box .icon_content {
display: inline-block;
margin-right: 155px;
text-align: center;
vertical-align: top;
}
.icon_box .icon_content:nth-child(1) {
width: 145px;
}
.icon_box .icon_content:nth-child(2) {
width: 135px;
}
.icon_box .icon_content:nth-child(3) {
width: 145px;
margin-right: 0;
}
.icon_box .icon_content > p {
font-size: 20px;
line-height: 29px;
color: #1e1e1e;
}
.icon_box .icon_content:nth-child(1) > p {
margin-top: 44px;
}
.icon_box .icon_content:nth-child(2) > p {
margin-top: 40px;
}
.icon_box .icon_content:nth-child(3) > p {
margin-top: 39.5px;
}
.icon_content > span {
display: block;
width: 100%;
}
.icon_content > span > img {
width: 100%;
}

.it_key_box {
position: relative;
width: 100%;
margin-bottom: 245px;
}
.it_key_title {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.it_key_title > p {
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
}
.it_key_title > span {
display: block;
font-size: 18px;
line-height: 26px;
color: #666666;
}
.it_key_title > span.pc {
display: block;
}
.it_key_title > span.mobile {
display: none;
}

.it_key_items {
position: relative;
width: 100%;
}
.it_key_items.pc {
display: block;
}
.it_key_items.mobile {
display: none;
}
.it_key_items .it_key_item {
display: inline-block;
width: 360px;
margin-right: 35px;
vertical-align: top;
}
.it_key_items .it_key_item:last-child {
margin-right: 0;
}
.it_key_item .item_bg_box {
position: relative;
width: 100%;
height: 200px;
margin-bottom: 25px;
}
.it_key_item:nth-child(1) > .item_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/key_img01.jpg")
no-repeat;
background-size: cover;
}
.it_key_item:nth-child(2) > .item_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/key_img02.jpg")
no-repeat;
background-size: cover;
}
.it_key_item:nth-child(3) > .item_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/key_img03.jpg")
no-repeat;
background-size: cover;
}
.it_key_item .item_bg_box .circle_item {
position: absolute;
left: -20px;
top: -10px;
width: 80px;
height: 80px;
border-radius: 50%;
text-align: center;
padding-top: 22px;
}
.item_bg_box .circle_item > span {
color: #fff;
font-size: 17px;
font-weight: 700;
line-height: 18px;
}
.item_bg_box .circle_item.patent {
background-color: #2eaadf;
}
.item_bg_box .circle_item.tech {
background-color: #66bf7a;
}
.it_key_item .item_text_box {
width: 100%;
}
.it_key_item .item_text_box .top_description {
display: block;
font-size: 15px;
color: #666666;
margin-bottom: 13px;
}
.it_key_item .item_text_box .item_title {
font-size: 20px;
font-weight: 500;
color: #1e1e1e;
margin-bottom: 20px;
}
.it_key_item .item_text_box .bottom_description {
display: block;
font-size: 16px;
color: #434343;
}
.it_key_items.pc.eng > .it_key_item > .item_bg_box > .circle_item {
padding-top: 30px;
}
.it_key_items.pc.eng > .it_key_item > .item_bg_box > .circle_item > span {
font-size: 14px;
}

.romand_box {
position: relative;
width: 100%;
margin-bottom: 190px;
}
.left_title_box {
display: inline-block;
width: 300px;
vertical-align: top;
padding-top: 60px;
border-top: 2px solid #262626;
margin-right: 45px;
}
.left_title_box .brand_title {
margin-bottom: 40px;
}
.left_title_box .brand_title > .top {
font-family: "Poppins", sans-serif;
font-size: 30px;
color: #cbcbcb;
margin-bottom: 3px;
}
.left_title_box .brand_title > .bottom {
font-family: "Poppins", sans-serif;
font-size: 30px;
font-weight: 700;
color: #262626;
}
.left_title_box .short_divide_line {
width: 30px;
height: 1px;
background-color: #cbcbcb;
margin-bottom: 20px;
}
.left_title_box .korean_title {
font-size: 30px;
font-weight: 700;
}
.right_contents_box {
display: inline-block;
width: 810px;
vertical-align: top;
}
.right_contents_box .brand_item {
position: relative;
width: 100%;
margin-bottom: 60px;
}
.right_contents_box .brand_item:last-child {
margin-bottom: 0;
}
.brand_item .brand_bg_box {
width: 100%;
height: 200px;
margin-bottom: 35px;
}
.brand_item:nth-child(1) .brand_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/brand_img01.jpg")
no-repeat;
background-size: cover;
}
.brand_item:nth-child(2) .brand_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/brand_img02.jpg")
no-repeat;
background-size: cover;
}
.brand_item:nth-child(3) .brand_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/brand_img03.jpg")
no-repeat;
background-size: cover;
}
.brand_item .brand_text_box {
width: 100%;
}
.brand_text_box > p {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.brand_text_box > span {
display: block;
font-size: 16px;
color: #434343;
line-height: 26px;
}

.iwd_box {
position: relative;
width: 100%;
margin-bottom: 180px;
}
.right_contents_box .b2_box {
display: inline-block;
height: 500px;
vertical-align: top;
background-color: #f8f8fa;
padding: 50px 0 0 40px;
}
.b2_box.b2c {
width: 350px;
margin-right: 5px;
}
.b2_box.b2b {
width: 450px;
}
.b2_box .b2_title {
font-family: "Poppins", sans-serif;
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
}
.b2_box .b2_description {
font-size: 20px;
font-weight: 500;
}
.b2_box .app_img_box {
position: relative;
height: 100px;
margin: 55px 0;
}
.b2_box .app_img_box.eng {
margin: 55px 0 35px 0;
}
.app_img_box .app_img {
display: inline-block;
width: 100px;
height: 100%;
}
.app_img_box .app_img > img {
width: 100%;
}
.app_img_box .app_text {
display: inline-block;
font-size: 16px;
font-weight: 500;
line-height: 100px;
vertical-align: top;
margin-left: 20px;
}
.b2_box .description_box > span {
display: block;
font-size: 16px;
line-height: 26px;
color: #434343;
}

.b2_box .b2b_img_box {
width: 100%;
padding: 0 60px 0 20px;
margin: 45px 0;
}
.b2b_img_box .b2b_circle {
display: inline-block;
vertical-align: top;
width: 120px;
height: 120px;
border-radius: 50%;
font-size: 16px;
font-weight: 700;
color: #fff;
line-height: 120px;
text-align: center;
}
.b2b_img_box .b2b_circle.iwd {
background-color: #2eaadf;
}
.b2b_img_box .b2b_circle.wd_company {
background-color: #434343;
}
.b2b_img_box .b2b_arrow {
display: inline-block;
width: 72px;
margin: 40px 5px 0 5px;
}
.b2b_img_box .b2b_arrow > img {
width: 100%;
}
.b2_box .description_group .description_box {
display: inline-block;
vertical-align: top;
}
.b2_box .description_group .description_box:first-child {
margin-right: 27px;
}

.vision_box {
position: relative;
width: 100%;
margin-bottom: 200px;
}
.vision_box .vision_title {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.vision_box .vision_title > p {
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
}
.vision_box .vision_title > span {
display: block;
font-size: 18px;
color: #666666;
}
.vision_box .vision_title > span.pc {
display: block;
}
.vision_box .vision_title > span.mobile {
display: none;
}
.vision_box > .vision_item_box .vision_item {
width: 290px;
height: 450px;
}
.vision_box > .vision_item_box .vision_item .vision_item_description > p {
font-weight: 400;
}

.greeting_box {
position: relative;
width: 100%;
margin-bottom: 100px;
}
.greeting_box .pic_box {
width: 100%;
height: 620px;
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/ceo_img03.jpg")
no-repeat;
background-size: cover;
background-color: #ebebeb;
}
.greeting_box .greeting_text_box {
width: 960px;
background-color: #fff;
margin-top: -190px;
padding: 60px 50px 0 50px;
}
.greeting_text_box .greeting_paragraph {
margin-bottom: 40px;
}
.greeting_text_box .greeting_paragraph:last-child {
margin-bottom: 0;
}
.greeting_paragraph > p {
font-size: 16px;
line-height: 28px;
color: #333;
}
.greeting_box .ceo_sign_box {
position: relative;
width: 100%;
height: 70px;
margin-top: 40px;
}
.ceo_sign_box .sign_group {
position: absolute;
right: 0;
height: 100%;
}
.sign_group .ceo {
display: inline-block;
font-size: 16px;
line-height: 70px;
vertical-align: top;
}
.sign_group .sign_img {
display: inline-block;
width: 184px;
height: 100%;
margin-left: 30px;
}
.sign_group .sign_img > img {
width: 100%;
}

/* 공지사항 페이지 */
.notice_table {
position: relative;
width: 100%;
margin-bottom: 50px;
}
.notice_table .table_header {
width: 100%;
height: 60px;
border-top: 2px solid #262626;
border-bottom: 2px solid #262626;
}
.notice_table .post_line {
width: 100%;
height: 53px;
border-bottom: 1px solid #e6e6e6;
}
.ir_board_table {
position: relative;
width: 100%;
margin-bottom: 50px;
}
.ir_board_table .table_header {
width: 100%;
height: 60px;
border-top: 2px solid #262626;
border-bottom: 2px solid #262626;
}
.ir_board_table .post_line {
width: 100%;
height: 53px;
border-bottom: 1px solid #e6e6e6;
}
.post_line > a {
display: block;
width: 100%;
height: 100%;
}
.post_num,
.post_num2,
.post_title,
.post_title2,
.post_date,
.post_date2,
.post_file,
.post_submitter {
display: inline-block;
height: 100%;
text-align: center;
vertical-align: top;
line-height: 52px;
}
.post_num {
width: 70px;
margin-right: -4px;
font-family: "Poppins", sans-serif;
font-size: 14px;
}
.post_num2 {
width: 120px;
margin-right: -4px;
font-family: "Poppins", sans-serif;
font-size: 14px;
}
.post_title {
width: 980px;
margin-right: -4px;
font-size: 15px;
color: #1e1e1e;
line-height: 51px;
}
.post_title2 {
width: 770px;
margin-right: -4px;
font-size: 15px;
color: #1e1e1e;
line-height: 51px;
}
.post_submitter {
width: 150px;
font-size: 14px;
}
.notice_table.announcement .post_submitter > span {
display: none;
}
.ir_board_table.announcement .post_submitter > span {
display: none;
}
.post_line > a > .post_title {
text-align: left;
}
.post_line > a > .post_title > p {
width: 485px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post_line > a > .post_title2 {
text-align: left;
}
.post_line > a > .post_title2 > p {
width: 485px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.post_date {
width: 110px;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #cbcbcb;
}
.post_date2 {
width: 250px;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #cbcbcb;
}
.post_file {
width: 110px;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #cbcbcb;
}
.notice_table.announcement .post_date {
width: 120px;
margin-right: -4px;
}
.notice_table.announcement .post_file {
width: 120px;
margin-right: -4px;
}
.notice_table.announcement .post_title {
width: 890px;
}
.ir_board_table.announcement .post_date {
width: 120px;
margin-right: -4px;
}
.ir_board_table .post_file {
width: 120px;
margin-right: -4px;
}
.ir_board_table .post_title2 {
width: 670px;
}
.table_header > .post_num,
.table_header > .post_num2,
.table_header > .post_title,
.table_header > .post_title2,
.table_header > .post_date,
.table_header > .post_date2,
.table_header > .post_file {
line-height: 56px;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #1e1e1e;
}
.pagination_wrapper {
position: relative;
width: 100%;
height: 40px;
}
.notice_pagination {
position: absolute;
height: 40px;
/* width: 301px; */
/* margin: 50px auto 70px auto; */
top: 0;
left: 50%;
transform: translateX(-50%);
}
.notice_pagination > a {
display: inline-block;
vertical-align: top;
width: 40px;
height: 100%;
line-height: 38px;
border: 1px solid #dfdfdf;
text-align: center;
}
.notice_pagination .prev_btn {
margin-right: -3.5px;
}
.notice_pagination .next_btn {
margin-left: -3.5px;
}
.notice_pagination .page_num_box {
display: inline-block;
vertical-align: top;
margin: 0 10px;
height: 100%;
}
.page_num_box > a {
display: inline-block;
width: 40px;
height: 100%;
text-align: center;
line-height: 40px;
font-weight: 500;
color: #262626;
margin-right: -4px;
}
.page_num_box > a:last-child {
margin-right: 0;
}
.page_num_box > a.current {
background-color: #f4f4f4;
}

/* 공지사항 디테일 */
.notice_detail {
position: relative;
width: 100%;
}
.notice_detail .detail_title {
width: 100%;
border-top: 2px solid #262626;
border-bottom: 2px solid #262626;
padding: 27px 0 20px 2px;
margin-bottom: 50px;
}
.detail_title > .date_text.mobile {
display: none;
}
.detail_title > .title_text {
font-family: "Poppins", sans-serif;
font-size: 22px;
font-weight: 700;
color: #1e1e1e;
}
.post_info_box {
margin-top: 12px;
}
.post_info_box > span {
display: inline-block;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #1e1e1e;
width: auto;
height: auto;
vertical-align: top;
line-height: normal;
text-align: left;
}
.post_info_box > span:nth-child(1),
.post_info_box > span:nth-child(2) {
margin-right: 38px;
}
.notice_detail .detail_content {
width: 980px;
padding-right: 90px;
margin-bottom: 50px;
font-size: 15px;
line-height: 30px;
color: #1e1e1e;
word-break: keep-all;
padding-left: 8px;
}

.notice_detail .list_link_btn {
position: relative;
width: 100%;
height: 52px;
margin-bottom: 40px;
}
.list_link_btn > a {
display: block;
width: 180px;
height: 100%;
border: 1px solid #707070;
font-size: 15px;
font-weight: 500;
line-height: 50px;
text-align: center;
position: absolute;
right: 0;
}

.post_nav_table {
width: 100%;
border-top: 2px solid #262626;
margin-bottom: 190px;
}
.post_nav_table > .table_contents > .post_line {
border-bottom: 1px solid #e6e6e6;
}

/* 파트너십 페이지 */
.partner_process_box {
position: relative;
width: 100%;
margin-bottom: 120px;
}
.left_text_box {
display: inline-block;
vertical-align: top;
width: 300px;
border-top: 2px solid #262626;
padding-top: 60px;
margin-right: 45px;
}
.left_text_box > p {
font-size: 30px;
font-weight: 700;
}
.right_icon_box,
.right_inquiry_box {
display: inline-block;
vertical-align: top;
width: 810px;
border-top: 2px solid #262626;
padding-top: 60px;
}
.right_inquiry_box.eng > .area_box > .area_inquiry {
height: 160px;
}
.right_icon_box .icon_item {
display: inline-block;
vertical-align: top;
width: 200px;
}
.right_icon_box .icon_item:nth-child(2) {
margin: 0 80px;
}
.icon_item .icon_img_box {
width: 100%;
height: 200px;
margin-bottom: 30px;
}
.icon_img_box > img {
width: 100%;
}
.icon_item .icon_text_box {
width: 100%;
text-align: center;
}
.icon_text_box > p {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
color: #1e1e1e;
}
.icon_text_box > span {
display: block;
font-size: 16px;
line-height: 26px;
color: #434343;
}
.partner_inquiry_box {
position: relative;
width: 100%;
margin-bottom: 180px;
}
.right_inquiry_box .area_box {
position: relative;
width: 100%;
padding-bottom: 60px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 60px;
}
.right_inquiry_box .area_box:last-child {
margin-bottom: 0;
}
.area_box .area_logo {
display: inline-block;
width: 150px;
height: 150px;
margin-right: 35px;
}
.area_logo > img {
width: 100%;
}
.area_box .area_inquiry {
display: inline-block;
vertical-align: top;
width: 290px;
height: 150px;
position: relative;
}
.area_inquiry.right_border {
border-right: 1px solid #e6e6e6;
margin-right: 35px;
}
.area_inquiry .inquiry_title {
padding-top: 10px;
}
.area_inquiry .inquiry_title > span {
display: block;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #666666;
margin-bottom: 13px;
letter-spacing: 1px;
}
.area_inquiry .inquiry_title > p {
font-size: 20px;
font-weight: 500;
color: #1e1e1e;
}
.send_mail_btn {
width: 180px;
height: 50px;
border: 1px solid #707070;
position: absolute;
bottom: 0;
left: 0;
}
.send_mail_btn > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
color: #1e1e1e;
font-size: 15px;
font-weight: 500;
line-height: 48px;
}

/* 채용 페이지 */
.talanted_box {
position: relative;
width: 100%;
margin-bottom: 80px;
}
.right_talant_list {
display: inline-block;
vertical-align: top;
width: 810px;
padding-top: 30px;
border-top: 2px solid #262626;
}
.talanted_item {
position: relative;
width: 100%;
height: 128px;
}
.talanted_item .item_num {
display: inline-block;
vertical-align: top;
width: 128px;
height: 100%;
text-align: center;
}
.item_num > p {
font-family: "Poppins", sans-serif;
font-size: 90px;
line-height: 128px;
}
.talanted_item:nth-child(1) .item_num > p {
color: #ed8241;
}
.talanted_item:nth-child(2) .item_num > p {
color: #e8594a;
}
.talanted_item:nth-child(3) .item_num > p {
color: #6074b4;
}
.talanted_item:nth-child(4) .item_num > p {
color: #2eaadf;
}
.talanted_item:nth-child(5) .item_num > p {
color: #6abe96;
}
.talanted_item .talant_content {
display: inline-block;
vertical-align: top;
width: calc(100% - 133px);
height: 100%;
padding: 25px 0;
position: relative;
}
.talant_content > p {
font-family: "Poppins", sans-serif;
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
color: #1e1e1e;
}
.talant_content > span {
display: block;
position: absolute;
left: 0;
bottom: 30px;
font-size: 16px;
color: #333333;
}
.welfare_box {
position: relative;
width: 100%;
margin-bottom: 80px;
}
.welfare_list {
display: inline-block;
vertical-align: top;
width: 810px;
padding-top: 60px;
border-top: 2px solid #262626;
}
.welfare_list > li {
display: block;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.welfare_list > li .list_circle {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #cbcbcb;
margin-right: 5px;
vertical-align: middle;
}
.welfare_list > li > p {
display: inline-block;
font-size: 16px;
color: #333333;
}
.hire_process_box {
position: relative;
width: 100%;
margin-bottom: 200px;
}
.hire_icon_box {
display: inline-block;
vertical-align: top;
width: 810px;
padding-top: 60px;
border-top: 2px solid #262626;
}
.hire_icon_item {
display: inline-block;
vertical-align: top;
width: 180px;
margin-right: 25px;
}
.hire_icon_item:nth-child(4) {
margin-right: 0;
}
.hire_icon_item .hire_icon {
width: 100%;
height: 180px;
margin-bottom: 20px;
}
.hire_icon > img {
width: 100%;
}
.hire_icon_item .hire_text {
width: 100%;
text-align: center;
}
.hire_text > p {
font-family: "Poppins", sans-serif;
font-size: 24px;
font-weight: 700;
text-decoration: underline;
color: #1e1e1e;
margin-bottom: 15px;
}
.hire_text > span {
display: block;
font-size: 18px;
font-weight: 500;
color: #1e1e1e;
}
.hire_icon_box .hire_notice {
margin: 80px 0;
font-size: 16px;
color: #333333;
}
.hire_notice_btn {
width: 300px;
height: 50px;
border: 1px solid #707070;
}
.hire_notice_btn > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 48px;
font-size: 15px;
font-weight: 500;
color: #1e1e1e;
}

/* 수상이력 페이지 */
.award_list {
position: relative;
width: 100%;
border-top: 2px solid #262626;
padding-top: 50px;
margin-bottom: 200px;
}
.award_item {
width: 100%;
height: 220px;
position: relative;
margin-bottom: 50px;
border-bottom: 1px solid #e6e6e6;
/* padding-bottom: 50px; */
padding: 0 40px 50px 40px;
list-style-type: none;
}
.award_item:last-child {
margin-bottom: 0;
}
.award_item .award_thumb {
display: inline-block;
vertical-align: top;
width: 250px;
height: 100%;
margin-right: 25px;
}
.award_thumb > img {
width: 100%;
}
.award_item .award_text {
display: inline-block;
position: relative;
vertical-align: top;
width: 800px;
height: 100%;
}
.award_text > p {
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 8px;
color: #1e1e1e;
}
.award_text > p.eng {
margin-bottom: 10px;
}
.award_text > span {
display: block;
font-size: 16px;
line-height: 26px;
color: #434343;
}
.award_text > span.eng {
line-height: 20px;
}
.award_text .view_news_btn {
position: absolute;
left: 0;
bottom: 0;
font-size: 15px;
color: #0075d9;
text-decoration: underline;
}

/* 언론보도 페이지 */
.press_bg {
position: relative;
width: 100%;
height: 630px;
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/press01.jpg")
no-repeat;
background-size: cover;
}
.press_board {
position: relative;
width: 960px;
margin: -300px auto 50px auto;
background-color: #fff;
padding: 100px 105px 0 105px;
}
.press_board .page_num {
display: block;
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #1e1e1e;
margin-bottom: 20px;
}
.board_list {
position: relative;
width: 100%;
border-top: 2px solid #262626;
}
.board_post {
position: relative;
width: 100%;
height: 50px;
border-bottom: 1px solid #e6e6e6;
}
.board_post > div {
display: inline-block;
vertical-align: top;
height: 100%;
}
.board_post .board_date {
width: 110px;
text-align: center;
font-size: 14px;
line-height: 49px;
font-family: "Poppins", sans-serif;
color: #cbcbcb;
margin-right: -4px;
}
.board_post .board_title {
width: calc(100% - 210px);
padding-left: 10px;
}
.board_title > p {
width: calc(100% - 50px);
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 15px;
line-height: 49px;
}
.board_post .press_news_view {
width: 95px;
}
.press_news_view > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
line-height: 49px;
color: #0075d9;
text-decoration: underline;
font-size: 14px;
}

/* 주요 연혁 페이지 */
.history_box {
position: relative;
width: 100%;
margin-bottom: 160px;
}
.history_nav {
position: relative;
display: inline-block;
vertical-align: top;
width: 300px;
margin-right: 45px;
border-top: 2px solid #262626;
}
.history_nav_item {
display: block;
width: 100%;
height: 80px;
transition: all 0.3s;
}
.history_nav_item.on {
height: 260px;
background-color: #262626;
}
.history_nav_item > a {
display: block;
width: 100%;
height: 100%;
text-align: center;
position: relative;
}
.history_nav_item > a .history_text_box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.history_text_box .history_text {
display: none;
}
.history_nav_item.on > a .history_text_box .history_text {
display: block;
font-family: "Poppins", sans-serif;
font-size: 22px;
color: rgba(255, 255, 255, 0.2);
margin-bottom: 10px;
}
.history_text_box .year_num {
font-family: "Poppins", sans-serif;
font-size: 30px;
font-weight: 700;
color: #cbcbcb;
}
.history_nav_item.on > a .history_text_box .year_num {
color: #ffffff;
}
.history_text_box .year_num.pc {
display: block;
}
.history_text_box .year_num.mobile {
display: none;
}

.history_contents {
position: relative;
display: inline-block;
vertical-align: top;
width: 810px;
border-top: 2px solid #262626;
padding-top: 20px;
}
.year_contents {
position: relative;
width: 100%;
display: none;
}
.year_contents.on {
display: block;
}
.year_box {
position: relative;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: 20px;
}
span.year_line {
display: inline-block;
vertical-align: top;
width: 70px;
height: 100%;
margin-right: 15px;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 600;
padding-top: 14px;
}
.month_box {
display: inline-block;
vertical-align: top;
width: calc(100% - 90px);
}
span.month_text {
display: inline-block;
vertical-align: top;
width: 60px;
height: 100%;
padding-top: 13px;
font-family: "Poppins", sans-serif;
font-size: 18px;
font-weight: 600;
}
.history_group {
display: inline-block;
vertical-align: top;
}
.history_group > p {
display: block;
font-size: 16px;
color: #666666;
padding: 8px 0;
line-height: 24px;
}
.stock_table_container {
position: relative;
width: 1160px;
margin: 0 auto;
}
.stock_table,
.price_table {
position: relative;
width: 100%;
margin-bottom: 70px;
}
.stock_table .stock_title {
display: block;
font-size: 24px;
font-weight: 700;
color: #262626;
margin-bottom: 20px;
}
.stock_table .stock_info {
display: flex;
width: 100%;
}
.stock_info .info_box {
display: flex;
flex-direction: column;
width: 580px;
}
.info_box .info_line,
.price_box .price_line {
width: 100%;
height: 60px;
display: flex;
border-bottom: 1px solid #e6e6e6;
}
.info_box .info_line .info_title,
.info_box .info_line .info_content {
width: 290px;
display: flex;
justify-content: center;
align-items: center;
}
.info_box .info_line .info_content {
justify-content: flex-end;
padding-right: 20px;
}
.info_box .info_line > div > p {
font-size: 15px;
}
.info_box .info_line .info_title {
background-color: #f7f7f7;
}
.info_box .info_line .info_title > p {
font-weight: 700;
color: #1e1e1e;
}
.info_box .info_line .info_title.top_item {
border-top: 2px solid #262626;
}
.info_box .info_line .info_content.top_item {
border-top: 2px solid #cbcbcb;
}
.info_box .info_line .info_content > p.num {
font-family: "Poppins", sans-serif;
color: #1e1e1e;
}
.info_box .info_line .info_content > p.down {
color: #2783c2;
}
.info_box .info_line .info_content > p.up {
color: #ea2515;
}
.price_table .price_title_box {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.price_table .price_title_box > p {
display: block;
font-size: 24px;
font-weight: 700;
color: #262626;
}
.price_table .price_title_box > span {
display: block;
font-size: 15px;
color: #ea2515;
}
.price_box .price_line.table_header {
background-color: #f7f7f7;
border-top: 2px solid #262626;
}
.price_box .price_line.table_header.no_border_top {
border-top: 0;
}
.price_table > .price_box .price_line > div {
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid #e6e6e6;
}
.price_table.time_price > .price_box .price_line > div {
width: 180px;
}
.price_table.time_price > .price_box .price_line > div:first-child {
width: 260px;
}
.price_table > .price_box .price_line div:last-child {
border-right: 0;
}
.price_line .price_table_title > p {
font-size: 15px;
font-weight: 700;
color: #1e1e1e;
}
.price_table > .price_box .price_line .price_table_content.right {
justify-content: flex-end;
padding-right: 20px;
}
.price_table_content > p.num {
font-family: "Poppins", sans-serif;
}
.price_table_content > p.num.up {
color: #ea2515;
}
.price_table_content > p.num.down {
color: #2783c2;
}
.price_table_content > p.num.green {
color: #04aa2a;
}
.price_table_content > p.total {
font-weight: 700;
color: #1e1e1e;
}
.price_table.day_price > .price_box .price_line > div {
width: 130px;
}
.price_table.day_price > .price_box .price_line > div:nth-child(2) {
width: 140px;
}
.price_table.day_price > .price_box .price_line > div:last-child {
width: 240px;
}
.tables_container {
position: relative;
display: flex;
justify-content: space-between;
width: 100%;
margin-bottom: 70px;
}
.tables_container > .price_table {
width: 560px;
}
.price_table.asking > .price_box .price_line > div {
width: 185px;
}
.price_table.asking > .price_box .price_line.sum {
border-top: 2px solid #262626;
margin-top: -1px;
}

.price_table.stock_firm > .price_box .price_line > div {
width: 140px;
}
.price_table.stock_firm > .price_box .price_line > div.top {
width: 50%;
}

@media all and (max-width: 1240px) {
.page_header {
height: 260px;
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_header_img_m.jpg")
no-repeat;
background-size: cover;
}
.page_header.service {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_service_bg_m.jpg")
no-repeat;
background-size: cover;
}
.page_header.notice {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_notice_bg_m.jpg")
no-repeat;
background-size: cover;
}
.page_header.partnership {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_partnership_bg_m.jpg")
no-repeat;
background-size: cover;
}
.page_header.hire {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/page_hire_bg_m.jpg")
no-repeat;
background-size: cover;
}
.page_title_box {
width: 100%;
}
.page_title_box .page_title {
font-size: 24px;
line-height: 260px;
}
.page_nav {
height: 56px;
transition: all 0.3s;
}
.page_nav.hire_open {
height: 115px;
}
.page_nav.open {
height: 280px;
}
.page_nav.one_menu.open {
height: 56px;
}
.page_nav.service_menu.open {
height: 286px;
}
.page_nav.notice_menu.open {
height: 232px;
}
.page_nav .page_nav_list {
position: relative;
top: unset;
left: unset;
width: 100%;
height: 100%;
transform: unset;
}
.page_nav .page_nav_list.pc {
display: none;
}
.page_nav .page_nav_list.mobile {
display: block;
}
.page_nav_list > li {
display: block;
position: relative;
margin-right: 0;
width: 100%;
height: 56px;
padding-left: 18px;
}
.page_nav_list > li > a {
width: 100%;
height: 100%;
line-height: 56px;
vertical-align: middle;
font-size: 14px;
/* color: #fff; */
}
.page_nav_list .down_arrow {
display: flex;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 56px;
justify-content: center;
align-items: center;
transition: all 0.3s;
cursor: pointer;
}
.page_nav_list .down_arrow > img {
width: 12px;
height: 7px;
/* vertical-align: top; */
}
.page_nav.open > .page_nav_list > .down_arrow {
transform: rotate(180deg);
}
.page_nav.hire_open > .page_nav_list > .down_arrow {
transform: rotate(180deg);
}

.second_page .page_section_wrapper {
width: 100%;
padding-top: 40px;
margin-bottom:100px;
}
.summary_title {
margin-bottom: 50px;
}
.summary_title.coha {
margin-bottom: 30px;
}
.summary_title > .vertical_line {
height: 40px;
margin: 0 auto 24px auto;
}
.summary_title > p {
font-size: 28px;
margin-bottom: 15px;
}
.summary_title > p.eng {
line-height: 36px;
}
.summary_title > span {
font-size: 16px;
line-height: 24px;
}
.summary_title > span.pc {
display: none;
}
.summary_title > span.mobile {
display: block;
}
.summary_title > p.catchphrase {
margin-top: 30px;
font-size: 20px;
line-height: 32px;
}

.summary_table {
margin-bottom: 60px;
padding: 0 18px;
}
.table_title {
width: 100%;
padding: 15px 0;
margin-right: 0;
}
.table_title > span {
font-size: 16px;
}
.table_contents_box {
display: block;
width: 100%;
padding-top: 0;
}
.table_line {
display: flex;
height: 50px;
}
.table_line .line_title {
display: flex;
align-items: center;
width: 70px;
height: 100%;
font-size: 14px;
line-height: normal;
margin-right: 0;
}
.table_line .line_title.eng {
font-size: 10px;
}
.table_line .line_content {
display: flex;
align-items: center;
width: calc(100% - 70px);
line-height: normal;
font-size: 14px;
}
.large_table_line {
display: flex;
}
.large_table_line .large_line_title {
display: flex;
width: 70px;
height: auto;
font-size: 14px;
align-items: center;
}
.large_table_line .large_line_title > span {
position: relative;
top: unset;
transform: unset;
}
.large_table_line .large_line_title > span.pc {
display: none;
}
.large_table_line .large_line_title > span.mobile {
display: block;
}
.large_table_line .main_service_box {
display: flex;
flex-direction: column;
width: calc(100% - 70px);
}
.main_service_box .main_service_line {
display: flex;
flex-direction: column;
height: auto;
padding: 15px 0;
}
.main_service_line .main_service_title {
display: block;
width: auto;
height: auto;
margin-right: 0;
font-size: 14px;
line-height: normal;
}
.main_service_line .main_service_content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
margin-top: 5px;
top: unset;
transform: unset;
}
.main_service_content > p {
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
}
.main_service_content > p.pc {
display: none;
}
.main_service_content > p.mobile {
display: block;
}
.main_service_content > a,
.main_service_content .service_link_box > a {
display: inline-block;
font-size: 12px;
}
.main_service_content > p.spacing {
letter-spacing: -0.5px;
}

.key_ability_box {
margin-bottom: 80px;
}
.key_ability_box .bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/ability_bg_m.jpg")
no-repeat;
background-size: cover;
height: 220px;
margin-bottom: 90px;
}
.bg_box .ability_text_box {
bottom: -50px;
width: calc(100% - 36px);
height: 130px;
padding: 32px 0 0 0;
}
.ability_text_box > p {
font-size: 22px;
line-height: 33px;
}
.ability_text_box > span {
font-size: 13px;
line-height: 18px;
}
.ability_text_box > span.pc {
display: none;
}
.ability_text_box > span.mobile {
display: block;
}

.key_ability_box .icon_box {
width: calc(100% - 36px);
display: flex;
justify-content: space-between;
padding: 0 23px 0 10px;
}
.icon_box .icon_content {
margin-right: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.icon_box .icon_content > p {
font-size: 13px;
line-height: 18px;
}
.icon_box .icon_content:nth-child(1) {
width: 94px;
}
.icon_box .icon_content:nth-child(1) > span {
width: 67px;
}
.icon_box .icon_content:nth-child(1) > p {
margin-top: 23px;
}
.icon_box .icon_content:nth-child(2) {
width: 62px;
}
.icon_box .icon_content:nth-child(2) > p {
margin-top: 21px;
}
.icon_box .icon_content:nth-child(3) {
width: 67px;
}
.icon_box .icon_content:nth-child(3) > p {
margin-top: 20px;
}

.it_key_box {
margin-bottom: 80px;
}
.it_key_title {
margin-bottom: 23px;
}
.it_key_title > p {
font-size: 22px;
margin-bottom: 15px;
}
.it_key_title > span {
font-size: 13px;
line-height: 18px;
}
.it_key_title > span.pc {
display: none;
}
.it_key_title > span.mobile {
display: block;
}

.it_key_items.pc {
display: none;
}
.it_key_items.mobile {
display: block;
}
.it_key_slider {
width: 100%;
padding: 0 18px;
overflow: visible;
}
.it_key_slider .it_key_item {
width: 280px;
margin-right: 0;
}
.it_key_slider .it_key_item:nth-child(1) .item_bg_box {
background: none;
}
.it_key_slider .it_key_item:nth-child(2) .item_bg_box {
background: none;
}
.it_key_slider .it_key_item:nth-child(3) .item_bg_box {
background: none;
}
.it_key_item .item_bg_box {
height: 154px;
margin-bottom: 25px;
}
.it_key_item .item_bg_box > img {
width: 100%;
}
.it_key_item .item_bg_box .circle_item {
display: flex;
width: 60px;
height: 60px;
padding-top: 0;
justify-content: center;
align-items: center;
left: -10px;
top: -10px;
}
.item_bg_box .circle_item > span {
font-size: 13px;
line-height: 14px;
}
.it_key_item .item_text_box .top_description {
font-size: 12px;
margin-bottom: 10px;
}
.it_key_item .item_text_box .item_title {
font-size: 16px;
margin-bottom: 12px;
}
.it_key_item .item_text_box .bottom_description {
font-size: 12px;
}
.it_key_items.mobile.eng
> .swiper-wrapper
> .it_key_item
> .item_bg_box
> .circle_item
> span {
font-size: 10px;
}

.romand_box {
padding: 0 18px;
margin-bottom: 60px;
}
.left_title_box {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 15px 0;
border-bottom: 2px solid #262626;
margin-bottom: 20px;
}
.left_title_box .short_divide_line {
display: none;
}
.left_title_box .brand_title {
margin-bottom: 0;
order: 2;
display: flex;
}
.left_title_box .brand_title > .top {
font-size: 16px;
margin-right: 5px;
}
.left_title_box .brand_title > .bottom {
font-size: 16px;
}
.left_title_box .korean_title {
margin-bottom: 0;
order: 1;
font-size: 16px;
}

.right_contents_box {
width: 100%;
}
.right_contents_box .brand_item {
margin-bottom: 40px;
}
.brand_item .brand_bg_box {
height: 160px;
margin-bottom: 22px;
}
.brand_item:nth-child(1) .brand_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/brand_img01_m.jpg")
no-repeat;
background-size: cover;
}
.brand_item:nth-child(2) .brand_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/brand_img02_m.jpg")
no-repeat;
background-size: cover;
}
.brand_item:nth-child(3) .brand_bg_box {
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/brand_img03_m.jpg")
no-repeat;
background-size: cover;
}
.brand_text_box > p {
font-size: 16px;
margin-bottom: 10px;
}
.brand_text_box > span {
font-size: 14px;
line-height: 23px;
}
.brand_text_box > span.spacing {
letter-spacing: -0.5px;
}

.iwd_box {
padding: 0 18px;
margin-bottom: 80px;
}
.iwd_box > .left_title_box {
margin-bottom: 0;
}
.right_contents_box .b2_box {
display: block;
height: auto;
padding: 30px 0 40px 20px;
}
.b2_box.b2c {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.b2_box .b2_title {
font-size: 28px;
margin-bottom: 7px;
}
.b2_box .b2_description {
font-size: 17px;
}
.b2_box .app_img_box {
height: 80px;
margin: 20px 0;
}
.app_img_box .app_img {
width: 80px;
}
.app_img_box .app_text {
font-size: 14px;
line-height: 80px;
margin-left: 14px;
}
.b2_box .description_box > span {
font-size: 14px;
line-height: 23px;
}

.b2_box.b2b {
width: 100%;
padding: 30px 18px 40px 20px;
}
.b2_box .b2b_img_box {
height: 80px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0;
}
.b2b_img_box .b2b_circle {
width: 80px;
height: 80px;
font-size: 14px;
line-height: 80px;
}
.b2b_img_box .b2b_arrow {
margin: 0 10px;
}
.b2_box .description_group {
display: flex;
justify-content: space-between;
}
.b2_box .description_group .description_box:first-child {
width: 147px;
margin-right: 0;
}
.b2_box .description_group .description_box:last-child {
width: 132px;
}

.vision_box {
padding: 0 18px;
margin-bottom: 110px;
}
.vision_box .vision_title > p {
font-size: 22px;
margin-bottom: 15px;
}
.vision_box .vision_title > span {
font-size: 13px;
line-height: 18px;
}
.vision_box .vision_title > span.pc {
display: none;
}
.vision_box .vision_title > span.mobile {
display: block;
}
.vision_box .vision_item_box {
padding: 0;
}
.vision_box .vision_item_box .vision_item {
width: 49.8%;
height: auto;
padding: 30px 8px 40px 15px;
}
.vision_box .vision_item_box .vision_item:nth-child(3) {
background-color: #f4f4f8;
}
.vision_box .vision_item_box .vision_item:nth-child(4) {
background-color: #f8f8fa;
}

/* 공지사항 페이지 */
.notice_table {
padding: 0 18px;
}
.notice_table .table_header {
display: none;
}
.notice_table .table_contents {
width: 100%;
border-top: 2px solid #262626;
}
.notice_table .post_line {
height: auto;
}
.ir_board_table {
padding: 0 18px;
}
.ir_board_table .table_header {
display: none;
}
.ir_board_table .table_contents {
width: 100%;
border-top: 2px solid #262626;
}
.ir_board_table .post_line {
height: auto;
}
.post_line > a {
position: relative;
display: flex;
flex-direction: column;
padding: 20px 0;
}
.post_line > div {
position: relative;
display: flex;
flex-direction: column;
padding: 20px 0;
}
.post_line > a .post_num {
display: none;
}
.post_line > div .post_num2 {
display: none;
}
.post_line > a .post_title {
order: 2;
width: 100%;
line-height: normal;
}
.post_line > a .post_title > p {
width: calc(100% - 35px);
}
.post_line > div .post_title2 {
order: 2;
width: calc(100% - 120px);
line-height: normal;
}
.post_line > div .post_title2 > p {
width: calc(100% - 35px);
}
.post_line > a .post_date {
order: 1;
width: auto;
text-align: left;
line-height: normal;
}
.post_line > div .post_date2 {
order: 1;
width: calc(100% - 120px);
text-align: left;
line-height: normal;
}
.post_line > div .post_file {
order: 3;
width: 110px;
text-align: right;
line-height: normal;
position: absolute;
right: 0;
top: 0;
vertical-align: middle;
}
.post_line > div .post_file {
order: 3;
width: 120px;
text-align: right;
line-height: normal;
position: absolute;
right: 0;
top: 0;
vertical-align: middle;
}
  
.post_line > div .post_file a {
margin-top: 22px;
display: inline-block;
}
.notice_table.announcement .post_title {
width: 100%;
}
.notice_table.announcement .post_title2 {
width: 100%;
}
.notice_table.announcement .post_submitter {
display: block;
position: absolute;
top: 20px;
right: 5px;
width: auto;
height: auto;
line-height: normal;
font-size: 14px;
color: #262626;
}
.notice_table.announcement .post_submitter > span {
display: inline-block;
font-size: 14px;
color: #262626;
line-height: normal;
}
.ir_board_table.announcement .post_title {
width: 100%;
}
.ir_board_table.announcement .post_title2 {
width: 100%;
}
.ir_board_table.announcement .post_submitter {
display: block;
position: absolute;
top: 20px;
right: 5px;
width: auto;
height: auto;
line-height: normal;
font-size: 14px;
color: #262626;
}
.ir_board_table.announcement .post_submitter > span {
display: inline-block;
font-size: 14px;
color: #262626;
line-height: normal;
}

/* 공지사항 디테일 페이지 */
.notice_detail {
padding: 0 18px;
}
.notice_detail .detail_title {
margin-bottom: 30px;
}
.detail_title > .date_text.mobile {
display: block;
font-size: 14px;
color: #cbcbcb;
margin-bottom: 10px;
}
.detail_title > .title_text {
font-size: 17px;
line-height: 24px;
}
.post_info_box {
display: flex;
justify-content: space-between;
}
.post_info_box > span {
color: #cbcbcb;
}
.post_info_box .post_date.pc {
display: none;
}
.notice_detail .detail_content {
width: 100%;
padding-right: 10px;
line-height: 25px;
}
.notice_detail .list_link_btn {
height: 48px;
}
.list_link_btn > a {
width: 120px;
line-height: 46px;
left: 50%;
transform: translateX(-50%);
}

/* 파트너십 페이지 */
.partner_process_box {
padding: 0 18px;
margin-bottom: 80px;
}
.left_text_box {
display: block;
width: 100%;
padding: 15px 0;
margin-right: 0;
}
.left_text_box > p {
font-size: 16px;
}
.right_icon_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding-top: 50px;
}
.right_icon_box .icon_item {
width: 142px;
}
.right_icon_box .icon_item:nth-child(2) {
margin: 0 0 40px 0;
}
.icon_item .icon_img_box {
height: 142px;
margin-bottom: 16px;
}
.icon_text_box > p {
font-size: 16px;
margin-bottom: 10px;
}
.icon_text_box > span {
font-size: 13px;
line-height: 23px;
}
.partner_inquiry_box {
margin-bottom: 90px;
padding: 0 18px;
}
.right_inquiry_box {
display: flex;
flex-direction: column;
width: 100%;
padding-top: 40px;
margin-bottom: 40px;
}
.right_inquiry_box .area_box {
padding-bottom: 42px;
margin-bottom: 40px;
}
.right_inquiry_box .area_box:last-child {
margin-bottom: 0;
}
.right_inquiry_box.eng > .area_box > .area_inquiry {
height: auto;
}
.area_box .area_logo {
display: block;
width: 100px;
height: 100px;
margin-right: 0;
margin-bottom: 30px;
}
.area_box .area_inquiry {
display: flex;
justify-content: space-between;
align-items: center;
height: auto;
width: 100%;
}
.area_inquiry.right_border {
border-right: 0;
margin-right: 0;
margin-bottom: 30px;
}
.area_inquiry .inquiry_title {
padding-top: 2px;
}
.area_inquiry .inquiry_title > span {
font-size: 12px;
}
.area_inquiry .inquiry_title > p {
font-size: 15px;
}
.send_mail_btn {
position: relative;
bottom: unset;
left: unset;
width: 120px;
}

/* 채용 페이지 */
.talanted_box {
padding: 0 18px;
}
.right_talant_list {
display: flex;
flex-direction: column;
width: 100%;
padding-top: 20px;
}
.talanted_item {
display: flex;
align-items: center;
height: 100px;
}
.talanted_item.eng {
margin-bottom: 20px;
}
.talanted_item .item_num {
display: flex;
justify-content: center;
align-items: center;
width: 60px;
margin-right: 5px;
}
.item_num > p {
font-size: 60px;
line-height: normal;
}
.talanted_item .talant_content {
display: flex;
flex-direction: column;
padding: 0;
justify-content: center;
width: calc(100% - 65px);
height: auto;
text-align: left;
}
.talant_content > p {
font-size: 20px;
margin-bottom: 10px;
}
.talant_content > span {
font-size: 15px;
position: relative;
bottom: unset;
}
.welfare_box {
padding: 0 18px;
}
.welfare_list {
display: flex;
flex-direction: column;
width: 100%;
padding-top: 30px;
}
.welfare_list > li {
display: flex;
margin-bottom: 15px;
}
.welfare_list > li .list_circle {
margin-top: 9px;
}
.welfare_list > li > p {
width: calc(100% - 12px);
font-size: 15px;
line-height: 24px;
}

.hire_process_box {
padding: 0 18px;
margin-bottom: 80px;
}
.hire_icon_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding-top: 50px;
}
.hire_icon_item {
display: flex;
flex-direction: column;
align-items: center;
width: 142px;
margin-right: 0;
margin-bottom: 40px;
}
.hire_icon_item .hire_icon {
height: 142px;
}
.hire_text > p {
font-size: 18px;
margin-bottom: 10px;
}
.hire_text > span {
font-size: 16px;
}
.hire_icon_box .hire_notice {
font-size: 16px;
margin: 10px auto 45px auto;
text-align: center;
}
.hire_notice_btn {
width: 325px;
margin: 0 auto;
}

/* 대표 인사말 */
.greeting_box .pic_box {
height: 113vw;
background: url("../../../image/iwedding_plus/2021/ifamily_new_intro/ceo_img02_m.jpg")
no-repeat;
background-size: cover;
}
.greeting_box .greeting_text_box {
width: 100%;
margin-top: 0;
padding: 53px 18px 0 18px;
}
.greeting_text_box .greeting_paragraph {
margin-bottom: 30px;
}
.greeting_paragraph > p {
font-size: 15px;
line-height: 24px;
word-break: keep-all;
}
.greeting_box .ceo_sign_box {
height: 50px;
padding: 0 18px;
}
.ceo_sign_box .sign_group {
display: flex;
align-items: center;
right: 18px;
}
.sign_group .ceo {
font-size: 15px;
line-height: 50px;
}
.sign_group .sign_img {
width: 130px;
margin-left: 10px;
}

/* 수상이력 페이지 */
.award_list {
width: calc(100% - 36px);
margin: 0 auto 100px auto;
padding: 30px 0 0 0;
}
.award_item {
display: flex;
flex-direction: column;
height: auto;
margin-bottom: 30px;
padding: 0 10px 30px 10px;
}
.award_item .award_thumb {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 36vw;
background-color: #f7f7f7;
margin-bottom: 18px;
}
.award_thumb > img {
width: auto;
height: 100%;
}
.award_item .award_text {
display: flex;
flex-direction: column;
width: 100%;
}
.award_text > p {
font-size: 16px;
margin-bottom: 15px;
line-height: 26px;
word-break: keep-all;
margin-top: 0;
}
.award_text > span {
font-size: 14px;
line-height: 22px;
word-break: keep-all;
}
.award_text .view_news_btn {
position: relative;
font-size: 14px;
margin-top: 25px;
}

/* 언론 보도 페이지 */
.press_bg {
display: none;
}
.press_board {
width: 100%;
margin: 0;
padding: 0 18px;
}
.press_board .page_num {
display: none;
}
.board_post {
height: 110px;
padding-left: 2px;
display: flex;
justify-content: space-between;
align-items: center;
}
.board_post > div {
display: block;
height: auto;
}
.board_post .board_date {
position: absolute;
left: 2px;
top: 20px;
width: auto;
text-align: left;
line-height: normal;
margin-right: 0;
}
.board_post .board_title {
width: calc(100% - 87px);
padding-left: 0;
margin-top: 20px;
}
.board_title > p {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* 라인수 */
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 23px;
height: 46px;
white-space: normal;
}
.board_post .press_news_view {
width: 70px;
height: 70px;
border: 1px solid #0075d9;
}
.press_news_view > a {
line-height: normal;
text-decoration: none;
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px;
}

/* 주요 연혁 페이지 */
.history_box {
margin-bottom: 140px;
padding: 0 18px;
}
.history_nav {
display: flex;
width: 100%;
height: 60px;
margin-right: 0;
border-bottom: 2px solid #262626;
}
.history_nav_item {
width: 25%;
height: 100%;
}
.history_nav_item.on {
height: 100%;
}
.history_nav_item > a .history_text_box {
position: relative;
transform: unset;
top: unset;
left: unset;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.history_nav_item.on > a .history_text_box .history_text {
display: none;
}
.history_text_box .year_num {
font-size: 15px;
line-height: 18px;
}
.history_text_box .year_num.pc {
display: none;
}
.history_text_box .year_num.mobile {
display: block;
}
.history_contents {
display: flex;
flex-direction: column;
width: 100%;
border-top: 0;
padding-top: 0;
}
.year_box {
padding-bottom: 30px;
margin-bottom: 5px;
}
span.year_line {
display: block;
width: 100%;
margin-right: 0;
height: auto;
font-size: 18px;
padding: 26px 0 10px 0;
font-weight: 700;
}
.month_box {
display: flex;
flex-direction: column;
width: 100%;
}
.month_line {
display: flex;
}
span.month_text {
width: 35px;
font-size: 15px;
font-weight: 700;
/* padding-top: 13px; */
}
.history_group {
display: flex;
flex-direction: column;
width: calc(100% - 36px);
}
.history_group > p {
font-size: 14px;
line-height: 20px;
word-break: keep-all;
padding: 10px 0;
}

.pagination_wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.notice_pagination {
position: relative;
height: 100%;
left: unset;
transform: unset;
}

.stock_table_container {
width: 100%;
}
.stock_table,
.price_table {
margin-bottom: 40px;
}
.stock_table .stock_title {
font-size: 16px;
margin-bottom: 15px;
padding-left: 18px;
}
.stock_table .stock_info {
width: calc(100% - 36px);
margin: 0 auto;
}
.stock_info .info_box:first-child {
position: relative;
width: 51.6%;
}
.stock_info .info_box:last-child {
position: relative;
width: 48.4%;
}
.info_box .info_line,
.price_box .price_line {
height: 40px;
}
.info_box .info_line > div > p {
font-size: 12px;
}
.info_box .info_line > div > p > span {
display: inline-block;
width: 10px;
height: 8px;
}
.info_box .info_line > div > p > span > img {
display: block;
width: 10px;
height: 8px;
}
.info_box .info_line .info_title > p {
font-size: 11px;
}
.info_box .info_line .info_title {
width: 34.5%;
}
.info_box .info_line .info_content {
width: 65.5%;
padding-right: 10px;
}
.price_table .price_title_box {
margin-bottom: 15px;
padding: 0 18px;
}
.price_table .price_title_box > p {
font-size: 16px;
}
.price_table .price_title_box > span {
font-size: 14px;
}
.price_table.time_price {
position: relative;
width: 100%;
}
.price_table.time_price .price_box,
.price_table.day_price .price_box {
width: 100%;
display: flex;
flex-direction: column;
overflow-x: scroll;
padding: 0 18px;
-ms-overflow-style: none;
}
.price_table.time_price .price_box::-webkit-scrollbar,
.price_table.day_price .price_box::-webkit-scrollbar {
display: none;
}
.price_table.time_price .price_box .price_line {
min-width: 410px;
/* width: 410px; */
}
.price_table.time_price > .price_box .price_line > div {
min-width: 65px;
width: 15.85%;
}
.price_table.time_price > .price_box .price_line > div:first-child {
min-width: 70px;
width: 17%;
}
.price_table.time_price > .price_box .price_line > div:last-child {
min-width: 75px;
width: 18.29%;
}
.price_line .price_table_title > p {
font-size: 11px;
}
.price_table_content > p {
font-size: 12px;
}
.price_table > .price_box .price_line .price_table_content.right {
padding-right: 6px;
}
.price_table_content > p > span {
display: inline-block;
width: 10px;
height: 8px;
}
.price_table_content > p > span > img {
display: block;
width: 10px;
height: 8px;
}
.price_table.day_price .price_box .price_line {
min-width: 660px;
/* width: 565px; */
}
.price_table.day_price > .price_box .price_line > div {
min-width: 85px;
width: 12.87%;
}
.price_table.day_price > .price_box .price_line > div:nth-child(2) {
min-width: 65px;
width: 9.8%;
}
.price_table.day_price > .price_box .price_line > div:nth-child(7) {
min-width: 85px;
width: 12.87%;
}
.price_table.day_price > .price_box .price_line > div:last-child {
min-width: 85px;
width: 12.87%;
}
.tables_container {
padding: 0 18px;
flex-direction: column;
margin-bottom: 40px;
}
.tables_container > .price_table {
width: 100%;
}
.tables_container > .price_table .price_title_box {
padding: 0;
}
.price_table.asking > .price_box .price_line > div {
min-width: 112px;
width: 33.333%;
}
.price_table.stock_firm > .price_box .price_line > div {
min-width: 85px;
width: 25%;
}
}