@charset "utf-8";

/* ==========================================================================
   Company
   ========================================================================== */
.pg_about{padding-bottom: 100px;}
.pg_about .sec1{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 80px;}
.pg_about .sec1 > div{width: 50%;}
.pg_about .sec1 .text_area{font-weight: bold; padding-top: 5px;}
.pg_about .sec1 .text_area .txt_en{font-size: 16px; color: var(--cp3_2); letter-spacing: 0.5px; text-transform: uppercase;}
.pg_about .sec1 .text_area .title{font-size: 54px; line-height: 58px; text-transform: uppercase; margin-top: 21px;}
.pg_about .sec1 .text_area .title strong{color: var(--cp1);}
.pg_about .sec1 .txt_set > p{font-size: 16px; font-weight: 300; line-height: 26px; word-break: keep-all; margin-bottom: 26px;}
.pg_about .sec1 .txt_set > p:last-child{margin-bottom: 0;}
.pg_about .sec2{margin-top: 57px;}
.pg_about .sec2 .logo_text{position: relative; text-align: center; padding-top: 96px;}
.pg_about .sec2 .logo_text::before{content: ""; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 50px; background-color: var(--cp1);}
.pg_about .sec2 .logo_text .logo img{width: 201px;}
.pg_about .sec2 .main_text{font-size: 26px; font-weight: 500; line-height: 34px; margin-top: 23px;}
.pg_about .sec2 .main_text strong{font-weight: 500; color: var(--cp1);}
.pg_about .sec2 .img_set{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 52px;}
.pg_about .sec2 .img_set > div{width: calc(50% - 30px);}
.pg_about .sec2 .img_set .txt_set{display: flex; flex-wrap: wrap; line-height: 22px; margin-top: 24px;}
.pg_about .sec2 .img_set .txt_set .title{width: 96px; font-family:'Roboto', sans-serif; font-size: 12px; font-weight: bold; color: var(--cp1); letter-spacing: 0; text-transform: uppercase;}
.pg_about .sec2 .img_set .txt_set .txt1{flex: 1; font-size: 15px; font-weight: 300;word-break: keep-all;}

