@charset "utf-8";

/*-----------------
     content
-------------------*/
.subm-exportinfo-wrap { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top; background-image:url(../../../../static/frt/images/img-export-mainbg.jpg); background-position: top center; background-size: cover;}


/*----------------------
     Main Content
------------------------*/
/* main bg box */
.main-bgbox { position: relative; width: 100%; padding: 0 0 20px 0; min-height: calc( 100vh - 400px ); background-image: url(../../../../static/mbl/images/mainbg-01.png); background-repeat: no-repeat;  background-size: cover;}
.main-bgbox .main-text { display: block; width: 100%; max-width: 450px; margin: 0 auto; padding: 5vw 20px 0 20px; font-family: "Noto Sans KR",sans-serif; color: #fff; box-sizing: border-box;}
@media (min-width: 1025px) and (max-width: 1366px) {
    .main-bgbox .main-text { padding: 3vw 20px 0 20px}
}


.main-bgbox .main-text .txt,.main-bgbox .main-text .tit { display: block;}
.main-bgbox .main-text .txt { font-size: 1.2rem; font-weight: 400; line-height: 1.5rem; letter-spacing: -0.05vw;}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.main-bgbox .main-text .txt { font-size: 1.5rem; line-height: 1.8rem; }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .main-bgbox .main-text .txt { font-size: 1.8rem; line-height: 2.4rem; }
}
@media (min-width: 1025px) and (max-width: 1366px) {
    .main-bgbox .main-text .txt { font-size: 1.8rem; line-height: 2.4rem; }
}


.main-bgbox .main-text .tit { margin-top: 5vw; font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; letter-spacing: -0.08vw;}
@media (min-width: 768px) and (max-width: 1366px) {
    .main-bgbox .main-text .tit { font-size: 2.35rem; line-height: 2.8rem;}
}
@media (min-width: 1025px) and (max-width: 1366px) {
    .main-bgbox .main-text .tit { margin-top: 2vw; }
}

