@charset "utf-8";
/* etc_iprInfo(해외정보 위젯) */

/* @latest 2021-12-27 SSJ */
/* @latest 2022-01-07 YHY */
/* @latest 2022-01-10 YHY */



/* layout */
.etcIprInfo {width:100%;background:#c0c7f2;float: left; box-sizing:border-box;}
.etcIprInfo>div {box-sizing:border-box;}
.etcIprInfo .titbox {width:100%; float:left; text-align:center;}
.etcIprInfo .titbox .tit {font-size:42px;}
.etcIprInfo .brdWrap {width:62%; float:left;}
.etcIprInfo .bigdataWrap {width:38%; float:left;}

@media (max-width:1300px){
	.etcIprInfo {padding:0 20px;}
}
@media (min-width:991px){
	.etcIprInfo {height:560px;}
    .etcIprInfo .titbox .tit {padding-top:40px;margin-bottom: 40px;}

    .etcIprInfo .brdWrap {padding-right:90px;}
}
@media (min-width: 800px) and (max-width: 990px){
	.etcIprInfo {height: 420px;}
	.etcIprInfo .titbox .tit{padding-top:30px;padding-bottom: 30px;}
	.etcIprInfo .brdWrap {padding-right:40px;}
}
@media (max-width:799px){
	.etcIprInfo>div {width:100% !important;}
}
@media (min-width:600px) and (max-width:799px){
	.etcIprInfo {height:750px;}
	.etcIprInfo .titbox .tit{font-size:34px;padding-top: 30px;padding-bottom: 40px;}
	.etcIprInfo .brdWrap {height: 250px;}
}
@media (max-width:599px){
	.etcIprInfo {height:90vh;}
	.etcIprInfo .titbox .tit{font-size:25px;padding-top: 25px;padding-bottom: 20px;}

	.etcIprInfo .brdWrap {height: 320px;}

}




/* 좌측 : 탭게시판 */
    .brdbox {width:100%;}
    .borderbox .brdbox {}
    .brdbox ul.board_wrap {position:relative;width:100%;height:100%;}

    /*tab setting*/
    .brdbox ul.board_wrap > li {width:auto; display:inline-block; box-sizing:border-box;}
    /* .brdbox ul.board_wrap > li h3 {display:inline-block;width:100%;color:#333;box-sizing: border-box;vertical-align:middle;margin-right: 30px;} */
    .brdbox ul.board_wrap > li a.board_name {float:left;color: #454545;font-size: 24px;letter-spacing:-0.5px;font-weight: 300;width:100%;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;margin-right:30px;}
    .brdbox ul.board_wrap > li .more_box {position:absolute;top:0;right: 0;width:auto;display:none;}
    .brdbox ul.board_wrap > li .more_box a {font-size: 26px;font-weight: 200;color: #333;-webkit-transition:color 1s;transition:color 1s;}
    .brdbox ul.board_wrap > li .more_box:hover a {color:#333;}
    .brdbox ul.board_wrap > li.active a.board_name {overflow:inherit; position:relative; color: #000;font-weight: 600;}
    .brdbox ul.board_wrap > li.active a.board_name:before {display:block; content:""; position:absolute; top:-5px; left:0; width:30px; height:3px; background:#000}
    .brdbox ul.board_wrap > li.active .more_box {display:inline;}

    /* board setting */
    .brdbox ul.board_wrap ul {display:none; position: absolute; width:100%; box-sizing:border-box;}
    .brdbox ul.board_wrap>li.active div ul {display:block;}

    /* no_data */
    .brdbox ul.board_wrap ul li.no_data {width:100%; height:100px;}
    .brdbox ul.board_wrap li div ul li.no_data p.tit {font-size:14px; color:#555;}


        /* 해외시장뉴스 */
        .brdbox ul.board_wrap ul.abroadNews {}
        .brdbox ul.board_wrap ul.abroadNews li .tit {width: 100%; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;}
        .brdbox ul.board_wrap ul.abroadNews li a {float:left; width:100%;}
        .brdbox ul.board_wrap ul.abroadNews li a:hover .tit {font-weight:400; text-decoration:underline;}
        .brdbox ul.board_wrap ul.abroadNews li:first-child {width: 43%; float: left;}
        .brdbox ul.board_wrap ul.abroadNews li:first-child .imgbox {width: 100%;float:left;height:200px;overflow:hidden;position: relative;}
        .brdbox ul.board_wrap ul.abroadNews li:first-child .imgbox img {min-width: 100%; min-height: 100%; position: absolute; left: -999px; right: -999px; bottom: -999px; top: -999px; margin: auto;}
        .brdbox ul.board_wrap ul.abroadNews li:first-child .tit {width: 100%;float: left;font-size: 20px;font-weight: 600;padding-top: 15px;padding-right: 40px;}
        .brdbox ul.board_wrap ul.abroadNews li:not(:first-child) {width: 57%; float:left; margin-bottom: 25px;}
        .brdbox ul.board_wrap ul.abroadNews li:not(:first-child) .imgbox {display:none;}
        .brdbox ul.board_wrap ul.abroadNews li:not(:first-child) .tit {padding: 0 20px; font-size: 16px; line-height: 130%;}
        .brdbox ul.board_wrap ul.abroadNews li:not(:first-child) .tit:before {content:"\b7";}




        /* 보고서 */
        .brdbox ul.board_wrap ul.report {}
        .brdbox ul.board_wrap ul.report li {width: 50%;float: left;box-sizing: border-box;}
        .brdbox ul.board_wrap ul.report li>div {display: inline-block;vertical-align: bottom;}
        .brdbox ul.board_wrap ul.report .reportImgbox {width: 44%;overflow: hidden;/* background: #ddd; */}
        .brdbox ul.board_wrap ul.report .reportImgbox img {width: 100%; height: 100%;}
        .brdbox ul.board_wrap ul.report .txtbox {width: 54%; padding: 0 20px; box-sizing: border-box;}
        .brdbox ul.board_wrap ul.report .txtbox .tit {font-size: 16px;line-height: 150%;margin-bottom: 30px;word-break: keep-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;max-height: 72px;overflow: hidden;text-overflow: ellipsis;}
        .brdbox ul.board_wrap ul.report .txtbox .kotraBTN {display: inline-block;font-size: 14px;padding: 6px 15px;border: 1px solid #004a98;color: #004a98;border-radius: 5px;font-weight: 600;}
        .brdbox ul.board_wrap ul.report .txtbox .kotraBTN:hover {background:#004a98; color:#fff;}

        /* 상품DB */
        .brdbox ul.board_wrap ul.productDB li a {float:left; width:100%;}
        .brdbox ul.board_wrap ul.productDB li {width: 100%; float: left; margin-bottom: 18px;}
        .brdbox ul.board_wrap ul.productDB li .tit {width: 80%; float: left; font-size: 18px; font-weight: 600; letter-spacing: -0.5px;}
        .brdbox ul.board_wrap ul.productDB li .tit:before {content: "\b7";font-weight: 400;margin-right: 2px;}
        .brdbox ul.board_wrap ul.productDB li .tit span {font-weight: 400; font-size: 16px;}
        .brdbox ul.board_wrap ul.productDB li .date {width: 20%; float: right; text-align: right; font-size: 16px;}


		@media (min-width:991px){
			.brdbox ul.board_wrap > li.active div ul {top:65px; left:0;}
			.brdbox ul.board_wrap ul.report .reportImgbox {height: 240px;}
		}

		@media (max-width:990px){
			.brdbox ul.board_wrap > li.active div ul {top: 40px;left:0;}
			.brdbox ul.board_wrap ul.report .reportImgbox {height:150px;}

            .brdbox ul.board_wrap ul.abroadNews li:first-child .imgbox {height: 140px;}
			.brdbox ul.board_wrap ul.abroadNews li:not(:first-child) {margin-bottom:10px;}
			.brdbox ul.board_wrap ul.abroadNews li:first-child .tit {font-size:18px;}

		}
		@media (max-width:599px){
			.brdbox ul.board_wrap > li a.board_name {font-size:20px;}

			.brdbox ul.board_wrap ul.abroadNews li:nth-child(3) ~ li {display:none;}
            .brdbox ul.board_wrap ul.abroadNews li:first-child {width:100%;margin-bottom: 15px;}
            .brdbox ul.board_wrap ul.abroadNews li:not(:first-child) {width:100%;}
            .brdbox ul.board_wrap ul.abroadNews li:not(:first-child) .tit {padding-left:0;}
            
            .brdbox ul.board_wrap ul.report li:first-child {padding-right:5px;}
            .brdbox ul.board_wrap ul.report li:nth-child(2) {padding-left:5px;}
            .brdbox ul.board_wrap ul.report .reportImgbox {width:100%;height: 100px;}
            .brdbox ul.board_wrap ul.report .txtbox {width:100%; padding:10px 0;}
            .brdbox ul.board_wrap ul.report .txtbox .tit {
    -webkit-line-clamp: 2;
}
		}







/* 우측 : 빅데이터서비스 란 */
    .bigdataWrap .tit {font-size: 24px; font-weight: 600; margin-bottom: 13px;}
    .bigDatabox {margin-bottom: 25px; width: 100%; float: left;}
    .bigdataWrap .tit ~ span {float: left; width: 32%; margin-right: 2%;}
    .bigDatabox .kotraBTN {width: 100%;font-size: 16px;background: #fff;border: 1px solid #ccc;padding: 7px 10px;box-sizing: border-box;text-align: center;border-radius: 20px;float: left;margin-bottom: 5px;letter-spacing: -1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    .btmbox {width: 100%; float: left;}
    .btmbox>div {width: 45%;float: left;margin-right: 10%;}
    .btmbox>div .tit {margin-bottom: 5px;letter-spacing: -1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .btmbox>div:last-child {margin-right:0;}
    .btmbox>div a {border-radius: 10px; overflow: hidden; width: 100%; height: 100px; float: left;}
    .btmbox>div a:focus {border:1px dashed #000;}
    .btmbox>div a img {display: block;width: auto;min-width: 100%;height: 100%;min-height: 100%;}


	@media (min-width:991px){
		.bigdataWrap .tit ~ span:nth-of-type(3n) {margin-right:0;}
		.bigdataWrap .tit ~ span:nth-of-type(3n+1) {clear:both;}
		.bigdataWrap .tit ~ span .kotraBTN:hover {font-weight:600;border-width:2px;padding: 6px 19px;}
	}
	@media (max-width:990px){
        .btmbox {display:none;}
	}
	@media (min-width:800px) and (max-width: 990px){
		.bigdataWrap .tit ~ span {width:49%; margin-bottom:11px;}
		.bigdataWrap .tit ~ span:nth-of-type(2n) {margin-right: 0;}
		.bigdataWrap .tit ~ span:nth-of-type(2n+1) {clear:both;}
		.bigDatabox .kotraBTN {margin-bottom:0;}
	}
	@media (max-width:799px){
        .bigdataWrap .tit ~ span:nth-of-type(3n) {margin-right: 0;}
		.bigdataWrap .tit ~ span:nth-of-type(3n+1) {clear:both;}
	}
	@media (min-width:600px) and (max-width:799px){
        .btmbox {display:block !important;}
	}
	@media (max-width:599px){
        .bigdataWrap .tit {font-size:20px;}


	}