/* join01 */
.members_choice { width: 800px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
.members_choice span.title { display: block; font-size: 25px; line-height: 25px; font-weight: 700; margin-bottom: 25px;}
.members_choice span.text01 {display: block; font-size: 16px; line-height: 25px; color: #222; font-weight: 400; margin-bottom: 22px;}
.members_choice span.text02 { display: block; font-size: 14px; line-height: 25px; color: #999; font-weight: 400;}
.members_choice span.text02::before { content: '·'; margin-right: 5px;}
.members_choice li { position: relative;  width: 385px; border: 1px solid #ddd;  margin-bottom: 30px; border-radius: 20px;}
.members_choice li.bottom { width: 100%; min-height: 150px;}
.members_choice li:first-child span.title { color: #004687;}
.members_choice li.top_right span.title { color: #222;}
.members_choice li a { display: inline-block; height: 100%; padding: 55px 64px 102px 50px; }
.members_choice li.bottom a { padding: 35px 380px 30px 50px;}
.members_choice li i { position: absolute; display: inline-block; width: 50px; height: 50px; bottom: 34px; right: 50%; border-radius: 50%; background-color: #004687; transform: translateX(50%); }
.members_choice li.bottom i { bottom: 50%; right: 60px; background-color: #acacac; transform: translateY(50%);}
.members_choice li.kakao i { background-color: #fce000;}
.members_choice li.kakao i::before, .members_choice li.kakao i::after { display: none;}
.members_choice li.hover_white i::before, .members_choice li i::after { position: absolute; height: 3px; background-color: #fff; content: ""; border-radius: 2px;}
.members_choice li.hover_white i::before { width: 12px; top: 26px; right: 24px; transform:rotate(-140deg);}
.members_choice li i::after  { width: 18px; top: 23px; right: 12px; transform:rotate(-230deg);}
.members_choice li:hover i::before, .members_choice li:hover i::after { background-color: #004687;}
.members_choice li.top_right:hover i::before, .members_choice li.top_right:hover i::after { background-color: #444;}
.members_choice li.bottom:hover i::before, .members_choice li.bottom:hover i::after { background-color: #acacac;}
.members_choice li.hover_white:hover span.title, .members_choice li.hover_white:hover span.text01,  .members_choice li.hover_white:hover span.text02, .members_choice li:hover, .members_choice li:hover i { transition: 0.3s ease-in-out;}
.members_choice li.hover_white:hover span.title, .members_choice li.hover_white:hover span.text01,  .members_choice li.hover_white:hover span.text02, .members_choice li.hover_white:hover p{ color: #fff; }
.members_choice li:hover { background-color: #004687; border: 1px solid #004687;}
.members_choice li.top_right:hover { background-color: #444; border: 1px solid #444;}
.members_choice li.top_right i  { background-color: #444;}
.members_choice li.bottom:hover { background-color: #acacac; border: 1px solid #acacac;}
.members_choice li.kakao:hover { background-color: #fce000; border: 1px solid #fce000;}
.members_choice li:hover i { background-color: #fff;}
.members_choice li.kakao i::before { display: inline-block; width: 50px; height: 50px; background-image:url("https://www.pmi-korea.com/resources/image/common/kakao_logo01.png"); background-position: center center; content: '';}
.members_choice li.kakao:hover i::before { background-color: #fff; border-radius: 50%;}

/* contact_write */
.contact_write li:nth-of-type(3) { display: flex;}
.contact_write li:nth-of-type(3) p { margin: 0 10px;}

/* contact_view */
/* .contact_view .list_board { padding-top: 80px;} */
.contact_view .list_board {margin-bottom: 80px;}
.contact_view .list_board > li .question {display: flex; justify-content: space-between; padding: 45px 30px 45px 100px;}
.contact_view .list_board > li .question p{ font-size: 16px; line-height: 20px; font-weight: 400; color: #fff;}
.contact_view .list_board > li.active .question::before {position: absolute; left: 0; top: 50%; margin-top: -17px; width: 100px; height: 35px; background-image:url("https://www.pmi-korea.com/resources/image/common/icon_a_white.png"); background-position: center center; background-repeat:no-repeat; content: "";}
.contact_view .list_board > li.active .question::after { display: none;}
.contact_view .list_board > li .answer p {position: relative;}
/* .contact_view .list_board > li .answer p::before {position: absolute; top: 8px; left: -14px; font-size: 18px; line-height: 20px; color: #222;  content: '*';} */
.contact_view .list_board > li .answer::before {display: none;}
.contact_view .list_board > li .answer {padding: 40px 130px 40px 40px; }

/* SCHEDULE LIST */
.schedule_step01 .content_top { position: absolute; top: 0px; right: 0px; margin-bottom: 0px;}
.schedule_day_title { text-align: center; margin-bottom: 40px; }
.schedule_day_title h1 {font-size:80px; line-height: 80px; color: #333; font-weight: 500; text-align: center; margin-bottom: 20px; }
.schedule_day_title p {font-size: 20px; color: #333; text-align: center; font-weight: 500;}
.schedule_day_title p > span {color: #123250; font-weight: 500;}

.schedule_search_arrow {position: absolute; width: 320px; height: 40px; top: 60px; left: 50%; transform: translateX(-50%);}
.schedule_search_arrow li {margin-right: 0px;}
.schedule_search_arrow li:nth-child(1) a { background-position: 0px 0px; float: left; }
.schedule_search_arrow li:nth-child(2) a { background-position: -40px 0px; float: right; }
.schedule_search_arrow li:nth-child(1) a:hover {background-position: 0px -40px;}
.schedule_search_arrow li:nth-child(2) a:hover {background-position: -40px -40px;}
.schedule_search_arrow li a { display: block; width:40px; height: 40px; background-image:url(https://www.pmi-korea.com/resources/image/common/controls_main.png); background-repeat: no-repeat; transition: all 0s ease-out; -webkit-transition: all 0s ease-out;  }
.schedule_search_arrow li a:hover { background-color: none;}

.schedule_table {width:100%;}
.schedule_table th { height:30px; font-size:14px; line-height:30px; color:#666; border-bottom:1px solid #ddd; border-right:10px solid #FFF; text-align:center; font-weight: 500;}
.schedule_table td { min-height:150px; border-bottom:1px solid #DDD; border-right:10px solid #FFF; vertical-align:top;padding: 10px; }
.schedule_table th:last-child , .schedule_table td:last-child {border-right:0px;}
.schedule_table .sun { color:#d32f2f; border-bottom: 1px solid #d32f2f;}
.schedule_table th.sat {color:#666; border-bottom: 1px solid #ddd;}
.schedule_table .sat { color:#222; border-bottom: 1px solid #ddd;}
.schedule_table .sun>.cell>.number_add { color:#c90000;}
.schedule_table .sun>.cell>.number_add.active {background-color:#c90000; color:#FFF; }
.schedule_table .sat>.cell>.number_add { color:#666;}
.schedule_table .sat>.cell>.number_add.active {background-color:#000; color:#FFF; }

.schedule_table .cell { position:relative; width:100%; min-height:150px; }
.schedule_table .number_add {width:30px; font-size:14px; height:30px; color:#666; line-height:30px; text-decoration:none; display:block; text-align:center; margin-bottom: 10px; }
.schedule_table .number_add.active {background-color:#fff; color:#FFF; background-color: #004687; line-height: 30px; font-weight: 500; }

.schedule_table .list_event { overflow:hidden;}
.schedule_table .list_event .btn { position: relative; display:block; width:100%; font-size:12px; height:30px; line-height:28px; border: 1px solid; text-decoration:none; text-align:left; padding:0px 15px; margin-bottom: 10px; border-radius: 0; font-weight: 400; }
.schedule_table .list_event .btn .cont { float:right; }
.schedule_table .list_event .btn .text { float:left; display:block; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.schedule_table .list_event .btn.col_01 { border-color: #ddd; color: #666;}
.schedule_table .list_event .btn.col_01:hover {border-color: #004687; background-color: #004687; color: #FFF;}
.schedule_table .list_event .btn.col_02 { background-color: #004687; border-color: #004687; color: #fff;}
.schedule_table .list_event .btn.col_02:hover {border-color: #003a6f; background-color: #003a6f; color: #FFF;}
.schedule_table .list_event .btn.col_03 { background-color: #333; border-color: #333; color: #fff;}
.schedule_table .list_event .btn.col_03:hover {border-color: #000; background-color: #000; color: #FFF;}
.schedule_table .list_event .btn.col_04 { border-color: #ddd; color: #fff; background-color: #bbb; cursor: default; }


/* structure_pop */
.structure_pop_box { width: 500px;}
.structure_pop_box > li {margin-bottom: 20px;}
.structure_pop_box > li h2 { font-size: 16px; line-height: 30px; color: #222; margin-bottom: 10px; font-weight: 500;}
.schedule_pop .list_table { margin-bottom: 0px;}

/* .schedule_write */
.schedule_write .fsp_support > li:nth-child(2), .schedule_view .fsp_support > li:nth-child(3) { width: 850px;}

.contact_write .contact_write_box.fsp_support li:nth-of-type(3) p { margin: 0px;}
.schedule_write .fsp_support > li:nth-child(3) p { padding: 0px;}
.schedule_write .fsp_support > li:nth-child(4) { width: 1180px;}



.fsp_support_info { width: 100%; background-color: #F4F4F4; height: 480px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.fsp_support_info img { width: 120px; margin-bottom: 20px;}
.fsp_support_info p { font-size: 30px; line-height: 50px; color: #333; text-align: center;}

/* structure_view */
.schedule_view .schedule_view_con { position: relative; padding-top: 110px;}
.schedule_view .schedule_view_con::before { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 75px; height: 75px; background-color: #004687; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_join_ok.png); background-position: center center; background-size: 60px; background-repeat: no-repeat; border-radius: 50%; content: "";}
.schedule_view .schedule_view_title { margin-bottom: 60px;}
.schedule_view .schedule_view_title h2 { font-size: 30px; line-height: 40px; font-weight: 500; color: #222; text-align: center;}
.schedule_view .schedule_view_con dl { display: flex; flex-wrap: wrap; width: 80%; background-color: #f4f4f4; border-radius: 10px; padding: 60px 50px 0px 60px; margin: 0 auto 60px; }
.schedule_view .schedule_view_con dt, .schedule_view .schedule_view_con dd { font-weight: 500; margin-bottom: 60px;}
.schedule_view .schedule_view_con dt { font-size: 18px; color: #999; width: 25%;}
.schedule_view .schedule_view_con dd { font-size: 20px; color: #222; width: 75%;}

/* .schedule_view .schedule_view { position: relative; padding-top: 110px;}
.schedule_view .schedule_view::before { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 75px; height: 75px; background-color: #004687; background-image: url(https://www.pmi-korea.com/resources/image/common/icon_join_ok.png); background-position: center center; background-size: 60px; background-repeat: no-repeat; border-radius: 50%; content: "";}
.schedule_view .schedule_view_title { margin-bottom: 60px;}
.schedule_view .schedule_view_title h2 { font-size: 30px; line-height: 40px; font-weight: 500; color: #222; text-align: center;}
.schedule_view .schedule_view dl { display: flex; flex-wrap: wrap; width: 1000px; height: 350px; background-color: #f4f4f4; border-radius: 10px; padding: 60px 50px 0px 250px; margin: 0 auto 80px;}
.schedule_view .schedule_view dt,.schedule_view_pop .schedule_view dd { font-weight: 500;}
.schedule_view .schedule_view dt { font-size: 18px; color: #999; width: 40%; }
.schedule_view .schedule_view dd { font-size: 20px; color: #222; width: 60%;} */
/*CONTACT WRITE*/
.contact_write_box { padding-bottom: 60px; margin-bottom: 80px; border-bottom: 1px solid #DDD;}
.contact_write_box>li { position: relative; margin-bottom:20px; padding-left:350px;  }
.contact_write_box>li:nth-child(3) { width: 850px;}
.contact_write_box>li:last-child { margin-bottom: 0px;}
.contact_write_box>li>h2 { position: absolute; left: 0px; top: 0px; font-size: 18px; line-height: 50px; color: #222; }
.contact_write_box>li>p { font-size: 18px; line-height: 50px; color: #222;  }
.contact_write_box>li:last-child> h2{line-height: 30px;}
.contact_write_box>li:nth-child(1) {width: 100%;}
.contact_write_box>li:nth-child(1) select {width: 350px; display: inline-block;}
.contact_write_box>li:nth-child(1) select:first-of-type {margin-right: 10px;}
.contact_write_box>li .sponsor-set { width: 840px;}

/* CONTACT LIST (1:1문의 BTN BOX) */
.contact_list .contact_list_box {width: 1600px; background-color: #f4f4f4; margin-bottom: 50px; padding: 40px 50px; }
.contact_list .contact_list_box li {position: relative; width: 100%; }
.contact_list .contact_list_box li .btn-set {position: absolute; top: 50%; right: 0; margin-top: -25px;}
.contact_list .contact_list_box h2 {font-size: 20px; font-weight: 600; line-height: 30px; margin-bottom: 15px; }
.contact_list .contact_list_box p { position: relative; font-size: 16px; color: #222; line-height: 20px; margin-bottom: 10px; padding-left: 13px; }
.contact_list .contact_list_box p::before {position: absolute; left: 0; top: 9px; background-color: #999; width: 2px; height: 2px; content: "";}
.contact_list .contact_list_box p .font_blue { font-weight: 700;}

/* fsp_player_list */
.fsp_player_list .content_box > div:nth-of-type(2) { display: flex; justify-content: flex-end; margin-bottom: 30px;}
.sport_banner { margin-bottom: 80px;}
.sport_list { width: 100%; display: flex; flex-wrap: wrap;}
.sport_list li { position: relative; width: 370px; border: 1px solid #ddd; margin-bottom: 80px; overflow: hidden; margin-right: 40px;}
.sport_list li:nth-child(4n) { margin-right: 0px;}
.sport_list li:last-child { margin-right: 0px;}
.sport_list li img { width: 370px; height: 410px;}
.sport_list li div { width: 100%; padding: 35px 30px;}
.sport_list li div.img_box { width: 370px; height: 410px; background-color:#F4F4F4; background-image:url("https://www.pmi-korea.com/resources/image/common/logo_w.svg"); background-position:center center; background-repeat:no-repeat; background-size: 200px; overflow: hidden; padding: 0px;}
.sport_list li div:nth-of-type(2) { border-top: 1px solid #ddd;}
.sport_list li div:nth-of-type(3) { position: absolute; min-height: 161px; left: 0; bottom: -50px; background-color: #222; opacity: 0; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; visibility: hidden;}
.sport_list li.active div:nth-of-type(3) { bottom: 0px; opacity: 1; visibility: visible;}
.sport_list li div:nth-of-type(3) p { color: #fff;}
.sport_list li div:nth-of-type(3) p::before { background-color: #fff;}
.sport_list li h2 { font-size:30px; line-height: 30px; color: #004687; font-weight: 500;}
.sport_list li span { font-size:16px; line-height: 30px; color: #004687; font-weight: 400;}
.sport_list li h3 { font-size:16px; line-height: 30px; color: #999;}
.sport_list li h3 span { position: relative; margin-left: 5px; }
.sport_list li h3 span::before { content: "/"; margin-right: 5px; }
.sport_list li p { position: relative; padding-left: 10px; font-size:14px; line-height: 20px; color: #666; margin-bottom: 10px; word-break: keep-all;}
.sport_list li p::before { position: absolute; left: 0px; top: 10px; width: 3px; height: 3px; border-radius: 50%; background-color: #999; content: ""; }
.sport_list .no_data { border-left: 0px; border-right: 0px;}

.sport_banner_wrap { margin-bottom: 80px;}
.sport_slider {position: relative; width: 1600px; height:700px;}

div.sport_banner_wrap .slider_control { position: absolute; right: 0px; bottom: 0px; width: 140px; height: 50px; display: flex; align-items: center; justify-content:center; font-size: 16px; line-height: 20px; letter-spacing: 3px; color: #222; z-index: 10; background-color: rgba(255,255,255,0.80); border-radius:20px 0px 0px 0px; padding-left: 10px; }
div.sport_banner_wrap .sport_slider .swiper-button-next ,div.sport_banner_wrap .sport_slider .swiper-button-prev { display: inline-block; position: relative; width:20px; height: 20px; background-image:url("https://www.pmi-korea.com/resources/image/common/controls_main2.png"); background-repeat:no-repeat; background-size:40px 20px; margin-top: 0px; top: auto; left: auto; right: auto;}
div.sport_banner_wrap .sport_slider .swiper-button-prev {background-position: 0px 0px; margin-left: 10px; }
div.sport_banner_wrap .sport_slider .swiper-button-next {background-position: -20px 0px; }

div.sport_banner_wrap .slider_control .stop_btn { display: inline-block; width: 20px; height: 20px; vertical-align: top; }
div.sport_banner_wrap .slider_control .stop_btn i { display:inline-block; width:20px; height:20px; background-image:url(https://www.pmi-korea.com/resources/image/common/icon_stop.png); background-repeat: no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:middle; }
div.sport_banner_wrap .slider_control .stop_btn i.icon_pause { background-position: 0px -2px;}
div.sport_banner_wrap .slider_control .stop_btn i.icon_play { background-position: 0px -22px;}


/* fsp_support */
.fsp_support > li:nth-child(1),.fsp_support > li:nth-child(2), .fsp_support > li:nth-child(3), .fsp_support > li:nth-child(4) { width: 850px;}


/* .cs_center02 */
.cs_center02 .con01 { position: relative; }
.cs_center02 .con01 .map_box { width: 100%; }
.cs_center02 .adress_box { position: absolute; top: 0; left: 300px; width:425px; height:999px; background-color: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; overflow-x: hidden; }
.cs_center02 .adress_box h2 { font-size: 20px; line-height: 20px; color: #222; font-weight: 500; margin-bottom: 15px; }
.cs_center02 .adress_box p { font-size: 16px; line-height: 25px; font-weight: 400; margin-bottom: 15px; }
.cs_center02 .adress_box li span { position: relative; font-size:16px; line-height:30px; color: #999; padding-left:25px;  margin-right: 20px; }

.cs_center02 .adress_box > ul.cs_select { padding: 40px 0px 0px 30px; }
.cs_center02 .adress_box > ul.cs_select li { margin-bottom: 30px; }

.cs_center02 .select, .cs_center02 .inp-txt { width: 350px; height: 50px; }
.cs_center02 .cs_adress { word-break: keep-all;  overflow-x: hidden; overflow-y: scroll; height: 844px;}
.cs_center02 .cs_adress li { cursor: pointer; padding: 30px 10px 30px 25px; border-top: 1px solid #ddd; }
.cs_center02 .cs_adress li > div { display: flex; flex-wrap: wrap; }
.cs_center02 .cs_adress li > div span.no_data { display: none; }
.cs_center02 .cs_adress li:hover { background-color: #f4f4f4; transition: 0.3s ease-in-out; }
.cs_center02 .cs_adress li.active { background-color: #004687; }
.cs_center02 .cs_adress li:hover span:nth-of-type(1):before,.cs_center02 .cs_adress li:hover span:nth-of-type(2):before,.cs_center02 .cs_adress li:hover span:nth-of-type(3):before, .cs_center02 .cs_adress li.active h2, .cs_center02 .cs_adress li.active p, .cs_center02 .cs_adress li.active span { color: #fff; transition: 0.3s ease-in-out; }
.cs_center02 .cs_adress h2 { color: #004687; }
.cs_center02 .cs_adress p { color: #222; }
.cs_center02 .cs_adress span::before { position: absolute; top: 3px; left: -5px; width: 24px; height: 24px; content: ''; }
.cs_center02 .cs_adress span:nth-of-type(1):before {  background-image:url("https://www.pmi-korea.com/resources/image/common/icon_cs_center_tel01.png"); }
.cs_center02 .cs_adress span:nth-of-type(2):before {  background-image:url("https://www.pmi-korea.com/resources/image/common/icon_cs_center_tel02.png"); }
.cs_center02 .cs_adress span:nth-of-type(3):before {  background-image:url("https://www.pmi-korea.com/resources/image/common/icon_cs_center_tel03.png"); }
.cs_center02 .cs_adress li.active span:nth-of-type(1)::before { background-image:url("https://www.pmi-korea.com/resources/image/common/icon_cs_center_tel01_white.png"); }
.cs_center02 .cs_adress li.active span:nth-of-type(2)::before { background-image:url("https://www.pmi-korea.com/resources/image/common/icon_cs_center_tel02_white.png"); }
.cs_center02 .cs_adress li.active span:nth-of-type(3)::before { background-image:url("https://www.pmi-korea.com/resources/image/common/icon_cs_center_tel03_white.png"); }

/* ba_schedule_view, business_schedule_view */
.view_completed{ display: flex; flex-wrap: wrap; width: 100%; background-color: #f4f4f4; border-radius: 10px; padding: 60px 50px 0px 60px; margin: 0 auto 60px; }
.view_completed dt, .view_completed dd { font-weight: 500; margin-bottom: 60px;}
.view_completed dt { font-size: 18px; color: #999; width: 25%;}
.view_completed dd { font-size: 20px; color: #222; width: 75%;}


/* company01 */
.company01 .con_bg, .company01 .con03  { position: relative; padding: 120px 0;}

.company01 h2 { font-size: 70px; line-height: 80px; color: #222; font-weight: 700;}
.company01 h3 { font-size: 45px; line-height: 55px; color: #fff; font-weight: 700; margin-bottom: 50px;}
.company01 h4 { font-size: 34px; line-height: 45px; color: #222; font-weight: 600; margin-bottom: 60px;}
.company01 h5 { font-size: 28px; line-height: 45px; color: #222; font-weight: 500;}

.company01 .con01 {  position: relative; width: 1600px; margin: 0 auto 120px; }
.company01 .con01 div { position: absolute; top: 0; right: 0;}
.company01 .con01 div img { margin-bottom: 180px;}
.company01 .con01 span { display: block; font-size: 20px; line-height: 20px; color: #004687; margin-bottom: 15px;}
.company01 .con01 h4 { font-size: 24px; line-height: 40px; margin-bottom: 15px;}
.company01 .con01 p { font-size: 20px; line-height: 30px; color: #444; font-weight: 300; margin-bottom: 50px;}
.company01 .con01 p:nth-of-type(2) { margin-bottom: 80px;}

.company01 .con02 { position: relative; width: 1600px; margin: 0 auto 180px;}
.company01 .con02 h3 { color: #004687;}
.company01 .con02 div { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 422px; padding-left: 780px; margin-bottom: 80px;}
.company01 .con02 div:last-child { margin-bottom: 0;}
.company01 .con02 div img { position: absolute; top: 0; left: 0; width: 675px; height: 422px;}
.company01 .con02 span { display: block; font-size: 20px; line-height: 20px; color: #004687; margin-bottom: 15px;}
.company01 .con02 h5 { font-size: 22px; line-height: 36px; font-weight: 600; margin-bottom: 15px;}
.company01 .con02 p { font-size: 20px; line-height: 30px; color: #444; font-weight: 400;}

.company01 .con_bg { width: 100%; background-color: #F4F4F4; margin-bottom: 120px;}
.company01 .con03 { position: relative; width: 1600px; min-height: 520px; margin: 0 auto;}
.company01 .con03::before { position: absolute; right: -784px; top: -190px; font-size: 150px; color: #f4f4f4; font-weight: 800; content: 'Simple. Successful.';}
.company01 .con03 h4 { font-weight: 400;}
.company01 .con03 > span { display: block; font-size: 20px; line-height: 20px; color: #004687; margin-bottom: 20px;}
.company01 .con03 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}
.company01 .con03 p span { color: #004687; font-weight: 400;}
.company01 .con03 ul { position: absolute; top: 0; left: 550px;}
.company01 .con03 ul li { margin-bottom: 60px;}
.company01 .con03 ul li:first-child span{ color: #222; font-weight: 700;}
.company01 .con03 ul li:last-child { position: relative; margin-bottom: 0px;}
.company01 .con03 ul li i { display: inline-block; width: 300px; height: 300px; text-align: center; padding-top: 140px; border-radius: 50%; background-repeat: no-repeat; background-position: center 70px; font-style: normal;}
.company01 .con03 ul li i span{ font-weight: 400; font-size: 17px; line-height: 30px; font-weight: 400;}
.company01 .con03 ul li i:nth-of-type(1) { background-image: url("https://www.pmi-korea.com/resources/image/common/icon_company01_01.png"); background-color: #fff;  z-index: -1;}
.company01 .con03 ul li i:nth-of-type(1) span { color: #222;}
.company01 .con03 ul li i:nth-of-type(2) { background-image: url("https://www.pmi-korea.com/resources/image/common/icon_company01_02.png"); background-color: #004687; margin-left: -40px;}
.company01 .con03 ul li i:nth-of-type(2) span { color: #fff;}
.company01 .con03 ul li i:nth-of-type(3) { background-image: url("https://www.pmi-korea.com/resources/image/common/icon_company01_03.png"); background-color: #fff;  z-index: -1; margin-left: -40px;}
.company01 .con03 ul li i strong {display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: #004687; margin-top: 10px;}
.company01 .con03 ul li i:nth-of-type(2) strong {color: #fff;}

/* Back 수상내역 */
/* .company01 .company_bg { width: 100%; background-image: url("https://www.pmi-korea.com/resources/image/common/bg_company01_01.jpg"); background-repeat: no-repeat; background-position: center; margin-bottom: 120px;}
.company01 .con03 { text-align: center;}
.company01 .con03 p { font-size: 20px; line-height: 35px; color: #fff; font-weight: 300; margin-bottom: 100px;}
.company01 .con03 ul { display: flex; justify-content: space-between; width: 1450px; margin: 0 auto;}
.company01 .con03 ul li img { margin-bottom: 30px;}
.company01 .con03 ul li p { font-size: 20px; line-height: 35px; margin-bottom: 0px;}

.company01_wrap { width: 100%; max-width: 100%; min-width: 1600px; height: 510px; }
.company01_wrap .company01_slider01 {position: relative; overflow: hidden; left: 50%; transform: translateX(-50%)}
.company01_wrap .company01_slider01 .swiper-slide { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 510px; cursor: pointer; }
.company01_wrap .company01_slider01 .swiper-slide .img_box { margin-bottom: 30px;}
.company01_wrap .company01_slider01 .swiper-slide.swiper-slide-next { z-index: 1; opacity:1;}
.company01 .con03 .company01_wrap .company01_slider01 .swiper-slide img { width: 250px; height:320px;}
.company01 .con03 .company01_wrap .company01_slider01 .swiper-slide.swiper-slide-next + div img { width: 300px; height:400px;}
.company01_wrap .company01_slider01 .swiper-slide p { display: block; font-weight: 400; margin-bottom: 0px;} */

.company01 .con04 { position: relative; width: 1600px; min-height: 640px; margin: 0 auto; text-align: center; margin-bottom: 120px;}
.company01 .con04 h3 { color: #222;}
.company01 .con04 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300; margin-bottom: 70px;}
.company01 .con04 p span { color: #004687;}

.company01_wrap .company01_slider02 {position: relative; width:2100px; overflow: hidden; left: 50%; transform: translateX(-50%)}
.company01_wrap .company01_slider02 .swiper-slide { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 510px; cursor: pointer; }
.company01_wrap .company01_slider02 .swiper-slide .img_box { margin-bottom: 30px;}
.company01_wrap .company01_slider02 .swiper-slide.swiper-slide-next { z-index: 1; opacity:1;}
.company01_wrap .company01_slider02 .swiper-slide.swiper-slide-next img { width: 710px; height:438px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.company01_wrap .company01_slider02 .swiper-slide img { width: 540px; height:333px;}
.company01_wrap .company01_slider02 .swiper-slide p { display: block; font-weight: 400; margin-bottom: 0px;}

.company01 .con05 { position: relative; width: 1600px; margin: 0 auto; margin-bottom: 0px;}
.company01 .con05 > span { display: block; font-size: 20px; line-height: 20px; color: #004687; text-align: center; margin-bottom: 30px;}
.company01 .con05 > h3 { color: #222; text-align: center; margin-bottom: 80px;}
.company01 .con05 > p {font-size: 18px; line-height: 18px; color: #999; }

.company01 .con05 .c-numbers__grid { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 24px; margin-bottom: 20px; }
.company01 .con05 .c-numbers__item { background-color: #cae3f6; padding: 160px 42px 42px 42px; }
.company01 .con05 .c-numbers__item--big { grid-column-end: span 2 }
.company01 .con05 .c-numbers__item h4 { margin-bottom: 30px;}
.company01 .con05 .c-numbers__item span { font-size: 150px; line-height: 150px; color: #061423; font-weight: 300 !important; padding-bottom: 16px; }
.company01 .con05 .c-numbers__item p { font-size: 36px; line-height: 36px; color: #061423; font-weight: 300;}



/* company02 */
.company02 .con01 { position: relative; }
.company02 .adress_box { position: absolute; top: 180px; width:640px; left: 300px; height: 610px; border-radius: 20px; background-color: #fff; padding: 60px 60px 0px 60px; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.company02 .adress_box li:first-child { border-bottom:1px solid rgba(255, 255, 255, 0.6); margin-bottom:25px;}
.company02 .adress_box li:nth-of-type(3) { width: 400px; display: flex; flex-wrap: wrap;}
.company02 .adress_box li:first-child img { margin-bottom: 30px;}
.company02 .adress_box li.adress h2 { font-size: 22px; line-height: 22px; color:#222; font-weight: 500; margin-bottom: 40px;}
.company02 .adress_box li.adress span { display: inline-block; font-size:18px; line-height: 18px; color:#999; font-weight: 500; margin-bottom: 15px;}
.company02 .adress_box li p {  font-size:32px; line-height: 32px; color: #004687; font-weight: 500;}
.company02 .adress_box li span { font-size:18px; color:#999; font-weight: 400; margin-right: 20px;}
.company02 .adress_box li span:nth-child(even) { color:#222; margin-bottom:20px;}
.company02 .adress_box li span:nth-child(2) { position: relative; margin-right: 70px;}
.company02 .adress_box li span:nth-child(2)::before { position: absolute; width: 1px; height: 16px; top: 3px; right: -30px; background-color: rgba(0, 0, 0, 0.6); content: '';}
.company02 .adress_box li span:nth-child(5) { margin-bottom: 40px;}

/* direct_selling_news */
.direct_selling_news .con_bg { width: 100%; background-color: #F4F4F4; min-height: 700px; margin-bottom: 120px;}
.direct_selling_news .con01 { padding: 190px 0px;}
.direct_selling_news .con02 { height: 455px; padding: 70px 0px;}
.direct_selling_news .con01, .direct_selling_news .con02 { position: relative; width: 1600px; margin: 0 auto;}
.direct_selling_news .con01 div { padding-left: 1090px;}
.direct_selling_news .con01 img { position: absolute; width: 1000px; height: 500px; top: 50%; left: 0; transform: translateY(-50%);}
.direct_selling_news .con02 img { position: absolute; width: 800px; height: 455px; top: 50%; left: 800px; transform: translateY(-50%);}
.direct_selling_news div span { display: block; font-size: 30px; color: #222; font-weight: 300;}
.direct_selling_news div span.first_span { font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 30px;}
.direct_selling_news div h2 { font-size: 45px; line-height: 45px; color: #222; font-weight: 700; margin-bottom: 40px;}
.direct_selling_news div p { font-size: 18px; line-height: 35px; color: #666; font-weight: 400;}

/* business01 */
.business01 .content_box > div { width: 1600px; margin: 0 auto 120px;}
.business01 .content_box > div.con01 { margin-bottom: 0px;}
.business01 .content_box > div.con02 { width: 100%;}
.business01 .content_box > div.con02>div { width: 1600px; margin: 0 auto 0px;}
.business01 > div > div.con01 > span { margin-bottom: 35px;}
.business01 > div > div > span { display: inline-block; font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 20px;}
.business01 dt { position: relative; font-size: 20px; line-height: 20px; color: #222; font-weight: 500; padding-left: 14px; margin-bottom: 20px;}
.business01 dt::before { position: absolute; width: 4px; height: 4px; top: 8px; left: 0; background-color: #444; content: ''; border-radius: 2px;}
.business01 .con05 dt::before { top: 13px;}
.business01 dt span { color: #333; font-weight: 400; }
.business01 dd { font-size: 16px; line-height: 30px; color: #666; padding-left: 14px; margin-bottom: 40px;}
.business01 dd:last-child { margin-bottom: 0px;}
.business01 h2 { font-size: 60px; line-height: 60px; font-weight: 700;}
.business01 .con01 { position: relative; min-height: 525px;}
.business01 .con01::before { position: absolute; width: 630px; height: 630px; top: -60px; left: -380px; background-image:url("https://www.pmi-korea.com/resources/image/common/bg_business_banner01.png"); content: ""; z-index: -1;}
.business01 .con01 h2 { font-size: 80px; line-height: 80px; color: #222; font-weight: 700;}
.business01 .con01 dl { position: absolute; top: 0; left: 550px;}
.business01 .con02 { width: 100%; min-height: 600px; background-image:url("https://www.pmi-korea.com/resources/image/common/bg_business01_01.jpg"); background-position: center; content: "";}
.business01 .con02 h2 { color: #fff; margin-bottom: 40px;}
.business01 .con02 span {  display: inline-block; font-size: 20px; line-height: 20px; font-weight: 500; margin-bottom: 20px; color: #fff;}
.business01 .con02 div { padding-top: 160px;}
.business01 .con02 dt { font-size: 18px; color: #fff; font-weight: 400; margin-bottom: 40px;}
.business01 .con02 dt::before { background-color: #fff;}
.business01 .con02 dt em { font-size: 16px; display: block; padding-top: 10px;}
.business01 .con03 h2, .business01 .con04 h2 { margin-bottom: 50px;}
.business01 table { width: 100%; }
.business01 table th, .business01 table td { line-height: 20px; padding:30px 0px;}
.business01 table th { font-size: 18px; color: #FFF; background-color: #004687; font-weight: 400;}
.business01 table td { font-size: 16px; color: #222; font-weight: 300; border-bottom: 1px solid #DDD; border-right: 1px solid #ddd;}
.business01 table td:nth-of-type(2) { text-align: center; font-weight: 500; color: #004687;}
.business01 table td span { font-size: 13px; color: #666;}
.business01 table td:nth-child(1) { font-weight: 300; text-align: left; padding: 20px 50px;}
.business01 table td:nth-child(3) { font-weight: 300; text-align: left; padding: 20px 50px;}
.business01 .con03 table td:nth-child(3) { border-right: 0px;}
.business01 .con04 table tr:nth-of-type(2) th { color: #004687; font-weight: 300; background-color: #fff; border-bottom: 1px solid #004687;}
.business01 .con04 table td:nth-of-type(3), .business01 .con04 table td:last-child { border-right: 0px; }
.business01 .con04 table td:nth-of-type(3), .business01 .con04 table td:nth-of-type(4), .business01 .con04 table td:nth-of-type(5), .business01 .con04 table td:nth-of-type(6), .business01 .con04 table td:nth-of-type(7) { text-align: center;}
.business01 .con05 { background-image:url("https://www.pmi-korea.com/resources/image/common/bg_business01_02.jpg"); }
.business01 .con05 div { padding-top: 230px;}
.business01 .con05 dl dt { line-height: 30px;}
.business01 .border_solid table td { text-align: center;}
.business01 .border_solid table td:first-child { text-align: left;}
.business01 .border_solid table td:nth-of-type(3) { border-right: 1px solid #ddd;}
.business01 .content_box .con07 { margin-bottom: 0px;}
.business01 .con07 h2 { margin-bottom: 40px;}
.business01 .con07 dl dt { font-weight: 400;}

/* business02 */
.business02 .con01 { position: relative; width: 100%; min-height: 1120px; margin-bottom: 120px;}
.business02 .con01::after { position: absolute; top: 272px; left: 50%; width: 2560px; height: 650px; transform: translateX(-50%); background-image: url("https://www.pmi-korea.com/resources/image/front/kr/bg_business02_01.jpg"); content: '';}
.business02 .con01 > div { width: 1600px; margin: 0 auto;}
.business02 .con01 > div::after { position: absolute; width: 100%; bottom: 0; left: 1020px; font-size: 180px; line-height: 180px; color: #f4f4f4; font-weight: 800; content: "Business Model"; }
.business02 .con01 h3 { font-size: 20px; line-height: 25px; color: #004687; font-weight: 500; margin-bottom: 30px; }
.business02 .con01 h2 { font-size: 60px; line-height: 60px; color: #222; font-weight: 600; margin-bottom: 60px; }
.business02 .con01 p { width: 100%; font-size: 20px; line-height: 35px; color: #222; font-weight: 300; }
.business02 .con01 p span { color: #004687; font-weight: 400; }

.business02 .con02 { position: relative; width: 1600px; min-height: 690px; margin: 0 auto; padding-left: 880px; margin-bottom: 120px;}
.business02 .con02 img { position: absolute; top: 0; left: -180px; width: 960px; height: 690px;}
.business02 .con02 h2 { font-size: 55px; line-height: 65px; color: #222; font-weight: 500; padding-top: 170px; margin-bottom: 60px;}
.business02 .con02 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}
.business02 .con02 p span { color: #004687; font-weight: 400; }

.business02 .con03 { position: relative; width: 1600px; min-height: 690px; margin: 0 auto 120px;}
.business02 .con03 img { position: absolute; top: 0; right: -180px; width: 960px; height: 690px;}
.business02 .con03 h3 { font-size: 20px; line-height: 25px; color: #004687; font-weight: 500; margin-bottom: 30px; padding-top: 210px;}
.business02 .con03 h2 { font-size: 55px; line-height: 65px; color: #222; font-weight: 500; margin-bottom: 60px;}
.business02 .con03 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}
.business02 .con03 p span { color: #004687; font-weight: 400; }

.business02 .con04 { position: relative; width: 1600px; min-height: 690px; margin: 0 auto; padding-left: 880px; margin-bottom: 120px;}
.business02 .con04 img { position: absolute; top: 0; left: -180px; width: 960px; height: 690px;}
.business02 .con04 h2 { font-size: 55px; line-height: 65px; color: #222; font-weight: 500; padding-top: 170px; margin-bottom: 60px;}
.business02 .con04 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}
.business02 .con04 p span { color: #004687; font-weight: 400; }

.business02 .con05 { position: relative; width: 100%; height: 560px; margin-bottom: 120px;}
.business02 .con05::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2560px; height: 560px; background-image: url("https://www.pmi-korea.com/resources/image/front/kr/bg_business02_02.jpg"); content: ''; z-index: -1;}
.business02 .con05 h2 { font-size: 48px; line-height: 50px; color: #fff; font-weight: 600; text-align: center; padding-top: 200px; margin-bottom: 50px;}
.business02 .con05 p { font-size: 20px; line-height: 30px; color: #fff; font-weight: 400; text-align: center;}

.business02 .con06 { position: relative; width: 1600px; height: 700px; padding: 150px 0 0 880px; margin: 0 auto 120px;}
.business02 .con06 img { position: absolute; top: 0; left: 0px;}
.business02 .con06 h4 { font-size: 45px; line-height: 50px; color: #ccc; font-weight: 700; margin-bottom: 40px;}
.business02 .con06 h2 { font-size: 40px; line-height: 50px; color: #222; font-weight: 700; margin-bottom: 30px;}
.business02 .con06 h3 { font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 60px;}
.business02 .con06 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}

.business02 .con07 { position: relative; width: 1600px; height: 700px; padding: 150px 0 0 0; margin: 0 auto 120px;}
.business02 .con07 img { position: absolute; top: 0; left: 800px;}
.business02 .con07 h4 { font-size: 45px; line-height: 50px; color: #ccc; font-weight: 700; margin-bottom: 40px;}
.business02 .con07 h2 { font-size: 40px; line-height: 50px; color: #222; font-weight: 700; margin-bottom: 30px;}
.business02 .con07 h3 { font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 60px;}
.business02 .con07 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}

.business02 .con08 { position: relative; width: 1600px; height: 700px; padding: 150px 0 0 880px; margin: 0 auto 120px;}
.business02 .con08 img { position: absolute; top: 0; left: 0px;}
.business02 .con08 h4 { font-size: 45px; line-height: 50px; color: #ccc; font-weight: 700; margin-bottom: 40px;}
.business02 .con08 h2 { font-size: 40px; line-height: 50px; color: #222; font-weight: 700; margin-bottom: 30px;}
.business02 .con08 h3 { font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 60px;}
.business02 .con08 p { font-size: 20px; line-height: 35px; color: #222; font-weight: 300;}

.business02 .con09 {  position: relative; width: 1600px; min-height: 640px; margin: 0 auto; text-align: center; margin-bottom: 0px;}
.business02 .con09 h3 { font-size: 36px; line-height: 40px; color: #222; font-weight: 500; margin-bottom: 30px;}
.business02 .con09 p { font-size: 22px; line-height: 35px; color: #222; font-weight: 400;}
.business02 .con09 p span { color: #004687;}
.business02 .con09 .btn-set { margin-top: 40px;}

.business02_wrap .business02_slider01 {position: relative; width:2100px; overflow: hidden; left: 50%; transform: translateX(-50%)}
.business02_wrap .business02_slider01 .swiper-slide { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 510px; cursor: pointer; }
.business02_wrap .business02_slider01 .swiper-slide .img_box { margin-bottom: 30px;}
.business02_wrap .business02_slider01 .swiper-slide.swiper-slide-next { z-index: 1; opacity:1;}
.business02_wrap .business02_slider01 .swiper-slide.swiper-slide-next img { width: 710px; height:438px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
.business02_wrap .business02_slider01 .swiper-slide img { width: 540px; height:333px;}
.business02_wrap .business02_slider01 .swiper-slide p { display: block; font-weight: 400; margin-bottom: 0px;}

/* story02 */
.story02 { text-align: center;}
.story02 .con_bg { width: 100%; background-color: #F4F4F4; padding: 120px 0; margin-bottom: 120px;}
.story02 .con01,.story02 .con02 > div { display: flex; justify-content: space-between; width: 1600px; margin: 0 auto;}
.story02 .con02 > div > div { width: 504px;}
.story02 img { margin-bottom: 50px;}
.story02 h2 { font-size: 45px; line-height: 45px; color: #222; font-weight: 700; margin-bottom: 80px;}
.story02 h3 { font-size: 35px; line-height: 35px; color: #222; font-weight: 700; margin-bottom: 50px;}
.story02 .con02 h3 { font-size: 30px; line-height: 40px; min-height: 75px; margin-bottom: 25px;}
.story02 p { font-size: 18px; line-height: 35px; color: #222; font-weight: 300;}
.story02 span { font-size: 26px; color: #222; font-weight: 300;}

/* story03 */
.story03 .con01 { position: relative; width: 1600px; height: 1090px; padding: 250px 0px 0px 880px; margin: 0 auto; z-index: 2; word-break: keep-all;}
.story03 .con01::before { position: absolute; top: 180px; left: -60px; width: 2200px; height: 100%; background-color: #F4F4F4; content: ""; z-index: -1;}
.story03 .con01::after { position: absolute; top: -90px; right: -140px; width: 380px; height: 380px; background-image: url(https://www.pmi-korea.com/resources/image/common/bg_business_banner01.png); background-repeat: no-repeat; background-position: center center; background-size: 100%; content: "";}
.story03 .con01 span { display: inline-block; font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 30px;}
.story03 .con01 h2 { font-size: 45px; line-height: 45px; color: #222; font-weight: 700; margin-bottom: 40px;}
.story03 .con01 p { font-size: 18px; line-height: 35px; color: #666; font-weight: 300; margin-bottom: 24px;}
.story03 .con01 p span { display: block; font-size: 18px; color: #222; line-height: 35px; margin-bottom: 0px;}
.story03 .con01 img:first-child { position: absolute; top: 0px; left: -400px; width: 1200px; height: 960px; }
.story03 .con01 img:nth-of-type(2) { margin-bottom: 40px; margin-right: 40px;}
.story03 .con01 .btn-set { text-align: left;}

/* ccm */
.ccm .con01 { margin-bottom: 150px;}
.ccm .con01 h2 { font-size: 40px; line-height: 40px; color: #222; text-align: center; font-weight: 700; margin-bottom: 25px;}
.ccm .con01 p { font-size: 22px; line-height: 35px; color: #222; text-align: center; font-weight: 400; margin-bottom: 100px;}
.ccm .con01 .con01_inner { display: flex; justify-content: space-between; width: 1420px; margin: 0 auto;}
.ccm .con01 .con01_inner > div { position: relative; width: 200px; text-align: center; padding-top: 244px;}
.ccm .con01 .con01_inner > div:nth-of-type(1)::before { display: inline-block; position: absolute; top: 50%;  right: -85px;  transform: translateY(-50%) rotate(45deg);  width: 15px;  height: 15px;  border-top: 4px solid #004687;  border-right: 4px solid #004687;  opacity: .7; content: ''; }
.ccm .con01 .con01_inner > div:nth-of-type(1)::after { display: inline-block; position: absolute; top: 50%;  right: -99px;  transform: translateY(-50%) rotate(45deg);  width: 15px;  height: 15px;  border-top: 4px solid #004687;  border-right: 4px solid #004687;  content: ''; }
.ccm .con01 .con01_inner > div:nth-of-type(2)::before { display: inline-block; position: absolute; top: 50%;  left: -85px;  transform: translateY(-50%) rotate(45deg);  width: 15px;  height: 15px;  border-top: 4px solid #004687;  border-right: 4px solid #004687;  opacity: .7; content: ''; }
.ccm .con01 .con01_inner > div:nth-of-type(2)::after { display: inline-block; position: absolute; top: 50%;  left: -99px;  transform: translateY(-50%) rotate(45deg);  width: 15px;  height: 15px;  border-top: 4px solid #004687;  border-right: 4px solid #004687;  content: ''; }
.ccm .con01 .con01_inner > div i { display: inline-block; width: 150px; height: 150px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_ccm_02.png"); background-repeat: no-repeat; background-color: #004687; border-radius: 50%; vertical-align: middle; margin-bottom: 15px;}
.ccm .con01 .con01_inner > div:nth-of-type(2) i { background-position: -150px 0;}
.ccm .con01 .con01_inner > div h3 { font-size: 20px; line-height: 26px; color: #222; font-weight: 500; text-align: center;}
.ccm .con01 .con01_inner ul { position: relative; width: 646px; height: 660px; background-image: url("https://www.pmi-korea.com/resources/image/common/bg_ccm_01.png"); background-repeat: no-repeat; background-position: center 210px;}
.ccm .con01 .con01_inner ul li { position: absolute; display: flex; justify-content: center; width: 150px; height: 150px; background-color: #f5f5f5; border-radius: 50%; }
.ccm .con01 .con01_inner ul li.active { transition: .5s; background-color: #004687;}
.ccm .con01 .con01_inner ul li .text_box { display: flex; gap: 8px 0; flex-direction: column; justify-content: center; align-items: center;}
.ccm .con01 .con01_inner ul li .text_box i { display: inline-block; width: 50px; height: 50px; background-image: url("https://www.pmi-korea.com/resources/image/common/icon_ccm_01.png"); background-repeat: no-repeat; background-size: 400px 100px; }
.ccm .con01 .con01_inner ul li .text_box h4 { font-size: 16px; line-height: 16px; color: #222; font-weight: 500; text-align: center; }
.ccm .con01 .con01_inner ul li.active .text_box h4 { color: #fff;}
.ccm .con01 .con01_inner ul li div.circle_box { display: flex; position: absolute; align-items: center;}
.ccm .con01 .con01_inner ul li div.circle_box span { display: inline-block; background-color: #f5f5f5; border-radius: 50%; margin: 0 1px;}
.ccm .con01 .con01_inner ul li.active div.circle_box span { background-color: #004687; transition: .5s;}
.ccm .con01 .con01_inner ul li div.circle_box span:nth-of-type(1) { width: 16px; height: 16px;}
.ccm .con01 .con01_inner ul li div.circle_box span:nth-of-type(2) { width: 8px; height: 8px;}
.ccm .con01 .con01_inner ul li div.circle_box span:nth-of-type(3) { width: 4px; height: 4px;}
.ccm .con01 .con01_inner ul li:nth-of-type(1) { top: 0; left: 50%; transform: translateX(-50%);}
.ccm .con01 .con01_inner ul li:nth-of-type(1) div.circle_box { bottom: -15px; left: 50%; transform: translateX(-50%) rotate(90deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(1) i { background-position: 0 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(1) i { background-position: 0 -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(2) { top: 54px; right: 48px;}
.ccm .con01 .con01_inner ul li:nth-of-type(2) div.circle_box { bottom: 14px; left: -5px; transform: rotate(140deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(2) i { background-position: -50px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(2) i { background-position: -50px -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(3) { top: 50%; right: 0; transform: translateY(-50%);}
.ccm .con01 .con01_inner ul li:nth-of-type(3) div.circle_box { top: 50%; left: -22px; transform: translateY(-50%) rotate(180deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(3) i { background-position: -100px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(3) i { background-position: -100px -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(4) { bottom: 54px; right: 48px; }
.ccm .con01 .con01_inner ul li:nth-of-type(4) div.circle_box { top: 20px; left: -2px; transform: translateY(-50%) rotate(220deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(4) i { background-position: -150px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(4) i { background-position: -150px -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(5) { bottom: 0; left: 50%; transform: translateX(-50%);}
.ccm .con01 .con01_inner ul li:nth-of-type(5) div.circle_box { top: -14px; left: 50%; transform: translateX(-50%) rotate(-90deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(5) i { background-position: -200px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(5) i { background-position: -200px -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(6) { bottom: 54px; left: 48px; }
.ccm .con01 .con01_inner ul li:nth-of-type(6) div.circle_box { top: 5px; right: 2px; transform: rotate(-40deg); }
.ccm .con01 .con01_inner ul li:nth-of-type(6) i { background-position: -250px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(6) i { background-position: -250px -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(7) { top: 50%; left: 0; transform: translateY(-50%);}
.ccm .con01 .con01_inner ul li:nth-of-type(7) div.circle_box { top: 50%; right: -22px; transform: translateY(-50%) rotate(0deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(7) i { background-position: -300px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(7) i { background-position: -300px -50px; }
.ccm .con01 .con01_inner ul li:nth-of-type(8) { top: 54px; left: 48px; }
.ccm .con01 .con01_inner ul li:nth-of-type(8) div.circle_box { bottom: 6px; right: -4px; transform: translateY(-50%) rotate(40deg);}
.ccm .con01 .con01_inner ul li:nth-of-type(8) i { background-position: -350px 0;}
.ccm .con01 .con01_inner ul li.active:nth-of-type(8) i { background-position: -350px -50px; }

.ccm .con02 { background-color: #f4f4f4; padding: 120px 0; margin-bottom: 150px;}
.ccm .con02 h2 { font-size: 40px; line-height: 40px; color: #222; text-align: center; font-weight: 700; margin-bottom: 80px;}
.ccm .con02 ul { display: flex; justify-content: center; width: 1250px; gap: 0 350px; margin: 0 auto;}
.ccm .con02 ul li  { text-align: center;}
.ccm .con02 ul li h3 { display: inline-block; width: 300px; height: 50px; font-size: 22px; line-height: 50px; color: #fff; font-weight: 500; text-align: center; background-color: #222; border-radius: 25px; margin-bottom: 40px;}

.ccm .con03 { width: 1600px; margin: 0 auto 150px;}
.ccm .con03 h2 { font-size: 40px; line-height: 40px; color: #222; text-align: center; font-weight: 700; margin-bottom: 80px;}
.ccm .con03 ul { display: flex; justify-content: space-between;}
.ccm .con03 ul li { width: 500px;}
.ccm .con03 ul li img { margin-bottom: 30px;}
.ccm .con03 ul li h3 { font-size: 28px; line-height: 28px; color: #222; font-weight: 700; margin-bottom: 15px;}
.ccm .con03 ul li p { font-size: 18px; line-height: 28px; color: #222; font-weight: 400; }

.ccm .con04 { background-color: #f4f4f4; padding: 150px 0; margin: 0 auto 150px;}
.ccm .con04 h2 { font-size: 40px; line-height: 40px; color: #222; text-align: center; font-weight: 700; margin-bottom: 80px;}
.ccm .con04 ul { display: flex; justify-content: space-between; width: 1400px; margin: 0 auto;}
.ccm .con04 ul li { display: flex; flex-direction: column; align-items: center; width: 600px;}
.ccm .con04 ul li iframe { margin-bottom: 30px;}
.ccm .con04 ul li h3 { font-size: 28px; line-height: 28px; color: #222; font-weight: 700; text-align: center; margin-bottom: 15px;}
.ccm .con04 ul li p { font-size: 18px; line-height: 28px; color: #222;font-weight: 400; text-align: center; margin-bottom: 8px;}
.ccm .con04 ul li span { display: block; font-size: 16px; line-height: 16px; color: #424242; font-weight: 400; text-align: center; }

.ccm .con05 { width: 1600px; text-align: center; margin: 0 auto;}
.ccm .con05 h2 { font-size: 40px; line-height: 40px; color: #222; text-align: center; font-weight: 700; margin-bottom: 80px;}
.ccm .con05 p { display: inline-block; width: 380px; height: 50px; font-size: 22px; line-height: 50px; color: #fff; font-weight: 500; text-align: center; background-color: #222; border-radius: 25px; margin-bottom: 40px; }
.ccm .con05 p:nth-of-type(2) { margin-bottom: 60px;}
.ccm .con05 div:nth-of-type(1) { display: flex; justify-content: center; gap: 0 80px; margin-bottom: 120px;}
.ccm .con05 ul { display: flex; justify-content: center; gap: 0 110px; }
.ccm .con05 ul li img { margin-bottom: 40px;}
.ccm .con05 ul li h3 { font-size: 28px; line-height: 28px; color: #222; font-weight: 700; text-align: center;}

/* pm_support */
.pm_support { text-align: center;}
.pm_support .con01 span { display: inline-block; font-size: 20px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 30px;}
.pm_support .con01 h2 { font-size: 45px; line-height: 65px; color: #222; font-weight: 700; margin-bottom: 60px;}
.pm_support .con01 h2 span { font-size: 45px; line-height: 65px; font-weight: 700;}
.pm_support .con01 h4 { font-size: 30px; line-height: 30px; color: #222; font-weight: 700; margin-bottom: 30px;}
.pm_support .con01 p { font-size: 20px; line-height: 20px; color: #666; font-weight: 400;}
.pm_support .con01 img { margin-bottom: 45px; padding-top: 60px; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.pm_support .con01 a:hover img { -webkit-transform: scale(1); transform: scale(1);}
.pm_support .con01 ul { display: flex; flex-wrap: wrap; justify-content: center;}
.pm_support .con01 ul li.year_2021::after { position: absolute; top: 0; left: 0; font-size: 45px; line-height: 50px; color: #222; font-weight: 700;  content: '2021';}
.pm_support .con01 ul li.year_2020::after { position: absolute; top: 0; left: 0; font-size: 45px; line-height: 50px; color: #222; font-weight: 700;  content: '2020';}
.pm_support .con01 ul li a { display: inline-block; width: 350px; height: 240px; border: 1px solid #ddd; margin-bottom: 30px;}
/* .pm_support .con01 ul li:last-child {margin-left: 50px;} */

/* renewal_page */
.renewal_page { width: 100%; min-width: 1000px; height: 100%; min-height: 845px; background-image: url("https://www.pmi-korea.com/resources/image/front/kr/open.jpg"); background-position: center center; background-repeat: no-repeat; background-color: #fff;}
.renewal_page > div { position: relative; top: 50%; transform: translateY(-50%); width: 1600px; margin: 0 auto;}
.renewal_page > div h1 { font-size: 80px; line-height: 90px;color: #222; margin-bottom: 60px; font-weight: 500;}
.renewal_page > div h2 { font-size: 40px; line-height: 55px; color: #222; margin-bottom: 30px; font-weight: 400;}
.renewal_page > div h2 span { font-weight: 500;}
.renewal_page > div p { font-size: 18px; line-height: 30px; color: #666; font-weight: 300;}
.renewal_page > div span { color: #004687; font-weight: 500;}