/* main quick menu */
.main-qmenubox { position: relative; width: 95%; margin: 10vw auto 0 auto; padding: 0 20px; z-index: 10; font-family: "Noto Sans KR", sans-serif; text-align: center; box-sizing: border-box;}
@media (min-width: 768px) and (max-width: 1366px) {
    .main-qmenubox { margin: 5vw auto 0 auto;}
}
.main-qmenubox .btn-main-qmenu { display: block; width: 100%; max-width: 400px; margin: 15px auto; padding: 1rem 1.2rem; font-size: 1.2rem; text-align: center; color: #111; border-radius: 3px; background-color: #ddd; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.7); box-sizing: border-box;}

@media (min-width: 768px) and (max-width: 1366px) {

    .main-qmenubox .btn-main-qmenu { margin: 15px auto; padding: 1rem 1.2rem;}
}

.main-qmenubox .btn-main-qmenu:hover,.main-qmenubox .btn-main-qmenu:focus { color: #fff; background-color: #444;}

/* new slide banner */
.main-qmenubox { display: block; max-width: 359px; margin: 25px auto 20px auto; padding: 0 30px ; box-sizing: border-box;}
.main-qmenubox .banner2 { display: block; width: 100%; max-width: 359px; height: 325px; margin: 0 auto; background-color: #534c64; vertical-align: top;}
.main-qmenubox .banner2 .slideIn { display: inline-block; width: 100%; height:290px; margin: 0;vertical-align: top;}
.main-qmenubox .banner2 .slideIn:hover,.main-qmenubox .banner2 .slideIn:focus { outline: 1px auto #90B5CF;}
.main-qmenubox .banner2 .slideIn .slideImg { width: 100%; height:230px;background: #fff;}
.main-qmenubox .banner2 .slideIn .slideImg img { width:100%; height: 230px;}
.main-qmenubox .banner2 .slideIn .slideTxt { display: inline-block; width: 100%; height: 65px; margin: -2px 0 0 0; padding: 5px 25px 0 25px;box-sizing: border-box;}
.main-qmenubox .banner2 .slideIn .slideTxt .tit { display:inline-block; overflow: hidden; width: 100%; height: 54px; margin: 5px auto 0 auto; font-size: 18px; color: #fff; line-height: 26px; text-align: left; box-sizing: border-box; word-wrap: break-word; text-overflow: ellipsis; white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient:vertical;}
.main-qmenubox .banner2 .slideIn:hover .slideTxt .tit,.main-qmenubox .banner2 .slideIn:focus .slideTxt .tit{ text-decoration: underline;}

.main-qmenubox .banner2 .slideNavi2 { position: absolute; display: block; width: 100%; top: 290px; margin: 5px auto 0 auto; text-align: center;}
.main-qmenubox .slideNavi2 .btnSnavi { display: inline-block; width: 16px; height: 16px; margin: 0 10px 0 0; border-radius: 100px; background-color: #fff; box-sizing: border-box;}
.main-qmenubox .slideNavi2 .btnSnavi.active { width: 40px; background-color: #f0acff;}

.main-qmenubox .btnPause { position: absolute; display: inline-block; width: 29px; height: 19px; top: 295px; right: 0; margin: 0 85px 0 0; background-image: url(../../../../static/frt/images/main-icon-set.png); background-position: -53px -8px; vertical-align: middle; z-index: 100;}
.main-qmenubox .btnPlay { position: absolute; display: inline-block; width: 29px; height: 19px; top: 295px; right: 0; margin: 0 85px 0 0; background-image: url(../../../../static/frt/images/main-icon-set.png); background-position: -94px -8px; vertical-align: middle; z-index: 100;}
.main-qmenubox .btnPause.hidden { display: none;} /* 배너 슬라이드 이동 멈춤 안보이게*/
.main-qmenubox .btnPlay.hidden { display: none;} /* 배너 슬라이드 플레이 안보이게*/


/* swiper style ---------------- */
.swiper-pagination-bullet {	display: inline-block; width: 16px; height: 16px; margin: 0 10px 0 0; border-radius: 100px; background-color: #fff; box-sizing: border-box;}
.swiper-pagination-bullet-active { width: 40px; background-color: #f0acff;}


/*----------------------------
     레이어 팝업 - 툴팁같은 형태
------------------------------*/
.lypop-wrap { position: absolute; z-index:50000; display:none; left:0; margin: -15px 0 0 15px;}
.lypop-wrap .lypop-container { display: inline-block; width: 92%; padding: 5px 10px; border: 5px solid #6B1E74; background: #fefefe; box-sizing: border-box;}

@media (min-width: 768px) {
    .lypop-wrap { margin: -15px 0 0 200px;}
    .lypop-wrap .lypop-container { width: 60%;}
}

.lypop-container .pop-hdtit { display: inline-block; width: 100%; padding: 7px 5px; margin: 0 0 15px 0; font-size: 20px; color: #6B1E74; line-height: 28px; font-weight: 6800; border-bottom: 1px solid #6B1E74; box-sizing: border-box;}
.lypop-container .pop-sbcontlist { display: inline-block; width: 100%; margin: 7px 0 0 0;}
.lypop-container .pop-sbcontlist li { display: inline-block; width: 100%; padding: 5px 0; font-weight: 400; line-height: 24px;}
.lypop-container .pop-sbcontlist li strong { font-weight: 500;}

.lypop-container .pop-sbcontlist .ic-cir { display: inline-block; min-width: 22px; height: 22px; margin-right: 3px; font-size: 15px; color: #fff; line-height: 20px; text-align: center; border-radius: 50px; background-color: #888; box-sizing: border-box;}

/*-----------------
     Submain
-------------------*/

/* 이벤트 서브메인 list --------------------------*/

.event-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.event-list > ul { float: left; width: 100%; padding: 11px 0; border-bottom: 1px dashed #bfbfbf;}
.event-list > ul:first-child { padding: 0 0 11px 0;}
.event-list > ul:last-child { border-bottom: 0}
.event-list.line > ul:last-child { border-bottom: 2px solid #636363;}
.event-list > ul > li { float: left;}
.event-list > ul > li.evnt-img { width: 132px;}
.event-list > ul > li.evnt-img a { position: relative; display: block; width: 132px; height: 76px; border: 1px solid #cfcfcf; box-sizing: border-box;}
.event-list > ul > li.evnt-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 
.event-list > ul > li.evnt-img img.evt-list-img { max-width: 132px; max-height: 76px; } /* 목록이미지 사이즈 132*76 */
.event-list > ul > li.txt { float: left; width: calc(100% - 150px); margin: 0 0 0 16px;}

/*
@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
	.event-list > ul > li.txt { width: 75%;}
}

@media (max-width: 360px){
    .event-list > ul > li.txt { width: 52%;}
}

@media (max-width: 320px){
    .event-list > ul > li.txt { width: 47%;}
}
@media (max-width: 280px){
    .event-list > ul > li.txt {width: 38%;}
}*/  /* 기존 기종 처리 부분 주석처리 2022.12.15 */

.event-list > ul > li.txt ul { width: 100%;}
.event-list > ul > li.txt ul li{ display: inline-block; }
.event-list > ul > li.txt .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; /*height: 2.7rem;*/margin-top: 2px; font-size: 1rem; font-weight: 700; color:#6b1e74; line-height: 1.35rem; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word;}
.event-list > ul > li.txt .tit a { color: #6b1e74;}
.event-list > ul > li.txt .tit a:hover, .event-list ul li.txt .tit a:focus { text-decoration: underline;}
.event-list > ul > li.txt .txt-cont { width: 100%; margin: 10px 0 0 0; font-size:14px; line-height:18px; color:#555; font-weight:400;}
/*
@media (max-width: 320px){
    .event-list > ul > li.txt .txt-cont { width: 100%; font-size:12px; line-height: 16px;}
}*/ /* 기존 기종 처리 부분 주석처리 2022.12.15 */
@media (max-width: 320px){
    .event-list > ul > li.txt .txt-cont { font-size:12px; line-height: 16px;}
}

.event-list > ul > li.txt .txt-cont > p {display:inline-block;vertical-align: top;}
@media (min-width:321px) and (max-width:360px) {
  .event-list > ul > li.txt .txt-cont .date-txt{font-size:14px;letter-spacing: -1px;}
} /* 관심정보 추가로 인한 날짜 텍스트 수정 2023.01.05*/

/* 수출정보메인 list --------------------------*/

/* 배너리스트 */
.subm-export-bnbox { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.subm-export-bnbox > ul { margin: 0 auto; padding: 0;}
.subm-export-bnbox > ul > li { display:inline-block; margin: 0; padding: 0;}
.subm-export-bnbox > ul > li > a { display:inline-block; width: 100%; margin-bottom: 10px; padding: 10px 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; background-color: #fff;vertical-align: top; box-shadow: 10px 10px 15px rgba(0,0,0,.15);}
.subm-export-bnbox > ul > li > a .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; height: 47px; font-size: 17px; font-weight: 500; line-height: 22px; -webkit-box-orient:vertical; text-overflow: ellipsis; word-wrap: break-all;}
.subm-export-bnbox > ul > li > a .lb { display:inline-block; margin-top: 10px; padding: 5px 7px 6px 7px; font-size: 14px; line-height: 16px; text-align: center; color: #fff; border-radius: 3px; background-color: #cf744b;}
.subm-export-bnbox > ul > li > a:hover .tit,.subm-export-bnbox > ul > li > a:focus .tit  { text-decoration: underline;}

@media (min-width: 768px) {
    .subm-export-bnbox > ul > li { width: 32.5%;}
    .subm-export-bnbox > ul > li:first-child,.subm-export-bnbox > ul > li:nth-child(2),.subm-export-bnbox > ul > li:nth-child(4),.subm-export-bnbox > ul > li:nth-child(5) { margin-right: 5px;}
}

@media (max-width: 767px) {
    .subm-export-bnbox > ul > li { width: 100%;}
}


@media (max-width: 320px) {
    .subm-export-bnbox > ul > li > a .lb { padding: 5px 7px 6px 7px; font-size: 12px; line-height: 14px;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .subm-export-bnbox > ul > li {width: 48.5%;}
    .subm-export-bnbox > ul > li:first-child,.subm-export-bnbox > ul > li:nth-child(2n+1) { margin-right: 5px;}
}

/* 텍스트 리스트 */
.subm-export-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.subm-export-list ul { display: inline-block;width: 100%; margin: 0; padding: 0;}
.subm-export-list ul li { display: inline-block; width: 100%; margin: 0; padding: 7px 0 8px 0; border-bottom: 1px dashed #bcbcbc;}
.subm-export-list ul li .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; height: 46px; font-size: 16px; font-weight: 500; line-height: 23px;text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; }
.subm-export-list ul li .tit:hover,.subm-export-list ul li .tit:focus { text-decoration: underline;}
.subm-export-list ul li .txt {margin: 10px 0 0 0}
.subm-export-list ul li .txt span { padding: 0 0 0 10px;font-size: 14px; color: #777;}
.subm-export-list ul li .txt .txt-date { padding: 0 10px 0 0;}
.subm-export-list ul li .txt .txt-date::after { position: absolute; display: inline-block; content: ''; width:1px; height: 12px; margin: 2px 0 0 10px; background-color: #ccc;}


/* 비즈니스 메인  --------------------------*/
.bz-m-le { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.bz-m-le ul { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.bz-m-le ul li { display: inline-block; width: 100%; margin: 0 0 15px 0;}
.bz-m-le ul li a { display: block; width: 100%; background-size: cover; border-radius: 2px; vertical-align: middle; box-sizing: border-box; }
.bz-m-le .ad-con-bn { height: 110px; padding: 20px 20px 0 20px; background-image: url(../../../../static/frt/images/biz-main-ad-con.jpg); background-position: top right;}

.bz-m-le .ad-con-bn .tit,.bz-m-le .ad-con-bn .txt { display: block; color: #fff;}
.bz-m-le .ad-con-bn .tit {  padding-bottom: 15px; font-size: 20px; font-weight: 500; }
.bz-m-le .ad-con-bn .txt { font-size: 16px; font-weight: 300; line-height: 22px; word-break: normal;}
.bz-m-le .ad-con-bn:hover,.bz-m-le .ad-con-bn:focus { box-shadow: 10px 10px 15px rgba(0,0,0,.5);}

@media (min-width: 1024px){
    .bz-m-le { width: 40%; margin: 15px 20px 0 0; }
    .bz-m-le ul li { margin: 0 0 30px 0;}
    .bz-m-le .ad-con-bn { height: 160px;}
    .bz-m-le .ad-con-bn .tit { padding-top: 10px; padding-bottom: 25px; font-size: 26px;}
    .bz-m-le .ad-con-bn .txt { font-size: 18px; line-height: 26px;}
}

@media (min-width: 768px) and (max-width: 1023px){
    .bz-m-le .ad-con-bn { height: 125px;}
    .bz-m-le .ad-con-bn .tit { padding-top: 5px; padding-bottom: 20px; font-size: 24px;}
    .bz-m-le .ad-con-bn .txt { font-size: 18px;}
}


.bz-m-le .biz-m-bn { height: 110px; padding: 20px 20px 0 20px; background-image: url(../../../../static/frt/images/biz-main-export-cap.jpg); background-position: top right; }
.bz-m-le .biz-m-bn .tit,.bz-m-le .biz-m-bn .txt { display: block;}
.bz-m-le .biz-m-bn .tit { padding-bottom: 10px; font-size: 20px; color: #ffd042; font-weight: 500}
.bz-m-le .biz-m-bn .txt { font-size: 16px; font-weight: 300; color: #fff; line-height: 22px; word-break: normal;}
.bz-m-le .biz-m-bn:hover,.bz-m-le .biz-m-bn:focus { box-shadow: 10px 10px 15px rgba(0,0,0,.5);}

@media (min-width: 1024px) {
    .bz-m-le .biz-m-bn { height: 160px;}
    .bz-m-le .biz-m-bn .tit { padding-top: 10px; padding-bottom: 25px; font-size: 26px;}
    .bz-m-le .biz-m-bn .txt { font-size: 18px; line-height: 26px;}
}

@media (min-width: 768px) and (max-width: 1023px) {
    .bz-m-le .biz-m-bn { height: 125px;} 
    .bz-m-le .biz-m-bn .tit { padding-top: 10px; padding-bottom: 25px; font-size: 24px;}
    .bz-m-le .biz-m-bn .txt { font-size: 18px; line-height: 24px;}
}


.biz-avi-box { display: inline-block; width: 100%; margin: 0 0 15px 0; padding: 0; vertical-align: top;}
.biz-avi-box iframe { width: 100%; height: 180px; border: 0;}

@media (min-width: 1024px) {
    .biz-avi-box { float: right; width: 57%; margin: 15px 0 0 0;}
    .biz-avi-box iframe { height: 350px;}

}
@media (min-width: 768px) and (max-width: 1023px) {
    .biz-avi-box iframe { height: 265px;}
}

.biz-avi-box .biz-imgwrap { display: block; width: 100%;}
.biz-avi-box .biz-imgwrap .img-bizbanner { display: block; max-width: 100%; }

@media (min-width: 1024px) {
    .biz-avi-box .biz-imgwrap .img-bizbanner { height: 350px;}

}
@media (min-width: 768px) and (max-width: 1023px) {
    .biz-avi-box .biz-imgwrap .img-bizbanner { height: auto;}
}

@media (min-width: 375px) and (max-width: 896px) and (orientation: landscape) {
    .biz-avi-box .biz-imgwrap .img-bizbanner { height: auto;}
}

@media (max-width: 767px) {
    .biz-avi-box .biz-imgwrap .img-bizbanner { height: auto;}
}

.biz-m-ri { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.biz-m-ri a { display: block; width: 100%; margin: 0 0 15px 0; font-size: 18px; font-weight: 400; color: #fff; background-size: cover; border-radius: 2px; vertical-align: middle; box-sizing: border-box;}
.biz-m-ri .buyer-bn { height: 50px; padding: 15px 20px 0 20px; background-image: url(../../../../static/frt/images/biz-main-faq.jpg);}
.biz-m-ri .faq-bn { height: 50px; padding: 15px 20px 0 20px; background-image: url(../../../../static/frt/images/biz-main-buyer.jpg);}
.biz-m-ri .buyer-bn:hover, .biz-m-ri .buyer-bn:focus, .biz-m-ri .faq-bn:hover, .biz-m-ri .faq-bn:focus { box-shadow: 10px 10px 15px rgba(0,0,0,.5);}


@media (min-width: 1024px) {
    .biz-m-ri { margin: 15px 0 0 0;}
    .biz-m-ri a { margin: 0 0 25px 0; font-size: 18px;}
    .biz-m-ri .buyer-bn,.biz-m-ri .faq-bn { height: 90px; padding: 30px 20px 0 20px; font-size: 26px; line-height: 32px;}

}

@media (min-width: 768px) and (max-width: 1023px) {
    .biz-m-ri .buyer-bn,.biz-m-ri .faq-bn { height: 70px; padding: 20px 20px 0 20px; font-size: 22px; line-height: 24px;}

}

/*-----------------
     Subpage
-------------------*/

/*해외진출상담 가이드 -------------------*/
.dv-guide-box {display:block;}
.inbox-div { display: inline-block; width: 100%; margin: 0 0 20px 0; padding: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2); }
.inbox-div > .inbox-ul { float: left; width: 100%;}
.inbox-div > .inbox-ul > li { float: left; width: 50%; min-height: 400px; padding: 25px 30px 30px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box;}
.inbox-div > .inbox-ul > li:last-child { border-right: 1px solid #ccc;}

.inbox-div .tit { display: block; padding: 10px 0 10px 0; font-weight: 600; font-size: 26px; color: #333; text-align: center;}

.inbox-list { display: block; margin: 10px auto 15px auto; width: 80%; min-height:192px;}
.inbox-list > li{display:block; line-height: 30px; text-align:left;}
.inbox-list > li::before{content: ''; display: inline-block; width: 5px; height: 5px; margin: 11px 8px 0 0px; color: #003567; background-color: #003567; vertical-align: top; box-sizing: border-box;}
.inbox-list > li .inbot-tit{display:inline-block;margin:0 10px 0 0; font-size:17px; font-weight:700}
.inbox-list > li .em { display: inline-block; font-size:17px; font-weight: 700; color: #000;}
.inbox-list > li > strong{color:#003567;}
.inbox-list > li > span{display:block; margin:0 0 0 13px; line-height:24px;}

@media (min-width: 768px){
    .inbox-list > li > .inbot-cont { display: inline-block; width:100%; min-height: 100px; margin:0 0 0 13px; box-sizing: border-box;}
}

.inlist-info{display:block;margin:0 0 0 15px;}
.inlist-info li{display:block; font-size:16px;}
.inlist-info li span{font-size:16px; font-weight:700}

@media (max-width: 767px){
    .inbox-div { margin: 0 0 10px 0; box-shadow: none;}
    .inbox-div > .inbox-ul > li { width: 100%; min-height: 300px; margin: 0 0 10px 0; padding: 15px 20px 20px 20px; border-right: 1px solid #ccc;box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);}
    .inbox-list { width: 95%;}
    .inbox-div .tit { padding: 10px 0 10px 0; font-size: 24px;}
}

.guide-item-box { display: block;}
.guide-item-box .gitem-box { clear: both; display: inline-block; margin:0 auto; padding:0; width: 100%; box-sizing: border-box; vertical-align:top;}

.apply-process { display:block; position:relative; margin:0px; padding:0px;}
.apply-process ul { display:block;margin:0 auto;}
.apply-process ul li { display:inline-block;}
.apply-process ul li > span { display:inline-block;}
.apply-process ul li > span.fa-icon { display:inline-block; margin: 20px 20px; padding: 20px 0; width:160px; text-align:center; font-weight: 500; border: 1px solid #cecccc; box-shadow: 6px 6px 2px 1px rgba(238, 238, 238, .9);}
.apply-process ul li > span.fa-next { display:inline-block; margin:-70px 5px 0 5px; font-size: 30px; vertical-align:middle;}
.apply-process ul li span.fa-icon i { display:block; margin:10px 0 20px 0; text-align:center; font-size:40px; color:#547da5;}

@media (max-width: 767px) { 
    .apply-process ul li > span.fa-icon { margin: 25px 5px 0 0; padding: 10px 0; width: 120px; font-size: 14px;}
    .apply-process ul li span.fa-icon i { margin: 10px 0; font-size: 35px;}
}

@media (max-width: 320px) { 
    .apply-process ul li > span.fa-icon { margin: 25px 5px 0 0; padding: 10px 0; width: 95px; font-size: 14px;}
}


/* 해외진출 상담 new */
.gbs-counsel-box{display:inline-block;width:100%;padding:20px 0;border-top: 2px solid #bdbdbd}
.gbs-counsel-box > ul{display: inline-block;width:100%}
.gbs-counsel-box > ul > li{display: inline-block;width:31%;padding: 0 5px 10px 0}
@media (min-width:768px){
    .gbs-counsel-box > ul > li{width:18%;padding: 0 5px 10px 0}
}
@media (max-width:341px){
    .gbs-counsel-box > ul > li{width:30%}
}

.gbs-counsel-box.inbox > ul > li{width:22%;padding: 0 5px 10px 0 !important;line-height: 1.5;}
@media (min-width:768px){
    .gbs-counsel-box.inbox > ul > li{width:10%}
}


.gbs-counsel-box input[type='checkbox']{float:left;width:1px;height:1px;background-color:#fff;border:none !important;outline:0;-webkit-appearance:none}


.gbs-counsel-box label{display:inline-block;cursor:pointer;width:95%;margin: 0;padding:7px 6px;font-size: 16px;text-align: center;border:1px solid #959595;border-radius:3px;box-sizing: border-box;}
@media (max-width:341px){
    .gbs-counsel-box label{font-size:15px;padding:7px 3px;}
}

.gbs-counsel-box input[type='checkbox']:checked + label{color:#fff;border:1px solid #ae1948;background:#ae1948}

.gbs-counsel-box input[type='checkbox']:focus{outline:1px solid #fff !important}
.gbs-counsel-box input[type='checkbox']:focus + label{outline:1px solid #aaa}


.gbs-counsel-box.inbox{display:inline-block;width:100%;padding: 10px 0 0 0;border: 0}

.gbs-counsel-box.inbox label{width:100%;margin: 0 !important;padding: 2px 4px 2px 4px;font-size: 14px;box-sizing: border-box;}

.counsel-time-box{display: inline-block;padding: 2px 0 3px 10px;font-weight:500;color: #fff;vertical-align: middle;}
@media (max-width: 767px){
    .counsel-time-box{width:100%;padding: 5px 0 2px 0}
}

.counsel-time-box em{display: inline-block;width: 40px;margin:0 5px 0 0;padding: 0 7px;font-size: 0.8rem;text-align: center;border-radius: 5px;background-color: #ae1948;}

.counsel-det{display:inline-block;width:100%; padding:2px 5px 3px 0;}
.counsel-det em{display:inline-block; min-width: 55px; padding:2px 5px 2px 5px; font-size: 15px; font-weight:400; color:#fff;text-align: center; vertical-align:middle; background-color:#ae1948; border-radius:5px;}

/*-----------------
     수출역량 진단
-------------------*/
/* 진단하기 */
.dv-diagnosis { display: inline-block; width: 100%; margin: 0; margin: 5px 0 0 0; padding: 0 0 10px 0;}
.dv-diagnosis > ul { display: inline-block; width: 100%; padding: 3px 0; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background-color: #fcfcfc; word-break: keep-all;}
.dv-diagnosis > ul > li { display: inline-block; width: 100%; padding: 3px 0;}
.dv-diagnosis .sub-groupbox { display: inline-block; width: 100%; padding: 3px 0; font-size: 15px; line-height: 22px;}
.dv-diagnosis .sub-groupbox > li { display: inline-block; width: 100%; padding: 15px 0 15px 0; box-sizing: border-box;}
.dv-diagnosis .sub-groupbox > li > p { display: inline-block; width: 100%; padding: 3px 0 3px 10px; box-sizing: border-box;}
.dv-diagnosis .sub-groupbox > li .in-cont { display: inline-block; width: 100%; padding: 7px 0 7px 20px; box-sizing: border-box;}
.dv-diagnosis .sub-groupbox .in-cont > ul { display: inline-block; width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
@media (max-width: 767px) { 
    .dv-diagnosis .sub-groupbox .in-cont > ul { padding: 0 0 0 15px;}
}


.dv-diagnosis .sub-groupbox .in-cont > ul > li { display: inline-block; width: 90%; margin: 0; padding: 3px 0; box-sizing: border-box;}
@media (min-width: 768px) {
    .dv-diagnosis .sub-groupbox .in-cont > ul > li { width: auto; padding: 3px 10px 3px 0}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .dv-diagnosis .sub-groupbox .in-cont > ul > li { width: auto; padding: 3px 10px 3px 0}
}

.dv-diagnosis .sub-groupbox .in-cont label { display: inline-block; width: 80%; padding: 0 17px 0 4px; vertical-align: top; word-break: keep-all; word-wrap: break-word;}

/* tab-menu */
.tab-box {display:block;padding-top: 20px; margin: 0 auto; width:100%;}
.tab-box > .tab-diag {display:block; width:100%;font-size: 0; list-style-type: none;}
.tab-box > .tab-diag > li { display:inline-block; width:50%; height: auto; background: #f7f7f7; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 2px solid #6b1e74; box-sizing: border-box;}
.tab-box > .tab-diag > li:first-child {border-left: 1px solid #ddd;}
.tab-box > .tab-diag > li:last-child {border-right: 1px solid #ddd;}
.tab-box > .tab-diag > li.active{border-color: #6b1e74; border-width: 2px; border-right: 2px solid #6b1e74; border-bottom: 0 solid #fff; background: #fff;}
.tab-box > .tab-diag > li > a{display: block; padding: 15px 0; width: 100%; height: 100%; font-size: 15px; color: #555; text-align:center; font-weight: 400;}
.tab-box > .tab-diag > li.active > a { font-size: 15px; color: #6b1e74; font-weight: 700;}

/* 수출역량진단관리 목록 */
.dv-diag-list { display: inline-block; width: 100%; margin: 0; padding: 0;  border-top: 1px solid #bfbfbf; vertical-align: top;}
.dv-diag-list > .inner { display: inline-block; width: 100%; margin: 0; padding: 7px 0 8px 0; border-bottom: 1px dashed #bcbcbc;}
.dv-diag-list > .inner:last-child { border-bottom: 2px solid #636363;}
.dv-diag-list > .inner.nodata { border-bottom: 2px solid #636363;} /* nodata 사용*/
.dv-diag-list > .inner > ul, .dv-diag-list > .inner > ul > li { display: inline-block; width: 100%;}
.dv-diag-list > .inner.nodata > ul > li { padding: 7px 0;} /* nodata 사용*/

.dv-diag-list > .inner .subj { margin: 2px 0; padding: 0;}
.dv-diag-list > .inner .subj .tit { display: inline-block; margin-right: 10px; font-size: 17px; font-weight: 500; line-height: 26px;}
.dv-diag-list > .inner .info { margin: 5px 0; padding: 0;}
.dv-diag-list > .inner .info p { display: inline-block; width: 100%; margin: 3px 0;}
.dv-diag-list > .inner .info .stit, .dv-diag-list > .inner .info .sbcont { display: inline-block; font-size: 15px;}
.dv-diag-list > .inner .info .stit { padding: 0 9px 0 0;}
.dv-diag-list > .inner .info .sbcont {}
.dv-diag-list > .inner .btn-area { display: inline-block; width: 100%; margin: 0; padding: 7px 0;}
.dv-diag-list > .inner .btn-area a { margin-right: 10px;}
@media (max-width: 280px) { 
    .dv-diag-list > .inner .btn-area a { padding: 9px 8px;}
}

/* 수출역량진단 결과 목록 */
.diag-result-list { display: inline-block; width: 100%; margin: 0; padding: 0;  border-top: 1px solid #bfbfbf; vertical-align: top; box-sizing: border-box;}
.diag-result-list > ul ,.diag-result-list > ul > li, .diag-result-list > ul > li > .cont { display: inline-block; width: 100%; box-sizing: border-box;}

.diag-result-list > ul { margin: 0; padding: 0;}
.diag-result-list > ul > li { margin: 0; padding: 8px 0; border-bottom: 1px dashed #bcbcbc;}
.diag-result-list > ul > li > .cont { margin: 0; padding: 0;}
.diag-result-list .cont > li {}
.diag-result-list .cont .subj { float: left;}
@media (min-width: 768px) {
    .diag-result-list .cont .subj { padding: 4px 0 0 12px;}
}
@media (max-width: 767px) { 
    .diag-result-list .cont .subj { padding: 12px 0 0 12px;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .diag-result-list .cont .subj { padding: 4px 0 0 12px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .diag-result-list .cont .subj { padding: 4px 0 0 12px;}
}

.diag-result-list .cont .rst-cont { float: right;}
.diag-result-list .cont .rst-cont p {}
@media (min-width: 768px) {
    .diag-result-list .cont .rst-cont p { display: inline-block; width: auto; padding: 4px 10px 0 10px;}
}
@media (max-width: 767px) {
    .diag-result-list .cont .rst-cont p { width: 100%;}
    .diag-result-list .cont .rst-cont p:first-child { padding-bottom: 5px; text-align: center;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .diag-result-list .cont .rst-cont p { display: inline-block; width: auto; padding: 0 10px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .diag-result-list .cont .rst-cont p { display: inline-block; width: auto; padding: 4px 10px 0 10px;}
}

.diag-result-list .total { display: inline-block; width: 100%; padding: 8px 0;}
.diag-result-list .total .inner { float: right; width: 80%; margin: 0; padding: 0;}
@media (min-width: 768px) {
    .diag-result-list .total .inner { width: 60%;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.diag-result-list .total .inner { width: 60%;}
}

.diag-result-list .total .tit { float:left; font-size: 17px; font-weight: 500; color: #333;}
.diag-result-list .total .num { float: right; font-size: 17px; font-weight: 500; color: #333;}
.diag-result-list .total .num .all { padding-left: 5px; font-size: 15px; font-weight: 400; color: #666;}

.diag-result-box { display: inline-block; width: 100%; padding: 10px 12px; font-size: 15px; font-weight: 400; color: #555; line-height: 23px; word-break: keep-all; word-wrap: break-word; box-sizing: border-box; border: 1px solid #ddd;}
.diag-result-box .sb-tit { padding: 5px 0; font-size: 18px; color:#333; font-weight: 500; }
.diag-result-box p { padding: 7px 0;}
.diag-result-box div { padding: 7px 0}
.diag-result-box ul { width: 100%; padding: 7px 0;}
.diag-result-box ul li {width: 100%; padding: 5px 0;}

/* 영역별 진단결과 그래프 영역 */
.cht-area { display: inline-block; width: 100%; margin: 10px 0 0 0; padding: 0; box-sizing: border-box;}


/* 결과- 탭박스 */
.tab-box > .tab-diag-result { display:block; width:100%; font-size: 0;list-style-type: none;}
.tab-box > .tab-diag-result > li { display:inline-block; width:20%; height: auto; background: #f7f7f7; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 2px solid #6b1e74; box-sizing: border-box;}
.tab-box > .tab-diag-result > li:first-child {border-left: 1px solid #ddd;}
.tab-box > .tab-diag-result > li:last-child {border-right: 1px solid #ddd;}
.tab-box > .tab-diag-result > li.active{border-color: #6b1e74; border-width: 2px; border-right: 2px solid #6b1e74; border-bottom: 0 solid #fff; background: #fff;}
.tab-box > .tab-diag-result > li > a { display: block; padding: 20px 0; width: 100%; height: 100%; font-size: 16px; color: #555; line-height: 20px;text-align:center; font-weight: 400; cursor: pointer;}
.tab-box > .tab-diag-result > li > a:hover,.tab-box > .tab-diag-result > li > a:focus { text-decoration: underline;}
.tab-box > .tab-diag-result > li.active > a { font-size: 17px; color: #6b1e74; font-weight: 700;}

/* 결과-영역별 정리 */
.diag-rst-flbox { display: none/*float: left; width: 40%; */} /* 그래프 없는 상황에서는 영역이 보이지 않게 css 수정*/
.diag-rst-frbox { float:left; width: 100%;/*float: right; width: 60%;*/ margin-top: 40px; vertical-align: top;} /* 그래프 없는 상황에서는 100% width 로 조정 , 그래프 이후에 영역 퍼센트 수정*/

/* 이미지 */
.img-box-set { display: inline-block; width:100%; margin: 10px 0 0 0;}
.img-box-set .img-dv { display: inline-block; width: 100%; padding: 25px 0 40px 0;}
.img-box-set .img-dv img { width: 100%;}


/* Event detail -------------------*/

.sub-cont-wrap .info-section1 { display: inline-block; width: 100%; padding-bottom: 10px;}
.sub-cont-wrap .info-section2 { display: inline-block; width: 100%;border-top: 2px solid #636363;}

.sub-cont-wrap .info-img { float: left; width: 100%; padding: 20px 0 0 0; vertical-align: top;}
@media (min-width: 1200px) {
    .sub-cont-wrap .info-img { width: 44%;}
}


@media (min-width: 768px) and (max-width: 1199px){
    .sub-cont-wrap .info-img { width: 47%;}
}
@media (max-width: 767px) {
    .sub-cont-wrap .info-img { width: 100%;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .sub-cont-wrap .info-img { width: 44%;}
}

.sub-cont-wrap .info-section2 .info-img {padding: 25px 0 0 0;}

.info-img .category { display: inline-block; width: 100%; padding-bottom: 12px; font-size: 1rem; line-height: 1.5rem; color: #454545; word-break: keep-all; word-wrap: break-word;}
.info-img .category span { padding: 0 7px; color: #bfbfbf;}


.info-img img.detail { max-width: 100%; height: auto; vertical-align: middle; text-align: center;} /* 상세 이미지 사이즈 482x228 */


/* 주의 text */
.note-rtext { color: #555; vertical-align: middle; box-sizing: border-box;}
.note-rtext.orange { color: #ff451a;}
@media (min-width: 1200px) {
    .note-rtext { float: right; width: 53%; margin: 10px 0 0 0;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .note-rtext { float: right; width: 50%; margin: 10px 0 0 0;}
}
@media (max-width: 767px) {
    .note-rtext { display: inline-block; width: 100%; padding: 15px 0 5px 0; }
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
     .note-rtext { float: right; width: 50%; margin: 10px 0 0 0;}
}



.sub-cont-wrap .info-basic-wrap { width: 100%; margin: 10px 0 0 0;}
@media (min-width: 1200px) {
    .sub-cont-wrap .info-basic-wrap { float: right; width: 53%; margin: 25px 0 0 0;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sub-cont-wrap .info-basic-wrap { float: right; width: 50%; margin: 25px 0 0 0;}
}
@media (max-width: 767px) {
    .sub-cont-wrap .info-basic-wrap { display: inline-block; width: 100%; margin: 10px 0 0 0;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .sub-cont-wrap .info-basic-wrap { float: right; width: 50%; margin: 5px 0 0 0;}
}


.sub-cont-wrap .info-basic-wrap.no-rtext { } /* 위에 주의 글 없을때 사용 */
@media (min-width: 1200px) { 
    .sub-cont-wrap .info-basic-wrap.no-rtext { margin: 50px 0 0 0;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .sub-cont-wrap .info-basic-wrap.no-rtext { margin: 50px 0 0 0;}
}

@media (max-width: 767px) {
    .sub-cont-wrap .info-basic-wrap.no-rtext { margin: 15px 0 0 0;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .sub-cont-wrap .info-basic-wrap.no-rtext { margin: 51px 0 0 0;}
}


.sub-cont-wrap .info-basic { float: left; width: 100%; margin: 5px 0 0 0; padding: 10px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; vertical-align: top;}
.sub-cont-wrap .info-basic.noline { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; border-top: 0; border-bottom:0; vertical-align: top;}
.sub-cont-wrap.info-detail .info-basic  p strong { font-size:17px; font-weight:700;}
.info-basic dl { float: left; width:100%; padding: 5px 0;}
.info-basic.noline dl { padding: 9px 0;}
.info-basic dl dt, .info-basic dl dd { float: left; box-sizing: border-box; word-break: break-all; line-height: 19px;}
.info-basic dl dt { width: 80px; margin-left: 10px; padding: 0 0 0 8px; font-size: 16px; color: #000; font-weight: 400;}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .info-basic dl dt { width: 75px;}
}


.info-basic dl dd { width: 70%; padding: 0 0 0 15px; font-size: 16px; color: #555; font-weight: 300;}
@media (max-width: 320px) {
    .info-basic dl dd { width: 65%;}
}
@media (max-width: 280px) {
    .info-basic dl dd { width: 60%;}
}

@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .info-basic dl dd { width: 63%;}
}


.info-basic dl dt.lg { width: 110px; padding: 0 0 0 8px;}
.info-basic dl dd.mn { width: 220px; padding: 0 0 0 15px;}

.info-basic dl dt::before, .info-basic dl dd::before { position: absolute; content: ''; display: inline-block; box-sizing: border-box;}
.info-basic dl dt::before { width: 4px; height: 4px; margin: 7px 0 0 -8px; border-radius: 10px; background-color: #595959;}
.info-basic dl dd::before { width: 3px; height: 12px; margin: 4px 0 0 -15px;border-radius: 10px; background-color: #c2c2c2;}

.info-basic.noline .category { display: inline-block; width: 100%; padding: 10px 0; font-size: 16px; color: #454545; letter-spacing: -1px}
.info-basic.noline .category span { padding: 0 7px; color: #bfbfbf;}
 

/* 국가,상태분류 */
.label-categorybox { display:inline-block; width: 100%; padding-bottom: 10px;}
.label-categorybox .label { float: left; padding: 7px 10px; margin: 0 10px 0 0; font-size: 14px; text-align: center; border: 1px solid #8a8a8a;}


/* event text list -------------------*/
/* 텍스트 리스트 */
.event-text-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.event-text-list ul { display: inline-block; width: 100%; margin: 0; padding: 0; }
.event-text-list ul li { display: inline-block; width: 100%; margin: 0; padding: 7px 0 8px 0; border-bottom: 1px dashed #bcbcbc;}
.event-text-list ul li:last-child {border-bottom: 2px solid #636363;}
.event-text-list ul li .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; height: 46px; font-size: 16px; color: #6b1e74; font-weight: 500; line-height: 23px;text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; }
.event-text-list ul li .tit:hover,.event-text-list ul li .tit:focus { text-decoration: underline;}
.event-text-list ul li .level {color: #333;}
.event-text-list ul li .txt {margin: 10px 0 0 0}
.event-text-list ul li .txt span { padding: 0 0 0 10px;font-size: 14px; color: #777;}
.event-text-list ul li .txt .txt-date { padding: 0 10px 0 0;}
.event-text-list ul li .txt .txt-date::after { position: absolute; display: inline-block; content: ''; width:1px; height: 12px; margin: 2px 0 0 10px; background-color: #ccc;}



/*-----------------
     search
-------------------*/

/* 전체 검색 결과 */ 
.search-result-text { display: block; width: 100%; margin: 0; padding: 10px 20px; border-bottom: 1px solid #b7b7b7; box-sizing: border-box;}
.search-result-text p { display: block; font-size: 16px; color: #333; text-align: center; line-height: 22px;}
.search-result-text p .keyword { color: #8938b9;}
.search-result-text p .num { color: #f74015;}

/* 검색 해당분야 바로가기  */
.search-btn-topbox { display: inline-block; width: 100%; margin: 0; padding: 5px 0 10px 0; vertical-align: top;}
.search-btn-topbox ul { display: block; width: 100%; margin: 0; padding: 0;}
.search-btn-topbox ul li { }
@media (min-width: 768px) {
    .search-btn-topbox ul li { display: inline-block; width: 24%; margin: 0 3px 5px 0;}
}

.search-btn-topbox ul li a { display: block; width: 100%; padding: 9px 5px 10px 5px; font-size: 16px; font-weight: 400; line-height: 18px; text-align: center; border-radius: 2px; box-sizing: border-box;}
.search-btn-topbox .active { color: #fff; background: #6b1e74;}
.search-btn-topbox .default { color: #444; background: #dfdfdf;}
@media (max-width: 767px) { 
    .search-btn-topbox ul li { width: 49%; margin: 0 0 5px 0;}
    .search-btn-topbox ul li:nth-child(odd) { float: left;}
    .search-btn-topbox ul li:nth-child(even) { float: right;}
	.search-btn-topbox ul li a { font-size:15px !important;}
}
@media (max-width: 320px) {
	.search-btn-topbox ul li a { padding: 5px; height:46px;}   
	}

/* 행사정보 */
.event-list.tsearch { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.event-list.tsearch .inner { float: left; width: 100%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.event-list.tsearch .inner:first-child { padding: 10px 0 20px 0;}
.event-list.tsearch .inner:last-child { border-bottom: 2px solid #636363;}
.event-list.tsearch.nobtline .inner:last-child { border-bottom: 0;}
.event-list.tsearch .inner > ul { border-bottom: 0;}
.event-list.tsearch .inner > ul::after { clear: both; display: block; content: '';}
.event-list.tsearch .inner > ul > li { float: left;}
.event-list.tsearch .inner .in-img { width: 144px; vertical-align: top;}
.event-list.tsearch .inner .in-img a { position: relative; display: block; width: 142px; height: 79px; border: 1px solid #cfcfcf;}
.event-list.tsearch .inner .in-img img { position: absolute; max-width: 142px; max-height: 79px; top: 50%; left: 50%; transform: translate( -50%, -50%)}
.event-list.tsearch .inner .in-img img.list-img { max-width: 142px; max-height: 79px;  vertical-align: middle;}  /*목록이미지 사이즈 220*124 */
.event-list.tsearch .inner .in-txt { width: 50%; margin: 0 0 0 10px;}
.event-list.tsearch .inner .in-txt a .keyword { color: #8938b9}
.event-list.tsearch .inner .in-txt .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; width: 98%; height: 78px; font-size: 17px; color: #222; line-height: 26px; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word;}
@media (min-width: 768px) { 
    .event-list.tsearch .inner .in-txt { width: 77%;}
}

@media (max-width: 767px) {
    .event-list.tsearch .inner .in-txt { width: 50%;}
    .event-list.tsearch .inner .in-txt .tit { width: 98%; height: 78px; margin: 0; font-size: 17px; line-height: 26px;}
}

@media (max-width: 320px) {
    .event-list.tsearch .inner .in-txt { width: 44%;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.event-list.tsearch .inner .in-txt { width: 74%;}
}

@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	.event-list.tsearch .inner .in-txt { width: 70%;}
}

.event-list.tsearch .inner .info-text { display: block; margin: 10px 0 0 0; color: #555;}
.event-list.tsearch .inner .info-text > ul { display: block; width: 100%}
.event-list.tsearch .inner .info-text > ul > li { width: 100%; padding: 2px 0 3px 0; font-size: 15px; line-height: 18px;}
.event-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 20px;}
.event-list.tsearch .inner .navi a { padding: 0; color: #777;}
.event-list.tsearch .inner .navi a::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 14px; margin: 4px 0 0 7px; background-color: #ccc;}
.event-list.tsearch .inner .navi .txt-date { padding-left: 17px; color: #777;}


/* 수출정보 */
.export-list.tsearch { display: inline-block; width: 100%; margin: 10px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #b7b7b7;}
.export-list.tsearch::after { display: block; content: ''; clear: both;} 
.export-list.tsearch .inner { float: left; width: 100%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.export-list.tsearch .inner:first-child { padding: 5px 0 20px 0;}
.export-list.tsearch .inner:last-child { border-bottom: 2px solid #636363;}
.export-list.tsearch .inner ul { border-bottom: 0;}
.export-list.tsearch .inner ul li { display: inline-block; width: 100%; padding: 3px 0; word-break: keep-all;}
.export-list.tsearch .inner .title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 90%; height: 46px; font-size: 17px; font-weight: 700; color:#333; line-height: 23px; -webkit-box-orient: vertical; text-overflow: ellipsis;}

@media (min-width: 768px) { 
    .export-list.tsearch .inner .title { width: 99%; height: auto; white-space: nowrap;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.export-list.tsearch .inner .title { width: 98%; }
}

.export-list.tsearch .inner .title a { font-family: "Noto Sans TC", "Noto Sans KR", sans-serif; color:#333;}
.export-list.tsearch .inner .title a:hover, .export-list.tsearch .inner .title a:focus { text-decoration: underline;} 
.export-list.tsearch .inner .title a .keyword { color: #8938b9}
.export-list.tsearch .inner .title .label { display: inline-block; margin-right: 4px; padding: 4px 6px 5px 6px; font-family: "Noto Sans TC", sans-serif; font-size: 13px; text-align: center; line-height: 16px; border-radius: 2px; vertical-align: middle;}
.export-list.tsearch .inner .title .label.support { color: #fff; background-color: #6b1e74;} /* 해외지원사업안내 */
.export-list.tsearch .inner .title .label.market { color: #fff; background-color: #f74015;} /* 해외시장동향 */
.export-list.tsearch .inner .title .label.darkblue { color: #fff; background-color: #003567;}
.export-list.tsearch .inner .title .label.darkmagenta { color: #fff; background-color: #92338A;}
.export-list.tsearch .inner .title .label.royalblue { color: #fff; background-color: #1856a1;}
.export-list.tsearch .inner .cont { display: -webkit-box; overflow: hidden; width: 90%; height: 92px; margin: 5px 0 0 0; font-size: 15px; line-height: 23px; color: #555; font-weight: 400; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:4;}
@media (min-width: 768px) { 
    .export-list.tsearch .inner .cont { width: 98%;}
}
@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
	.export-list.tsearch .inner .cont { width: 98%;}
}
.export-list.tsearch .inner .cont .keyword { color: #8938b9}

.export-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 20px;}
.export-list.tsearch .inner .navi a { padding: 0 4px 0 0; color: #777;}
.export-list.tsearch .inner .navi a::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 14px; margin: 4px 0 0 7px; background-color: #ccc;}
.export-list.tsearch .inner .navi .txt-date { padding-left: 17px; color: #777;}


/* 비즈니스 */
.business-list.tsearch { display: inline-block; width: 100%; margin: 0; margin: 10px 0 0 0; padding: 15px 0 0 0; border-top: 1px solid #b7b7b7;}
.business-list.tsearch::after { display: block; content: ''; clear: both;} 
.business-list.tsearch .inner { float: left; width: 100%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.business-list.tsearch .inner:first-child { padding: 5px 0 20px 0;}
.business-list.tsearch .inner:last-child { border-bottom: 2px solid #636363;}
.business-list.tsearch .inner ul { border-bottom: 0;}
.business-list.tsearch .inner ul li { display: inline-block; width: 100%; padding: 3px 0; word-break: keep-all;}
.business-list.tsearch .inner .title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; width: 90%; height: 69px; font-size: 17px; font-weight: 700; color:#333; line-height: 23px; -webkit-box-orient: vertical; text-overflow: ellipsis;}

@media (min-width: 768px) { 
    .business-list.tsearch .inner .title { width: 99%; height: auto; white-space: nowrap;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.business-list.tsearch .inner .title { width: 99%;}
}

.business-list.tsearch .inner .title a { color:#333;}
.business-list.tsearch .inner .title a:hover, .business-list.tsearch .inner .title a:focus { text-decoration: underline;} 
.business-list.tsearch .inner .title a .keyword { color: #8938b9}
.business-list.tsearch .inner .title .label { display: inline-block; margin-right: 4px; padding: 4px 6px 5px 6px; font-size: 13px; font-weight: 400; text-align: center; line-height: 16px; border-radius: 2px; vertical-align: middle;}
.business-list.tsearch .inner .title .label.buyer { color: #fff; background-color: #003567;} /* 바이어 */
.business-list.tsearch .inner .title .label.faq { color: #fff; background-color: #92338A;} /* FAQ */
.business-list.tsearch .inner .title .label.export { color: #fff; background-color: #1856a1;} /* 해외수출계약서식 */
.business-list.tsearch .inner .title .label.orangered { color: #fff; background-color: #f74015;}
.business-list.tsearch .inner .title .label.royalblue { color: #fff; background-color: #1856a1;}

.business-list.tsearch .inner .cont { display: -webkit-box; overflow: hidden; width: 98%; height: 92px; margin: 5px 0 0 0; font-size: 15px; line-height: 23px; color: #555; font-weight: 400; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:4;}


.business-list.tsearch .inner .cont .keyword { color: #8938b9}

.business-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 20px;}
.business-list.tsearch .inner .navi a { padding: 0 4px 0 0;}
.business-list.tsearch .inner .navi a::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 14px; margin: 4px 0 0 7px; background-color: #ccc;} 
.business-list.tsearch .inner .navi .txt-date {  padding-left: 17px; color: #777;}

/*-----------------
     로그인
-------------------*/
.login-wrap { display: block; width: 100%; margin: 15px auto 0 auto; padding: 0 0 20px 0;}
@media (min-width: 768px) { 
    .login-wrap { width: 55%; min-height: calc( 100vh - 415px ); margin: 55px auto 0 auto;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	.login-wrap { width: 70%;}
}

.login-wrap h1 { display: block; padding: 10px 0 15px 0; font-size: 26px; font-weight: 700; color: #333; text-align: center;}

.login-wrap .login-form {  display: inline-block; width: 100%;}
.login-wrap .login-form li { display: inline-block; width: 100%; padding: 7px 0;}
.login-wrap .login-form input[type='text'],.login-wrap .login-form input[type='password'] { display: inline-block; width: 100%; height: 45px; padding: 9px 15px; font-size: 18px; line-height: 35px; border: 1px solid #bdbdbd; box-sizing: border-box;}
.login-wrap .login-form input::placeholder { color: #555;}

.login-wrap .btn-login { display: inline-block; width: 100%; height: 45px; margin-top: 5px; padding: 10px 10px; font-size: 18px; color: #fff; font-weight: 700; text-align: center; background: #6b1e74; box-sizing: border-box;}


.login-wrap .member-link { display: block; margin: 0 auto; padding: 30px 0; font-size: 16px; text-align: center;}
.login-wrap .member-link a { padding: 0 10px 0 20px; color: #333;}
@media (max-width: 320px) {
    .login-wrap .member-link a { padding: 0 8px;}
}
.login-wrap .member-link a::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 16px; margin: 2px 0 0 20px; background-color: #c1c1c1}
@media (max-width: 320px) {
    .login-wrap .member-link a::after { margin: 2px 0 0 10px;}
}
.login-wrap .member-link a:last-child::after { display: none;}
.login-wrap .member-link a:hover, .login-wrap .member-link a:focus {text-decoration: underline; }

.nomember-link{ display: inline-block; width: 100%; padding: 13px 0 10px 0; font-size: 20px;}
.login-wrap .nomember-link a { padding: 11px 20px; font-size: 18px !important; color: #333; box-sizing: border-box;}



/*-----------------
     회원가입
-------------------*/
/* 회원가입 선택 -------------------*/
.dv-signup-box {display:block;}
.signup-div { display: inline-block; width: 100%; margin: 0 0 20px 0; padding: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2); }
.signup-div > .signup-ul { float: left; width: 100%;}
.signup-div > .signup-ul > li { float: left; width: 50%; min-height: 200px; padding: 25px 30px 30px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box;}
.signup-div > .signup-ul > li:last-child { border-right: 1px solid #ccc;}

.signup-div .tit { display: block; padding: 10px 0 10px 0; font-weight: 600; font-size: 26px; color: #333; text-align: center;}

.sgn-list { display: block; margin: 10px auto 15px auto; width: 85%; min-height: 135px;}
.sgn-list.nonmemb { width: 90%; min-height: 135px;} 
.sgn-list > li{display:block; line-height: 26px; text-align:left;}
.sgn-list > li .inbot-tit{display:inline-block;margin:0 10px 0 0; font-size:17px; font-weight:700}
.sgn-list > li .em { display: inline-block; font-size:17px; font-weight: 700; color: #000;}
.sgn-list > li > strong{color:#003567;}
.sgn-list > li > span{display:block; margin:0 0 0 13px; line-height:24px;}
.sgn-info{display:block;margin:0 0 0 15px;}
.sgn-info li{display:block; font-size:16px;}
.sgn-info li span{font-size:16px; font-weight:700}

@media (max-width: 767px){
    .signup-div { margin: 0 0 10px 0; box-shadow: none;}
    .signup-div > .signup-ul > li { width: 100%; min-height: 180px; margin: 0 0 10px 0; padding: 15px 20px 20px 20px; border-right: 1px solid #ccc;box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2);}
    .sgn-list { width: 95%;}
    .sgn-list.nonmemb { min-height: 160px;}
    .signup-div .tit { padding: 10px 0 10px 0; font-size: 24px;}
}

/* agreen view -------------------*/
.agree-box { float:left; width: 100%; margin: 0; padding: 0; background-color: #fff; border-top: 2px solid #bdbdbd; box-sizing: border-box;}
.agree-box .agree-txtarea { display: block; margin: 20px auto; padding: 15px 20px; width: 90%; font-size: 15px; color: #555; line-height: 23px; border: 1px solid #b0b0b0;
    min-height: 150px; overflow-y: auto;}
.agree-box .agree-btnbox { display:block; text-align:right; padding: 0; box-sizing: border-box;}
.agree-box .agree-btnbox label { margin:0 0 0 10px; vertical-align:middle;}
.agree-box .agree-btnbox label strong { font-size: 16px;}
.agree-box .agree-btnbox .notice-text { margin: 0 10px 0 0}

.agree-box .agree-btnbox .agree-select { display: inline-block;}
@media (min-width: 768px){ 
    .agree-box .agree-btnbox .agree-select { width: auto;}
}
@media (max-width: 767px){ 
    .agree-box .agree-btnbox .agree-select { width: 100%; padding: 7px 0 0 0;}
}


.agree-box .agree-cont { display: block; width: 100%; height: 270px; margin: 20px auto; padding: 15px 10px; font-size: 15px; color: #454545; line-height: 23px; border: 1px solid #b0b0b0;  overflow-y: auto; overflow-x: hidden; box-sizing: border-box;}

/* 약관내 소제목 */
.agree-box .agree-cont .sub-tit { padding: 10px 0 5px 0; font-size: 17px; font-weight: 500;}
.agree-box .agree-cont .s-tit { padding: 15px 0 10px 0; font-size: 16px; font-weight: 400;}

.agree-box .agree-cont > ul { width:100%; padding: 4px 0;  box-sizing: border-box;}
.agree-box .agree-cont > ul > li { width:100%; padding: 3px 0; box-sizing: border-box;}
.agree-box .agree-cont > ul > li > div { padding: 7px 0;}
.agree-box .agree-cont > ul > li > div > ul { width:100%; padding: 3px 0;  box-sizing: border-box;}
.agree-box .agree-cont > ul > li > div > ul > li { width:100%; padding: 3px 0; box-sizing: border-box;}


.agree-box .agree-cont > div { padding: 7px 0;}
.agree-box .agree-cont > div p { padding: 4px 0;}
.agree-box .agree-cont > div ul { width:100%; padding: 3px 0;  box-sizing: border-box;}
.agree-box .agree-cont > div ul li { width:100%; padding: 3px 0; box-sizing: border-box;}

.agree-box .agree-btnbox strong { font-size: 16px;}
.agree-box .agree-btnbox input[type='checkbox'] { margin-left: 10px;}
.agree-box .agree-btnbox input[type='checkbox']:focus { outline: 3px solid #90B5CF;} 
.agree-box .agree-btnbox input[type='radio'] { margin-left: 10px;}
.agree-box .agree-btnbox input[type='radio']:focus { outline: 3px solid #90B5CF;} 

/* result box */
.result-boxwrap { display:block; width:60%; margin: 45px auto 20px auto;}
.result-box { display: inline-block; width: 100%; min-height: 250px;  padding: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2); }
@media (max-width: 767px){
    .result-boxwrap {display: inline-block; width: 100%; margin: 15px auto 20px auto;}
}
.result-box .result-cont { float: left; width: 100%; min-height: 250px; padding: 25px 30px 30px 30px; border: 1px solid #ccc; box-sizing: border-box;}
.result-box .tit { display: block; padding: 30px 0 10px 0; font-weight: 500; font-size: 24px; color: #333; line-height: 30px; text-align: center;}
.result-box .txt { display: block; padding: 20px 0 0 0; line-height: 28px; color: #6b1e74; font-size:18px;}
.result-box .txt-result { display: block; margin: 30px auto; padding: 20px 5px; width: 100%; line-height: 30px; text-align: center; font-size: 18px; background-color: #eee; border: 1px solid #e4e4e4; word-break: keep-all; box-sizing: border-box;}
@media (min-width: 768px){
    .result-box .txt-result { width: 89%;}
    .result-box .txt-box.tp2 { display: block; width: 89%; margin: 5px auto; }
}

.result-box .txt-result strong { font-weight:600; color: #6b1e74;}
.result-box .noti-txt { display: block; margin: 0px auto 30px auto; font-size: 14px;}
.result-box [class^='btn-'] { margin-right: 10px; width:43% !important; text-align:center; box-sizing: border-box;}
@media (max-width: 767px){    
    .result-box [class^='btn-'] { width: 100% !important; margin-bottom: 10px;}
}


.result-box [class^='btn-']:last-child { margin-right:0}




/*-----------------
    수출정보 스타일
-------------------*/
.view-welcon-wrap { display: block; width: 100%; min-height: 300px; margin: 10px auto; font-family:  "Noto Sans KR", Dotum, 돋움, verdana, sans-serif; font-size: 1rem !important; line-height: 1.7rem; word-break: keep-all;} /* 전체 wrap */


/* 수출정보 info */
.vw-welcon-info { display: block; margin: 0;}
.vw-welcon-info.middle { margin: 25px 0 0 0} 

.vw-welcon-content { display: block; margin: 35px 0 0 0;}

.vw-subinfo { display: block; margin: 10px 0;}
.vw-subinfo > dl { display: block; margin: 2px 0;}
.vw-subinfo > dl > dt,.vw-subinfo > dl > dd { display: inline-block; font-size: 16px !important;}
.vw-subinfo > dl > dt { font-weight: 500;}
.vw-subinfo > dl > dd { margin-left: 4px; font-weight: 300;}

.vw-infobox { display: block; margin: 10px 0;} /* pdf 요약 정보에서 주로 사용 */
.vw-infobox > ul { display:block; margin: 0; box-sizing: border-box;}
.vw-infobox > ul > li { border-bottom: 0 !important;}
.vw-infobox > ul > li.info-cont { float: left; width: 65%; box-sizing: border-box; vertical-align: top;}
@media (max-width: 767px) { 
    .vw-infobox > ul > li.info-cont { width: 100%; margin: 20px 0 0 0;}
}

.vw-infobox > ul > li.info-img { float:right !important; width: 30% !important; box-sizing: border-box; vertical-align: top !important;}
@media (max-width: 767px) { 
    .vw-infobox > ul > li.info-img { display: block; width: 100% !important;}
}

.vw-infobox > ul > li.info-img img { float: right; max-width: 280px; box-shadow: 5px 2px 15px rgba(0,0,0,0.25);}
@media (max-width: 767px) { 
    .vw-infobox > ul > li.info-img img { display: block; max-width: 100%;}
}

.vw-infobox > ul::after { content: ""; display: block; clear: both; }


/* 내용 */
.vw-subcont { display: block; margin: 10px 0 40px 0; font-size: 16px !important;}


/* 글 정렬 */
.vw-text-center { display: block; margin: 2px auto; font-size:16px !important; line-height:1.6rem; font-weight: 300; text-align: center;}
.vw-text-right { display: block; margin: 2px auto; font-size: 16px; line-height: 1.6rem; font-weight: 300; text-align: right;}

/* 제목 */
.vw-title { display: block; margin: 10px 0 15px 0; font-size: 20px; font-weight: 600; color: #111; word-break:break-all;}
.vw-title img { max-width: 750px;}
.vw-1depth-subtitle { display: block; margin: 10px 0 5px 0; font-size: 18px; font-weight: 600; color: #333;}

.vw-1depth-subtitle.ic-square::before { position: absolute; display:block; content:''; margin: 8px 0 0 -15px; width: 7px; height: 7px; border: 1px solid #333;} /* 제목에 네모 아이콘 */
.vw-1depth-subtitle.ic-square2::before { position: absolute; display:block; content:''; margin: 8px 0 0 -15px; width: 7px; height: 7px; border: 1px solid #333;} /* 제목에 네모 아이콘 */
.vw-1depth-subtitle.ic-square { margin: 10px 0 5px 15px;} /* 제목에 네모 아이콘 */
.vw-1depth-subtitle.ic-square2 { margin: 30px 0 5px 15px;} /* 제목에 네모 아이콘, 중간위치 제목 */

.vw-1depth-subtitle.ic-circle::before { position: absolute; display:block; content: ''; width: 6px; height: 6px; margin:8px 0 0 -13px; border:1px solid #444; border-radius: 10px;} /* 제목에 원모양 아이콘 */
.vw-1depth-subtitle.ic-circle { margin: 10px 0 5px 15px;} /* 제목에 원모양 아이콘 */

.vw-2depth-subtitle { display: block; margin: 5px 0 5px 0; font-size: 16px; font-weight: 400; color: #333;}
.vw-1depth-subtitle.middle { margin: 30px 0 5px 0;} /* 중간위치 제목*/
.vw-2depth-subtitle.middle { margin: 15px 0 5px 0;} /* 중간위치 제목*/


/* 숫자목록 */
.vw-number-list { display:block; margin: 10px 0 25px 10px; box-sizing: border-box;}
.vw-number-list > li { display:block; padding: 5px 0 !important; font-size: 1rem !important; border-bottom: 0 !important;}
.vw-number-list > li > p { display:block; padding: 10px 0 10px 15px; font-size: 1rem !important;}
.vw-number-list > li > p:first-child { padding: 15px 0 10px 15px;} 

.vw-number-list.small { margin: 10px 0 15px 10px;}

.vw-number-sublist { display:block; margin: 5px 0 0 10px; box-sizing: border-box;} /* 숫자 소목록 */
.vw-number-sublist > li { display:block; padding: 4px 0; border-bottom: 0 !important;}  
.vw-number-sublist > li > p { display:block; padding: 4px 0 4px 10px;}


/* 목록 */
.vw-sub-list { display:block; margin: 12px 0 10px 15px; box-sizing: border-box;}
.vw-sub-list > li { display:block; padding: 4px 0 !important; font-size: 16px !important; border-bottom: 0 !important;}

.vw-sub-list.ic-circle { } /* 목록에 cicrle 아이콘 적용*/
.vw-sub-list.ic-circle > li { display:block; margin: 0 0 0 10px; padding: 4px 0; box-sizing: border-box; border-bottom: 0 !important;}
.vw-sub-list.ic-circle > li::before { position: absolute; display:block; content: ''; width: 6px; height: 6px; margin:8px 0 0 -13px; border:1px solid #444; border-radius: 10px; } 
.vw-sub-list > li > p { display:block; padding: 5px 0 5px 0;}

.vw-subcont-list { display: block; margin: 10px 0 40px 0; box-sizing: border-box;}
.vw-subcont-list.ic-circle { margin: 10px 0 40px 10px; box-sizing: border-box;}
.vw-subcont-list.ic-circle > li { display:block; margin: 0 0 0 10px; padding: 4px 0; border-bottom: 0 !important;}
.vw-subcont-list.ic-circle > li::before { position: absolute; display:block; content: ''; width: 6px; height: 6px; margin:8px 0 0 -13px; border:1px solid #444; border-radius: 10px;} 



/* 텍스트 링크 */
.vw-text-link { display:inline-block; padding: 0 0 0 15px; color: #0099b1;} 


/* 내부박스 */
.vw-subbox { display: block; margin: 10px 0 5px 0; background: #f5f5f5; border-radius: 6px; border: 1px solid #eee; box-sizing: border-box;}
.vw-subbox > ul { display:block; margin: 5px 15px 5px 25px; box-sizing: border-box;}
.vw-subbox > ul > li { display:block; padding: 5px 0; border-bottom: 0 !important;}
.vw-subbox > ul > li::before { position: absolute; display: block; content:'-'; margin: 2px 10px 0 -10px;} 
.vw-subbox > p { display:block; padding: 10px 0 2px 13px;}

.vw-subbox2 { display: block; margin: 10px 0 5px 0; background: #f5f5f5; border-radius: 6px; border: 1px solid #eee; box-sizing: border-box;}
.vw-subbox2 > ul { display:block; margin: 5px 15px 5px 25px; box-sizing: border-box;}
.vw-subbox2 > ul.ic-circle {} /* 목록에 cicrle 아이콘 적용*/
.vw-subbox2 > ul.ic-circle > li { display:block; margin: 0 0 0 10px; padding: 4px 0; box-sizing: border-box; border-bottom: 0 !important;}
.vw-subbox2 > ul.ic-circle > li::before { position: absolute; display:block; content: ''; width: 6px; height: 6px; margin:8px 0 0 -13px; border:1px solid #444; border-radius: 10px; } 
.vw-subbox2 > p { display:block; padding: 10px 0 2px 13px;}
.vw-subbox2 .vw-1depth-subtitle  { margin: 15px 0 5px 19px;} /* 내부박스 안의 제목 */
.vw-subbox2 .vw-2depth-subtitle  { margin: 15px 0 5px 19px;} /* 내부박스 안의 제목 */


/* pre 태그 적용 */
.view-welcon-wrap pre { margin: 15px 0 0 0; font-family: "Noto Sans KR", sans-serif; font-size:16px; line-height:1.6rem; font-weight: 300; overflow-x: hidden; white-space: pre-wrap;}
.view-welcon-wrap pre.middle { margin: 25px 0 0 0; padding: 0 0 10px 0;}

/* 이미지 적용 */
.vw-img-box { display: block; padding: 25px 0 10px 0;}
.vw-img-box img { display:block ; max-width: 100%; margin: 0 auto; text-align: center;}
.vw-img-full-box img { display:block ; max-width: 100%; margin: 0 auto; text-align: center;}

/* 테이블 */
.view-welcon-wrap table { width: 100%; max-width: 100%; table-layout: fixed; border-collapse: collapse; background: #fff;}
.view-welcon-wrap table td { word-wrap: break-word !important;}
.view-welcon-wrap table caption { position:absolute; overflow:hidden; width:1px !important; height:1px !important; border:0; margin:-1px; padding:0; clip:rect(0 0 0 0);}
.view-welcon-wrap table.black-tb { margin: 10px auto !important; border: 2px solid #000;}
.view-welcon-wrap table.black-tb th { padding: 4px 0 !important; font-weight: 500; text-align: center !important; border-bottom: 1px solid #000 !important; border-right: 1px solid #000; background: #fff; }
.view-welcon-wrap table.black-tb td { padding: 4px 0 !important; font-weight: 300; text-align: center !important; border-bottom: 1px solid #000 !important; border-right: 1px solid #000;}
.view-welcon-wrap table.black-tb td.left { padding: 4px 2px 4px 8px !important; text-align: left !important;}
.view-welcon-wrap table.black-tb td p { text-align: center !important;}

/*-----------------
    FAQ
-------------------*/

.faq-wrap {  width:100%; margin-top:5px;}
.faq-wrap .faq-box { display: block; width:100%; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
.faq-wrap .faq-box .faq-q .faq-a { display:none; margin: 0; padding: 0px 15px; border-top-color: #ddd; font-size: 14px; font-weight: normal!important;  color: #555;  background-color:#f7f7f7; line-height: 1.667em; word-break: keep-all; border-top: 0px solid rgba(0,0,0,.125);}
.faq-wrap .faq-box .faq-q .faq-q-i{ display: inline-block; margin: 0 7px 0 0; padding: 0; width: 25px; height: 25px; border-radius: 5px; background-color: #6b1e74; color: #fff; line-height: 20px; font-weight: 700; text-align: center;vertical-align: middle; box-sizing: border-box;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-i{display: inline-block; margin: 15px 15px 0 0px; width: 25px; height: 25px; border-radius: 5px; background-color: #9b9a9a; color: #fff; font-weight: 700; text-align: center; vertical-align: top; box-sizing: border-box;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-box { display:inline-block; padding:15px 0; width: 100%; box-sizing: border-box;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-box img { width: 100% !important;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-box iframe { width: 100% !important;}

.faq-wrap .faq-box .faq-q{display:block;}
.faq-wrap .faq-box .faq-q > a {display:block; padding: 1em 0.5em; font-size: 16px; line-height: 21px; background-color: #fff; color: #6b1e74; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;}
.faq-wrap .faq-box .faq-q > a:hover {}
.faq-wrap .faq-box .faq-q .faq-type{color: #6b1e74; }
.faq-wrap .faq-box .faq-q a.stay {}
.faq-wrap .faq-box .faq-q .active { font-size: 16px; font-weight:700;}
.faq-wrap .faq-box i{font-size:16px;padding-right: 10px;}     

/* faq in table */
.table_faq { width: 100%; margin: 10px 0; border-top: 2px solid #bdbdbd; background-color:#fff;}
.table_faq th { padding: 10px 3px 10px 15px; font-size: 15px; color: #111; font-weight: 700; border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: center; }
.table_faq tr th:last-child { border-right:0;}
.table_faq td { padding: 10px 5px  10px 18px; font-size: 15px; color: #555; font-weight: 400;line-height: 24px;border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; word-break: break-all; vertical-align: middle;}
.table_faq tr td:last-child { border-right:0;}

/*-----------------
    공지사항,뉴스레터
-------------------*/

.ntnw-wrap {  width:100%; margin-top: 5px;}
.ntnw-wrap .ntnw-box { display: block; width:100%; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
.ntnw-wrap .ntnw-box .ntnw-subj .ntnw-contwrap { display: none; margin: 0; padding: 0px 15px 0px 25px; border-top-color: #ddd; font-size: 15px; font-weight: normal!important;  color: #555;  background-color:#f7f7f7; line-height: 1.667em; word-break: keep-all; border-top: 0px solid rgba(0,0,0,.125);}


.ntnw-wrap .ntnw-box .ntnw-subj .ntnw-contwrap .ntnw-cont { display:inline-block; padding:15px 0; width:calc( 100% - 5%); word-break: keep-all; word-wrap: break-word; box-sizing: border-box;}
.ntnw-wrap .ntnw-box .ntnw-subj .ntnw-contwrap .ntnw-cont iframe { width: 100% !important;}

.ntnw-wrap .ntnw-box .ntnw-subj { display: block;}
.ntnw-wrap .ntnw-box .ntnw-subj a { cursor: pointer;}
.ntnw-wrap .ntnw-box .ntnw-subj > a { display:block; padding: 1rem 0.5rem 1rem 0.5rem; font-size: 16px; line-height: 21px; background-color: #fff; color: #6b1e74; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;}
.ntnw-wrap .ntnw-box .ntnw-subj > a::after { position: relative; float: right; content: '\f078'; clear: both; right: 0; margin: -35px 0 0 0;font-family: "Font Awesome 5 Free"; font-size: 18px; font-weight: 900; color: #A674C9;}
.ntnw-wrap .ntnw-box .ntnw-subj > a .subj-txt { display: inline-block; width: 90%;}
.ntnw-wrap .ntnw-box .ntnw-subj > a:hover {}
.ntnw-wrap .ntnw-box .ntnw-subj > a.stay {}
.ntnw-wrap .ntnw-box .ntnw-subj > a.stay::after { }
.ntnw-wrap .ntnw-box .ntnw-subj > .active { font-size: 16px; font-weight:700;}
.ntnw-wrap .ntnw-box .ntnw-subj > .active::after { content: '\f077';}
.ntnw-wrap .ntnw-box .ntnw-subj > a .date-txt { display: block; margin-top: 5px; font-size: 14px; font-weight: 300;}
.ntnw-wrap .ntnw-box .ntnw-subj .ntnw-contwrap .ntnw-cont > a { display:block; padding: 0; border:0;}
.ntnw-wrap .ntnw-box .ntnw-subj .ntnw-contwrap .ntnw-cont img { width: 100% !important; height: auto !important;}

/* 공지사항 뉴스레터 안의 테이블(뉴스레터 등) ---------------*/
.ntnw-subj .ntnw-contwrap .ntnw-cont table { height: auto !important;}
.ntnw-subj .ntnw-contwrap .ntnw-cont table th {  }
.ntnw-subj .ntnw-contwrap .ntnw-cont table td { width: auto !important; height: auto !important;}
.ntnw-wrap .ntnw-box .ntnw-subj .ntnw-contwrap .ntnw-cont table img { width: 100% !important; max-width: 800px; height: auto !important;}

.ntnw-wrap .ntnw-contwrap .addfile-wrap { display: inline-block; width: 100%; padding: 10px 0; border-top: 1px dashed #bbb; box-sizing:border-box;}
.ntnw-wrap .ntnw-contwrap .addfile-wrap a { display: inline-block; padding: 2px 5px; font-size: 14px;line-height: 20px !important; border: 1px solid #aaa; border-radius: 2px; background-color:#fff;vertical-align: top;}


/* 공지사항 뉴스레터 안의 일반 데이터 테이블 ---------------*/
.ntnw-subj .ntnw-contwrap .ntnw-cont .ntnw-intb { width: 100%; margin: 10px 0; border-top: 2px solid #bdbdbd; background-color:#fff;}
.ntnw-subj .ntnw-contwrap .ntnw-cont .ntnw-intb th { padding: 10px 3px 10px 15px; font-size: 15px; color: #111; font-weight: 700; border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: center; }
.ntnw-subj .ntnw-contwrap .ntnw-cont .ntnw-intb tr th:last-child { border-right:0;}
.ntnw-subj .ntnw-contwrap .ntnw-cont .ntnw-intb td { padding: 10px 5px  10px 18px; font-size: 15px; color: #555; font-weight: 400;line-height: 24px;border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1; word-break: break-all; vertical-align: middle;}
.ntnw-subj .ntnw-contwrap .ntnw-cont .ntnw-intb tr td:last-child { border-right:0;}


/*-----------------
     고객지원
-------------------*/

/*welcon introduce*/
.welcon-intro{ display: block; width: 100%;}
.welcon-intro p { display:block; margin: 10px 0 0px 0; color: #555; font-size: 16px; line-height:1.65rem; font-weight: 400;}
.intro-msg { position: relative; width: 100%; margin: 0 !important; padding: 10px 0 10px 0px;  font-size:17px; font-weight:700;  line-height:1.8rem; box-sizing:border-box;}
.intro-msg .txt-tit { display: block; margin-bottom: 10px; color: #555; font-size: 18px; font-weight: 700;}
.intro-msg .txt-tit .point { color: #ba1b22; font-size: 43px; font-weight: 800; text-shadow: 3px 3px 5px #ddd;}
.intro-msg .txt-detail { display:block; padding:0; font-size: 16px; font-weight: 400; line-height: 1.75rem; box-sizing:border-box;}
.txt-dashline{color:#ce4d52; font-weight:500; border-bottom: 1px dashed #ec6c72}
.st-txtbig { color:#111; font-size:1.1rem; font-weight: 500;}
.welcon-intro .last-txt { margin:10px 0 10px 0; padding: 0; font-size: 17px; font-weight: 400; line-height: 1.75rem; box-sizing: border-box;}

.img-welcon{display: inline-block;width:150px;height: 48px;margin:0 20px 0 -15px;background: url(../../../../static/frt/images/img-welcon-logo.png) no-repeat;background-size: contain;vertical-align: middle;}

.intro-msg-three { display: block; margin: 30px 0 10px 0;}
.intro-msg-three img { display: inline-block; width: 80%; max-width: 268px; }
.intro-msg-three .msg-three-detail { display:inline-block; width: 100%; padding: 0; vertical-align:top;}

.intro-msg-three .msg-three-detail strong { font-size:1.2rem; line-height: 2rem;}
.intro-msg-three .msg-three-detail em { color:#ce4d52; font-weight:700; border-bottom: 1px dashed #ec6c72}

.intro-msg-three .msg-three-detail ul { display:block; margin-top:30px;}
.intro-msg-three .msg-three-detail ul li { display:block; margin-bottom:20px;}
.intro-msg-three .msg-three-detail ul li strong { color:#ce4d52; font-size:1.2rem; line-height:2rem;}
.intro-msg-three .msg-three-detail ul li p { color: #555; font-size: 17px; line-height: 1.65rem; font-weight: 400;}
.intro-msg-three .msg-three-detail ul li p strong { font-size:1.2rem;color:#ce4d52;}

/*-----------------
   마이페이지
------------------*/
/* 콘텐츠관리 */
.mycontent-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.mycontent-list .inner { float: left; width: 100%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.mycontent-list .inner:first-child { padding: 20px 0 20px 0; border-top: 1px solid #bfbfbf; }
.mycontent-list .inner:last-child { border-bottom: 2px solid #636363;}
.mycontent-list.nobtline .inner:last-child { border-bottom: 0;}
.mycontent-list .inner > ul { border-bottom: 0;}
.mycontent-list .inner > ul::after { clear: both; display: block; content: '';}
.mycontent-list .inner > ul > li { float: left;}
.mycontent-list .inner .in-img { width: 144px; vertical-align: top;}
.mycontent-list .inner .in-img a { position: relative; overflow: hidden; display: block; width: 142px; height: 106px; border: 1px solid #cfcfcf;}
.mycontent-list .inner .in-img img { position: absolute; max-width: 142px; max-height: 106px; top: 50%; left: 50%; transform: translate( -50%, -50%)}
.mycontent-list .inner .in-img img.list-img { max-width: 142px; max-height: 106px;  vertical-align: middle;}  /*목록이미지 사이즈 220*124 */
.mycontent-list .inner .in-txt { width: 50%; margin: 0 0 0 10px;}
.mycontent-list .inner .in-txt .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; width: 98%; height: 78px; font-size: 17px; color: #222; line-height: 26px; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word;}
@media (min-width: 768px) { 
    .mycontent-list .inner .in-txt { width: 77%;}
}

@media (max-width: 767px) {
    .mycontent-list .inner .in-txt { width: 50%;}
    .mycontent-list .inner .in-txt .tit { width: 98%; height: 78px; margin: 0; font-size: 17px; line-height: 26px;}
}

@media (max-width: 320px) {
    .mycontent-list .inner .in-txt { width: 44%;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.mycontent-list .inner .in-txt { width: 74%;}
}

@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	.mycontent-list .inner .in-txt { width: 70%;}
}

.mycontent-list .inner .info-text { display: block; margin: 10px 0 0 0; color: #555;}
.mycontent-list .inner .info-text > ul { display: block; width: 100%}
.mycontent-list .inner .info-text > ul > li { width: 100%; padding: 2px 0 3px 0; font-size: 15px; line-height: 18px;}
.mycontent-list .inner .proc-text { display:inline-block; width: 100%; padding: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 20px;}
.mycontent-list .inner .proc-text ul { display:inline-block; width: 100%;}
.mycontent-list .inner .proc-text ul li { display:inline-block; padding: 0 15px 0 0; color: #777;}
.mycontent-list .inner .proc-text ul li::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 14px; margin: 4px 0 0 7px; background-color: #ccc;}
.mycontent-list .inner .proc-text ul li:last-child::after { display: none;} 

.mycontent-list .inner .proc-text .lb-text2 { margin: -2px 0 0 0;}


/* 행사신청관리 */
.info-bsbox { display: inline-block; width: 100%; margin: 0 0 25px 0; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box;}
@media (max-width: 767px) {
    .info-bsbox {}
}

.info-bsbox ul { display: inline-block; width: 100%; padding: 10px 0; box-sizing: border-box;}
.info-bsbox ul li { display: inline-block; width: 100%; padding: 5px 0; box-sizing: border-box;}
.info-bsbox ul li .tit { display: inline-block; margin-left: 10px; padding: 0 10px 0 8px; font-size: 15px; color: #333; font-weight: 400; line-height: 22px;}
.info-bsbox ul li .tit::before { position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; margin: 9px 0 0 -8px; background-color: #9a9a9a;}
.info-bsbox ul li .cont { display: inline-block; font-size: 15px; color: #555; line-height: 22px; font-weight: 700;}

/* 다중 내용 box */
.add-infobox { display: inline-block; width: 100%; padding: 10px 0; }
.add-infobox h3 { display: inline-block; width: 100%; margin: 0; padding: 7px 5px 7px 20px; font-size: 17px; color: #333; font-weight: 500; line-height: 22px; border: 1px solid #dedede;box-sizing: border-box;}
.add-infobox h3::before { position: absolute; content: ''; display: inline-block; width: 5px; height: 5px; margin: 9px 0 0 -8px; background-color: #8464c0;}
.add-infobox h3.md-h { margin: 15px 0 0 0;}

.add-infobox > ul { display: inline-block; width: 100%; margin: 5px 0 5px 10px; box-sizing: border-box; vertical-align: top;}
.add-infobox > ul > li { display: inline-block; width: 100%; padding: 3px 0; font-size: 15px; line-height: 22px;box-sizing: border-box;}
.add-infobox > ul > li > span { padding: 0 4px;}

.add-infobox .adsub { display: inline-block; width: 90%; margin: -2px 0 5px 5px; box-sizing: border-box; vertical-align: top;}
.add-infobox .adsub > li { display: inline-block; width: 100%; padding: 2px 0; font-size: 15px; line-height: 22px;box-sizing: border-box; vertical-align: top;}

@media (min-width: 768px) {
    .add-infobox .adsub { margin: 0 0 0 5px;}
    .add-infobox .adsub > li { width: auto; padding: 0 15px 0 0;}
    .add-infobox .adsub > li::after { position: absolute; display: inline-block; content: '/'; margin: 0 0 0 7px; color: #ccc;}
    .add-infobox .adsub > li:last-child::after { display: none;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .add-infobox .adsub { margin: 0 0 0 5px;}
    .add-infobox .adsub > li { width: auto; padding: 0 15px 0 0;}
    .add-infobox .adsub > li::after { position: absolute; display: inline-block; content: '/'; margin: 0 0 0 7px; color: #ccc;}
    .add-infobox .adsub > li:last-child::after { display: none;}
}

/* 텍스트 리스트 */
.mytxt-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;border-top: 1px solid #bfbfbf;}
.mytxt-list ul { display: inline-block; width: 100%; margin: 0; padding: 0;}
.mytxt-list ul li { display: inline-block; width: 100%; margin: 0; padding: 7px 0 8px 0; border-bottom: 1px dashed #bcbcbc;}
.mytxt-list ul li.w100per { padding: 20px 0;}  
.mytxt-list ul li .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; height: 46px; font-size: 16px; font-weight: 500; line-height: 23px;text-overflow: ellipsis; -webkit-box-orient: vertical; word-wrap:break-word; }
.mytxt-list ul li .tit:hover,.subm-export-list ul li .tit:focus { text-decoration: underline;}
.mytxt-list ul li .txt {margin: 10px 0 0 0}
.mytxt-list ul li .txt > span { padding: 0 0 0 10px; font-size: 14px; color: #777;}
.mytxt-list ul li .txt .txt-date { padding: 0 10px 0 0;}
.mytxt-list ul li .txt .txt-date::after { position: absolute; display: inline-block; content: ''; width:2px; height: 12px; margin: 4px 0 0 10px; background-color: #ccc;}
.mytxt-list ul li .txt .stit { padding: 0 5px 0 0;}
.mytxt-list ul li .txt strong { font-weight: 500; color: #555;}
.mytxt-list ul li:last-child { border-bottom: 2px solid #636363;}



/* 상담관리 */
.lb-counsel { display: inline-block; padding: 1px 6px; font-size: 14px; color: #fff; border-radius: 3px; background-color: #6b1e74}
.lb-counsel em { font-style: normal;}
.counsel-cate { display: inline-block; width: 100%; font-size: 15px;}
.counsel-cate strong { display: inline-block; padding: 2px 9px 2px 12px; font-weight: 500;}
.counsel-cate strong::before { position: absolute; display: inline-block; content: ''; width: 5px; height: 2px; margin: 12px 0 0 -9px; background: #aaa;}

.btn-datepicker { display: inline-block; width: 23px;height:23px; padding: 0 2px}
.btn-datepicker::before { display: inline-block; content: '\f073'; font-family: "Font Awesome 5 Free"; font-size: 23px; font-weight: 400; color: #777;}

/*-----------------
     subpage 공통
-------------------*/
/* text list */
.text-list { width: 100%; padding: 5px 0 15px 0; font-size: 16px; word-break: break-all;}
@media (max-width: 767px) { 
    .text-list { padding: 5px 10px 15px 0;}
}

.text-list.lang-zh {} 
.text-list p { padding: 4px 0; color: #555;}
.text-list dl { display: inline-block; width:100%; padding: 3px 0;}
.text-list dl dt, .text-list dl dd { display: inline-block; line-height: 23px; box-sizing: border-box; vertical-align: top;}
.text-list dl dt { min-width: 20%; color: #111;}
.text-list dl dd { padding-left: 8px; color: #454545; font-weight: 300;}
.text-list.lang-zh dl dd { font-family: "Noto Sans TC", "Noto Sans KR", sans-serif;} 
.text-list.ic-square { margin: 0 0 0 15px; box-sizing: border-box;}
@media (max-width: 767px) { 
    .text-list.ic-square { margin: 0 0 0 5px; }
}

.text-list.ic-square dl { margin-left: 2px;}

.text-list.ic-square dl dt { padding: 0 0 0 13px;}
.text-list.ic-square dl dt.mwd-m { min-width: 30% !important;} 

@media (min-width: 768px) {
    .text-list.ic-square dl dt { min-width: 10%;}
    .text-list.ic-square dl dt.mwd-m { min-width: 13% !important;}
}



.text-list.ic-square dl dt::before { position: absolute; content: ''; display: inline-block; width: 5px; height: 5px; margin: 9px 0 0 -13px; background-color: #7a7a7a; box-sizing: border-box;}

.text-list ul { display: inline-block; width:100%; margin-left: 2px; padding: 5px 0;}
.text-list ul li { float: left; width: 100%; padding: 5px 0 5px 13px; font-size: 15px; color: #555; line-height: 23px; box-sizing: border-box;}
.text-list ul li::before { position: absolute; content: ''; display: inline-block; width: 5px; height: 5px; margin: 9px 0 0 -13px; background-color: #7a7a7a;box-sizing: border-box;}

.text-list.box { display: inline-block; width: 100%; padding: 5px 0 5px 0; border: 1px solid #bfbfbf; box-sizing: border-box;}
.text-list.box ul { width: 90%; padding: 5px 0 0 10px;box-sizing: border-box;}

.text-list-ul { display: inline-block; width:100%; margin-left: 10px; padding: 2px 0;}
.text-list-ul > li { float: left; width: 100%; padding: 5px 0 5px 13px; font-size: 15px; color: #555; line-height: 23px; box-sizing: border-box;}
.text-list-ul > li::before { position: absolute; content: ''; display: inline-block; width: 5px; height: 5px; margin: 9px 0 0 -13px; background-color: #7a7a7a;box-sizing: border-box;}

/* text-list-dt */
.text-list .text-list-dt{ padding: 4px 0; line-height: 24px; box-sizing: border-box;}
.text-list .text-list-dt dd { padding-left: 12px;}
@media (max-width: 767px) { 
    .text-list .text-list-dt dt,.text-list .text-list-dt dd { display:inline-block; width: 100% !important;}

    .text-list .text-list-dt dd {padding-left: 13px;}
}
@media (min-width: 768px) {
    .text-list .text-list-dt { padding: 4px 3px 4px 0;}
    .text-list .text-list-dt dt { float:left !important; width: auto !important; min-width:initial !important;}
    .text-list.ic-square .text-list-dt dt::after { position: absolute; content: ':'; display: inline-block; margin: 1px 0 0 4px; box-sizing: border-box;}
    .text-list.ic-square .text-list-dt dt.mwd-m { min-width: initial !important;}
    .text-list .text-list-dt dd { display: inline !important; width: auto !important; min-width:initial !important; word-break: keep-all;box-sizing: border-box;}
}


/* 1개 제목에 2개 이상 input, select 설명 */
.text-list-multi { display: inline-block; width:100%; margin-left: 10px; padding: 2px 0;}
.text-list-multi > li { float: left; width: 100%; padding: 5px 0 5px 13px; font-size: 15px; color: #555; line-height: 23px; box-sizing: border-box;}
.text-list-multi > li > ul { float: left; width: 100%; box-sizing: border-box;}
.text-list-multi > li > ul > li { float: left;}
.text-list-multi .tit { padding: 5px 0 0 0; vertical-align: top;}
.text-list-multi .tit::before { position: absolute; content: ''; display: inline-block; width: 5px; height: 5px; margin: 9px 0 0 -13px; background-color: #7a7a7a;box-sizing: border-box;}
.text-list-multi .cont { width: 75%; vertical-align: top;}


.text-list-pdv { display: inline-block; width:100%; margin-left: 2px; padding: 5px 0 5px 13px;} /* 한줄 스퀘어 ic 일때 사용 */
.text-list-pdv::before { position: absolute; content: ''; display: inline-block; width: 5px; height: 5px; margin: 9px 0 0 -13px; background-color: #7a7a7a;box-sizing: border-box;}

/* text tag */
.text-tag { padding: 5px 0 20px 0; font-size: 15px; line-height: 22px;} 
.text-tag a { padding: 0 15px 0 0;display: inline-block; word-wrap: break-word;word-break: break-all;}
.text-tag a:hover,.text-tag a:focus { text-decoration: underline;}

/* box */
.notice-txt{ display: block!important; width: 100%; margin: 15px 0; padding: 12px 0px; font-size: 16px; color: #111; font-weight: 400; text-align:left; line-height: 24px; box-sizing: border-box;}

.notice-textbox { display: inline-block; width: 100%; margin: 15px 0 10px 0; padding: 10px 8px; font-size: 15px; color: #111; font-weight: 400; line-height: 22px; border: 1px solid #dcdcdc; word-break: keep-all; word-wrap: break-word; box-sizing: border-box;}

.notice-textbox strong { padding: 0 3px; font-size: 15px; font-weight: 700;}
.notice-textbox strong.em { padding: 0 3px; font-size: 15px; font-weight: 700; color:#ff451a; font-style: normal;}

.notice-textbox.nomgn { margin: 0;}
.notice-textbox.center { text-align: center;}
.notice-textbox.orange-line { color:#ff451a; border-color: #ff451a;}

.notice-textbox > ul{ display: block; width:100%; }
.notice-textbox > ul > li{width: 100%;}
.notice-textbox > ul > li.in-text{padding-left:18px;box-sizing: border-box;}

.inbox-wrap { display:inline-block; width: 100%; margin: 38px 0 0 0; padding: 0 0 40px 0; text-align: center;}
.inbox-wrap .inbox {display: inline-block; width: 460px; height: 300px; margin: 0 40px 0 0; border: 1px solid #ccc; background:#f9f9f9; box-shadow: 8px 10px 10px 0 rgba( 0,0,0,0.1);}
.inbox-wrap .inbox:last-child { margin:0;}

.inbox-wrap .inbox .title { display: block; padding: 100px 0 50px 0; font-family: "NanumSquare"; font-size: 55px; font-weight: 700; letter-spacing: -2px; color: #333;}

.color-box { display:inline-block; width: 100%; margin: 0 0 5px 0; padding: 10px; font-size: 20px; line-height: 25px; font-weight: 500; color: #111; text-align: center; border: 1px solid #aaa; background: #f8f8f8; word-break: keep-all; word-wrap: break-word; box-sizing: border-box;}
.color-box.blue {  color: #fff; border: 1px solid #2c6ed5; background: #2c6ed5;}
.color-box.dgray {  color: #fff; border: 1px solid #444; background: #444;}

.color-box .txt-sub { padding-left:5px; font-size: 16px; font-weight: 400;}

.box-info { display:inline-block; width: 100%; margin: 0; padding: 8px 12px 8px 25px; font-size: 16px; color: #000; box-sizing: border-box;}
.box-info::before { position: absolute; display: inline-block; content: ''; width: 5px; height: 5px; margin: 5px 0 0 -12px; background: #bbb; vertical-align: top;}
.box-info strong { padding-right: 5px; color: #555;}

.txt-innerbox { padding: 10px 15px; font-size: 17px;}
.txt-innerbox, .txt-innerbox ul { display:inline-block; width: 100%; margin: 0; box-sizing: border-box;}
.txt-innerbox ul { padding: 5px 0; border-bottom: 1px dashed #ccc;}
.txt-innerbox ul:last-child { border-bottom: 0;} 

.txt-innerbox ul li { float: left; margin:0 25px 0 0; padding: 5px 0 5px 10px; vertical-align: middle;}
.txt-innerbox ul li span { padding: 0 0 0 10px;}
.txt-innerbox span:lang(zh) { line-height: 0.8;}
.txt-innerbox ul li::before {position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; margin: 5px 0 0 -10px; border-radius: 15px; background-color: #888; box-sizing: border-box;}

.txt-box { display:inline-block; width: 100%; margin: 0; padding: 14px 0; font-size: 15px; color: #555; line-height: 26px; box-sizing: border-box;}
.txt-box.tp1 { padding: 5px 0 20px 0;}
.txt-mobile { display:inline-block; width: 85%;}
@media (min-width: 768px) { 
    .txt-mobile { width: auto;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .txt-mobile { width: auto;}
}
.txt-box.tp2 { padding: 0 0 10px 0; line-height: 24px;}


/* form */
input[type="text"],input[type="password"], select { display: inline-block; height: 27px; padding: 0 0 0 5px; font-size: 15px; color: #555; line-height: 16px; border: 1px solid #b0b0b0; box-sizing: border-box;}
textarea { padding: 5px 10px 5px 5px; font-size: 15px; color: #555; line-height: 20px; box-sizing: border-box;}

select.fr-top { float: right; width: auto; margin: 5px 0 0 0;}

/* DIV Board --------------------------*/
/* Write */
.dv-write { display: table; width: 100%; margin: 0; padding: 0; border-top: 1px solid #e1e1e1; vertical-align: top;}
.dv-write.line { margin: 0; border-top: 2px solid #bdbdbd;}
.dv-write > .dv-row {position:relative; display: table-row; width: 100%; padding: 0;}
.dv-write > .dv-row > li {display: table-cell; font-size: 15px; line-height: 24px; border-bottom: 1px solid #e1e1e1;box-sizing: border-box;}
.dv-write > .dv-row > .dv-th{ padding: 10px 3px 10px 15px; width:30%; font-size: 15px; color: #111; font-weight: 700; border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: left;} 
.dv-write > .dv-row > .dv-th em{ padding: 0 3px; font-size: 18px; font-weight: 700; color: #ff451a; font-style: normal;}
.dv-write > .dv-row > .dv-td { padding: 8px 3px 8px 15px; width:calc( 100% - 30%); font-size: 15px; color: #555; font-weight: 400; vertical-align: top;} 

.dv-write > .dv-row > .dv-th.full { width:100%;} 
.dv-write > .dv-row > .dv-td.full { width:100%;} 
.dv-write > .dv-row > .dv-th.noline { border-right: 0;}
.dv-write > .dv-row > .dv-td.noline { border-bottom: 0;}
.dv-write.noline { border-top: 0;}

/* 회원정보 수정- 인증안내 */
.dv-write > .dv-row > .dv-td.full div {}
.dv-write > .dv-row > .dv-td.full .dn-line span { padding-left: 15px}
@media (min-width: 320px) and (max-width: 767px){
    .dv-write > .dv-row > .dv-td.full .dn-line span { display:inline-block; padding: 0 0 10px 15px;}
    .dv-write > .dv-row > .dv-td.full .dn-line a { margin-left: 15px;}
}



.dv-write > .dv-row input[type="text"],.dv-write > .dv-row input[type="password"], select, textarea { width: 95%; margin: 5px 0; font-size: 14px; color: #555; border: 1px solid #b0b0b0!important;}
.dv-write > .dv-row textarea { min-height: 120px;}
.dv-write > .dv-row > .dv-td input[type='checkbox']:focus { outline: 3px solid #90B5CF;} 

.dv-write > .dv-row > .dv-td label { display: inline-block; margin-left:5px; margin-right: 12px;}
.dv-write > .dv-row > .dv-td .notice-text{margin-top:3px;}
.dv-write > .dv-row > .dv-td .form-margin{display:block;margin-top:3px;}
.dv-write > .dv-row > .dv-th.hidden-mb { }
@media (min-width: 768px) { 
    .dv-write > .dv-row > .dv-th.hidden-mb { display: table-cell; width: 30%;}
}
@media (max-width: 767px) { 
    .dv-write > .dv-row > .dv-th.hidden-mb { display: none; }
}

.dv-write > .dv-row-noti { width: 100%; margin: 15px 0 0 0; padding: 15px 0 15px 30px; background-color: #f7f7f7; box-sizing: border-box;}
.dv-write > .dv-row-noti li{}
.dv-write > .dv-row > .dv-td img { max-width: 90%;}

@media (min-width: 768px) {
   .dv-write input[type='text'].tbp.w70pr { width: 70%;}
   .dv-write input[type='text'].tbp.w50pr { width: 50%;}
   .dv-write input[type='text'].tbp.w60pr { width: 60%;}
   .dv-write input[type='text'].tbp.w70pr { width: 70%;}
   .dv-write input[type='text'].tbp.w80pr { width: 80%;}
   .dv-write input[type='text'].tbp.w90pr { width: 90%;}
}


select.notice-text { color: #555 !important;}
input.notice-text { color: #555 !important;}
textarea.notice-text { color: #555 !important;}


/*div -table- 4cols*/
.dv-write > .dv-row.two-cols > li {display: table-cell; font-size: 15px; line-height: 24px; border-bottom: 1px solid #e1e1e1;box-sizing: border-box;}
.dv-write > .dv-row.two-cols > li.dv-th{ padding: 10px 3px 10px 15px; width:20px!important;  color: #111; font-weight: 700; border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: left;box-sizing: border-box;}
.dv-write > .dv-row.two-cols > li.dv-td{ padding: 8px 3px 8px 15px; width:calc( 50% - 20%); color: #555; font-weight: 400; vertical-align: top;box-sizing: border-box;}
.dv-write > .dv-row.two-cols > li.dv-td.rline{border-right: 1px solid #e1e1e1;}

/* view */
.dv-detail { display: table; width: 100%; margin: 0 0 15px 0; padding: 0; border-top: 1px solid #e1e1e1; vertical-align: top;}
.dv-detail.line { margin: 0 0 15px 0; border-top: 2px solid #bdbdbd;}
.dv-detail p{display:block;width:100%}
.dv-detail > .dv-row {position:relative; display: table-row; width: 100%; padding: 0;}
.dv-detail > .dv-row > li {display: table-cell; font-size: 15px; line-height: 24px; border-bottom: 1px solid #e1e1e1;box-sizing: border-box;}
.dv-detail > .dv-row > .dv-th{ padding: 10px 3px 10px 15px; width: 30%; font-size: 15px; color: #111; font-weight: 700; border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: left;} 
.dv-detail > .dv-row > .dv-th em{ padding: 0 3px; font-size: 18px; font-weight: 700; color: #ff451a; font-style: normal;}
.dv-detail > .dv-row > .dv-td { padding: 8px 10px 8px 15px; width:calc( 100% - 30%); font-size: 15px; color: #555; font-weight: 400; vertical-align: top; word-break: break-all; word-wrap: break-word;}
.dv-detail > .dv-row > .dv-td input[type="text"], select, textarea { color: #555; border: 1px solid #b0b0b0!important;}
.dv-detail > .dv-row > .dv-td textarea {min-height:120px}
.dv-detail > .dv-row > .dv-td .notice-text{margin-top:3px;}
.dv-detail > .dv-row > .dv-td .form-margin{display:block;margin-top:3px;}
.dv-detail > .dv-row > .dv-td .faq-q-i{display: inline-block; margin: 0 5px 0 0; padding: 0; width: 22px;  border-radius: 5px; background-color: #6b1e74; color: #fff; font-weight: 700; text-align: center; vertical-align: inherit; box-sizing: border-box;}
.dv-detail > .dv-row > .dv-td .faq-a-i{display: inline-block; margin: 0 5px 0 0; width: 22px;  border-radius: 5px; background-color: #9b9a9a; color: #fff; font-weight: 700; text-align: center; vertical-align: inherit; box-sizing: border-box;}
.dv-detail > .dv-row > .dv-th.noline,.dv-detail > .dv-row > .dv-td.noline { border-right:0; border-bottom: 0;}
.dv-detail > .dv-row > .dv-td.noline { padding: 8px 0 8px 15px;}

.dv-detail > .dv-row > .dv-td.txtr{ text-align: right;}
.dv-detail > .dv-row > .dv-td img { max-width: 700px;}

/*내용 구분 th,td*/
.dv-detail > .dv-row > .dv-th.bt-th { padding: 6px 3px 6px 15px; border-right:0; border-bottom: 2px solid #e1e1e1;}
.dv-detail > .dv-row > .dv-td.bt-td { padding: 6px 10px 6px 15px; border-bottom: 2px solid #e1e1e1;}


.dv-part-box{float:left; display:block; width: 100%; padding: 10px 3px 10px 15px; font-size: 17px; font-weight:700; background-color:#e2e0e0; border-top: 2px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; box-sizing: border-box}
.dv-part-box .dv-part-num{margin-right:10px; padding:2px 10px 3px 10px; font-weight:600; font-size:16px; color:#fff; vertical-align:middle; background-color:#6b1e74; border-radius:5px;}
.dv-part-box .dv-part-num em{display:inline-block; padding:0 0 3px 0; font-size:0.8rem; font-weight:600; vertical-align: initial;}
.dv-part-box .fas.fa-chevron-right{margin:0 10px;}
.dv-part-box strong{color:#555; font-weight:900;}
.dv-part-box strong .fa-check-square{font-size:0.9rem}

/* div td 안에 첨부파일 링크 */
.dv-in-filelink { display: inline-block; color: #111;}
.dv-in-filelink:hover,.dv-in-filelink:focus { text-decoration: underline;}
@media (min-width: 768px) { 
    .dv-in-filelink { width: auto; padding: 3px 10px 3px 0;}
}
@media (max-width: 767px) {
    .dv-in-filelink { width: 100%; padding: 3px 0 3px 0;}
}


/*div td 안에 div*/
.dv-tel-box{display:block;}
.dv-tel-box select{height:27px; color: #555; border: 1px solid #b0b0b0; box-sizing: border-box;}
.dv-tel-box input[type="text"]{display:inline-block; height:27px;}

.dv-radio-box{ display: block; width: 90%; padding: 2px 0 6px 0;}
.dv-radio-box li { display: inline-block; vertical-align: middle;}
.dv-radio-box li input[type="radio"],.dv-radio-box li input[type="checkbox"]{ padding: 3px; vertical-align: middle;}
.dv-radio-box li label { display:inline-block; padding-left: 5px; padding-right:8px; vertical-align:middle}
.dv-seltwo-box{display:block; width:280px;}
.dv-seltwo-box select{display:inline-block;}

.dv-atchfile-box{position:relative;display:block;height:27px; width:500px; color: #555; border: 1px solid #b0b0b0; box-sizing: border-box;}
.dv-atchfile-box a{float:right}

.dv-checkbox-box { display: block; width: 90%; padding: 2px 0 6px 0;}
.dv-checkbox-box li { display:inline-block; vertical-align: middle;}
@media (min-width: 768px) {
    .dv-checkbox-box li { width: auto;}
}
@media (max-width: 767px) {
    .dv-checkbox-box li { width: 100%; padding: 3px 0 6px 0;}
}


.dv-checkbox-box > li input[type="radio"] { margin-right: 3px; vertical-align: middle;}
.dv-checkbox-box > li label { margin-right: 15px; vertical-align: middle;}
@media (max-width: 767px) {
    .dv-checkbox-box > li label { width: 78%; line-height: 24px; vertical-align: top;}
}
@media (max-width: 320px){
    .dv-checkbox-box > li label { width: 75%;}
} 

.dv-in-box { display: block;}
.dv-in-box-ul { display: inline-block; width: 100%; padding: 3px 0;}
.dv-in-box-ul li { display: inline-block; width: 100%; padding: 3px 0; line-height: 24px; word-break: keep-all; word-wrap: break-word;}
.dv-in-box-p { display: inline-block; width: 100%; padding: 6px 0; line-height: 24px; word-break: keep-all; word-wrap: break-word;}

.dv-in-box-ul.mrpd li { padding: 9px 0; }

.dv-formbox { display:inline-block; width: 100%; margin: 10px 0 0 0; }
.dv-formbox ul { float: left; width: 100%; padding: 7px 0; border-top: 1px dashed #ccc;}
.dv-formbox ul:last-child { padding: 7px 0 0 0;}
.dv-formbox ul li { float: left; width: 100%;}
.dv-formbox label { padding-right: 15px; vertical-align: middle;}


/* div td 안에 etc */
.dv-write .dv-td [class^='btn-'] { margin-left: 5px; vertical-align: middle;}
.dv-write .dv-td img.company-list-img { width: 162px; height: 122px;} /* 회사로고 목록 이미지 사이즈 162x122 */
.dv-write .dv-td img.list-img { width: 220px; height: 124px;} /* 목록 이미지 사이즈 220x124 */
.dv-write .dv-td img.detail { width: 482px;} /* 상세 이미지 사이즈 482x228 */


/* write - th,td 전체가로길이 --------*/
.dv-write.full {}
.dv-write.full > .dv-row > .dv-td .dv-radio-box li label { padding: 3px 0; box-sizing: border-box;}

@media (max-width: 767px) {
    .dv-write.full > .dv-row { position:relative; display: inline-block; width: 100%;}    
    .dv-write.full > .dv-row > li {display: inline-block; width: 100%;}    
    .dv-write.full > .dv-row > .dv-th { width: 100%; border-right:0;}   
    .dv-write.full > .dv-row > .dv-td { width: 100%; padding: 8px 3px 20px 15px;}   
    .dv-write.full > .dv-row > .dv-td .dv-radio-box { display: block; width: 100%; padding: 2px 0 3px 0;}
    .dv-write.full > .dv-row > .dv-td .dv-radio-box li { width: 100%;}
    .dv-write.full > .dv-row > .dv-td .dv-radio-box li label { display: inline-block; width: 88%; margin: 0; padding: 3px 0 3px 5px; box-sizing: border-box;}
}

/* News, FAQ, 뉴스레터 : add style*/
.ntnw-wrap .ntnw-box .bbs-subj { display: block;}
.ntnw-wrap .ntnw-box .bbs-subj a { cursor: pointer;}
.ntnw-wrap .ntnw-box .bbs-subj > a { display:block; padding: 1rem 0.5rem 1rem 0.5rem; font-size: 16px; line-height: 21px; background-color: #fff; color: #6b1e74; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;}
.ntnw-wrap .ntnw-box .bbs-subj > a::after { }
.ntnw-wrap .ntnw-box .bbs-subj > a .subj-txt { display: inline-block; width: 100%;}
.ntnw-wrap .ntnw-box .bbs-subj > a:hover {}
.ntnw-wrap .ntnw-box .bbs-subj > a.stay {}
.ntnw-wrap .ntnw-box .bbs-subj > a.stay::after { }
.ntnw-wrap .ntnw-box .bbs-subj > .active { font-size: 16px; font-weight:700;}
.ntnw-wrap .ntnw-box .bbs-subj > .active::after { content: '\f077';}
.ntnw-wrap .ntnw-box .bbs-subj > a .date-txt { display: block; margin-top: 5px; font-size: 14px; font-weight: 300;}
.ntnw-wrap .ntnw-box .bbs-subj .ntnw-contwrap .ntnw-cont > a { display:block; padding: 0; border:0;}
.ntnw-wrap .ntnw-box .bbs-subj .ntnw-contwrap .ntnw-cont img { width: 100% !important; height: auto !important;} 

.dcNC_reporter{padding: 3px 0;word-break: break-all;}
.dcNC_reporter a{display: inline;padding: 0 0 0 5px;font-weight:300}
.dcNC_link{padding: 3px 0;word-break: break-all}
.dcNC_link a{display: inline;padding: 0 0 0 5px;font-weight:300}

#chkContainZhNttCn iframe{width: 100%}
#chkContainZhNttCn table{height:auto !important}
#chkContainZhNttCn table td{height:auto !important}

/* Table --------------------------*/
.tb-wrap { float: left; width: 100%; border-top: 1px solid #e1e1e1;}
.tb-wrap.line { margin: 0; border-top: 2px solid #bdbdbd;}
.tb-wrap table { width: 100%;} 

/* table list */
.tb-list { width:100%;}
.tb-list th, .tb-list td{ line-height: 24px; border-bottom: 1px solid #e1e1e1;}
.tb-list th { padding: 7px 3px 7px 3px; font-size: 16px; color: #111; font-weight: 700; border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: center; }
.tb-list.vtlist tr.light-org:hover{background-color:#fef8f6;}
.tb-list.vtlist tr.th-gray{background-color: #f7f7f7;}
.tb-list.vtlist th { border-bottom: 2px solid #ddd}
.tb-list.vtlist th.tbody-th { border-bottom: 1px solid #ddd}
.tb-list.vtlist td { padding: 8px 5px  6px 5px; vertical-align:middle}
.tb-list.vtlist td .vtlist-tit{vertical-align: top; font-size: 17px; font-weight: 700; color: #6b1e74;}



.tb-list th.noline,.tb-list td.noline { border-right: 0;}
.tb-list td { padding: 8px 5px  8px 5px; font-size: 15px; color: #555; font-weight: 400; border-right: 1px solid #e1e1e1; vertical-align: top; text-align: center;}
.tb-list th em { padding: 0 3px; font-size: 18px; font-weight: 700; color:#ff451a; font-style: normal;}
.tb-list td a { color: #555;}
.tb-list td a:hover, .tb-list td:focus { text-decoration: underline;}
.tb-list td.left { padding: 8px 5px 8px 15px; text-align: left;}
.tb-list td.right { padding: 8px 10px 8px 3px;text-align: right;}
.tb-list td a[class^='btn-'] { margin-left: 5px;}
.tb-list td a[class^='btn-']:first-child { margin-left: 0;}
.tb-list td.tl { color: #000; font-weight: 700; border-bottom: 1px solid #bdbdbd; background-color: #f5f5f5;}


/* mypage table list*/
.tb-list.vtlist{ width:100%;}
.tb-list.vtlist th{ border-bottom: 2px solid #ddd}
.tb-list.vtlist td{ line-height: 20px; }
.td-sec{display:inline-block;text-align:left;vertical-align:top;box-sizing:border-box;}
.td-sec:first-child{width:53%;}
.td-sec:last-child{width:46%;}
.td-sec img{display:inline-block;padding:0 10px 0 0px; width:120px; vertical-align:top; box-sizing:border-box}
.td-sec ul{display:inline-block;width:calc( 100% - 130px);vertical-align:top}
.td-sec ul li{display:block;font-size: 14px;}
.td-sec ul li > .category{display:block; word-wrap:break-word; word-break: keep-all;}
.td-sec .label-categorybox{padding-bottom: 0px;}
.td-sec .label-categorybox span.label{padding: 3px 10px;font-size: 14px;}
.td-sec .label-categorybox span.label:last-child{margin: 0 0px 0 0;}
.td-sec a.vtlist-tit{vertical-align:top;font-weight:700;color: #6b1e74;}


/* tab menu --------*/

.tab-box {display:block;padding-top: 20px; margin: 0 auto; width:100%;}
.tab-box > .tab-menu {display:block; width:100%;font-size: 0; list-style-type: none;}
.tab-box > .tab-menu > li { display:inline-block; width:50%; height: auto; background: #f7f7f7; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 2px solid #6b1e74; box-sizing: border-box;}
.tab-box > .tab-menu > li:first-child {border-left: 1px solid #ddd;}
.tab-box > .tab-menu > li:last-child {border-right: 1px solid #ddd;}
.tab-box > .tab-menu > li.active{border-color: #6b1e74; border-width: 2px; border-right: 2px solid #6b1e74; border-bottom: 0 solid #fff; background: #fff;}
.tab-box > .tab-menu > li > a{display: block; padding: 11px 0; width: 100%; height: 100%; font-size: 16px; color: #555; text-align:center; font-weight: 400;}
.tab-box > .tab-menu > li.active > a { font-size: 17px; color: #6b1e74; font-weight: 700;}

.tab-body { margin-top:10px; width:100%;}

/* pagination --------------------------*/
.pagination { display: inline-block; width: 100% ; margin: 15px auto 15px auto;}
.pagination .inner { text-align: center;}
.pagination .inner a { display: inline-block; min-width: 26px; height: 32px; padding:0 9px; font-size: 14px; line-height: 29px; color: #666; font-weight: 400; text-align: center; vertical-align: middle; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box; word-wrap: break-word;}
@media (max-width: 320px) {
    .pagination .inner a { padding:0 7px;}
}

.pagination .inner a.active { font-size: 16px; font-weight: 700; color: #fff; border: 1px solid #a674c9; background-color: #a674c9;}
.pagination .inner a:hover, .pagination .inner a:focus { text-decoration: underline;} 
.pagination .inner a:first-child { border-left: 1px solid #ccc;}

.pagination .inner a.prev::after,.pagination .inner a.next::after { position: absolute; display: block; font-family: "Font Awesome 5 Free"; font-size: 16px; color: #888;font-weight: 900;}

.pagination .inner a.prev::after { content: '\f104'; margin: 1px 0 0 0;}
@media (min-width: 321px) {
    .pagination .inner a.prev::after { margin: 1px 0 0 -1px;}
}
.pagination .inner a.next::after { content: '\f105'; margin: 1px 0 0 1px;}


/* button --------------------------*/
.btn-cont-top { padding: 9px 22px; font-size: 16px; color: #fff; font-weight: 400; text-align: center; border:0; background: #6b1e74;}
@media (max-width: 767px) { 
    .btn-cont-top { padding: 7px 15px; font-size: 15px; }
}

.btn-cont-top.orange { background: #ff451a;}


.button-box { display: inline-block; width: 100%; border-top: 2px solid #636363;}
.button-box.noline { border-top: 0;}
.button-box.ltline { border-top: 1px solid #ddd;}
.button-box > div { padding: 20px 0;}
.button-box > .fl-right > a, .button-box > .fl-right > button { float: right;}
.button-box > div > a,.button-box > div > button{ margin-left: 10px;}
.button-box > div > a:first-child , .button-box > div > button:first-child { margin: 0;}

.btn-def { padding: 9px 17px; font-size: 16px; color: #333; font-weight: 400; text-align: center; border: 1px solid #959595; background: #fff;}
.btn-download-box {display:block; margin:10px 0 0 0;}



.fas.fa-download{margin:-2px 0 0 5px; color:#fff; font-size: 12px; vertical-align:middle}



.btn-primary { padding: 9px 15px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #6b1e74; background: #6b1e74;}
.btn-primary-line { padding: 9px 15px; font-size: 16px; color: #6b1e74 !important; font-weight: 400; text-align: center; border: 1px solid #6b1e74; background-color: transparent;}
.btn-gray { padding: 9px 15px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #7d7d7d; background: #7d7d7d;}
.btn-navy { padding: 9px 15px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #003567; background: #003567;}
.btn-purple { padding: 9px 15px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #8464c0; background: #8464c0;}
.btn-lgray { padding: 9px 15px; font-size: 16px; color: #333 !important; font-weight: 400; text-align: center; border: 1px solid #7d7d7d; background: #fff;}


.btn-primary.small,.btn-primary.sml { padding: 3px 10px;}
.btn-primary-line.small,.btn-primary-line.sml { padding: 2px 8px;}
.btn-gray.small,.btn-gray.sml { padding: 3px 10px;}
.btn-def.small,.btn-def.sml { padding: 3px 10px;}
.btn-purple.small,.btn-purple.sml { padding: 3px 10px;}

a[class^='btn-'],button[class^='btn-'],input[class^='btn-']{ border-radius: 2px;}

a[class^='btn-'].dis-in,input[class^='btn-'].dis-in,button[class^='btn-'].dis-in { display: inline-block !important;} 

@media (max-width: 320px) {
    .button-box > div > button { padding: 9px 7px;}
}

a[class^='btn-'].full { display: block !important;}
a[class^='btn-'].lg { width: 50%; padding: 10px 0; font-size: 20px; line-height: 24px;} 
button[class^='btn-'].lg { width: 50%;padding: 10px 0; font-size: 20px; line-height: 30px;} 

a[class^='btn-'].lg2 { padding: 10px 15px; font-size: 20px; line-height: 24px;} 
button[class^='btn-'].lg2 { padding: 10px 15px; font-size: 20px; line-height: 30px;} 

a[class^='btn-'].md { min-width: 130px; padding: 8px 15px; font-size: 16px; line-height: 22px;} 
button[class^='btn-'].md { min-width: 130px; padding: 8px 15px; font-size: 16px; line-height: 22px;} 


a[class^='btn-'].small,a[class^='btn-'].sml { font-size: 14px; line-height: 20px; }
button[class^='btn-'].small, button[class^='btn-'].sml { font-size: 14px; line-height: 20px;}
a[class^='btn-'].small2 { padding: 5px 15px; font-size: 16px; line-height: 20px;}
button[class^='btn-'].small2 { padding: 5px 15px; font-size: 16px; line-height: 20px;}

a[class^='btn-'].sml { padding: 3px 10px;}
button[class^='btn-'].sml { padding: 3px 10px;}
a[class^='btn-'].sml2 { padding: 2px 5px; font-size: 14px;line-height: 16px; border-radius: 2px;}
button[class^='btn-'].sml2 { padding: 2px 5px; font-size: 14px; line-height: 16px; border-radius: 2px;}
a[class^='btn-'].topsml, button[class^='btn-'].topsml, input[class^='btn-'].topsml { padding: 5px 3px; font-size: 14px; line-height: 16px; border-radius: 2px;}

a[class^='btn-'].sml4, button[class^='btn-'].sml4 { padding: 4px 10px; font-size: 13px; line-height: 16px;}


a[class^='btn-'].md4 { min-height: 55px; padding: 4px 10px !important; font-size: 15px; line-height: 22px;} 
button[class^='btn-'].md4 { min-height: 55px; padding: 4px 10px !important; font-size: 15px; line-height: 22px;} 

/* label --------------------------*/
.lb-text { display: inline-block; margin-right: 4px; padding: 4px 7px; font-size: 13px; text-align: center; line-height: 16px; border-radius: 2px; vertical-align: middle;}
.lb-text2 {display: inline-block; padding: 4px 7px; font-size: 13px; text-align: center; line-height: 14px; border-radius: 2px; vertical-align: middle;}

.lb-text.gray, .lb-text2.gray { color: #fff; background-color: #7d7d7d;} 
.lb-text.blue, .lb-text2.blue { color: #fff; background-color: #1856a1;} 
.lb-text.purple, .lb-text2.purple { color: #fff; background-color: #92338A}
.lb-text.orange, .lb-text2.orange { color: #fff; background-color: #ff451a;}
.lb-text.red, .lb-text2.red { color: #fff !important; background-color: #dc0032;}
.lb-nolink { display: inline-block; padding: 2px 5px; font-size: 14px; color: #111; text-align: center; line-height: 16px; border: 1px solid #bbb; border-radius: 2px; vertical-align: middle; background-color: #e5e5e5;}


.lb-blue{display:inline-block;padding: 3px 7px 5px 7px;color:#fff !important;font-size: 16px;line-height: 18px;text-align: center;border-radius: 3px;background-color:#194B7D}

/* 통합검색 pagination  -----*/
.button-box.noline.pgn { display: inline-block; width: 100% ; margin: 15px auto 15px auto;}
.button-box.noline.pgn > div { text-align: center; padding: 0;} 
.button-box.noline.pgn > div > a { display: inline-block; margin: 0; padding: 0 6px; font-size: 14px; color: #666;font-weight: 400;text-align: center; vertical-align: middle; box-sizing: border-box;word-wrap: break-word;}
@media (max-width: 380px) {
    .button-box.noline.pgn > div > a { padding: 0 5px; font-size: 13px;}
}

.button-box.noline.pgn > div > strong { display: inline-block; padding:0 6px; font-size: 16px; font-weight: 700; text-align: center; vertical-align: middle; box-sizing: border-box; word-wrap: break-word;}

.button-box.noline.pgn > div > a:hover,.button-box.noline.pgn > div > a:focus { text-decoration: underline;}

/* 관심항목 */
.page-title-box .icbtn-like{float: right;margin: -5px 0 0 0;} /* 상세페이지 관심항목 추가*/
[class^='icbtn-']{display: inline-block;margin-top: 1px;vertical-align: middle}
[class^='icbtn-']::before{display: inline-block;font-family: 'Font Awesome 5 Free';vertical-align: top;}

.icbtn-like::before{content: '\f004';font-size:23px; color:#aaa}/* whish product */
.icbtn-like.active::before{content: '\f004';font-weight:900;font-size:23px; color:#fb590d}/* selected whish product */

.event-list [class^='icbtn-'] {float: right;margin: 1px 0 0 2px !important;padding: 0 4px;vertical-align: top;}
.event-list .icbtn-like::before{content:'';width: 20px;height: 16px;background:url(../../images/ic-heart-dshline.svg) no-repeat top center;}/* whish product */
.event-list .icbtn-like.active::before{content:'';width: 20px;height: 16px;background:url(../../images/ic-heart-fill.svg) no-repeat top center;}/* selected whish product */

.event-text-list [class^='icbtn-'] {float: right;padding: 0 9px;}
.event-text-list .icbtn-like::before {content:'';width: 20px;height: 16px;background:url(../../images/ic-heart-dshline.svg) no-repeat top center;} /* 수출지원정보 목록 */
.event-text-list .icbtn-like.active::before {content:'';width: 20px;height: 16px;background:url(../../images/ic-heart-fill.svg) no-repeat top center;}
@media (max-width: 280px) {
	.page-title-box .icbtn-like { margin: 12px 0 0 0;}
}


/*-----------------
     첨부파일
-------------------*/
.filedown-area { display: block; width:100%; padding: 10px 10px 0 10px; border-top: 1px solid #ccc; box-sizing: border-box;}
.filedown-area .file-link { display: block; padding: 6px 0; font-size: 16px; color: #000;}
.filedown-area .file-link:hover, .filedown-area .file-link:focus {text-decoration: underline;}



/*-----------------
     loading bar
-------------------*/
.backLayer { display:none; z-index: 20000; position: fixed; left:0px; top:0px; background-color:#000;}

.lodingbar { position: absolute; z-index: 30000; display: none; width: 96px; height: 96px; margin: 0 auto; padding: 10px;}
.circle div { position: fixed; z-index: 60000; display:none; left: 0; right: 0; top: 0; bottom: 0; width: 30px; height: 30px; margin: auto; border: 12px solid; border-color: rgba(255, 255, 255, 1) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.3); border-radius: 48px; animation: circle 1s linear infinite; } /* 기본은 보이지 않게, 움직일때 display:none 해제*/

@keyframes circle {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(360deg);}
}

/*-----------------
    팝업페이지
-------------------*/
#header.pop { height: auto; background:#6b1e74; z-index: 11;}
.pop-title-wrap { display: inline-block; width: 100%; padding: 0; box-sizing: border-box;}
.btn-ic-back { display: inline-block; margin: 0 7px 0 10px; padding: 1px 5px 2px 5px; }
.btn-ic-back::before { display: inline-block; content: '\f060'; font-family: "Font Awesome 5 Free"; font-size: 20px; font-weight: 900; color: #ebdcf5;}

/* title */
.pop-title { display: inline-block; margin:0; padding: 8px 0; font-size: 1.34rem; font-weight:700; color: #fff;line-height: 2rem;}

/* search */
.pop-searchbox { display: inline-block; width: 100%; margin: 0 0 10px 0;}
.pop-searchbox input[type='text'] { -webkit-apperance:none; } 
.pop-searchbox ul { display: inline-block; width: 100%; margin: 0; padding: 0; }
.pop-searchbox ul li { padding: 6px 0; box-sizing: border-box;}
@media (min-width: 768px) {
    .pop-searchbox ul li { float:left; padding: 6px 5px;}

    .pop-searchbox ul li:first-child,
    .pop-searchbox ul li:nth-child(2) { width: 20%;}
    .pop-searchbox ul li:nth-child(3) { width: 20%;}
	.pop-searchbox ul li:nth-child(4) { width: 20%;}
    .pop-searchbox ul li:last-child { width: 20%;}
}

@media (max-width: 767px) {
    .pop-searchbox ul li { display:inline-block; width: 100%;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .pop-searchbox ul li { float:left; padding: 6px 5px;}

    .pop-searchbox ul li:first-child,
    .pop-searchbox ul li:nth-child(2) { width: 20%;}
    .pop-searchbox ul li:nth-child(3) { width: 20%;}
	.pop-searchbox ul li:nth-child(4) { width: 20%;}
    .pop-searchbox ul li:last-child { width: 20%;}
}


.pop-searchbox ul li select,.pop-searchbox ul li input[type='text'] { width: 100%; margin: 0;}
.pop-searchbox ul li select { height: auto; padding: 5px 3px 5px 5px;}

.pop-searchbox ul li input[type='text'] { height: auto; padding: 6px 3px 6px 5px;}



.pop-searchbox ul li a[class^='btn-'] { display: inline-block; width: 100%; box-sizing: border-box;} 
@media (min-width: 768px) {
    .pop-searchbox ul li a[class^='btn-'] {padding: 6px 5px 6px 5px;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .pop-searchbox ul li a[class^='btn-'] {padding: 6px 5px 6px 5px;}
}


/* 자문위원 */
.advisory-boxwrap { display: inline-block; width: 100%; box-sizing: border-box;}

.advisory-box { display: inline-block; width: 100%; box-sizing: border-box;}
@media (min-width: 768px) {
    .advisory-boxwrap { padding: 0 5px;} 
    .advisory-box { float:left; width: 50%; }
    
    .advisory-box:nth-child(odd) { padding: 0 10px 0 0}
    .advisory-box:nth-child(even) { padding: 0 0 0 10px}
}


.advisory-box .inner { display: inline-block; width: 100%; margin: 10px 0; padding: 10px; border: 1px solid #d1d1d1; box-sizing: border-box;min-height: 162px;position: relative; height:278px;}


.advisory-box .inner ul { display: inline-block; width: 100%; padding: 0 0 0 10px;box-sizing: border-box;}
.advisory-box .inner ul li { display: inline-block; width: 100%; padding: 3px 0; font-size: 15px; line-height: 20px; vertical-align: top; box-sizing: border-box;}


.advisory-box .inner ul li strong { padding: 0 0 0 5px; font-weight: 500;}
.advisory-box .inner ul li strong::before { position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; margin: 8px 5px 0 -10px; border-radius: 10px; background-color: #999; vertical-align: top;}

.advisory-box .inner ul li span { padding: 0 15px 0 0; color: #666;}

.advisory-box .inner ul li.work-wrap { height: 42px;}
.advisory-box .inner ul li.work-wrap .work-div { display: -webkit-box; overflow: hidden; width:100%; -webkit-box-orient: vertical; -webkit-line-clamp:2; height: 42px; text-overflow: ellipsis; white-space: normal;word-wrap: break-word; box-sizing: border-box;}


/* button */
.advisory-box .inner .box-btnwrap {width: 100%; padding: 10px 0 3px 0; text-align: center;position: absolute; bottom: 10px;}

.advisory-box .inner a[class^='btn-'] { display:inline-block; width: 40%; padding: 5px 0 6px 0; box-sizing: border-box;}

.pop-btnbox { display:inline-block; width: 100%; margin: 15px 0; text-align: center;box-sizing: border-box;}
@media (min-width: 768px) {
    .pop-btnbox {  margin: 20px 0;}
}
.pop-btnbox a[class^='btn-'] { display: inline-block; width: 100%; box-sizing: border-box;}

@media (min-width: 768px) {
    .pop-btnbox a[class^='btn-'] { width: 30%; padding: 12px 0}

}

/*-----------------
    이미지
-------------------*/
.cp-list-img { width: 100%; max-width: 192px !important; max-height: 144px !important;} /* 기업정보 (셀러)- 목록이미지, 마이페이지 보기,쓰기화면 적용 width:192px */


.cp-detail { width: 100%; max-width: 482px !important; max-height: 137px !important;} /* 기업정보 (셀러)- 대표이미지 상세화면, 마이페이지 보기,쓰기화면 적용 width: 482px*/

.company-list-img { width: 100%; max-width: 218px !important; max-height: 105px !important;} /*기업정보 (셀러)- 로고이미지, 마이페이지 보기,쓰기화면 적용 width: 218px*/

.buyer-img { width: 100%; max-width: 218px !important; max-height: 205px !important;} /* 기업정보 (바이어) - 바이어 이미지, 영문 마이페이지 information에서 적용 width: 218px*/

.ct-list-img { max-width: 142px !important; max-height: 106px !important;} /* 콘텐츠정보 - 디렉토리 서브메인, 콘텐츠 목록이미지, 검색화면에서 목록 이미지, (한글- 마이페이지 콘텐츠정보목록, 상세) 218x163 */
.ct-detail { width: 100%; max-width: 480px !important; max-height: 205px !important;} /* 콘텐츠정보 - 콘텐츠 상세이미지, (한글- 마이페이지 콘텐츠정보 상세)*/
.ct-screen { max-width: 130px !important; max-height: 98px !important;} /* 콘텐츠정보 - 콘텐츠 상세의 썸네일이미지, (한글- 마이페이지 콘텐츠정보 상세) */
.evt-list-img {  width: 100%; max-width: 218px !important; max-height: 123px;} /* 이벤트정보 - 이벤트 목록이미지, 영문 서브메인 목록이미지 포함*/
.evtm-klist-img {  width: 100%; max-width: 173px !important; max-height: 97px !important;} /* 한글 행사정보 - 행사정보 서브메인 목록이미지*/
.evt-detail { width: 100%; max-width: 480px !important; max-height: 149px !important;} /* 이벤트 상세 */


/*.slide-bnimg { max-width: 225px; max-height: 188px;}  행사정보 서브메인 배너 이미지 */

/*-----------------
    연간행사
-------------------*/
.annual-event p{
	display: block;
    margin: 10px 0 20px 0;
    color: #555;
    font-size: 16px;
    line-height: 1.65rem;
    font-weight: 400;}
.annual-event span.info-dt{
	font-size: 14px !important;
	color: #555 !important;}
.annual-list {
	margin: 24px 0 0;}
.annual-list ul {
	display: grid;
    gap: 24px;}
.annual-list ul li {
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 4px;
    transition: .2s;
	box-shadow: 3px 4px 5px 1px rgb(0 0 0 / 30%);
	height:100%;}
.annual-list ul li .link {
    display: block;
    height: 100%;}
.annual-list .info {
    padding: 24px;}
.annual-list .info .title {
    display: -webkit-box;
    overflow: hidden;
    max-height: 54px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
	margin: 8px 0 8px 0;
    font-weight: 700;
	font-size: 18px;
    line-height: 27px;}
.annual-list .info .date,.annual-list .info .place,.annual-list .info .team {
	font-size: 15px;
    line-height: 23px;
	margin:0;
	color:#616161;}
.annual-list ul li{position:relative;}
.annual-list ul li div.info div.fav-area{position:absolute; top:17px; right:25px;}
.annual-list ul li div.info div.fav-area .icbtn-like::before{content: '\f004';font-size:20px; color:#aaa}/* whish product */
.annual-list ul li div.info div.fav-area .icbtn-like.active::before{content: '\f004';font-weight:900;font-size:20px; color:#fb590d}/* selected whish product */	

.annual-list ul li div.info .title2{line-height:1.2 !important;}
.annual-list ul li div.info div.infoTxt{padding:0 0 0 0;}
.annual-list ul li div.info div.infoTxt div{font-weight:400; color:#777; line-height:1.3; display:flex; padding:0 0 5px 0}
.annual-list ul li div.info div.infoTxt div span.tit{font-size:14px; color:#aaa; font-weight:600; flex-shrink:0; padding:0 15px 0 0;}
.annual-list ul li div.info div.infoTxt div span.txt{width:calc(100% - 50px)}


.event-notice {
	margin: 20px 0;}
.notice-message {
    display: flex;
    align-items: center;
    background: #fdf2e9;
    height: 60px;
    padding: 0 10px;
    border: solid 1px #e5e5e5;}
.notice-message .message-tit {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 15px;
	font-weight:700;
    color: #434343;
	padding-bottom:2px;
	letter-spacing: -1px;}
.notice-message .message-tit .b { 
	color:#3515f3;
	border-bottom:solid 1px #3515f3;}
.notice-message .message-img {
    flex: none;
    width: 50px;
    height: 46px;
    overflow: hidden;}
.notice-message .message-img>img {
    height: 100%;}
	
.dv-write > .dv-row > .dv-td span.tt { 
	font-size:13px;
	display: flex;
    width: 100%;
    position: relative;}
.dv-write > .dv-row > .dv-td span.tt .stt { 
	display:block;}
	
/*-----------------
    탈퇴기업, 탈퇴회원 표시
-------------------*/
.leave-content:before {color: #555; content: '*****'; font-weight: 600;}
.unavail-txt{color: #e41212;}

/* 공지사항 flag */
.ntnw-wrap .ntnw-box .flag {
	display: inline-block;
    margin-right: 4px;
    padding: 0 12px;
    border-radius: 13px;
    font-size: 13px;
    line-height: 24px;
	float:left;
	color:#fff !important;
	margin-bottom: 5px;}
.ntnw-wrap .ntnw-box .flag.blue {
	background-color: #0056B3;}
.ntnw-wrap .ntnw-box .flag.gray {
	background-color: #575757;}
.ntnw-wrap .ntnw-box .flag.org {
	background-color: #9E3110;}
.ntnw-wrap .ntnw-box .flag.red {
	background-color: #B30E0C;}
.ntnw-wrap .ntnw-box .flag.grn {
	background-color: #1C6218;}

/* 자문위원 pop-up 추가 */
.advisory-box .inner ul li.n-work-wrap {}
.advisory-box .inner ul li.n-work-wrap .work-div { display: -webkit-box; overflow: hidden; width:100%; -webkit-box-orient: vertical; -webkit-line-clamp:2; text-overflow: ellipsis; white-space: normal;word-wrap: break-word; box-sizing: border-box;}

/* 국가별 법령 */
.event-text-list ul li .txt .txt-date_nobar{ padding: 0 10px 0 0;}
select.top_btw { width: 138px; margin: 5px 0 0 0;}

@media (max-width: 767px) {
	select.top_btw { width: 100px; margin: 5px 0 0 0;}
}

/* 진출단계별 법규제정보 */
.category-list {
    width: 100%;
	min-height:98px;}
.category-list ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	background-color: #fff;
    border-right: 1px solid #dce1e4;
    border-bottom: 1px solid #dce1e4;}
.category-list ul li {
	position: relative;
	display: block;
	float: left;
	width: 50%;
	background-color: #fff;}
.category-list ul li a {
	position:relative;
	display: block;
    float: none;
    margin: 0 -1px -1px 0;
    padding: 0 10px;
    width: auto;
    height: 34px;
    font-size: 13px;
    line-height: 34px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #dce1e4;
	font-weight:600;}
.category-list ul li.active > a {
    z-index: 10;
    color: #333;
    text-decoration: initial;
    background: #fff;
    border-color: #6b1e74;}
.category-list ul li a i {
	display: none;
	float: right;
	margin: 6px 0 0;
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	color: #6b1e74;}
.category-list ul li.active a i {
	display: block;}
.category-list ul:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dce1e4;}
.category-list ul li:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 1px;
	background-color: #dce1e4;}
.category-list ul li:hover a {
	background-color: rgba(3, 104, 174, .03);}
	
@media (min-width: 768px){
	.category-list { display:none;}
}

.text-list .text-list-dt dd.type2 {display:inherit !important;}

/* tab-basic-box */
.tab-basic-box{display:block;padding: 0px; margin: 0 auto; width:100%; border:1px solid #9b9d02;  border-bottom:2px solid #9b9d02;  border-right:2px solid #9b9d02; box-shadow: 6px 6px 2px 1px rgba(223, 223, 223, .9); margin-bottom:18px;}
.tab-basic-box > .tab-basic {display:block; width:100%; font-size: 0; list-style-type: none;  box-sizing: border-box;}
.tab-basic-box > .tab-basic ul{display:block;}
.tab-basic-box > .tab-basic ul li {display:inline-block; padding:0px 0; width:11.1%; line-height: 58px; border-top: 0px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0px solid #ddd; box-sizing: border-box;}
.tab-basic-box > .tab-basic ul li.active{background-color:#9b9d02;}
.tab-basic-box > .tab-basic ul li.active a{color:#fff}
.tab-basic-box > .tab-basic ul li:hover{background-color:#9b9d02;}
.tab-basic-box > .tab-basic ul li:hover a{text-decoration:underline; color:#fff;}
.tab-basic-box > .tab-basic ul li.brnoline{border-right: 0px solid #ddd;}
.tab-basic-box > .tab-basic ul li:nth-child(-n+23){border-bottom: 1px solid #ddd;}
.tab-basic-box > .tab-basic ul li.active:nth-child(-n+23){border-bottom: 0px solid #ddd;}
.tab-basic-box > .tab-basic ul li > a{display: block; line-height: 34px; font-family: 'Noto Sans KR',sans-serif;font-size: 13px; color: #333; text-align:center; font-weight: 500; box-sizing: border-box;}
.tab-basic-box > .tab-basic ul li.nouse {background:#f1f3f5; }
.tab-basic-box > .tab-basic ul li.nouse > a {font-weight:400; color:#555; }
.tab-basic-box > .tab-basic ul li.nouse:hover, {background-color:#f1f3f5;}
.tab-basic-box > .tab-basic ul li.nouse:hover a{text-decoration:none; color:#555;}

@media (max-width: 768px){
	.tab-basic-box > .tab-basic ul li { width:33.3%;} 
}

.country-info-box{display:block; margin:30px 0 0 0; background-color:#fff; min-height: 400px; border:1px solid #ddd; box-shadow: 6px 6px 2px 1px rgba(223, 223, 223, .9);}
.tab-detail{display:block; width:100%;}
.tab-country-detail{display:block; background-color:#f4f4f4; border-bottom:0px solid #ddd}
.tab-country-detail li{ display:inline-block; line-height:40px;}
.tab-country-detail li a{display:block; margin:1px 8px 0 0; bottom:-1px; padding:2px 20px 0 20px; width:100%; height:42px; font-size:15px; font-weight:400;  text-align:center; vertical-align:middle; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-top-right-radius: 3px; background-color:#f9f9f9; box-sizing: border-box;}
.tab-country-detail li:first-child a{border-left:1px solid #ddd; border-top-left-radius: 3px;}
.tab-country-detail li h3{font-size:15px;}
.tab-country-detail li:hover a{color:#ff6a00; background-color:#fff; }
.tab-country-detail li a.active{margin:1px 0 0 0; font-size:15px; color:#ff6a00; font-weight:400; background-color:#fff; height:42px; bottom: -1px; border-bottom: 0px solid #fff; box-sizing: border-box;}

.tab-detail .country-detail{display:block; margin:-1px 0px 0px 0px; padding:0px 20px; width:100%; border-top:1px solid #ddd; background-color:#fff; box-sizing: border-box;}
.coun-detail-item{padding:20px 0; border-bottom:1px dashed #ddd}
.coun-detail-item h3 {font-size:15px;}
.coun-detail-item h4{position:relative; display: inline-block;  padding:0 10px 10px 15px; font-size:15px; color: #333; text-align:left; box-sizing: border-box;}
.coun-detail-item h4::before { position: absolute; content: ''; display: inline-block; margin-left:10px; width: 5px; height: 5px; margin: 5px 0 0 -15px; background-color: #7a7a7a; box-sizing: border-box;}
.coun-detail-item .cdet-item-p{display:block; line-height:24px; font-size:15px; }
.coun-detail-item .cdet-item-p a{ word-wrap: break-word; }
.country-detail p.de-source{display:block; padding: 30px 10px 30px 0; font-size: 14px; text-align:right; }

.coun-detail-item.noline {
    border-bottom: none;}
	
@media (max-width: 768px){
	.tab-country-detail {display:none;}
	.tab-detail .country-detail { border-top:none; padding-left:0; padding-right:0;}
}

/*title type*/
.tit_type1 {margin:31px 0 6px 0;padding-left:9px;background: url(../../images/bull_tit_type1.gif) no-repeat 0 12px;color:#1766b4; font-weight:800 !important;}
.txt_type1 li {padding-left:7px;background:url(../../images/bull_txt_type1.gif) 0 12px no-repeat;word-break: break-all;}
.txt_type2 li {margin-bottom:8px;padding-left:10px;background:url(../../images/bull_txt_type2.gif) 0 12px no-repeat;word-break: break-all;}
.point1 { color:#6b1d7a !important; font-weight:800;}
.depth1,.depth1 li {margin:6px 0 5px 0;}
.depth2,.depth2 li {margin: 0 0 4px 9px;}
.depth2.txt_type1 li {padding-left:7px;background:url(../../images/bull_txt_type1.gif) 0 12px no-repeat;}

/*해외시장 심층정보 추가*/
.view2-welcon-wrap {display: block;width: 100%;min-height: 300px; font-family:  "Noto Sans KR", Dotum, 돋움, verdana, sans-serif;font-size: 16px !important;line-height: 1.6rem;word-break: keep-all;} /* 전체 wrap */
.view2-welcon-wrap .tit_type1 {margin:20px 0 6px 0;}
.view2-welcon-wrap .filedown-area {border-top:none; padding:15px 0 0 0;}

.txt_type3 li {margin-bottom:8px;padding-left:10px; line-height:1.8em;}

.sub-cont.full_title {display: inline-block; width: 100%; margin: 100px 0 0 0;}

.table-box-gray-bg {width: 100%; overflow-x: auto; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif;}
.table-box-gray-bg table{width:100%; max-width:100% !important; background-color:#fff; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; text-align:center; margin-bottom:15px;}
.table-box-gray-bg table th,.table-box-gray-bg table td{border-right: 1px solid #d5d5d5;}
.table-box-gray-bg tbody th,.table-box-gray-bg tbody td{text-align: center; font-size: 16px; line-height: 1.5em; height:50px; padding:5px 0;}
.table-box-gray-bg tbody th{font-weight: 700; background-color:#f7f7f7;}
.table-box-gray-bg tbody td{color: #555;text-align: left;padding-left: 15px; overflow-wrap: anywhere;}
.table-box-gray-bg tbody td.center { text-align:center; padding:0;}
.table-box-gray-bg thead tr,.table-box-gray-bg tbody tr{border-bottom:1px solid #d5d5d5;}
.table-box-gray-bg table .text-tag { padding:0;}
.no-br {border-right: 0 !important;}
.table-box-gray-bg thead th{background: #f6f6f6; padding: 18px 0; font-size: 16px; font-weight: 700;}
.table-box-gray-bg thead th.blue { background-color:#0070c0; color:#fff;}
.table-box-gray-bg thead th.red {background-color:#c00000; color:#fff !important;}

@media (max-width: 768px) { 
.table-box-gray-bg thead th { font-size:14px;}
.table-box-gray-bg tbody th,.table-box-gray-bg tbody td {font-size:14px;}
}

.table-gray-bg ul.txt_type {padding:10px 0;}
.table-gray-bg ul.txt_type li {margin: 0 0 4px 5px;padding-left:15px;background:url(../../images/bull_txt_type1.gif) 0 12px no-repeat; text-align:left; line-height:1.3em;}

.text-tag .tit { font-weight:700; margin-right:25px;}

.link-area {display: block; width:100%; padding: 15px 15px 0 15px; border-top: 1px solid #ccc; box-sizing: border-box; float:left; margin-top:20px; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif;}
.link-area .tit { font-weight:700; margin-right:25px;}

.txt_type4 li {padding-left: 10px; position: relative; color: #444; font-size: 16px; line-height: 28px; letter-spacing: -0.025em;}
.txt_type4 li:before { display: block; position: absolute; top: 15px; left: 0; width: 3px; background-color: #0f3977; height:3px; content:'';}

.dv-view .fav-area {float: right;}
.dv-view .fav-area .icbtn-like::before { font-weight:normal;}
.dv-view .fav-area .icbtn-like.active::before {font-weight:900;}

/* 인기장르 */
.section--breadcrumb {padding: 10px 0; border-bottom: 1px solid #eee; width:100%;}
.genre-wrap { width: 100%; display:block; font-family:"Noto Sans KR","Noto Sans TC",sans-serif !important;}

.section_space {}
.category-location {width: auto; align-items: center;}
.category-location .option-box { min-width: 110px; width: 100%; }
.category-location__item {position:relative; width:auto;}

#custom_option-btn {border: none; font-size:14px !important; width: auto; color:#555; font-family:"Noto Sans KR","Noto Sans TC",sans-serif !important;}
.option-btn::after { width: 20px; height: 20px; background:url(../../../../static/mbl/images/arrow_down.png) no-repeat 0 0 ; content:''; display: inline-block; margin-left: 13px; margin-bottom:-7px;}
.option-btn { padding: 5px 28px 5px 0px;}

.category-location .calendar {min-width: 110px; width: 100%;}
#calendar-btn {border: none; font-size:14px !important; width: auto; color:#6b1e74;  font-weight:700; font-family:"Noto Sans KR","Noto Sans TC",sans-serif !important;}
.calendar-btn  {padding: 3px 28px 3px 0px; display: flex; align-items: center; flex-direction: row-reverse;}
.calendar-btn::after { width: 32px; height: 32px; background: url(../../../../static/mbl/images/calendar_bar.png) no-repeat 0 0 ; content:''; display: inline-block; padding-right:8px; float:left;}

.genre-wrap .button_group { width:100%;}
.button_radio_wrap input[type="radio"] { appearance: none;}
.genre-wrap .button_group .button_radio_wrap {display: inline-block; vertical-align: top; padding-top: 5px;}
.button_group .button_radio_wrap .radio_cus~ .radio_cus { margin-left:20px;}

.radio_cus { display: inline-flex; align-items:flex-start; position: relative; font-size: 14px; cursor: pointer; } 
.radio_cus input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.radio_cus .mark {width: 14px;height: 14px; margin-right: 6px;background: #fff;border: 1px solid #d3d7e7;border-radius:50%;} 
.radio_cus input[type="radio"]:checked ~ .mark { position: relative; border-color: #0073e6; margin-bottom:-1px;} 
.radio_cus input[type="radio"]:checked ~ .mark:after { content:''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; background: #0073e6; border-radius:50%; transform: translate(-50%,-50%); } 

.genre-wrap-view {display:block; padding:10px 5px;}
.genre-wrap-view .genre-title {display:block; width:100%; border-bottom:solid 1px #cecece; padding:15px 0; text-align:center;}
.genre-title span { border-bottom:solid 3px #131313; color:#131313; font-weight:700; font-size:16px; padding:8px 10px;}

.chart-editor-wrap { background-color:#fbfbfb; border:1px solid #c0c0c0; padding:20px; margin-top:20px;}
.sr-only {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}

.genre-share {border-bottom: 1px solid #777;  border-top: 1px solid #777; margin-top:25px;}
.genre-share table { width: 100%;}
.genre-share table tbody th { padding: 15px 0; text-align: center; border-top: 1px solid #ddd; font-size: 14px; color:#222;}
.genre-share table tbody tr:first-child th,.genre-share tbody tr:first-child td { border-top: 0;}
.genre-share table tbody td { border-left: 1px solid #ddd; padding: 15px 0; text-align: center; font-size: 14px; border-top: 1px solid #ddd; color:#686868;}

/* calendar picker  */
.date-picker{position:fixed;bottom:0;background:#fff;border-top-left-radius:15px;border-top-right-radius:15px;width:100%;z-index:9;display:none;  transition: all 0.5s ease-in-out; }
.date-picker.acitve{ animation: popup 1s ease;}
.date-picker:before{content:'';width: 42px;height:5px;background:#E1E1E1;border-radius:5px;display:block;text-align: center;margin: 20px auto 36px;}
.date-picker .tit{text-align:center;color:#555; font-size:18px; font-weight:bold;}
.date-picker .sub-tit{font-size:14px; color:#707070; border-bottom:1px solid #F8F8F8; padding:0 20px 15px;}

.scroll-picker {display: flex;border-radius: 15px;position: relative;border-top: 2rem solid white;border-bottom: 2rem solid white;padding-left: 1rem;padding-right: 1rem;font-size: calc(.5rem + 2.3vw);font-weight: 400;}
.scroll-picker:before, .scroll-picker:after {content: "";position: absolute; width: 100%;height: 2.2rem;pointer-events: none;}
.scroll-picker:before {top: -2.2rem;background: linear-gradient(white, rgba(255, 255, 255, 0.7));top: -0.2em;border-bottom: 1px solid #ddd;height: 2em;}
.scroll-picker:after {bottom: -0.2rem;height: 2.4em;background: linear-gradient(rgba(255, 255, 255, 0.3), white);border-top: 1px solid #ddd;bottom: -0.2em;height: 3.5em;}
.scroll-picker ul {will-change: transform; position: relative; z-index: 999; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; width:50%; -ms-overflow-style: none; max-height: 5.2em;overflow-y: scroll;-ms-scroll-snap-type: y mandatory;scroll-snap-type: y mandatory;padding-bottom: 4em;padding-top: 4em;box-sizing: border-box;}
.scroll-picker ul::-webkit-scrollbar { display: none;}
.scroll-picker li {position: relative;width: 100%;scroll-snap-stop: always;scroll-behavior: smooth;scroll-snap-align: center; height: 2.6em; text-align: center;word-spacing: 0.2em;}
 
.button-container {text-align: center;padding:1.4rem 0 2rem;width: 100%; display:flex;margin:0 20px; border-top:1px solid #F8F8F8; }
.picker-year{border-right: 1px solid #eee;}
.btn_cancel ,.btn_confirm{border-radius: 30px;border:1px solid #ddd;padding: 1.1rem 0;text-align:center;font-size: 1rem;color:#555;font-weight:bold;width:calc(50% - 25px);height:calc(3.4rem + 2.3vw);}
.btn_confirm{background-color:#6b1e74;color:#fff;margin-left:10px}
.btn_cancel{border-color:#6b1e74;}
.back-bg{position:fixed; background:rgba(0,0,0,0.3);width:100%;height:100%;top:0;left:0;z-index:1;display:none;}
  
/*body 고정사욯하지 않을시 지워주시면 됩니다. */
body.fixed{width:100%;position:fixed;top:0;height:100%;}

/*애니메이션 추가*/
@keyframes popup {
    0% {
      opacity: 0;
      transform: translatey(50%);   
    }
  
    100% {
      opacity: 1;
      transform: none;
    }
  }

/* 전체행사 목록 radio 영역*/
.top-category-wrap { display: inline-block; width: 100%; margin: 5px 0 0 0;}
.top-category-box { float: left; width:100%; border-bottom: 1px solid #eee; padding-bottom: 3px;}
.lbs-category {float: left; padding: 7px 8px; margin: 0 9px 7px 0; font-size: 14px; text-align: center; border: 1px solid #b5b5b5;}

.lbs-category:focus, .lbs-category:hover { text-decoration: underline;}  
.lbs-category.active { font-weight: 600; color: #fff; background:#a674c9;border: 1px solid #a674c9;}

.lbs-category.active.navy { background:#003567; border: 1px solid #003567;}

.list_select_wrap {font-size: 14px; display: block; margin: 0; /* position:relative; */ width:100%; border-bottom: solid 1px #eee; margin-bottom: 10px !important;}
.list_select_wrap select { font-size: 14px; width:108px; margin-top: 13px; margin-bottom: 13px;}

.event-list .flag {display: inline-block; margin-right: 4px; padding: 0 12px; font-size: 13px; line-height: 20px; float: left; color: #fff; font-weight: 700; width: 85px; text-align: center; margin-top:3px;}
.event-list .flag.blue {background-color: #0080e2;}
.event-list .flag.red {background-color: #f63d46; color:#fff !important;}

 /*인기장르 table*/
.tb-list.genre {font-family: "NanumSquare","Noto Sans TC", sans-serif;}
.genre-notice {font-family: "NanumSquare","Noto Sans TC", sans-serif; font-size:14px; margin-top:10px;}
.genre-notice strong {font-weight:700;}

@media (max-width: 768px) { 
.tb-list.genre thead th { font-size:14px;}
.tb-list.genre tbody th,.tb-list.genre tbody td {font-size:14px;}
.tb-list.genre td.left {padding:8px 5px 8px 5px;}
}


/*게시판 관련 리스트 및 테이블*/

.table-box-gray-bg table.table-gray-bg.newTb{border-top: 2px solid #004d97 !important; border-left: 1px solid #d7d7d7 !important; text-indent: 0;}
.table-box-gray-bg table.table-gray-bg.newTb thead th{background: #e9e9e9 !important; }
.table-box-gray-bg table.table-gray-bg.newTb .textc{padding: 5px 2px; text-align: center;}
.table-box-gray-bg table.table-gray-bg.flowTb{border-top: 0}
.table-box-gray-bg table.table-gray-bg.flowTb tr{border-bottom: 0;}
.table-box-gray-bg table.table-gray-bg.flowTb td, .table-box-gray-bg table.table-gray-bg.flowTb th {border: 1px solid #d7d7d7;}
.table-box-gray-bg table.table-gray-bg.flowTb td.arrowTd{border: 0; text-align: center; padding: 5px 0;}

.view-welcon-wrap ol.ol_type01, .view-welcon-wrap ul.ul_type01, .view-welcon-wrap ul.ul_type02{line-height: 180%; margin: 5px 0 20px 0; }
.view-welcon-wrap ol.ol_type01 li, .view-welcon-wrap ul.ul_type01 li, .view-welcon-wrap ul.ul_type02 li{margin: 3px 0; }

.view-welcon-wrap ol.ol_type01{ padding: 0 0 0 17px; text-indent: -17px}
.view-welcon-wrap ol.ol_type01 li ul, .view-welcon-wrap ol.ol_type01 li div{text-indent: 0;}

.view-welcon-wrap .ul_type01 li {padding:0 0 0 17px; position: relative;}
.view-welcon-wrap .ul_type01>li:before {content: ""; display: block; position: absolute; top: 13px; left: 3px; width: 5px; height: 5px; background: #004d97; border-radius: 50%;}

.view-welcon-wrap .ul_type02 {margin:0 0 10px 0; text-indent: 0; }
.view-welcon-wrap .ul_type02 li{padding-left: 13px; text-indent: 0; position: relative;}
.view-welcon-wrap .ul_type02>li:before {content: ""; display: block; position:absolute; top:14px; left:0; width:5px; height:2px; background:#a4b0c2; }

.table-box-gray-bg table.table-gray-bg.flowTb{border-bottom: 0;}
.table-box-gray-bg table.table-gray-bg.flowTb .textc{padding: 5px 2px; text-align: center;}
.table-box-gray-bg table.table-gray-bg.flowTb .bdt2{border-top: 2px solid #004d97}

.table-box-gray-bg table.table-gray-bg.newTb, .table-box-gray-bg table.table-gray-bg.flowTb{min-width:650px !important;}


/*법규제정보 - 250530*/
.regulationWrap{clear:both; padding:2em 0; margin:0; width:100%; box-sizing: border-box; word-break: break-all; font-family: "Noto Sans", sans-serif; line-height:1.6; letter-spacing:0;}
.regulationWrap h3{ color:#2f2e2f; display:block; text-align:center; font-size:1.75em; }
.regulationWrap h4{font-size:1.1875em; color:#2f2e2f; margin:50px 0 10px 0;  }
.regulationWrap p, .regulationWrap table{font-size:0.9375em; margin:0 0 15px 0;  line-height:1.6; }
.regulationWrap ul {padding:0; margin:0 0 15px 0;}
.regulationWrap ul li {padding:0 0 0 15px; margin:3px 0; position: relative; line-height:1.6;}
.regulationWrap ul > li:before {content: ""; display: block; position: absolute; top: 10px; left: 3px; width: 4px; height: 4px; background: #777; border-radius: 50%;}
.regulationWrap ul li ul {padding:0; margin:0;}
.regulationWrap ul li ul > li{padding-left: 10px; text-indent: 0; position: relative; margin:1px 0;}
.regulationWrap ul li ul >li:before {content: ""; display: block; position:absolute; top:12px; left:0; width:5px; height:2px; background:#a4b0c2; }
.regulationWrap ul li ul li ul{padding:0; margin:0;  }
.regulationWrap ul li ul li ul li{padding-left: 10px; text-indent: 0; position: relative; margin:1px 0; font-size: 1em;}
.regulationWrap ul li ul li ul li:before {content: ""; display: block; position:absolute; top:12px; left:0; width:2px; height:2px; background:#a4b0c2; }
.regulationWrap table{border-top:2px solid #555; width:100%;}
.regulationWrap table th{width:25%; background:#f5f6fa; padding:15px 10px 15px 45px; position:relative; border-bottom:1px solid #d7d7d7; vertical-align:top; text-align:left; line-height:1.5; font-weight:600;}
.regulationWrap table th:before{ content:"1"; display:block; position:absolute; top:10px; left:15px; color:#c9c7c7; font-size:2em; font-style:italic; }
.regulationWrap table tr:nth-child(2) th:before{content:"2";}
.regulationWrap table tr:nth-child(3) th:before{content:"3";}
.regulationWrap table tr:nth-child(4) th:before{content:"4";}
.regulationWrap table tr:nth-child(5) th:before{content:"5";}
.regulationWrap table tr:nth-child(6) th:before{content:"6";}
.regulationWrap table tr:nth-child(7) th:before{content:"7";}
.regulationWrap table tr:nth-child(8) th:before{content:"8";}
.regulationWrap table tr:nth-child(9) th:before{content:"9";}
.regulationWrap table td{ border-bottom:1px solid #d7d7d7; padding:15px 10px 15px 20px; font-size:0.9375em; line-height:1.6}
.regulationWrap table td ul {margin:0;}
.regulationWrap table td ul li:first-child{margin-top:0;}
.regulationWrap table td ul li:last-child{margin-bottom:0;}
.regulationWrap div{ background:#f5f6fa; margin:0 0 15px 0;  padding:15px 30px; line-height:1.6; }
.regulationWrap div ul{padding:0; margin: 0; display: flex; display: -webkit-flex; display: -ms-flex; lex-direction: row; justify-content: left; align-items:center; flex-wrap:wrap;}
.regulationWrap div ul li{padding-left: 15px; text-indent:-15px; padding-right:25px; margin: 5px 0;  width:50%; box-sizing:border-box;}
.regulationWrap div ul li.wpct100{width:100%;}
.regulationWrap div ul li:before{display: none;}
.regulationWrap div ul li a{font-size:0.875em}
.regulationWrap div ul li i{margin-right: 10px; background: #fff;}
.regulationWrap div ul li i.fa, .regulationWrap div ul li i..fab, .regulationWrap div ul li i..fal, .regulationWrap div ul li i..far, .regulationWrap div ul li i..fas{display:inline;}
.regulationWrap div ul li i.fa-file-pdf{color:#f04e33}
.regulationWrap div ul li i.fa-file-excel{color:#17A06B}
.regulationWrap div ul li i.fa-file-powerpoint{color:#E9681A}
.regulationWrap div ul li i.fa-file-word{color:#106ED0}
.regulationWrap div ul li i.fa-external-link-alt{background-color:initial; color:#FF0C0C }
.regulationWrap div ul li i.fa-link{background:initial; color:#2F7BC4; font-size:13px; }
.regulationWrap ul li ol>li{ padding: 0 0 0 15px; text-indent: -15px;}
.regulationWrap div ul li ul li{width:100%; }

@media screen and (max-width: 850px) {
	.regulationWrap div {padding:10px 15px;}
	.regulationWrap div ul{display:block; }
	.regulationWrap div ul li{width:100%;}	
}

@media screen and (max-width: 620px) {
	.regulationWrap table th{padding-left:30px; width:30%;}
	.regulationWrap table th:before{font-size:1em; top:15px;}
	.regulationWrap table td{padding-left:10px;}
}

@media screen and (max-width: 500px) {
	.regulationWrap table th{padding:10px 20px; width:100%; display:block; box-sizing:border-box;}
	.regulationWrap table th:before{position:static; display:inline-block; margin-right:5px; }
	.regulationWrap table th br{display:none;}
	.regulationWrap table td{padding-left:10px; display:block; box-sizing:border-box;}
}

/*250605 공지사항 및 뉴스레터 썸네일 추가 리스트 */
.noti-list {clear:both; margin-top:-10px; }
.noti-list > ul > li {width:100%; margin:20px 0; border-radius:10px; border:1px solid #d7d7d7; padding:0; box-sizing: border-box; word-break: keep-all; font-family: "Noto Sans KR", sans-serif; transition:0.5s;}
.noti-list > ul > li > a{display:block; padding:0; margin:0; box-sizing: border-box; transition:0.3s; }
.noti-list > ul > li .subJectBox{position:relative; padding:25px; box-sizing: border-box; min-height:160px;}
.noti-list > ul > li .subJectBox p.imgBox{width:220px; height:120px; border-radius:5px; background:#f0f0f0 url('../../../../static/frt/images/ft-logo.png') no-repeat; background-position:center; position:absolute; top:20px; left:20px; overflow:hidden; }
.noti-list > ul > li .subJectBox p.imgBox img{width:220px; height:120px;}
.noti-list > ul > li .subJectBox p.subject{font-size:1.1875em; font-weight:500; color:#333; line-height:1.4; padding:5px 80px 0 245px; overflow:hidden; white-space: nowrap; text-wrap: nowrap; text-overflow:ellipsis; }
.noti-list > ul > li .subJectBox span.date{ position:absolute; bottom:33px; left:270px; font-size:0.95em; color:#999; font-weight:300;}
.noti-list > ul > li .subJectBox span.statusTxt{position:absolute; top:30px; right:25px; display:block;  width:70px;  border-radius:5px; padding:3px 0 5px 0; border:1px solid #d7d7d7; text-align:center; font-size:0.95em; color:#aaa; line-height:1.2;}
.noti-list > ul > li .subJectBox span.statusTxt.blue{border-color:#004d97; color:#004d97}
.noti-list > ul > li .subJectBox span.statusTxt.org{border-color:#cd2b36; color:#cd2b36;}
.noti-list > ul > li .subJectBox span.statusTxt.gray{background:#d7d7d7; color:#fff;}
.noti-list > ul > li:hover{border:1px solid #333; box-shadow:7px 7px 7px rgba(0,0,0,0.1)}
.noti-list > ul > li:hover .subJectBox p.subject{text-decoration:underline; text-underline-offset:3px;text-decoration-thickness:1px;}

@media screen and (max-width:768px){
	.noti-list > ul > li .subJectBox p.subject{padding-right:0; overflow:hidden; white-space: normal; text-wrap: auto; text-overflow:initial; }
	.noti-list > ul > li .subJectBox > div{clear:both; margin:0; width:calc(100% - 300px); position:absolute; bottom:25px; left:265px;}
	.noti-list > ul > li .subJectBox > div:after{display:block; content:""; width:0; height:0; clear:both;}
	.noti-list > ul > li .subJectBox > div span.statusTxt{float:left; margin:0; position:static;}
	.noti-list > ul > li .subJectBox > div span.date{position:static; float:right; line-height:25px;}	
}

@media screen and (max-width:640px){
	.noti-list > ul > li .subJectBox p.imgBox{position:relative; width:100%; left:auto; top:auto; height:auto; min-height:140px;}
	.noti-list > ul > li .subJectBox p.imgBox img{ width:100%; height:auto; /*position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); */}
	.noti-list > ul > li .subJectBox > div{ position:static; padding:1em 0 0 0; width:100%;}	
	.noti-list > ul > li .subJectBox p.subject{padding:0.5em 0 0 0;}
	.noti-list > ul > li .subJectBox > span.date{position:static; margin-top:1em; display:block; text-align:right; }	
}

@media screen and (max-width:360px){
	.noti-list > ul > li .subJectBox p.imgBox img{ height:100%; min-height:140px; }
}