@charset "utf-8";

/* form */
.sub-form .form-area + .sub-tit {
    margin-top: 2.81em;
}
.sub-form .form-area { 
    background-color: #f7f7f7; 
    padding: 2.19em 0;
} 
.sub-form .form-area dl + dl { 
    margin-top: 2.5em;
}
.sub-form .form-area dt { 
    font-size: 3rem; 
    color: #383838; 
    font-weight: 500;
} 
.sub-form .form-area dd { 
    margin-top: 1.56em;
} 
.sub-form .form-area .req { 
    width: 0.6rem; 
    height: 0.6rem; 
    border-radius: 50%; 
    background: #f6a800; 
    vertical-align: text-top;
}
.sub-form .form-sec-title {
    font-size: 3.6rem;
    font-weight: 500;
    color: #383838;
}
.sub-form .form-sec-title + dl {
    margin-top: 1.88em;
}
.sub-form .check-list {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
}
.sub-form .check-list.type-full {
    display: block;
}
.sub-form .check-list.type-half li {
    width: 50%;
}
.sub-form .check-list.type-half li.full {
    width: 100%;
}
.sub-form .check-list.type-radio li {
    margin-right: 1.56em;
    margin-bottom: 0;
}
.sub-form .check-list li.etc .form-group {
    margin-top: 1.56em;
}
.sub-form .check-list li {
    margin-bottom: 3rem;
}
.sub-form .check-area {
    margin-top: 4.5rem;
}
.ui-datepicker {
    font-size: 2.7rem !important;
}

