@charset "utf-8";

/*-----------------
     content
-------------------*/

/* 오른쪽 side */
.side-event-wrap { }
.side-event-wrap .search-box { position: relative; width: 216px; height: 31px; border:1px solid #9a9a9a;}
.side-event-wrap .search-box input[type='text'] { width: 190px; height: 25px; padding: 3px 2px 2px 3px; border: 0}
.side-event-wrap .search-box input[type='text']::placeholder { font-size: 14px; color: #666; }
.side-event-wrap .search-box input[type='submit'] { position: absolute; display: inline-block; width: 19px; height: 19px; margin: 5px 0 0 0; cursor: pointer; border: 0; background: url(../../../../static/frt/images/img-side-search.png) no-repeat;}
.side-event-wrap .search-box input[type='submit']:valid { color: transparent!important;}
.side-area .category-box { float: left; width: 216px; margin: 12px 0 0 0; border: 1px solid #b5b5b5;}
.side-area .category-box ul { float: left; width: 100%; border-bottom: 1px solid #b5b5b5;}
.side-area .category-box ul:last-child { border-bottom: 0;}
.side-area .category-box ul li { float: left; width: 107px; margin:0; padding:0;}
.side-area .category-box ul li:first-child { border-right: 1px solid #b5b5b5;}
.side-area .category-box ul li a { display:block; width:100%; padding: 11px 0 10px 0; font-size: 14px; color:#555; font-weight: 400; text-align: center;}
.side-area .category-box ul li.etc { width: 216px;}
.side-area .category-box ul li a.active { font-weight: 700; color:#fff;}
.side-area .category-box.event-info ul li a.active { padding: 11px 1px 10px 0; background: #a674c9;}

.side-area .category-box ul li a:hover, .side-area .category-box ul li a:focus { font-weight: 700; color:#fff;}
.side-area .category-box.event-info ul li a:hover,.side-area .category-box.event-info ul li a:focus { background: #a674c9;}

.side-area .category-box.event-info ul li a.auto {display: flex;height: 28px;vertical-align: middle;justify-content: center;align-items: center;}/* 두줄일때 */
.side-area .category-box.event-info ul li a.auto:hover,.side-area .category-box.event-info ul li a.auto:focus { min-height:28px;}/* 두줄일때 */

.side-area .category-box ul li:last-child a:hover,.side-area .category-box ul li:last-child a:focus { padding: 11px 1px 10px 0;}


.side-area .country-box { float: left; width: 216px; margin: 12px 0 0 0; border: 1px solid #b5b5b5;}
.side-area .country-box ul { float: left; width: 100%; border-bottom: 1px solid #b5b5b5;}
.side-area .country-box ul:last-child { border-bottom: 0;}
.side-area .country-box ul li { float: left; width: 107px;}
.side-area .country-box ul li:first-child { border-right: 1px solid #b5b5b5;}
.side-area .country-box ul li a { display:block; width:100%; padding: 11px 0 10px 0; font-size: 14px; color:#555; text-align: center;}
.side-area .country-box ul li.etc { width: 216px;} 
.side-area .country-box ul li a.active { font-weight: 700; color:#fff;}
.side-area .country-box.event-info ul li a.active { background: #a674c9;}

.side-area .country-box ul li a:hover, .side-area .country-box ul li a:focus { font-weight: 700; color:#fff;}  
.side-area .country-box.event-info ul li a:hover,.side-area .country-box.event-info ul li a:focus {background: #a674c9;}
.side-area .country-box ul li:last-child a:hover,.side-area .country-box ul li:last-child a:focus { padding: 11px 1px 10px 0;}


/* 왼쪽 side */
.side-area.fl-right { float: right;}
.side-area.fl-right .side-info-wrap { float: right; width: 202px;}
.side-info-wrap .info-box { display: inline-block; width: 200px; padding: 7px 0; border: 1px solid #c8c8c8; box-sizing: border-box; word-break: break-all;}
.side-info-wrap .info-box dl { display: inline-block; width: 100%; padding: 3px 0 3px 12px;box-sizing: border-box; word-break: break-all;}
.side-info-wrap .info-box dl dt,.side-info-wrap .info-box dl dd { float: left; font-size: 13px; line-height: 18px; box-sizing: border-box; word-break: keep-all;}
.side-info-wrap .info-box dl dt { font-weight: 700; color: #333;}
.side-info-wrap .info-box dl dd { width: 110px; padding-left: 5px; color: #555;}

.side-info-wrap .info-box-list { display: inline-block; width: 200px; margin: 8px 0 0 0; border: 1px solid #c8c8c8; box-sizing: border-box; word-break: break-all;}
.side-info-wrap .info-box-list ul { width:100%;}
.side-info-wrap .info-box-list ul li { float: left; width: 100%; padding: 5px 5px 5px 12px; font-size: 14px; color: #666; line-height: 20px; border-bottom: 1px dashed #bfbfbf; box-sizing: border-box;}
.side-info-wrap .info-box-list ul li:last-child { border-bottom: 0;}

.side-info-wrap .info-box-list ul li a { float: left !important; text-decoration: none; color: #666;}
.side-info-wrap .info-box-list ul li a:hover, .side-info-wrap .info-box ul li a:focus { text-decoration: underline;}  



/* div- list --------------------------*/
.event-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.event-list > ul { float: left; width: 100%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.event-list > ul:first-child { padding: 0 0 20px 0;}
.event-list > ul:last-child { border-bottom: 2px solid #636363;}
.event-list > ul > li { float: left;}
.event-list > ul > li.img { width: 220px; text-align: center; vertical-align: top; }
.event-list > ul > li.img a { position: relative; display: block; width: 218px; height: 123px; border: 1px solid #cfcfcf;}
.event-list > ul > li.img a img { position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.event-list > ul > li.img img.list-img { max-width: 218px; max-height: 123px;} /* 목록이미지 사이즈 218*123 */
.event-list > ul > li.text { width: 500px; margin: 0 0 0 49px;}
.event-list > ul > li.text dl { width: 100%;}
.event-list > ul > li.text dl dt, .event-list ul li.text dl dd {}
.event-list > ul > li.text dl dt { display: -webkit-box; overflow: hidden; width: 90%; height: 52px; font-size: 20px; font-weight: 700; color:#6b1e74; line-height: 25px; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.event-list > ul > li.text dl dt a { color:#6b1e74;}
.event-list > ul > li.text dl dt a:hover, .event-list ul li.text dl dt a:focus { text-decoration: underline;}
.event-list > ul > li.text dl dd { display: inline-block; width: 100%; margin: 16px 0 0 0; font-size:16px; line-height:28px; color:#555; font-weight:300;}
.event-list > ul > li.label-area {}
.event-list > ul > li.label-area span { display:block; margin: 35px auto 0 auto; padding: 10px 14px; font-size: 14px; color:#fff; background: #8938b9;}
.event-list > ul > li.label-area span.lb-004001 {background: #ff451a;}


.event-text-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top; border-top: 1px solid #bfbfbf;}
.event-text-list ul { float: left; width: 100%; padding: 0; }
.event-text-list ul:last-child { border-bottom: 2px solid #636363;}
.event-text-list ul li { float: left; width: 100%; padding: 12px 0 12px 0;border-bottom: 1px dashed #bfbfbf;}
.event-text-list ul li:last-child { border-bottom: 0;} 
.event-text-list ul li dl { width: 100%;}
.event-text-list ul li dl dt, .event-text-list ul li dl dd {}
.event-text-list ul li dl dt { display: inline-block; overflow: hidden; width: 90%; font-size: 18px; font-weight: 700; color:#6b1e74; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.event-text-list ul li dl dt a { color:#6b1e74;}
.event-text-list ul li dl dt a:hover, .event-text-list ul li dl dt a:focus { text-decoration: underline;}
.event-text-list ul li dl dd { display: inline-block; width: 100%; margin: 7px 0 0 0; font-size:14px; line-height:28px; color:#555; font-weight:300;}


.dv-list { display: inline-block; width: 100%; margin: 10px 0 0 0; padding: 0; vertical-align: top; border-top: 1px solid #bfbfbf; border-bottom: 2px solid #636363;}
.dv-list .inner { float: left; width: 100%; padding: 0; }
.dv-list .inner ul { float: left; width: 100%; padding: 6px 0 6px 0;border-bottom: 1px dashed #bfbfbf;}
.dv-list .inner:last-child ul { border-bottom: 0;} 
.dv-list .inner ul li { display: inline-block; width: 100%; margin: 3px 0 0 0; font-size:14px; line-height:28px; color:#555; font-weight:300; box-sizing: border-box; word-break: keep-all; }
.dv-list .inner ul li.subject { margin: 5px 0 0 0;}
.dv-list .inner ul li.subject a { display: inline-block; overflow: hidden; width: 90%; font-size: 18px; font-weight: 700; color:#333; line-height: 25px; text-overflow: ellipsis; white-space: nowrap; }
.dv-list .inner ul li a:hover,  .inner ul li a:focus { text-decoration: underline;}

/* 목록 총갯수 */
.sup-list-number { float: right; padding: 18px 0 0 0; font-size: 14px;}
.sup-list-number a { font-weight: 700;}
.sup-list-number a:hover,.sup-list-number a:focus { text-decoration: underline;}
.sup-list-number strong { margin-right:5px; font-weight:700;}
.sup-list-number strong.fn-size16{font-size:16px;}

/* 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:20%;  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% - 20%); color: #555; font-weight: 400; vertical-align: top;}
.dv-write > .dv-row > .dv-td input[type="text"], select, textarea { color: #555; border: 1px solid #b0b0b0!important;}
.dv-write > .dv-row > .dv-td textarea{min-height:120px}
.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-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 input[type="radio"] { display: inline-block; margin-right: 5px;}
.dv-write > .dv-row > .dv-td input[type="radio"] + label { display: inline-block; margin-right: 15px}
.dv-write > .dv-row > .dv-td input[type="checkbox"] { display: inline-block; margin-right:5px; margin-left: 5px}

/*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; padding: 0; border-top: 1px solid #e1e1e1; vertical-align: top;}
.dv-detail.line { margin: 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:20%;  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% - 20%); color: #555; font-weight: 400; vertical-align: top;}
.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;}


/*내용 구분 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-weight:900; 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 안에 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%}
.dv-radio-box li{display:inline-block;vertical-align:middle}
.dv-radio-box li input[type="radio"]{margin-right:3px;vertical-align:middle}
.dv-radio-box li label{margin-right:8px;vertical-align:middle}

.dv-radio-box-vertical{display:block;width:90%}
.dv-radio-box-vertical li{vertical-align:middle}
.dv-radio-box-vertical li input[type="radio"]{margin-right:3px;vertical-align:middle}
.dv-radio-box-vertical li label{margin-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%;}
.dv-checkbox-box li { display:inline-block; vertical-align: middle;}
.dv-checkbox-box li input[type="radio"] { margin-right: 3px; vertical-align: middle;}
.dv-checkbox-box li label { margin-right: 15px; vertical-align: middle;}


.dv-in-box { display: block;}
.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;}
.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 */

/*모바일 테스트*/
@media screen and (max-width: 1024px) { 
.dv-write { display: block; border-bottom: 1px solid #e1e1e1;}
.dv-write .dv-row {display: block; width: 100%; padding: 0;}
.dv-write .dv-row li {display: block; font-size: 15px; line-height: 24px; border-bottom: 0px solid #e1e1e1; box-sizing: border-box;}
.dv-write .dv-row li.dv-th{ padding: 10px 3px 10px 15px; width:100%;  color: #111; font-weight: 700; vertical-align: middle; text-align: left;
    line-height: 24px;} 
.dv-write .dv-row li.dv-td{display: table-cell; padding: 8px 3px 8px 15px; width:100%; color: #555; font-weight: 400; vertical-align: top;}

}

/* View */
.dv-view { display: inline-block; width: 100%; margin: 15px 0 0 0; padding: 0; border-top: 2px solid #bdbdbd; vertical-align: top;}
.dv-view .title { display: inline-block; width: 100%; margin: 0; padding: 17px 15px 17px 15px; font-size: 20px; color: #111; line-height: 30px; font-weight: 600; border-bottom: 2px solid #bdbdbd; box-sizing: border-box; }

.dv-view .sub-info,
.dv-view .sub-info ul,
.dv-view .sub-info ul li,
.dv-view .sub-cont { display: inline-block; width: 100%; box-sizing: border-box;}

.dv-view .sub-info { margin: 0; padding:0;}
.dv-view .sub-info ul { margin: 0; padding:0;}
.dv-view .sub-info ul li { padding: 10px 15px; font-size: 16px; color: #666; line-height: 20px; border-bottom: 1px solid #e1e1e1; }
.dv-view .sub-info .link a { text-decoration: underline;}
.dv-view .sub-info .link a:hover,.dv-view .sub-info .link a:focus { font-weight: 600; color: #111;}

.dv-view .sub-info2 ul li { padding: 10px 15px; font-size: 16px; color: #666; line-height: 20px; }
.dv-view .sub-info2 ul li .text-tag { padding:15px 0 0 0;}	

.dv-view .sub-cont { padding: 25px 15px; font-size: 16px; color: #666; line-height: 22px;}
.dv-view .sub-cont img { max-width: 1130px;}

/* 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 30px 0 0; box-sizing: border-box;}
.agree-box .agree-btnbox label { margin:0 0 0 10px; vertical-align:middle;}
.agree-box .agree-btnbox .notice-text { margin: 0 10px 0 0}

.agree-box .agree-cont { display: block; width: 100%; height: 270px; margin: 20px auto; padding: 15px 10px; font-family: 'NanumSquare',sans-serif; font-size: 15px; color: #555; line-height: 23px; border: 1px solid #b0b0b0;  overflow-y: auto; overflow-x: hidden; box-sizing: border-box;}
.agree-box .agree-btnbox strong { font-size: 17px;}
.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;} 


/* pagination --------------------------*/
.pagination { display: inline-block; width: 100% ; margin: 35px auto 15px auto;}
.pagination .inner { text-align: center;}
.pagination .inner a { display: inline-block; min-width: 38px; height: 38px; margin: 0; padding: 0 3px; font-size: 16px; color: #666; font-weight: 400; text-align: center; line-height: 36px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; vertical-align: middle; box-sizing: border-box; word-wrap: break-word;}
.pagination .inner a.active { color: #fff; font-weight: 700; border-color: #a674c9; background-color: #a674c9;}
.pagination .inner a:hover, .pagination .inner a:focus { text-decoration: underline;} 
.pagination .inner a:first-child { border-left: 1px solid #dbdbdb;}
.pagination .inner a.prev::after { position: absolute; display: block; content: ''; width: 8px; height: 13px; margin: 11px 11px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: 0 0;}
.pagination .inner a.next::after { position: absolute; display: block; content: ''; width: 8px; height: 13px; margin: 11px 10px 11px 14px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: -22px 0;}

/* 통합검색 pagination  -----*/
.button-box.noline.pgn { display: inline-block; width: 100% ; margin: 35px 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: 16px; color: #666; font-weight: 400;text-align: center; vertical-align: middle; box-sizing: border-box;word-wrap: break-word;}


.button-box.noline.pgn > div > strong { display: inline-block; padding:0 6px; font-size: 18px; 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;}




/* detail --------------------------*/
.sub-cont.info-detail .info-section1 { display: inline-block; width: 100%;}
.sub-cont.info-detail .info-section2 { display: inline-block; width: 100%;border-top: 2px solid #636363;}

.sub-cont.info-detail .info-img { float: left; width: 482px; padding: 45px 0 0 0; vertical-align: top;}
.sub-cont.info-detail .info-section2 .info-img { padding: 25px 0 0 0;}
/* .sub-cont.info-detail .info-section2 .info-img { padding: 25px 0 0 0; text-align: center;} */

.sub-cont.full .info-img { float: left; width: 482px; padding: 45px 0 0 0; vertical-align: top;}
.sub-cont.full .info-section2 .info-img {padding: 25px 0 0 0;}

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

.info-img .category.cate-box { display: inline-block; width: 100%; padding-bottom: 9px; word-break: keep-all; word-wrap: break-word;}
.info-img .category.cate-box span { float: left; padding: 7px 10px; margin: 0 10px 0 0; font-size: 14px; line-height: 16px; color: #555; text-align: center; border: 1px solid #8a8a8a;}

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

.sub-cont.full .info-img-inbox { display: inline-block; width: 100%; padding-bottom: 15px; text-align: center;}
.sub-cont.full .info-img-inbox #bigImgArea { position: relative; display: block; width: 480px; height: 205px;}
.sub-cont.full .info-img-inbox #bigImgArea img.detail { height: 205px; text-align: center; border: 0 !important;}
.sub-cont.full .info-img-inbox #bigImgArea img { position: absolute; z-index: -1; max-width: 480px; max-height: 205px; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.sub-cont.full .info-img-inbox .bigImgArea { position: relative; display: block; width: 482px; height: 240px; text-align: center; border: 1px solid #f0f0f0;}
.sub-cont.full .info-img-inbox .bigImgArea img { position: absolute; max-width: 482px; max-height: 240px; top: 50%; left: 50%; transform: translate(-50%, -50%);}




.sub-cont.full .info-img-inbox iframe { width: 482px; height: 230px;}
.sub-cont.full .info-img-inbox.sq-img { width: 482px; height: 206px; padding-bottom: 0; text-align: center; border: 1px solid #ddd;}
.sub-cont.full .info-img-inbox.sq-img img { max-width: 480px; height: 204px; text-align: center;} /* img size 480 x 204 */

.sub-cont.full .info-img-inbox .thum-group{ display: block; margin: 15px 0 0 0; text-align: center;}
.sub-cont.full .info-img-inbox .thum-group .img-thum { position: relative; display: inline-block; width: 130px; height: 98px; margin: 0 5px 0 0; border: 1px solid #e1e1e1;}
.sub-cont.full .info-img-inbox .thum-group a { vertical-align: top;}
.sub-cont.full .info-img-inbox .thum-group .inner-group { display: inline-block; overflow: hidden; width: 410px; height:102px; vertical-align: top;}
.sub-cont.full .info-img-inbox .img-thum img { position: absolute; z-index: -1; display: block; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* img size 130x98 */
.sub-cont.full .info-img-inbox .btn-prev,.sub-cont.full .info-img-inbox .btn-next { display: inline-block; width: 10px; height: 25px; padding: 37px 0;}
.sub-cont.full .info-img-inbox .btn-prev { margin-right: 20px; }
.sub-cont.full .info-img-inbox .btn-next { margin-left: 0;}
.sub-cont.full .info-img-inbox .btn-prev::before , .sub-cont.full .info-img-inbox .btn-next::before { 
    position: absolute; display: inline-block;  font-family: "Font Awesome 5 Free"; font-weight:900; font-size: 25px; color: #aaa;
}
.sub-cont.full .info-img-inbox .btn-prev::before { content: "\f053";}
.sub-cont.full .info-img-inbox .btn-next::before { content: "\f054";} 

.sub-cont.info-detail .info-basic-wrap { float: right; width: 405px; margin: 30px 0 0 0;}

.sub-cont.info-detail .info-basic { float: left; width: 100%; margin: 20px 0 0 0; padding: 15px 0; border-top: 1px solid #c8c8c8; vertical-align: top;}
.sub-cont.info-detail .info-basic.noline { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; border-top: 0; border-bottom:0; vertical-align: top;}
/* 행사신청 상세화면 css 추가(2024.02.01) */
.sub-cont.info-detail .info-basic p { display: inline-block; width: 100%; padding: 7px 0; font-size: 17px; box-sizing: border-box;}
.sub-cont.info-detail .info-basic p strong { font-weight: 700;}

.sub-cont.full .info-basic-wrap { float: right; width: 600px; margin: 30px 0 0 0;}

.sub-cont.full .info-basic { float: left; width: 100%; margin: 20px 0 0 0; padding: 15px 0; border-top: 1px solid #c8c8c8; vertical-align: top;}
.sub-cont.full .info-basic.noline { float: left; width: 100%; margin: 20px 0 0 0; padding: 0; border-top: 0; border-bottom:0; vertical-align: top;}

.sub-cont.full .info-basic-wrap .btn-area { float: right; width: 100%; height: 35px;}
.sub-cont.full .info-basic-wrap .btn-area::after { display: block ; content: '';clear:both;}


.info-basic dl { float: left; width:100%; padding: 9px 0;}
.info-basic.noline dl { padding: 5px 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: 150px; padding: 0 0 0 8px; font-size: 16px; color: #000; font-weight: 400;}
.info-basic dl dd { width: 255px; padding: 0 0 0 8px; font-size: 16px; color: #555; font-weight: 300;}
.info-basic dl dt.lg { width: 170px; padding: 0 0 0 8px;}
.info-basic dl dd.mn { width: 80px; padding: 0 0 0 15px;}
.info-basic dl dd .date-txt:last-child { display: block; line-height: 23px;}

.sub-cont.full .info-basic dl dt { width: 170px;}
.sub-cont.full .info-basic dl dd { width: 400px;}

.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 -10px;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;}


/* 전체너비 thum group */
.sub-cont.full .thum-group.full { position: relative; display: inline-block; width: 100%; margin: 15px 0 0 0; }
.sub-cont.full .thum-group.full .img-thum { display:inline-block; margin: 0 10px 0 0;}
.sub-cont.full .thum-group.full a { vertical-align: top;}
.sub-cont.full .thum-group.full .inner-group { display: inline-block; overflow: hidden; max-width: 1140px; height:102px; vertical-align: top;}
.sub-cont.full .img-thum img { width: 130px; height:100px; border: 1px solid #ddd;} /* img size 130 x 100 */
.sub-cont.full .thum-group.full .btn-prev,.sub-cont.full .thum-group.full .btn-next { display: inline-block; width: 10px; height: 25px; padding: 38px 0;}
.sub-cont.full .thum-group.full .btn-prev { margin-right: 20px; }
.sub-cont.full .thum-group.full .btn-next { margin-left: 5px;}
.sub-cont.full .thum-group.full .btn-prev::before , .sub-cont.full .thum-group.full .btn-next::before { 
    position: absolute; display: inline-block;  font-family: "Font Awesome 5 Free"; font-weight:900; font-size: 25px; color: #aaa;
}
.sub-cont.full .thum-group.full .btn-prev::before { content: "\f053";}
.sub-cont.full .thum-group.full .btn-next::before { content: "\f054";} 

/* 국가,상태분류 */
.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;}



/* text list */
.text-list { width: 100%; padding: 5px 0 25px 0; font-size: 16px; word-break: break-all;}
.text-list p { padding: 4px 0; color: #555;}
.text-list dl { display: inline-block; width:100%; padding: 5px 0;}
.text-list dl dt, .text-list dl dd { float: left; line-height: 23px; box-sizing: border-box;}
.text-list dl dt { color: #111;}
.text-list dl dd { padding-left: 10px; color: #555;}

.text-list.ic-square { margin: 0 0 0 15px; box-sizing: border-box;}

.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::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: 16px; 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 tag */
.text-tag { padding: 30px 0 10px 0; font-size: 15px;} 
.text-tag a { padding: 0 15px 0 0;}
.text-tag a:hover,.text-tag a:focus { text-decoration: underline;}

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

/* Box --------------------------*/
.notice-textbox { display: inline-block; width: 100%; margin: 20px 0 15px 0; padding: 12px 16px; font-size: 16px; color: #111; font-weight: 400; line-height: 24px; border: 1px solid #dcdcdc; box-sizing: border-box;}

.notice-textbox strong.em { padding: 0 3px; font-size: 18px; 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; padding: 15px 15px; font-size: 22px; font-weight: 700; color: #111; text-align: center; border: 1px solid #aaa; background: #f8f8f8; box-sizing: border-box;}
.color-box.blue {  color: #fff; border: 1px solid #2c6ed5; background: #2c6ed5;}

.box-info { display:inline-block; width: 100%; margin: 0; padding: 20px 15px; font-size: 18px; color: #000; box-sizing: border-box;}




/* 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 th, .tb-list td{ line-height: 24px; border-bottom: 1px solid #e1e1e1;}
.tb-list th { padding: 7px 3px 7px 3px; font-size: 15px; 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-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{}
.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{ margin: 0 10px 7px 0; padding: 3px 10px;font-size: 14px;}
.td-sec .label-categorybox span.label:last-child{margin: 0 0 7px 0;}
.td-sec .label-categorybox span.label.btn_info {background: #0066ff;border-color: #0066ff}
.td-sec .label-categorybox span.label.btn_info a{color: #fff;}
.td-sec a.vtlist-tit{vertical-align:top;font-weight:700;color: #6b1e74;}
.td-sec ul li .date-txt { display: block;}

/* table view */
.tb-view th, .tb-view td{ line-height: 24px; border-bottom: 1px solid #e1e1e1;}
.tb-view th { padding: 10px 3px 10px 15px; font-size: 15px; color: #111; font-weight: 700; border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: left; }
.tb-view th.noline { border-right: 0;}
.tb-view td { padding: 10px 5px  10px 18px; font-size: 15px; color: #555; font-weight: 400; word-break: break-all; word-wrap: break-word; vertical-align: top;}
.tb-view th em { padding: 0 3px; font-size: 18px; font-weight: 700; color:#ff451a; font-style: normal;}
.tb-view td a { color: #555;}
.tb-view td a:hover, .tb-view td:focus { text-decoration: underline;}
.tb-view th.center { padding: 10px 5px; text-align: center;}
.tb-view td.center { padding: 10px 5px; text-align: center;}
.tb-view td.right { padding: 10px 10px 10px 3px;text-align: right;}
.tb-view td img.company-list-img { width: 162px; height: 122px;} /* 회사로고 목록 이미지 사이즈 162x122 */
.tb-view td img.list-img { width: 220px; height: 124px;} /* 목록 이미지 사이즈 220x124 */
.tb-view td img.detail { width: 482px;} /* 상세 이미지 사이즈 482x228 */


/* 비즈매칭 관리*/
.tb-view.biz-matching{}
.tb-view.biz-matching tr.match-am{background-color:#fff}
.tb-view.biz-matching tr.match-pm{background-color:#f9f9f9}
.tb-view.biz-matching span{display:block;}
.tb-view.biz-matching th{color:#181818; height:100%;}
.tb-view.biz-matching th .noti-txt{font-size:13px; color:#555}
.biz-matching-list{margin:5px;}
.matching-box{float:left; display:inline-block; margin:0 6px 8px 6px; padding:10px; width: 128px; height: 125px; text-align: center; border-radius: 0.25rem; box-sizing: border-box;}
.matching-box li{display:block;}
.matching-box li a{color:#fff;}
.matching-box li strong{ display: block; font-size: 17px; letter-spacing: -0.8px; text-align: center;}
.matching-box li .com-name{display:block; font-size:14px; margin-bottom:10px; height:24px; }

.biz-matching .icon{font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.match-am .icon.fa{display:inline-block;}
.match-am .icon.fa::before{margin-right:5px; content: "\f017"; font-weight:300;}
.match-pm .icon.fa::before{margin-right:5px; content: "\f017"; font-weight:900;}

.match-am .matching-box{background-color:#eee; border:1px solid #e4e4e4;}
.match-pm .matching-box{background-color:#fff; border:1px solid #e4e4e4;}

/*btn - 4 type */
a.btn-match{border:1px solid #eee}
a.btn-match:hover{text-decoration: none!important; font-weight: 900; box-shadow: 2px 2px 2px 1px rgba(223, 223, 223, .9);}
.btn-match{display:block; padding: .25rem .7rem; font-size:14px; color: #fff!important; font-weight: 400; text-align:center; border-radius: 1rem; line-height: 20px;}
.btn-match::before{margin-right:5px; font-family: "Font Awesome 5 Free"; font-weight:900;}
.poss{background-color:#7e8002;}
.poss::before {content: "\f00c";}
.imposs{background-color:#7d7d7d}
.imposs::before {content: "\f00d";}
.match-ok{background-color:#6b1e74;}
.match-ok::before {content: "\f058";}
.match-wait{background-color:#009688}
.match-wait::before {content: "\f110";}

/* table write */
.tb-write th, .tb-write td{ line-height: 24px; border-bottom: 1px solid #e1e1e1;}
.tb-write th { padding: 10px 3px 10px 15px; font-size: 15px; color: #111; font-weight: 700; border-right: 1px solid #e1e1e1; vertical-align: middle; text-align: left; }
.tb-write th.noline { border-right: 0;}
.tb-write th a { margin-left: 6px;}
.tb-write td { padding: 10px 5px  10px 18px; font-size: 15px; color: #555; font-weight: 400; vertical-align: top;}
.tb-write td.line { border-right: 1px solid #e1e1e1;}
.tb-write th em { padding: 0 3px; font-size: 18px; font-weight: 700; color: #ff451a; font-style: normal;}
.tb-write td a { color: #555;}
.tb-write td a:hover, .tb-view td:focus { text-decoration: underline;}
.tb-write th.center { padding: 10px 5px; text-align: center;}
.tb-write td.center { padding: 10px 5px; text-align: center;}
.tb-write td.right { padding: 10px 10px 10px 3px;text-align: right;}
.tb-write td img.company-list-img { width: 162px; height: 122px;} /* 회사로고 목록 이미지 사이즈 162x122 */
.tb-write td img.list-img { width: 220px; height: 124px;} /* 목록 이미지 사이즈 220x124 */
.tb-write td img.detail { width: 482px;} /* 상세 이미지 사이즈 482x228 */

.tb-write td select,.tb-write td input[type="text"],.tb-write td input[type="password"] { display:inline-block; height: 25px; font-size: 15px; color: #555; line-height: 16px; border: 1px solid #b0b0b0; box-sizing: border-box;}
.tb-write td input[type="file"] { display:inline-block; width: 90%; font-size: 15px; color: #555;}


.tb-write td select { margin-right: 4px; padding: 1px 2px 2px 3px;}
.tb-write td input[type="text"] { padding: 3px 2px 3px 3px;}
.tb-write td input[type="text"].wdfull { width: 95%;}
.tb-write td input[type="checkbox"], .tb-write td label { vertical-align: middle;}
.tb-write td input[type="checkbox"] + label:not(.offscreen) { display: inline-block; margin: 0 15px 0 5px; font-size: 15px; color: #555;}
.tb-write td p { padding: 4px 0 0 0;}

.tb-write td textarea.mhg120 { min-height: 120px; padding: 3px 5px;}

/* table-bottom-notice*/
.tb-list-bot-notice{margin:15px 10px 20px 10px; font-size:14px;} /* table list 밑에 공지 문구*/



/* button --------------------------*/
.btn-cont-top { padding: 9px 22px; font-size: 16px; color: #fff; font-weight: 400; text-align: center; border:0; background: #6b1e74;}
.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 > div { padding: 20px 0;}
.button-box > div.box-more { padding: 5px 0 30px 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 17px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #6b1e74; background: #6b1e74;}
.btn-primary-line { padding: 9px 17px; font-size: 16px; color: #6b1e74 !important; font-weight: 400; text-align: center; border: 1px solid #6b1e74; background-color: transparent;}
.btn-gray { padding: 9px 17px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #7d7d7d; background: #7d7d7d;}
.btn-navy { padding: 9px 17px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #003567; background: #003567;}
.btn-purple { padding: 9px 17px; font-size: 16px; color: #fff; font-weight: 400; text-align: center; border: 1px solid #92338A; background: #92338A;}
.btn-lgray { padding: 9px 17px; font-size: 16px; color: #333 !important; font-weight: 400; text-align: center; border: 1px solid #7d7d7d; background: #fff;}
.btn-orange { padding: 9px 15px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #ff451a; background: #ff451a;}
.btn-navyblue { padding: 9px 15px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #003567; background: #003567;}

.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-orange.small,.btn-orange.sml { padding: 3px 10px;}
.btn-navyblue.small,.btn-navyblue.sml { padding: 3px 10px;}

a[class^='btn-'].dis-in { display: inline-block !important;} 
a[class^='btn-'].lg { padding: 12px 100px; font-size: 28px; line-height: 30px;} 
button[class^='btn-'].lg { padding: 12px 100px; font-size: 28px; line-height: 30px;} 
a[class^='btn-'].md { padding: 14px 40px; font-size: 24px; line-height: 30px;} 
button[class^='btn-'].md { padding: 14px 40px; font-size: 24px; line-height: 30px;} 

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

a[class^='btn-'].small,a[class^='btn-'].sml { font-size: 14px; line-height: 20px; border-radius: 2px;}
button[class^='btn-'].small,button[class^='btn-'].sml { font-size: 14px; line-height: 20px; border-radius: 2px;}
a[class^='btn-'].small2 { padding: 5px 15px; font-size: 16px; line-height: 20px; border-radius: 2px;}
button[class^='btn-'].small2 { padding: 5px 15px; font-size: 16px; line-height: 20px; border-radius: 2px;}
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-'].contmore { display: inline-block; width: 218px; margin-left: -30px !important; box-sizing: border-box;}

/* 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-text.blue { color: #fff; background-color: #1856a1;} 
.lb-text.purple { color: #fff; background-color: #92338A}
.lb-text.orange { color: #fff; background-color: #ff451a;}
.lb-text.red { color: #fff; 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;}

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

/* 전체 검색 결과 */ 
.search-result-text { display: block; width: 100%; margin: 0; padding: 20px 0; border-bottom: 1px solid #b7b7b7;}
.search-result-text .inner{ display: block; width: 1200px; margin: 0 auto;}
.search-result-text p { display: block; font-size: 22px; color: #333; text-align: center; letter-spacing: -0.8px;}
.search-result-text p .keyword { color: #8938b9;}
.search-result-text p .num { color: #f74015;}

/* 전체 검색 탭 */
.t-search { display: inline-block; width: 100%;}
.t-search ul { height: 62px; margin: 0 0 20px 0; border-bottom: 2px solid #919191;}
.t-search ul::after { display: block; content: ''; clear: both;}
.t-search ul li { float: left;}
.t-search ul li.active { position: relative;}
.t-search ul li a { display: block; width: 118px; height: 51px; margin-right: 10px; padding-top: 10px; font-size: 18px; color: #666; line-height: 130%; font-weight: 700; letter-spacing: -0.8px ; text-align: center; border-top: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; border-bottom: 0; border-left: 1px solid #b5b5b5; background-color: #eee;}
.t-search ul li a span { display:block; font-size: 16px; font-weight: 400;}
.t-search ul li.active a { color: #111; border-top: 2px solid #919191; border-right: 2px solid #919191; border-bottom: 1px solid #fff; border-left: 2px solid #919191; background-color: #fff}
.t-search ul li a:hover, .t-search ul li a:focus { color: #111; border-top: 2px solid #919191; border-right: 2px solid #919191; border-bottom: 1px solid #fff; border-left: 2px solid #919191; background-color: #fff}

.t-search ul li a.long { width:138px;}

.t-search.ttab{}
.t-search.ttab ul li a {padding-top: 20px; width: 210px; height: 41px;}

/* Events */
.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 .inner ul { border-bottom: 0;}
.event-list.tsearch .inner ul li { float: left;}
.event-list.tsearch .inner .img { width: 220px; vertical-align: top;}
.event-list.tsearch .inner .img img.list-img { max-width: 100%; height: auto; border: 1px solid #bfbfbf; vertical-align: middle;}  /*목록이미지 사이즈 220*124 */
.event-list.tsearch .inner .text { width: 625px; margin: 0 0 0 49px;}
.event-list.tsearch .inner .text dl { width: 100%; margin: 18px 0 0 0;}
.event-list.tsearch .inner .text dl dt, .event-list.tsearch .inne ul li.text dl dd {}
.event-list.tsearch .inner .text dl dt { display: -webkit-box; overflow: hidden; width: 90%; height: 48px; font-size: 19px; font-weight: 700; color:#333; line-height: 23px; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.event-list.tsearch .inner .text dl dt a { color:#333;}
.event-list.tsearch .inner .text dl dt a:hover, .event-list.tsearch .inner .text dl dt a:focus { text-decoration: underline;}
.event-list.tsearch .inner .text dl dt a .keyword { color: #8938b9}
.event-list.tsearch .inner .text dl dd { display: inline-block; width: 100%; margin: 8px 0 0 0; font-size: 15px; line-height: 25px; color:#555; font-weight:300}
.event-list.tsearch .inner .text .category { padding-top: 5px; font-size: 14px; color:#666;}
.event-list.tsearch .inner .text .category span { padding: 0 8px;}
.event-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 12px 0 5px 0; font-size: 14px; color: #666; }
.event-list.tsearch .inner .navi a { padding: 0 4px;}
.event-list.tsearch .inner .navi a:hover, .event-list.tsearch .inner .navi a:focus { text-decoration: underline;}
.event-list.tsearch .inner .navi a:first-child { padding: 0 4px 0 0;}
.event-list.tsearch .inner .navi .guide { padding: 0 5px; color: #999;}
.event-list.tsearch .inner .navi .date { color: #777;}


/* Content */
.content-list.tsearch { float: left; width: 100%; margin: 0; margin: 10px 0 0 0; padding: 0 0 15px 0;border-bottom: 2px solid #636363;}
.content-list.tsearch.full { border-bottom: 0;}
.content-list.tsearch::after { display: block; content: ''; clear: both;}
.content-list.tsearch .inner { float: left; width: 100%; padding: 0 0 15px 0;}
.content-list.tsearch .inner .data { float: left; width: 218px; margin: 0 18px 15px 0; box-sizing: border-box;}
.content-list.tsearch .inner .data:nth-child(4n) { margin-right: 0;}
.content-list.tsearch.full .inner .data { margin-right: 20px;}
.content-list.tsearch.full .inner .data:nth-child(4n) { margin-right: 20px;}
.content-list.tsearch.full .inner .data:nth-child(5n) { margin-right: 0;}

.content-list.tsearch .inner .data .img { position: relative; overflow: hidden; display: block; width: 216px; height: 161.7px; border: 1px solid #e1e1e1;} /* Content 검색결과 목록 이미지 사이즈 따라서 수정: width: 218  */
.content-list.tsearch .inner .data .img img { position: absolute; z-index: -1; display: block; max-width: 218px; max-height: 163px; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* Content 검색결과 목록 이미지 사이즈 클래스로 수정: 218 x 163  : margin-left 주어서 위치 조정*/
.content-list.tsearch .inner .data .title { display: block; overflow: hidden; width: 100%; margin: 0 auto; padding: 16px 15px; font-size: 16px; color: #555; font-weight: 600; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.content-list.tsearch .inner .data .title .keyword { color: #8938b9; font-weight: 600;}

.content-list.tsearch .inner .data:hover .title, .content-list.tsearch .inner .data:focus .title { text-decoration: underline;} 

.content-list.tsearch .navi { display:inline-block; width: 100%; padding: 7px 0 5px 0; font-size: 14px; color: #666; }
.content-list.tsearch .navi a { padding: 0 4px;}
.content-list.tsearch .navi a:first-child { padding: 0 4px 0 0;}
.content-list.tsearch .navi .guide { padding: 0 5px; color: #999;}
.content-list.tsearch .navi .date { color: #777;}



/* Company */
.company-list.tsearch { float: left; width: 100%; margin: 0; margin: 15px 0 0 0; padding: 15px 0 20px 0; border-top: 1px solid #ccc; border-bottom: 2px solid #636363;}
.company-list.tsearch.full { border-top: 0; border-bottom: 0;}
.company-list.tsearch::after { display: block; content: ''; clear: both;} 

.company-list.tsearch.no-btline { border-bottom:0;} 
.company-list.tsearch .inner { float: left; width: 100%; padding: 20px 0 25px 0; border-top: 1px dashed #bfbfbf;}
.company-list.tsearch .inner:first-child { padding: 5px 0 25px 0; border-top: 0;}
.company-list.tsearch .inner dl { display: inline-block; width: 100%; margin: 0;}
.company-list.tsearch .inner dl dt, .company-list.tsearch .inner dl dd { display: inline-block; width: 100%;}
.company-list.tsearch .inner dl dt { font-size: 20px; line-height: 26px; color: #333; font-weight: 600;}
.company-list.tsearch .inner dl dd { padding-top: 15px; font-size: 16px; line-height: 24px; color: #666;}
.company-list.tsearch .inner dl dt .keyword { color: #8938b9; font-weight: 600;}
.company-list.tsearch .inner dl dd .keyword { color: #8938b9; font-weight: 600;}
.company-list.tsearch .inner dl dt a { color: #333;}
.company-list.tsearch .inner dl dd a { display: inline-block !important; color: #666;}
.company-list.tsearch .inner dl dt a:hover, .company-list.tsearch .inner dl dt a:focus { text-decoration: underline;}
.company-list.tsearch .inner dl dd a:hover, .company-list.tsearch .inner dl dd a:focus { text-decoration: underline;}
.company-list.tsearch .inner dl dt .category-box { display: inline-block; width: 100%; margin: 10px 0 0 0; word-break: keep-all; box-sizing: border-box;}
.company-list.tsearch .inner dl dt .category-box .lb-category { float: left; padding: 4px 7px; margin: 0 10px 7px 0; font-size: 14px; line-height: 18px; text-align: center; border: 1px solid #8a8a8a;}


.company-list.tsearch .inner .comp-cont { float: left; width:100%; margin: 40px 0 0 0; box-sizing: border-box;}
.company-list.tsearch .inner .comp-cont ul li { float: left; box-sizing: border-box;}
.company-list.tsearch .inner .comp-cont .title { width: 112px; font-size: 16px; color:#666;}
.company-list.tsearch .inner .comp-cont .thumb { width: 822px; box-sizing: border-box;}
.company-list.tsearch .inner .comp-cont .thumb .img { display: inline-block; width: 192px; margin-right: 11px; }
.company-list.tsearch .inner .comp-cont .thumb .img:nth-child(4n) { margin-right: 0;}
.company-list.tsearch .inner .comp-cont .thumb .img span { position: relative; overflow: hidden; display: block; width: 190px; height: 142.2px; border: 1px solid #e1e1e1}
.company-list.tsearch .inner .comp-cont .thumb .img img { position: absolute; z-index: -1; display: block; max-width: 192px; max-height: 144px; width: auto; height: auto; top: 50%;left: 50%; transform: translate(-50%,-50%);}

 
.company-list.tsearch .navi { display:inline-block; width: 100%; padding: 7px 0 5px 0; font-size: 14px; color: #666; }
.company-list.tsearch .navi a { padding: 0 4px;}
.company-list.tsearch .navi a:first-child { padding: 0 4px 0 0;}
.company-list.tsearch .navi .guide { padding: 0 5px; color: #999;}
.company-list.tsearch .navi .date { color: #777;}


.company-img-box { position: relative; display: inline-block; width: 300px; margin: 0;}
.company-img-box .img-box { position: relative; width: 218px; height: 105px; text-align: center; border: 1px solid #ddd;}
.company-img-box img { position: absolute; width: 218px; height: 105px; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.company-img-box iframe { width: 218px; height: 105px;}
.company-img-box .category-box { display: block; margin: 10px 0 5px 0; font-size: 14px; font-weight: 600;}
.company-img-box .category-box .lb-category { float: left; padding: 7px 10px; margin: 0 10px 6px 0; font-size: 14px; text-align: center; border: 1px solid #8a8a8a;}
.company-img-box .txt-box { display: inline-block; width: 100%; margin: 5px 0 0 0;}
.company-img-box .txt-box span { display: inline-block; padding: 5px 0; font-size: 14px; word-break: break-all;}
.company-img-box .txt-box .guideline { padding: 5px 10px;}

.company-textbox { float: right; width: 850px; margin:0;}
.cp-subtitle-3depth { padding: 10px 0; font-size: 22px; color: #6b1e74; font-weight: 700; letter-spacing: -1px} /* h3*/
.cp-txtbox { margin: 10px 0 0 0; font-size: 16px; line-height: 24px;}

.comapny-basic-info {display: inline-block; width: 500px; margin: 45px 0 0 50px;}
.comapny-basic-info .category-box .lb-category { float: left; padding: 7px 10px; margin: 0 10px 7px 0; font-size: 14px; text-align: center; border: 1px solid #8a8a8a;}
.comapny-basic-info .txt-box { display: inline-block; width: 100%; margin: 20px 0 0 0;}
.comapny-basic-info .txt-box span { display: inline-block; padding: 6px 0 5px 0; font-size: 14px; word-break: break-all;}
.comapny-basic-info .txt-box .guideline { padding: 5px 10px;}
.comapny-basic-info .cp-bs-infobox { display:inline-block; width: 100%; margin: 15px 0 0 0;}
.comapny-basic-info .cp-bs-infobox li { display:inline-block; margin-right: 25px; padding: 5px 0 5px 10px; font-size: 14px;}
.comapny-basic-info .cp-bs-infobox li::before { position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 10px; margin: 6px 0 0 -10px; background-color: #999; box-sizing: border-box;}
.comapny-basic-info .cp-bs-infobox span { padding: 0 0 0 10px;}

.company-button-box { float:right; width: 120px; margin: 45px 0 0 0;}
.company-button-box a { min-width: 80px; margin-bottom: 15px;}

.company-explanation { display: inline-block; width: 100%; margin: 20px 0 25px 0; line-height: 22px;}


/* 비즈니스 */
.business-list.tsearch { float: left; width: 100%; margin: 0; margin: 10px 0 0 0; padding: 15px 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; width: 90%; font-size: 19px; font-weight: 700; color:#333; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; }
.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; text-align: center; line-height: 16px; 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 .cont { display: -webkit-box; overflow: hidden; width: 90%; height: 52px; font-size: 15px; line-height: 25px; color: #555; font-weight: 300; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.business-list.tsearch .inner .cont .keyword { color: #8938b9}

.business-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 7px 0 5px 0; font-size: 14px; color: #666; }
.business-list.tsearch .inner .navi a { padding: 0 4px;}
.business-list.tsearch .inner .navi a:first-child { padding: 0 4px 0 0;}
.business-list.tsearch .inner .navi .guide { padding: 0 5px; color: #999;}
.business-list.tsearch.inner .navi .date { color: #777;}

/* Tab-menu faq*/
.tab-box {display:block;padding-top: 20px; margin: 0 auto; width:100%;}
.tab-box > .tab-faq {display:block; width:100%;font-size: 0; list-style-type: none;}
.tab-box > .tab-faq > li {display:inline-block; width:16.6%; 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-faq > li:first-child {border-left: 1px solid #ddd;}
.tab-box > .tab-faq > li:last-child {border-right: 1px solid #ddd;}
.tab-box > .tab-faq > li.active{border-color: #6b1e74; border-width: 2px; border-right: 2px solid #6b1e74; border-bottom: 0 solid #fff; background: #fff;}
.tab-box > .tab-faq > li > a{display: block; padding: 20px 0; width: 100%; height: 100%; font-size: 16px; color: #555; text-align:center; font-weight: 400;}
.tab-box > .tab-faq > li.active > a { color: #6b1e74; font-weight:bold}



.tab-body{margin-top:30px; width:100%;}
.tab-body .faq-box {display:block; width:100%; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
.tab-body .faq-box .faq-q .faq-a {display:none; margin: 0; padding: 0px 15px 0px 25px; 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);}
.tab-body .faq-box .faq-q .faq-q-i{display: inline-block; margin: 0 15px 0 0; padding: 3px 0px 0px 0px; width: 25px; height: 25px; border-radius: 5px; background-color: #6b1e74; color: #fff; font-weight: 700; text-align: center;vertical-align: middle; box-sizing: border-box;}
.tab-body .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;}
.tab-body .faq-box .faq-q .faq-a .faq-a-box{display:inline-block; padding:15px 0; width:calc( 100% - 5%); box-sizing: border-box;}
.tab-body .faq-box .faq-q{display:block;}
.tab-body .faq-box .faq-q > a {display:block; padding:1em 1.5em; font-size: 16px; background-color: #fff; color: #6b1e74; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing: border-box;}
.tab-body .faq-box .faq-q > a:hover {}
.tab-body .faq-box .faq-q .faq-type{color: #6b1e74; }
.tab-body .faq-box .faq-q a.stay {}
.tab-body .faq-box .faq-q .active {font-weight:700;}
.tab-body .faq-box i{font-size:16px;padding-right: 10px;}     


/* tab-stati-box */
.tab-stati-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);}
.tab-stati-box > .tab-stati-up {display:block; width:100%; font-size: 0; list-style-type: none; background-color: #f7f7f7; box-sizing: border-box;}
.tab-stati-box > .tab-stati-up ul{display:block;border-bottom: 1px solid #ddd;}
.tab-stati-box > .tab-stati-up ul li {display:inline-block; padding:10px 40px; min-width:12.5%; height: auto; background: #f7f7f7; border-top: 0px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0px solid #ddd; box-sizing: border-box;}
.tab-stati-box > .tab-stati-up ul li:first-child {border-left: 0px solid #ddd;}
.tab-stati-box > .tab-stati-up ul li:last-child {border-right: 0px solid #ddd;}
.tab-stati-box > .tab-stati-up ul li.active{ border-top: 0px solid #fb590d; border-left: 0px solid #ddd; border-right: 1px solid #ddd; border-bottom: 0 solid #fff; background: #f7f7f7;}
.tab-stati-box > .tab-stati-up ul li > a{display: block; margin:10px 0; padding: 0; width: 100%; height: 100%; font-size: 16px; color: #333; text-align:center; font-weight: 900;}
.tab-stati-box > .tab-stati-up ul li > a:hover{text-decoration:underline;}
.tab-stati-box > .tab-stati-up ul li.active > a { color: #5e5f00; font-weight:bold;}
.tab-stati-box > .tab-stati-up ul li.active > a::before {content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight:900; margin-right:10px; color:#7e8002;}
.tab-stati-box > .tab-stati-up ul li.active > a:hover{text-decoration:none;}

.tab-stati-box > .tab-stati-down {display:block; width:100%; font-size: 0; list-style-type: none; background-color:#fff; border:0px solid #fb590d;box-sizing: border-box;}
.tab-stati-box > .tab-stati-down ul{display:block;}
.tab-stati-box > .tab-stati-down ul li {display: inline-block; padding: 6px 20px; height: 45px; line-height: 26px; background: #fff; border-top: 0px solid #ddd; border-left: 0px solid #ddd; border-bottom: 0px solid #fff; box-sizing: border-box;}
.tab-stati-box > .tab-stati-down ul li:first-child {border-left: 0px solid #ddd;}
.tab-stati-box > .tab-stati-down ul li:last-child {border-right: 0px solid #ddd;}
.tab-stati-box > .tab-stati-down ul li > a{display: block; margin:0; padding: 3px 10px; line-height: 26px; font-size: 14px; color: #555; text-align: center; font-weight: 400;}
.tab-stati-box > .tab-stati-down ul li.active > a {background-color:#7e8002; color: #fff; font-weight:bold}
.tab-stati-box > .tab-stati-down ul li:hover > a{border-bottom:1px solid #7e8002; color: #7e8002; font-weight:900; text-align:center;}
.tab-stati-box > .tab-stati-down ul li.active:hover > a{border-bottom:0px solid #7e8002; color: #fff; font-weight:900;}

.sch-total-num{disaply:block; margin-left:15px; margin-bottom:10px;}     /*sch - table 상단 작은 검색 토탈*/   	
        	

/*해외진출상담 가이드*/
.inbox-wrap.dv-guide-box{display:block;}
.inbox-wrap.dv-guide-box .inbox{vertical-align:top;height:auto!important;}
.inbox-wrap.dv-guide-box .inbox .title{padding: 70px 0 50px 0;}
.inbox-wrap.dv-guide-box .inbox p{font-size: 45px;}
.inbox-list{display:block;margin:0 auto; width:80%;}
.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;}
.inbox-list > li > strong{color:#003567;}
.inbox-list > li > span{display:block; margin:0 0 0 13px;line-height:24px;}
.inlist-info{display:block;margin:0 0 0 15px;}
.inlist-info li{display:block; }
.inlist-info li span{font-weight:700}
.inbox-wrap.dv-guide-box .inbox a[class^='btn-'].lg{margin:50px 0 70px 0;}


.guide-item-box{display:block;}
.guide-item-box .gitem-box{clear:both;display:inline-block; margin:0 auto; padding:0 10px; width:100%; box-sizing: border-box; vertical-align:top;}
.text-list .text-list-dt{padding: 3px 0; line-height:24px;}
.text-list .text-list-dt dd{width:80%}
.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:30px 20px; padding:20px 0; width:160px; text-align:center; font-weight: 600; 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;}


/*-----------------
     마이페이지
-------------------*/
/* sch-box */
.sch-box{display: block;margin:0 0 10px 0; padding:8px 10px; background-color:#eee;}
.sch-box select, input[type="text"],input[type="password"] {display: inline-block; height: 27px; padding:0 0px 0 10px; font-size: 15px; color: #555; line-height: 16px; border: 1px solid #b0b0b0; box-sizing: border-box;}
.sch-box button.btn-sch{padding:0 10px; height: 27px; font-size: 15px; color: #fff; line-height: 16px; background-color:#6b1e74; border: 1px solid #6b1e74; box-sizing: border-box;}
.sch-box button:hover.btn-sch{font-weight:700}

/* 마이페이지 - 새소식 */
.inter-keyword-box{clear:both; display:block;}
.inter-keyword-box h2{display:block; padding: 15px 0; font-size: 22px; color: #333; font-weight: 700;}
.inter-keyword-box .noti-txt{display:block;margin:10px 0 20px 0;}
.inter-keyword-box .txt-tag{positon:relative; clear:both; display:block; margin:5px 0 0px 0; padding-top: 0px;}
.inter-keyword-box .txt-tag a{display: inline-block; margin: 0 10px 10px 0; padding: 10px 24px; font-size: 14px; background-color: #eee; border: 1px solid #e1e1e1;}
.inter-keyword-box .txt-tag a:hover{border:1px solid #7e8002;text-decoration:none;}
.inter-keyword-box .txt-tag a::before { content: "\f0fe"; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; margin-right: 10px; color: #7e8002; vertical-align: text-bottom;}
.inter-keyword-box .txt-tag a.a-del{margin:0 40px 15px 0;}
.inter-keyword-box .txt-tag a.a-del::after{position: absolute; content: "\f00d"; font-family: "Font Awesome 5 Free"; margin: -11px 0 0px 16px; padding: 12px 14px 0 14px; height: 38px; font-weight: 900; color: #efefef; background-color: #555; vertical-align: middle; box-sizing: border-box;}
.keyword-dash-line{display:block; margin: 30px 0  20px 0!important; border-bottom: 1px dashed #bfbfbf;}

.evemarket-box{clear:both; display:block;  margin-top: 20px !important;}
.evemarket-box h2{}
.content-list.evemarket {float: left; width: 100%; margin: 0; margin: 0px 0 0 0; padding: 0 0 15px 0;}
.content-list.evemarket::after { display: block; content: ''; clear: both;}
.content-list.evemarket .inner { float: left; width: 100%; padding: 0 0 15px 0;}
.content-list.evemarket .inner .data { float: left; width: 300px; margin-right: 15px; border: 1px solid #ccc; box-sizing: border-box;}
.content-list.evemarket .inner .data:last-child { margin-right: 0;}
.content-list.evemarket .inner .data .img { position: relative;  display: block; width: 298px; height: 163px; } /* Content 검색결과 목록 이미지 사이즈 따라서 수정: width: 298  */
.content-list.evemarket .inner .data .img img { position: absolute; display: block; max-width: 298px; max-height: 163px;  top: 50%; left: 50%; transform: translate(-50%,-50%); vertical-align: middle;} /* Content 검색결과 목록 이미지 사이즈 클래스로 수정: 220 x 156  */
.content-list.evemarket .inner .data .title { display: block; overflow: hidden; width: 100%; margin: 0 auto; padding: 16px 15px; font-size: 16px; color: #6b1e74; font-weight: 700; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-top:1px solid #eee; box-sizing: border-box;}
.content-list.evemarket .inner .data .title .keyword { color: #8938b9; font-weight: 600;}
.content-list.evemarket .inner .data .ul-date {width: 100%; margin: 0 auto; padding: 0px 15px 16px 15px; box-sizing: border-box;}
.content-list.evemarket .inner .data .ul-date li{ padding:  0 0 3px 0; font-size:0.90rem}
.content-list.evemarket .inner .data .ul-date li:last-child{margin-top: 8px}
.content-list.evemarket .inner .data .ul-date li .li-dt,
.content-list.evemarket .inner .data .ul-date li .li-dd { display: inline-block; width: 100%; box-sizing: border-box;}
.content-list.evemarket .inner .data .ul-date li .li-dt { padding: 0 0 5px 0; font-weight:600; }
.content-list.evemarket .inner .data .ul-date li .li-dd { padding: 0 0 0 20px;}

.content-list.evemarket .inner .data:hover .title, .content-list.evemarketa .inner .data:focus .title { text-decoration: underline;} 

/* sub title area */
.title-subarea {display: flex;align-items: center;justify-content: space-between;}


.list-twocols-box{clear:both; display:block;  margin-top: 20px !important;}
.list-twocols-box .list-half-box{position:relative; display:inline-block; width:49%;}
.list-half-box h2{display:block; padding: 15px 0; font-size: 20px; color: #333; font-weight: 700; box-sizing: border-box;}
.list-half-box .list-item{display:block; width:100%; border-top: 2px solid #636363; box-sizing: border-box;}
.list-half-box .list-item li{display:block; padding: 12px 0 12px 0; border-bottom: 1px dashed #bfbfbf; box-sizing: border-box;}
.list-half-box .list-item li .a-tit{display:inline-block; padding-left:10px; width:calc( 100% - 100px); text-align:left; color:#6b1e74; font-weight:700}
.list-half-box .list-item li .a-tit-date{float:right; display:inline-block; margin:0 10px 0 0; width:80px; font-size:0.95rem; color:#555 ; font-weight:normal; text-align:right; vertical-align:middle;}
.list-half-box .list-item li .a-tit{}
.list-half-box .list-item li .a-tit:hover {text-decoration:underline!important;}
.list-half-box a.btn-more{position: absolute; display:black; top: 10px; right:10px;}


.list-twocols-box .list-full-box{position:relative; display:inline-block; width:100%;}
.list-full-box h2{display:block; padding: 15px 0; font-size: 20px; color: #333; font-weight: 700; box-sizing: border-box;}
.list-full-box .list-item{display:block; width:100%; border-top: 2px solid #636363; box-sizing: border-box;}
.list-full-box .list-item li{display:block; padding: 12px 0 12px 0; border-bottom: 1px dashed #bfbfbf; box-sizing: border-box;}
.list-full-box .list-item li .a-tit{display:inline-block; padding-left:10px; width:calc( 100% - 100px); text-align:left; color:#6b1e74; line-height: 23px; font-weight:700}
.list-full-box .list-item li .a-tit-date{float:right; display:inline-block; margin:0 10px 0 0; width:80px; font-size:0.95rem; color:#555 ; font-weight:normal; text-align:right; vertical-align:middle;}
.list-full-box .list-item li .a-tit{}
.list-full-box .list-item li .a-tit:hover {text-decoration:underline!important;}
.list-full-box a.btn-more{position: absolute; display:black; top: 10px; right:10px;}



/* icon */
.icon.email-send{display: block; width: 34px; height: 26px; margin: 0 0 0 0px; padding:0 0px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: 0px 150px;}
.icon.email-receive{display: block; width: 34px; height: 26px; margin: 0 0 0 0px; padding:0 0px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: -42px 150px;}
.icon.file{display: block; color: #8c8c8c; font-size: 18px;}

/*-----------------
     수출역량 진단
-------------------*/
.dv-diagnosis { display: inline-block; width: 100%; margin: 0; margin: 10px 0 0 0; padding: 15px 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;}
.dv-diagnosis .sub-groupbox li { display: inline-block; width: 100%; padding: 5px 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 34px; box-sizing: border-box;}
.dv-diagnosis .sub-groupbox li .in-cont label { display:inline-block; padding: 0 17px 0 4px; vertical-align: middle;}


/*-----------------
     회원가입
-------------------*/
/* 회원가입 프로세스 */
.joinProcess { display: inline-block; width: 100%; margin: 15px 0 20px 0; padding: 0;}
.joinProcess ol { overflow: hidden; width: 100%; border-top: 1px solid #ddd;}
.joinProcess ol li { position: relative; float: left; width: 18%; height: 64px; padding: 0 15px; font-size: 18px; color: #252525; line-height: 64px; text-align: center; border-bottom: 1px solid #ddd;box-sizing: border-box;}
.joinProcess ol li.active {  font-size: 20px; color: #8d2a97; border-bottom: 4px solid #8d2a97; font-weight: 600; box-sizing: border-box;}
.joinProcess ol li:nth-child(3) { width: 28%;}
.joinProcess ol li::after { position: absolute; display: inline-block; content:''; top: 25px; right: 5px; width: 10px; height: 16px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: -8px -108px; }
.joinProcess ol li.active:after { background-image: url(../../../../static/frt/images/icon-set.png); background-position: -32px -108px;}
.joinProcess ol li:last-child::after { display: none;}

/* 바이어가입: 3단계 프로세스 */
.joinProcess ol li.scnd { position: relative; float: left; width: 33%; height: 64px; padding: 0 15px; font-size: 18px; color: #252525; line-height: 64px; text-align: center; border-bottom: 1px solid #ddd;box-sizing: border-box;}
.joinProcess ol li.scnd.active {  font-size: 20px; color: #8d2a97; border-bottom: 4px solid #8d2a97; font-weight: 600; box-sizing: border-box;}
.joinProcess ol li.scnd:nth-child(3) { width: 34%;}


/* 인증 */
.cerfi-box { display: inline-block; width: 100%; margin: 45px 0 20px 0; padding: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2); }
.cerfi-box ul { float: left; width: 100%;}
.cerfi-box ul li { float: left; width: 50%; min-height: 270px; padding: 25px 30px 30px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box;}
.cerfi-box ul li:last-child { border-right: 1px solid #ccc;}
.cerfi-box .tit { display: block; padding: 20px 0 10px 0; font-family: 'NanumSquare', sans-serif; font-weight: 800; font-size: 34px; color: #333; text-align: center;}
.cerfi-box .txt { display: block; padding: 25px 0 25px 0; font-size: 18px; line-height: 28px;}

/* id-찾기*/
.id-sch-box { display: inline-block; width: 50%; min-height: 400px; margin: 45px auto 20px auto; padding: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2); }
.id-sch-box .id-sch { float: left; width: 100%; min-height: 400px; padding: 25px 30px 30px 30px; border: 1px solid #ccc; box-sizing: border-box;}
.id-sch-box .tit { display: block; padding: 30px 0 10px 0; font-family: 'NanumSquare', sans-serif; font-weight: 800; font-size: 34px; color: #333; text-align: center;}
.id-sch-box .txt { display: block; padding: 25px 0 0 0; line-height: 28px; color: #6b1e74; font-size:18px;}
.id-sch-box .txt-result{ display: block; margin: 30px auto; padding: 20px 0; width: 80%; line-height: 30px; text-align: center; font-size: 16px; background-color: #eee; border: 1px solid #e4e4e4;}
.id-sch-box .txt-result strong{font-weight:900; color:#6b1e74;}
.id-sch-box .noti-txt{display: block; margin: 0px auto 30px auto; font-size: 14px;}
.id-sch-box .id-sch input{display: inline-block; margin: 0px 0 40px 0; width: 70%; height: 55px; font-size: 20px; text-align:center; line-height: 55px; border: 1px solid #bdbdbd; box-sizing: border-box;}
.id-sch-box button{width:200px!important; text-align:center}

/* result box */
.result-box { display: inline-block; width: 50%; min-height: 400px; margin: 45px auto 20px auto; padding: 0; box-shadow: 5px 5px 15px 0 rgba(0,0,0,0.2); }
.result-box .result-cont { float: left; width: 100%; min-height: 400px; padding: 25px 30px 30px 30px; border: 1px solid #ccc; box-sizing: border-box;}
.result-box .tit { display: block; padding: 30px 0 10px 0; font-family: 'NanumSquare', sans-serif; font-weight: 800; font-size: 34px; color: #333; text-align: center;}
.result-box .txt { display: block; padding: 25px 0 0 0; line-height: 28px; color: #6b1e74; font-size:18px;}
.result-box .txt-result { display: block; margin: 30px auto; padding: 20px 0; width: 80%; line-height: 30px; text-align: center; font-size: 18px; background-color: #eee; border: 1px solid #e4e4e4;}
.result-box .txt-result strong { font-weight:900; color: #6b1e74;}
.result-box .noti-txt { display: block; margin: 0px auto 30px auto; font-size: 14px;}
.result-box [class^='btn-'] { margin-right: 10px; width:175px !important; text-align:center;}
.result-box [class^='btn-']:last-child { margin-right:0}


/*-----------------
     lay popup
-------------------*/
#layer-popup { opacity : 0; display : none; position : relative; width : 820px; height:450px; border : 0px solid #fff; padding : 0px; background-color : #fff;}
#layer-popup.min {height: 360px;}
.layerpopcontainer {position:relative; float: left; padding: 0; width: 100%; min-height:500px; background-color:#fff; border:7px solid #a03aae; background: #fff; box-sizing: border-box;}
.layerpopcontainer[data-info^="password"].min {min-height: 360px;}

.layerpop-tit { clear:both ; display: block ; width:100%; margin:0; padding:17px 0; background: #6b1e74; vertical-align: middle; box-sizing:border-box;}
.layerpop-tit h1 { display:inline-block; margin-left: 15px; color:#fff; font-size:20px; font-weight: 700;}
.layerpop-content {display: block; width: 100%; min-height: calc(100% - 54px); margin: 0 auto;  padding: 0 20px; vertical-align: middle; box-sizing: border-box;}
.layerpop-content.memb { padding: 0 20px 10px 20px;}

.message-box{display: block; margin: 0 auto; min-height: 280px; padding: 30px; vertical-align: middle; box-sizing: border-box;}
.message-box.box2 { padding: 30px 30px 10px 30px;}
.message-box.box2 p { padding: 3px 0; text-align: left;}

.message-box2{display: block; margin: 0 auto; min-height: 200px; padding: 30px; vertical-align: middle; box-sizing: border-box;}
.message-box2.box2 { padding: 30px 30px 10px 30px;}
.message-box2.box2 p { padding: 3px 0; text-align: left;}

.msg-item-tit{display:inline-block; margin:90px 0 20px 0; font-size:22px; font-weight:700; text-align:center;}
.msg-item-box{display:inline-block; margin:10px 0; padding: 15px 50px; font-size: 17px; background-color: #eee; box-sizing: border-box;}
.msg-item-box.wd-b {min-width: 100%; padding: 15px 30px;}
.msg-item-box.wd-b div { text-align: left;}
.msg-item-box.wd-b input[type="password"] { display: inline-block; width: 235px;}

.msg-item-box .lnews-tit{display:inline-block;}
.msg-item-box .lnews-tit::after { display: inline-block; content: ':'; padding:0 10px;}
.msg-item-box .lnews-date{display:inline-block}
.msg-item-box .lnews-tit.tit2 {display:inline-block; width: 180px;}
.msg-item-box .lnews-tit.tit3 { padding: 15px 0 10px 0;}

.message-box2.box2 .msg-item-box .lnews-tit.tit2 {display:inline-block; width: 220px; text-align: right;}
.message-box2.box2 .msg-item-box.wd-b div:nth-child(n+2) { padding: 20px 0 0 0;} 


.msg-btn-box{display: block; width: 100%; text-align:center; }
.msg-btn-box button{width:200px; text-align:center;}
.msg-btn-box button:first-child{margin-right:10px;}

.pop-close {position: absolute; display:block; right : 5px;  top : 5px; }
.pop-close button{display : inline-block; margin:10px 10px 0 0; padding:10px 12px 10px 10px; color:#fff!important; text-align:right; cursor : pointer;}
.pop-close .b-close{width:35px; height:35px; color:#fff!important; }
.pop-close .b-close:hover{color:#fff!important; border:1px solid #eee;}

/* popup 바이어 매칭*/
#body-popup{width:820px!important;}/*body min-width:1200 해제*/
#popwrap {float: left; width: 100%; min-height:640px; margin: 0 auto;}
.popcontainer {position:relative; float: left; padding: 0; width: 100%; min-height:649px; background-color:#fff; border:7px solid #a03aae; background: #fff; box-sizing: border-box;}

.pop-tit { clear:both ; display: block ; width:100%; margin:0; padding:17px 0; background: #6b1e74; vertical-align: middle; box-sizing:border-box;}
.pop-tit h1 { display:inline-block; margin-left: 15px; color:#fff; font-size:20px; font-weight: 700;}

.pop-content {display:block; width:100%; min-height:calc(100% - 54px); margin:0 auto; padding:25px 20px; vertical-align:top; box-sizing:border-box;}

.pop-close button.pop-btn-close{width:35px; height:35px; color:#fff!important;}
.pop-close button.pop-btn-close:hover{color:#fff!important; border:1px solid #eee;}

#popcontainer .view_type01_box .view_type01 { padding: 0px 15px 15px;}
#popcontainer  .view_type01_box .view_type01 li { border-bottom: 1px dashed #ddd;}


/*-----------------
     서브메인
-------------------*/
.subm-cont-section { position: relative; vertical-align: top;}
.subm-cont-section.cont-full { width: 100%;}
.subm-sub-cont { vertical-align: top; min-height:500px}
.subm-sub-cont.wid-m { width: 935px;}
.subm-sub-cont.wid-s { width: 210px;}

/* h2 */
.subm-subtitle { display: block; width: 100%; padding: 8px 0 45px 0; font-size: 34px; color: #111; font-weight: 600; line-height: 40px; letter-spacing: -0.8px;} 

/* Section ------------------------*/
/* Events */
.subm-event-list{ display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}

.subm-event-list .inner { width: 46%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.subm-event-list .inner:first-child { padding: 0 0 20px 0;}
.subm-event-list .inner:nth-child(2) { padding: 0 0 20px 0;}
.subm-event-list .inner:nth-child(odd) { float: left; clear: both;}
.subm-event-list .inner:nth-child(even) { float: right;}

.subm-event-list .inner ul { border-bottom: 0;}
.subm-event-list .inner ul li { float: left;}

.subm-event-list .inner .cont-img { width: 220px; text-align: center; vertical-align: top;}
.subm-event-list .inner .cont-img a { position: relative; display:block; width: 218px; height: 123px; border: 1px solid #cfcfcf;}
.subm-event-list .inner .cont-img a img { position:absolute; z-index:-1; top: 50%; left: 50%; transform:translate(-50%, -50%)}
.subm-event-list .inner .cont-img img.list-img { max-width: 218px; max-height: 124px; vertical-align: middle;}  /*목록이미지 사이즈 218*124 */
.subm-event-list .inner .txt { width: 300px; margin: 0 0 0 29px;}
.subm-event-list .inner .txt {}
.subm-event-list .inner .txt .tit { display: inline-block; overflow: hidden; width: 90%; font-size: 22px; font-weight: 600; color:#333; line-height: 35px; text-overflow: ellipsis; white-space: nowrap;}
.subm-event-list .inner .txt .tit a { color:#333;}
.subm-event-list .inner .txt .tit a:hover, .subm-event-list .inner .txt .tit a:focus { text-decoration: underline;}
.subm-event-list .inner .txt .sb-content { display: -webkit-box; overflow: hidden; width: 90%; height: 48px; margin: 0; font-size: 15px; line-height: 24px; color:#555; font-weight:400; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subm-event-list .inner .txt-date { display:inline-block; width: 100%; padding: 12px 0 5px 0; font-size: 14px; color: #777;}

/* Content */
.subm-content-list { float: left; width: 100%; margin: 0; padding: 0 0 15px 0;}
.subm-content-list::after { display: block; content: ''; clear: both;}
.subm-content-list .inner { float: left; width: 100%; padding: 0 0 20px 0;}
.subm-content-list .inner:last-child { padding: 0;}
.subm-content-list .inner .data-box { float: left; width: 218px; margin-right: 15px; box-sizing: border-box;}
.subm-content-list .inner .data-box:nth-child(4n) { margin-right: 0;}
.subm-content-list .inner .data-box .cont-img { position: relative; z-index: 20; overflow: hidden; display: block; width: 218px; height: 163.2px; border: 1px solid #e1e1e1;} /* Content 검색결과 목록 이미지 사이즈 따라서 수정: width: 218  */
.subm-content-list .inner .data-box .cont-img img { position: absolute; z-index: -1; display: block; max-width: 218px; max-height: 163px; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);} /* Content 검색결과 목록 이미지 사이즈 클래스로 수정: 218 x 163  */


.subm-content-list .inner .data-box .tit { display: block; overflow: hidden; width: 100%; margin: 0 auto; padding: 16px 15px; font-size: 16px; color: #555; font-weight: 600;line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}

.subm-content-list .inner .data-box:hover .tit, .subm-content-list .inner .data-box:focus .tit { text-decoration: underline;} 

/* side */
.subm-side-info-wrap { float: left; width: 202px;}
.subm-side-info-wrap .subm-info-box { display: inline-block; width: 200px; padding: 7px 0; border: 1px solid #c8c8c8; box-sizing: border-box; word-break: break-all;}
.subm-side-info-wrap .subm-info-boxlist { display: inline-block; width: 200px; margin: 0; border: 1px solid #c8c8c8; box-sizing: border-box; word-break: break-all;}
.subm-side-info-wrap .subm-info-boxlist ul { display: inline-block; width:100%; padding: 4px 0;}
.subm-side-info-wrap .subm-info-boxlist ul li { float: left; width: 100%; padding: 3px 5px 3px 12px; font-size: 14px; color: #666; line-height: 20px;  box-sizing: border-box;}
.subm-side-info-wrap .subm-info-boxlist ul li:last-child { border-bottom: 0;}

.subm-side-info-wrap .subm-info-boxlist ul li a { float: left !important; text-decoration: none; color: #666;}
.subm-side-info-wrap .subm-info-boxlist ul li a:hover, .subm-side-info-wrap .subm-info-box ul li a:focus { text-decoration: underline;}  

.subm-side-info-wrap .subm-info-boxlist .tag-list { float: left; overflow: hidden; width: 100%; height: 190px; padding: 3px 5px 3px 12px; font-size: 15px; color: #666; line-height: 20px;  box-sizing: border-box;}
.subm-side-info-wrap .subm-info-boxlist .tag-list a { display: inline-block; padding: 3px 5px; color: #555; line-height: 20px;}
.subm-side-info-wrap .subm-info-boxlist .tag-list a.em,.subm-side-info-wrap .subm-info-boxlist .tag-list a.active { font-size: 20px; color: #111; line-height: 26px;}
.subm-side-info-wrap .subm-info-boxlist .tag-list a:hover, .subm-side-info-wrap .subm-info-boxlist .tag-list a:focus { text-decoration: underline;}



/*-----------------
     site map
-------------------*/
.sitemap-wrap { display: inline-block; width: 100%; min-height: 450px; margin: 30px 0 0 0; padding-bottom: 50px;}
.sitemap-menubox { display: inline-block; width: 252px; margin: 0 60px 0 0; vertical-align: top;}
.sitemap-menubox.nomgn { margin: 0;}
.sitemap-menubox .sitemn-title { display: inline-block; width: 100%; font-size: 22px; font-weight: 700; color: #333; line-height: 24px;border: 3px solid #5b5b5b; box-sizing: border-box;}
.sitemap-menubox .sitemn-submenu { display: inline-block; width: 100%; box-sizing: border-box;}
.sitemap-menubox .sitemn-submenu > li { display: inline-block; width: 100%; border-bottom: 1px dashed #ccc; box-sizing: border-box;}


.sitemap-menubox .sitemn-title a { overflow:hidden; position:relative; text-decoration: none; display:block; width: 100%; height: 57px; font-size: 22px; color: #333;  line-height: 57px; font-weight: 700; background: #fff; box-sizing: border-box;}
.sitemap-menubox .sitemn-title a span { position:relative; padding-left: 18px;transition:color .35s ease-out; }
.sitemap-menubox .sitemn-title a:hover span,.sitemap-menubox .sitemn-title a:focus span { text-decoration: none; color:#fff;}

.sitemap-menubox .sitemn-title a .btn-hover { position:absolute; top:0; left:0; display: block; width:100%; height:57px; background:#5b5b5b; transform:scale(1,0); transform-origin:center top; transition:all .2s ease-out;}
.sitemap-menubox .sitemn-title a:hover .btn-hover,.sitemap-menubox .sitemn-title a:focus .btn-hover { transform:scale(1,1);} 


.sitemap-menubox .sitemn-submenu > li > a { display: inline-block; width: 100%; margin: 0; padding: 17px 18px 16px 30px; font-size: 17px; color: #111; font-weight: 700; box-sizing: border-box;}
.sitemap-menubox .sitemn-submenu > li > a:hover, .sitemap-menubox .sitemn-submenu > li > a:focus { text-decoration: none; background-color: #e8e8e8;}
.sitemap-menubox .sitemn-submenu > li > a::before { position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; margin: 7px 0 0 -12px; background-color: #595959; box-sizing: border-box;}

.sitemap-menubox .sitemn-2depth-menu { display: inline-block; width: 100%; margin: 0; padding: 5px 0; border-top: 1px dashed #ccc; box-sizing: border-box;}
.sitemap-menubox .sitemn-2depth-menu li { display: inline-block; width: 100%; box-sizing: border-box;}
.sitemap-menubox .sitemn-2depth-menu li a { display: inline-block; width: 100%; margin: 0; padding: 12px 15px 7px 45px; font-size: 15px; color: #333; font-weight: 400; box-sizing: border-box;}

.sitemap-menubox .sitemn-2depth-menu li a::before { position: absolute; content: ''; display: inline-block; width: 7px; height: 2px; margin: 7px 0 0 -18px; background-color: #cbcbcb; box-sizing: border-box;} 
.sitemap-menubox .sitemn-2depth-menu li a:hover { text-decoration: underline;}

/* 이용약관 termsofuse ---------------*/
.term-section{float:left; display:block; padding:0 0 30px 0;width:100%; border-bottom: 1px dashed #ddd; }
.term-section:last-child{border-bottom: 0px dashed #ddd;}
.term-section:first-child{float:left; display:block; width:100%; border-top: 0px dashed #ddd;}
.term-section::after{display: block; content: '';}
.term-section h2{margin:30px 0 0 0; padding:30px 0 0 15px; color:#6b1e74}
.term-section h2:first-child{margin-top:0px;}
.term-section h2::before {position: absolute; content: ''; display: inline-block; margin:5px 0 0 -15px; padding:3px 0 0 0; width: 8px; height: 15px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: 0 -17px; box-sizing: border-box;}
.term-cho{display:block; padding:0 0 0 15px; width:100%; box-sizing:border-box;}
.term-cho h3{margin:20px 0 10px 0;}
.term-cho ul{display:block; margin-bottom: 20px; width:100%; box-sizing:border-box;}
.term-cho ul li{display: block; font-size:17px; line-height:1.8rem;}
.term-cho ul li .term-no{display:inline-block; width:20px; vertical-align:top; box-sizing:border-box;}
.term-cho ul li .term-txt{display:inline-block; width:calc( 100% - 30px); box-sizing:border-box;}
.term-cho p{display: block; font-size:17px; line-height:1.8rem;}
.term-cho ul ul{margin-bottom: 0px; padding:0 0 10px 20px;}
.sub-two.termbox{display: block; margin:10px 0 10px 0px; padding:10px 30px; border: 1px solid #d6d6d6; background: #f8f8f8; box-sizing:border-box;}
.sub-two.termbox > li{display: block; margin: 10px 0 10px 0; font-size:17px; line-height:1.6rem;}
.sub-two.termbox > li .term-icon::before {margin-right:5px; content: "\f35a"; font-weight:900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}



/*개인정보처리방침---------------*/
.privacy-box{float:left; display:block; padding:0 0 30px 0;width:100%; border-bottom: 1px dashed #ddd; }
.privacy-box:last-child{border-bottom: 0px dashed #ddd;}
.privacy-cho h2{ display: inline-block; width: 100%; margin:30px 0 10px 0; padding:30px 0 0 15px; color:#6b1e74; box-sizing: border-box;}
.privacy-cho h2:first-child{margin-top:0px;}
.privacy-cho h2::before {position: absolute; content: ''; display: inline-block; margin:5px 0 0 -15px; padding:3px 0 0 0; width: 8px; height: 15px; background-image: url(../../../../static/frt/images/icon-set.png); background-position: 0 -17px; box-sizing: border-box;}

.privacy-box p{display: block; font-size:17px; line-height:1.8rem;}
.privacy-cho{display:block; padding:0 0 0 0px; width:100%; box-sizing:border-box;}
.privacy-cho h2{}
.privacy-cho h3{ display: inline-block; width: 100%; margin:20px 0 10px 0; box-sizing: border-box;}
.privacy-cho > ul{display:block; margin-bottom: 20px; width:100%; box-sizing:border-box;}
.privacy-cho > ul > li{display: block; margin: 20px 0; font-size:17px; line-height:1.8rem;}
.privacy-cho > ul > li > .term-no{display:inline-block; width:20px; vertical-align:top; box-sizing:border-box;}
.privacy-cho > ul > li > .term-txt{display:inline-block; width:calc( 100% - 30px); box-sizing:border-box;}
.privacy-cho > p{display: block; font-size:17px; line-height:1.8rem;}
.privacy-cho > ul > ul{margin-bottom: 0px; padding:0 0 10px 20px;}
.privacy-cho > ul > ul > li::before {content: '-'; display: inline-block; margin:5px 0 0 5px;}

.privacy-cho .dv-detail{margin:10px 0 0 0;}
.prtxt-bold{ display:block; font-size:15px;}
.privacy-cho .st-txt-bg{padding:3px 5px; color: #ce4d52; font-size:15px; font-weight: 400; background-color:#fbdbdd;}
.sub-one li .term-no, .sub-one li .term-txt{font-size:17px; font-weight:600;}
.sub-one .btn-primary.small{margin:5px 0 0 25px;}
.sub-one .fa-file-download{margin:0 0 0 10px; color:#fff;}
.sub-two{padding:0 0 0 20px; box-sizing:border-box;}
.sub-two > li{ display: block; margin: 10px 0 20px 0; font-size:17px; line-height:1.8rem;}
.sub-two.prbox{display: block; margin:10px 0 0 20px; padding:10px 30px; border: 1px solid #d6d6d6; background: #f8f8f8; box-sizing:border-box;}
.sub-two.prbox > li{display: block; margin: 10px 0 10px 0; font-size:17px; line-height:1.8rem;}
.sub-two.prbox > li .term-icon::before {margin-right:5px; content: "\f35a"; font-weight:900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.sub-two p::before{content: '-'; display: inline-block; padding:0 5px 0 10px;}
.sub-three{padding:0 0 0 20px; box-sizing:border-box;}
.sub-three > li{display: block; margin: 5px 0 5px 0;}
.privacy-cho .tb-wrap{margin:10px 0 25px 0;}
.privacy-cho .tb-list.vtlist td .pri-ul{width:100%;}
.privacy-cho .tb-list.vtlist td .pri-ul li{margin:0 0 5px 0;}
.privacy-cho .tb-list.vtlist td .pri-ul li span{margin:0 5px 0 0;}
.sub-flow{margin:20px 0 0 0; vertical-align:top; }
.sub-flow > .sflow{display: inline-block;  margin: 0 6px 8px 6px;  padding: 30px 0 0 0;  width: 300px; height:120px;  font-size:17px; font-weight:700; text-align: center;  border-radius: 0.25rem;  border: 1px solid #d6d6d6; background: #f8f8f8; vertical-align:middle; text-align:center; box-sizing: border-box;}
.sub-flow > .icon-sflow::before {margin:0 15px; content: "\f061"; font-weight:900; font-family: "Font Awesome 5 Free"; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
.sub-two.prbox > li > .btn-gray{margin:0 0 0 15px;}

/* welcon 소개페이지 --------------------------*/
.welcon-intro { width: 100%; margin:0; padding: 0;}
.welcon-intro .intro-top { display: inline-block; width: 1200px; height: 250px; background-image: url(../../../../static/frt/images/img-bg-en-intro-top.png); background-repeat: no-repeat; background-position: top left;}
.welcon-intro .intro-top .img-welcon-logo { float: right; width: 235px; height: 74px; margin-top: 180px; background-image: url(../../../../static/frt/images/img-welcon-logo.png); background-repeat: no-repeat;}

.welcon-intro .intro-msg { float: right; margin: 50px 0 0 0; font-size: 44px; line-height: 60px; color: #6b1e74; font-weight: 600; text-align: right; letter-spacing: -2px;}
.welcon-intro .msg-txt-box { display: inline-block; width: 100%; margin: 40px 0 0 0; box-sizing: border-box;}
.welcon-intro .msg-txt-box .tit { display: inline-block; margin: 50px 0 0 0; padding-bottom: 5px; font-size: 27px; font-weight: 600; color: #6b1e74; border-bottom: 2px solid #6b1e74; box-sizing: border-box;}
.welcon-intro .msg-txt-box .circle-list { display: inline-block; width: 100%; margin: 20px 0 30px 0; box-sizing: border-box;}
.welcon-intro .msg-txt-box .circle-list li { display: inline-block; width: 100%; padding: 3px 0 3px 12px; font-size: 18px; line-height: 26px; box-sizing: border-box;}
.welcon-intro .msg-txt-box .circle-list li::before { position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; margin: 10px 0 0 -12px; border-radius: 10px; background-color: #6b1e74;}
.welcon-intro .intro-bottom { float: right; width: 329px; height: 152px; background-image: url(../../../../static/frt/images/img-bg-en-intro-bottom.png); background-repeat: no-repeat;}


/* News ---------------*/
.news_listtext{}
.news_listtext > .dcNcontentsWrap{width:100%;}
.news_listtext > .dcNcontentsWrap > h3.dcNCTitle{display:none;}
.news_listtext > .dcNcontentsWrap > h4.dcNCSTitle{display:none;}
.news_listtext > .dcNcontentsWrap > h5.dcNCEtc{display:none;}
.news_listtext > .dcNcontentsWrap .dcNCTextWrap h5.dcNCPTextTitle{margin: 0;}
.news_listtext > .dcNcontentsWrap .dcNCTextWrap .dcNCPTextBox p.dcNCPText{margin: 0;}
.news_listtext > .dcNcontentsWrap .dcNCImgWrap{display:none;}
.news_listtext > .dcNcontentsWrap .dcInterviewWrap{margin:0;}

.dcNcontentsWrap{position:relative; width:800px; margin:0 auto;}
.dcNcontentsWrap h3.dcNCTitle{text-align:center; font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:700; line-height:35px; color:#333; margin:0 0 20px 0;}
.dcNcontentsWrap h4.dcNCSTitle{text-align:center; font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:400; line-height:25px; color:#333; margin:0 0 20px 0;}
.dcNcontentsWrap h5.dcNCEtc{text-align:center; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; line-height:19px; color:#000; margin:0 0 20px 0;}
.dcNcontentsWrap h5.dcNCEtc span{font-weight:700;}
.dcNcontentsWrap .dcNCTextWrap{margin:0 0 30px 0;}
.dcNcontentsWrap .dcNCTextWrap h5.dcNCPTextTitle{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:700; line-height:25px; color:#333; margin:0 0 10px 0;}
.dcNcontentsWrap .dcNCTextWrap .dcNCPTextBox{}
.dcNcontentsWrap .dcNCTextWrap .dcNCPTextBox p.dcNCPText{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; line-height:21px; color:#333; margin:0 0 10px 0;}
.dcNcontentsWrap .dcNCTextWrap .dcNCPTextBox p.dcNCPText:last-child{margin:0;}
.dcNcontentsWrap .dcNCImgWrap{margin:0 0 30px 0;}
.dcNcontentsWrap .dcNCImgWrap .dcNCIMG{}
.dcNcontentsWrap .dcNCImgWrap .dcNCIMG img{}
.dcNcontentsWrap .dcNCImgWrap p.dcNCICaption{font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; line-height:19px; color:#333;}
.dcNcontentsWrap .dcNCImgWrap p.divCaption{border-color: #732182f2 !important; background-color: #73218212; border-left: 5px solid #ccc; padding: 16px; font-size: 14px; font-weight: 400;}

.dcNcontentsWrap .dcInterviewWrap{margin-top: 100px;}
.dcNcontentsWrap .dcInterviewWrap h5.dcIVTitle{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:700; line-height:25px; color:#333; margin:0 0 20px 0;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTitleWrap{margin:0 0 50px 0; overflow:hidden;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTitleWrap .dcLeftWrap{float:left; width:50%; padding:0 2% 0 0; box-sizing: border-box;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTitleWrap .dcLeftWrap h6.dcIVTitle{font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:700; line-height:25px; color:#333; margin:0 0 20px 0;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTitleWrap .dcLeftWrap p.dcIVName{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:600; line-height:21px; color:#333; margin:0;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTitleWrap .dcRightWrap{float:left; width:50%;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTitleWrap .dcRightWrap img{}
.dcNcontentsWrap .dcInterviewWrap .dcIVTextWrap{}
.dcNcontentsWrap .dcInterviewWrap .dcIVTextWrap .dcIVPTextBox{margin:0 0 30px 0;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTextWrap .dcIVPTextBox h6.dcIVQ{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; line-height:21px; color:#333; margin:0 0 10px 0; text-decoration:underline;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTextWrap .dcIVPTextBox p.dcIVA{font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; line-height:21px; color:#333; margin:0;}
.dcNcontentsWrap .dcInterviewWrap .dcIVTextWrap .dcIVPTextBox p.dcIVA span{font-weight:700;}

.dcNcontentsWrap .dcNCPComment {/*border-color: #732182f2 !important; background-color: #7321822e; border-left: 5px solid #ccc;*/ padding: 16px; font-size: 14px; margin-top: 30px; font-weight: 400;}
.dcNcontentsWrap .dcNCPComment span{font-size: 14px !important; font-weight: 500;}
/*
.dcNcontentsWrap .dcNCPComment span:first-child {font-weight: 500;}
.dcNcontentsWrap .dcNCPComment span:last-child {font-weight: 500;}
*/

.dcNcontentsWrap .dcDiscussionWrap{margin-top: 30px;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox{padding-left: 10px; font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:400; line-height:21px; color:#333; padding-bottom: 10px;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span{font-weight: 500; padding-right: 10px;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person1{color: #0098B4;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person2{color: #864C9E;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person3{color: #F58220;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person4{color: #E65888;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person5{color: #7C8658;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person6{color: #004A88;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person7{color: #71BF44;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox span.person8{color: #A67C42;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox .dcDCPLeftWrap{float:left; width:50%; padding:0 2% 0 0; box-sizing: border-box; font-weight: 300;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox .dcDCPRightWrap{float:left; width:50%;}
.dcNcontentsWrap .dcDiscussionWrap .dcDCTextWrap .dcDCPTextBox .dcDCPRightWrap img{}


/* NEWS category -----------------------------*/
.top-category-wrap { display: inline-block; width: 100%; margin: 5px 0 0 0;}
.top-category-box { float: left;}
.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;}

.sup-list-number2 { float:right; padding: 8px 0 0 0; font-size: 14px;}

/*-----------------
     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: 50px; height: 50px; 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);}
}

/*-----------------
     첨부파일
-------------------*/
.filedown-area { display: block; width:100%; padding: 15px 15px 0 15px; 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;}

/*-----------------
    이미지
-------------------*/
.cp-list-img { max-width: 192px !important; max-height: 144px !important;} /* 기업정보 (셀러)- 목록이미지, 마이페이지 보기,쓰기화면 적용 */
.cp-detail { max-width: 482px !important; max-height: 137px !important;} /* 기업정보 (셀러)- 대표이미지 상세화면, 마이페이지 보기,쓰기화면 적용 */
.company-list-img { max-width: 218px !important; max-height: 105px !important;} /*기업정보 (셀러)- 로고이미지, 마이페이지 보기,쓰기화면 적용 */
.buyer-img { max-width: 218px !important; max-height: 205px !important;} /* 기업정보 (바이어) - 바이어 이미지, 영문 마이페이지 information에서 적용*/

.ct-list-img { max-width: 218px !important; max-height: 163px !important;} /* 콘텐츠정보 - 디렉토리 서브메인, 콘텐츠 목록이미지, 검색화면에서 목록 이미지, (한글- 마이페이지 콘텐츠정보목록, 상세) */
.ct-detail { max-width: 480px !important; max-height: 205px !important;} /* 콘텐츠정보 - 콘텐츠 상세이미지, (한글- 마이페이지 콘텐츠정보 상세)*/
.ct-screen { max-width: 130px !important; max-height: 98px !important;} /* 콘텐츠정보 - 콘텐츠 상세의 썸네일이미지, (한글- 마이페이지 콘텐츠정보 상세) */
.ct-screen.detail { max-width: 130px !important; max-height: 56px !important;} /* 콘텐츠 정보 스크린샷 이미지 - 콘텐츠 상세 이미지의 스크린샷 클래스 */

.evt-list-img { max-width: 218px !important; max-height: 123px !important;} /* 이벤트정보 - 이벤트 목록이미지, 영문 서브메인 목록이미지 포함*/
.evtm-klist-img { max-width: 173px !important; max-height: 97px !important;} /* 한글 행사정보 - 행사정보 서브메인 목록이미지*/
.evt-detail { max-width: 480px; max-height: 149px;} /* 이벤트 상세 */
.slide-bnimg { max-width: 225px !important; max-height: 188px !important;} /* 행사정보 서브메인 배너 이미지 */


.matching-notice{display: inline-block;width: 100%;margin: 5px 0;}
.matching-notice.purple{background: #F4F0F7;}
.matching-notice.yellow{background: #FBF0E8;}
.matching-notice .tit{display:flex; align-items:center;}
.matching-notice .message-img{flex: none;width: 66px;height:46px;overflow:hidden;}
.matching-notice .message-tit{font-size:22px;font-weight:600;}
.matching-notice > ul{display: inline-block;width: 100%;margin: 10px 0}
.matching-notice > ul > li{padding:10px 24px;line-height: 30px;}
.matching-notice > ul > li.seper{padding:0 24px;}
.matching-notice > ul > li.seper hr{margin: 0}
.matching-notice .btn-purple{padding: 5px 15px; margin-left: 10px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #8464c0; background: #8464c0;}
.matching-notice .btn-yellow{padding: 5px 15px; margin-left: 10px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #ff8c1a; background: #ff8c1a;}


/*-----------------
    연간행사 일정
-------------------*/
.annual-event p{
	display: block;
    padding: 10px 0;
    font-size: 17px;
    line-height: 30px;
    font-weight: 400;
	color: #111;}
.annual-event .tb-wrap {
	margin-top:18px;}
	
.annual-event .tb-wrap.line{
	border-top:solid 2px #336699;}
	
.annual-event span.info-dt{
	font-size: 14px !important;
	color: #555 !important;}

.event-notice {margin:60px 0 35px 0;}
.notice-message {
    display: flex;
    align-items: center;
    background: #fdf2e9;
    height: 60px;
    padding: 0 24px;
	border: solid 1px #e5e5e5;}
.notice-message .message-tit {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 18px;
	font-weight:700;
    color: #434343;
	padding-bottom:2px;
}
.notice-message .message-tit .b { 
	color:#3515f3;
	border-bottom:solid 1px #3515f3;}
.notice-message .message-img {
    flex: none;
    width: 66px;
    height: 46px;
    overflow: hidden;}
.notice-message .message-img>img {
    height: 100%;}

.matching-notice{display: inline-block;width: 100%;margin: 5px 0;}
.matching-notice.purple{background: #F4F0F7;}
.matching-notice.yellow{background: #FBF0E8;}
.matching-notice .tit{display:flex; align-items:center;}
.matching-notice .message-img{flex: none;width: 66px;height:46px;overflow:hidden;}
.matching-notice .message-tit{font-size:22px;font-weight:600;}
.matching-notice > ul{display: inline-block;width: 100%;margin: 10px 0}
.matching-notice > ul > li{padding:10px 24px;line-height: 30px;}
.matching-notice > ul > li.seper{padding:0 24px;}
.matching-notice > ul > li.seper hr{margin: 0}
.matching-notice .btn-purple{padding: 2px 15px; margin-left: 10px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #8464c0; background: #8464c0;}
.matching-notice .btn-yellow{padding: 2px 15px; margin-left: 10px; font-size: 16px; color: #fff !important; font-weight: 400; text-align: center; border: 1px solid #ff8c1a; background: #ff8c1a;}

/*-----------------
    탈퇴기업, 탈퇴회원 표시
-------------------*/
.leave-content:before {color: #555; content: '*****'; font-weight: 600;}
.unavail-txt{color: #e41212;}
.unavail-txt.tb{padding-top: 30px;}

/*해외시장 심층정보(K-Content Hub) 추가*/
.view2-welcon-wrap {display: block;width: 100%;min-height: 157px; 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 !important;}
.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;font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif !important;}
.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;}

.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(../../../../static/frt/images/bull_txt_type1.gif) 0 12px no-repeat; text-align:left; line-height:1.3em;}

.text-tag .tit {color: #555;font-weight:700; margin-right:25px; font-size:16px; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif  !important;}
.text-tag a {color: #555;font-size:16px; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif !important;}

.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 !important;}
.link-area .tit { font-weight:700; margin-right:25px; vertical-align:top; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif !important;}
.link-area a {word-break: break-all;word-wrap: break-word; width: 94%; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif !important;}
.link-area p {word-break: break-all;word-wrap: break-word; display: inline; cursor: default; font-family: "Noto Sans KR", Dotum, 돋움, verdana, sans-serif !important;}

.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;}

.kcontenthub-list.tsearch { float: left; width: 100%; margin: 0; margin: 10px 0 0 0; padding-top: 15px; border-top: 1px solid #b7b7b7;}
.kcontenthub-list.tsearch::after { display: block; content: ''; clear: both;} 
.kcontenthub-list.tsearch .inner { float: left; width: 100%; padding: 20px 0; border-bottom: 1px dashed #bfbfbf;}
.kcontenthub-list.tsearch .inner:first-child { padding: 5px 0 20px 0;}
.kcontenthub-list.tsearch .inner:last-child { border-bottom: 2px solid #636363;}
.kcontenthub-list.tsearch .inner ul { border-bottom: 0;}
.kcontenthub-list.tsearch .inner ul li { display: inline-block; width: 100%; padding: 3px 0; word-break: keep-all;}
.kcontenthub-list.tsearch .inner .title { overflow: hidden; width: 90%; font-size: 19px; font-weight: 700; color:#333; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; }
.kcontenthub-list.tsearch .inner .title a { font-family: "Noto Sans TC", "NanumSquare", sans-serif; color:#333;}
.kcontenthub-list.tsearch .inner .title a:hover,.kcontenthub-list.tsearch .inner .title a:focus { text-decoration: underline;} 
.kcontenthub-list.tsearch .inner .title a .keyword { color: #8938b9}
.kcontenthub-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; vertical-align: middle;}
.kcontenthub-list.tsearch .inner .title .label.knews { color: #fff; background-color: #6b1e74;} /* K-Content News */
.kcontenthub-list.tsearch .inner .title .label.issue { color: #fff; background-color: #9b9d02;} /* Issue Focus */
.kcontenthub-list.tsearch .inner .title .label.trending { color: #fff; background-color: #f74015;} /* Trending K-Content */
.kcontenthub-list.tsearch .inner .title .label.klaw { color: #fff; background-color: #003567;} /* K-Content Law */
.kcontenthub-list.tsearch .inner .title .label.resources { color: #fff; background-color: #1856a1;} /* Resources */
.kcontenthub-list.tsearch .inner .cont { display: -webkit-box; overflow: hidden; width: 90%; height: 52px; font-size: 15px; line-height: 25px; color: #555; font-weight: 300; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:2;}
.kcontenthub-list.tsearch .inner .cont .keyword { color: #8938b9}

.kcontenthub-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 7px 0 5px 0; font-size: 14px; color: #666; }
.kcontenthub-list.tsearch .inner .navi a { padding: 0 4px;}
.kcontenthub-list.tsearch .inner .navi a:first-child { padding: 0 4px 0 0;}
.kcontenthub-list.tsearch .inner .navi .guide { padding: 0 5px; color: #999;}
.kcontenthub-list.tsearch .inner .navi .date { color: #777;}

/* 전체행사 목록 영역*/
.list_select_wrap {font-size: 14px; display: inline-block; float: right; margin: 0; position:relative;}
.list_select_wrap select { font-size: 14px; padding:4px; cursor: pointer;}

/*-----------------
  로그인 팝업 (모바일)
-------------------*/
.login-popup-wrap { display: block; width: 100%; margin: 15px auto 0 auto; padding: 0 0 20px 0;}
@media (min-width: 768px) { 
    .login-popup-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-popup-wrap { width: 70%;}
}

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

.login-popup-wrap .login-form {  display: inline-block; width: 100%;}
.login-popup-wrap .login-form li { display: inline-block; width: 100%; padding: 7px 0;}
.login-popup-wrap .login-form input[type='text'],.login-popup-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-popup-wrap .login-form input::placeholder { color: #555;}

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


.login-popup-wrap .member-link { display: block; margin: 0 auto; padding: 30px 0; font-size: 15px; text-align: center;}
.login-popup-wrap .member-link a { padding: 0 10px 0 20px; color: #333;}
@media (max-width: 320px) {
    .login-popup-wrap .member-link a { padding: 0 8px;}
}
.login-popup-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-popup-wrap .member-link a::after { margin: 2px 0 0 10px;}
}
.login-popup-wrap .member-link a:last-child::after { display: none;}
.login-popup-wrap .member-link a:hover, .login-popup-wrap .member-link a:focus {text-decoration: underline; }


/*-----------------
  로그인 팝업 (PC)
-------------------*/
@media all and (min-width:840px) {
.login-popup-wrap { display: block; width: 600px; min-height: calc( 100vh - 450px ); margin: 38px auto 0 auto; padding: 0 0 20px 0;}
.login-popup-wrap h1 { display: block; padding: 30px 0; font-size: 40px; font-weight: 700; color: #333; text-align: center;}

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

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


.login-popup-wrap .member-link { display: inline-block; width: 100%; padding: 30px 0; font-size: 20px; text-align: center;}

.login-popup-wrap .member-link a { padding: 0 15px; color: #333;}
.login-popup-wrap .member-link a:first-child { padding: 0 30px 0 10px;}
.login-popup-wrap .member-link a:first-child::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 18px; margin: 2px 0 0 20px; background-color: #c1c1c1}

.login-popup-wrap .member-link a:hover, .login-popup-wrap .member-link a:focus {text-decoration: underline; }
}