@charset "UTF-8";
/************************
 개인정보 수집동의
*************************/
.agree_box .msg{display:flex; align-items: center; margin-bottom:2rem;}
.agree_box .tit_sub{margin-bottom:0;}
.agree_box .link_arrow{margin-left:2rem; font-size:1.8rem;}
.agree_box .form_check_roundButton{width:22rem;}

@media screen and (max-width:750px){
 .agree_box .link_arrow{font-size:2.4rem;}
 }

/*********************************
 외국인 비자발급 추천서
**********************************/
.tbl_buyer_info td{text-align:left; vertical-align: top;}
.tbl_buyer_info .pivot_head{display:none;}

@media screen and (max-width:750px){
 .tbl_buyer_info thead{display:none;}
 .tbl_buyer_info, .tbl_buyer_info tbody, .tbl_buyer_info tr, .tbl_buyer_info td{display:block;}
 .tbl_buyer_info td{padding:0; font-weight:400;}
 .tbl_buyer_info tbody td+td{border-left:0; border-top:1px solid #262626;}
 .tbl_buyer_info .pivot_head{display:block; padding:3rem 0; font-size:3rem; text-align:center; color:#000; border-bottom:1px solid #e0e0e0; background-color:#f7f7f7;}
 .tbl_buyer_info .pivot_body{padding:3rem 0.5rem;}
 }

/**********************
 무역의 포상 신청
**********************/
.tradeAward_popup_link{word-break:break-all;}
.tradeAward_popup_link li+li{margin-top:2rem;}
@media screen and (max-width:750px){
 .tradeAward_popup_link li+li{margin-top:4rem;}
 }



/**********************************
 수출바우처 서비스 > 예산 배정 신청
**********************************/
/* 예산 배정 신청 안내 */
.budget_intro_caution{display:flex; margin-right:-2rem;}
.budget_intro_caution li{width:calc((100% - 6rem) / 4); margin-right:2rem; padding:1rem; font-size:1.8rem; text-align:center; color:#404040; border:1px solid #e0e0e0;}
.budget_intro_caution .img{margin-bottom:1.5rem; background-color:#f7f7f7;}
.budget_intro_caution img{width:100%;}

@media screen and (max-width:750px){
 .budget_intro_caution{display:block; margin-right:0; margin-bottom:-2rem;}
 .budget_intro_caution li{display:flex; width:100%; min-height:16rem; margin-right:0; margin-bottom:2rem; text-align:left; font-size:2.8rem;}
 .budget_intro_caution .img{display: flex; align-items: center; justify-content: center; margin-bottom:0;}
 .budget_intro_caution img{width:21.4rem;}
 .budget_intro_caution p{display: flex; align-items: center; margin-left:5rem;}
 }

/* HS 코드, MIT 코드 검색 팝업 */
.direct_popup_info{margin-bottom: 4rem; margin-top: 2rem;}
.hs_select_box{text-align: right;}
.hs_select_box .form_select{background-color:#fff;}
.direct_popup_info dl{font-size:2.2rem;}
.direct_popup_info dt{border: 1px solid #d9d9d9; border-top-left-radius: 1.2rem; border-top-right-radius: 1.2rem; font-weight: 600; text-align: center; padding: 1.5rem; background-color: #f9f9f9;}
.direct_popup_info dd{padding: 2rem 2.4rem; border: 1px solid #d9d9d9; border-top: 0; border-bottom-left-radius: 1.2rem; border-bottom-right-radius: 1.2rem;}

@media screen and (max-width:750px){
  .direct_popup_info dl{font-size: 3.4rem;}
  .direct_popup_info dt{padding: 3rem;}
  .direct_popup_info dd{padding: 3rem;}
  .hs_select_box .form_select{width: 100%;}
  .btn_popup_search{font-size: 3.4rem; background-color: #222; color: #fff; line-height: 1; padding: 2.8rem 0;}

  .m_pivot.hs{border: 0;}
  .m_pivot.hs .empty{font-size: 3.2rem; border: 2px solid #d9d9d9; border-top: 1px solid #d9d9d9;}
  .m_pivot.hs td{height: auto;}
  .m_pivot.hs .pivot_head{width: 40%; background-color: transparent; justify-content: center;}
  .m_pivot.hs tr:nth-child(even) {background-color:#f9f9f9 ;}
  .m_pivot.hs tr+tr{margin-top: 3rem;}
 }

/**********************************
 무역의 날 > 무역포상 신청
**********************************/

/* 무역의날 참가신청완료 */
@media screen and (max-width:750px){
 .tbl_tradeDay_info{border-top:0;}
 .tbl_tradeDay_info tr{border-top:1px solid #262626;}
 .tbl_tradeDay_info tr+tr{margin-top:4.5rem;}
 }

.tradeday_contact{margin-top:7rem;}

.tradeday_contact .contact_item_inner{display:flex; align-items: center; justify-content: center; height:100%;}
.tradeday_contact .contact_item:nth-of-type(1){width:60%;}
.tradeday_contact .contact_item:nth-of-type(2){width:40%;}

@media screen and (max-width:750px){
 .tradeday_contact{position:relative; margin-top:12rem; border-top:0;}
 .tradeday_contact .contact_item_inner{width:100%; padding-left:0;}
 .tradeday_contact .contect_tel dt{margin-right:2rem;}
 .tradeday_contact .contact_item:nth-of-type(1){display:block; position:absolute; top:0; left:0; width:100%; padding:0; transform:translateY(calc(-100% - 2rem));}
 .tradeday_contact .contact_item:nth-of-type(1) p{width:100%; font-size:2.8rem;}
 .tradeday_contact .contact_item:nth-of-type(2){width:100%;}
 }

.add_member{display:none;}

/*******************************************
 무역진흥자금 융자 추천 > 서비스 신청
********************************************/


/* 무역진흥자금 사용 서약서 팝업 */
.fund_agree .fund_agree_tit{margin-bottom:2rem; font-size:2.4rem; color:#0050a5; text-align:center; word-break: keep-all;}
.fund_agree_inner{padding:0 1rem; font-size:2rem;}
.fund_agree .fund_agree_inner_tit{margin-bottom:5rem; font-size:3rem; font-weight: 700; text-align:center;}
.fund_agree_inner .list_num li{margin-bottom:2rem;}
.fund_agree_inner .date{margin-top:6rem; font-size:2rem; text-align: center;}
.fund_agree_inner .txt{margin-top:4rem; font-size:2rem; text-align: center;}
.fund_agree_inner .company_info{display:flex; align-items: center; justify-content: center; margin-top:2.5rem;}
.fund_agree_inner .company_info p+p{margin-left:9rem;}
.fund_agree .caution p+p{margin-top:1rem}

@media screen and (max-width:750px){
 .fund_agree .fund_agree_tit{margin-bottom:3rem; padding-left:10rem; padding-right:10rem; font-size:2.8rem;}
 .fund_agree_inner{margin-top:2rem; font-size:3.2rem;}
 .fund_agree .fund_agree_inner_tit{margin-bottom:5rem; font-size:4.6rem;}
 .fund_agree_inner .list_num li{margin-bottom:3rem; color: #767676;}
 .fund_agree_inner .txt{color: #767676; font-size: 3.2rem; margin-top: 3rem;}
 .fund_agree_inner .date{margin-top:10rem; font-size:3.2rem;}
 .fund_agree_inner .company_info{display:block; margin-top:3rem; text-align: center; margin-bottom: 8rem;}
 .fund_agree_inner .company_info p+p{margin-left:0; margin-top: 3rem;}
 .fund_agree .caution{display:block; margin-top:2.2rem;}
 .fund_agree .caution dt{font-size:2.8rem;}
 .fund_agree .caution dt img{width:2.4rem; margin-right:1rem;}
 .fund_agree .caution dd{margin-left:0; margin-top:2.5rem; font-size:2.2rem;}
 }

/* intro popup */
.fund_intro{display:flex; flex-direction: column;}
.intro_txt01{font-size:5.8rem; font-weight:500; text-align:center; letter-spacing: -0.05em;}
.intro_txt02{font-size:4rem; font-weight:500; text-align:center;}
.intro_txt01+.intro_txt02,
.intro_txt02+.intro_txt01{margin-top:5rem;}
.btn_intro{display:inline-block; min-width:28rem; padding:2rem 4rem; font-size:3.6rem; font-weight:500; line-height: 1; color:#333; text-align:center; border:5px solid #bebebe; border-radius:2em;}
.fund_intro .intro_btn_area01{margin-top:7rem; text-align: center;}
.fund_intro .intro_btn_area02{width:60rem; margin:10rem auto 0;}
.fund_intro .intro_btn_area02 img{width:100%;}
.fund_intro .intro_btn_area02 .btn{width:100%; height:9rem; font-size:4rem;}

/*******************************************
 수출단체보험료 지원 > 서비스 신청
********************************************/
/* 전화번호 */
.contect_tel{text-align: center; line-height: 1;}
.contect_tel dt{margin-bottom:1rem;}
.contect_tel dd{font-size:3rem;}
.contect_tel dd:before{content:""; display:inline-block; width:2.8rem; height:2rem; margin-right:0.5rem; background:url(../img/ico_tel.jpg) no-repeat top left / cover;}

/* 연락처 정보 */
.contact_info{display:flex; padding:2.5rem 0; border:1px solid #e7e7e7;}
.contact_info .contact_item{width:50%; /* padding:1rem 0 2rem; */
 text-align:center;}
.contact_info .contact_item+.contact_item{border-left:1px solid #e7e7e7;}
.contact_info .tit{display:inline-flex; align-items: center; margin-bottom:2rem;}
.contact_info .tit span{margin-left:1rem;}

@media screen and (max-width:750px){/* insurance_info */
 .insurance_info li:last-child{border-bottom:1px solid #d6d6d6;}
 .insurance_info li{padding:0 2.8rem;}
 .insurance_info .img{padding:0; font-size:3.3rem;}
 .insurance_info .img img{width:auto; height:4.8rem;}
 .insurance_info .img span{margin-left:1.8rem;}
 .insurance_info .img span:after{content:" : ";}
 .insurance_info .txt{display: block; padding:3rem 0 3rem 3rem; font-size:3rem; color:#e03234;}

 .insurance_info_details{padding:0 3rem 6.5rem;}
 .details{display:none; margin-top:3rem;}
 .details>li{display: flex; align-items: center;}
 .details>li+li{margin-top:2rem;}
 .details .txt{flex:1; margin-left:3rem;}
 .btn_insurance_info{position:relative; width:100%; padding:2.5rem 8rem 2.5rem 5rem; font-size:3.4rem; font-weight:500; background-color:#f4f4f4;}
 .btn_insurance_info:after{content:""; display:inline-block; position:absolute; top:50%; right:3.5rem; width:2.6rem; height:1.6rem; background:url(../img/ico_dropdown_arrow_lg.png) no-repeat top left / cover; transform:translateY(-50%) rotate(180deg);}
 .btn_insurance_info.opened:after{transform:translateY(-50%) rotate(0);}
 .btn_insurance_info.opened+.details{display:block;}

 /* 전화번호 */
 .contect_tel dt{margin-bottom:0;}


 /* 연락처 정보 */
 .contact_info{display:block; padding:0;
 border-width:1px 0;}
 .contact_info .contact_item{display:flex; justify-content: center; width:100%; padding:3rem 0; text-align:left;}
 .contact_info .contact_item+.contact_item{border-left:0; border-top:1px solid #d7d7d7;}
 .contact_item_inner{position:relative; width:45rem; padding-left:9.5rem; font-size:3rem;}
 .contact_info .tit{display:inline-flex; align-items: center; margin-bottom:0.5rem;}
 .contact_info .tit img{position:absolute; top:0; left:0; height:8rem;}
 .contact_info .tit span{margin-left:0;}
 .contact_info .contect_tel{display:flex; justify-content: space-between; margin-top:0; text-align:left;}
 }

/*******************************************
 회원할인서비스 > 서비스 신청
********************************************/
.list_dl dt{padding:1.8rem 2rem; color:#373242; background-color:#f4f4f4;}
.list_dl dt:before{content:""; display:inline-block; width:1.4rem; height:1.4rem; margin-right:1.4rem; border-radius:50%; background-color:#fff;}
.list_dl dd{margin:2.4rem 0 2.4rem 2.8rem; padding:0.5rem 2.4rem; border-left:1px solid #b1b1b1;}

@media screen and (max-width:750px){
 .list_dl{padding:3rem 0;}
 .list_dl dt{padding:2rem 3.8rem; font-size:3rem;}
 .list_dl dt:before{display:none;}
 .list_dl dd{margin:2.4rem 0; padding:0 3.8rem; border-left:0; font-size:2.8rem;}
 }



/*************************************************************
 마이페이지 > 발급신청이력 > 수출입실적증명서 > 직수출입실적
*************************************************************/

@media screen and (max-width:750px){
 .tbl_certificate_ie{font-size:3rem;}
 .tbl_certificate_ie, .tbl_certificate_ie tbody, .tbl_certificate_ie th, .tbl_certificate_ie td{display:block;}
 .tbl_certificate_ie thead{display:none;}
 .tbl_certificate_ie tr{display:flex; flex-wrap: wrap; padding:3rem 1rem; border-bottom:1px solid #e0e0e0;}
 .tbl_certificate_ie td{padding:0; line-height:1; text-align:left; border:0;}
 .tbl_certificate_ie tbody td+td{border:0;}
 .tbl_certificate_ie .type{order:2; margin-left:2rem; padding-left:2rem; border-left:1px solid #e0e0e0;}
 .tbl_certificate_ie .date{order:1;}
 .tbl_certificate_ie .state{order:3; margin-left:2rem; padding-left:2rem; border-left:1px solid #e0e0e0;}
 .tbl_certificate_ie .num{order:4; width:100%; margin-top:2rem;}
 .tbl_certificate_ie .num:before{content:"발급번호 : "}
 }

.period{display:flex;}
.period .select_date{width:34rem; margin-left:1rem;}

@media screen and (max-width:750px){
 .period{display:block;}
 .period .select_date{width:100%; margin-top:2rem; margin-left:0;}
 }


/*************************************************************
 마이페이지 > 발급신청이력 > 무역아카데미 > 선용품
*************************************************************/
@media screen and (max-width:750px){
 .tbl_academy_visit{font-size:3rem;}
 .tbl_academy_visit, .tbl_academy_visit tbody, .tbl_academy_visit th, .tbl_academy_visit td{display:block;}
 .tbl_academy_visit thead{display:none;}
 .tbl_academy_visit tr{display: block; overflow:hidden; flex-wrap: wrap; padding:3rem 1rem; border-bottom:1px solid #e0e0e0;}
 .tbl_academy_visit tr:after{content: ""; display:block; clear:both;}
 .tbl_academy_visit td{float:left; margin:1rem 0; padding:0; line-height:1; text-align:left; border:0;}
 .tbl_academy_visit tbody td+td{margin-left:2rem; padding-left:2rem; border-left:1px solid #e0e0e0;}
 .tbl_academy_visit .btn_tbl{padding:0; border:0; font-size:3rem; line-height: 1;}
 .tbl_academy_visit .receipt{clear:left; margin-left:0; padding-left:0; border:0;}
 }


 /****************************************************************************************************/


/*************************************************************
 마이페이지 > 혜택신청이력 > 수출바우처 서비스 > 신청내역
*************************************************************/
/*
@media screen and (max-width:750px){
 .tbl_voucher_list{font-size:3rem;}
 .tbl_voucher_list, .tbl_voucher_list tbody, .tbl_voucher_list th, .tbl_voucher_list td{display:block;}
 .tbl_voucher_list thead{display:none;}
 .tbl_voucher_list tr{display: block; overflow:hidden; flex-wrap: wrap; padding:3rem 1rem; border-bottom:1px solid #e0e0e0;}
 .tbl_voucher_list tr:after{content: ""; display:block; clear:both;}
 .tbl_voucher_list td{float:left; margin:1rem 0; padding:0; line-height:1; text-align:left; border:0;}
 .tbl_voucher_list tbody td+td{margin-left:2rem; padding-left:2rem; border-left:1px solid #e0e0e0;}
 .tbl_voucher_list .type {width:100%;}
 .tbl_voucher_list .date01 {margin-left:0; padding-left:0; border:0;}
 .tbl_voucher_list .m_buttons {width:100%; margin-left:0; padding-left:0; border:0;}
 .tbl_voucher_list .m_buttons .btn_tbl{width:100%;}
 .tbl_voucher_list .first{clear:left;}
}*/


/*************************************************************
 마이페이지 > 혜택신청이력 > 비즈니스센터
*************************************************************/

@media screen and (max-width:750px){
  .tbl_bizcenter{font-size:3rem;}
  .tbl_bizcenter, .tbl_bizcenter tbody, .tbl_bizcenter th, .tbl_bizcenter td{display:block;}
  .tbl_bizcenter thead{display:none;}
  .tbl_bizcenter tr{display: flex; flex-wrap: wrap; padding:3rem 1rem; border-bottom:1px solid #e0e0e0;}
  .tbl_bizcenter tr:after{content: ""; display:block; clear:both;}
  .tbl_bizcenter td{margin:1rem 0; padding:0; line-height:1; text-align:left; border:0;}
  .tbl_bizcenter tbody td+td{margin-left:2rem; padding-left:2rem; border-left:1px solid #e0e0e0;}
  .tbl_bizcenter .type{display:block; order:1; width:10rem; margin-left:0; padding-left:0;}
  .tbl_bizcenter .state{display:block; order:2; width:calc(100% - 14rem);}
  .tbl_bizcenter .date{display:block; margin-left:0; padding-left:0; border:0; order:3; clear:left;}
  .tbl_bizcenter .time{display:block; order:4;}
  .tbl_bizcenter .name{display:none; order:5;}
  .tbl_bizcenter .modify{display:block; order:6;}
  .tbl_bizcenter .m_buttons{display:flex; width:100%; order:7; margin-left:0; margin-top:3rem; padding:0; border:0;}
  .tbl_bizcenter .m_buttons .btn_tbl{flex:1;}
  .tbl_bizcenter .m_buttons .btn_tbl+.btn_tbl{margin-left:2rem;}
}

/*************************************************************
 마이페이지 > 포상신청이력 > 이력서 사진
*************************************************************/
.resumePhoto{width:18rem; margin-right:2rem;}
.resumePhoto .photo{width:100%; height:0; padding-bottom:130%; border:1px solid #ddd; overflow:hidden;}
.resumePhoto .photo img{width:100%;}

@media screen and (max-width:750px){
  .resumePhoto{width:35%; margin:0 auto 5rem;}
}