/* 개인정보처리방침 */
.privacy-popup {
    display: none;
    position: fixed;
    top: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    max-width: 720px;
}
.privacy-popup .dim {
    background: rgba(0,0,0,0.8);    
    position: absolute;    
    top: 0;    
    left: 0;    
    width: 100%;    
    height: 100%;    
    z-index: -1;
}
.privacy-popup .close-btn-wrap {
    text-align: center;
    margin-top: 3.75em;
}
.privacy-popup .privacy-close-btn {
    width: 3.75em;
    height: 3.75em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.privacy-cont {
    padding: 1.88em 0;
    letter-spacing: -0.03em;
}
.privacy-cont dl:nth-child(n+2) {
    margin-top: 2.50em;
}
.privacy-cont dt {
    font-size: 2.7rem;
    color: #383838;
    font-weight: 500;
}
.privacy-cont dd {
    font-size: 2.1rem;
    color: #666;
    margin-top: 0.71em;
}

/* board - view style 01 */
.view-cont-type01 {
    padding: 1.88em 0;
    letter-spacing: -0.03em;
}
.view-cont-type01 dl:nth-child(n+2) {
    margin-top: 2.50em;
}
.view-cont-type01 dt {
    font-size: 3rem;
    color: #383838;
    font-weight: 500;
}
.view-cont-type01 dd {
    font-size: 2.1rem;
    color: #666;
    margin-top: 0.71em;
}

/* 중견련 행사 list */
.event-top-select {margin-bottom: 3.5rem;}
.event-top-select .inner {display: flex;}
.event-top-select .btn-year {position:relative; width:100%; display: inline-flex; align-items: center; justify-content: space-between; line-height: 1;}
.event-top-select .btn-year::after { display:inline-block; content:''; width:1.13em; height:0.56em; margin:0 0.63em; background:url(/app/images/ico-select-arrow.png) no-repeat center/contain; transition:0.4s ease; -webkit-transition:0.4s ease; -moz-transition:0.4s ease; -ms-transition:0.4s ease; -o-transition:0.4s ease; }
.event-top-select .btn-year.active::after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
.event-top-select .btn-year strong {font-size: 2.7rem; font-weight:600; color: #fa9200;}
.event-top-select .year-area {position: relative; font-size: 2.7rem; flex-shrink:0; width:4.07em; display:flex; align-items:center; justify-content:space-between;}
.event-top-select .year-area ul {display:none; background-color:#fff; border:1px solid #ddd; padding:0.37em 0; position:absolute; top:100%; margin-top:0.37em; width:100%; z-index:2; background-color:#fff;}
.event-top-select .year-area ul li a { display:flex; align-items:center; width:100%; height:2.5em; padding:0 1em; font-size:2rem; transition:0.2s; -webkit-transition:0.2s; -moz-transition:0.2s; -ms-transition:0.2s; -o-transition:0.2s; }
.event-top-select .year-area ul li a:hover {background-color:#f5f5f7;}
.event-top-select .month-area {position: relative; padding-left: 3.13em; padding-right: 5%; width: calc(100% - 6.88em + 10%);}
.event-top-select .month-area::after {display: inline-block; content:""; width: 1px; height: 1.69em; background-color: #ddd; margin: 0 1.56em; position: absolute; left:0; top: 50%; transform: translateY(-50%);}

.month-swiper .swiper-slide {width: auto;}
.month-swiper a {font-size: 2.7rem; color: #aaa; font-weight: 600; margin: 0 0.74em;}
.month-swiper a.active {color: #fa9200; font-weight: 600; border-color: #fa9200;}



/* 중견련 지원사업 list */
.sub-tit + .top-category-wrap {margin-top: 0;}
.top-category-wrap {margin-bottom: 3.13em; margin-top: 2.5em;}
.category-swiper .swiper-slide {width: auto;}
.category-swiper .swiper-slide:first-child {margin-left: 5%;}
.category-swiper .swiper-slide:last-child {margin-right: 5%;}
.category-swiper a {display: inline-flex; align-items: center; justify-content: center; font-size: 2.7rem; letter-spacing: -0.03em; border: 0.3rem solid #ddd; padding: 0 1.11em; min-width: 5.56em; height: 2.56em; border-radius: 1.3em;}
.category-swiper a.active {color: #fa9200; font-weight: 600; border-color: #fa9200;}


/* 중견기업 홍보지원 서비스 */
.sub-promotion .list {
    margin-top: 1.88em;
}
.sub-promotion .list > li {
    display: flex;
    align-items: center;
}
.sub-promotion .list > li:nth-child(n+2) {
    margin-top: 2.5em;
}
.sub-promotion .list > li .img-box {
    width: 13.13em;
    border-radius: 1.25em;
    overflow: hidden;
}
.sub-promotion .list > li .text-box {
    width: calc(100% - 13.13em - 2.5em);
    margin-left: 2.5em;
    letter-spacing: -0.03em;
}
.sub-promotion .list > li .text-box dt {
    font-size: 2.7rem;
    font-weight: 500;
    color: #383838;
}
.sub-promotion .list > li .text-box dd {
    font-size: 1.8rem;
    margin-top: 0.83em;
    line-height: 1.66;
}
.sub-promotion .list > li .text-box dd ol li:nth-child(n+2) {
    margin-top: 1rem;
}
.sub-promotion .list > li .text-box dd ol li .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 300;
    border-radius: 50%;
    border: 0.1rem solid #666;
    margin-right: 1rem;
    width: 1.5em;
    height: 1.5em;
}
.sub-promotion .list.type-img > li .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    vertical-align: middle;
}
.sub-promotion .list.type-icon > li .img-box {
    border-radius: 50%;
    width: 10.13em;
    height: 10.13em;
    border: 1px solid #fba020;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sub-promotion .list.type-icon > li .img-box  .ico {
    width: 4.13em;
    height: 4.69em;
    display: inline-block;
}
.sub-promotion .table-wrap {
    margin-top: 2.5rem;
}
.sub-promotion .table-wrap .bottom-text {
    text-align: right;
    margin-top: 0.94em;
}
.sub-promotion table {
    border: 1px solid #ddd;
    font-size: 1.8rem;
    letter-spacing: -0.03em;
    width: 100%;
}
.sub-promotion table tr:not(:first-child) th,
.sub-promotion table tr:not(:first-child) {
    border-top: 1px solid #ddd;
}
.sub-promotion table th,
.sub-promotion table td {
    text-align: center;
    padding: 1.5rem;
}
.sub-promotion table th {
    border-right: 1px solid #ddd;
}
.sub-promotion table td {
    background-color: #f7f7f7;
}
.sub-promotion .bottom-note {
    font-size: 1.8rem;
    margin-top: 2.22em;
}
.sub-promotion .bottom-note p:nth-child(n+2) {
    margin-top: 1rem;
}
.promotion-sec02 .cont {
    margin-top: 2.5em;
}
.promotion-sec02 .cont h4 {
    font-size: 2.7rem;
    color: #383838;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-top: 7rem;
}
.promotion-sec05 .gray-info {
    margin-top: 0;
}
.promotion-sec05 .bottom-btn-area {
    padding-top: 3.5rem;
}


/* 중견기업 무역·통상 지원 센터 */
.sub-trade .process {
    border: 1px solid #ddd;
    margin-top: 1.2em;
}
.sub-trade .process .row {
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.sub-trade .process .row:last-child {
    border-bottom: none;
}
.sub-trade .process .icon-box {
    width: 9.38em;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.sub-trade .process .icon-box::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 5.63em;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.sub-trade .process .icon01 {
    width: 4.13em;
    height: 4.06em;
}
.sub-trade .process .icon02 {
    width: 3.88em;
    height: 4.06em;
}
.sub-trade .process .icon03 {
    width: 3.13em;
    height: 4.13em;
}
.sub-trade .process .icon04 {
    width: 3.63em;
    height: 4.13em;
}
.sub-trade .process .text-box {
    letter-spacing: -0.03em;
    padding: 2.55em 1.56em 2.2em 1.56em;
    width: calc(100% - 9.38em);
    position: relative;
}
.sub-trade .process .text-box::after {
    display: block;
    content:'';
    background: url(/app/images/trade-process-arrow.png) no-repeat center/contain;
    width: 1.94em;
    height: 1.31em;
    position: absolute;
    top: 100%;
    left: 32%;
}
.sub-trade .process .text-box .title {
    font-size: 2.4rem;
    color: #fa9200;
    font-weight: 600;
}
.sub-trade .process .text-box .desc {
    font-size: 1.8rem;
    color: #666;
    margin-top: 0.56em;
}
.sub-trade .process .row:last-child .text-box::after {
    display: none;
}


/* 애로접수 국가 선택 */
.sub-country-select .search-form {position:relative; font-size: 2.4rem;}
.sub-country-select .search-form input{height:3.75em;padding: 0 2.08em 0 0.83em;font-size:2.4rem;width: 100%;}
.sub-country-select .search-form input::placeholder{color:rgba(34,34,34,0.5);}
.sub-country-select .search-form .ico-search{position:absolute;width:3.75em;height: calc(100% - 8px);text-align:center;right: 3px;top: 4px;background:#fff;border:0; display: inline-flex; align-items: center; justify-content: center;}
.sub-country-select .search-form .ico-search i{vertical-align:middle; font-size:4.5rem; color: #373935;}



/* 중견기업 안내 - 중견기업 정의 */
.sub-enterprise .tab-menu-wrap {
    border-bottom: 1px solid #dedede;
}
.sub-enterprise .tab-menu {
    display: flex;
    flex-wrap: wrap;
}
.sub-enterprise .tab-menu  li {
        margin-right: 3.13em;
}
.sub-enterprise .tab-menu  li a {
    display: inline-block;
    font-size: 2.7rem;
    letter-spacing: -0.03em;
    padding-bottom: 1.11em;
    position: relative;
    cursor: pointer;
}
.sub-enterprise .tab-menu  li a.active {
    font-weight: 600;
    color: #fa9200;
}
.sub-enterprise .tab-menu  li a.active::after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.22em;
    background-color: #fa9200;
}
.sub-enterprise .tab-cont {
    padding-top: 3.75em;
}
.sub-enterprise .tab-cont:not(.active) {
    display: none;
}
.sub-enterprise .img-area {
    margin-bottom: 3.75em;
}
.sub-enterprise .img-box.type-border {
    margin-top: 2.19em;
}
.sub-enterprise .bottom-note {
    margin: 1.39em 0;
    display: flex;
    line-height: 1.666;
    font-size: 1.8rem;
}
.sub-enterprise .bottom-note::before {
    content: "*";
    flex-shrink: 0;
    margin-right: 0.28em;
}
.sub-enterprise .sec-title {
    align-items: flex-start;
}
.sub-enterprise .sec-title .number {
    font-size: 2.4rem;
    font-weight: 500;
    width: 1.75em;
    height: 1.75em;
    margin-right: 0.83em;
}
.sub-enterprise .sec-title h3 {
    line-height: 1.3;
}
.sub-enterprise .sec-title + .sub-section {
    margin-top: 2.81em;
}
.sub-enterprise .sec-title + .order-list {
    margin-top: 2.19em;
}
.sub-enterprise .link-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2.81em 2.19em;
    background-color: #f7f7f7;
    min-height: 9.38em;
}
.sub-enterprise .link-box + .link-box {
    margin-top: 20px;
}
.sub-enterprise .link-box .text {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.375em;
    color: #383838;
}
.sub-enterprise .link-box .arrow {
    font-size: 3rem;
    color: #383838;
}
.sub-enterprise .link-box .arrow i {
    vertical-align: middle;
}
.sub-enterprise .gray-info {
    padding: 1.88em;
    margin-top: 0;
    margin-bottom: 1em;
}
.sub-enterprise .gray-info .title {
    font-size: 2.1rem;
    margin-bottom: 0.95em;
}
.sub-enterprise .gray-info .title strong {
    font-weight: 500;
}
.sub-enterprise .gray-info .ico-info {
    width: 1.43em;
    height: 1.43em;
    margin-right: 0.48em;
}
.sub-enterprise .feature-box:first-child {
    border-top: 1px solid #ddd;
}
.sub-enterprise .feature-box {
    display: flex;
    align-items: center;
    padding: 2.19em 1.56em;
    border-bottom: 1px solid #ddd;
}
.sub-enterprise .feature-box.has-desc {
    align-items: flex-start;
}
.sub-enterprise .feature-box .icon-box {
    flex-shrink: 0;
    margin-right: 2.19em;
    width: 9.19em;
    height: 9.19em;
    border-radius: 50%;
}
.sub-enterprise .feature-box .text-box {
    flex-shrink: 0;
}
.sub-enterprise .feature-box .text-box .top-desc {
    font-size: 1.8rem;
    margin: 0.31em 0;
}   
.sub-enterprise .feature-box .text-box dl {
    font-size: 2.1rem;
    color: #383838;    
    font-weight: 500;
} 
.sub-enterprise .feature-box .text-box dd {
    font-size: 3.6rem;
}   
.sub-enterprise .feature-box .text-box dd strong {
    font-weight: 500;
}



/* ======== UTIL 메뉴 ======== */

/* 중견기업 전용 네트워크 */
.sub-network .link-area {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    margin: 1.5em 0;
}
.sub-network .link-area::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.5em;
    height: 7.5em;
    transform: translate(-50%,-50%);
    background: url(/app/images/network-ico-center.png) no-repeat center/contain;
}
.sub-network .link-area::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78%;
    height: 78%;
    border: 1.88em solid #f7f7f7;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
.sub-network .link-area .item {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sub-network .link-area .item01 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.sub-network .link-area .item02 {
    top: 28%;
    left: 0;
}
.sub-network .link-area .item03 {
    top: 28%;
    right: 0;
}
.sub-network .link-area .item04 {
    bottom: 0;
    left: 12%;
}
.sub-network .link-area .item05 {
    bottom: 0;
    right: 12%;
}
.sub-network .link-area .item .icon {
    width: 9.19em;
    height: 9.19em;
}
.sub-network .link-area .item .text {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.375;
    margin-top: 0.42em;
}
.sub-network .bottom-note {
    padding-top: 2em;
    border-top: 1px solid #e4e4e4;
}
.sub-network .top-detail {
    display: flex;
    align-items: center;
    padding: 1.5em 0;
}
.sub-network .top-detail .icon-box {
    width: 9.19em;
    height: 9.19em;
    margin-right: 1.56em;
}
.sub-network .top-detail .text-box {

}
.sub-network .top-detail .text-box dt {
    font-size: 3.6rem;
    color: #383838;
    font-weight: 700;
}
.sub-network .top-detail .text-box dd {
    font-size: 2.1rem;
}


/* 알림페이지 */
.notification-list {
    border-top: 1px solid #ddd;
}
.notification-list li {
    padding: 2.5em 0;
    letter-spacing: -0.03em;
    border-bottom: 1px solid #ddd;
}
.notification-list li .icon {
    width: 3.75em;
    line-height: 3.88em;
}
.notification-list li .text-box {
}
.notification-list li .text-box .category {
    display: block;
    font-size: 2.4rem;
    color: #fa9200;
    line-height: 1.4;
}
.notification-list li .text-box .title {
    display: block;
    font-size: 3rem;
    color: #383838;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.5em;
}
.notification-list li .text-box .date {
    margin-top: 1.43em;
    color:#888; 
    font-weight:300; 
    font-size: 2.1rem;
}
.notification-list li .text-box .date i {
    vertical-align:baseline; 
    transform:translateY(2px); 
    margin-right:0.8rem;
    color: #aaa;
}

/* 마이페이지 - 공통 */
.sub-mypage {
    margin-top: 1.56em;
}
.mypage-top {
    position: relative;
    background-color: #faf2e6;
    border-bottom: 1px solid #ddd;
    padding: 3.75em 0 2.75em 0;
}
.mypage-top .member-btn-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 1em;
}
.mypage-top .member-btn-wrap .member-btn {
    display: inline-flex;
    align-items: center;
}
.mypage-top .member-btn-wrap .member-btn:nth-child(n+2) {
    margin-left: 1.25em;
}
.mypage-top .member-btn-wrap .ico-setting {
    width: 1.7em;
    /* height: 1.94em; */
}
.mypage-top .member-btn-wrap .ico-logout {
    width: 1.55em;
}
.mypage-top .member-btn-wrap .ico img {
    vertical-align: middle;
}
.mypage-top .member-btn-wrap a {
    position: relative;
    margin-left: 0.8em;
    color: #666;
    font-size: 1.8rem;
    line-height: 1.3;
    letter-spacing: -0.03em;
}
.mypage-top .member-btn-wrap a::after {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #666;
}
.mypage-top .info-box {
    display: flex;
    align-items: center;
}
.mypage-top .info-box .img-box {
    position: relative;
    width: 13.13em;
    height: 13.13em;
}
.mypage-top .info-box .img-box .img {
    border-radius: 50%;
    background-color: #fff;
    border: 0.3rem solid #fa9200;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.mypage-top .info-box .img-box .img img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mypage-top .info-box .profile-modify-btn {
    background-color: #fa9200;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.38em;
    height: 3.38em;
    position: absolute;
    bottom: 0.63em;
    right: 0.63em;
    font-size: 1.6rem;
}
.mypage-top .info-box .profile-modify-btn input[type=file]{
    display: none;
}
.mypage-top .info-box .profile-modify-btn .ico {
    width: 1.5em;
    height: 1.5em;
}
.mypage-top .info-box .text-box {
    width: calc(100% - 13.13em);
    margin-left: 2.5em;
}
.mypage-top .info-box .text-box .name {
    font-size: 4.2rem;
    color: #383838;
    font-weight: 600;
}
.mypage-top .info-box .detail {
    margin-top: 1.5rem;
}
.mypage-top .info-box .detail dl {
    display: flex;
    font-size: 2.4rem;
    color: #666;
    letter-spacing: -0.03em;
    margin-top: 0.5rem;

}
.mypage-top .info-box .detail dt {
    position: relative;
    flex-shrink: 0;
}
.mypage-top .info-box .detail dt::after {
    display: inline-block;
    content: "";
    width: 1px;
    height: 0.83em;
    margin: 0 0.63em;
    background-color: #bbb;
    vertical-align: middle;
}
.mypage-top .info-box.type-modify {
    flex-direction: column;
}
.mypage-top .info-box.type-modify .text-box {
    width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
    text-align: center;
}
.mypage-top.type-non-member {
    padding: 3.13em 0;
}
.mypage-top.type-non-member .flex-box {
    justify-content: space-between;
    align-items: center;
}
.mypage-top.type-non-member .text {
    font-size: 3.9rem;
    font-weight: 700;
    color: #383838;
    line-height: 1;
}
.mypage-top.type-non-member .arrow {
    font-size: 3rem;
    color: #999;
    display: inline-flex;
    align-items: center;
}

/* 마이페이지 - 메뉴 리스트 */
.mypage-list-title {
    font-size: 3rem;
    color: #373935;
    font-weight: 700;
    padding: 1.17em 0;
}
.mypage-list {
    border-top: 1px solid #ddd;
}
.mypage-list li {
    padding: 1.38em 0;
    border-bottom: 1px solid #ddd;
}
.mypage-list li a {
    font-size: 2.7rem;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mypage-list li .arrow {
    font-size: 3rem;
    color: #999;
}
.mypage-list li i {
    vertical-align: middle;
}


/* 회원가입 */
.join-top {
    padding: 2.5em 0;
}
.join-top .title {
    font-size: 3rem;
    color: #383838;
    font-weight: 500;
}
.join-top .desc {
    font-size: 2.4rem;
    line-height: 1.375;
    margin-top: 0.83em;
}
.sub-join .has-checkbox {
    display: flex;
}
.sub-join .has-checkbox .form-group {
    width: calc(100% - 13.13em);
}
.sub-join .has-checkbox .form-group .frm-input {
    border-right: none;
}
.sub-join .has-checkbox .id-check {
    background-color: #fa9200;
    font-size: 2.7rem;
    color: #fff;
    font-weight: 500;
    width: 7.78em;
    height: 4.22em;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}




@media (max-width:600px) {
    .sub-network .link-area .item .icon {
        width: 6.7em;
        height: 6.7em;
    }
}