/* cs_center01 */
.cs_center01 .con01 { width: 1600px; margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 80px;}
.cs_center01 .con01 > div { position: relative; width: 700px;}
.cs_center01 .con01 > div p.no_data { width: 100%; height: 300px; text-align: center; padding: 200px 0px 0px; font-size: 20px; color: #999; cursor: default; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_no_data.png); background-repeat: no-repeat; background-position: center 110px;}
.cs_center01 .con01 > div h3 { position: absolute; top: 18px; right: 0;  cursor: pointer; display: inline-block; font-size: 18px; line-height: 18px; color: #666; font-weight: 500; margin-right: 4px;}
.cs_center01 .con01 > div span { display: inline-block; width: 20px; height: 20px; font-size: 18px; line-height: 18px; color: #004687; font-weight: 700; padding-left: 4px; transition: transform 0.5s ease; }
.cs_center01 .con01 > div h3:hover span { transform: rotate(180deg); }
.cs_center01 .con01 h2 { font-size: 35px; line-height: 35px; color: #222; font-weight: 700; padding-bottom: 30px; border-bottom: 2px solid #222;}
.cs_center01 .con01 div div:nth-of-type(-n+5) { display: block; position: relative; font-size: 18px; line-height: 25px; color: #222; font-weight: 400; padding: 20px 0 20px 40px; border-bottom: 1px solid #ddd; cursor: pointer;}
.cs_center01 .con01 div div:nth-of-type(-n+5):hover { background-color: #f3f6f9; transition: 0.3s ease-in-out;}
.cs_center01 .con01 div div:nth-of-type(-n+5)::before { position: absolute; top: 50%; left: 8px; transform: translateY(-50%); font-size: 20px; line-height: 20px; color: #ccc; font-weight: 700;}
.cs_center01 .con01 div div:nth-of-type(1)::before { content: '1';}
.cs_center01 .con01 div div:nth-of-type(2)::before { content: '2';}
.cs_center01 .con01 div div:nth-of-type(3)::before { content: '3';}
.cs_center01 .con01 div div:nth-of-type(4)::before { content: '4';}
.cs_center01 .con01 div div:nth-of-type(5)::before { content: '5';}

.cs_center01 .con02 { position: relative; width: 1600px; border-bottom: 1px solid #ddd; padding: 120px 0; margin: 0 auto 80px;}
.cs_center01 .con02 > div { position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.cs_center01 .con02 h2 {font-size: 54px; line-height: 55px; color: #222; font-weight: 700; margin-bottom: 30px;}
.cs_center01 .con02 p { font-size: 22px; line-height: 34px; color: #222; font-weight: 400;}
.cs_center01 .con02 .search_input {margin-bottom: 30px;}
.cs_center01 .con02 .search_input ul.search_box {position: relative; background-color: #fff; height: 70px; border-radius: 35px; width: 800px; border: 2px solid #004687;}
.cs_center01 .con02 .search_input ul.search_box li input {background-color: #fff; height: 70px; line-height: 70px; font-size: 20px; border-radius: 35px; padding-left: 40px;}
.cs_center01 .con02 .search_input ul.search_box li:nth-child(1) {width: 710px;}
.cs_center01 .con02 .search_input ul.search_box li:nth-child(2) {padding: 10px; width: 70px;}
.cs_center01 .con02 .search_word { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center;}
.cs_center01 .con02 .search_word p {font-size: 18px; color: #004687; font-weight: 700; padding-right: 30px;}
.cs_center01 .con02 .search_word .word_type a {background-color: #004687; font-size: 15px; color: #fff; padding: 8px 20px; display: inline-block; border-radius: 18px; margin-right: 20px;}
.cs_center01 .con02 .search_word .word_type a:hover {background-color: #003a6f}
.cs_center01 .con02 .search_word .word_type a:last-child {margin-right: 0;}

.cs_center01 .con03 {width: 1600px; margin: 0 auto 120px;}
.cs_center01 .con03 h2 {font-size: 35px; font-weight: 700; line-height: 40px; color: #222; margin-bottom: 40px;}
.cs_center01 .con03 .faq_type {display: flex; flex-wrap: nowrap; justify-content: space-around;}
.cs_center01 .con03 .faq_type a {display: inline-block; text-align: center;}
.cs_center01 .con03 .faq_type a i {background-color: #eff6fc; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_business_center01.png"); background-repeat:no-repeat; width: 110px; height: 110px; border-radius: 50%; display: inline-block; padding: 20px; margin-bottom: 20px;}
.cs_center01 .con03 .faq_type a i.icon01 {background-position: 0 0;}
.cs_center01 .con03 .faq_type a i.icon02 {background-position: -110px 0;}
.cs_center01 .con03 .faq_type a i.icon03 {background-position: -220px 0;}
.cs_center01 .con03 .faq_type a i.icon04 {background-position: -330px 0;}
.cs_center01 .con03 .faq_type a i.icon05 {background-position: -440px 0;}
.cs_center01 .con03 .faq_type a span {color: #222; font-size: 18px; display: block;}
.cs_center01 .con03 .faq_type a:hover span {color: #004687;}
.cs_center01 .con03 .faq_type a:hover i {background-color: #e8f3fc;}

.cs_center01 .con04 { display: flex; flex-direction: column; gap: 80px 0; background-color: #f4f4f4; padding: 150px 0; margin-bottom: 180px;}
.cs_center01 .con04 > div { display: flex; justify-content: space-between; align-items: center; width: 1400px; margin: 0 auto;}
.cs_center01 .con04 .top div h2 { font-size: 40px; line-height: 55px; color: #222; font-weight: 700; margin-bottom: 15px;}
.cs_center01 .con04 .top div a { display: inline-block; font-size: 36px; line-height: 55px; color: #fff; font-weight: 700; background-color: #004687; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_business_center04.png"); background-repeat: no-repeat; background-position: 12px 12px; padding: 8px 30px 8px 66px; margin-bottom: 25px; border-radius: 10px;}
.cs_center01 .con04 .top div h3 { font-size: 20px; line-height: 20px; color: #222; font-weight: 500; margin-bottom: 15px;}
.cs_center01 .con04 .top div p { font-size: 16px; line-height: 16px; color: #555; font-weight: 300;}
.cs_center01 .con04 .top ul { display: flex; flex-wrap: wrap; justify-content: end; gap: 30px; width: 754px;}
.cs_center01 .con04 .top ul li { position: relative; width: 190px; height: 146px; background-color: #fff; border-radius: 10px;}
.cs_center01 .con04 .top ul li h3 { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 18px; line-height: 18px; color: #004687; font-weight: 700; background-color: #EFF6FC; border-radius: 50%; margin: 30px auto 10px; }
.cs_center01 .con04 .top ul li h2 { font-size: 17px; line-height: 22px; color: #222; font-weight: 500; text-align: center;}
.cs_center01 .con04 .top ul li h4 { position: relative; width: 36px; height: 36px;  background-color: #EFF6FC; border-radius: 50%; margin: 30px auto 10px; }
.cs_center01 .con04 .top ul li h4::before { position: absolute; top: calc(50% - -4px); left: 50%; transform: translate(-50%, -50%); font-size: 30px; line-height: 10px; color: #004687; font-weight: 700; text-align: center; content: "*";}

.cs_center01 .con04 .bottom div { position: relative; display: flex; gap: 15px 0; flex-direction: column; justify-content: center; width: 680px; height: 280px; background-color: #fff; border-radius: 20px; padding-left: 40px;}
.cs_center01 .con04 .bottom div h2 { font-size: 26px; line-height: 30px; color: #222; font-weight: 600;}
.cs_center01 .con04 .bottom div p { font-size: 18px; line-height: 30px; color: #222; font-weight: 400; margin-bottom: 10px;}
.cs_center01 .con04 .bottom div::before { position: absolute; top:50%; right: 40px; transform: translateY(-50%); display: inline-block; width: 120px; height: 100px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_business_center02.png?v=1"); background-repeat: no-repeat; content: '';}
.cs_center01 .con04 .bottom div:nth-of-type(1):before { background-position: 0 0;}
.cs_center01 .con04 .bottom div:nth-of-type(2):before { background-position: -120px 0;}
.cs_center01 .con04 .bottom div a { display: flex; justify-content: center; align-items: center; width: 220px; height: 50px; font-size: 16px; border: 1px solid #ddd; border-radius: 10px;}
.cs_center01 .con04 .bottom div a:hover { background-color: #004687; color: #fff; }

.cs_center01 .con05 { position: relative; display: flex; width: 1600px; height: 930px; background-image: url("https://www.pmi-korea.com/resources/image/front/kr/bg_business_center01.png?v=1"); background-repeat: no-repeat; background-position: 0 140px; padding-top: 140px; margin: 0 auto 150px;}
.cs_center01 .con05 > h2 { position: absolute; top: 0; left: 0; font-size: 54px; line-height: 54px; color: #222; font-weight: 700; }
.cs_center01 .con05 div > h2 { display: inline-block; font-size: 20px; line-height: 20px; color: #fff; font-weight: 500; text-align: center; background-color: #004687; border-radius: 10px; padding: 20px 48px; margin-bottom: 130px;}
.cs_center01 .con05 > div { text-align: center;}
.cs_center01 .con05 div ul li { position: relative; display: flex; gap: 0 164px;}
.cs_center01 .con05 div ul li div i { display: inline-block; width: 110px; height: 110px; border-radius: 50%; background-color: #EFF6FC; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_business_center03.png"); background-repeat: no-repeat; margin-bottom: 10px;}
.cs_center01 .con05 div ul li div h3 { font-size: 18px; line-height: 28px; color: #222; font-weight: 500; margin-bottom: 10px;}
.cs_center01 .con05 div ul li div p { font-size: 16px; line-height: 22px; color: #424242; font-weight: 400;}
.cs_center01 .con05 div ul li div::before { display: inline-block; position: absolute; top: 50px;  right: -70px;  transform: rotate(45deg);  width: 15px;  height: 15px;  border-top: 4px solid #004687;  border-right: 4px solid #004687;  opacity: .7; content: ''; }
.cs_center01 .con05 div ul li div::after { display: inline-block; position: absolute; top: 50px;  right: -84px;  transform: rotate(45deg);  width: 15px;  height: 15px;  border-top: 4px solid #004687;  border-right: 4px solid #004687;  content: ''; }
.cs_center01 .con05 .step1 { width: 850px; padding-left: 14px;}
.cs_center01 .con05 .step1 ul { position: relative; display: flex; gap: 100px 0; flex-direction: column;}
.cs_center01 .con05 .step1 ul::before { position: absolute; top: 208px; right: 110px; font-size: 16px; line-height: 16px; color: #004687; font-weight: 500; content: '확인 필요 VOC';}
.cs_center01 .con05 .step1 ul li:nth-of-type(1)::before { position: absolute; top: -66px; left: 152px; font-size: 16px; line-height: 16px; color: #004687; font-weight: 500; content: '단순문의 VOC One-stop 처리';}
.cs_center01 .con05 .step1 ul li:nth-of-type(2)::before { position: absolute; bottom: -56px; left: 152px; font-size: 16px; line-height: 16px; color: #004687; font-weight: 500; content: '단순문의 VOC One-stop 처리';}
.cs_center01 .con05 .step1 ul li div { position: relative; width: 170px;}
.cs_center01 .con05 .step1 ul li div:last-child:before { display: none;}
.cs_center01 .con05 .step1 ul li div:last-child:after { display: none;}
.cs_center01 .con05 .step2 ul li:last-child div::before { display: none;}
.cs_center01 .con05 .step2 ul li:last-child div::after { display: none;}
.cs_center01 .con05 .step2 { width: 750px;}
.cs_center01 .con05 .step2 ul { position: relative; display: flex; justify-content: space-between;}
.cs_center01 .con05 .step2 ul::before { position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 14px; line-height: 14px; color: #666; font-weight: 400; content: '* 처리 기한: 일반적으로 7일 내외 처리되며, 추가 검토가 필요한 예외적인 경우 더 많은 기간이 소요될 수 있음';}
.cs_center01 .con05 .step2 h2 { margin-bottom: 250px;}
.cs_center01 .con05 .step1 ul li:nth-of-type(1) div:nth-of-type(1) i { background-position: 0 0;}
.cs_center01 .con05 .step1 ul li:nth-of-type(1) div:nth-of-type(2) i { background-position: -110px 0;}
.cs_center01 .con05 .step1 ul li:nth-of-type(2) div:nth-of-type(1) i { background-position: -220px 0;}
.cs_center01 .con05 .step1 ul li:nth-of-type(2) div:nth-of-type(2) i { background-position: -330px 0;}
.cs_center01 .con05 .step2 ul li:nth-of-type(1) div i { background-position: -440px 0;}
.cs_center01 .con05 .step2 ul li:nth-of-type(2) div i { background-position: -550px 0;}
.cs_center01 .con05 .step2 ul li:nth-of-type(3) div i { background-position: -660px 0;}

/* fab_bonus_write */
.fab_bonus_write .con01 {width: 1600px; margin: 0 auto 120px; min-height: 550px; position: relative; padding-top: 160px;}
.fab_bonus_write .con01 h2 {font-size: 85px; line-height: 90px; font-weight: 700; margin-bottom: 50px; color: #222;}
.fab_bonus_write .con01 h3 {font-size: 35px; line-height: 40px; font-weight: 700; margin-bottom: 25px; color: #222;}
.fab_bonus_write .con01 h4 {font-size: 25px; line-height: 30px; font-weight: 400; color: #222;}
.fab_bonus_write .con01 img {position: absolute; right: 0; top: 0;}
.fab_bonus_write .con02 {background-color: #f4f4f4; padding: 130px 0; margin-bottom: 120px; position: relative;}
.fab_bonus_write .con02 > div {width: 1600px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: flex-start;}
.fab_bonus_write .con02 .left {width: 900px;}
.fab_bonus_write .con02 .left h2 {font-size: 40px; font-weight: 700; line-height: 60px; margin-bottom: 70px; color: #222;}
.fab_bonus_write .con02 .left h2 span {color: #003a6f; font-weight: 700;}
.fab_bonus_write .con02 .left p {font-size: 18px; line-height: 40px; font-weight: 400; color: #222;}
.fab_bonus_write .con02:after {position: absolute; top: -130px; left: 50%; margin-left: -2150px; font-size: 150px; line-height: 150px; color: #f4f4f4; font-weight: 900; content: "Fast Achievement Bonus"; z-index: -1;}
.fab_bonus_write .con02 .right {position: relative; width: 700px;}
.fab_bonus_write .con02 .right h3 {background-color: #003a6f; width: 250px; height: 250px; border-radius: 50%; line-height: 35px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; margin-right: 100px;}
.fab_bonus_write .con02 .right h3 span {color: #fff; display: block;}
.fab_bonus_write .con02 .right h3 .text01 {font-size: 30px; font-weight: 700; padding-top: 70px; margin-bottom: 15px;}
.fab_bonus_write .con02 .right h3 .text02 {font-size: 20px; }
.fab_bonus_write .con02 .right h3::before {width: 45px; height: 1px; border-top: 1px solid #003a6f; position: absolute; left: 250px; top: 50%; transform: translateY(-50%); content: '';}
.fab_bonus_write .con02 .right h3::after {width: 45px; height: 360px; position: absolute; left: 295px; top: 50%; transform: translateY(-50%); border-top: 1px solid #003a6f; border-left: 1px solid #003a6f; border-bottom: 1px solid #003a6f; content: '';}
.fab_bonus_write .con02 .right ul {position: absolute; top: 50%; transform: translateY(-50%); left: 340px;}
.fab_bonus_write .con02 .right ul li {position: relative; margin-bottom: 20px;}
.fab_bonus_write .con02 .right ul li:last-child {margin-bottom: 0;}
.fab_bonus_write .con02 .right ul li span {font-size: 20px; font-weight: 700; line-height: 100px; display: inline-block; text-align: center; background-color: #fff;}
.fab_bonus_write .con02 .right ul li .month {border: 1px solid #003a6f; width: 100px; height: 100px; color: #003a6f; margin-right: 20px;}
.fab_bonus_write .con02 .right ul li .rank {border: 1px solid #ddd; width: 200px; height: 100px; color: #555;}
.fab_bonus_write .con02 .right ul li:nth-child(2):after, .fab_bonus_write .con02 .right ul li:nth-child(3):after {width: 45px; height: 1px; border-top: 1px solid #003a6f; position: absolute; left: -45px; top: 50%; transform: translateY(-50%); content: '';}
.fab_bonus_write .con03 {width: 1600px; margin: 0 auto 120px;}
.fab_bonus_write .con03 h2 { margin-bottom: 20px;}
.fab_bonus_write .con03 h2 span.alert_text {font-size: 16px; }

/*LIST TABLE*/
.list_table_type01 { width: 100%;}
.list_table_type01 {width: 1600px; margin-bottom: 40px; }
.list_table_type01 th {font-size: 16px; background-color: #003a6f; color: #fff; line-height: 25px; padding: 20px 10px; text-align: center; border-right: 1px solid #fff;  font-weight: 500;}
.list_table_type01 th:last-child {border-right: none;}
.list_table_type01 td {font-size: 16px; color: #222; line-height: 25px; padding: 20px 10px; text-align: center; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: 300;}
.list_table_type01 td:last-child {border-right: none;}
.list_table_type01 td.bg {background-color: #f4f4f4; color: #003a6f; font-weight: 500;}
.list_table_type01 th.left,.list_table_type01 td.left {text-align: left; padding-left: 45px;}

/* imm_training */
.imm_training .con01 {width: 1600px; margin: 0 auto 150px; display: flex; flex-wrap: nowrap; justify-content: flex-start;}
.imm_training .con01 .left {width: 800px; height: 700px;}
.imm_training .con01 .right {width: 800px; height: 700px; padding-top: 100px; padding-left: 100px;}
.imm_training .con01 .right h3 {color: #003a6f; font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 25px;}
.imm_training .con01 .right h2 {color: #222; font-size: 45px; line-height: 60px; font-weight: 700; margin-bottom: 50px;}
.imm_training .con01 .right p {color: #666; font-size: 20px; line-height: 35px; font-weight: 300;}
.imm_training .con01 .right p span {color: #222; font-weight: 500;}
.imm_training .con02 {background-image:url("https://www.pmi-korea.com/resources/image/common/img_imm_training02.jpg"); background-repeat:no-repeat; background-position: center top; width: 100%; height: 1000px; margin-bottom: 120px;}
.imm_training .con02 > div {width: 1600px; margin: 0 auto; padding-top: 190px; padding-right: 875px; text-align: right;}
.imm_training .con02 p {color: #fff; font-size: 24px; line-height: 40px; font-weight: 300; margin-bottom: 50px;}
.imm_training .con02 p span {font-weight: 500;}

/* story01 */
.story01 .con01 {background-image:url("https://www.pmi-korea.com/resources/image/common/img_story01_01.jpg"); background-repeat:no-repeat; background-position: center top; width: 100%; height: 750px; margin-bottom: 150px;}
.story01 .con01 > div {width: 1600px; margin: 0 auto; padding-top: 80px; position: relative; z-index: 1;}
.story01 .con01 > div::after {background-color: #fff; width: 1220px; height: 600px; position: absolute; left: 50%; margin-left: -1280px; top: 0; content: ''; z-index: -1;}

.story01 h3 {color: #003a6f; font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 25px;}
.story01 h2 {color: #222; font-size: 45px; line-height: 60px; font-weight: 700; margin-bottom: 50px;}
.story01 p {color: #666; font-size: 20px; line-height: 35px; font-weight: 300;}
.story01 p span {color: #222; font-weight: 500;}

.story01 .con02 {width: 1600px; margin: 0 auto; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start;}
.story01 .con02 .left {width: 800px;}
.story01 .con02 .right {width: 800px;}
.story01 .con02 h2 {margin-bottom: 130px;}
.story01 .con02 p {margin-bottom: 50px;}
.story01 .con02 .con_video {display: block; position: relative; width: 800px; height: 450px;}
.story01 .con02 .con_video img {position: relative; cursor: pointer;}
.story01 .con02 .con_video iframe {position: absolute; top: 0;left: 0;}

/* myoffice_main */
.sub_content.myoffice_main {padding-top: 180px; position: relative;}
.myoffice_main .title_box {color: #222; font-size: 35px; line-height: 45px; font-weight: 700; width: 1600px; margin: 0 auto 50px;}
.myoffice_title {padding: 80px 0; background-color: #f4f4f4; margin-bottom: 120px; position: relative;}
.myoffice_title > div {width: 1600px; margin: 0 auto; position: relative;}
.myoffice_title > div > div {position: relative; padding-left: 470px;}
.myoffice_title .upper_part {padding-left: 590px; position: relative; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
.myoffice_title .upper_part > div:first-of-type {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-bottom: 15px;}
.myoffice_title .upper_part img {position: absolute; top: 0px; left: 470px; width: 100px; height: 100px;}
.myoffice_title h3 {font-size: 50px; line-height: 50px; font-weight: 700; margin-bottom: 10px; padding-right: 45px;}
.myoffice_title .member_info {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end;}
.myoffice_title .number {font-size: 24px; font-weight: 500; line-height: 25px; padding-right: 20px;}
.myoffice_title .accession_date {font-size: 15px; font-weight: 400; line-height: 15px;}
.myoffice_title .auto_btn {background-color: #004687; width: 180px; height: 40px; border-radius: 20px; color: #fff; font-size: 15px; display: inline-block; padding-left: 30px; line-height: 30px; position: relative; font-weight: 400;}
.myoffice_title .auto_btn.btn_arrow:before, .myoffice_title .auto_btn.btn_arrow:after {background-color: #fff; right: 20px;}
.myoffice_title .auto_btn.btn_arrow:before {top: 21px;}
.myoffice_title .auto_btn.btn_arrow:after {top: 16px;}
.myoffice_title h4 {font-size: 20px; line-height: 25px; font-weight: 500; margin-bottom: 30px;}
.myoffice_title h4 span {color: #888; font-size: 14px; padding-left: 40px;}
.myoffice_title .rank_box li span {font-size: 17px; display: inline-block; line-height: 40px;}
.myoffice_title .rank_box li .rank {color: #333; padding-right: 20px;}
.myoffice_title .rank_box li .rank_name {color: #004687; font-weight: 500;}
.myoffice_title .btn-set {position: absolute; right: 30px; bottom: 0px; }
.myoffice_title .board {width: 400px; height: 540px; background-color: #fff; border: 3px solid #004687; border-radius: 20px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 10; overflow: hidden; padding: 50px 20px 0;}
.myoffice_title .board img {position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; transform: translate(-50% , -50%);}

.myoffice_con { width: 1600px; margin: 0 auto;}
.myoffice_con .quick_type {display: flex; flex-wrap: nowrap; justify-content: space-around; width: 1600px; margin: 0 auto 120px;}
.myoffice_con .quick_type a i {background-color: #eff6fc; background-image:url("https://www.pmi-korea.com/resources/image/common/img_myoffice_icon.png"); background-repeat:no-repeat; width: 110px; height: 110px; border-radius: 50%; display: inline-block; padding: 20px; margin-bottom: 20px;}
.myoffice_con .quick_type a {display: inline-block; text-align: center;}
.myoffice_con .quick_type a i.icon01 {background-position: 0 0;}
.myoffice_con .quick_type a i.icon02 {background-position: -110px 0;}
.myoffice_con .quick_type a i.icon03 {background-position: -220px 0;}
.myoffice_con .quick_type a i.icon04 {background-position: -330px 0;}
.myoffice_con .quick_type a i.icon05 {background-position: -440px 0;}
.myoffice_con .quick_type a i.icon06 {background-position: -550px 0;}
.myoffice_con .quick_type a i.icon07 {background-position: -660px 0;}
.myoffice_con .quick_type a i.icon08 {background-position: -770px 0;}
.myoffice_con .quick_type a span {color: #222; font-size: 18px; display: block;}
.myoffice_con .quick_type a:hover span {color: #004687;}
.myoffice_con .quick_type a:hover i {background-color: #e8f3fc;}
.myoffice_con .quick_type.member { width: 380px; margin: 0px 0px 120px;}
.myoffice_con.bg { width: 100%; padding: 120px 0; background-color: #f4f4f4; margin-bottom: 120px;}
.myoffice_con .con {width: 1600px; margin: 0 auto; display: flex; justify-content: start; flex-wrap: nowrap; align-items: flex-start;}
.myoffice_con .left_box {width: 350px;}
.myoffice_con .right_box {width: 1250px;}
.myoffice_con.bg .right_box {background-color: #fff; padding: 60px;}
.myoffice_con .btn_arrow::before, .myoffice_con .btn_arrow::after,.myoffice_con .btn_arrow i {background-color: #fff; right: 20px;}
.myoffice_con .btn_arrow {text-align: left; padding-left: 20px; font-weight: 400;}
.myoffice_con.bg .right_box .list_table {margin-bottom: 0;}
.myoffice_con.bg .right_box .list_table th {border-top: none; padding: 20px 0;}
.myoffice_con.bg .right_box .list_table tr:last-child td {border-bottom: none;}
.myoffice_con.bg .right_box .list_table tr:hover td {background-color: #f3f6f9; transition: 0.3s ease-in-out; cursor: pointer;}
.myoffice_con .right_box .list_board:not(.contact_view .list_board) {margin-bottom: 120px;}
/*event_banner_wrap*/
.event_banner_wrap { width: 100%; overflow: hidden; border-top: 1px solid #ddd;padding-top: 120px;}
.event_banner_wrap .banner_con {position: relative; width: 1600px; height: 540px; margin: 0 auto;}
.event_banner_wrap .banner_title {position: absolute; left: 0px; top: 0px; width: 390px; }
.event_banner_wrap .banner_title h3 { font-size: 45px; line-height: 55px; color: #222; font-weight: 700; word-break: keep-all; }
.event_banner_wrap .banner_title p {font-size: 18px; line-height: 30px; color: #004687; font-weight: 700; margin-bottom: 30px; }
.event_banner_wrap .swiper-container { left: 440px;}
.event_banner_wrap .swiper-slide { position: relative; height: 540px; cursor: pointer; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
div.event_banner_wrap .swiper-button-next ,div.event_banner_wrap .swiper-button-prev { width:40px; height: 40px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main.png"); background-repeat:no-repeat; background-size:80px 80px; top: auto; bottom: 100px;}
div.event_banner_wrap .swiper-button-prev {background-position: 0px 0px; left: 0px;}
div.event_banner_wrap .swiper-button-prev:hover {background-position: 0px -40px;}
div.event_banner_wrap .swiper-button-next {background-position: -40px 0px; left: 60px; right:auto;}
div.event_banner_wrap .swiper-button-next:hover {background-position: -40px -40px;}


/*GROUP POPUP*/
.pop_title.group>div { position: absolute; bottom: 2px; right: 60px; z-index: 1;}
.pop_title.group>div a { display:block; float:left; height:60px; text-align:center; font-size:15px; line-height:60px; color:#999; background-color:#fff; border-left:1px solid #DDD; border-bottom:0px; border-top:1px solid #DDD; background-color: #f4f4f4; padding:0px 20px;}
.pop_title.group>div a:last-child {border-right:1px solid #DDD;}
.pop_title.group>div a:hover {color:#123250;}
.pop_title.group>div a.active {height:60px; background-color:#222; color:#FFF; border-color:#222; border-bottom:0px; font-weight:500; border-top:solid 2px #222;}

.myoffice_main.group .sub_content, .myoffice_main.group .sub_content .sub_title, .myoffice_main.group .sub_content .content_box{ width: 100%;}
.myoffice_main.group .sub_content { min-width:100%;}

/* group_business_popup */
.pop_content .sub_content.myoffice_main {padding: 40px 0 30px 0;}
.pop_content .myoffice_title {padding: 80px 40px 80px 0; margin-bottom: 80px;}
.pop_content .myoffice_title > div {width: 100%;}
.pop_content .myoffice_title .board {left: 0px;}
.pop_content .myoffice_title .auto_btn {line-height: 40px; padding: 0; text-align: center;}
.pop_content .myoffice_title .auto_btn.not {background-color: #333;}

/* group_orderlist_popup */
.pop_content .sub_content.order_list {padding-top: 20px;}

/* group_orderview_popup */
.pop_content .sub_content.order_view {padding-top: 20px;}
.pop_content .cart_quick {width: 350px;}
.pop_content .cart_quick>ul>li:nth-child(1n) {font-size: 14px; width: 35%;}
.pop_content .cart_quick>ul>li:nth-child(2n) {width: 65%;}
.pop_content .cart_quick .total_pay>span {font-size: 14px;}
.pop_content .cart_quick.flow {margin-left: 0; left: auto; right: 30px; top: 110px;}
.pop_content .cart_wrap {padding-right: 400px;}
.pop_content .cart_list.order>li {padding: 40px 300px 40px 160px;}
.pop_content .cart_list>li .count_text {right: 170px; font-size: 18px;}
.pop_content .cart_list>li .count_text>span {font-size: 18px;}
.pop_content .cart_list>li .pay_box {right: 10px;}
.pop_content .cart_list>li>.text>h2 {font-size: 20px;}


/* ABO 주문작성 */
.abo_info_box {position: relative; width: 100%; padding: 40px; background-color: #F4F4F4; margin-bottom: 40px; border-radius: 10px; padding-right: 260px;}
.abo_info_box h2 {font-size: 20px; line-height: 30px; color: #004687; margin-bottom: 20px; font-weight: 700;}
.abo_info_box p {font-size: 16px; line-height: 25px; color: #333; position: relative; padding-left: 15px;}
.hauto_order_write .cart_list.order {margin-bottom: 40px;}
.abo_info_box p::before {position: absolute; left: 0; top: 0; content: '-';}

/* customer_modify 주민번호 약관 동의 */
.customer_terms p {margin-bottom: 20px; word-break: keep-all;}
.customer_terms .ment {font-size: 14px; padding-left: 20px; position: relative;}
.customer_terms .ment::after {position: absolute; left: 0; top: 0; content: '※'; color: #004687;}
.customer_terms .terms .view_table01 {margin-bottom: 20px;}
.customer_terms .terms .view_table01 th, .customer_terms .terms .view_table01 td {padding: 10px; font-size: 13px;}
.customer_terms .agreement {}

/*241206 프로덕트아카데미*/
.pa_schedule_list .pa_info {display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; padding: 60px; border: 1px solid #ddd; margin-bottom: 60px;}
.pa_schedule_list .pa_info h2 {font-size: 35px; line-height: 50px; color: #004687; font-weight: 500; margin-bottom: 10px;}
.pa_schedule_list .pa_info p { font-size: 20px; line-height: 30px; color: #666;}
.pa_schedule_list .pa_info img {width: 650px;}
.pa_schedule_list .tab_menu {margin: 50px 0;}
.pa_schedule_list .tab_menu a {font-size: 20px;}
.pa_schedule_list .img_list_wrap {border-top: 1px solid #999;}
.pa_schedule_list .img_list_board.product_sc {border-bottom: 1px solid #ddd;}
.pa_schedule_list .img_list_board.product_sc .img_box{position: relative;}
.pa_schedule_list .img_list_board.product_sc .session {font-size: 16px; color: #fff; background: #004687; padding: 8px 15px; border-radius: 5px; position: absolute; left: 10px; top: 10px; z-index: 1;}
.pa_schedule_list .img_list_board.product_sc .text_box h1{height: 70px;}
.pa_schedule_list .img_list_board.product_sc .register_box{margin-top: 50px; display: flex; justify-content: space-between;}
.pa_schedule_list .img_list_board.product_sc .no_schedule .session{color: #fff; background-color: #ddd;}
.pa_schedule_list .img_list_board.product_sc .no_schedule p{color: #ddd;}
.pa_schedule_list .img_list_board.product_sc .no_schedule h1{color: #ddd;}
.pa_schedule_list .img_list_board.product_sc .no_schedule .register_box .btn.btn-full{color: #fff; background-color: #ddd;}
.pa_schedule_list .img_list_board.product_sc .no_schedule .register_box .btn.btn-grey{color: #ddd; border-color:  #ddd;}