@charset "utf-8";

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


/*----------------------
     Main Content
------------------------*/
.main-subtitle { width: 100%; margin:0 0 16px 0; font-size: 1.5rem; font-weight:600; color: #111; line-height: 2rem; text-align: center; letter-spacing: -0.8px}

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

@media (min-width: 768px){
    .main-event-list > ul > li.txt { width: 54%;}
}

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

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

@media (max-width: 320px){
    .main-event-list > ul > li.txt { width: 47%;}
}
@media (max-width: 280px){
    .main-event-list > ul > li.txt {width: 38%;}
}

.main-event-list > ul > li.txt ul { width: 100%;}
.main-event-list > ul > li.txt ul li{ display: inline-block; }
.main-event-list > ul > li.txt .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; height: 2.7rem; margin-top: 2px; font-size: 1rem; font-weight: 700; color:#6b1e74; line-height: 1.35rem; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word;}
.main-event-list > ul > li.txt .tit a { color: #6b1e74;}
.main-event-list > ul > li.txt .tit a:hover, .main-event-list ul li.txt .tit a:focus { text-decoration: underline;}
.main-event-list > ul > li.txt .txt-cont { width: 90%; margin: 10px 0 0 0; font-size:14px; line-height:18px; color:#555; font-weight:400;}

@media (max-width: 320px){
    .main-event-list > ul > li.txt .txt-cont { width: 100%; font-size:12px; line-height: 16px;}
}


/* Content ----------------------*/
.main-content-list, .main-content-list ul { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}

.main-content-list ul li { box-sizing: border-box;}
@media (min-width: 768px) {
    .main-content-list ul li { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 0 0 15px;}
    /*.main-content-list ul li:first-child,.main-content-list ul li:nth-child(4n+1) { padding:0;}*/
}

@media (max-width: 767px) {
    .main-content-list ul li { width: 47%;}
    .main-content-list ul li:nth-child(odd) { float: left; margin: 5px 8px 15px 0;}
    .main-content-list ul li:nth-child(even) { float: right; margin: 5px 0 15px 0;}    
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .main-content-list ul li { float:left !important; width: 25%; margin: 5px 0 15px 0 !important; padding: 0 0 0 10px !important;}
}

.main-content-list ul li a { display: block; z-index: 300; width: 100%; margin: 0;}
.main-content-list ul li .m-data { }
.main-content-list ul li .m-data span { display: block; width: 100%;}
.main-content-list ul li .m-data .m-img { position: relative; overflow: hidden; height: 0; padding-bottom: 75%; border: 1px solid #e1e1e1;}
.main-content-list ul li .m-data .m-img img { position: absolute; display: block; z-index: -1; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-content-list ul li .m-data .m-title { overflow: hidden; margin: 0 auto; padding: 10px 8px; color: #555; line-height: 20px; font-weight: 600; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.main-content-list ul li a:focus .m-title, .main-content-list ul li a:hover .m-title { text-decoration: underline;}


/* Category ----------------------*/
.main-category-list, .main-category-list ul { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.main-category-list ul li { margin: 5px 0 10px 0; box-sizing: border-box;}
@media (min-width: 768px) {
    .main-category-list ul li { float:left; width: 20%; padding: 0 0 0 8px;}
    .main-category-list ul li:first-child, .main-category-list ul li:nth-child(6) { padding: 0;}
}

@media (max-width: 767px) {
    .main-category-list ul li { width: 48%;}
    .main-category-list ul li:nth-child(odd) { float: left;}
    .main-category-list ul li:nth-child(even) { float: right;}
}
.main-category-list ul li a { display: block; width: 100%; margin: 0; padding: 14px 0; text-align: center; border: 1px solid #ccc; box-sizing: border-box;}
.main-category-list ul li a:focus,.main-category-list ul li a:hover { color: #fff; background-color: #888;}  


/* News ----------------------*/
.main-news-list { display: inline-block; width: 100%; margin: 0; padding: 0 0 12px 0; border-top: 1px solid #ccc; vertical-align: top;}
.main-news-list ul { display: inline-block; width: 100%; margin: 0; padding: 5px 0; vertical-align: top;}
.main-news-list ul li { display: inline-block; width: 100%; margin: 0; padding: 7px 0 8px 0; line-height: 20px; border-bottom: 1px solid #d9d9d9; box-sizing: border-box;}
.main-news-list ul li.txt {}
.main-news-list ul li.txt a { display: block; width: 100%; color: #696969; font-weight: 600; word-break: keep-all; word-wrap: break-word; box-sizing: border-box;}
.main-news-list .more-linkwrap { display: inline-block; width: 100%; margin: 10px 0 0 0; padding: 0;vertical-align: top; box-sizing: border-box;}
.main-news-list .more-link { float: right; padding: 5px 0; font-weight: 600; color: #111;}
.main-news-list .more-link::before { position: absolute; content: '\f105'; display: inline-block; margin: 0 0 0 -15px; font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 900; color: #111;}
.main-news-list a:focus,.main-news-list a:hover { text-decoration: underline;}


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


/*-------------------------
     Main Content - NEW
---------------------------*/
.main-subtitle-new { width: 100%; margin:0 0 16px 0; font-size: 1.6rem; font-weight:400; color: #111; line-height: 2rem; text-align: center; letter-spacing: -0.8px; box-sizing: border-box;}

@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
    .main-subtitle-new { text-align: left;}
}
@media (min-width: 768px) {
    .main-subtitle-new { text-align: left;}
}

.main-cont-sectionline { position: relative; width: 100%; margin: 15px auto; border-top: 1px solid #c6c6c6;}

/* K-Content News ---------------- */
.mcont-boxwrap-new { display: inline-block; width:100%; margin: 5px 0 0 0; padding: 0 0 20px 0;}

/* K-Content News left box */
.mcont-left-box { box-sizing: border-box;}
@media (max-width: 767px) {
    .mcont-left-box { display: inline-block; width: 100%;}
}
@media (min-width: 1366px) {
    .mcont-left-box { float: left; width: 50%; padding: 0 22px 0 0;}
}
@media (min-width: 768px) and (max-width: 1365px){
    .mcont-left-box { float: left; width: 50%; padding: 0 10px 0 0;}
}

@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
    .mcont-left-box { float: left; width: 50%; padding: 0 10px 0 0;}
}


.mcont-left-box .inner { display: inline-block; width: 100%;}
.mcont-left-box .inner > ul { position: relative; display: inline-block; overflow: hidden; width: 100%; height: 0; padding-bottom: 63%;}
.mcont-left-box .inner > ul > li { float:left; width: 100%; }


.mcont-left-box .inner a { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 63%; border: 1px solid #d9d9d9; box-sizing: border-box;}
.mcont-left-box .inner a img { position: absolute; display: block; z-index: -1; max-width: 120%; max-height: 120%; width: auto; height: auto; top: 50%; left: 50%; object-fit: cover; transform: translate(-50%, -50%);}
.mcont-left-box .inner a .m-ct-big { max-width: 120%; max-height: 120%;}

.mcont-left-box .inner .txt-area { position: absolute; z-index: 10; display: inline-block; width: calc(100% - 2px); height: 82px; margin: -84px 0 0 1px; padding: 0 10px; background-color: rgba(0,0,0,.5); box-sizing: border-box;}

.mcont-left-box .inner .txt-area .tit,
.mcont-left-box .inner .txt-area .date-txt { width: 100%; color: #fff;}
.mcont-left-box .inner .txt-area .tit { display: -webkit-box; overflow: hidden; padding: 10px 0 2px 0; height: 40px; font-size: 16px; line-height: 20px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mcont-left-box .inner .txt-area .date-txt { display: inline-block; margin: 7px 0 0 0; padding: 0 0 4px 0;}

/* slide navigation */
.mcont-left-box .nav-box { position: absolute; z-index: 30; display: block; width:calc(100% - 40px); margin: -30px auto 0 auto; text-align: center;}
.mcont-left-box .nav-box a { display: inline-block; width: 14px; height: 14px; margin: 5px 7px; border-radius: 15px; background-color: #fff;   }


/* K-Content News right box */
.mcont-right-box { box-sizing: border-box;}
@media (max-width: 767px) {
    .mcont-right-box { display: inline-block; width: 100%; margin: 20px 0 0 0}
}
@media (min-width: 768px) {
    .mcont-right-box { float: right; width: 50%; margin: 0; padding: 0 0 0 10px;}
}
@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
    .mcont-right-box { float: right; width: 50%; margin: 0; padding: 0 0 0 5px;}
}

.mcont-right-box ul { display:inline-block; width: 100%}
.mcont-right-box ul::after { display: block; content:''; clear: both;}
.mcont-right-box ul li { width: 50%; box-sizing: border-box;}

.mcont-right-box .ul-top { margin: 0;}
.mcont-right-box .ul-under { margin: 21px 0 0 0;}
@media (min-width: 1024px) {
    .mcont-right-box .ul-under { margin: 25px 0 0 0;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .mcont-right-box .ul-under { margin: 20px 0 0 0;}
}
@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
    .mcont-right-box .ul-under { margin: 15px 0 0 0;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .mcont-right-box .ul-under { margin: 10px 0 0 0;}
}
@media (max-width: 320px) {
    .mcont-right-box .ul-under { margin: 10px 0 0 0;}
}

.mcont-right-box .ul-top .txt-box { float: left; padding: 0 10px 0 0;}
.mcont-right-box .ul-top .img-box { float: right; padding: 0 0 0 10px;}

.mcont-right-box .ul-under .txt-box { float: right; padding: 0 0 0 10px;}
.mcont-right-box .ul-under .img-box { float: left; padding: 0 10px 0 0;}

.mcont-right-box .ul-top .txt-box .tit { margin: 5px 0 0 0;}
.mcont-right-box .ul-under .txt-box .tit { margin: 13px 0 0 0;}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .mcont-right-box .ul-under .txt-box .tit { margin: 5px 0 0 0;}
}

.mcont-right-box .txt-box a { color: #222;}
.mcont-right-box .txt-box span { display: inline-block;}

.mcont-right-box .txt-box .tit { overflow: hidden; display: -webkit-box; width: 95%; height: 40px; font-size: 16px; line-height: 20px; font-weight: 400; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
@media (max-width: 320px) {
    .mcont-right-box .txt-box .tit { height: 36px; font-size: 15px; line-height: 18px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .mcont-right-box .txt-box .tit { height: 36px; font-size: 15px; line-height: 18px;}
}

.mcont-right-box .txt-box .tit:hover, .mcont-right-box .txt-box .tit:focus { text-decoration: underline;}
.mcont-right-box .txt-box .date-txt { margin: 12px 0 0 0; font-size: 14px; color: #222; }
@media (max-width: 320px) {
    .mcont-right-box .txt-box .date-txt { margin: 5px 0 0 0; font-size: 12px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .mcont-right-box .txt-box .date-txt { margin: 5px 0 0 0; font-size: 12px;}
}

.mcont-right-box .img-box a { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 59%; border: 1px solid #d9d9d9;}
.mcont-right-box .img-box a img { position: absolute; display: block; z-index: -1; top: 50%; left: 50%; width: 120%; transform: translate(-50%, -50%); object-fit: cover;}
.mcont-right-box .img-box a .m-ct-small { max-width: 130%; max-height: 130%;} /* 330x197*/


/* THE LATEST NEWS ---------------- */
.m-cont-newsbox { display: inline-block; width: 100%; margin: 0;}
.m-cont-newsbox > ul { display: inline-block; width: 100%; margin: 0; box-sizing: border-box;}
.m-cont-newsbox > ul > li { display: inline-block; width: 100%; margin: 0; padding: 12px 0 10px 0; box-sizing: border-box;}
.m-cont-newsbox > ul > li:first-child { border-bottom:1px solid #ececec;}

.m-cont-newsbox .m-cont-news { display: inline-block; width: 100%; margin: 0; box-sizing: border-box;}
.m-cont-newsbox .m-cont-news > ul { display: inline-block; width: 100%; margin: 0; box-sizing: border-box;}
.m-cont-newsbox .m-cont-news > ul > li { box-sizing: border-box;}

.m-cont-news .img-box {float:left; width: 148px;}
.m-cont-news .img-box a { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 45%; border: 1px solid #d9d9d9;}
.m-cont-news .img-box a img { position: absolute; display: block; z-index: -1; top: 50%; left: 50%; width:auto; height: auto; transform: translate(-50%, -50%); object-fit: cover;}
.m-cont-news .img-box a .m-ct-thumb { max-width: 180%; max-height: 180%;}

.m-cont-news .txt-box {float: right; width: calc( 100% - 150px); padding: 0 0 0 10px; box-sizing: border-box;}
.m-cont-news .txt-box span { overflow: hidden; width: 100%; text-overflow: ellipsis; text-align: left;}
.m-cont-news .txt-box a:hover span,
.m-cont-news .txt-box a:focus span { text-decoration: underline;}
.m-cont-news .txt-box .tit { font-size: 16px; line-height: 22px; color: #111; font-weight: 600;}
@media (min-width: 768px) {
    .m-cont-news .txt-box .tit { display: inline-block; height: auto; white-space: nowrap;}
}
@media (max-width: 767px) {
    .m-cont-news .txt-box .tit { display: -webkit-box; height: 66px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .m-cont-news .txt-box .tit { display: inline-block; height: auto; white-space: nowrap;}
}

.m-cont-news .txt-box .cont-txt { font-size: 15px; line-height: 20px; color: #555; font-weight: 300;}
@media (min-width: 768px) {
    .m-cont-news .txt-box .cont-txt { display: -webkit-box; height: 40px; padding-top: 1px; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
}
@media (max-width: 767px) {
    .m-cont-news .txt-box .cont-txt { display: none;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .m-cont-news .txt-box .cont-txt { display: -webkit-box; height: 40px; padding-top: 1px; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
}


/* YOU MIGHT LIKE ( Main Content list) ---------------- */
.mcontent-list, .mcontent-list > ul { display: inline-block; box-sizing: border-box;}
.mcontent-list { margin: 0; padding: 0; }
.mcontent-list ul { width: 100%; margin: 0; padding: 0; }
.mcontent-list ul li { box-sizing: border-box; }
@media (min-width: 768px) {
    .mcontent-list { width: 92%;}
    .mcontent-list ul li { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 0 0 15px;}    
}
@media (max-width: 767px) {
    .mcontent-list { width: 100%; padding: 0 0 35px 0;}
    .mcontent-list ul li { width: 47%;}
    .mcontent-list ul li:nth-child(odd) { float: left; margin: 5px 8px 15px 0;}
    .mcontent-list ul li:nth-child(even) { float: right; margin: 5px 0 15px 0;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .mcontent-list { width: 92%;}
    .mcontent-list ul li { float:left !important; width: 25%; margin: 5px 0 15px 0 !important; padding: 0 0 0 10px !important;}
}

.mcontent-list ul li a { display: block;}
.mcontent-list ul li .mcont-data span { display: block;}
.mcontent-list ul li .mcont-data .img-box { position: relative; display: block; overflow: hidden; height: 0; padding-bottom: 75%; border: 1px solid #d9d9d9;}
.mcont-data .img-box img { position: absolute; display: block; z-index: -1; top: 50%; left: 50%; width: auto; height: auto; transform: translate(-50%, -50%);}
.mcont-data .img-box .mcont-list-img { width: 100%; max-height: 163px;}
.mcont-data .tit { overflow: hidden; width: 100%; margin: 0 auto; padding: 10px 8px; font-size: 16px; color: #000; ;font-weight: 400; line-height: 18px; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.mcont-data:hover .tit, .mcont-data:focus .tit{ text-decoration: underline;}

/* more button */
.mbtn-more { float: right; width: 32px; height: 32px; background: #686868;}
@media (min-width: 768px){
    .mbtn-more { position: absolute; margin: 6vw 0 0 15px;}
}
@media (min-width: 321px) and (max-width: 767px){
    .mbtn-more { margin: -10vw 0 0 0;}
}
@media (max-width: 320px){
    .mbtn-more { margin: -12vw 0 0 0;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .mbtn-more { position: absolute; margin: 6vw 0 0 15px;}
}
.mbtn-more::before { position: relative; display:block; content:'\f067'; margin: 7px 8px 0 8px; font-family: "Font Awesome 5 Free"; font-size: 17px; font-weight: 900; color: #fff; }


/* With Korea Partners  ---------------- */
.m-partners-list { display: inline-block; width: 100%; margin: 0; padding: 0;}
.m-partners-list ul { display: inline-block; width: 100%; margin: 0; padding: 0;}
.m-partners-list ul li { width: 48%; margin: 5px 0 10px 0;}
.m-partners-list ul li:nth-child(odd) { float: left;}
.m-partners-list li:nth-child(even) { float: right;}
.m-partners-list ul li a { display: block; width: 100%; padding: 12px 0 12px 8px; font-size: 16px; color: #fff; font-weight: 600; background: #222; border: 1px solid #222; box-sizing: border-box;}
@media (min-width: 768px) {
    .m-partners-list ul li a { padding: 12px 0 12px 15px; }
}
.m-partners-list ul li a::after { float: right; content: ''; content:'\f067'; margin: 1px 8px 0 0; font-family: "Font Awesome 5 Free"; font-size: 14px; font-weight: 900; color: #fff; }
@media (min-width: 768px) {
    .m-partners-list ul li a::after { margin: 1px 15px 0 0;}
}
.m-partners-list ul li a:hover,
.m-partners-list ul li a:focus { color: #222; background: #fff;}
.m-partners-list ul li a:hover::after,
.m-partners-list ul li a:focus::after { color: #222;}

/* Hot Keyword  ---------------- */
.m-hotkeyword-wrap { display: inline-block; width:100%; margin:0; padding: 10px 0;}
.m-hotkeyword-wrap a { display: block;}
.m-hotkeyword-wrap .m-big-textlink { padding: 0 0 7px 0; font-size: 1.8rem; color: #000; line-height: 2.1rem;}
.m-hotkeyword-wrap .m-sml-textlink { font-size: 14px; color: #111;}

.m-keyword-box { display: inline-block; width: 100%; margin: 15px 0 0 0;}
@media (min-width: 768px) {
    .m-keyword-box { width: 60%;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .m-keyword-box { width: 70%;}
}
.m-keyword-box .inner { display:table; width: 100%; margin: 0;}
.m-keyword-box .inner ul { display: table-row; margin: 0;}
.m-keyword-box .inner ul li { display: table-cell; box-sizing: border-box;}
.m-keyword-box .inner ul li:first-child { padding: 5px 10px 5px 0;}
.m-keyword-box .inner ul li:nth-child(2) { padding: 5px 10px 5px 0;}
.m-keyword-box .inner ul li:last-child { padding: 5px 0 5px 0;}
.m-keyword-box .inner ul li a { display: inline-block; width: 100%; padding: 10px 3px; font-size: 16px; color: #000; font-weight: 400; text-align: center; border: 1px solid #111; box-sizing: border-box;}
.m-keyword-box .inner ul li a.key-hot { border:2px solid #111;} 

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

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

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

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

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

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

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

@media (min-width: 768px){
    .event-list > ul > li.txt { width: 75%;}
}

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

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

@media (max-width: 320px){
    .event-list > ul > li.txt { width: 46%;}
}
@media (max-width: 280px){
    .event-list > ul > li.txt { width: 38%;}
}

.event-list > ul > li.txt ul { width: 100%;}
.event-list > ul > li.txt ul li{ display: inline-block; }
.event-list > ul > li.txt .tit { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; width: 95%; height: 2.7rem; margin-top: 2px; font-size: 1rem; font-weight: 700; color:#6b1e74; line-height: 1.35rem; -webkit-box-orient: vertical; text-overflow: ellipsis; word-wrap: break-word;}
.event-list > ul > li.txt .tit a { color: #6b1e74;}
.event-list > ul > li.txt .tit a:hover, .event-list ul li.txt .tit a:focus { text-decoration: underline;}
.event-list > ul > li.txt .txt-cont { width: 90%; margin: 10px 0 0 0; font-size:14px; line-height:18px; color:#555; font-weight:400;}

@media (max-width: 320px){
    .event-list > ul > li.txt .txt-cont { width: 100%; margin: 2px 0 0 0; font-size:12px; line-height: 16px;}
}

@media (max-width: 767px) {
    .event-list > ul > li.txt .txt-cont .date-txt:last-child { display: block;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .event-list > ul > li.txt .txt-cont .date-txt:last-child { display: inline-block;}
}

/* Content ----------------------*/
.subm-content-list, .subm-content-list ul { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}

.subm-content-list ul li { box-sizing: border-box;}
@media (min-width: 768px) {
    .subm-content-list ul li { float:left; width: 33.33%; margin: 5px 0 15px 0; padding: 0 0 0 8px;}
    .subm-content-list ul li:first-child,.subm-content-list ul li:nth-child(3n+1) { padding:0;}
}

@media (max-width: 767px) {
    .subm-content-list ul li { width: 47%;}
    .subm-content-list ul li:nth-child(odd) { float: left; margin: 5px 8px 15px 0;}
    .subm-content-list ul li:nth-child(even) { float: right; margin: 5px 0 15px 0;}    
}


.subm-content-list ul li a { display: block; z-index: 300; width: 100%; margin: 0; border: 1px solid #ccc;}
.subm-content-list ul li .m-data { }
.subm-content-list ul li .m-data span { display: block; width: 100%;}
.subm-content-list ul li .m-data .m-img { position: relative; height: 163px;}
.subm-content-list ul li .m-data .m-img img { position: absolute; display: block; z-index: -1; top: 50%; left: 50%; max-width:100%; max-height: 120px;transform: translate(-50%, -50%);}
.subm-content-list ul li .m-data .m-title { overflow: hidden; margin: 0 auto; padding: 10px 8px; color: #555; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid #ddd; box-sizing: border-box;}
.subm-content-list ul li a:focus .m-title, .subm-content-list ul li a:hover .m-title { text-decoration: underline;}


/* Company ----------------------*/
.subm-company-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.subm-company-list .txt-infowrap { display: inline-block; width: 100%; padding: 10px 0 10px 0; border-bottom: 1px dashed #bfbfbf;}
.subm-company-list .txt-info { display: inline-block; overflow: hidden; width: 100%; height: 62px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; padding: 0; line-height: 20px;}

.subm-company-list .txt-info a:focus,
.subm-company-list .txt-info a:hover { text-decoration: underline;}

.subm-company-list .inner { display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px dashed #bfbfbf;}
.subm-company-list .inner > ul { display: inline-block; width: 100%; padding: 0 0 5px 0; box-sizing: border-box;}
.subm-company-list .inner .text-cont { }
.subm-company-list .inner .text-cont li { display: inline-block; width: 100%;}
.subm-company-list .inner .text-cont .tit { overflow: hidden; font-size: 18px; color: #333; font-weight: 600; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; word-wrap: break-word;}
.subm-company-list .inner .text-cont .tit a { }
.subm-company-list .inner .text-cont .tit a:focus,.subm-company-list.tsearch .inner .text-cont .tit a:hover { text-decoration: underline;}
.subm-company-list .inner .text-cont .cont { display: inline-block; overflow: hidden; width: 100%; height: 60px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; padding: 3px 0 0 0; line-height: 20px;}

.subm-company-list .inner .text-cont .cont a:focus, 
.subm-company-list .inner .text-cont .cont a:hover { text-decoration: underline;}

.subm-company-list .inner .thum-cont { margin: 10px 0 0 0;}

.subm-company-list .inner .thum-cont li { box-sizing: border-box;}
@media (min-width: 768px) {
    .subm-company-list .inner .thum-cont li  { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 0 0 8px;}
    .subm-company-list .inner .thum-cont li:first-child { padding:0;}
    .subm-company-list .inner .thum-cont li:nth-child(4n+1) { padding:0;}
    
}

@media (max-width: 767px) {
    .subm-company-list .inner .thum-cont li { width: 47%; margin: 5px 8px 15px 0;}
    .subm-company-list .inner .thum-cont li:nth-child(odd) { float:left; }
    .subm-company-list .inner .thum-cont li:nth-child(even) { float: right; }
}


.subm-company-list .inner .thum-cont li a { display: block; z-index: 300; width: 100%; margin: 0; border: 1px solid #ccc;}
.subm-company-list .inner .thum-cont li .thum-data { }
.subm-company-list .inner .thum-cont li .thum-data span { width: 100%;}
.subm-company-list .inner .thum-cont li .thum-data .img-data { position: relative; display: block; height: 120px;}
.subm-company-list .inner .thum-cont li .thum-data .img-data img { position: absolute; display: block; z-index: -1; max-width: 100%; max-height: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.subm-company-list .inner .thum-cont li .thum-data .tit-data { overflow: hidden; display: block; margin: 0 auto; padding: 10px 8px; color: #555; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-top: 1px solid #ddd; box-sizing: border-box;}

.subm-company-list .inner .thum-cont li .thum-data:focus .tit-data,
.subm-company-list .inner .thum-cont li .thum-data:hover .tit-data { text-decoration: underline;}




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

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

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

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


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

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

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


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

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

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

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


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

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

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


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

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

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


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


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

}

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

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



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

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

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

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

.guide-item-box { display: block;}
.guide-item-box .gitem-box { clear: both; display: inline-block; margin:0 auto; padding:0; width: 100%; box-sizing: border-box; vertical-align:top;}
.text-list .text-list-dt{ padding: 3px 0; line-height:24px;}
.text-list .text-list-dt dd { width: 65%;}
@media (max-width: 320px) { 
    .text-list .text-list-dt dd { width: 63%; padding-left: 12px;}
}

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

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

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


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


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

.dv-diagnosis .sub-groupbox .in-cont label { display:inline-block; padding: 0 17px 0 4px; vertical-align: middle;}

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

/* 수출역량진단관리 목록 */
.dv-diag-list { display: inline-block; width: 100%; margin: 0; padding: 0;  border-top: 1px solid #bfbfbf; vertical-align: top;}
.dv-diag-list > .inner { display: inline-block; width: 100%; margin: 0; padding: 7px 0 8px 0; border-bottom: 1px dashed #bcbcbc;}
.dv-diag-list > .inner:last-child { border-bottom: 2px solid #636363;} /* nodata 사용*/
.dv-diag-list > .inner.nodata { border-bottom: 2px solid #636363;}
.dv-diag-list > .inner > ul, .dv-diag-list > .inner > ul > li { display: inline-block; width: 100%;}
.dv-diag-list > .inner > ul > .w100per.textc { padding: 7px 0;} /* nodata 사용*/
.dv-diag-list > .inner .subj { margin: 2px 0; padding: 0;}
.dv-diag-list > .inner .subj .tit { display: inline-block; margin-right: 10px; font-size: 17px; font-weight: 500; line-height: 26px;}
.dv-diag-list > .inner .info { margin: 5px 0; padding: 0;}
.dv-diag-list > .inner .info p { display: inline-block; width: 100%; margin: 3px 0;}
.dv-diag-list > .inner .info .stit, .dv-diag-list > .inner .info .sbcont { display: inline-block; font-size: 15px;}
.dv-diag-list > .inner .info .stit { padding: 0 9px 0 0;}
.dv-diag-list > .inner .info .sbcont {}
.dv-diag-list > .inner .btn-area { display: inline-block; width: 100%; margin: 0; padding: 7px 0;}
.dv-diag-list > .inner .btn-area a { margin-right: 10px;}

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

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

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

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

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

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




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

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

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


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

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

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

@media (min-width: 768px) and (max-width: 1023px){
    .sub-cont-wrap .info-img { width: 46%;}
}
@media (max-width: 767px) {
    .sub-cont-wrap .info-img { width: 100%;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .sub-cont-wrap .info-img { width: 44%;}
}
.sub-cont-wrap .info-img img { object-fit: contain;}
.sub-cont-wrap .info-section2 .info-img {padding: 25px 0 0 0;}


/* category */
.info-img .category.cate-line { display: inline-block; width: 100%; padding-bottom: 9px; line-height:20px; text-align: left; word-break: keep-all; word-wrap: break-word;}
.info-img .category.cate-line span { padding: 0 5px;}
.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; text-align: center; border: 1px solid #8a8a8a;}


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


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

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

@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
     .note-rtext { float: right; width: 50%; margin: 0; padding: 6px 0 0 0;}
}



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

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


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

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

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


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


/* .info-basic dl dd { width: 54%; padding: 0 0 0 13px; font-size: 15px; color: #555; font-weight: 300;} */


.info-basic dl dd { display: inline-block; width:100%; padding: 3px 0 0 17px; font-size: 15px; color: #555; font-weight: 300;box-sizing:border-box;}



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

.info-basic dl dt::before { 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 dt::after { float: left; content: ''; width: 3px; height: 12px; margin: -14px 0 0 130px;border-radius: 10px; background-color: #c2c2c2; box-sizing: border-box;}


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

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


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


/* Content Detail --------------------*/
/* img box */
.sub-cont-wrap .info-img.mgn-small { margin: 0; padding: 5px 0 0 0;}
.sub-cont-wrap .info-img .info-img-inbox { display: inline-block; width: 100%; padding-bottom: 15px;}

@media (min-width: 768px) and (max-width: 1023px){
    .sub-cont-wrap .info-img .info-img-inbox { width: 90%;}
}


.info-img-inbox #bigImgArea { position: relative; overflow: hidden; display: block; height: 0; padding-bottom: 43%; }
.info-img-inbox #bigImgArea img { position: absolute; z-index: -1; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* thumbnail img */
.info-img-inbox .thumgroup-wrap {display: inline-block;width: 100%;height: 100px;margin: 20px 0 0 0;padding: 0 0 10px 0;}
@media (min-width: 768px) { 
    .info-img-inbox .thumgroup-wrap { margin: 65px 0 0 0;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .info-img-inbox .thumgroup-wrap { margin: 65px 0 0 0;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) { 
    .info-img-inbox .thumgroup-wrap { margin: 65px 0 0 0;}
}

.info-img-inbox .thum-group { display: inline-block; width: 86%; padding: 0 0 10px 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; box-sizing: border-box;}
@media (min-width: 768px) {
    .info-img-inbox .thum-group { position: absolute; width:89%; margin: 0 0 0 5px;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .info-img-inbox .thum-group { position: absolute; width:89%;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) { 
    .info-img-inbox .thum-group { position: absolute; width:86%;}
}
@media (max-width: 320px){
    .info-img-inbox .thum-group { width: 86%;}
}

.info-img-inbox .thum-group .img-thum { position: relative; overflow: hidden; display: inline-block; width: 130px; height: 98px; margin: 0 5px 0 0; padding: 0; border:1px solid #ddd; }

.info-img-inbox .thum-group .img-thum img { position: absolute; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.thumgroup-wrap .btn-prev { display: inline-block; width: 10px; height: 25px; padding: 35px 7px 35px 0; vertical-align: top;}
.thumgroup-wrap .btn-prev::before { position: absolute; content:'\f053'; display: inline-block; margin: 0 0 0 -5px; font-family: "Font Awesome 5 Free"; font-size: 24px; font-weight: 900; color: #aaa;}

.thumgroup-wrap .btn-next { display: inline-block; width: 10px; height: 25px; padding: 35px 0 35px 5px; vertical-align: top;}
.thumgroup-wrap .btn-next::before { position: absolute; content:'\f054'; display: inline-block; margin: 0 0 0 -5px; font-family: "Font Awesome 5 Free"; font-size: 24px; font-weight: 900; color: #aaa;}
@media (min-width: 768px) { 
    .thumgroup-wrap .btn-next { position: absolute; float: right; right: 25px
    }
}

@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .thumgroup-wrap .btn-next { position: absolute; float: right; right: 25px}
}


/* Contant Detail info */
.sub-cont-wrap .info-basic-wrap.content { }

.sub-cont-wrap .info-basic-wrap.content { width: 100%; margin: 10px 0 0 0;}
@media (min-width: 1024px) {
    .sub-cont-wrap .info-basic-wrap.content { float: right; width: 50%; margin: 36px 0 0 0;}
}

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


.info-basic-wrap.content .info-basic { float: left; width: 100%; margin: 10px 0 0 0; padding: 10px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; vertical-align: top;}
.info-basic-wrap.content .info-basic.noline { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; border-top: 0; border-bottom:0; vertical-align: top;}
.info-basic-wrap.content > .info-basic  p strong { font-size:17px; font-weight:700;}
.info-basic-wrap.content > .info-basic dl { float: left; width:100%; padding: 5px 0;}
.info-basic-wrap.content > .info-basic.noline dl { padding: 9px 0;}

.info-basic-wrap.content > .info-basic dl dt, 
.info-basic-wrap.content > .info-basic dl dd { float: left; box-sizing: border-box; word-break: break-all; line-height: 19px;}

.info-basic-wrap.content > .info-basic dl dt { width: 145px; margin-left: 10px; padding: 0 0 0 8px; font-size: 15px; color: #000; font-weight: 400;}

@media (max-width: 320px) {
    .info-basic-wrap.content > .info-basic dl dt { margin-left: 8px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .info-basic-wrap.content > .info-basic dl dt { margin-left: 5px;}
}


.info-basic-wrap.content > .info-basic dl dd { width: 50%; padding: 0 0 0 10px; font-size: 15px; color: #555; font-weight: 300;}

@media (max-width: 320px) {
    .info-basic-wrap.content > .info-basic dl dd { width: 44%; padding: 0 0 0 7px;}
}
@media (max-width: 280px) {
    .info-basic-wrap.content > .info-basic dl dd { width: 35%; padding: 0 0 0 7px;}
}
@media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    .info-basic-wrap.content > .info-basic dl dd { width: 50% ;padding: 0 0 0 8px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .info-basic-wrap.content > .info-basic dl dd { width: 40%; padding: 0 0 0 9px;}
}
@media (min-width: 280px) and (max-width: 653px) and (orientation: landscape) {
    .info-basic-wrap.content > .info-basic dl dd { width: 40%; padding: 0 0 0 9px;}
}


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

.info-basic-wrap.content > .info-basic dl dt::before, 
.info-basic-wrap.content > .info-basic dl dd::before { position: absolute; content: ''; display: inline-block; box-sizing: border-box;}

.info-basic-wrap.content > .info-basic dl dt::before { width: 4px; height: 4px; margin: 7px 0 0 -8px; border-radius: 10px; background-color: #595959;}
.info-basic-wrap.content > .info-basic dl dd::before { width: 3px; height: 12px; margin: 4px 0 0 -15px;border-radius: 10px; background-color: #c2c2c2;}
@media (max-width: 320px) {
    .info-basic-wrap.content > .info-basic dl dd::before { margin: 4px 0 0 -12px;}
}
.info-basic-wrap.content > .info-basic dl dt::after { display: none;}

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

/* Content Detail - company profile */
.comp-pfbox { display: inline-block; width: 100%; margin: 10px 0 15px 0;}
.comp-pfbox .company-imgbox {}
@media (min-width: 768px) {
    .comp-pfbox .company-imgbox { float: left; width: 35%;}
}
@media (max-width: 767px) {
    .comp-pfbox .company-imgbox { display: inline-block; width: 100%;}
}
@media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    .comp-pfbox .company-imgbox { float: left; width: 35%;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .comp-pfbox .company-imgbox { float: left; width: 35%;}
}

.company-imgbox .img-box { position: relative; overflow: hidden; display: block; height: 0; padding-bottom: 48%;} /* height: 105px */
.company-imgbox .img-box img { position: absolute; display: block; z-index: -1; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.company-imgbox .category-box { display: block; margin: 10px 0 5px 0; font-size: 14px; font-weight: 600;}
.company-imgbox .category-box .lb-category { float: left; padding: 7px 10px; margin: 0 10px 6px 0; font-size: 14px; text-align: center; border: 1px solid #8a8a8a;}



.comp-pfbox .company-txtbox { word-break: keep-all; word-wrap: break-word;}
@media (min-width: 768px) {
    .comp-pfbox .company-txtbox { float: right; width:60%; margin: 0;}
}
@media (max-width: 767px) {
    .comp-pfbox .company-txtbox { display:block; width:100%; margin: 10px 0 0 0;}    
}
@media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    .comp-pfbox .company-txtbox { float: right; width:60%; margin: 0;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .comp-pfbox .company-txtbox { float: right; width:60%; margin: 0;}
}


.cp-subtitle-3depth { padding: 5px 0 10px 0; font-size: 20px; color: #555; font-weight: 700; letter-spacing: -1px} /* h3*/
.cp-subtitle-3depth a { text-decoration: underline;}

.cp-txtbox { margin: 10px 0 0 0; font-size: 16px; line-height: 22px;}


/* Content List  ----------------------*/
.content-list, .content-list ul { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}

.content-list ul li { box-sizing: border-box;}
@media (min-width: 768px) {
    .content-list ul li { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 0 0 15px;}
    /* .content-list ul li:first-child,.content-list ul li:nth-child(4n+1) { padding:0;} */
}

@media (max-width: 767px) {
    .content-list ul li { width: 47%;}
    .content-list ul li:nth-child(odd) { float: left; margin: 5px 0 15px 0;}
    .content-list ul li:nth-child(even) { float: right; margin: 5px 0 15px 0;}    
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.content-list ul li { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 0 0 10px;}
}

.content-list ul li a { display: block; z-index: 300; width: 100%; margin: 0;}
.content-list ul li .m-data { }
.content-list ul li .m-data span { display: block; width: 100%;}

.content-list ul li .m-data .m-img { position: relative; overflow: hidden; height: 0; padding-bottom: 75%; border: 1px solid #e1e1e1;}

.content-list ul li .m-data .m-img img { position: absolute; display: block; z-index: -1; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.content-list ul li .m-data .m-title { overflow: hidden; margin: 0 auto; padding: 10px 8px; color: #555; font-weight: 600; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.content-list ul li a:focus .m-title, .content-list ul li a:hover .m-title { text-decoration: underline;}


/* Company List ----------------------*/
.company-list { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.company-list .keyword { color: #8938b9;}
.company-list .txt-infowrap { display: inline-block; width: 100%; padding: 10px 0 10px 0; border-bottom: 1px dashed #bfbfbf;}
.company-list .txt-info { display: inline-block; overflow: hidden; width: 100%; height: 62px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; padding: 0; line-height: 20px;}

.company-list .txt-info a:focus,
.company-list .txt-info a:hover { text-decoration: underline;}

.company-list .inner { display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px dashed #bfbfbf;}
.company-list .inner:last-child { padding: 15px 0; border-bottom: 2px solid #636363;}

.company-list .inner > ul { display: inline-block; width: 100%; padding: 0 0 5px 0; box-sizing: border-box;}
.company-list .inner .text-cont { }
.company-list .inner .text-cont li { display: inline-block; width: 100%; box-sizing: border-box;}

.company-list .inner .text-cont .tit { display: inline-block; overflow: hidden; width: 100%; font-size: 18px; color: #333; font-weight: 600; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; box-sizing: border-box;}

.company-list .inner .text-cont .tit:focus,.company-list.tsearch .inner .text-cont .tit:hover { text-decoration: underline;}
.company-list .category-box { display: inline-block; width: 100%; padding: 13px 0 0 0;}
.company-list .category-box .lb-category {float: left;padding: 6px 8px;margin: 0 10px 6px 0;font-size: 14px;text-align: center;border: 1px solid #8a8a8a; box-sizing: border-box;}


.company-list .inner .text-cont .cont { display: inline-block; overflow: hidden; height: 65px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; padding: 4px 0 0 0; line-height: 20px;}

.company-list .inner .text-cont .cont a:focus, 
.company-list .inner .text-cont .cont a:hover { text-decoration: underline;}

.company-list .inner .thum-cont { margin: 10px 0 0 0;}

.company-list .inner .thum-cont li { box-sizing: border-box;}
@media (min-width: 768px) {
    .company-list .inner .thum-cont li  { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 15px 0 0;}
    /* .company-list .inner .thum-cont li:first-child { padding:0;}
    .company-list .inner .thum-cont li:nth-child(4n+1) { padding:0;} */
    
}

@media (max-width: 767px) {
    .company-list .inner .thum-cont li { width: 47%; margin: 5px 8px 15px 0;}
    .company-list .inner .thum-cont li:nth-child(odd) { float:left; }
    .company-list .inner .thum-cont li:nth-child(even) { float: right; }
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.company-list .inner .thum-cont li  { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 10px 0 0;}
}


.company-list .inner .thum-cont li a { display: block; z-index: 300; width: 100%; margin: 0;}
.company-list .inner .thum-cont li .thum-data { }
.company-list .inner .thum-cont li .thum-data span { width: 100%;}

.company-list .inner .thum-cont li .thum-data .img-data { position: relative; overflow: hidden; display: block; height: 0; padding-bottom: 75%; border: 1px solid #e1e1e1;}
.company-list .inner .thum-cont li .thum-data .img-data img { position: absolute; display: block; z-index: -1; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.company-list .inner .thum-cont li .thum-data .tit-data { overflow: hidden; display: block; margin: 0 auto; padding: 10px 8px; color: #555; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}

.company-list .inner .thum-cont li .thum-data:focus .tit-data,
.company-list .inner .thum-cont li .thum-data:hover .tit-data { text-decoration: underline;}


/* company detail */
.comapny-basic-info { display: inline-block; width: 38%; margin: 18px 0 0 0;}
@media (min-width: 768px) { 
    .comapny-basic-info.no-btn { width: 53%; margin: 18px 0 0 0;}
}
@media (max-width: 767px) {
    .comapny-basic-info { width: 100%; margin: 15px 0 0 0;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .comapny-basic-info { width: 38%; margin: 18px 0 0 0;}
    .comapny-basic-info.no-btn { width: 53%; margin: 18px 0 0 0;}/* comapny 상세에 save 버튼 없을때 내용 가로모드 영역 표시. 추가클래스 .no-btn */
}

.comapny-basic-info .category-box .lb-category { float: left; padding: 7px 10px; margin: 0 10px 6px 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: 15px; line-height: 19px; word-break: break-all; word-wrap: break-word;}
@media (max-width: 767px) {
    .comapny-basic-info .cp-bs-infobox li { width: 100%; margin: 0; box-sizing: border-box;}
}

.comapny-basic-info .cp-bs-infobox li::before { position: absolute; content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 10px; margin: 7px 0 0 -10px; background-color: #999; box-sizing: border-box;}
.comapny-basic-info .cp-bs-infobox span { padding: 0 0 0 10px;}

.comapny-basic-info .cp-bs-infobox .in-cont { display:inline; padding: 0 0 0 10px;}
.comapny-basic-info .cp-bs-infobox .in-cont .txt-link { text-decoration: underline;}

.company-button-box { float:right; width: 15%; margin: 18px 0 0 0;}
@media (max-width: 767px) {
    .company-button-box { display:block; width: 100%; margin: 18px auto 0 auto; text-align: center;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .company-button-box { float:right; width: 15%; margin: 18px 0 0 0;}
}

.company-button-box a { min-width: 80px; margin-bottom: 15px;}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .company-button-box a { min-width: 60px; padding: 9px 10px;}
}

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



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

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

/* 검색 해당분야 바로가기  */
.search-btn-topbox { display: inline-block; width: 100%; margin: 0; padding: 5px 0 10px 0; vertical-align: top;}
.search-btn-topbox ul { display: block; width: 100%; margin: 0; padding: 0;}
.search-btn-topbox ul li { }
@media (min-width: 768px) {
    .search-btn-topbox ul li { display: inline-block; width: 24%; margin: 0 3px 5px 0;}
}
@media (max-width: 767px) { 
    .search-btn-topbox ul li { width: 49%; margin: 0 0 5px 0;}
    .search-btn-topbox ul li:nth-child(odd) { float: left;}
    .search-btn-topbox ul li:nth-child(even) { float: right;}    
}
.search-btn-topbox ul li a { display: block; width: 100%; padding: 9px 5px 10px 5px; font-size: 16px; font-weight: 400; line-height: 18px; text-align: center; border-radius: 2px; box-sizing: border-box;}
.search-btn-topbox ul li.long { letter-spacing:-1.5px;}
.search-btn-topbox .active { color: #fff; background: #6b1e74;}
.search-btn-topbox .default { color: #444; background: #dfdfdf;}


/* Events */
.event-list.tsearch { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;}
.event-list.tsearch .keyword { color: #8938b9; }

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

@media (min-width: 768px) { 
    .event-list.tsearch .inner .in-txt { width: 77%;}
}

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

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

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

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

.event-list.tsearch .inner .info-text { display: block; margin: 10px 0 0 0; color: #555;}
.event-list.tsearch .inner .info-text > ul { display: block; width: 100%}
.event-list.tsearch .inner .info-text > ul > li { width: 100%; padding: 4px 0; font-size: 14px; line-height: 19px;}
.event-list.tsearch .inner .info-text > ul > li span:first-child { padding: 0 6px 0 0; font-weight: 600;} /* 제목 스타일 */
.event-list.tsearch .inner .info-text > ul > li span:last-child { word-break: keep-all; word-wrap: break-word;} /* 내용 스타일 */

.event-list.tsearch .inner .info-text ul li:nth-child(3) span:last-child, 
.event-list.tsearch .inner .info-text ul li:nth-child(4) span:last-child{ display: inline-block;}

.event-list.tsearch .inner .navi { display:inline-block; width: 100%; padding: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 20px;}
.event-list.tsearch .inner .navi a { padding: 0; color: #777;}
.event-list.tsearch .inner .navi a::after { display: none;}
.event-list.tsearch .inner .navi .txt-date { padding-left: 17px; color: #777;}

/* Content */
.content-list.tsearch, .content-list.tsearch ul { display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: top;} 
.content-list.tsearch .keyword { color: #8938b9;}
.content-list.tsearch ul li { box-sizing: border-box;} 
@media (min-width: 768px) {
    .content-list.tsearch ul li { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 15px 0 0;}
    /* .content-list.tsearch ul li:first-child { padding:0;} */
}

@media (max-width: 767px) {
    .content-list.tsearch ul li { width: 47%;} 
    .content-list.tsearch ul li:nth-child(odd) { float: left; margin: 5px 8px 15px 0;}
    .content-list.tsearch ul li:nth-child(even) { float: right; margin: 5px 8px 15px 0;}    
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.content-list.tsearch ul li { float:left !important; width: 25%; margin: 5px 0 15px 0 !important; padding: 0 10px 0 0 !important;}
}

.content-list.tsearch ul li a { display: block; z-index: 300; width: 100%; margin: 0; border: 0;} 
.content-list.tsearch ul li .m-data { } 
.content-list.tsearch ul li .m-data span { width: 100%;}
.content-list.tsearch ul li .m-data span.keyword { display: inline-block; width: auto !important;}
.content-list.tsearch ul li .m-data .m-img { position: relative; overflow: hidden; display: block; height: 0; padding-bottom: 75%;}
.content-list.tsearch ul li .m-data .m-img img { position: absolute; display: block; z-index: -1; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.content-list.tsearch ul li .m-data .m-title { overflow: hidden; display: block;  margin: 0 auto; padding: 10px 8px; color: #555; font-weight: 600; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.content-list.tsearch ul li a:focus .m-title, .content-list.tsearch ul li a:hover .m-title { text-decoration: underline;}

/* Company */
.company-list.tsearch { display: inline-block; width: 100%; margin: 0; padding: 10px 0 0 0; border-top: 1px solid #b7b7b7; vertical-align: top;}
.company-list.tsearch.noline { padding: 0; border-top: 0;} 
.company-list.tsearch .keyword { color: #8938b9;}
.company-list.tsearch .txt-infowrap { display: inline-block; width: 100%; padding: 5px 0 10px 0; border-bottom: 1px dashed #bfbfbf;}
.company-list.tsearch .txt-info { display: inline-block; overflow: hidden; width: 100%; height: 62px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; padding: 0; line-height: 20px;}

.company-list.tsearch .txt-info a:focus,
.company-list.tsearch .txt-info a:hover { text-decoration: underline;}

.company-list.tsearch .inner { display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px dashed #bfbfbf;}
.company-list.tsearch.noline .inner { padding: 0; border-bottom: 0;}
.company-list.tsearch .inner > ul { display: inline-block; width: 100%; padding: 0 0 5px 0; box-sizing: border-box;}
.company-list.tsearch .inner .text-cont { }
.company-list.tsearch .inner .text-cont li { display: inline-block; width: 100%;}
.company-list.tsearch .inner .text-cont .tit { overflow: hidden; font-size: 18px; color: #333; font-weight: 600; line-height: 23px; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.company-list.tsearch .inner .text-cont .tit a { }
.company-list.tsearch .inner .text-cont .tit a:focus,.company-list.tsearch .inner .text-cont .tit a:hover { text-decoration: underline;}
.company-list.tsearch .inner .text-cont .cont { display: inline-block; overflow: hidden; width: 100%; height: 65px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0; padding: 3px 0 0 0; line-height: 20px;}

.company-list.tsearch .inner .text-cont .cont a:focus, 
.company-list.tsearch .inner .text-cont .cont a:hover { text-decoration: underline;}

.company-list.tsearch .inner .thum-cont { margin: 10px 0 0 0;}
.company-list.tsearch .inner .thum-cont li { box-sizing: border-box;}
@media (min-width: 768px) {
    .company-list.tsearch .inner .thum-cont li  { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 15px 0 0;}
    /* .company-list.tsearch .inner .thum-cont li:first-child,
    .company-list.tsearch .inner .thum-cont li:nth-child(4n+1) { padding:0;} */
}

@media (max-width: 767px) {
    .company-list.tsearch .inner .thum-cont li { width: 47%; margin: 5px 8px 15px 0;}
    .company-list.tsearch .inner .thum-cont li:nth-child(odd) { float:left; }
    .company-list.tsearch .inner .thum-cont li:nth-child(even) { float: right; }
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.company-list.tsearch .inner .thum-cont li  { float:left; width: 25%; margin: 5px 0 15px 0; padding: 0 8px 0 0;}
}

.company-list.tsearch .inner .thum-cont li a { display: block; z-index: 300; width: 100%; margin: 0; border: 0;}
.company-list.tsearch .inner .thum-cont li .thum-data { }
.company-list.tsearch .inner .thum-cont li .thum-data span { width: 100%;}

.company-list.tsearch .inner .thum-cont li .thum-data .img-data { position: relative; overflow: hidden; display: block; height: 0; padding-bottom: 75%; border: 1px solid #e1e1e1;}

.company-list.tsearch .inner .thum-cont li .thum-data .img-data img { position: absolute; display: block; z-index: -1; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.company-list.tsearch .inner .thum-cont li .thum-data .tit-data { overflow: hidden; display: block; margin: 0 auto; padding: 10px 8px; color: #555; font-weight: 600; line-height: 20px; text-align: center; text-overflow: ellipsis; white-space: nowrap; border-top: 0; box-sizing: border-box;}

.company-list.tsearch .inner .thum-cont li .thum-data:focus .tit-data,
.company-list.tsearch .inner .thum-cont li .thum-data:hover .tit-data { text-decoration: underline;}

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

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

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

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



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


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

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

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

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

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

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


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

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



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

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

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

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

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

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


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

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

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

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

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

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

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


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

/*-----------------------
    아이디 패스워드 찾기
-------------------------*/

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

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

.idpw-sch-wrap legend + p { display: inline-block; width: 100%; padding: 25px 0 15px 0; font-size: 16px; line-height: 24px;}
.idpw-sch-wrap p { display: inline-block; width: 100%; padding: 7px 0; font-size: 16px; line-height: 23px;}


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

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



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


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

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

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

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

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

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

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


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


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

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

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

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

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


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

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

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


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

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

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



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


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

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


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

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

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

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

.faq-wrap {  width:100%; margin-top:5px;}
.faq-wrap .faq-box { display: block; width:100%; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
.faq-wrap .faq-box .faq-q .faq-a {display:none; margin: 0; padding: 0px 15px 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);}
.faq-wrap .faq-box .faq-q .faq-q-i{ display: inline-block; margin: 0 7px 0 0; padding: 0; width: 25px; height: 25px; border-radius: 5px; background-color: #6b1e74; color: #fff; line-height: 20px; font-weight: 700; text-align: center;vertical-align: middle; box-sizing: border-box;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-i{display: inline-block; margin: 15px 15px 0 0px; width: 25px; height: 25px; border-radius: 5px; background-color: #9b9a9a; color: #fff; font-weight: 700; text-align: center; vertical-align: top; box-sizing: border-box;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-box{display:inline-block; padding:15px 0; width:calc( 100% - 15%); box-sizing: border-box;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-box img { width: 100% !important;}
.faq-wrap .faq-box .faq-q .faq-a .faq-a-box iframe { width: 100% !important;}

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

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


/*---------------------------
   about welcon 웰콘 소개
-----------------------------*/
.welcon-intro { width: 100%; margin:0; padding: 0;}
.welcon-intro .intro-top { display: inline-block; width: 100%;  }
@media (min-width: 768px){
    .welcon-intro .intro-top { height: 180px; background-image: url(../../../../static/mbl/images/img-bg-en-intro-top.png); background-repeat: no-repeat; background-position: top left;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .welcon-intro .intro-top { height: 180px; background-image: url(../../../../static/mbl/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: 170px; height: 54px; margin-top: 30px; background-image: url(../../../../static/frt/images/img-welcon-logo.png); background-repeat: no-repeat; background-size: contain;}
@media (min-width: 768px){
    .welcon-intro .intro-top .img-welcon-logo { margin-top: 100px;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .welcon-intro .intro-top .img-welcon-logo { margin-top: 100px;}
}


.welcon-intro .intro-msg { float: right; width: 100%; margin: 35px 0 0 0; font-size: 24px; line-height: 30px; color: #6b1e74; font-weight: 600; letter-spacing: -2px; text-align: right;}
@media (max-width: 767px){
    .welcon-intro .intro-msg span { display: inline-block; width: 100%; text-align: right;}
}

@media (min-width: 1024px){
    .welcon-intro .intro-msg { width: 100%; margin: 35px 0 0 0; font-size: 38px; line-height: 50px;font-weight: 600;}
    .welcon-intro .intro-msg span { display: inline-block; width: auto; text-align: right;}
}
@media (min-width: 768px) and (max-width: 1023px){
    .welcon-intro .intro-msg { width: 100%; margin: 35px 0 0 0; font-size: 30px; line-height: 42px;font-weight: 600;}
    .welcon-intro .intro-msg span { display: inline-block; width: auto; text-align: right;}
}

@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
	.welcon-intro .intro-msg { width: 70%;}
    .welcon-intro .intro-msg span { display: inline-block; width:auto; text-align: right;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
	.welcon-intro .intro-msg { width: 90%;}
    .welcon-intro .intro-msg span { display: inline-block; width: auto; text-align: right;}
}


.welcon-intro .msg-txt-box { display: inline-block; width: 100%; margin: 15px 0 0 0; box-sizing: border-box;}
@media (min-width: 768px){
    .welcon-intro .msg-txt-box { margin: 30px 0 0 0;}
}


.welcon-intro .msg-txt-box .tit { display: inline-block; margin: 40px 0 0 0; padding-bottom: 5px; font-size: 18px; line-height: 22px; 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: 6px 0 6px 12px; font-size: 16px; line-height: 22px; 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;}




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

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


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


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

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


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

/* 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:100%; margin:0 auto;}
.dcNcontentsWrap h3.dcNCTitle{text-align:center; font-family: 'Open Sans', sans-serif; font-size:22px; font-weight:700; line-height:28px; 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{}



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

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

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

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

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

.mycontent-list .inner .info-text { display: block; margin: 10px 0 0 0; color: #555;}
.mycontent-list .inner .info-text > ul { display: block; width: 100%}
.mycontent-list .inner .info-text > ul > li { width: 100%; padding: 2px 0 3px 0; font-size: 15px; line-height: 18px;}
.mycontent-list .inner .info-text > ul > li > span:first-child { font-weight: 600;}
@media (max-width: 320px){ 
    .mycontent-list .inner .info-text > ul > li > span:nth-child(2) { display: inline-block; line-height: 23px;} 
  }

.mycontent-list .inner .proc-text { display:inline-block; width: 100%; padding: 10px 0 5px 0; font-size: 14px; color: #666; line-height: 20px;}
.mycontent-list .inner .proc-text ul { display:inline-block; width: 100%;}
.mycontent-list .inner .proc-text ul li { display:inline-block; padding: 0 15px 0 0; color: #777;}

.mycontent-list .inner .proc-text.txtr.nomgn ul li { float: right; padding: 0; color: #777;}

.mycontent-list .inner .proc-text ul li::after { position: absolute; display: inline-block; content: ''; width: 2px; height: 14px; margin: 4px 0 0 7px; background-color: #ccc;}
.mycontent-list .inner .proc-text ul li:last-child::after { display: none;} 

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


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

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

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

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

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

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

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



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


/* My account 행사 상세 ------------------*/
/* img box */
.sub-cont-wrap .myinfo-img { float: left; width: 100%; padding: 7px 0 0 0; vertical-align: top;}
@media (min-width: 1024px) {
    .sub-cont-wrap .myinfo-img { width: 46%; padding: 15px 0 0 0;}
}

@media (min-width: 768px) and (max-width: 1023px){
    .sub-cont-wrap .myinfo-img { width: 46%; padding: 15px 0 0 0;}
}
@media (max-width: 767px) {
    .sub-cont-wrap .myinfo-img { width: 100%;}
}
@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) { 
    .sub-cont-wrap .myinfo-img { width: 44%; padding: 15px 0 0 0;}
}
.myinfo-img .infoimg-inbox { position: relative; overflow: hidden; display: block; height: 0; padding-bottom: 31%;}
.myinfo-img .infoimg-inbox img { position: absolute; display:block; max-width: 100%; max-height: 100%; width: auto; height: auto; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/* info */
.sub-cont-wrap .myinfo-basic-wrap { width: 100%; margin: 15px 0 0 0;}
@media (min-width: 1024px) {
    .sub-cont-wrap .myinfo-basic-wrap{ float: right; width: 50%; margin: 15px 0 0 0;}
}

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

.myinfo-basic-wrap .info-basic { float: left; width: 100%; margin: 0; padding: 10px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; vertical-align: top;}
.myinfo-basic-wrap .info-basic.noline { float: left; width: 100%; margin: 10px 0 0 0; padding: 0; border-top: 0; border-bottom:0; vertical-align: top;}
.myinfo-basic-wrap > .info-basic  p strong { font-size:17px; font-weight:700;}
.myinfo-basic-wrap > .info-basic dl { float: left; width:100%; padding: 5px 0;}
.myinfo-basic-wrap > .info-basic.noline dl { padding: 9px 0;}

.myinfo-basic-wrap > .info-basic dl dt, 
.myinfo-basic-wrap > .info-basic dl dd { float: left; box-sizing: border-box; word-break: break-all; line-height: 19px;}

.myinfo-basic-wrap > .info-basic dl dt { width: 140px; margin-left: 10px; padding: 0 0 0 8px; font-size: 15px; color: #000; font-weight: 400;}
.myinfo-basic-wrap > .info-basic dl dt::after { display: none;}

@media (max-width: 320px) {
    .myinfo-basic-wrap > .info-basic dl dt { width: 135px; margin-left: 8px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .myinfo-basic-wrap > .info-basic dl dt { margin-left: 5px;}
}


.myinfo-basic-wrap > .info-basic dl dd { width: 52%; padding: 0 0 0 5px; font-size: 15px; color: #555; font-weight: 300;}

@media (max-width: 320px) {
    .myinfo-basic-wrap > .info-basic dl dd { width: 48%; padding: 0 0 0 2px; letter-spacing: -0.9px}
}
@media (max-width: 280px) {
    .myinfo-basic-wrap > .info-basic dl dd { width: 35%; padding: 0 0 0 2px; letter-spacing: -0.9px}
}
@media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    .myinfo-basic-wrap > .info-basic dl dd { width: 50% ;padding: 0 0 0 8px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .myinfo-basic-wrap > .info-basic dl dd { width: 40%; padding: 0 0 0 9px;}
}
@media (min-width: 280px) and (max-width: 653px) and (orientation: landscape) {
    .myinfo-basic-wrap > .info-basic dl dd { width: 45%; padding: 0 0 0 9px;}
}

.myinfo-basic-wrap > .info-basic dl dd .date-txt { display: block;}
    


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

.myinfo-basic-wrap > .info-basic dl dt::before, 
.myinfo-basic-wrap > .info-basic dl dd::before { position: absolute; content: ''; display: inline-block; box-sizing: border-box;}

.myinfo-basic-wrap > .info-basic dl dt::before { width: 4px; height: 4px; margin: 7px 0 0 -8px; border-radius: 10px; background-color: #595959;}
.myinfo-basic-wrap > .info-basic dl dd::before { width: 3px; height: 12px; margin: 4px 0 0 -10px; border-radius: 10px; background-color: #c2c2c2;}
@media (max-width: 320px) {
    .myinfo-basic-wrap > .info-basic dl dd::before { margin: 4px 0 0 -6px;}
}


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


/* full width info */
.info-basic-full { float: left; width: 100%; margin: 5px 0 0 0; padding: 10px 0; border-top: 1px solid #c8c8c8; border-bottom: 1px solid #c8c8c8; vertical-align: top;}
.info-basic-full.no-topline { float: left; width: 100%; margin: 0; padding: 0 0 15px 0; border-top: 0; border-bottom: 1px solid #c8c8c8;  vertical-align: top;}
.info-basic-full  p strong { font-size:17px; font-weight:700;}
.info-basic-full dl { float: left; width:100%; padding: 5px 0;}
.info-basic-full.noline dl { padding: 9px 0;}

.info-basic-full dl dt, 
.info-basic-full dl dd { float: left; box-sizing: border-box; word-break: break-all; line-height: 19px;}

.info-basic-full dl dt { width: 145px; margin-left: 10px; padding: 0 0 0 8px; font-size: 15px; color: #000; font-weight: 400;}

@media (max-width: 320px) {
    .info-basic-full dl dt { margin-left: 8px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .info-basic-full dl dt { margin-left: 5px;}
}


.info-basic-full dl dd { width: 50%; padding: 0 0 0 10px; font-size: 15px; color: #555; font-weight: 300;}

@media (max-width: 320px) {
    .info-basic-full dl dd { width: 45%; padding: 0 0 0 7px;}
}
@media (max-width: 280px) {
    .info-basic-full dl dd { width: 35%; padding: 0 0 0 7px;}
}
@media (min-width: 375px) and (max-width: 812px) and (orientation: landscape) {
    .info-basic-full dl dd { width: 50% ;padding: 0 0 0 8px;}
}
@media (min-width: 320px) and (max-width: 568px) and (orientation: landscape) {
    .info-basic-full dl dd { width: 40%; padding: 0 0 0 9px;}
}
@media (min-width: 280px) and (max-width: 653px) and (orientation: landscape) {
    .info-basic-full dl dd { width: 40%; padding: 0 0 0 9px;}
}


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

.info-basic-full dl dt::before, 
.info-basic-full dl dd::before { position: absolute; content: ''; display: inline-block; box-sizing: border-box;}

.info-basic-full dl dt::before { width: 4px; height: 4px; margin: 7px 0 0 -8px; border-radius: 10px; background-color: #595959;}
.info-basic-full dl dd::before { width: 3px; height: 12px; margin: 4px 0 0 -15px;border-radius: 10px; background-color: #c2c2c2;}
@media (max-width: 320px) {
    .info-basic-full dl dd::before { margin: 4px 0 0 -12px;}
}

/* category full */
.category-box.full { display: inline-block; width: 100%; margin: 10px 0 5px 0; font-size: 14px; font-weight: 600;}
.category-box.full .lb-category { float: left; padding: 7px 10px; margin: 0 10px 6px 0; font-size: 14px; text-align: center; border: 1px solid #8a8a8a;}


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-graybox { display: inline-block; width: 100%; margin: 25px 0; padding: 15px; line-height: 24px; border-radius: 5px; border: 1px solid #eee; background-color: #fbfbfb; box-sizing: border-box;}



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

select.fr-top { float: right; width: auto; margin: 5px 0 0 0;}
@media (max-width: 320px){
    select.fr-top { padding: 0; font-size: 12px; letter-spacing: -0.8px; line-height: 15px;} 
}


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

.dv-write > .dv-row > .dv-td > p { line-height: 21px;}

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


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

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

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

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


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


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

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

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


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

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

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


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

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

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

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


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

.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; width: 100%;}
.dv-formbox label { padding-right: 15px; vertical-align: middle;}


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


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

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

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

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



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

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



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


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


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

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

.tab-box > .tab-menu > li.active > a { font-size: 16px; color: #6b1e74; font-weight: 700;}
@media (max-width: 320px) {
    .tab-box > .tab-menu > li.active > a { font-size: 14px;}
}
.tab-body { margin-top:10px; width:100%;}

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

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

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

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


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

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


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

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



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



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


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

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

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

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

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

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


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

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

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


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

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

span[class^='lb-text'] { display: inline-block; text-align: center; border-radius: 2px; vertical-align: middle;}
.lb-text3 { padding: 5px 7px 6px 7px; font-size: 14px; line-height: 16px;}

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


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

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

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






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



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

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

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



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


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

.company-list-img { max-width: 218px; max-height: 105px;} /*기업정보 (셀러)- 로고이미지, 마이페이지 보기,쓰기화면 적용 width: 218px*/
@media (max-width: 767px) {
    .company-list-img { display: block; max-width: 218px; max-height: 105px; margin: 0 auto;}
}
@media (min-width: 360px) and (max-width: 767px) and (orientation: landscape) {
    .company-list-img { display: block; max-width: 218px; max-height: 105px; margin: 0;}
}

.buyer-img { max-width: 218px !important; max-height: 205px !important;} /* 기업정보 (바이어) - 바이어 이미지, 영문 마이페이지 information에서 적용 width: 218px*/
@media (max-width: 320px){
    .buyer-img { max-width: 150px !important;}
}
@media (min-width: 321px) and (max-width: 767px) {
    .buyer-img { max-width: 180px !important;}
}

.ct-list-img { max-width: 218px; max-height: 163px;} /* 콘텐츠정보 - 디렉토리 서브메인, 콘텐츠 목록이미지, 검색화면에서 목록 이미지, (한글- 마이페이지 콘텐츠정보목록, 상세) */
.ct-detail { max-width: 480px; max-height: 205px} /* 콘텐츠정보 - 콘텐츠 상세이미지, (한글- 마이페이지 콘텐츠정보 상세)*/
.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: 132px; max-height: 74px;} /* 이벤트정보 - 이벤트 목록이미지, 영문 서브메인 목록이미지 포함 pc기준 218x123 */
.evtm-klist-img { width: 100%; max-width: 173px !important; max-height: 97px !important;} /* 한글 행사정보 - 행사정보 서브메인 목록이미지*/
.evt-detail { width: 100%; max-width: 480px; max-height: 149px;} /* 이벤트 상세 */


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

/*-----------------
    연간행사
-------------------*/
.annual-event p{
	display: block;
    margin: 10px 0 20px 0;
    color: #555;
    font-size: 16px;
    line-height: 1.65rem;
    font-weight: 400;}
.annual-event span.info-dt{
	font-size: 14px !important;
	color: #555 !important;}
.annual-list {
	margin: 24px 0 0;}
.annual-list ul {
	display: grid;
    gap: 24px;}
.annual-list ul li {
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 4px;
    transition: .2s;
	box-shadow: 3px 4px 5px 1px rgb(0 0 0 / 30%);
	height:100%;}
.annual-list ul li .link {
    display: block;
    height: 100%;}
.annual-list .info {
    padding: 24px;}
.annual-list .info .title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
	margin: 8px 0 8px 0;
    font-weight: 700;
	font-size: 18px;
    line-height: 27px;}
.annual-list .info .date,.annual-list .info .place,.annual-list .info .team {
	font-size: 15px;
    line-height: 23px;
	margin:0;
	color:#616161;}
.event-notice {
	margin: 20px 0;}
.notice-message {
    display: flex;
    align-items: center;
    background: #fdf2e9;
    height: 60px;
    padding: 0 10px;
    border: solid 1px #e5e5e5;}
.notice-message .message-tit {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    font-size: 15px;
	font-weight:700;
    color: #434343;
	padding-bottom:2px;
	letter-spacing: -1px;}
.notice-message .message-tit .b { 
	color:#3515f3;
	border-bottom:solid 1px #3515f3;}
.notice-message .message-img {
    flex: none;
    width: 50px;
    height: 46px;
    overflow: hidden;}
.notice-message .message-img>img {
    height: 100%;}
    
/*-----------------
    탈퇴기업, 탈퇴회원 표시
-------------------*/
.leave-content:before {color: #555; content: '*****'; font-weight: 600;}
.unavail-txt{color: #e41212;}


/* K-Content Hub 추가 */
.kcontenthub-list.tsearch { display: inline-block; width: 100%; margin: 10px 0 0 0; padding: 15px 0 0 0; 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; display: -webkit-box; -webkit-line-clamp: 2; width: 90%; height: 46px; font-size: 17px; font-weight: 700; color:#333; line-height: 22px; -webkit-box-orient: vertical; text-overflow: ellipsis;}

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

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

.kcontenthub-list.tsearch .inner .title a { font-family: "Noto Sans TC", "Noto Sans KR", 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; border-radius: 2px; 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: 92px; margin: 5px 0 0 0; font-size: 15px; line-height: 23px; color: #555; font-weight: 400; text-overflow: ellipsis;-webkit-box-orient:vertical; -webkit-line-clamp:4;}
@media (min-width: 768px) { 
    .kcontenthub-list.tsearch .inner .cont { width: 98%;}
}
@media (min-width: 370px) and (max-width: 767px) and (orientation: landscape) {
	.kcontenthub-list.tsearch .inner .cont { width: 98%;}
}
.kcontenthub-list.tsearch .inner .cont .keyword { color: #8938b9}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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