.tag_con {display: flex; align-items: center;}
.tag_con span {padding: 4px; border-radius: 4px; font-size: 12px; font-weight: 700; letter-spacing: -0.3px; margin: 0 4px 0 0;}
.tag_con span:last-child {margin: 0;}
.tag_con span.auth {color: #fff; background: var(--pt-color-01);}
.tag_con span.trade_type_01 {color: #000; background: #FF9700;}
.tag_con span.trade_type_02 {color: #000; background: #fff; border: 1px solid #000;}
.tag_con span.sort_01 {background: #000; color: #fff;}
.tag_con span.sort_02 {color: #000; background: #fff; border: 1px solid #000;}

.search_con {position: relative; display: flex; justify-content: space-between;}
.search_con .form_con {width: calc(80% - 5px); border-radius: 4px; background: #FFF; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.20); margin: 0 10px 0 0; padding: 14px;}
.search_con .form_con h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
.search_con .form_con form {margin: 10px 0 0 0; display: flex; justify-content: space-between;}
.search_con .form_con form ul {display: flex; justify-content: space-between; width: calc(85% - 5px);}
.search_con .form_con form ul li {position: relative; width: calc(100% / 3 - 5px); border-radius: 4px; border: 1px solid var(--bg-color-01); background: #fff;}
.search_con .form_con form ul li a {display: flex; align-items: center; padding: 10px;}
.search_con .form_con form ul li a svg {margin: 0 10px 0 0;}
.search_con .form_con form ul li a span {font-size: 16px; font-weight: 400;}
.search_con .form_con form ul li .check_con {position: absolute; top: 105%; left: 0; width: 100%; height: 210px; display: none; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.20); border-radius: 4px; overflow: hidden; background: #fff;}
.search_con .form_con form ul li .check_con.on {display: flex;}
.search_con .form_con form ul li .check_con .check_list_con {overflow: auto; display: flex; flex-wrap: wrap; background: #fff; padding: 10px; align-content: flex-start;}
.search_con .form_con form ul li .check_con.two_con {width: 160%;}
.search_con .form_con form ul li .check_con.two_con .check_list_con {width: 50%;}
.search_con .form_con form ul li .check_con.two_con .check_list_con:first-child {border-right: 1px solid #E0E0E0;}
.search_con .form_con form ul li .check_con .check_list_con label {cursor: pointer; margin: 0 10px 10px 0;}
.search_con .form_con form ul li .check_con .check_list_con label input {display: none;}
.search_con .form_con form ul li .check_con .check_list_con label span {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px;}
.search_con .form_con form ul li .check_con .check_list_con label input:checked + span {border: 1px solid var(--pt-color-01); background: #EAFEFF; color: var(--pt-color-01);}
.search_con .form_con form .search_btn_con {display: flex; justify-content: space-between; width: calc(15% - 5px);}
.search_con .form_con form .search_btn_con .btn_search {text-align: center; padding: 10px; background: #0E1821; width: 100%; border-radius: 4px;}
.search_con .form_con form .search_btn_con .btn_search img {margin: 0 10px 0 0;}
.search_con .form_con form .search_btn_con .btn_search span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.35px;}
.search_con .btn_con {display: flex; flex-direction: column; justify-content: space-between; width: calc(20% - 5px);}
.search_con .btn_con a {display: flex; justify-content: center; align-items: center; width: 100%; height: calc(50% - 5px); padding: 16px 0; border-radius: 4px; text-align: center; box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.20);}
.search_con .btn_con a img {margin: 0 10px 0 0;}
.search_con .btn_con a span {font-size: 14px; font-weight: 700; color: #fff; letter-spacing: -0.35px;}
.search_con .btn_con a:nth-child(1) {background: #00A8B8;}
.search_con .btn_con a:nth-child(2) {background: #0E1821; margin: 10px 0 0 0;}

.select_menu {}
.select_menu ul.select_menu_nav {display: flex;}
.select_menu ul.select_menu_nav li {position: relative; margin: 0 10px 0 0;}
.select_menu ul.select_menu_nav li a.btn_filter {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; display: flex; align-items: center;}
.select_menu ul.select_menu_nav li.on a.btn_filter {border: 1px solid var(--pt-color-01);}
.select_menu ul.select_menu_nav li a.btn_filter span {margin: 0 4px 0 0; font-size: 14px;}
.select_menu ul.select_menu_nav li.on a.btn_filter span {color: var(--pt-color-01);}
.select_menu ul.select_menu_nav li a.btn_filter svg {font-size: 14px;}
.select_menu ul.select_menu_nav li a.btn_filter .fa-angle-down {}
.select_menu ul.select_menu_nav li a.btn_filter .fa-angle-up {display: none; color: var(--pt-color-01);}
.select_menu ul.select_menu_nav li.on a.btn_filter .fa-angle-down {display: none;}
.select_menu ul.select_menu_nav li.on a.btn_filter .fa-angle-up {display: inline;}
.select_menu ul.select_menu_nav li .check_con {position: absolute; top: 100%; left: 0; z-index: 9; padding: 14px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; display: none; max-height: 200px; overflow: auto;}
.select_menu ul.select_menu_nav li.on .check_con {display: block;}
.select_menu ul.select_menu_nav li .check_con .check_tit {}
.select_menu ul.select_menu_nav li .check_con .check_tit p {font-size: 16px;}
.select_menu ul.select_menu_nav li .check_con .check_list_con {}
.select_menu ul.select_menu_nav li .check_con .check_list_con label {display: inline-block; padding: 10px 0; white-space: nowrap; cursor: pointer;}
.select_menu ul.select_menu_nav li .check_con .check_list_con label input {display: none;}
.select_menu ul.select_menu_nav li .check_con .check_list_con label span {position: relative; font-size: 14px; letter-spacing: -0.3px; padding: 0 0 0 24px;}
.select_menu ul.select_menu_nav li .check_con .check_list_con label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; transform: translateY(-50%); background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.select_menu ul.select_menu_nav li .check_con .check_list_con label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.select_menu ul.select_menu_nav li .check_con .check_row {margin: 0 0 20px 0;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con {display: flex; border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; flex-wrap: wrap;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con label {width: calc(100% / 6); padding: 0; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con label input {display: none;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con label span {display: inline-block; text-align: center; font-size: 14px; letter-spacing: -0.3px; padding: 0; color: #555; padding: 10px; white-space: nowrap; width: 100%; height: 37px; background: #fff;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con label span:before {display: none;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con label.selected input:checked + span {background: var(--pt-color-01); color: #fff;}
.select_menu ul.select_menu_nav li .check_con .check_row .check_list_con label input:checked + span {background: #D2FBFF; color: #555;}

.select_menu ul.select_menu_nav li .check_con .btn_con {display: flex; justify-content: flex-end;}
.select_menu ul.select_menu_nav li .check_con .btn_con .btn_refresh {display: flex; align-items: center; padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0;}
.select_menu ul.select_menu_nav li .check_con .btn_con .btn_refresh span {font-size: 12px; color: #555;}
.select_menu ul.select_menu_nav li .check_con .btn_con .btn_refresh svg {font-size: 12px; color: #555; margin: 0 4px 0 0;}
    
#page_01 .section_01 {overflow: hidden;}
#page_01 .section_01 .header_banner {}
#page_01 .section_01 .header_banner a img {width: 100%;}
#page_01 .section_01 .slide_con {}
#page_01 .section_01 .slide_con .slides {position: relative; border-radius: 10px; overflow: hidden;}
#page_01 .section_01 .slide_con .slick-list {margin: 0 -5px;}
#page_01 .section_01 .slide_con .slick-slide {margin: 0 5px;}
#page_01 .section_01 .slide_con .slick-arrow.slick-disabled {opacity: .5;}
#page_01 .section_01 .slide_con .slick-prev,
#page_01 .section_01 .slide_con .slick-next {z-index: 9; width: 30px; height: 30px; background: #fff; border-radius: 999px;}
#page_01 .section_01 .slide_con .slick-prev:before,
#page_01 .section_01 .slide_con .slick-next:before {font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #999; opacity: 1;}
#page_01 .section_01 .slide_con .slick-prev {left: calc((100vw - 1200px) / 2)}
#page_01 .section_01 .slide_con .slick-next {right: calc((100vw - 1200px) / 2)}
#page_01 .section_01 .slide_con .slick-prev:before {content: '\f104';}
#page_01 .section_01 .slide_con .slick-next:before {content: '\f105';}
#page_01 .section_01 .slide_con .slides .img_con {}
#page_01 .section_01 .slide_con .slides .img_con img {width: 100%;}
#page_01 .section_01 .slide_con .slides .txt_con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content:  space-between; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, #000 100%);}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con {padding: 6px;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .desc_tit {}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .desc_tit h5 {font-size: 20px; font-weight: 700; color: #fff; letter-spacing: -0.5px; margin: 0 0 4px 0; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .desc_tit p.base_info {display: flex; align-items: center; margin: 4px 0 0 0;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .desc_tit p.base_info span {font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.3px; margin: 0 4px 0 0;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .infos {display: flex; justify-content: space-between; align-items: center; margin: 4px 0 0 0;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .infos p {width: calc(100% / 3 - 5px); margin: 0 10px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 4px; border-radius: 4px; background: #fff;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .infos p b {font-size: 16px; font-weight: 700; margin: 4px 0 0 0;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .infos p span {font-size: 12px; font-weight: 400;}
#page_01 .section_01 .slide_con .slides .txt_con .desc_con .infos p:last-child {margin: 0;}
    
#page_01 .section_03 .dash_con {display: flex; gap: 20px;}
#page_01 .section_03 .dash_con .dash_col1 {max-width: 840px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px;}
#page_01 .section_03 .dash_con .dash_col1 .search_con {width: 100%;}
#page_01 .section_03 .dash_con .dash_col1 .search_con .form_con {width: 100%; box-shadow: none; border-radius: 0; margin: 0;}
#page_01 .section_03 .dash_con .dash_col2 {max-width: 340px; width: 100%;}
#page_01 .section_03 .dash_con .dash_col2 .director_con {height: 100%; margin: 0;}
#page_01 .section_03 .dash_con .dash_col2 .director_con ul {height: 100%;}
#page_01 .section_03 .dash_con .dash_col2 .director_con ul li .inner h6 {font-size: 20px; font-weight: 700; color: #0E1821; margin: 0 0 10px 0; padding: 0 0 0 45px;}
#page_01 .section_03 .width_con .main_banner_con {display: flex; justify-content: center; gap: 40px; width:100%;}
#page_01 .section_03 .width_con .main_banner_con .swiper {width: 100%;}
#page_01 .section_03 .width_con .main_banner_con img {max-width: 100%;}
#page_01 .section_03 .width_con .main_banner_con source {}

#page_01 .section_03 .width_con .sale_con {margin: 50px 0 0 0;}
#page_01 .section_03 .width_con .btn_con.more_sale {display: flex; justify-content: center; align-items: center;}
#page_01 .section_03 .width_con .btn_con.more_sale a {display: flex; align-items: center; padding: 10px 20px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
#page_01 .section_03 .width_con .btn_con.more_sale a span {font-size: 14px; font-weight: 700; margin: 0 4px 0 0;}
#page_01 .section_03 .width_con .btn_con.more_sale a svg {color: #0E1821; font-size: 14px;}
#page_01 .section_03 .width_con .sale_con h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
#page_01 .section_03 .width_con .sale_con ul.sale_list {margin: 10px 0 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li {width: calc(100% / 4 - 10px); margin: 0 10px 10px 0; border-radius: 4px; border: 1px solid #E0E0E0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .img_con {display: flex; justify-content: center; background: #000;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .img_con img {width: auto; max-width: 100%;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con {padding: 14px;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .desc_tit {margin: 4px 0 0 0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .desc_tit h5 {font-size: 16px; font-weight: 700; letter-spacing: -0.5px; margin: 0 0 4px 0; color: #0E1821; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .desc_tit .base_info {}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .desc_tit .base_info p {margin: 4px 0 0 0; font-size: 12px; font-weight: 400; color: #555; letter-spacing: -0.3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .desc_tit .base_info span {margin: 0 4px 0 0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .infos {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0; padding: 10px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .infos p {width: calc(100% / 3); margin: 0 10px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .infos p b {font-size: 16px; font-weight: 700; margin: 4px 0 0 0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .infos p span {font-size: 12px; font-weight: 400;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .infos p:last-child {margin: 0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .btn_con {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .btn_con p {font-size: 12px;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .btn_con p span {font-size: 16px; font-weight: 700; letter-spacing: -0.4px; color: var(--pt-color-01);}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .btn_con a {padding: 8px; border-radius: 3px; background: #F0F0F0; display: flex; align-items: center;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .btn_con a img {margin: 0 4px 0 0;}
#page_01 .section_03 .width_con .sale_con ul.sale_list li .desc_con .btn_con a span {font-size: 12px; font-weight: 700;}
#page_01 .section_03 .search_con .form_con .btn_mob_search {display: none;}

#page_01 .section_04 {}
#page_01 .section_04 .width_con {}
#page_01 .section_04 .width_con .title_con {}
#page_01 .section_04 .width_con .title_con h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px; color: #0E1821;}
#page_01 .section_04 .width_con .partner_list {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 20px 0 0 0;}
#page_01 .section_04 .width_con .partner_list li {width: calc(100% / 5); display: flex; justify-content: center; align-items: center;}
#page_01 .section_04 .width_con .partner_list li a {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px;}
#page_01 .section_04 .width_con .partner_list li a .img_con {padding: 10px; border-radius: 14px;}
#page_01 .section_04 .width_con .partner_list li.partner_01 a .img_con {background: rgba(255, 94, 22, 0.08);}
#page_01 .section_04 .width_con .partner_list li.partner_02 a .img_con {background: rgba(0, 187, 146, 0.08);}
#page_01 .section_04 .width_con .partner_list li.partner_03 a .img_con {background: rgba(255, 201, 91, 0.08);}
#page_01 .section_04 .width_con .partner_list li.partner_04 a .img_con {background: rgba(0, 134, 234, 0.08);}
#page_01 .section_04 .width_con .partner_list li.partner_05 a .img_con {background: rgba(111, 91, 239, 0.08);}
#page_01 .section_04 .width_con .partner_list li a .img_con img {width: 100%;}
#page_01 .section_04 .width_con .partner_list li a p {font-size: 16px; font-weight: 700; letter-spacing: -0.5px; color: #0E1821;}
#page_01 .section_04 .width_con .partner_slide {margin: 20px 0 0 0;}
#page_01 .section_04 .width_con .partner_slide a {display: flex; justify-content: center; width: 100%;} 
#page_01 .section_04 .width_con .partner_slide a img {width: 100%;}
#page_01 .section_04 .width_con .regist_partner {margin: 20px 0 0 0; display: flex; justify-content: space-between; align-items: center; padding: 10px; border-radius: 10px; background: #D0EDEE;}
#page_01 .section_04 .width_con .regist_partner .tit {display: flex; align-items: center;}
#page_01 .section_04 .width_con .regist_partner .tit h5 {font-size: 15px; font-weight: 700; letter-spacing: -0.5px; color: #0E1821;}
#page_01 .section_04 .width_con .regist_partner .tit p {font-size: 12px; font-weight: 400; color: #00A8B8; margin: 0 0 0 10px;}
#page_01 .section_04 .width_con .regist_partner a {display: flex; padding: 10px 16px; border-radius: 999px; background-color: #00A5B5; text-align: center;}
#page_01 .section_04 .width_con .regist_partner a span {font-size: 14px; font-weight: 400; color: #fff;}
#page_01 .section_05 {}
#page_01 .section_05 .bottom_banner {}
#page_01 .section_05 .bottom_banner a {display: flex; justify-content: center; align-items: center;}
#page_01 .section_05 .bottom_banner a.slide_consulting {background: #020C0B;}
#page_01 .section_05 .bottom_banner a img {}

/* .width_con .title_con {display: flex; align-items: center;} */
.width_con .title_con h3 {font-size: 30px; font-weight: 700; letter-spacing: -0.75px;}
.width_con .title_con .btn_con {display: flex; align-items: center; margin: 0 0 0 10px}
.width_con .title_con .btn_con a {padding: 10px; border-radius: 999px; border: 1px solid #0E1821; font-size: 14px; font-weight: 400; color: #0E1821; margin: 0 0 0 10px;}
.width_con .title_con .btn_con a.on {font-weight: 700; color: #fff; background: #0E1821;}
.width_con .director_con {margin: 20px 0 0 0;}
.width_con .director_con .slick-list {margin: 0 -15px;}
.width_con .director_con .slick-slide {margin: 0 15px;}
.width_con .director_con ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.width_con .director_con ul li {position: relative; width: 100%; border-radius: 16px; border: 1px solid #E0E0E0; background: #FFF; padding: 14px;}
.width_con .director_con ul li:before {position: absolute; top: 0; left: 20px; content: ''; width: 30px; height: 50px;}
.width_con .director_con ul li.gold:before {background: url(../img/main/medal_gold.png) center no-repeat; background-size: cover;}
.width_con .director_con ul li.silver:before {background: url(../img/main/medal_silver.png) center no-repeat; background-size: cover;}
.width_con .director_con ul li.bronze:before {background: url(../img/main/medal_bronze.png) center no-repeat; background-size: cover;}
.width_con .director_con ul li .inner {}
.width_con .director_con ul li .inner .rows {}
.width_con .director_con ul li .inner .rows.row_01 {display: flex; align-items: center;}
.width_con .director_con ul li .inner .rows.row_01 .img_con {width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; border-radius: 999px; overflow: hidden;}
.width_con .director_con ul li .inner .rows.row_01 .img_con img {width: 100%;}
.width_con .director_con ul li .inner .rows.row_01 .director_info {}
.width_con .director_con ul li .inner .rows.row_01 .director_info h5 {font-size: 20px; font-weight: 700;}
.width_con .director_con ul li .inner .rows.row_01 .director_info h5 span {font-weight: 400;}
.width_con .director_con ul li .inner .rows.row_01 .director_info .infos {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; margin: 10px 0 0 0;}
.width_con .director_con ul li .inner .rows.row_01 .director_info .infos p {position: relative; display: flex; align-items: center; font-size: 14px; color: #555; letter-spacing: -0.35px;}
.width_con .director_con ul li .inner .rows.row_01 .director_info .infos p b {font-weight: 700; margin: 0 4px 0 0;}
.width_con .director_con ul li .inner .rows.row_01 .director_info .infos p span {font-weight: 400;}
.width_con .director_con ul li .inner .rows.row_02 {display: none;}
.width_con .director_con ul li .inner .rows.row_02 {padding: 10px; border-bottom: 1px solid #E0E0E0;}
.width_con .director_con ul li .inner .rows.row_02 .info_list {display: flex; justify-content: space-between;}
.width_con .director_con ul li .inner .rows.row_02 .info_list .lists {display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(25%);}
.width_con .director_con ul li .inner .rows.row_02 .info_list .lists img {}
.width_con .director_con ul li .inner .rows.row_02 .info_list .lists p {margin: 10px 0 0 0; font-size: 14px; font-weight: 400;}
.width_con .director_con ul li .inner .rows.row_02 .info_list .lists h5 {margin: 4px 0 0 0; font-size: 14px; font-weight: 700;}
.width_con .director_con ul li .inner .btn_con {margin: 10px 0 0 0;}
.width_con .director_con ul li .inner .btn_con a {display: flex; justify-content: center; align-items: center; width: 100%; padding: 10px; border-radius: 4px; background: var(--pt-color-01);}
.width_con .director_con ul li .inner .btn_con a img {margin: 0 4px 0 0;}
.width_con .director_con ul li .inner .btn_con a span {font-size: 14px; font-weight: 700; color: #fff;}


#page_02 .section_01 {background: #DDFCFF;}
#page_02 .section_01 .width_con {}
#page_02 .section_01 .width_con .title_con {}
#page_02 .section_01 .width_con .title_con h3 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
#page_02 .section_01 .width_con .title_con h3 span {color: var(--pt-color-01);}
#page_02 .section_01 .width_con .slide_con {margin: 10px 0 0 0; padding: 0 15px;}
#page_02 .section_01 .width_con .slide_con .slides {position: relative; border-radius: 10px; overflow: hidden;}
#page_02 .section_01 .width_con .slide_con .slick-list {margin: 0 -5px;}
#page_02 .section_01 .width_con .slide_con .slick-slide {margin: 0 5px;}
#page_02 .section_01 .width_con .slide_con .slick-arrow.slick-disabled {opacity: .5;}
#page_02 .section_01 .width_con .slide_con .slick-prev,
#page_02 .section_01 .width_con .slide_con .slick-next {z-index: 9; width: 30px; height: 30px; background: #fff; border-radius: 999px;}
#page_02 .section_01 .width_con .slide_con .slick-prev:before,
#page_02 .section_01 .width_con .slide_con .slick-next:before {font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #999; opacity: 1;}
#page_02 .section_01 .width_con .slide_con .slick-prev {left: -20px;}
#page_02 .section_01 .width_con .slide_con .slick-next {right: -20px;}
#page_02 .section_01 .width_con .slide_con .slick-prev:before {content: '\f104';}
#page_02 .section_01 .width_con .slide_con .slick-next:before {content: '\f105';}
#page_02 .section_01 .width_con .slide_con .slides .img_con {}
#page_02 .section_01 .width_con .slide_con .slides .img_con img {width: 100%;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; display: flex; flex-direction: column; justify-content:  space-between; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, #000 100%);}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con {padding: 6px;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con h5 {font-size: 20px; font-weight: 700; color: #fff; letter-spacing: -0.5px; margin: 0 0 4px 0; color: #fff;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con .infos {display: flex; align-items: center; margin: 0 0 4px 0;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con .infos p {margin: 0 10px 0 0; font-size: 14px; letter-spacing: -0.35px; color: #fff;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con .infos p b {font-weight: 700; margin: 0 2px 0 0;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con .infos p span {}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con .infos p:last-child {margin: 0;}
#page_02 .section_01 .width_con .slide_con .slides .txt_con .desc_con h6 {font-size: 12px; font-weight: 400; letter-spacing: -0.3px; color: #fff;}
#page_02 .section_02 .width_con .title_con {}
#page_02 .section_02 .width_con .title_con h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
#page_02 .section_02 .width_con .search_con .form_con {width: 100%; padding: 0; box-shadow: none; margin: 10px 0 0 0;}
#page_02 .section_02 .width_con .search_con .form_con form ul {width: calc(70% - 5px);}
#page_02 .section_02 .width_con .search_con .form_con form .search_btn_con {width: calc(30% - 5px);}
#page_02 .section_02 .width_con .search_con .form_con form .search_btn_con .btns {padding: 10px; border-radius: 4px; display: flex; justify-content: center; align-items: center; margin: 0 0 0 10px;}
#page_02 .section_02 .width_con .search_con .form_con form .search_btn_con .btn_setting {background: #999;}
#page_02 .section_02 .width_con .search_con .form_con form .search_btn_con .btn_map {border: 1px solid #ccc; background: #E0E0E0;}
#page_02 .section_02 .width_con .list_con {margin: 60px 0 0 0;}
#page_02 .section_02 .width_con .list_con .list_tit {display: flex; justify-content: space-between; align-items: center;}
#page_02 .section_02 .width_con .list_con .list_tit h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
#page_02 .section_02 .width_con .list_con .list_tit h5 span {font-weight: 400; color: var(--pt-color-01); margin: 0 0 0 10px;}
#page_02 .section_02 .width_con .list_con .list_tit ul.array {display: flex; align-items: center;}
#page_02 .section_02 .width_con .list_con .list_tit ul.array li {position: relative; display: flex; margin: 0 10px 0 0; padding: 0 10px 0 0;}
#page_02 .section_02 .width_con .list_con .list_tit ul.array li:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
#page_02 .section_02 .width_con .list_con .list_tit ul.array li:last-child:before {display: none;}
#page_02 .section_02 .width_con .list_con .list_tit ul.array li a {font-size: 12px; font-weight: 400; color: #777;}
#page_02 .section_02 .width_con .list_con .list_tit ul.array li.on a {font-weight: 700; color: #000;}
#page_02 .section_02 .width_con .list_con ul.pd_list {margin: 15px 0 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li {display: flex; justify-content: space-between; padding: 10px 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .img_con {width: calc(20% - 10px); max-height: 180px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .img_con img {width: 100%;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con {width: calc(80% - 10px);}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .top_row {display: flex; align-items: center; width: 100%;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .top_row p.pd_num {font-size: 12px; font-weight: 400; color: var(--pt-color-01); margin: 0 10px 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .top_row .tag_con {}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows {display: flex; justify-content: space-between; width: 100%; padding: 10px 0; border-bottom: 1px solid #E0E0E0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info {}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_title {font-size: 24px; font-weight: 700; letter-spacing: -0.6px;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info {display: flex; align-items: center; margin: 10px 0 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info p {position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 14px; color: #555;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info p:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info p b {font-weight: 700; margin: 0 4px 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info p span {}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info h6 {font-size: 14px; font-weight: 700; margin: 0 10px 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info .pd_info h6 span {font-weight: 400;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info p.pd_manager {font-size: 12px; color: #555;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .main_info p.pd_manager span {}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info {display: flex; align-items: center;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a {display: flex; justify-content: center; align-items: center;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_map {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #F0F0F0; font-size: 14px; font-weight: 700; margin: 0 20px 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_map img {margin: 0 10px 0 0;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_dibs {flex-direction: column;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info a.btn_dibs span {margin: 4px 0 0 0; font-size: 12px;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info .pd_cost {font-size: 14px;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info .pd_cost span {margin: 0 0 0 4px; font-size: 16px; font-weight: 700; color: var(--pt-color-01);}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info .pd_note {font-size: 12px; color: #555;}
#page_02 .section_02 .width_con .list_con ul.pd_list li .desc_con .rows .sub_info .pd_note span {}


#page_03 .section_01 .banner_con {display: flex; justify-content: center; align-items: center; width: 100%; background: #fff;}
#page_03 .section_01 .banner_con .img_con {position: relative; width: 1200px; height: 300px; overflow: hidden;}
#page_03 .section_01 .banner_con .img_con img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
#page_03 .section_01 .width_con {}
#page_03 .section_01 .width_con .title_con {display: flex; justify-content: space-between; align-items: center;}
#page_03 .section_01 .width_con .title_con .title_txt {}
#page_03 .section_01 .width_con .title_con .title_txt .title_dt {display: flex; align-items: center;}
#page_03 .section_01 .width_con .title_con .title_txt .title_dt .pd_num {font-size: 12px; font-weight: 400; color: var(--pt-color-01); margin: 0 0 0 10px;}
#page_03 .section_01 .width_con .title_con .title_txt h3 {margin: 16px 0 0 0; font-size: 30px; font-weight: 700; letter-spacing: -0.75px;}
#page_03 .section_01 .width_con .title_con .title_btn {display: flex; align-items: center;}
#page_03 .section_01 .width_con .title_con .title_btn a {display: flex; justify-content: center; align-items: center; flex-direction: column;}
#page_03 .section_01 .width_con .title_con .title_btn a span {margin: 4px 0 0 0; font-size: 12px;}
#page_03 .section_01 .width_con .title_con .title_btn a.btn_dibs {}
#page_03 .section_01 .width_con .title_con .title_btn a.btn_share {color: var(--pt-color-01); margin: 0 20px;}
#page_03 .section_01 .width_con .title_con .title_btn a.btn_report {}
#page_03 .section_01 .width_con .info_con {}
#page_03 .section_01 .width_con .info_con .info_rows {padding: 30px 0;}
#page_03 .section_01 .width_con .info_con .info_rows h5 {font-size: 16px; font-weight: 700; letter-spacing: -0.4px; color: #555; margin: 0 0 4px 0;}
#page_03 .section_01 .width_con .info_con .info_rows h5 span {font-size: 12px; color: #555;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 {}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con {display: flex; justify-content: space-between;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li {width: calc(50% - 15px);}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info {}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con {padding: 16px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .flx_row {display: flex; justify-content: space-between; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .flx_row .info_row:last-child {justify-content: flex-end;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .info_rows {display: flex; width: 100%; padding: 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .brd {width: 100%; height: 1px; background: #E0E0E0; margin: 10px 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .info_rows h6 {width: 100px; font-size: 14px; font-weight: 700; color: #999; padding: 0 0 10px 0; border-right: 1px solid #E0E0E0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.product_info .desc_con .info_rows p {width: calc(100% - 100px); padding: 0 10px; font-size: 14px; color: #555;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info {margin: 4px 0 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con {padding: 16px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; margin: 0 0 10px 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con h4 {font-size: 24px; font-weight: 700; letter-spacing: -0.6px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con h4 span {font-weight: 400;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con p {margin: 10px 0 0 0; font-size: 16px; color: #555; letter-spacing: -0.4px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con.point_ac {border: 1px solid var(--pt-color-01); background: #EDFEFF;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con.point_ac h4 {color: var(--pt-color-01);}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con.point_ac p {color: var(--pt-color-01);}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con p span {font-weight: 700;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info .cost_con span.note {font-size: 12px; color: #555;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info a.btn_analyze {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 16px; border-radius: 4px; background: #00208B;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info a.btn_analyze h5 {display: flex; align-items: center; font-size: 16px; font-weight: 700; color: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info a.btn_analyze h5 img {margin: 0 4px 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_01 .v_con li.cost_info a.btn_analyze span {margin: 4px 0 0 0; font-size: 14px; color: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows_head {position: relative; background: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows_head:before {position: absolute; top: 0; left: 50%; width: 99vw; height: 100%; content: ''; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; transform: translateX(-50%);}
#page_03 .section_01 .width_con .info_con .info_rows_head ul {position: relative; display: flex;}
#page_03 .section_01 .width_con .info_con .info_rows_head ul li {display: flex;}
#page_03 .section_01 .width_con .info_con .info_rows_head ul li a {padding: 10px; font-size: 16px; font-weight: 700; color: #999;}
#page_03 .section_01 .width_con .info_con .info_rows_head ul li.on {}
#page_03 .section_01 .width_con .info_con .info_rows_head ul li.on a {color: #000; border-bottom: 2px solid #000;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 {}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con {padding: 16px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con p.dr_note {font-size: 12px; color: #999;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info {display: flex; justify-content: space-between; margin: 10px 0 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con {display: flex; justify-content: space-between; align-items: center; width: calc(50% -  15px);}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile {display: flex; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .img_con {width: 100px; height: 100px; margin: 0 20px 0 0; display: flex; justify-content: center; align-items: center; border: 1px solid #E0E0E0; overflow: hidden;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .img_con img {width: 100%;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .sp_con .profile .img_con img {width: auto;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .desc_con {}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .desc_con p {margin: 0 0 10px 0; font-size: 16px; color: #999;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .desc_con p:last-child {margin: 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .desc_con p b {font-weight: 700;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .profile .desc_con p span {color: #555;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con a {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; border-radius: 4px; background: var(--pt-color-01); color: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con a img {margin: 0 0 4px 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .dr_con a span {font-size: 14px; font-weight: 700; color: #fff;}
#page_03 .section_01 .width_con .info_con .info_rows.row_02 .director_con .dr_info .sp_con {width: calc(50% -  15px);}

#page_03 .section_01 .width_con .info_con .info_rows.row_03 p {margin: 20px 0 0 0;}

#page_03 .section_01 .width_con .info_con .info_rows.row_04 {}
#page_03 .section_01 .width_con .info_con .info_rows.row_04 .map_con {position: relative;}
#page_03 .section_01 .width_con .info_con .info_rows.row_04 .map_con a {position: absolute; top: 10px; right: 10px; display: flex; align-items: center; padding: 10px; border-radius: 4px; background: var(--pt-color-01); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.30);}
#page_03 .section_01 .width_con .info_con .info_rows.row_04 .map_con a span {font-size: 16px; font-weight: 700; letter-spacing: 0.4px; color: #fff; margin: 0 4px 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_04 .map_con a img {}
#page_03 .section_01 .width_con .info_con .info_rows.row_04 .map_con iframe {width: 100%;}

#page_03 .section_01 .width_con .info_con .info_rows.row_05 {}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con {display: flex; justify-content: space-between; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con {position: relative; width: calc(85% - 5px);}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views {}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views img {}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-prev,
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-next {z-index: 9; width: 24px; height: 24px; background: #000;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-prev:before,
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-next:before {font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #fff; opacity: 1;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-prev {left: 0px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-next {right: 0px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-prev:before {content: '\f104';}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con .views .slick-next:before {content: '\f105';}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con a {position: absolute; top: 10px; right: 10px; display: flex; align-items: center; padding: 10px; border-radius: 4px; background: var(--pt-color-01); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.30); display: none;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con a span {font-size: 16px; font-weight: 700; letter-spacing: 0.4px; color: #fff; margin: 0 4px 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .main_view_con a img {}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con {width: calc(15% - 5px);}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list {}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-current.slick-active img {border: 2px solid var(--pt-color-01);}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-slide {cursor: pointer;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev,
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next {z-index: 9; width: 24px; height: 24px; background: transparent;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev:before,
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next:before {font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #999; opacity: 1;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev:hover:before,
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next:hover:before {color: var(--pt-color-01);}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev {left: 50%; transform: translateX(-50%); top: -30px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next {right: 50%; transform: translateX(50%); top: auto; bottom: -30px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-prev:before {content: '\f106';}
#page_03 .section_01 .width_con .info_con .info_rows.row_05 .slide_con .sub_view_con .slide_img_list .slick-next:before {content: '\f107';}

#page_03 .section_01 .width_con .info_con .info_rows.row_06 {}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 h4 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px; margin: 0 0 10px 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list {margin: 10px 0 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales {width: calc(100% / 5 - 10px); margin: 0 10px 10px 0; border-radius: 4px; border: 1px solid #E0E0E0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .img_con {}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .img_con img {width: 100%;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .desc_con {padding: 10px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .desc_con h4 {font-size: 16px; font-weight: 700; margin: 4px 0 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .desc_con .infos {margin: 10px 0 0 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .desc_con .infos p {font-size: 12px; letter-spacing: -0.3px; margin: 0 0 5px 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .desc_con .infos p:last-child {margin: 0;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list li.sales .desc_con .infos p span {font-size: 14px; letter-spacing: -0.35px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list .slick-list {margin: 0 -5px;}
#page_03 .section_01 .width_con .info_con .info_rows.row_06 ul.sale_list .slick-slide {margin: 0 5px;}

#page_03 .section_01 .width_con .info_con .info_inqury {}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con {padding: 8px 16px; border-right: a4px; border: 1px solid var(--pt-color-01); background: #EDFFFF; border-radius: 4px;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con form {display: flex; justify-content: space-between; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .tit {display: flex; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .tit h6 {font-size: 16px; font-weight: 700; letter-spacing: -0.4px; color: var(--pt-color-01); margin: 0 10px 0 0;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .tit span {font-size: 12px; color: var(--pt-color-01);}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con {display: flex; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs {display: flex; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs:first-child {margin: 0 20px 0 0;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs h6 {font-size: 16px; letter-spacing: 0.4px; margin: 0 10px 0 0;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs input {width: 150px; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 14px; color: #000;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs:last-child input {width: 200px;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .input_con .inputs input:placeholder-shown {font-size: 14px; color: #999;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con {display: flex; align-items: center;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con label {display: flex; align-items: center; margin: 0 20px 0 0;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con label span {position: relative; font-size: 12px; letter-spacing: -0.3px; padding: 0 0 0 24px;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; transform: translateY(-50%); background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con label input {display: none;}
#page_03 .section_01 .width_con .info_con .info_inqury .form_con .agree_con button {padding: 5px 20px; border-radius: 4px; background: #0E1821; font-size: 14px; font-weight: 700; color: #fff;}


#page_04 .header {}
#page_04 .header .header_pc_inner {width: auto; margin: 0; padding: 0 20px;}
#page_04 .header .header_pc_inner .rows {}
#page_04 .header .header_pc_inner .rows.row1 {}
#page_04 .header .header_pc_inner .rows.row1 .logo_con {}
#page_04 .header .header_pc_inner .rows.row1 .logo_con h5 {position: relative; font-size: 16px; font-weight: 700; margin: 0 0 0 10px; padding: 0 0 0 10px;}
#page_04 .header .header_pc_inner .rows.row1 .logo_con h5:before {position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
#page_04 .header .header_pc_inner .rows.row1 .header_fn_con ul.header_fn_nav li.fn_navs > a {height: auto;}

#page_04 .sections.section_01 {margin: 78px 0 0 0;}
#page_04 .sections.section_01 .pd_menu {padding: 10px 20px; border-bottom: 1px solid #E0E0E0;}
#page_04 .sections.section_01 .pd_menu ul {display: flex;}
#page_04 .sections.section_01 .pd_menu ul li {position: relative; margin: 0 10px 0 0;}
#page_04 .sections.section_01 .pd_menu ul li a.btn_filter {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; display: flex; align-items: center;}
#page_04 .sections.section_01 .pd_menu ul li.on a.btn_filter {border: 1px solid var(--pt-color-01);}
#page_04 .sections.section_01 .pd_menu ul li a.btn_filter span {margin: 0 4px 0 0; font-size: 14px;}
#page_04 .sections.section_01 .pd_menu ul li.on a.btn_filter span {color: var(--pt-color-01);}
#page_04 .sections.section_01 .pd_menu ul li a.btn_filter svg {font-size: 14px;}
#page_04 .sections.section_01 .pd_menu ul li a.btn_filter .fa-angle-down {}
#page_04 .sections.section_01 .pd_menu ul li a.btn_filter .fa-angle-up {display: none; color: var(--pt-color-01);}
#page_04 .sections.section_01 .pd_menu ul li.on a.btn_filter .fa-angle-down {display: none;}
#page_04 .sections.section_01 .pd_menu ul li.on a.btn_filter .fa-angle-up {display: inline;}
#page_04 .sections.section_01 .pd_menu ul li .check_con {position: absolute; top: 100%; left: 0; z-index: 9; padding: 14px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; display: none;}
#page_04 .sections.section_01 .pd_menu ul li.on .check_con {display: block;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_tit {}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_tit p {font-size: 16px;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_list_con {margin: 10px 0 0 0;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_list_con label {display: inline-block; padding: 10px 0; white-space: nowrap; cursor: pointer;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_list_con label input {display: none;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_list_con label span {position: relative; font-size: 14px; letter-spacing: -0.3px; padding: 0 0 0 24px;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_list_con label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; transform: translateY(-50%); background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_list_con label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row {margin: 0 0 20px 0;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con {display: flex; border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; flex-wrap: wrap;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label {width: calc(100% / 6); padding: 0; border-bottom: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label input {display: none;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label span {display: inline-block; text-align: center; font-size: 14px; letter-spacing: -0.3px; padding: 0; color: #555; padding: 10px; white-space: nowrap; width: 100%; height: 37px; background: #fff;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label span:before {display: none;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label.selected input:checked + span {background: var(--pt-color-01); color: #fff;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .check_list_con label input:checked + span {background: #D2FBFF; color: #555;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .mini_max {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0; }
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .mini_max .cols {display: flex; border: 1px solid #E0E0E0;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .mini_max .cols a {width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; background: #F5F5F5; font-size: 14px; color: #555;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .mini_max .cols p {width: 84px; height: 35px; padding: 0 10px; text-align: right; background: #fff; display: flex; align-items: center; border-right: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .mini_max .cols p span {width: 100%; font-size: 14px; color: #555;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .check_row .mini_max h5 {margin: 0 10px; font-size: 16px; color: #555;}

#page_04 .sections.section_01 .pd_menu ul li .check_con .btn_con {display: flex; justify-content: flex-end;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .btn_con .btn_refresh {display: flex; align-items: center; padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .btn_con .btn_refresh span {font-size: 12px; color: #555;}
#page_04 .sections.section_01 .pd_menu ul li .check_con .btn_con .btn_refresh svg {font-size: 12px; color: #555; margin: 0 4px 0 0;}
#page_04 .sections.section_01 .pd_map {position: relative;}
#page_04 .sections.section_01 .pd_map .map_con {width: 100%; height: calc(100vh - 125px); overflow: hidden;}
#page_04 .sections.section_01 .pd_map .map_con img {width: 100%;}
#page_04 .sections.section_01 .pd_map .pd_con {position: absolute; top: 0; left: 0; height: 100%; background: #fff; display: flex;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con {width: 450px; background: #fff;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .btn_open_close {display: none;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .list_inner {height: 100%; overflow: auto; padding: 0 0 20px 0;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con {display: flex; align-items: center; padding: 4px 20px; border-bottom: 1px solid #E0E0E0;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con p {position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0; display: flex;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con p:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 60%; background: #E0E0E0; transform: translateY(-50%);}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con p:last-child:before {display: none;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con p a {padding: 4px 0; font-size: 14px; color: #555;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con p.on a {color: var(--pt-color-01);}
#page_04 .sections.section_01 .pd_map .pd_con .list_con .filter_con p a img {margin: 0 0 0 2px;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list {}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li {padding: 14px 20px; border-bottom: 1px solid #E0E0E0; display: flex; justify-content: space-between; align-items: center;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .img_con {margin: 0 14px 0 0; max-width: 140px;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .img_con img {width: 100%; border-radius: 4px;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con {display: flex; justify-content: space-between; align-items: center; width: 100%;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con {margin: 0 14px 0 0;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con .tag_con {}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con .tag_con p {font-size: 12px;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con a.pd_tit {margin: 8px 0 0 0; display: flex; flex-direction: column;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con a.pd_tit h6 {font-size: 16px; font-weight: 700; color: var(--pt-color-01);}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con p.detail {margin: 10px 0 0 0; font-size: 14px; color: #555;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con p.detail span {}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con p.shop_info {display: flex; align-items: center; margin: 10px 0 0 0; font-size: 12px;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .txt_con p.shop_info img {margin: 0 4px 0 0;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .btn_con {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .btn_con a {padding: 10px; display: flex; justify-content: center; align-items: center;}
#page_04 .sections.section_01 .pd_map .pd_con .list_con ul.pd_map_list li .desc_con .btn_con a img {}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con {position: relative; width: 0px; transition: all 150ms ease-in-out; background: #fff;}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con.on {width: 560px;}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con .pd_preview {width: 100%; height: 100%; overflow: hidden;}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con .pd_preview iframe {width: 100%; height: 100%;}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con .btn_preview_close {position: absolute; top: 20px; right: -30px; width: 30px; height: 30px; display: none; justify-content: center; align-items: center; background: #fff; border-radius: 0 4px 4px 0;}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con.on .btn_preview_close {display: flex;}
#page_04 .sections.section_01 .pd_map .pd_con .preview_con .btn_preview_close img {}


#page_05 .section_01 {}
#page_05 .section_01 .width_con {}
#page_05 .section_01 .width_con .title_con {}
#page_05 .section_01 .width_con .title_con h4 {font-size: 20px; font-weight: 700;}
#page_05 .section_01 .width_con .title_con .notice {margin: 30px 0 0 0;}
#page_05 .section_01 .width_con .title_con .notice p {margin: 0 0 4px 0; font-size: 14px; font-weight: 400; color: #555;}
#page_05 .section_01 .width_con .title_con .notice p img {margin: 0 4px 0 0;}
#page_05 .section_01 .width_con .title_con .notice p.red {color: #f00;}
#page_05 .section_01 .width_con .inquiry_con {margin: 20px 0 0 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con {}
#page_05 .section_01 .width_con .inquiry_con .form_con ul {}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li {margin: 0 0 20px 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li h5 {font-size: 16px; font-weight: 700;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li h5 span {font-size: 12px; font-weight: 400;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs {display: flex; margin: 10px 0 0 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con {position: relative; display: flex; align-items: center; margin: 0 10px 0 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.w100 {width: 100%;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con h6 {font-size: 14px; font-weight: 400; margin: 0 10px 0 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con input {min-width: 200px; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #0E1821;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.w100 input {width: 100%;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con input:placeholder-shown {color: #999;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .essential {position: absolute; top: 50%; right: 10px; transform: translateY(-50%); font-size: 12px; color: #f00; display: none;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .btn_budget {display: flex; justify-content: space-between; align-items: center; padding: 10px; min-width: 200px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .btn_budget span {font-size: 14px; color: #0E1821;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .btn_budget svg {}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list {position: absolute; top: 100%; left: 0; width: 100%; border-radius: 4px; border: 1px solid #E0E0E0; overflow: hidden; display: none; flex-direction: column; z-index: 9;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list.on {display: flex;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label {display: flex; width: 100%;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label input {display: none;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label span {width: 100%; font-size: 14px; color: #0E1821; padding: 10px; background: #F7F7F7;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list label input:checked + span {background: #999999; color: #fff;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con .budget_list .btn_close_budget {display: none;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.duplication .essential {right: 110px;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.budget .essential {right: 30px;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs p {font-size: 14px; font-weight: 400; display: flex; align-items: center;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs p span {margin: 0 10px 0 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs p a {display: flex; align-items: center; font-size: 14px; font-weight: 400; color: var(--pt-color-01); text-decoration: underline;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs p a img {margin: 0 4px 0 0;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.post {justify-content: space-between;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.post .input_con {width: calc(50% - 15px);}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.post .input_con input {width: 100%;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.post .input_con:first-child input {width: calc(100% - 100px);}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.duplication {align-items: flex-start;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.duplication input {border-radius: 4px 0 0 4px;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.duplication a {width: 100px; padding: 10px; border: 1px solid #E0E0E0; border-radius: 0 4px 4px 0; background: #E0E0E0; font-size: 14px; font-weight: 400; color: #555;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.txtar .input_con {width: 100%;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.txtar .input_con textarea {width: 100%; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; height: 150px; font-size: 14px; font-weight: 400;}
#page_05 .section_01 .width_con .inquiry_con .form_con .btn_con {display: flex; justify-content: flex-start;}
#page_05 .section_01 .width_con .inquiry_con .form_con .btn_con button {padding: 12px 36px; border-radius: 4px; background: var(--pt-color-01); text-align: center; font-size: 14px; font-weight: 700; color: #fff;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs.txtar .input_con.empty textarea,
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.empty .btn_budget,
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.empty input {border: 1px solid #f00;}
#page_05 .section_01 .width_con .inquiry_con .form_con ul li .inputs .input_con.empty .essential {display: inline-block;}


.mypage .section_01 {}
.mypage .section_01 .width_con {}
.mypage .section_01 .width_con .title_con {}
.mypage .section_01 .width_con .title_con .back_btns {display: none; align-items: center;}
.mypage .section_01 .width_con .title_con .back_btns h6 {font-size: 20px; font-weight: 700;}
.mypage .section_01 .width_con .title_con .back_btns .btn_back {font-size: 16px; color: #000; font-weight: 700; margin: 0 10px 0 0;}
.mypage .section_01 .width_con .title_con h5 {font-size: 20px; font-weight: 700;}
.mypage .section_01 .width_con .main_con {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .user_con {width: calc(25% - 10px);}
.mypage .section_01 .width_con .main_con .user_con .profile_con {display: flex; justify-content: space-between; width: 100%;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info {width: 100%; padding: 14px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .info_con {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .img_con {width: 80px; height: 80px; border-radius: 999px; margin: 0 10px 0 0; overflow: hidden;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .img_con img {width: 100%;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con {}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con h3 {font-size: 20px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con h3 span {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con p.login_id {display: flex; align-items: center; margin: 4px 0;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con p.login_id span {font-size: 12px; margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con p.login_id img {}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con p.verified {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con p.verified img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .desc_con p.verified span {font-size: 12px; color: var(--pt-color-01);}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .btn_con {display: flex; justify-content: space-between;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .btn_con a {display: flex; justify-content: center; align-items: center; width: calc(50% - 5px); padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; margin: 10px 0 0 0;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .btn_con a img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .btn_con a span {font-size: 14px;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .btn_con a.btn_director_home {background: var(--pt-color-01); border: 1px solid var(--pt-color-01);}
.mypage .section_01 .width_con .main_con .user_con .profile_con .user_info .btn_con a.btn_director_home span {font-weight: 700; color: #fff;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .mob_btn_con {margin: 0 0 0 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #F7F7F7; display: none;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .mob_btn_con a.btn_open_mypage_list {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 50px; height: 100%;}
.mypage .section_01 .width_con .main_con .user_con .profile_con .mob_btn_con a.btn_open_mypage_list img {}
.mypage .section_01 .width_con .main_con .user_con .profile_con .mob_btn_con a.btn_open_mypage_list span {font-size: 12px; font-weight: 700; margin: 4px 0 0 0;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list {position: relative; margin: 20px 0 0 0;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .close_btn_con {padding: 14px; display: none;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .close_btn_con a {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .close_btn_con a img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .close_btn_con a span {font-size: 14px;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con {border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows {border-bottom: 1px solid #E0E0E0;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows .row_tit {padding: 16px; display: flex; align-items: center; background: #F7F7F7; border-bottom: 1px solid #E0E0E0;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows .row_tit img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows .row_tit h5 {font-size: 16px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows ul.mypage_menu_list {}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows ul.mypage_menu_list li {display: flex; font-size: 14px;}
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows ul.mypage_menu_list li a {padding: 6px 14px; }
.mypage .section_01 .width_con .main_con .user_con .mypage_list .list_con .rows ul.mypage_menu_list li.on a {font-weight: 700;}
.mypage .section_01 .width_con .main_con .right_container {width: calc(75% - 10px);}
.mypage .section_01 .width_con .main_con .right_container .mypage_lnb {width: 100%; background: #F7F7F7; margin: 0 0 10px 0; padding: 4px 10px 0 10px; overflow: auto; display: none;}
.mypage .section_01 .width_con .main_con .right_container .mypage_lnb ul {display: flex;}
.mypage .section_01 .width_con .main_con .right_container .mypage_lnb ul li {display: flex; border-bottom: 1px solid #E0E0E0;}
.mypage .section_01 .width_con .main_con .right_container .mypage_lnb ul li a {padding: 10px; font-size: 14px; color: var(--bg-color-01); letter-spacing: -0.35px; white-space: nowrap;}
.mypage .section_01 .width_con .main_con .right_container .mypage_lnb ul li.on {background: #fff; border: 1px solid #E0E0E0; border-bottom: 1px solid #fff;}
.mypage .section_01 .width_con .main_con .right_container .mypage_lnb ul li.on a {font-weight: 700; color: #000;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state {display: flex; justify-content: space-between;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state li {width: calc(25% - 10px); border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state li a {display: flex; justify-content: space-between; align-items: center; padding: 10px;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state li a .state_tit {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state li a .state_tit img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state li a .state_tit span {font-size: 14px;}
.mypage .section_01 .width_con .main_con .right_container ul.my_state li a h6 {font-size: 14px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con {margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con {}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows {padding: 14px 24px; margin: 0 0 20px 0; border-radius: 14px; background: #B8F3F6;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit {display: flex; justify-content: space-between; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols h5 {font-size: clamp(14px, 1.06vw, 20px); margin: 0 10px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols .state {display: flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: #D1D5DB;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols .state.active {background: #fff;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols .state img {margin: 0 0 0 4px;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols .state span {font-size: clamp(12px, 0.744vw, 14px);}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_tit .cols .state.active span {color: #009851;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows .row_desc {margin: 16px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_01 .row_desc p {text-align: center; font-size: 14px;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_01 .row_desc .btn_con  {display: flex; justify-content: center; width: 100%;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_01 .row_desc .btn_con a  {display: flex; align-items: center; margin: 10px 0 0 0; padding: 10px; border-radius: 10px; background: #fff; border: 1px solid var(--pt-color-01);}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_01 .row_desc .btn_con a img  {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_01 .row_desc .btn_con a span  {font-size: clamp(12px, 0.744vw, 14px); font-weight: 700; color: #00A5B5;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 {}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 h6 {font-size: 14px; font-weight: 700; margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 h6 span {margin: 0 0 0 2px; font-weight: 400; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 a {display: flex; align-items: center; padding: 10px; border-radius: 10px; background: #101820;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 a img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .col2 a span {font-size: 14px; font-weight: 700; color: #fff;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc {}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .fn_list {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .fn_list li {display: flex; align-items: center; margin: 0 20px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .fn_list li img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .fn_list li span {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list {display: flex; align-items: center; justify-content: space-between; margin: 10px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li {display: flex; align-items: center; width: calc(25% - 10px); border-radius: 10px; padding: 10px; background: #fff;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li .img_con {margin: 0 10px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li .img_con img {}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li .desc_con {}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li .desc_con p {font-size: 12px;}
.mypage .section_01 .width_con .main_con .right_container .director_home_con .state_con .rows.row_02 .row_desc .state_list li .desc_con h6 {margin: 4px 0 0 0; font-size: clamp(14px, 0.8533vw, 16px); font-weight: 700; color: var(--pt-color-01);}

.mypage .section_01 .width_con .main_con .right_container .alert_con {margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .alert_con .alert_tit {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .alert_con .alert_tit img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .alert_con .alert_tit h6 {font-size: 14px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list {}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list li {}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list li a {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 10px 0; border-bottom: 1px solid #E0E0E0;}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list li a p {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list li a p img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list li a p span {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .alert_con ul.alert_list li a svg {font-size: 14px; color: #999;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con {margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con .list_tit {display: flex; justify-content: space-between; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con .list_tit h6 {font-size: 14px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list {}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li {padding: 4px 0; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols {display: flex; justify-content: center;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col1 {width: 15%; padding: 10px;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col1 img {width: 100%;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col2 {width: 30%; flex-direction: column;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col2 .top_row {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col2 .top_row .pd_num {font-size: 12px; color: var(--pt-color-01); margin: 0 10px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col2 p.pd_tit {margin: 4px 0 0 0; font-size: 14px; color: #555; width: 100%; text-overflow: ellipsis; overflow: hidden;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col3 {width: 15%;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col3 p.addr {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col4 {width: 20%; flex-wrap: wrap;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col4 span {white-space: nowrap; font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col5 {width: 12%}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col5 span {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 {width: 8%; flex-direction: column; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 span {padding: 4px; border-radius: 4px; font-size: 14px;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 span.waiting {border: 1px solid #0015ff; color: #0015ff;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 span.reject {border: 1px solid #f00; color: #f00;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 span.approve {border: 1px solid #555; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .recent_product_con ul.recent_product_list li .cols.col6 a.btn_reason {border: 1px solid #E0E0E0; color: #555; margin: 4px 0 0 0; padding: 4px; border-radius: 4px; font-size: 12px;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con {margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con .list_tit {display: flex; justify-content: space-between; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con .list_tit h6 {font-size: 14px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list {}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li {padding: 4px 0; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols {display: flex; justify-content: center;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col1 {width: 15%; padding: 10px;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col1 img {width: 100%;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col2 {width: 30%; flex-direction: column;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col2 .top_row {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col2 .top_row .pd_num {font-size: 12px; color: var(--pt-color-01); margin: 0 10px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col2 p.pd_tit {margin: 4px 0 0 0; font-size: 14px; color: #555; width: 100%; text-overflow: ellipsis; overflow: hidden;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col3 {width: 15%;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col3 p.addr {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col4 {width: 20%; flex-wrap: wrap;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col4 span {white-space: nowrap; font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col5 {width: 12%}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col5 span {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 {width: 8%; flex-direction: column; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status {padding: 4px; border-radius: 4px; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_01 {background: #D7EBFF; color: #023AFF;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_02 {background: #FFE1E1; color: #F00;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_03 {background: #FFF58E; color: #AD4400;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_04 {background: #FFD1F8; color: #FF008E;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_05 {background: #D3FDE5; color: #006873;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_06 {background: #FFF0CF; color: #FF4D00;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_07 {background: #F5E8FF; color: #7632D4;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_08 {background: #F0F0F0; color: #999;}
.mypage .section_01 .width_con .main_con .right_container .product_consult_con ul.product_inquiry_list li .cols.col6 .status.status_09 {background: #fff; color: #777; border: 1px solid #E0E0E0;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con {margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con .list_tit {display: flex; justify-content: space-between; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con .list_tit h6 {font-size: 14px; font-weight: 700;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list {}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li {padding: 4px 0; border-bottom: 1px solid #E0E0E0; display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols {display: flex; justify-content: center; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols p {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols span {font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col1 {width: 10%;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col2 {width: 70%;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col3 {width: 10%;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col4 {width: 10%;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col4 span {padding: 4px; border-radius: 4px;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col4 span.answer_no {border: 1px solid #f00; color: #f00;}
.mypage .section_01 .width_con .main_con .right_container .personal_inquiry_con ul.personal_inquiry_list li .cols.col4 span.answer_yes {border: 1px solid #006873; color: #006873;}
.mypage .section_01 .width_con .main_con .right_container ul li .empty_row {display: flex; justify-content: center; align-items: center; width: 100%; padding: 40px 0;}
.mypage .section_01 .width_con .main_con .right_container ul li .empty_row p {text-align: center; font-size: 14px; color: #555;}


.mypage .section_01 .width_con .main_con .right_container .notice {}
.mypage .section_01 .width_con .main_con .right_container .notice p {margin: 0 0 4px 0; font-size: 14px; font-weight: 400; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .notice p img {margin: 0 4px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .notice p.red {color: #f00;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con {margin: 30px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li {margin: 0 0 30px 0;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li h5 {margin: 0 0 10px 0; font-size: 16px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li span.note {font-size: 12px; color: #555; font-weight: 400;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li span.note b {font-size: 12px; color: #f00;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .two_con.mg10,
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .three_con.mg10 {display: flex; justify-content: space-between;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .two_con.mg10 .input_con {width: calc(50% - 5px);}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .three_con.mg10 .input_con {width: calc(100% / 3 - 5px);}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con {position: relative;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .essential {font-size: 12px; color: #f00;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_tit {display: flex; justify-content: space-between; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_tit label {justify-content: flex-start; border: none; border-radius: none;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_tit label input {display: none;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_tit label .check_txt {font-size: 14px; line-height: 20px; font-weight: 400; color: #555; position: relative; padding: 0 0 0 24px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_tit label .check_txt:before {position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li label input:checked + .check_txt:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .check_con {display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .check_con label {margin: 0 20px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .check_con label input {display: none;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .check_con label span {position: relative; padding: 0 0 0 24px; font-size: 14px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .check_con label span:before {position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .check_con label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con input {width: 100%; height: 40px; border-radius: 5px; border: 1px solid #d9d9d9; background: #fff; padding: 10px 20px; font-size: 14px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con select {width: 100%; height: 40px; border-radius: 5px; border: 1px solid #d9d9d9; background: #fff; padding: 10px 20px; font-size: 14px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con img.pwd {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); opacity: 0; pointer-events: none;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con img.pwd.on {opacity: 1; pointer-events: all; cursor: pointer;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication {display: flex;justify-content: space-between;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication input {width: calc(80%); border-radius: 5px 0 0 5px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication .emails { position: relative; display: flex; justify-content: space-between; align-items: center; width: calc(70% - 5px); }
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication .emails:before {position: absolute; top: 50%; left: 50%; content: "@"; font-size: 16px; font-weight: 400; color: #000; transform: translate(-50%, -50%);}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication .emails input {width: calc(50% - 20px);}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication select {width: calc(30% - 5px); }
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con.duplication a {width: calc(20%); display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0; background: var(--pt-color-01); font-size: 14px; text-align: center; color: #fff;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs {display: flex;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .file_con {width: 50%;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .input_con {display: flex; justify-content: center;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .input_con input {display: none;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .input_con .profile_img_con {border-radius: 4px; overflow: hidden; width: 120px; height: 120px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .input_con .profile_img_con label {position: relative; display: flex; width: 100%; height: 100%;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .input_con .profile_img_con label:before {position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; content: ''; background: url(../img/common/icon_profile_img.png) center no-repeat; background-size: cover;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.file_inputs .input_con .profile_img_con img {width: 100%;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .input_con {display: flex;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .flx_box {display: flex; justify-content: space-between; margin: 10px 0 0 0;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .flx_box .input_con {width: calc(50% - 5px); justify-content: space-between;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .flx_box .input_con .logo_img_con {width: 80px; height: 80px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li.broker_info .input_con .file_con {width: calc(100% - 110px); margin: 0 10px 0 0;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con .file_row {position: relative; display: flex; width: 100%;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con .file_row .show_file {width: 100%; height: 60px; border-radius: 5px 0 0 5px; border: 1px solid #d9d9d9; background: #fff; padding: 0 20px; display: flex; align-items: center;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con .file_row .show_file span {font-size: 0.8rem; line-height: 1.2rem; width: 240px; text-overflow: ellipsis; overflow: hidden;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con .file_row input {display: none;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con .file_row label {display: flex; justify-content: center; align-items: center; width: 70px; height: 60px; padding: 10px; border-radius: 0 5px 5px 0; border: 1px solid #E0E0E0; background: #E0E0E0; font-size: 14px; color: #555; white-space: nowrap;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con .file_row .essential {position: absolute; top: 50%; right: 80px; transform: translateY(-50%); font-size: 12px; color: #f00;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con p {display: flex; flex-direction: column; padding: 10px; font-size: 12px; color: #555;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .file_con p span {}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .logo_img_con {border-radius: 4px; overflow: hidden; width: 100px; height: 100px;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con ul.input_list li .input_con .logo_img_con img {width: 100%;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con .btn_con {display: flex; justify-content: flex-end;}
.mypage .section_01 .width_con .main_con .right_container .edit_profile_con .input_list_con .btn_con .btn_save {padding: 12px 36px; border-radius: 4px; background: var(--pt-color-01); font-size: 14px; font-weight: 700; color: #fff;}

.mypage.product_lists .section_01 .width_con .main_con .right_container {margin: 0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container > div {margin: 0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con {display: flex; justify-content: space-between; align-items: center;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .fn_con {margin: 10px 0 0 0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con ul {display: flex; align-items: center;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con ul li p {margin: 0 5px 0 0; font-size: 14px; color: var(--bg-color-01);}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con ul li span {color: #555;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .fn_con a.btns {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #555;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .btns.btn_add {display: inline-block; padding: 10px; border-radius: 4px; background: var(--pt-color-01); color: #fff; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con {margin: 10px 0 0 0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 14px; font-weight: 400; color: #555; text-align: center;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col1 {width: 5%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col2 {width: 49%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col3 {width: 8%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col4 {width: 15%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col5 {width: 10%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col6 {width: 8%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col7 {width: 5%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col1 label {cursor: pointer;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col1 label input {display: none;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_hd {}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd {}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols {}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 {justify-content: flex-start;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con {display: flex; align-items: center; width: 100%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con .img_con {display: flex; justify-content: center; align-items: center; width: 110px; margin: 0 10px 0 0; background: #F0F0F0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con .img_con img {width: 100%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con .desc_con {text-align: left; width: calc(100% - 130px);}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con .desc_con .top_row {display: flex; align-items: center;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con .desc_con .pd_num {font-size: 12px; font-weight: 400; color: var(--pt-color-01); letter-spacing: -0.35px; margin: 0 4px 0 0;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col2 .product_info_con .desc_con .pd_tit {font-size: 14px; letter-spacing: -0.35px; color: #555; margin: 6px 0 0 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col3 p {font-size: 14px; color: #555;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col4 {flex-wrap: wrap;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col4 span:first-child {width: 100%;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 {flex-direction: column;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 span {padding: 4px; border-radius: 4px; font-size: 14px;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 span.waiting {border: 1px solid #0015ff; color: #0015ff;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 span.reject {border: 1px solid #f00; color: #f00;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 span.approve {border: 1px solid #555; color: #555;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 span.hide {border: 1px solid #999; background: #999; color: #fff;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .regist_product_con .list_con .rows.row_bd .cols.col6 a.btn_reason {border: 1px solid #E0E0E0; color: #555; margin: 4px 0 0 0; padding: 4px; border-radius: 4px; font-size: 12px;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col7 .btn_con {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col7 a.btn_modify {border: 1px solid #E0E0E0; color: #555; margin: 0 0 4px 0; padding: 4px 10px; border-radius: 4px; font-size: 12px;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd .cols.col7 a.btn_del {padding: 4px;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_bd {}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.mypage.product_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_empty p {font-size: 14px; color: #777; font-weight: 400;}



#page_11.add_product .section_01 .width_con {}
#page_11.add_product .section_01 .width_con .add_top {display: flex; justify-content: space-between; align-items: center;}
#page_11.add_product .section_01 .width_con .add_top .title_con {}
#page_11.add_product .section_01 .width_con .add_top .title_con .back_btns {display: flex;}
#page_11.add_product .section_01 .width_con .add_top .save_btns {}
#page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con {display: flex;}
#page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con a {display: flex; align-items: center; padding: 16px 20px; border-radius: 4px; margin: 0 10px 0 0; font-size: 16px; font-weight: 700; letter-spacing: -0.4px;}
#page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con a img {margin: 0 10px 0 0;}
#page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con a.btn_save {background: var(--pt-color-01); color: #fff;}
#page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con a.btn_temporary {background: #999; color: #fff;}
#page_11.add_product .section_01 .width_con .add_top .save_btns .btn_con a.btn_preview {background: #fff; border: 1px solid var(--bg-color-01); color: var(--bg-color-01);}
#page_11.add_product .section_01 .width_con .main_con {display: block;}
#page_11.add_product .section_01 .width_con .main_con .info_rows {margin: 0 0 20px 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .row_tit {padding: 14px 0; border-bottom: 1px solid #E0E0E0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .row_tit h5 {font-size: clamp(14px, 3.5vw, 20px); color: #999999;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul {}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li {padding: 10px 0; border-bottom: 1px solid #E0E0E0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li.flx_row {display: flex; align-items: center;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_tit {display: flex; align-items: center; padding: 0 20px 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_tit h6 {font-size: 14px; font-weight: 700; color: #000;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_tit h6 span {font-size: 10px; color: #f00; font-weight: 400;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_tit span {font-size: 10px; font-weight: 400; margin: 0 0 0 4px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con {display: flex; margin: 4px 0 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input {margin: 0 4px 0 0; padding: 10px; border-radius: 4px; background: #fff; border: 1px solid #E0E0E0; font-size: 14px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con select {margin: 0 4px; padding: 10px; border-radius: 4px; background: #fff; border: 1px solid #E0E0E0; font-size: 14px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input:placeholder-shown {color: #999;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w100p {width: 100%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w80p {width: 80%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w60p {width: 60%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w60 {width: 60px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w100 {width: 100px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w150 {width: 150px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con input.w200 {width: 200px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.column {flex-direction: column; align-items: flex-start;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn {}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn a.input_btn {display: flex; justify-content: center; align-items: center; margin: 0 10px 0 0; padding: 6px 10px; border-radius: 4px; font-size: 14px; font-weight: 700; white-space: nowrap; text-align: center; letter-spacing: -0.35px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn a.input_btn.btn_category {border: 1px solid var(--bg-color-01); color: var(--bg-color-01); background: #fff;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn a.input_btn.btn_post {border: 1px solid #999; color: #fff; background: #999;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn a.input_btn.btn_ledger {border: 1px solid #E0E0E0; color: #999; background: #E0E0E0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn a.input_btn.btn_ledger.on {border: 1px solid var(--pt-color-01); color: #fff; background: var(--pt-color-01);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list {display: flex; width: 100%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn .input_list {width: calc(90%);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn .input_list input {width: calc(50% - 4px);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post {flex-wrap: wrap;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list {width: 50%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list input {width: calc(50% - 4px);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list {margin: 4px 0 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list.code {display: flex; align-items: center;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list.code span {margin: 0 10px 0 0; font-size: 14px; font-weight: 400;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.w_btn.post .input_list.code input {width: calc(30% - 4px); background: #E0E0E0; pointer-events: none; cursor: not-allowed;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.manage_info .input_list {flex-wrap: wrap; margin: 4px 0 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.manage_info .input_list input {width: calc(100% / 3 - 4px); margin: 0 4px 4px 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.manage_info .input_list input.w100p {width: 100%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details {flex-wrap: wrap;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row {display: flex; align-items: center; margin: 0 0 4px 0; width: calc(100% / 3);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details.quarter .input_row {width: calc(100% / 4);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row.w100p {width: 100%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row.w100p.flw {flex-wrap: wrap;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row .btn_conversion {padding: 4px 6px; border-radius: 4px; background: var(--pt-color-01); text-align: center; color: #fff; font-size: 12px; font-weight: 500; margin: 0 0 0 10px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row .btn_conversion.disable {background: #E0E0E0; color: #777; pointer-events: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row span {font-size: 14px; color: #555; letter-spacing: -0.35px; white-space: nowrap;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.details .input_row input {margin: 0 4px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .fns {display: flex; align-items: center;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .fns label {margin: 0 10px 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .fns label input {display: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .fns label span {position: relative; font-size: 14px; font-weight: 400; padding: 0 0 0 24px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .fns label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; transform: translateY(-50%); background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .fns label input:checked + span:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list.sns_con {width: 100%; justify-content: space-between; margin: 4px 0 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list.sns_con .input_row {display: flex; width: calc(20% - 4px);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list.sns_con .input_row img {margin: 0 4px 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con .input_list.sns_con .input_row input {width: 100%; margin: 0;}


#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.radios {}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.radios label {cursor: pointer; margin: 0 20px 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.radios label input {display: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.radios label span {position: relative; font-size: 14px; font-weight: 400; padding: 0 0 0 24px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.radios label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; border-radius: 999px; background: #E0E0E0; transform: translateY(-50%);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con.radios label input:checked + span:before {background: url(../img/common/radio_check_on.png) center no-repeat; background-size: cover;}

#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con {margin: 0 0 0 10px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con input {display: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con input.move_in {display: inline-block;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con span {position: relative; font-size: 14px; font-weight: 400; padding: 0 0 0 24px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; border-radius: 999px; background: #E0E0E0; transform: translateY(-50%);}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con input:checked + span:before {background: url(../img/common/radio_check_on.png) center no-repeat; background-size: cover;}
#page_11.add_product .section_01 .width_con .main_con .info_rows ul li .input_con label.radio_con em {font-size: 12px; font-weight: 400; color: #000;}



#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .btn_plus {margin: 10px 0 0 0; padding: 10px; border-radius: 4px; background: #fff; border: 1px solid #E0E0E0; font-size: 14px; font-weight: 400; color: #555; cursor: pointer;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con {position: relative; width: 100%; background: #EBF0F3;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con {display: flex; flex-direction: column; justify-content: center; align-items: center;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con .txt_con {text-align: center;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con .txt_con img {}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con .txt_con h6 {margin: 10px 0 0 0; font-size: 16px; font-weight: 700; color: #A5AFB6;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con .txt_con p {margin: 4px 0 0 0; font-size: 14px; font-weight: 400; color: #A5AFB6;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con input {display: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con {position: relative; top: auto; left: auto; transform: none; padding: 20px 10px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con .btn_plus {}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con.stated .txt_con, 
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con .file_input_img_con .file_con.stated label {display: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con .sample_con {display: none;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con {display: flex; width: 100%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con {width: 30%; margin: 0 14px 0 0;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con .img_con {width: 100%; position: relative; border-radius: 4px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con .img_con:before {position: absolute; top: 10px; left: 10px; content: '대표 이미지'; padding: 4px 10px; background: var(--pt-color-01); color: #fff; font-weight: 700; letter-spacing: -0.35px; font-size: 14px;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con .img_con img {max-width: 100%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con .main_img_con p {margin: 10px 0 0 0; font-size: 12px; color: #555; letter-spacing: -0.3px; text-align: center;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul {display: flex; flex-wrap: wrap; width: 70%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li {position: relative; width: 140px; height: 140px; padding: 10px; margin: 0 10px 10px 0; background: #fff; overflow: hidden;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li:first-child {border: 1px solid var(--pt-color-01);}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li:first-child:after {position: absolute; top: 0; left: 0; content: '대표'; padding: 4px; font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: #fff; background: var(--pt-color-01);}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li:before {position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.50); opacity: 0; transition: opacity 200ms ease-in-out; z-index: 2;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li a.del {position: absolute; top: 0; right: 0; z-index: 3;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li span.file_name {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 14px; color: #fff; opacity: 0; transition: opacity 200ms ease-in-out; z-index: 3;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li:hover:before {opacity: 1;}
#page_11.add_product .section_01 .width_con .main_con .info_rows .info_con.sample .file_con.stated .sample_con ul li:hover span.file_name {opacity: 1;}



.mypage.inquiry_lists .section_01 .width_con .main_con .right_container {margin: 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con {padding: 14px; border-radius: 10px; background: #B7F2F6;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con .form_con {width: 100%; background: #B7F2F6; box-shadow: none; border-radius: 0; padding: 0; margin: 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .search_con .form_con form {margin: 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li {padding: 10px; border: none; display: flex; justify-content: center; align-items: center;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li a {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .btn_select {display: flex; justify-content: space-between; align-items: center; width: 100%; min-width: 200px; height: 100%; padding: 0; border-radius: 4px; background: #fff;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .btn_select span {font-size: 14px; color: #0E1821;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list {position: absolute; top: 100%; left: 0; width: 100%; border-radius: 4px; border: 1px solid #E0E0E0; overflow: hidden; display: none; flex-direction: column; z-index: 9;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list.on {display: flex;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label {display: flex; width: 100%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label input[type='radio'] {display: none; padding: 10px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label span {width: 100%; font-size: 14px; color: #0E1821; padding: 10px; background: #F7F7F7;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list label input:checked + span {background: #999999; color: #fff;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li .select_list .btn_close_select_list {display: none;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container ul.custom_selectbar li input[type='text'] {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 10px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con ul {display: flex; align-items: center;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con ul li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con ul li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%); display: none;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con ul li p {margin: 0 5px 0 0; font-size: 14px; color: var(--bg-color-01);}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con ul li.choosen p span {color: var(--pt-color-01);}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con ul li span {color: #555;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .fn_con a.btn_choosen_del {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #555;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con {margin: 10px 0 0 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 14px; font-weight: 400; color: #555; text-align: center;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows .cols a {display: flex; width: 100%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col1 {width: 10%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col2 {width: 10%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col3 {width: 60%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows .cols.col4 {width: 20%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows.row_bd .cols.col3 .notice_title {position: relative; width: 100%; padding: 0 20px 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .notice_con .list_con .rows.row_bd.first .cols.col3 .notice_title:before {position: absolute; top: 50%; right: 0; content: 'N'; transform: translateY(-50%); width: 14px; height: 14px; display: flex; justify-content: center; align-items: center; border-radius: 4px; background: #f00; font-size: 12px; font-weight: 900; color: #fff;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .list_con .rows.row_empty p {font-size: 14px; color: #777; font-weight: 400;}

.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con {}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .fn_con {display: flex;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .fn_con a {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; display: flex; align-items: center; font-size: 14px; color: #555;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .fn_con a svg {}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .fn_con a span {}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con {margin: 10px 0 0 0;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title {display: flex; flex-direction: column;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title span.tag {font-size: 14px; color: #555;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title h3 {margin: 10px 0 0 0; font-size: 20px; color: #555; font-weight: 400;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p {display: flex; align-items: center; margin: 10px 0; font-size: 14px; color: #555;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p span {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p span:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p span:last-child:before {display: none;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_desc {padding: 10px; border-top: 1px solid #E0E0E0; min-height: 500px; overflow: auto;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_desc p {font-size: 16px; color: #555;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_attach {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #E0E0E0;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_attach span {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 14px; color: #555;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_attach span:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_attach a {font-size: 14px; color: #555; text-decoration: underline;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_btn_con {display: flex; justify-content: flex-end; padding: 10px 0;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_btn_con a {padding: 10px; margin: 0 0 0 10px; border-radius: 4px; border: 1px solid #E0E0E0; display: flex; align-items: center; font-size: 14px; color: #555;}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_btn_con a svg {}
.mypage.inquiry_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_btn_con a span {}

.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container {width: 100%;}
.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container .board_con {}
.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container .board_con .view_con {margin: 0;}
.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p {margin: 0;}
.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p span {padding: 0 20px 0 0}
.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title p span:before {content: '>'; width: auto; height: auto; top: 50%; transform: translateY(-50%); background: none;}
.mypage.inquiry_view.faq_view .section_01 .width_con .main_con .right_container .board_con .view_con .board_title h3 {margin: 0; color: #000; font-weight: 700; padding: 10px;}

.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li {display: flex; justify-content: space-between; align-items: center; width: calc(17.5% - 4px);}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li:last-child {width: 30%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .form_con ul li .btn_select {width: 100%; min-width: 0;}


.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .fn_con {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .fn_con ul.custom_selectbar li {margin: 0; padding: 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .fn_con ul.custom_selectbar li .btn_select {min-width: 0; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_inner .fn_con ul.custom_selectbar li .btn_select span {margin: 0 10px 0 0; font-size: 14px; color: #555;}

.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col1 {width: 12%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col2 {width: 7%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col3 {width: 15%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col4 {width: 30%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col5 {width: 14%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col6 {width: 10%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows .cols.col7 {width: 12%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_hd {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_hd .cols {font-weight: 700; color: #000; white-space: nowrap;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd {padding: 6px 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols p {font-size: inherit;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col3 {flex-direction: column;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col3 a {margin: 4px 0 0 0; padding: 4px 10px; border-radius: 4px; font-size: 14px; font-weight: 700; color: var(--bg-color-01); letter-spacing: -0.35px; border: 1px solid #E0E0E0; display: flex; align-items: center;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col3 a img {margin: 0 4px 0 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 {align-items: flex-start;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con a {display: flex; align-items: center;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .img_con {width: 80px; margin: 0 10px 0 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .img_con img {width: 100%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .desc_con {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .desc_con h6 {display: flex; align-items: center; font-size: 12px; font-weight: 400; letter-spacing: -0.35px; color: #00A8B8;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col4 .product_info_con .desc_con p {margin: 4px 0 0 0; font-size: 14px; letter-spacing: -0.35px; color: #555;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col5 span {font-size: 12px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status {padding: 4px; border-radius: 4px; font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_01 {background: #D7EBFF; color: #023AFF;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_02 {background: #FFE1E1; color: #F00;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_03 {background: #FFF58E; color: #AD4400;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_04 {background: #FFD1F8; color: #FF008E;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_05 {background: #D3FDE5; color: #006873;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_06 {background: #FFF0CF; color: #FF4D00;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_07 {background: #F5E8FF; color: #7632D4;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_08 {background: #F0F0F0; color: #999;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col6 .status_con .status.status_09 {background: #fff; color: #777; border: 1px solid #E0E0E0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 {flex-direction: column;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 p {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 p img {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 p span {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .product_consult_list_con .rows.row_bd .cols.col7 a.btn_memo {margin: 10px 0 0 0; padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 12px; letter-spacing: -0.3px; color: #555;}




.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .btn_inquiry {display: inline-block; margin: 0 0 10px 0; padding: 10px; border-radius: 4px; border: 1px solid var(--bg-color-01); color: var(--bg-color-01); font-size: 14px; font-weight: 700; letter-spacing: -0.35px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .btn_inquiry img {margin: 0 4px 0 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .btn_inquiry span {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li {display: flex; justify-content: space-between; align-items: center; width: calc(17.5% - 4px);}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li:last-child {width: 30%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .form_con ul li .btn_select {width: 100%; min-width: 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .fn_con {}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .fn_con ul.custom_selectbar li {margin: 0; padding: 0;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .fn_con ul.custom_selectbar li .btn_select {min-width: 0; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .fn_con ul.custom_selectbar li .btn_select span {margin: 0 10px 0 0; font-size: 14px; color: #555;}

.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col1 {width: 10%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col2 {width: 10%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col3 {width: 50%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col4 {width: 20%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows .cols.col5 {width: 10%;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows.row_bd .cols.col3 .inquiry_title {position: relative; width: 100%; padding: 0 20px 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows.row_bd.first .cols.col3 .inquiry_title:before {position: absolute; top: 50%; right: 0; content: 'N'; transform: translateY(-50%); width: 14px; height: 14px; display: flex; justify-content: center; align-items: center; border-radius: 4px; background: #f00; font-size: 12px; font-weight: 900; color: #fff;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows.row_bd .cols.col5 span {padding: 4px; border-radius: 4px; font-size: 14px;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows.row_bd .cols.col5 span.reply_waiting {border: 1px solid #f00; color: #f00;}
.mypage.inquiry_lists .section_01 .width_con .main_con .right_container .my_inquiry_con .list_con .rows.row_bd .cols.col5 span.reply_complete {border: 1px solid #006873; color: #006873;}


.mypage.faq_list .section_01 .width_con .main_con .right_container {width: 100%;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .search_con {display: block;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .search_con h5 {font-size: 20px; font-weight: 700; margin: 0 0 10px 0;}
.mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li:nth-child(1) {width: calc(35% - 5px);}
.mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li:nth-child(2) {width: calc(15% - 5px);}
.mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li:nth-child(3) {width: calc(50% - 5px);}
.mypage.faq_list .section_01 .width_con .main_con .right_container ul.custom_selectbar li .btn_select {min-width: 0;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols.col1 {width: 10%;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols.col2 {width: 20%;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows .cols.col3 {width: 70%;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows.row_bd .cols.col3 {justify-content: flex-start; align-items: flex-start;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows.row_bd .cols.col3 .list_title {position: relative; width: auto; max-width: 100%; padding: 0 20px 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; text-align: left;}
.mypage.faq_list .section_01 .width_con .main_con .right_container .faq_list_con.list_con .rows.row_bd.first .cols.col3 .list_title:before {position: absolute; top: 50%; right: 0; content: 'N'; transform: translateY(-50%); width: 14px; height: 14px; display: flex; justify-content: center; align-items: center; border-radius: 4px; background: #f00; font-size: 12px; font-weight: 900; color: #fff;}


.mypage.my_directorhome .section_01 .width_con .main_con .user_con .mypage_list {margin: 0;}
.mypage.my_directorhome .section_01 .width_con .main_con .user_con .mypage_list .list_con.lit_01 {margin: 0 0 20px 0; border: 1px solid #101820;}
.mypage.my_directorhome .section_01 .width_con .main_con .user_con .mypage_list .list_con.lit_01 .rows {border-bottom: none;}
.mypage.my_directorhome .section_01 .width_con .main_con .user_con .mypage_list .list_con.lit_01 .rows .row_tit {border-bottom: none; background: #101820;}
.mypage.my_directorhome .section_01 .width_con .main_con .user_con .mypage_list .list_con.lit_01 .rows .row_tit h5 {color: #fff;}
.mypage.my_directorhome .section_01 .width_con .main_con .user_con .mypage_list .list_con.lit_02 .rows.row00 .row_tit {border-bottom: none;}

.mypage.my_directorhome .director_set_con .state_con {margin: 0 0 30px 0;}
.mypage.my_directorhome .director_set_con .state_con .rows {padding: 14px 24px; margin: 0 0 20px 0; border-radius: 14px; background: #B8F3F6;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols {display: flex; align-items: center;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols h5 {font-size: clamp(14px, 1.06vw, 20px); margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols .state {display: flex; align-items: center; padding: 4px 10px; border-radius: 999px; background: #D1D5DB;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols .state.active {background: #fff;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols .state img {margin: 0 0 0 4px;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols .state span {font-size: clamp(12px, 0.744vw, 14px);}
.mypage.my_directorhome .director_set_con .state_con .rows .row_tit .cols .state.active span {color: #009851;}
.mypage.my_directorhome .director_set_con .state_con .rows .row_desc {margin: 16px 0 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_01 .row_desc p {text-align: center; font-size: 14px;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_01 .row_desc .btn_con  {display: flex; justify-content: center; width: 100%;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_01 .row_desc .btn_con a  {display: flex; align-items: center; margin: 10px 0 0 0; padding: 10px; border-radius: 10px; background: #fff; border: 1px solid var(--pt-color-01);}
.mypage.my_directorhome .director_set_con .state_con .rows.row_01 .row_desc .btn_con a img  {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_01 .row_desc .btn_con a span  {font-size: clamp(12px, 0.744vw, 14px); font-weight: 700; color: #00A5B5;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 {}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 h6 {font-size: 14px; font-weight: 700; margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 h6 span {margin: 0 0 0 2px; font-weight: 400; color: #555;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 a {display: flex; align-items: center; padding: 10px; border-radius: 10px; background: #101820;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 a img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .col2 a span {font-size: 14px; font-weight: 700; color: #fff;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc {}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .fn_list {display: flex; align-items: center;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .fn_list li {display: flex; align-items: center; margin: 0 20px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .fn_list li img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .fn_list li span {font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list {display: flex; align-items: center; justify-content: space-between; margin: 10px 0 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li {display: flex; align-items: center; width: calc(25% - 10px); border-radius: 10px; padding: 10px; background: #fff;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li .img_con {margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li .img_con img {}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li .desc_con {}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li .desc_con p {font-size: 12px;}
.mypage.my_directorhome .director_set_con .state_con .rows.row_02 .row_desc .state_list li .desc_con h6 {margin: 4px 0 0 0; font-size: clamp(14px, 0.8533vw, 16px); font-weight: 700; color: var(--pt-color-01);}

.mypage.my_directorhome .director_set_con .set_con {}
.mypage.my_directorhome .director_set_con .set_con .set_head {}
.mypage.my_directorhome .director_set_con .set_con .set_head .tab_con {}
.mypage.my_directorhome .director_set_con .set_con .set_head .tab_con ul {display: flex; justify-content: space-between;}
.mypage.my_directorhome .director_set_con .set_con .set_head .tab_con ul li {display: flex; width: calc(100% / 6);}
.mypage.my_directorhome .director_set_con .set_con .set_head .tab_con ul li a {width: 100%; padding: 14px 10px; background: #E0E0E0; font-size: 14px; font-weight: 700; color: #777; white-space: nowrap; border-radius: 14px 14px 0 0; border: 1px solid #E0E0E0; border-bottom: none; }
.mypage.my_directorhome .director_set_con .set_con .set_head .tab_con ul li a.on {background: #fff; color: #000;}
.mypage.my_directorhome .director_set_con .set_con .set_body {padding: 0 0 50px 0; border: 1px solid #E0E0E0; border-radius: 0 0 14px 14px; border-top: none; overflow: hidden;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller {position: fixed; bottom: 50px; left: 50%; transform: translateX(-50%); display: flex; width: 500px; box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.20); border-radius: 999px; overflow: hidden;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns {width: calc(100% / 3); padding: 20px 0; text-align: center; display: flex; justify-content: center; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns span {font-size: 16px; font-weight: 700;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns.btn_undo {background: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns.btn_undo span {color: #999;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns.btn_preview {background: #101820;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns.btn_preview span {color: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns.btn_save {background: var(--pt-color-01);}
.mypage.my_directorhome .director_set_con .set_con .set_body .controller .btns.btn_save span {color: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views {display: none;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.on {display: block;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .notice_con {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #E0E0E0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .notice_con a {display: flex; margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .notice_con span {font-size: 12px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con {padding: 14px 24px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows {margin: 0 0 10px 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows.border {padding: 10px; border-radius: 10px; border: 1px solid #E0E0E0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_tit {display: flex; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_tit h5 {font-size: 14px; font-weight: 700;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_tit span {margin: 0 0 0 4px; font-size: 12px; color: #777;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_tit span a {text-decoration: underline; color: #0000FF;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc {margin: 10px 0 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc p.domain {padding: 10px 14px; border-radius: 10px; background: #F5F5F5; font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios {}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios .label_con {display: flex; align-items: center; margin: 10px 0 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios label {cursor: pointer; margin: 0 20px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios label input[type='radio'] {display: none;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios label span {position: relative; font-size: 14px; font-weight: 400; padding: 0 0 0 24px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios label span:before {position: absolute; top: 50%; left: 0; content: ''; width: 20px; height: 20px; border-radius: 999px; background: #E0E0E0; transform: translateY(-50%);}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios label input:checked + span:before {background: url(../img/common/radio_check_on.png) center no-repeat; background-size: cover;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios input[type='text'] {padding: 10px; width: 300px; border: 1px solid #E0E0E0; background: #fff; border-radius: 4px; margin: 0 0 0 10px; font-size: 14px; color: #000;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios label input[type='text']:placeholder-shown {color: #999;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .input_con.radios .label_con p {font-size: 14px; color: #555; margin: 0 0 0 4px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile {}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li {display: flex; align-items: center; margin: 10px 0 0 0; padding: 10px; border-radius: 10px; border: 1px solid #E0E0E0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li h6 {font-size: 14px; font-weight: 700; margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con {display: flex; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con .label_con {margin: 0; margin: 0 20px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con .label_con .img_con {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 2px; border: 0.5px solid #E0E0E0; background: #fff; overflow: hidden;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con .label_con .img_con img {width: 100%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con .label_con label {margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views .set_main_con .set_rows .set_row_desc .set_profile li .input_con input[type='text'] {width: 100%; font-size: 14px; font-weight: 400; color: #444;}

.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc {}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios {display: flex; justify-content: space-between;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios .label_con {flex-direction: column; align-items: flex-start; width: calc(100% / 3 - 10px); margin: 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios .label_con p {margin: 4px 0 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows .set_row_desc .input_con.radios .label_con .img_con {margin: 10px 0 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_02 .set_row_desc .input_con.radios .label_con {width: calc(50% - 10px); flex-direction: row; align-items: center; flex-wrap: wrap;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con label {display: flex; flex-wrap: wrap;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .label_color {margin: 0 0 0 4px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .label_color input {display: none;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .label_color p {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; cursor: pointer; font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .color_con {width: 100%; margin: 4px 0 0 0; display: flex; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .color_con .selected_color {width: 100px; height: 100px; margin: 0 10px 0 0; border-radius: 10px; background: #f5f5f5;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .color_con p {font-size: 14px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .color_con p span {margin: 4px 0 0 0; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .label_file {margin: 0 0 0 4px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .label_file input {display: none;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .label_file p {padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; cursor: pointer; font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_row_02 .label_con .img_con {width: 100%; margin: 4px 0 0 0; height: 100px; border: 1px solid #E0E0E0; border-radius: 10px; background: #F5F5F5; display: flex; justify-content: center; align-items: center; background-size: contain;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_02 .set_row_desc .label_con .img_con p {font-size: 14px; font-weight: 700; color: #999; margin: 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_02 .set_row_desc .label_con .img_con.on p {display: none;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_03 textarea {width: 100%; height: 100px; padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-family: 'pretendard', sans-serif; font-size: 14px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_03 textarea:placeholder-shown {color: #999;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con {display: flex; align-items: center; width: calc(50% - 10px); margin: 0 0 20px 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con h5 {width: 60px; font-size: 14px; font-weight: 700; margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con input[type='text'] {padding: 10px; width: calc(100% - 70px); border: 1px solid #E0E0E0; background: #fff; border-radius: 4px; margin: 0 0 0 10px; font-size: 14px; color: #000;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con input[type='text']:placeholder-shown {color: #999;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con span {font-size: 12px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con .products {display: flex; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con .products p {font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_02 .set_main_con .set_rows.set_row_04 .input_list .input_con .products span {}

.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch {margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch label {display: block; position: relative; width: 36px; height: 14px; background: #999; border-radius: 9999px; transition: background 200ms ease-in-out; cursor: pointer;}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch label:after {content: ""; position: absolute; left: 2.5px; top: 50%; width: 10px; height: 10px; border-radius: 100%; background-color: #fff; transform: translateY(-50%); transition: all 200ms ease-in-out;}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch label:before {content: "숨김"; font-size: 0.5rem; position: absolute; right: 5px; color: #fff; top: 50%; transform: translateY(-50%); transition: all 200ms ease-in-out;}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch input {display: none;}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch input:checked + label {background: var(--pt-color-01);}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch input:checked + label:after {left: calc(100% - 13.5px);}
.mypage.my_directorhome .director_set_con .set_con .views .toggle_switch input:checked + label:before {content: "보임"; right: 15px;}

.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .caution {}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .caution p {font-size: 14px; color: 555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .caution p span.red {color: #f00;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .caution p a {text-decoration: underline; color: #00f;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .fn_con {margin: 20px 0 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .fn_con .fn_btn_con {display: flex;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .fn_con .fn_btn_con .btn_plus_exposure {border: 1px solid var(--pt-color-01); background: var(--pt-color-01); color: #fff; font-weight: 700; margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con {}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col1 {width: 5%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col2 {width: 49%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col3 {width: 10%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col4 {width: 15%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col5 {width: 13%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_03 .set_main_con .set_row_01 .list_con .rows .cols.col6 {width: 8%;}

.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows {margin: 0 0 20px 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_row_01 {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_row_01 .set_row_tit {flex-direction: column; align-items: flex-start;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_row_tit p {font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_row_01 .set_row_desc a {display: flex; align-items: center; padding: 10px; border-radius: 4px; background: #0E1821;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_row_01 .set_row_desc a img {margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_row_01 .set_row_desc a span {font-size: 14px; font-weight: 700; color: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_04 .set_main_con .set_rows .set_row_tit .toggle_switch {margin: 0 10px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list li.label_con {width: calc(100% / 3 - 7px); margin: 0; border-radius: 10px; border: 1px solid #E0E0E0; background: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list li.label_con:has(input[type='radio']:checked) {border: 1px solid var(--pt-color-01); background: #B8F3F6;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list li.label_con label {width: 100%; padding: 4px 10px 10px 10px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .set_row_desc .radio_label_list li.label_con label p {margin: 4px 0 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list.li_50p li.label_con {width: calc(100% / 2 - 7px); margin: 0 0 10px 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_rows .radio_label_list.li_100p li.label_con {width: calc(100%); margin: 0 0 10px 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_row_06 .set_row_desc {display: flex; justify-content: space-between;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_row_06 .set_row_desc .input_con {width: calc(100% / 2 - 5px); padding: 10px; border-radius: 10px; border: 1px solid #E0E0E0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_04 .set_main_con .set_row_06 .set_row_desc .input_con h6 {font-size: 14px; font-weight: 700; margin: 0 0 10px 0;}

.mypage.my_directorhome .director_set_con .set_con .set_body .views.view_05 .set_main_con .set_rows {margin: 0 0 20px 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_row_01 {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_row_01 .set_row_tit {flex-direction: column; align-items: flex-start;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_row_tit p {font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_row_01 .set_row_desc a {display: flex; align-items: center; padding: 10px; border-radius: 4px; background: #0E1821;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_row_01 .set_row_desc a img {margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_row_01 .set_row_desc a span {font-size: 14px; font-weight: 700; color: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows .set_row_tit .toggle_switch {margin: 0 10px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows .set_row_desc p {font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_02 .set_row_desc {display: flex; justify-content: center; padding: 10px; border: 1px solid #E0E0E0; border-radius: 10px;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_02 .set_row_desc .btn_con {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_02 .set_row_desc .btn_con a.btn_plus_filter {margin: 10px 0 0 0; padding: 4px 10px; border-radius: 4px; border: 1px solid #E0E0E0; font-size: 12px; color: #555; background: #fff;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios ul {display: flex; justify-content: space-between;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios ul li {width: calc(100% / 3 - 10px);}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios label {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios label span {}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_05 .set_main_con .set_rows.set_row_06 .set_row_desc .input_con.radios label img {margin: 10px 0 0 0; width: 100%;}

.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_tit p {font-size: 12px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_tit h5 {margin: 0 10px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_desc .input_con {}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_desc .input_con input {padding: 10px; width: calc(100% - 150px); border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows .set_row_desc .input_con input:placeholder-shown {color: #999;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list {display: flex; justify-content: space-between; flex-wrap: wrap;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con {width: calc(100% / 2 - 10px); margin: 0 0 10px 0; display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con h6 {padding: 10px; border-radius: 4px; background: #E0E0E0; color: #555; font-size: 14px; margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con p {font-size: 14px; margin: 0 4px 0 0;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con span {font-size: 12px; color: #555;}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con input {}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con input.w30 {width: calc(30% - 27px);}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con input.w70 {width: calc(70% - 27px);}
.mypage.my_directorhome .director_set_con .set_con .set_body .view_06 .set_main_con .set_rows.set_row_03 .set_row_desc .input_list .input_con.fls input.w100 {width: calc(100% - 110px);}


.mypage.my_directorhome .director_note_posting {}
.mypage.my_directorhome .director_note_posting .fn_con {}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows.fn_row_02 {margin: 30px 0 0 0;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .select_menu ul.select_menu_nav li a.btn_filter {padding: 10px; margin: 0 0 0 4px;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con .flx_div {display: flex;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con input {padding: 10px; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000; border: 1px solid #E0E0E0; border-radius: 4px;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con input:placeholder-shown {font-size: 0.7rem; font-weight: 400; color: #999;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con a.btns {display: flex; align-items: center; padding: 10px; background: var(--bg-color-01); font-size: 14px; font-weight: 700; color: #fff; border-radius: 4px; margin: 0 0 0 4px;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con a.btn_search svg {color: #fff;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .search_con a.btn_write {background: var(--pt-color-01);}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows ul.list_info {display: flex; align-items: center;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows ul.list_info li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows ul.list_info li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows ul.list_info li p {margin: 0 5px 0 0; font-size: 14px; color: var(--bg-color-01);}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows ul.list_info li.choosen p span {color: var(--pt-color-01);}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows ul.list_info li span {color: #555;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .fn_btn_con {display: flex; align-items: center;}
.mypage.my_directorhome .director_note_posting .fn_con .fn_rows .fn_btn_con a.btns {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #555;}

.mypage.my_directorhome .director_note_posting.category .fn_con .fn_rows a.btn_add {display: flex; align-items: center; padding: 10px 14px; border-radius: 4px; border: 1px solid #0E1821; background: #fff; }
.mypage.my_directorhome .director_note_posting.category .fn_con .fn_rows a.btn_add img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_note_posting.category .fn_con .fn_rows a.btn_add span {font-size: 14px; color: #0E1821;}
.mypage.my_directorhome .director_note_posting.category .list_con {}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list {margin: 10px 0 0 0;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li {padding: 4px 0; display: flex; justify-content: space-between; align-items: center; background: #F7F7F7; border-bottom: 1px solid #E0E0E0;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_tit {display: flex; align-items: center; padding: 10px;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_tit img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_tit h6 {font-size: 14px; color: #555; font-weight: 400;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_desc {}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_desc p {text-align: right; font-size: 12px; color: #0E1821;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_desc .btn_con {display: flex;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_desc .btn_con a.btns {padding: 10px 14px; background: #fff; display: flex; align-items: center; margin: 0 0 0 10px;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_desc .btn_con a.btns img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_note_posting.category .list_con .cate_list li .cate_desc .btn_con a.btns span {font-size: 14px; color: #777;}

.mypage.my_directorhome .director_note_posting .list_con {}
.mypage.my_directorhome .director_note_posting .list_con {margin: 10px 0 0 0;}
.mypage.my_directorhome .director_note_posting .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 14px; font-weight: 400; color: #555; text-align: center;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col1 {width: 5%;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col2 {width: 5%;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col3 {width: 7%;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col4 {width: 38%;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col5 {width: 20%;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col6 {width: 25%;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col1 label {cursor: pointer;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col1 label input {display: none;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.mypage.my_directorhome .director_note_posting .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_hd {}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd {flex-wrap: wrap;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols {}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 {}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .posting_info {display: flex; align-items: center;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .desc_con {width: calc(100% - 95px); margin: 0 10px 0 0; text-align: left;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .desc_con h5 {font-size: 14px; font-weight: 700; color: #555;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .desc_con span {display: inline-block; font-size: 12px; color: #555; margin: 10px 0 0 0;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .desc_con p {font-size: 14px; color: #555; margin: 10px 0 0 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .img_con {display: flex; justify-content: center; align-items: center; width: 85px; height: 85px;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col4 .img_con img {width: 100%;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col6 .posting_record {display: flex; align-items: center;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col6 .posting_record .records {display: flex; align-items: center; margin: 0 8px 0 0;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col6 .posting_record .records:last-child {margin: 0;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col6 .posting_record .records img {margin: 0 4px 0 0;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_bd .cols.col6 .posting_record .records span {font-size: 13px; color: #555;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.mypage.my_directorhome .director_note_posting .list_con .rows.row_empty p {font-size: 14px; color: #777; font-weight: 400;}

.mypage.my_directorhome .director_note_posting.temporary .list_con .rows .cols.col4 {width: 63%;}

.mypage.my_directorhome .director_note_posting.comment .list_con .rows .cols.col1 {align-items: flex-start; padding: 12px 0;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows .cols.col2 {width: 95%;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 {}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info {}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .tit {display: flex; align-items: center; padding: 6px 0;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .tit h6 {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 14px; font-weight: 700;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .tit h6:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 80%; background: #E0E0E0; transform: translateY(-50%);}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .tit p {font-size: 14px; color: #555; margin: 0 10px 0 0;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .tit span {font-size: 12px; color: #999;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .tit a {font-size: 14px; color: #0023FF; text-decoration: underline;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .desc_con {padding: 4px 0; text-align: left;}
.mypage.my_directorhome .director_note_posting.comment .list_con .rows.row_bd .cols.col2 .comment_info .desc_con p {font-size: 14px; font-weight: 400; color: #555;}

.mypage.my_directorhome.director_note_write .section_01 {margin: 0;}
.mypage.my_directorhome.director_note_write .section_01 .width_con {width: 100%; margin: 0; padding: 0; background: #F9FAFB}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con {width: 100%; height: 70px; background: #fff;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .inner {display: flex; justify-content: space-between; align-items: center; width: 1200px; height: 100%; margin: 0 auto;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .back_btns {}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .version_btn {display: flex; align-items: center;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .version_btn a {padding: 10px; border-radius: 4px; font-size: 14px; color: var(--bg-color-01);}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .version_btn a.on {background: #6B7387; color: #fff;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .version_btn a:nth-child(1) {}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .version_btn a:nth-child(2) {}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .fn_btn {display: flex;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .fn_btn a {padding: 10px 14px; border-radius: 10px; background: #fff; border: 1px solid #E0E0E0; font-size: 14px; color: #0E1821;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .fn_btn a.btns.btn_post {margin: 0 0 0 10px; border: 1px solid var(--pt-color-01); background: var(--pt-color-01); font-weight: 700; color: #fff;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .main_con {width: 1200px; margin: 48px auto 0 auto;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .main_con .right_container {width: 100%;}
.mypage.my_directorhome.director_note_write .section_01 .width_con .title_con .back_btns {display: flex;}

.mypage.my_directorhome.director_note_view {}
.mypage.my_directorhome.director_note_view .width_con {padding: 0;}
.mypage.my_directorhome.director_note_view .section_01 .width_con .main_con .right_container {width: 100%;}
.mypage.my_directorhome.director_note_view .title_con {position: relative;}
.mypage.my_directorhome.director_note_view .title_con:before {position: absolute; bottom: 0px; left: 50%; content: ''; width: 100vw; height: 1px; background: #E0E0E0; transform: translateX(-50%);}
.mypage.my_directorhome.director_note_view .title_con .inner {display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.mypage.my_directorhome.director_note_view .title_con .posting_title {display: flex; align-items: center;}
.mypage.my_directorhome.director_note_view .title_con .posting_title .back_btns {display: flex; margin: 0 30px 0 0;}
.mypage.my_directorhome.director_note_view .title_con .posting_title .tit {}
.mypage.my_directorhome.director_note_view .title_con .posting_title .tit h3 {font-size: 20px; font-weight: 700;}
.mypage.my_directorhome.director_note_view .title_con .posting_title .tit p {display: flex; align-items: center; margin: 10px 0 0 0;}
.mypage.my_directorhome.director_note_view .title_con .posting_title .tit p span {font-size: 14px; color: #555; margin: 0 4px 0 0;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con {position: relative; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; border-radius: 4px; background: #fff;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con a.btn_more {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con .btn_list {position: absolute; top: 24px; right: 0; display: none;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con .btn_list li {}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con .btn_list li a {display: flex; align-items: center; padding: 10px 14px; border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con .btn_list li a img {margin: 0 4px 0 0;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con .btn_list li a span {font-size: 14px; color: #777; white-space: nowrap;}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con.on {}
.mypage.my_directorhome.director_note_view .title_con .posting_btn_con.on .btn_list {display: block;}
.mypage.my_directorhome.director_note_view .posting_view_con {}
.mypage.my_directorhome.director_note_view .posting_view_con .desc_con {}
.mypage.my_directorhome.director_note_view .posting_view_con .desc_con p {font-size: 16px; color: #555;}
.mypage.my_directorhome.director_note_view .posting_view_con .img_con {display: flex; margin: 30px 0 0 0;}
.mypage.my_directorhome.director_note_view .posting_view_con .img_con img {}
.mypage.my_directorhome.director_note_view .posting_comment_con {border-top: 1px solid #E0E0E0; margin: 30px 0 0 0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con {display: flex; justify-content: space-between; align-items: center; padding: 10px 0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .pop_con {display: flex; align-items: center;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .pop_con p {margin: 0 10px 0 0; display: flex; align-items: center;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .pop_con p img {margin: 0 4px 0 0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .pop_con p span {font-size: 14px; color: #555;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .btn_list {display: flex; align-items: center; padding: 10px 14px; border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .btn_list img {margin: 0 4px 0 0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .fn_con .btn_list span {font-size: 14px; color: #777; white-space: nowrap;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con {margin: 20px 0 0 0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con textarea {padding: 10px; border-radius: 10px; background: #fff; width: 100%; height: 100px; font-size: 14px; color: #000; font-family: 'pretendard', sans-serif; border: 1px solid #E0E0E0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con textarea:placeholder-shown {color: #999;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con .btn_con {display: flex; justify-content: flex-end;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con .btn_con input {padding: 10px; border: 1px solid #E0E0E0; border-radius: 4px; background: #fff; margin: 0 10px 0 0; font-size: 14px; color: #000;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con .btn_con input:placeholder-shown {color: #999;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con .btn_con a.btn_send {display: flex; align-items: center; padding: 10px; border-radius: 4px; background: var(--pt-color-01);}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con .btn_con a.btn_send img {margin: 0 4px 0 0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_con .btn_con a.btn_send span {font-size: 14px; font-weight: 700; color: #fff;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_list {}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_list ul {}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_list ul li {padding: 10px 0; margin: 20px 0 0 0; border-bottom: 1px solid #E0E0E0;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_list ul li h6 {font-size: 14px; font-weight: 700;}
.mypage.my_directorhome.director_note_view .posting_comment_con .comment_list ul li p {margin: 8px 0 0 0; font-size: 14px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}


.mypage.my_directorhome .insight_posting {}
.mypage.my_directorhome .insight_posting .fn_con {}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows.fn_row_02 {margin: 30px 0 0 0;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .select_menu ul.select_menu_nav li a.btn_filter {padding: 10px; margin: 0 0 0 4px;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con .flx_div {display: flex;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con input {padding: 10px; background: #fff; font-size: 0.7rem; font-weight: 400; color: #000; border: 1px solid #E0E0E0; border-radius: 4px;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con input:placeholder-shown {font-size: 0.7rem; font-weight: 400; color: #999;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con a.btns {display: flex; align-items: center; padding: 10px; background: var(--bg-color-01); font-size: 14px; font-weight: 700; color: #fff; border-radius: 4px; margin: 0 0 0 4px;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con a.btn_search svg {color: #fff;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .search_con a.btn_write {background: var(--pt-color-01);}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows {display: flex; justify-content: space-between; align-items: center;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows ul.list_info {display: flex; align-items: center;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows ul.list_info li {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows ul.list_info li:first-child:before {position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0; transform: translateY(-50%);}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows ul.list_info li p {margin: 0 5px 0 0; font-size: 14px; color: var(--bg-color-01);}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows ul.list_info li.choosen p span {color: var(--pt-color-01);}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows ul.list_info li span {color: #555;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .fn_btn_con {display: flex; align-items: center;}
.mypage.my_directorhome .insight_posting .fn_con .fn_rows .fn_btn_con a.btns {padding: 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; font-size: 14px; color: #555;}

.mypage.my_directorhome .insight_posting.category .fn_con .fn_rows a.btn_add {display: flex; align-items: center; padding: 10px 14px; border-radius: 4px; border: 1px solid #0E1821; background: #fff; }
.mypage.my_directorhome .insight_posting.category .fn_con .fn_rows a.btn_add img {margin: 0 4px 0 0;}
.mypage.my_directorhome .insight_posting.category .fn_con .fn_rows a.btn_add span {font-size: 14px; color: #0E1821;}
.mypage.my_directorhome .insight_posting.category .list_con {}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list {margin: 10px 0 0 0;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li {padding: 4px 0; display: flex; justify-content: space-between; align-items: center; background: #F7F7F7; border-bottom: 1px solid #E0E0E0;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_tit {display: flex; align-items: center; padding: 10px;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_tit img {margin: 0 4px 0 0;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_tit h6 {font-size: 14px; color: #555; font-weight: 400;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_desc {}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_desc p {text-align: right; font-size: 12px; color: #0E1821;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_desc .btn_con {display: flex;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_desc .btn_con a.btns {padding: 10px 14px; background: #fff; display: flex; align-items: center; margin: 0 0 0 10px;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_desc .btn_con a.btns img {margin: 0 4px 0 0;}
.mypage.my_directorhome .insight_posting.category .list_con .cate_list li .cate_desc .btn_con a.btns span {font-size: 14px; color: #777;}

.mypage.my_directorhome .insight_posting .list_con {}
.mypage.my_directorhome .insight_posting .list_con {margin: 10px 0 0 0;}
.mypage.my_directorhome .insight_posting .list_con .rows {display: flex; justify-content: space-between; border-bottom: 1px solid #E0E0E0;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols {display: flex; justify-content: center; align-items: center; padding: 6px 10px; font-size: 14px; font-weight: 400; color: #555; text-align: center;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col1 {width: 5%;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col2 {width: 5%;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col3 {width: 7%;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col4 {width: 53%;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col5 {width: 15%;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col6 {width: 15%;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col1 label {cursor: pointer;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col1 label input {display: none;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col1 label span {display: block; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.mypage.my_directorhome .insight_posting .list_con .rows .cols.col1 label input:checked + span {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_hd {}
.mypage.my_directorhome .insight_posting .list_con .rows.row_hd .cols {font-weight: 700; color: #000;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd {flex-wrap: wrap;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols {}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 {}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 .posting_info {display: flex; align-items: center;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 .desc_con {width: calc(100% - 95px); margin: 0 10px 0 0; text-align: left;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 .desc_con h5 {font-size: 14px; font-weight: 400; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 .desc_con a {text-decoration: underline; color: #0000FF; font-size: 14px;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 .img_con {display: flex; justify-content: center; align-items: center; width: 85px; height: 85px;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col4 .img_con img {width: 100%;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con {display: flex; flex-direction: column;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con a.btns {display: flex; align-items: center; margin: 0 0 4px 0; padding: 10px 14px; border: 1px solid #E0E0E0; border-radius: 4px; background: #fff;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con a.btns img {margin: 0 4px 0 0;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con a.btns span {font-size: 14px; color: #777;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_bd .cols.col6 .btn_con a.btns:last-child {margin: 0;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_empty {display: flex; justify-content: center; align-items: center; height: 300px; padding: 10px;}
.mypage.my_directorhome .insight_posting .list_con .rows.row_empty p {font-size: 14px; color: #777; font-weight: 400;}

.director_home {}
.director_home .sections {}
.director_home .sections .width_con {padding: 80px 0;}
.director_home .sections .width_con .title_con {margin: 0 0 30px 0;}
.director_home .sections .width_con .title_con h3 {font-size: 30px; font-weight: 700; letter-spacing: -0.75px;}
.director_home .sections .width_con .title_con p {margin: 10px 0 0 0; font-size: 16px; font-weight: 400; color: #777;}

.director_home .section_01 {}
.director_home .section_01 .director_header {display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; padding: 30px 0; background: #fff;}
.director_home .section_01 .director_header .cols {display: flex; align-items: center;}
.director_home .section_01 .director_header .cols .director_title {margin: 0 0 0 30px;}
.director_home .section_01 .director_header .cols .director_title h3 {font-size: 24px; font-weight: 700; letter-spacing: -0.6px;}
.director_home .section_01 .director_header .cols .director_title h3 span {}
.director_home .section_01 .director_header .cols .director_title .director_info {display: flex; align-items: center; margin: 10px 0 0 0;}
.director_home .section_01 .director_header .cols .director_title .director_info p {font-size: 14px; font-weight: 700; color: #555; margin: 0 4px 0 0;}
.director_home .section_01 .director_header .cols .director_title .director_info p span {font-size: 14px; font-weight: 400; color: #555;}
.director_home .section_01 .director_header .cols a {display: flex; align-items: center;}
.director_home .section_01 .director_header .cols a img {margin: 0 10px;}
.director_home .section_01 .director_header .cols a span {font-size: 14px; font-weight: 700;}
.director_home .section_02 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #185B76;}
.director_home .section_02 .width_con {display: flex; align-items: center; padding: 0;}
.director_home .section_02 .width_con .img_con {display: flex; max-width: 450px; height: 450px;}
.director_home .section_02 .width_con .img_con img {height: 100%;}
.director_home .section_02 .width_con .title_con {flex-direction: column; align-items: flex-start;}
.director_home .section_02 .width_con .title_con h2 {font-size: 40px; color: #fff; letter-spacing: -1px; font-weight: 400;}
.director_home .section_02 .width_con .title_con h2 span {font-weight: 700;}
.director_home .section_02 .width_con .title_con p {margin: 30px 0 0 0; font-size: 20px; letter-spacing: -0.5px; color: #fff;}
.director_home .section_03 {border-bottom: 1px solid #E0E0E0;}
.director_home .section_03 .width_con {display: flex; justify-content: space-between; align-items: center; padding: 16px 0;}
.director_home .section_03 .width_con .info_list {display: flex; justify-content: space-between; width: calc(60% - 50px);}
.director_home .section_03 .width_con .info_list .lists {display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(25%);}
.director_home .section_03 .width_con .info_list .lists img {}
.director_home .section_03 .width_con .info_list .lists p {margin: 10px 0 0 0; font-size: 14px; font-weight: 400;}
.director_home .section_03 .width_con .info_list .lists h5 {margin: 4px 0 0 0; font-size: 14px; font-weight: 700;}
.director_home .section_03 .width_con .contact_con {width: calc(40% - 50px); display: flex; align-items: center;}
.director_home .section_03 .width_con .contact_con .btn_consult {display: flex; align-items: center; margin: 0 30px 0 0;}
.director_home .section_03 .width_con .contact_con .btn_consult a {padding: 14px 20px; border-radius: 10px; background: #fff; border: 1px solid #0E1821; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.10); font-size: 16px; font-weight: 700; letter-spacing: -0.4px;}
.director_home .section_03 .width_con .contact_con .sns_con {display: flex; align-items: center;}
.director_home .section_03 .width_con .contact_con .sns_con p {font-size: 14px; font-weight: 700; color: #999;}
.director_home .section_03 .width_con .contact_con .sns_con ul {display: flex; align-items: center;}
.director_home .section_03 .width_con .contact_con .sns_con ul li {margin: 0 0 0 10px;}
.director_home .section_03 .width_con .contact_con .sns_con ul li a {display: flex;}
.director_home .section_03 .width_con .contact_con .sns_con ul li a img {}
.director_home .section_04 .width_con .sale_con {}
.director_home .section_04 .width_con .btn_con {display: flex; justify-content: center; align-items: center;}
.director_home .section_04 .width_con .btn_con a {display: flex; align-items: center; padding: 10px 20px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff;}
.director_home .section_04 .width_con .btn_con a span {font-size: 14px; font-weight: 700; margin: 0 4px 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list {margin: 10px 0 0 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.director_home .section_04 .width_con .sale_con ul.sale_list li {width: calc(100% / 4 - 10px); margin: 0 10px 10px 0; border-radius: 4px; border: 1px solid #E0E0E0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .img_con {display: flex;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .img_con img {width: 100%;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con {padding: 14px;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .desc_tit {margin: 4px 0 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .desc_tit h5 {font-size: 16px; font-weight: 700; letter-spacing: -0.5px; margin: 0 0 4px 0; color: #0E1821; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .desc_tit p.base_info {display: flex; align-items: center; margin: 4px 0 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .desc_tit p.base_info span {font-size: 12px; font-weight: 400; color: #555; letter-spacing: -0.3px; margin: 0 4px 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .infos {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0; padding: 10px 0; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .infos p {width: calc(100% / 3); margin: 0 10px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .infos p b {font-size: 16px; font-weight: 700; margin: 4px 0 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .infos p span {font-size: 12px; font-weight: 400;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .infos p:last-child {margin: 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .btn_con {display: flex; justify-content: space-between; align-items: center; margin: 10px 0 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .btn_con p {font-size: 12px;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .btn_con p span {font-size: 16px; font-weight: 700; letter-spacing: -0.4px; color: var(--pt-color-01);}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .btn_con a {padding: 8px; border-radius: 3px; background: #F0F0F0; display: flex; align-items: center;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .btn_con a img {margin: 0 4px 0 0;}
.director_home .section_04 .width_con .sale_con ul.sale_list li .desc_con .btn_con a span {font-size: 12px; font-weight: 700;}

.director_home .section_05 .title_con {display: flex; justify-content: space-between; align-items: flex-end;}
.director_home .section_05 .title_con a {display: flex; align-items: center; padding: 4px 14px; border-radius: 999px; background: #6A7282;}
.director_home .section_05 .title_con a img {}
.director_home .section_05 .title_con a span {font-size: 14px; font-weight: 400; color: #fff;}
.director_home .section_05 .director_board {margin: 30px 0 0 0; position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 10px; width: 100%;}
.director_home .section_05 .director_board li {padding: 10px; border-radius: 10px; border: 1px solid #E0E0E0; background: #fff;}
.director_home .section_05 .director_board li.has_img {grid-row: 1 / 3;}
.director_home .section_05 .director_board li .post_tit {display: flex; flex-direction: column;}
.director_home .section_05 .director_board li .post_tit h6 {font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.director_home .section_05 .director_board li .post_tit span {margin: 10px 0 0 0; font-size: 12px; font-weight: 400; color: #555; letter-spacing: -0.3px;}
.director_home .section_05 .director_board li .post_desc {margin: 10px 0 0 0;}
.director_home .section_05 .director_board li .post_desc p {font-size: 14px; font-weight: 400; letter-spacing: -0.35px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.director_home .section_05 .director_board li .post_img {display: flex; margin: 10px 0 0 0; border-radius: 4px; overflow: hidden;}
.director_home .section_05 .director_board li .post_img img {width: 100%;}

.director_home .section_06 {background: #E7EEEE;}
.director_home .section_06 .title_con {display: flex; justify-content: space-between; align-items: flex-end; width: 100%;}
.director_home .section_06 .title_con > div {width: 50%;}
.director_home .section_06 .tab_con {}
.director_home .section_06 .tab_con ul {display: flex; justify-content: space-between; width: 100%; background: #fff; border-radius: 999px;}
.director_home .section_06 .tab_con ul li {display: flex; width: calc(20% - 4px); border-radius: 999px;}
.director_home .section_06 .tab_con ul li a {display: flex; justify-content: center; align-items: center; padding: 10px 0; width: 100%; text-align: center;}
.director_home .section_06 .tab_con ul li a img {display: none; margin: 0 4px 0 0;}
.director_home .section_06 .tab_con ul li a img.bk {display: inline;}
.director_home .section_06 .tab_con ul li a span {font-size: 14px; color: #0A0A0A; font-weight: 500;}
.director_home .section_06 .tab_con ul li.on {background: #000;}
.director_home .section_06 .tab_con ul li.on a span {color: #fff; font-weight: 500;}
.director_home .section_06 .list_con {margin: 30px 0 0 0;}
.director_home .section_06 .list_con ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.director_home .section_06 .list_con ul li {position: relative; width: calc(100% / 4 - 20px); margin: 0 20px 20px 0; border-radius: 14px; border: 1px solid #E0E0E0; overflow: hidden;}
.director_home .section_06 .list_con ul li.slide_con .slick-slide div {display: flex;}
.director_home .section_06 .list_con ul li.link_post .img_con {display: flex;}
.director_home .section_06 .list_con ul li.link_post .img_con img {width: 100%;}
.director_home .section_06 .list_con ul li.link_post .desc_con {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 24px; background: rgba(0,0,0,.7); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: all 300ms ease-in-out;}
.director_home .section_06 .list_con ul li.link_post .desc_con p {display: flex; justify-content: center; align-items: center; margin: 0 0 10px 0;}
.director_home .section_06 .list_con ul li.link_post .desc_con p img {margin: 0 4px 0 0;}
.director_home .section_06 .list_con ul li.link_post .desc_con p span {font-size: 14px; font-weight: 500; color: #fff;}
.director_home .section_06 .list_con ul li.link_post .desc_con h6 {font-size: 20px; font-weight: 700; color: #fff; text-align: center;}
.director_home .section_06 .list_con ul li.link_post .desc_con a {margin: 10px 0 0 0; padding: 4px 10px; border-radius: 999px; background: #fff; display: flex; align-items: center;}
.director_home .section_06 .list_con ul li.link_post .desc_con a img {margin: 0 4px 0 0;}
.director_home .section_06 .list_con ul li.link_post .desc_con a span {font-size: 14px; font-weight: 700; color: #999;}
.director_home .section_06 .list_con ul li.link_post:hover .desc_con {opacity: 1; pointer-events: all;}
.director_home .section_06 .list_con ul {display: none; justify-content: flex-start;}
.director_home .section_06 .list_con ul.on {display: flex;}
.director_home .section_06 .list_con ul li.empty {width: 100%; margin: 0; border-radius: 0; border: none;}
.director_home .section_06 .list_con ul li.empty p {font-size: 14px; font-weight: 500; color: #475567;}
.director_home .section_07 {}
.director_home .section_07 .width_con {display: flex; justify-content: center;}
.director_home .section_07 .width_con .title_con {text-align: center;}
.director_home .section_07 .width_con .title_con p {font-size: 16px; color: #0E1821;}
.director_home .section_07 .width_con .title_con .btn_con {display: flex; justify-content: space-between; margin: 16px 0 0 0;}
.director_home .section_07 .width_con .title_con .btn_con .consult_btns {display: flex; justify-content: space-between; width: 100%;}
.director_home .section_07 .width_con .title_con .btn_con .consult_btns a {width: calc(50% - 5px); border-radius: 10px; padding: 12px 0; display: flex; justify-content: center; align-items: center; border: 1px solid #005358; background: #fff;}
.director_home .section_07 .width_con .title_con .btn_con .consult_btns a img {margin: 0 8px 0 0;}
.director_home .section_07 .width_con .title_con .btn_con .consult_btns a h6 {font-size: 14px; font-weight: 700; letter-spacing: -0.35px; color: #025157;}
.director_home .section_07 .width_con .title_con .btn_con .consult_btns a.btn_kakao {border: 1px solid #FAE300; background: #FAE300;}
.director_home .section_07 .width_con .title_con .btn_con .consult_btns a.btn_kakao h6 {color: #000;}


.director_home.director_01 .section_02 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #393C47;}
.director_home.director_01 .section_02 .width_con .img_con img {transform: scaleX(-1);}
.director_home.director_02 .section_02 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #BB9884;
background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.00) 0%, color(display-p3 0 0 0 / 0.30) 100%), color(display-p3 0.7098 0.6 0.5294);}
.director_home.director_03 .section_02 {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #2B3852;
background: linear-gradient(0deg, color(display-p3 0 0 0 / 0.00) 0%, color(display-p3 0 0 0 / 0.30) 100%), color(display-p3 0.1804 0.2196 0.3137);}


.director_list .section_01 .director_header {display: flex; justify-content: space-between; align-items: center; width: 1200px; margin: 0 auto; padding: 30px 0; background: #fff;}
.director_list .section_01 .director_header .cols {display: flex; align-items: center;}
.director_list .section_01 .director_header .cols .director_title {margin: 0 0 0 30px;}
.director_list .section_01 .director_header .cols .director_title h3 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
.director_list .section_02 {background: #101820;}
.director_list .section_02 .width_con {display: flex; justify-content: space-between; align-items: center; padding: 30px 0;}
.director_list .section_02 .width_con .title_con {width: calc(15% - 15px);}
.director_list .section_02 .width_con .title_con h3 {font-size: 30px; font-weight: 700; color: #fff;}
.director_list .section_02 .width_con .title_con .btn_con {display: flex; align-items: center; margin: 10px 0 0 0;}
.director_list .section_02 .width_con .title_con .btn_con a {padding: 10px; border-radius: 999px; border: 1px solid #fff; font-size: 14px; font-weight: 400; color: #fff; margin: 0 0 0 10px;}
.director_list .section_02 .width_con .title_con .btn_con a.on {font-weight: 700; color: #0E1821; background: #fff;}
.director_list .section_02 .width_con .director_slide_con {display: flex; justify-content: space-between; width: calc(85% - 15px);}
.director_list .section_02 .width_con .director_slide_con .slick-list {margin: 0 -20px;}
.director_list .section_02 .width_con .director_slide_con .slick-slide {margin: 0 20px;}
.director_list .section_02 .width_con .director_slide_con .img_con {border-radius: 24px; position: relative; text-align: center;}
.director_list .section_02 .width_con .director_slide_con .img_con.LeeChoonghyeon {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #383C47;}
.director_list .section_02 .width_con .director_slide_con .img_con.YunRyukyung {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #BB9884;}
.director_list .section_02 .width_con .director_slide_con .img_con.BangJunyoung {background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), #2B3852;}
.director_list .section_02 .width_con .director_slide_con .img_con img {width: 100%;}
.director_list .section_02 .width_con .director_slide_con .desc_con {position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; background: rgba(14, 24, 33, 0.50); text-align: left;}
.director_list .section_02 .width_con .director_slide_con .desc_con h5 {font-size: 24px; font-weight: 400; color: #fff;}
.director_list .section_02 .width_con .director_slide_con .desc_con h5 span {font-weight: 700;}
.director_list .section_02 .width_con .director_slide_con .desc_con p {font-size: 14px; font-weight: 400; color: #fff;}
.director_list .section_02 .width_con .director_slide_con .slick-prev {z-index: 9; width: 30px; height: 30px; border: 1px solid #fff; left: -10px;}
.director_list .section_02 .width_con .director_slide_con .slick-next {z-index: 9; width: 30px; height: 30px; border: 1px solid #fff; right: 5px;}
.director_list .section_02 .width_con .director_slide_con .slick-prev:before,
.director_list .section_02 .width_con .director_slide_con .slick-next:before {font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #fff; opacity: 1;}
.director_list .section_02 .width_con .director_slide_con .slick-prev {}
.director_list .section_02 .width_con .director_slide_con .slick-next {}
.director_list .section_02 .width_con .director_slide_con .slick-prev:before {content: '\f104';}
.director_list .section_02 .width_con .director_slide_con .slick-next:before {content: '\f105';}

.director_list .section_03 .width_con {padding: 30px 0;}
.director_list .section_03 .width_con .title_con {}
.director_list .section_03 .width_con .title_con h5 {font-size: 20px; font-weight: 700; letter-spacing: -0.5px;}
.director_list .section_03 .width_con .filter_con {margin: 10px 0 0 0; display: flex; justify-content: space-between; align-items: center;}
.director_list .section_03 .width_con .filter_con .select_con {display: flex; align-items: center;}
.director_list .section_03 .width_con .filter_con .select_con select {padding: 16px 10px; border-radius: 4px; border: 1px solid #E0E0E0; background: #fff; margin: 0 10px 0 0;}
.director_list .section_03 .width_con .filter_con .select_con select option {font-size: 14px; font-weight: 400; letter-spacing: -0.35px;}
.director_list .section_03 .width_con .filter_con .align_con {display: flex; align-items: center;}
.director_list .section_03 .width_con .filter_con .align_con a {position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 12px; font-weight: 400; color: #777; letter-spacing: -0.3px;}
.director_list .section_03 .width_con .filter_con .align_con a:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.director_list .section_03 .width_con .filter_con .align_con a.on {font-weight: 700; color: #0E1821;}

.director_list .section_03 .width_con .director_con {margin: 10px 0 0 0;}
.director_list .section_03 .width_con .director_con ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.director_list .section_03 .width_con .director_con ul li {position: relative; width: 100%; background: #FFF; padding: 16px 0; border-bottom: 1px solid #E0E0E0;}
.director_list .section_03 .width_con .director_con ul li .inner {display: flex; justify-content: space-between; align-items: center;}
.director_list .section_03 .width_con .director_con ul li .inner .rows {margin: 0 30px 0 0;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 {display: flex; align-items: center;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .img_con {width: 120px; height: 120px; margin: 0 30px 0 0; display: flex; justify-content: center; align-items: center; border-radius: 999px; overflow: hidden;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .img_con img {width: 100%;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info {}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info h5 {font-size: 24px; font-weight: 700;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info h5 span {font-weight: 400;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info .infos {display: flex; justify-content: center; align-items: center; margin: 10px 0 0 0;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info .infos p {position: relative; display: flex; align-items: center; font-size: 14px; color: #555; letter-spacing: -0.35px;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info .infos p:first-child {margin: 0 10px 0 0; padding: 0 10px 0 0;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info .infos p:first-child:before {position: absolute; top: 0; right: 0; content: ''; width: 1px; height: 100%; background: #E0E0E0;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info .infos p b {font-weight: 700; margin: 0 4px 0 0;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_01 .director_info .infos p span {font-weight: 400;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_02 {}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_02 .info_list {display: flex; justify-content: space-between;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_02 .info_list .lists {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 30px;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_02 .info_list .lists img {}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_02 .info_list .lists p {margin: 10px 0 0 0; font-size: 14px; font-weight: 400;}
.director_list .section_03 .width_con .director_con ul li .inner .rows.row_02 .info_list .lists h5 {margin: 4px 0 0 0; font-size: 14px; font-weight: 700;}
.director_list .section_03 .width_con .director_con ul li .inner .btn_con {}
.director_list .section_03 .width_con .director_con ul li .inner .btn_con a {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 24px 32px; border-radius: 4px; background: var(--pt-color-01);}
.director_list .section_03 .width_con .director_con ul li .inner .btn_con a img {margin: 4px 0 0 0;}
.director_list .section_03 .width_con .director_con ul li .inner .btn_con a span {font-size: 14px; font-weight: 700; color: #fff;}
.director_list .section_03 .width_con .banner_con {padding: 30px 0;}
.director_list .section_03 .width_con .banner_con a {display: flex; width: 100%;}
.director_list .section_03 .width_con .banner_con a img {width: 100%;}
.director_list .section_03 .width_con .banner_con a img.mob {display: none;}



.landing.landing_01 {}
.landing.landing_01 .sections {}
.landing.landing_01 .sections .width_con {}
.landing.landing_01 .sections .width_con .title_con {flex-direction: column; align-items: center;}
.landing.landing_01 .sections .width_con .title_con h3 {font-size: 24px; font-weight: 700;}
.landing.landing_01 .sections .width_con .title_con h3 span {color: var(--pt-color-01);}
.landing.landing_01 .sections .width_con .title_con p {font-size: 14px; font-weight: 400; margin: 10px 0 0 0;}
.landing.landing_01 .section_01 {background: url(../img/landing/img_01.png) center no-repeat; background-size: cover;}
.landing.landing_01 .section_01 .width_con {padding: 100px 0; text-align: center;}
.landing.landing_01 .section_01 .width_con .title_con {text-align: center;}
.landing.landing_01 .section_01 .width_con .title_con p {display: inline-block; font-size: 30px; font-weight: 700; letter-spacing: -0.75px; background: var(--pt-color-01); padding: 4px 16px; border-radius: 999px; color: #fff;}
.landing.landing_01 .section_01 .width_con .title_con h4 {margin: 34px 0 0 0; font-size: 50px; font-weight: 800; letter-spacing: -1.25px; color: #fff;}
.landing.landing_01 .section_01 .width_con .title_con h4 span {color: #A7F7FF;}
.landing.landing_01 .section_01 .width_con .v_con {display: flex; justify-content: space-between; margin: 50px 0 0 0;}
.landing.landing_01 .section_01 .width_con .v_con li {width: calc(100% / 3 - 25px); border-radius: 999px; background: #FFF4B4; padding: 20px; text-align: center;}
.landing.landing_01 .section_01 .width_con .v_con li img {}
.landing.landing_01 .section_01 .width_con .v_con li p {margin: 14px 0 0 0; font-size: 20px; font-weight: 400; letter-spacing: -0.5px;}
.landing.landing_01 .section_01 .width_con h5 {margin: 50px 0 0 0; font-size: 32px; font-weight: 700; color: #fff;}
.landing.landing_01 .section_01 .width_con h5 span.blue {color: #A7F7FF;}
.landing.landing_01 .section_01 .width_con h5 span.yellow {color: #FFF4B4;}
.landing.landing_01 .section_02 {background: #AAADB0 url(../img/landing/img_05.png) right center no-repeat; background-size: contain;}
.landing.landing_01 .section_02 .width_con {padding: 80px 0;}
.landing.landing_01 .section_02 .width_con h5 {font-size: 32px; font-weight: 700; letter-spacing: -0.8px;}
.landing.landing_01 .section_02 .width_con h5 span {position: relative; background: var(--pt-color-01);}
.landing.landing_01 .section_02 .width_con h5 span b {color: #fff;}
.landing.landing_01 .section_02 .width_con .coupon_con {display: flex; margin: 30px 0 0 0; height: 180px;}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con {display: flex; align-items: center; border-radius: 10px; background: #fff;}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit {padding: 0 30px;}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit h4 {font-size: 32px; font-weight: 700;}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .tit h4 span {color: var(--pt-color-01);}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount {display: flex; align-items: center; padding: 0 30px;}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h6 {font-size: 52px; font-weight: 700; color: rgba(14, 24, 33, 0.30); text-decoration: line-through;}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h3 {font-size: 150px; font-weight: 700; color: var(--pt-color-01);}
.landing.landing_01 .section_02 .width_con .coupon_con .desc_con .discount h3 span {font-size: 50px;}
.landing.landing_01 .section_02 .width_con .coupon_con .btn_con {display: flex; justify-content: center; align-items: center; border-radius: 10px; background: #0E1821; padding: 0 10px; height: 100%;}
.landing.landing_01 .section_02 .width_con .coupon_con .btn_con a {display: flex; justify-content: center; align-items: center; height: 100%; font-size: 20px; font-weight: 700; color: #fff;}
.landing.landing_01 .section_02 .width_con p {margin: 30px 0 0 0; font-size: 20px; font-weight: 400; letter-spacing: -0.5px; color: #fff;}
.landing.landing_01 .section_03 {}
.landing.landing_01 .section_03 .v_con {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 20px 0 0 0;}
.landing.landing_01 .section_03 .v_con li {width: calc(100% / 3 - 8px); padding: 16px; border-radius: 8px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #C5E9EB; background: #F6FDFD;}
.landing.landing_01 .section_03 .v_con li .img_con {display: flex; justify-content: center; align-items: center; border-radius: 999px; background: var(--pt-color-01); width: 80px; height: 80px; padding: 14px;}
.landing.landing_01 .section_03 .v_con li .img_con img {width: 100%;}
.landing.landing_01 .section_03 .v_con li h5 {margin: 12px 0 0 0; font-size: 16px; font-weight: 700; text-align: center}
.landing.landing_01 .section_04 {}
.landing.landing_01 .section_04 .v_con {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 40px 0 0 0;}
.landing.landing_01 .section_04 .v_con li {width: calc(50% - 15px); margin: 0 0 30px 0; border-radius: 8px; padding: 16px; border: 1px solid #E0E0E0; background: #F6FDFD;}
.landing.landing_01 .section_04 .v_con li .img_con {}
.landing.landing_01 .section_04 .v_con li .img_con img {}
.landing.landing_01 .section_04 .v_con li .desc_con {margin: 16px 0 0 0;}
.landing.landing_01 .section_04 .v_con li .desc_con h5 {font-size: 20px; font-weight: 700;}
.landing.landing_01 .section_04 .v_con li .desc_con p {margin: 10px 0 0 0; font-size: 14px; font-weight: 400;}
.landing.landing_01 .section_04 .v_con li .desc_con p span {font-weight: 700;}
.landing.landing_01 .section_05 {}
.landing.landing_01 .section_05 ul {margin: 30px 0 0 0;}
.landing.landing_01 .section_05 ul li {display: flex; align-items: center; margin: 0 0 30px 0;}
.landing.landing_01 .section_05 ul li h6 {width: 50px; min-width: 50px; height: 50px; min-height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 999px; background: var(--pt-color-01); margin: 0 10px 0 0; color: #fff; font-size: 24px;}
.landing.landing_01 .section_05 ul li .desc_con {}
.landing.landing_01 .section_05 ul li .desc_con h5 {font-size: 20px; font-weight: 700;}
.landing.landing_01 .section_05 ul li .desc_con p {margin: 4px 0 0 0; font-size: 14px; color: #555;}
.landing.landing_01 .section_06 {background: #EEFCFD}
.landing.landing_01 .section_06  .width_con {padding: 80px 0;}
.landing.landing_01 .section_06 .form_con {margin: 30px 0 0 0;}
.landing.landing_01 .section_06 .form_con .inner {padding: 24px; border-radius: 16px; border: 1px solid #E5EEF0; background: #fff;}
.landing.landing_01 .section_06 .form_con .inner h5 {font-size: 20px; font-weight: 700;}
.landing.landing_01 .section_06 .form_con .inner h5 span {color: var(--pt-color-01);}
.landing.landing_01 .section_06 .form_con .inner ul {margin: 24px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.landing.landing_01 .section_06 .form_con .inner ul li {width: calc(100% / 3 - 8px);}
.landing.landing_01 .section_06 .form_con .inner ul li h6 {font-size: 16px; font-weight: 700;}
.landing.landing_01 .section_06 .form_con .inner ul li input {width: 100%; margin: 4pxp 0 0 0; padding: 10px; border-radius: 4px; border: 1px solid #E5EEF0; background: #fff; font-size: 16px; font-weight: 400; color: #0E1821;}
.landing.landing_01 .section_06 .form_con .inner .agree_con {margin: 12px 0 0 0;}
.landing.landing_01 .section_06 .form_con .inner .agree_con label {justify-content: flex-start; border: none; border-radius: none;}
.landing.landing_01 .section_06 .form_con .inner .agree_con label input {display: none;}
.landing.landing_01 .section_06 .form_con .inner .agree_con label .check_txt {font-size: 14px; line-height: 20px; font-weight: 700; color: #0E1821; position: relative; padding: 0 0 0 24px;}
.landing.landing_01 .section_06 .form_con .inner .agree_con label .check_txt span {font-weight: 400; color: #0E1821;}
.landing.landing_01 .section_06 .form_con .inner .agree_con label .check_txt:before {position: absolute; top: 0; left: 0; content: ''; width: 20px; height: 20px; background: url(../img/common/check_off.png) center no-repeat; background-size: cover;}
.landing.landing_01 .section_06 .form_con .inner .agree_con label input:checked + .check_txt:before {background: url(../img/common/check_on.png) center no-repeat; background-size: cover;}
.landing.landing_01 .section_06 .form_con .inner .btn_con {margin: 12px 0 0 0; width: 100%; display: flex; justify-content: center; align-items: center;}
.landing.landing_01 .section_06 .form_con .inner .btn_con button {padding: 10px 0; width: 100%; background: var(--pt-color-01); font-size: 18px; font-weight: 700; color: #fff;}



 /* ========== HERO ========== */
.recruit .s-hero {
  background: #00a5b5;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 100px 360px;
  gap: 60px;
  min-height: 700px;
}
.recruit .hero-bg-texture {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
}
.recruit .hero-bg-texture img {
  position: absolute;
  max-width: none;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  object-fit: cover;
  mix-blend-mode: screen;
}

.recruit .hero-bg-texture img.mob {display: none;}
.recruit .hero-left {
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
  max-width: 700px;
}
.recruit .hero-title-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 4px;
}
.recruit .hero-pill {
  background: #00a5b5;
  color: #fff;
  font-weight: 900;
  white-space: nowrap;
  display: inline-block;
}
.recruit .hero-pill-line1 {
  font-size: 84px;
  line-height: 1;
  letter-spacing: -2.1px;
  padding: 2px 6px 2px 0;
}
.recruit .hero-pill-line2 {
  font-size: 100px;
  line-height: 1;
  letter-spacing: -2.5px;
  padding: 2px 6px 2px 0;
}
.recruit .hero-dark {
  color: #101820;
  font-weight: 900;
  font-size: 100px;
  line-height: 1;
  letter-spacing: -2.5px;
  white-space: nowrap;
  display: inline-block;
}
.recruit .hero-sub { display: flex; flex-direction: column; gap: 10px; }
.recruit .hero-sub-line1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.recruit .hero-sub-text { font-weight: 700; font-size: 30px; color: #00a5b5; letter-spacing: -0.75px; }
.recruit .hero-badge-pill {
  background: #00a5b5; color: #fff; font-weight: 700; font-size: 30px;
  letter-spacing: -0.75px; padding: 2px 12px; border-radius: 100px; display: inline-block;
}
.recruit .hero-sub-line2 { font-weight: 900; font-size: 30px; color: #101820; letter-spacing: -0.75px; }
.recruit .hero-stats {
  display: flex;
  align-items: stretch;
  max-width: 700px;
}
.recruit .hero-stat {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 20px;
  text-align: center;
  border-right: 1px solid #00a5b5;
}
.recruit .hero-stat:last-child { border-right: none; }
.recruit .hero-stat .val { font-weight: 700; font-size: 34px; color: #00a5b5; letter-spacing: -0.85px; }
.recruit .hero-stat .lbl { font-weight: 700; font-size: 16px; color: #101820; letter-spacing: -0.4px; }
.recruit .hero-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.recruit .hero-tag {
  background: #fff; border: 1px solid #00a5b5; border-radius: 9999px;
  display: flex; align-items: center; gap: 8px; padding: 11px 17px;
}
.recruit .hero-tag img { width: 16px; height: 16px; }
.recruit .hero-tag span { font-size: 16px; color: #00a5b5; letter-spacing: -0.4px; }

/* earnings card */
.recruit .hero-card {
  width: 440px; height: 500px; flex-shrink: 0;
  background: linear-gradient(131deg, #101820 0%, #1a2e3a 100%);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 32px;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.2);
  padding: 30px;
  display: flex; flex-direction: column; gap: 30px;
  position: relative; overflow: hidden; z-index: 1;
}
.recruit .hero-card::before {
  content: '';
  position: absolute;
  top: -1px; right: -1px;
  width: 192px; height: 192px;
  background: rgba(0,165,181,0.2);
  border-radius: 9999px;
  filter: blur(60px);
}
.recruit .card-header { display: flex; align-items: center; gap: 12px; }
.recruit .card-icon {
  width: 50px; height: 50px; background: #00a5b5; border-radius: 14px;
  box-shadow: 0 10px 15px 0 rgba(0,165,181,0.3), 0 4px 6px 0 rgba(0,165,181,0.3);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.recruit .card-icon img { width: 24px; height: 24px; }
.recruit .card-header-text p:first-child { font-weight: 700; font-size: 20px; color: #fff; letter-spacing: -0.5px; }
.recruit .card-header-text p:last-child { font-weight: 700; font-size: 14px; color: #00a5b5; letter-spacing: -0.35px; }
.recruit .card-amount-block { display: flex; flex-direction: column; gap: 6px; }
.recruit .card-amount-lbl { font-weight: 700; font-size: 14px; color: #99a1af; letter-spacing: -0.35px; text-transform: uppercase; }
.recruit .card-amount-row { display: flex; align-items: baseline; gap: 2px; }
.recruit .card-amount-plus { font-weight: 700; font-size: 40px; color: #fff; letter-spacing: -1px; }
.recruit .card-amount-num { font-weight: 700; font-size: 40px; color: #fff; letter-spacing: -1px; }
.recruit .card-amount-unit { font-weight: 700; font-size: 20px; color: #99a1af; letter-spacing: -0.5px; }
.recruit .card-badge-green {
  display: inline-flex; align-items: center; gap: 6px;
  background: rgba(0,188,125,0.2); border-radius: 9999px;
  padding: 4px 14px; width: fit-content;
}
.recruit .card-badge-green img { width: 12px; height: 12px; }
.recruit .card-badge-green span { font-weight: 700; font-size: 14px; color: #00d492; letter-spacing: -0.35px; }
.recruit .card-chart { flex: 1; position: relative; }
.recruit .card-chart svg { width: 100%; }
.recruit .chart-month-labels {
  display: flex; justify-content: space-between;
  margin-top: 4px;
}
.recruit .chart-month-labels span { font-size: 9px; font-weight: 700; color: #6a7282; }
.recruit .chart-month-labels span.active { color: #00a5b5; }

/* ========== SECTION 1 - 누구나 ========== */
.recruit .s1 { background: #fff; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .section-title { display: flex; flex-direction: column; gap: 20px; }
.recruit .section-title h2 { font-weight: 700; font-size: 50px; color: #101820; letter-spacing: -1.25px; }
.recruit .section-title p { font-size: 16px; color: #6a7282; letter-spacing: -0.4px; }
.recruit .person-grid {
  display: flex; flex-wrap: wrap; gap: 24px;
}
.recruit .person-card {
  background: #f9fafb; border: 2px solid #f3f4f6; border-radius: 20px;
  display: flex; flex-direction: column; gap: 14px;
  padding: 14px 14px 24px; width: calc(100% / 3 - 16px); flex-shrink: 0;
}
.recruit .person-card-img {
  background: #feffff; border-radius: 10px;
  height: 300px; overflow: hidden; position: relative;
  display: flex; align-items: center; justify-content: center;
}
.recruit .person-card-img img {
  width: 100%; height: 100%; object-fit: cover;
}
.recruit .person-card-text { display: flex; flex-direction: column; gap: 10px; }
.recruit .person-card-text h3 { font-weight: 700; font-size: 24px; color: #101820; letter-spacing: -0.6px; }
.recruit .person-card-text p { font-size: 16px; color: #6a7282; letter-spacing: -0.4px; }
.recruit .s1-cta {
  background: #101820; border-radius: 20px;
  display: flex; align-items: center; justify-content: space-between;
  padding: 24px; gap: 20px;
}
.recruit .s1-cta-text { display: flex; flex-direction: column; gap: 6px; }
.recruit .s1-cta-text h3 { font-weight: 700; font-size: 20px; color: #fff; line-height: 1.4; white-space: pre-line; }
.recruit .s1-cta-text p { font-size: 14px; color: #999; line-height: 1.4; }
.recruit .btn-teal {
  background: #00a5b5; color: #fff; font-weight: 700; font-size: 16px;
  letter-spacing: -0.4px; padding: 14px 24px; border-radius: 10px; border: none; cursor: pointer;
  box-shadow: 0 20px 25px 0 rgba(0,165,181,0.2), 0 8px 10px 0 rgba(0,165,181,0.2);
  white-space: nowrap; flex-shrink: 0;
  transition: opacity 0.2s;
}
.recruit .btn-teal:hover { opacity: 0.9; }

/* ========== SECTION 2 - 얼마나 ========== */
.recruit .s2 { background: #101820; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .s2 .section-title h2 { color: #fff; }
.recruit .s2 .section-title p { color: #99a1af; }
.recruit .calc-layout { display: flex; gap: 24px; align-items: flex-start; }
.recruit .calc-left { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 24px; }
.recruit .calc-right { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 20px; }
.recruit .calc-box {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 24px; padding: 24px;
}
.recruit .calc-tabs { display: flex; gap: 8px; margin-bottom: 32px; }
.recruit .calc-tab {
  padding: 11px 22px; border-radius: 9999px; border: none; cursor: pointer;
  font-weight: 700; font-size: 14px; letter-spacing: -0.35px;
  transition: all 0.2s;
}
.recruit .calc-tab.active {
  background: #00a5b5; color: #fff;
  box-shadow: 0 10px 15px 0 rgba(0,165,181,0.3), 0 4px 6px 0 rgba(0,165,181,0.3);
}
.recruit .calc-tab.inactive {
  background: rgba(255,255,255,0.1); color: #99a1af;
  border: 1px solid rgba(255,255,255,0.1);
}
.recruit .calc-sliders { display: flex; flex-direction: column; gap: 32px; }
.recruit .slider-group { display: flex; flex-direction: column; gap: 10px; }
.recruit .slider-label-row { display: flex; justify-content: space-between; align-items: center; }
.recruit .slider-label-row .name { font-size: 14px; color: #fff; }
.recruit .slider-label-row .count { font-weight: 700; font-size: 16px; color: #00a5b5; }
.recruit .slider-label-row .count-unit { font-weight: 700; font-size: 14px; color: #00a5b5; }
.recruit .slider-track { position: relative; height: 10px; background: rgba(255,255,255,0.2); border-radius: 9999px; }
.recruit .slider-fill { position: absolute; left: 0; top: 0; height: 100%; background: #00a5b5; border-radius: 9999px; pointer-events: none; transition: width 0.05s; }
.recruit input[type=range] {
  -webkit-appearance: none; appearance: none;
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 100%; height: 20px; margin: 0; padding: 0;
  background: transparent; cursor: pointer; z-index: 2;
}
.recruit input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px; height: 20px; border-radius: 50%;
  background: #00a5b5; border: 2px solid #fff;
  box-shadow: 0 0 0 3px rgba(0,165,181,0.4), 0 2px 8px rgba(0,0,0,0.3);
  cursor: pointer;
}
.recruit input[type=range]::-moz-range-thumb {
  width: 20px; height: 20px; border-radius: 50%;
  background: #00a5b5; border: 2px solid #fff;
  box-shadow: 0 0 0 3px rgba(0,165,181,0.4), 0 2px 8px rgba(0,0,0,0.3);
  cursor: pointer;
}
.recruit input[type=range]::-webkit-slider-runnable-track { background: transparent; }
.recruit input[type=range]::-moz-range-track { background: transparent; }

.recruit .goal-box { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 24px; padding: 24px; }
.recruit .goal-row { display: flex; justify-content: space-between; font-weight: 700; font-size: 14px; letter-spacing: -0.35px; margin-bottom: 10px; }
.recruit .goal-row .lbl { color: #fff; }
.recruit .goal-row .pct { color: #00a5b5; }
.recruit .goal-bar { background: rgba(255,255,255,0.1); border-radius: 9999px; height: 12px; overflow: hidden; margin-bottom: 8px; }
.recruit .goal-fill { height: 100%; background: #0891b2; border-radius: 9999px; transition: width 0.3s; }
.recruit .goal-marks { display: flex; justify-content: space-between; }
.recruit .goal-marks span { font-weight: 700; font-size: 12px; color: #6a7282; letter-spacing: -0.3px; }

.recruit .earnings-result-card {
  background: #00a5b5; border-radius: 24px; padding: 24px;
  display: flex; flex-direction: column; gap: 30px; overflow: hidden; position: relative;
}
.recruit .result-top { display: flex; flex-direction: column; gap: 10px; }
.recruit .result-lbl { font-weight: 700; font-size: 14px; color: rgba(255,255,255,0.8); letter-spacing: -0.35px; text-transform: uppercase; }
.recruit .result-amount-row { display: flex; align-items: baseline; gap: 4px; }
.recruit .result-amount-row .num { font-weight: 700; font-size: 60px; color: #fff; letter-spacing: -1.5px; line-height: 1; }
.recruit .result-amount-row .unit { font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.6px; }
.recruit .result-badge { background: rgba(255,255,255,0.2); border-radius: 9999px; padding: 6px 14px; width: fit-content; }
.recruit .result-badge span { font-weight: 700; font-size: 14px; color: #fff; letter-spacing: -0.35px; }
.recruit .result-breakdown { display: flex; flex-direction: column; gap: 12px; }
.recruit .breakdown-item { display: flex; align-items: center; justify-content: space-between; height: 40px; }
.recruit .breakdown-item-left { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.recruit .breakdown-icon { width: 40px; height: 40px; background: rgba(255,255,255,0.5); border-radius: 14px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.recruit .breakdown-icon img { width: 20px; height: 20px; }
.recruit .breakdown-text .t { font-weight: 700; font-size: 14px; color: #fff; letter-spacing: -0.35px; }
.recruit .breakdown-text .s { font-weight: 700; font-size: 12px; color: #101820; letter-spacing: -0.3px; }
.recruit .breakdown-item .amount { font-weight: 700; font-size: 16px; color: #fff; letter-spacing: -0.4px; text-align: right; }
.recruit .breakdown-total { border-top: 1px solid #fff; padding: 11px 0 10px; display: flex; justify-content: space-between; }
.recruit .breakdown-total .lbl { font-weight: 700; font-size: 16px; color: #fff; letter-spacing: -0.4px; }
.recruit .breakdown-total .val { font-weight: 700; font-size: 18px; color: #fff; letter-spacing: -0.45px; }
.recruit .result-note { display: flex; flex-direction: column; gap: 2px; }
.recruit .result-note p { font-size: 12px; color: #99a1af; letter-spacing: -0.3px; }

/* commission table */
.recruit .commission-table {
  display: flex; border: 1px solid rgba(255,255,255,0.1);
}
.recruit .commission-col {
  flex: 1; padding: 24px; display: flex; flex-direction: column; gap: 20px;
  border-right: 1px solid rgba(255,255,255,0.1);
}
.recruit .commission-col:last-child { border-right: none; }
.recruit .commission-col-title { font-weight: 700; font-size: 18px; color: #fff; letter-spacing: -0.45px; line-height: 1.3; }
.recruit .commission-col-title span { display: block; color: #00a5b5; }
.recruit .commission-rates { display: flex; flex-direction: column; gap: 10px; }
.recruit .rate-item {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  padding: 16px; border-radius: 16px;
}
.recruit .rate-item.inactive { background: rgba(255,255,255,0.05); }
.recruit .rate-item.active { background: rgba(0,165,181,0.15); border: 1px solid rgba(0,165,181,0.3); }
.recruit .rate-item .label { font-weight: 700; font-size: 14px; color: #fff; letter-spacing: -0.35px; }
.recruit .rate-item.active .label { color: #00a5b5; }
.recruit .rate-item .pct { font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.6px; }
.recruit .rate-item.active .pct { font-size: 30px; color: #00a5b5; letter-spacing: -0.75px; }
.recruit .commission-note { font-size: 12px; color: #99a1af; letter-spacing: -0.3px; line-height: 1.4; }

/* ========== SECTION 3 - 어떤 일 ========== */
.recruit .s3 { background: #c3eff3; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .job-grid { display: flex; flex-wrap: wrap; gap: 24px; }
.recruit .job-card {
  width: calc(100% / 2 - 12px); height: 300px; border-radius: 20px; overflow: hidden;
  position: relative; flex-shrink: 0;
}
.recruit .job-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.recruit .job-card-overlay {
  position: absolute; inset: 0;
  background: rgba(16,24,32,0.6);
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: 24px; gap: 14px;
}
.recruit .job-card-text { display: flex; flex-direction: column; gap: 10px; }
.recruit .job-card-text h3 { font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.6px; }
.recruit .job-card-text p { font-size: 16px; color: #fff; letter-spacing: -0.4px; line-height: 1.5; }
.recruit .job-tags { display: flex; flex-wrap: wrap; gap: 10px; }
.recruit .job-tag {
  background: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.8);
  border-radius: 4px; padding: 5px 10px; display: flex;
}
.recruit .job-tag span { font-size: 12px; color: #101820; letter-spacing: -0.3px; }

/* ========== SECTION 4 - 내 방식대로 ========== */
.recruit .s4 { background: #fff; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .method-grid { display: flex; flex-wrap: wrap; gap: 24px; }
.recruit .method-card {
  flex: 1; min-width: 260px;
  background: #fff; border: 1px solid #00a5b5; border-radius: 20px;
  overflow: hidden; display: flex; flex-direction: column;
}
.recruit .method-card-top {
  flex: 1; padding: 24px 20px;
  display: flex; flex-direction: column; gap: 14px; align-items: center; justify-content: center;
}
.recruit .method-circle-img {
  width: 200px; height: 200px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
}
.recruit .method-circle-img img { width: 100%; height: 100%; object-fit: cover; }
.recruit .method-card-top h3 { font-weight: 700; font-size: 24px; color: #00a5b5; letter-spacing: -0.6px; text-align: center; }
.recruit .method-card-top p { font-size: 16px; color: #00a5b5; letter-spacing: -0.4px; text-align: center; line-height: 1.5; }
.recruit .method-card-bottom {
  background: #00a5b5; padding: 20px;
  display: flex; align-items: center; justify-content: center;
}
.recruit .method-card-bottom p { font-weight: 700; font-size: 20px; color: #fff; letter-spacing: -1.1px; text-align: center; }

/* ========== SECTION 5 - 구했어와 함께 ========== */
.recruit .s5 { background: #ff6817; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .s5 .section-title h2 { color: #fff; }
.recruit .s5 .section-title p { color: #f9fafb; }
.recruit .future-grid {
  display: flex; flex-wrap: wrap; width: 100%;
}
.recruit .future-col {
  flex: 1; min-width: 220px;
  padding: 24px; display: flex; flex-direction: column; align-items: center;
  border-right: 1px solid #fff; min-height: 373px;
}
.recruit .future-col:last-child { border-right: none; }
.recruit .future-icon-wrap { display: flex; flex-direction: column; align-items: center; position: relative; margin-bottom: 4px; }
.recruit .future-label-badge {
  background: #fff; border-radius: 10px; padding: 4px 10px; position: relative; z-index: 1;
}
.recruit .future-label-badge span { font-weight: 700; font-size: 14px; color: #00a5b5; }
.recruit .future-label-badge::after {
  content: ''; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 6px solid transparent; border-right: 6px solid transparent;
  border-top: 8px solid #fff;
}
.recruit .future-icon-img { width: 200px; height: 200px; object-fit: contain; }
.recruit .future-text { display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center; }
.recruit .future-text h3 { font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.6px; }
.recruit .future-text p { font-size: 16px; color: #fff; letter-spacing: -0.4px; line-height: 1.5; }

/* ========== SECTION 6 - 4단계 ========== */
.recruit .s6 { background: #c3eff3; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .s6 .section-title h2 { color: #00a5b5; }
.recruit .steps-list { display: flex; flex-direction: column; gap: 24px; }
.recruit .step-item {
  background: #00a5b5; border-radius: 20px; padding: 24px;
  display: flex; align-items: center; gap: 20px; overflow: hidden;
}
.recruit .step-num {
  width: 60px; height: 60px; flex-shrink: 0;
  border: 1px solid #fff; border-radius: 9999px;
  display: flex; align-items: center; justify-content: center;
}
.recruit .step-num span { font-weight: 700; font-size: 30px; color: #fff; letter-spacing: -0.75px; }
.recruit .step-text { display: flex; flex-direction: column; gap: 10px; }
.recruit .step-text h3 { font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.6px; }
.recruit .step-text p { font-size: 16px; color: #fff; letter-spacing: -0.4px; line-height: 1.5; }

/* ========== SECTION 7 - 지원 ========== */
.recruit .s7 { background: #101820; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .s7 .section-title h2 { color: #fff; }
.recruit .s7 .section-title p { color: #99a1af; }
.recruit .apply-form-box {
  background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 24px; padding: 24px;
  display: flex; flex-direction: column; gap: 24px;
}
.recruit .apply-section-label { font-weight: 700; font-size: 16px; color: #99a1af; letter-spacing: -0.4px; margin-bottom: 4px; }
.recruit .apply-tabs { display: flex; gap: 10px; flex-wrap: wrap; }
.recruit .apply-tab {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 22px; border-radius: 10px; cursor: pointer; border: none;
  font-weight: 700; font-size: 16px; letter-spacing: -0.4px;
  transition: all 0.2s;
}
.recruit .apply-tab.active { background: #fff; color: #00a5b5; }
.recruit .apply-tab.inactive { background: rgba(255,255,255,0.1); color: #99a1af; border: 1px solid rgba(255,255,255,0.1); }
.recruit .apply-tab img { width: 24px; height: 24px; }
.recruit .form-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.recruit .form-field { display: flex; flex-direction: column; gap: 4px; width: calc(100% / 4 - 15px); }
.recruit .form-field.wide { width: 100%; }
.recruit .form-field label { font-weight: 700; font-size: 16px; color: #99a1af; letter-spacing: -0.4px; }
.recruit .form-field input, .recruit .form-field textarea {
  background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px; padding: 11px 18px;
  font-size: 16px; color: #fff; letter-spacing: -0.4px;
  transition: border-color 0.2s;
  resize: none;
}
.recruit .form-field input::placeholder, .recruit .form-field textarea::placeholder { color: #99a1af; }
.recruit .form-field input:focus, .recruit .form-field textarea:focus { border-color: #00a5b5; }
.recruit .form-field textarea { height: 200px; }
.recruit .form-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.recruit .btn-submit {
  background: #00a5b5; color: #fff; font-weight: 700; font-size: 16px;
  letter-spacing: -0.4px; padding: 14px 24px; border-radius: 16px; border: none; cursor: pointer;
  box-shadow: 0 20px 25px 0 rgba(0,165,181,0.2), 0 8px 10px 0 rgba(0,165,181,0.2);
  white-space: nowrap; transition: opacity 0.2s;
}
.recruit .btn-submit:hover { opacity: 0.9; }
.recruit .form-note { font-size: 14px; color: #99a1af; letter-spacing: -0.35px; line-height: 1.5; }

.recruit .section_07 {background: #F9FAFB;}
.recruit .section_07 .width_con {position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0;}
.recruit .section_07 .width_con .v_con {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 56px 0 0 0;}
.recruit .section_07 .width_con .v_con li {width: calc(100% / 2 - 15px); margin: 0 0 30px 0; padding: 20px 24px; border-radius: 14px; background: #fff; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.10);}
.recruit .section_07 .width_con .v_con li .tit {display: flex; align-items: center;}
.recruit .section_07 .width_con .v_con li .tit img {margin: 0 10px 0 0;}
.recruit .section_07 .width_con .v_con li .tit h6 {font-size: clamp(16px, 1.28vw, 24px);}
.recruit .section_07 .width_con .v_con li p {font-size: clamp(14px, 0.96vw, 18px); margin: 10px 0 0 0; color: #334154;}
.recruit .section_07 .width_con .v_con li p span {font-size: clamp(14px, 0.853vw, 16px); color: #475567;}
.recruit .section_07 .width_con .btn_con {display: flex; justify-content: center; align-items: center; margin: 42px 0 0 0;}
.recruit .section_07 .width_con .btn_con a.btns {padding: 10px 30px; border-radius: 8px; border: 1px solid #00A8B8; font-size: clamp(16px, 1.06vw, 20px); font-weight: 700;}
.recruit .section_07 .width_con .btn_con a.btns.btn_01 {background: #00A8B8; color: #fff; margin: 0 10px 0 0;}
.recruit .section_07 .width_con .btn_con a.btns.btn_02 {background: #fff; color: #00A8B8;}

/* ========== SECTION 8 - FAQ ========== */
.recruit .s8 { background: #fff; padding: 100px 360px; display: flex; flex-direction: column; gap: 50px; }
.recruit .faq-list { display: flex; flex-direction: column; }
.recruit .faq-item { border-bottom: 1px solid #101820; overflow: hidden; }
.recruit .faq-q {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 0; cursor: pointer; gap: 20px;
}
.recruit .faq-q-text { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 24px; color: #101820; letter-spacing: -0.6px; }
.recruit .faq-arrow {
  flex-shrink: 0; width: 20px; height: 20px;
  transition: transform 0.3s;
  transform: rotate(90deg) scaleY(-1);
}
.recruit .faq-arrow img { width: 20px; height: 20px; }
.recruit .faq-item.open .faq-arrow { transform: rotate(90deg) scaleY(1); }
.recruit .faq-a {
  max-height: 0; overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s;
}
.recruit .faq-item.open .faq-a { max-height: 200px; padding-bottom: 20px; }
.recruit .faq-a p { font-size: 16px; color: #101820; letter-spacing: -0.4px; line-height: 1.6; }

/* ========== RECRUIT FIGMA REDESIGN ========== */
.recruit .legacy-recruit-section { display: none !important; }
.recruit .recruit-figma-inner { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.recruit .recruit-figma-heading { display: flex; flex-direction: column; gap: 20px; }
.recruit .recruit-figma-heading h2 { margin: 0; color: #101820; font-size: 50px; font-weight: 700; letter-spacing: -1.25px; line-height: 1.2; }
.recruit .recruit-figma-heading p { margin: 0; color: #6a7282; font-size: 16px; letter-spacing: -0.4px; line-height: 1.5; }

.recruit .recruit-figma-hero { display: flex; min-height: 1000px; padding: 100px 0; background: #fff; }
.recruit .recruit-figma-hero .recruit-figma-inner { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 80px; }
.recruit .recruit-hero-copy { display: flex; flex-direction: column; align-items: center; gap: 30px; text-align: center; }
.recruit .recruit-hero-badges { display: flex; gap: 14px; margin: 0; padding: 0; list-style: none; }
.recruit .recruit-hero-badges li { display: flex; align-items: center; gap: 8px; padding: 10px 17px; border: 1px solid #00a5b5; border-radius: 999px; color: #00a5b5; white-space: nowrap; }
.recruit .recruit-hero-badges img { width: 16px; height: 16px; object-fit: contain; }
.recruit .recruit-hero-badges strong,
.recruit .recruit-hero-badges span { font-size: 16px; letter-spacing: -0.4px; }
.recruit .recruit-hero-badges strong { font-weight: 700; }
.recruit .recruit-hero-badges span { font-weight: 400; }
.recruit .recruit-hero-copy h1 { margin: 0; color: #101820; font-size: 60px; font-weight: 800; letter-spacing: -1.5px; line-height: 1.2; }
.recruit .recruit-hero-copy h1 em { color: #00a5b5; font-style: normal; }
.recruit .recruit-hero-copy > p { margin: 0; color: #101820; font-size: 30px; font-weight: 700; letter-spacing: -0.75px; }
.recruit .recruit-hero-mosaic { position: relative; width: 800px; max-width: 100%; height: 338px; }
.recruit .recruit-hero-mosaic img { position: absolute; width: 80px; height: 60px; border-radius: 3px; object-fit: cover; box-shadow: 0 3px 10px rgba(16, 24, 32, 0.08); }
.recruit .recruit-hero-mosaic img:nth-child(1), .recruit .recruit-hero-mosaic img:nth-child(2), .recruit .recruit-hero-mosaic img:nth-child(4), .recruit .recruit-hero-mosaic img:nth-child(11), .recruit .recruit-hero-mosaic img:nth-child(12), .recruit .recruit-hero-mosaic img:nth-child(13), .recruit .recruit-hero-mosaic img:nth-child(14), .recruit .recruit-hero-mosaic img:nth-child(15), .recruit .recruit-hero-mosaic img:nth-child(16), .recruit .recruit-hero-mosaic img:nth-child(17), .recruit .recruit-hero-mosaic img:nth-child(18), .recruit .recruit-hero-mosaic img:nth-child(19) { height: 108px; }
.recruit .recruit-hero-mosaic img:nth-child(1) { left: 450px; top: 184px; }
.recruit .recruit-hero-mosaic img:nth-child(2) { left: 270px; top: 184px; }
.recruit .recruit-hero-mosaic img:nth-child(3) { left: 180px; top: 188px; }
.recruit .recruit-hero-mosaic img:nth-child(4) { left: 360px; top: 230px; }
.recruit .recruit-hero-mosaic img:nth-child(5) { left: 270px; top: 116px; }
.recruit .recruit-hero-mosaic img:nth-child(6) { left: 450px; top: 116px; }
.recruit .recruit-hero-mosaic img:nth-child(7) { left: 540px; top: 202px; }
.recruit .recruit-hero-mosaic img:nth-child(8) { left: 360px; top: 162px; }
.recruit .recruit-hero-mosaic img:nth-child(9) { left: 630px; top: 134px; }
.recruit .recruit-hero-mosaic img:nth-child(10) { left: 90px; top: 30px; }
.recruit .recruit-hero-mosaic img:nth-child(11) { left: 180px; top: 72px; }
.recruit .recruit-hero-mosaic img:nth-child(12) { left: 90px; top: 98px; }
.recruit .recruit-hero-mosaic img:nth-child(13) { left: 630px; top: 18px; }
.recruit .recruit-hero-mosaic img:nth-child(14) { left: 0; top: 0; }
.recruit .recruit-hero-mosaic img:nth-child(15) { right: 0; top: 0; }
.recruit .recruit-hero-mosaic img:nth-child(16) { left: 360px; top: 46px; }
.recruit .recruit-hero-mosaic img:nth-child(17) { left: 270px; top: 0; }
.recruit .recruit-hero-mosaic img:nth-child(18) { left: 540px; top: 86px; }
.recruit .recruit-hero-mosaic img:nth-child(19) { left: 450px; top: 0; }

.recruit .recruit-structure { padding: 100px 0; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1)), url('/img/recruit/figma-20260826/structure-bg.png') center / cover no-repeat; }
.recruit .recruit-structure .recruit-figma-inner { display: flex; flex-direction: column; gap: 56px; }
.recruit .recruit-structure-heading { display: flex; flex-direction: column; gap: 16px; }
.recruit .recruit-structure-heading h2 { margin: 0; font-size: 40px; font-weight: 800; letter-spacing: -1px; line-height: 1.2; }
.recruit .recruit-structure-heading p { margin: 0; color: rgba(255, 255, 255, 0.66); font-size: 18px; letter-spacing: -0.45px; }
.recruit .recruit-structure-list { border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.recruit .recruit-structure-item { display: grid; grid-template-columns: 60px 200px minmax(0, 1fr); gap: 20px; padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, 0.16); }
.recruit .recruit-structure-item > b { color: #e5fcff; font-size: 32px; font-weight: 700; letter-spacing: -0.8px; line-height: 1.2; }
.recruit .recruit-structure-title { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.recruit .recruit-structure-title h3 { margin: 0; color: #fff; font-size: 24px; font-weight: 700; letter-spacing: -0.6px; line-height: 1.25; }
.recruit .recruit-structure-title p { display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 16px; border: 1px solid #00a5b5; border-radius: 4px; background: #e5fcff; color: #00a5b5; }
.recruit .recruit-structure-title p span { font-size: 14px; font-weight: 700; letter-spacing: -0.35px; opacity: 0.8; }
.recruit .recruit-structure-title p strong { font-size: 24px; letter-spacing: -0.6px; }
.recruit .recruit-structure-item ul { display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 0; list-style: none; }
.recruit .recruit-structure-item li { position: relative; display: flex; flex-direction: column; gap: 4px; padding-left: 18px; }
.recruit .recruit-structure-item li::before { position: absolute; top: 9px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #00A8B8; content: ''; }
.recruit .recruit-structure-item li strong { font-size: 18px; letter-spacing: -0.45px; }
.recruit .recruit-structure-item li span { color: rgba(255, 255, 255, 0.6); font-size: 15px; letter-spacing: -0.375px; line-height: 1.5; }

.recruit .recruit-qualification { padding: 100px 0; background: #fff; }
.recruit .recruit-qualification .recruit-figma-inner { display: flex; flex-direction: column; gap: 50px; }
.recruit .recruit-qualification-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.recruit .recruit-qualification-card { overflow: hidden; padding: 24px 14px; border: 1px solid #e0e0e0; border-radius: 14px; background: #fff; }
.recruit .recruit-qualification-card > img { display: block; width: 100%; height: 250px; border-radius: 8px; object-fit: cover; }
.recruit .recruit-qualification-card > div { display: flex; flex-direction: column; gap: 10px; padding-top: 14px; }
.recruit .recruit-qualification-card h3 { margin: 0; color: #101820; font-size: 24px; font-weight: 700; letter-spacing: -0.6px; }
.recruit .recruit-qualification-card p { margin: 0; color: #555; font-size: 16px; letter-spacing: -0.4px; line-height: 1.5; }
.recruit .recruit-career-note { display: flex; align-items: center; gap: 16px; margin: 0; padding: 24px; border-radius: 8px; background: #E0F6F8; color: #00A8B8; font-size: 16px; letter-spacing: -0.4px; line-height: 1.5; border: 1.5px solid #00A8B8;}
.recruit .recruit-career-note strong { flex: none; padding: 6px 12px; border-radius: 5px; background: #fff; color: #00A8B8; font-size: 14px; }

.recruit .recruit-work { padding: 100px 0; background: #c3eff3; }
.recruit .recruit-work .recruit-figma-inner { display: flex; flex-direction: column; gap: 50px; }
.recruit .recruit-work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.recruit .recruit-work-card { position: relative; overflow: hidden; min-height: 300px; border-radius: 8px; background: #101820; }
.recruit .recruit-work-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.recruit .recruit-work-card::after { position: absolute; inset: 0; background: rgba(16, 24, 32, 0.6); content: ''; }
.recruit .recruit-work-card-content { position: relative; z-index: 1; display: flex; height: 100%; min-height: 300px; flex-direction: column; justify-content: flex-end; gap: 14px; padding: 24px; color: #fff; }
.recruit .recruit-work-card-content > div { display: flex; flex-direction: column; gap: 10px; }
.recruit .recruit-work-card h3 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -0.6px; }
.recruit .recruit-work-card p { margin: 0; font-size: 16px; letter-spacing: -0.4px; line-height: 1.5; }
.recruit .recruit-work-card ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.recruit .recruit-work-card li { padding: 5px 10px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 4px; background: rgba(255, 255, 255, 0.8); color: #101820; font-size: 12px; letter-spacing: -0.3px; }

.recruit .recruit-benefit { padding: 100px 0; color: #fff; background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/img/recruit/figma-20260826/benefit-bg.png') center / cover no-repeat; }
.recruit .recruit-benefit .recruit-figma-inner { display: grid; grid-template-columns: minmax(320px, 0.8fr) minmax(0, 1.2fr); gap: 50px; align-items: start; }
.recruit .recruit-benefit-copy { display: flex; flex-direction: column; align-items: flex-start; }
.recruit .recruit-benefit-copy h2 { margin: 0 0 16px; font-size: 50px; font-weight: 800; letter-spacing: -1.25px; line-height: 1.2; }
.recruit .recruit-benefit-copy > p { margin: 0 0 40px; color: rgba(255, 255, 255, 0.8); font-size: 20px; letter-spacing: -0.5px; line-height: 1.5; }
.recruit .recruit-benefit-copy > strong { color: #91f4ff; font-size: 100px; font-weight: 800; letter-spacing: -2.5px; line-height: 1; }
.recruit .recruit-benefit-copy > b { margin-top: 8px; font-size: 20px; letter-spacing: -0.5px; }
.recruit .recruit-benefit-copy > small { margin-top: 8px; color: rgba(255, 255, 255, 0.6); font-size: 12px; letter-spacing: -0.3px; }
.recruit .recruit-benefit-card { padding: 30px; border-radius: 14px; background: #fff; color: #101820; }
.recruit .recruit-benefit-card header { display: flex; flex-direction: column; gap: 4px; }
.recruit .recruit-benefit-card h3 { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -0.5px; }
.recruit .recruit-benefit-card header p { margin: 0; color: #555; font-size: 14px; letter-spacing: -0.35px; }
.recruit .recruit-benefit-card ol { margin: 20px 0 0; padding: 0; list-style: none; }
.recruit .recruit-benefit-card li { display: flex; align-items: center; gap: 16px; padding: 16px 0; border-top: 1px solid #e0e0e0; }
.recruit .recruit-benefit-card li:first-child { border-top: 0; }
.recruit .recruit-benefit-card li > b { color: #007f8c; font-size: 30px; letter-spacing: -0.75px; font-weight: 700;}
.recruit .recruit-benefit-card li div { display: flex; flex-direction: column; gap: 2px; }
.recruit .recruit-benefit-card li strong { font-size: 20px; letter-spacing: -0.5px; }
.recruit .recruit-benefit-card li p { margin: 0; color: #555; font-size: 16px; letter-spacing: -0.4px; }

.recruit .recruit-process { padding: 100px 0; background: #c3eff3; }
.recruit .recruit-process .recruit-figma-inner { display: flex; flex-direction: column; gap: 50px; }
.recruit .recruit-process-list { display: flex; flex-direction: column; gap: 24px; margin: 0; padding: 0; list-style: none; }
.recruit .recruit-process-list li { display: flex; align-items: center; gap: 20px; padding: 24px; border-radius: 20px; background: #00a5b5; color: #fff; }
.recruit .recruit-process-list li > b { display: flex; width: 60px; height: 60px; flex: none; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; font-size: 30px; }
.recruit .recruit-process-list li div { display: flex; flex-direction: column; gap: 10px; }
.recruit .recruit-process-list h3 { margin: 0; font-size: 24px; font-weight: 700; letter-spacing: -0.6px; }
.recruit .recruit-process-list p { margin: 0; font-size: 16px; letter-spacing: -0.4px; line-height: 1.5; }

.recruit .recruit-support { padding: 100px 0; background: #fff; }
.recruit .recruit-support .recruit-figma-inner { display: flex; flex-direction: column; gap: 50px; }
.recruit .recruit-support-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.recruit .recruit-support-grid article { display: flex; flex-direction: column; gap: 10px; min-height: 126px; padding: 20px; border: 1px solid #e0e0e0; border-radius: 12px; }
.recruit .recruit-support-grid img { width: 24px; height: 24px; object-fit: contain; }
.recruit .recruit-support-grid h3 { margin: 0; color: #101820; font-size: 20px; font-weight: 700; letter-spacing: -0.5px; }
.recruit .recruit-support-grid p { margin: 0; color: #555; font-size: 15px; letter-spacing: -0.375px; line-height: 1.5; }
.recruit .recruit-support-cta { display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 50px; border-top: 1px solid #e0e0e0; text-align: center; }
.recruit .recruit-support-cta h3 { margin: 0; color: #101820; font-size: 32px; font-weight: 800; letter-spacing: -0.8px; line-height: 1.2; }
.recruit .recruit-support-cta h3 em { color: #007f8c; font-style: normal; }
.recruit .recruit-support-cta > p { margin: 0 0 22px; color: #555; font-size: 16px; letter-spacing: -0.4px; }
.recruit .recruit-support-cta > div { display: flex; gap: 12px; }
.recruit .recruit-support-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 51px; padding: 14px 28px; border: 1px solid #00a5b5; border-radius: 30px; color: #00a5b5; font-size: 16px; font-weight: 700; letter-spacing: -0.4px; }
.recruit .recruit-support-cta a:first-child { background: #00a5b5; color: #fff; }