.pg_history{padding-top: 92px; padding-bottom: 120px;}
.pg_history .history{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pg_history .history .tit_set{width: 280px; letter-spacing: 0;}
.pg_history .history .tit_set .sub_text{font-size: 16px; font-weight: bold; color: var(--cp3_2);}
.pg_history .history .tit_set .title{font-size: 42px; font-weight: bold; margin-top: 9px;}
.pg_history .history .list_history{width: 900px; border-top: 1px solid #222;}
.pg_history .history .list_history > ul > li{display: flex;}
.pg_history .history .list_history .year{width: 160px; font-family:'Roboto', sans-serif; font-size: 26px; font-weight: 300; color: var(--cp1); letter-spacing: 0; padding-top: 18px;}
.pg_history .history .list_history .ct_history{width: calc(100% - 160px); border-bottom: 1px solid #ebebeb; padding-top: 15px; padding-bottom: 15px;}
.pg_history .history .list_history .ct_history > p{font-size: 17px; font-weight: 300; line-height: 28px; padding-left: 10px; text-indent: -10px; text-transform: uppercase; margin-bottom: 14px;}
.pg_history .history .list_history .ct_history > p::before{content: "- "; color: var(--cp1);}
.pg_history .history .list_history .ct_history > p:last-child{margin-bottom: 0;}
.pg_history .history .list_history > ul > li.dv1{border-bottom: 1px solid #ebebeb;}
.pg_history .history .list_history > ul > li.dv1 .ct_history{border-bottom: 0;}

.pg_esg{padding-bottom: 60px;}
.pg_esg .list_esg{margin-top: 45px;}
.pg_esg .list_esg > ul > li{display: flex; flex-wrap: wrap; padding: 50px 0;}
.pg_esg .list_esg > ul > li > div{width: 50%;}
.pg_esg .list_esg .text_box{position: relative; display: flex; flex-direction: column; justify-content: space-between; padding-left: 80px; padding-right: 0;}
.pg_esg .list_esg .text_box .tit_set{letter-spacing: 0; text-transform: uppercase; padding: 43px 0 20px; border-top: 1px solid #ebebeb;}
.pg_esg .list_esg .text_box .tit_set .txt_en{font-family:'Roboto', sans-serif; font-size: 16px; font-weight: bold; color: var(--cp3);}
.pg_esg .list_esg .text_box .tit_set .tit_en{font-family: 'Playfair Display', serif; font-size: 36px; font-weight: 700; line-height: 1.24; margin-top: 7px;}
.pg_esg .list_esg .text_box .txt_set .title{font-size: 26px; font-weight: bold;}
.pg_esg .list_esg .text_box .txt_set p{font-size: 16px; font-weight: 300; line-height: 26px; word-break: keep-all; margin-top: 16px;}
.pg_esg .list_esg > ul > li:nth-child(even) .image1{order: 2;}
.pg_esg .list_esg > ul > li:nth-child(even) .text_box{order: 1; padding-right: 80px; padding-left: 0;}
.pg_esg .list_esg .esg1 .text_box .tit_set{background: url('../images/contents/ico_esg1_1.png') no-repeat calc(100% - 15px) 40px; background-size: 64px auto;}
.pg_esg .list_esg .esg2 .text_box .tit_set{background: url('../images/contents/ico_esg1_2.png') no-repeat calc(100% - 15px) 40px; background-size: 90px auto;}
.pg_esg .list_esg .esg3 .text_box .tit_set{background: url('../images/contents/ico_esg1_3.png') no-repeat calc(100% - 15px) 40px; background-size: 64px auto;}


.pg_cert{padding-bottom: 100px;}
.pg_cert .list_cert{margin-top: 41px;}
.pg_cert .list_cert > ul{display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px;}
.pg_cert .list_cert > ul > li{width: 25%; padding: 20px 30px; text-align: center;}
.pg_cert .list_cert .thumb{border: 1px solid #ebebeb; box-shadow: 2px 5px 18px 3px rgba(0,0,0,0.1);}
.pg_cert .list_cert .title{font-size: 16px; font-weight: 300; line-height: 24px; word-break: keep-all; margin-top: 16px;}

/* ==========================================================================
   Business
   ========================================================================== */
.pg_business{padding-bottom: 40px;}
.pg_business .list_business{margin-top: 50px;}
.pg_business .list_business > ul > li{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 80px;}
.pg_business .list_business > ul > li > div{width: calc(50% - 40px);}
.pg_business .list_business .text_area{padding-top: 32px; border-top: 1px solid #222;}
.pg_business .list_business .text_area .num{font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; color: var(--cp3_2);}
.pg_business .list_business .text_area .title{font-size: 38px; letter-spacing: 0; margin-top: 5px;}
.pg_business .list_business .text_area p{font-size: 16px; font-weight: 300; color: #666; line-height: 24px; word-break: keep-all; margin-top: 28px;}
.pg_business .list_business .text_area .tit_s{font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 26px;}
.pg_business .list_business .text_area .line_text{margin-top: 8px;}
.pg_business .list_business .text_area .line_text > p{margin-top: 0; padding-left: 8px; text-indent: -8px;}
.pg_business .list_business .text_area .line_text > p::before{content: "- "; color: var(--cp1);}
.pg_business .list_business .text_area .box_set{display: flex; justify-content: space-between; margin-top: 30px;}
.pg_business .list_business .text_area .box_set > div{width: calc(33.333333333% - 19px); text-align: center;}
.pg_business .list_business .text_area .box_set .box{padding: 6px; background-color: #222; border-radius: 4px;}
.pg_business .list_business .text_area .box_set .box .inner_box{display: flex; justify-content: center; align-items: center; height: 100px; border: 1px solid #726950; font-size: 17px; font-weight: bold; color: var(--cp3_2); line-height: 22px; border-radius: 2px;}
.pg_business .list_business .text_area .box_set .txt1{font-size: 15px; font-weight: 300; line-height: 22px; word-break: keep-all; margin-top: 10px;}
.pg_business .list_business > ul > li:nth-child(even) .sec_img{order: 2;}
.pg_business .list_business > ul > li:nth-child(even) .text_area{order: 1;}

/* ==========================================================================
   NEWS
   ========================================================================== */
.pg_news{padding-bottom: 90px;}
.pg_news .sec_board{margin-top: 40px;}


/* ==========================================================================
   Contact
   ========================================================================== */
.pg_loc .sec_map{width: 100%; height: 627px; margin-top: 30px;}
.pg_loc .sec_map iframe{width: 100%; height: 100%;}
.pg_loc .info_map{padding-bottom: 32px; background-color: #fff;}
.pg_loc .info_map .info_pannel{margin-top: -60px; padding-top: 39px; padding-bottom: 39px; background-color: #fff;}
.pg_loc .info_map .info_pannel > ul{display: flex; flex-wrap: wrap;}
.pg_loc .info_map .info_pannel > ul > li{flex: 1; text-align: center;}
.pg_loc .info_map .info_pannel .title span{font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: uppercase;}
.pg_loc .info_map .info_pannel .title .ico1{padding-left: 18px; background: url('../images/common/ico_loc1_1.png') no-repeat 0 center; background-size: 12px auto;}
.pg_loc .info_map .info_pannel .title .ico2{padding-left: 21px; background: url('../images/common/ico_loc1_2.png') no-repeat 0 center; background-size: 16px auto;}
.pg_loc .info_map .info_pannel .title .ico3{padding-left: 18px; background: url('../images/common/ico_loc1_3.png') no-repeat 0 center; background-size: 12px auto;}
.pg_loc .info_map .info_pannel .title .ico4{padding-left: 22px; background: url('../images/common/ico_loc1_4.png') no-repeat 0 center; background-size: 16px auto;}
.pg_loc .info_map .info_pannel .vl{font-size: 15px; font-weight: 300; line-height: 24px; word-break: keep-all; margin-top: 19px;}
.pg_loc .info_map .info_pannel .vl.roboto{letter-spacing: 0;}

.pg_request{padding-bottom: 90px;}
.pg_request .request{margin-top: 41px;}