@charset "utf-8";
/* KOTRA SUB. 2022-02- 04 YHY */
/* KOTRA SUB. 2022-02- 08 YHY */
/* KOTRA SUB. 2022-02- 09 YHY */

.subCon select {background-color:#fff;}

@media (min-width:991px) {
	.pcEnter {display:block; width:100%; clear:both;}
	.fs30.pb10.fw500 {opacity: 0.7;font-weight: 600; padding-bottom: 10px;}
}
@media (max-width:990px){
	.sub_div_wrap {overflow-x:hidden;}
	.fs30.pb10.fw500 {padding: 30px 0px 10px; font-size: 22px; font-weight: 600;}
  .subCon table td {height:auto !important;}
}
@media (max-width:599px) {
	.mobileEnter {display:block; width:100%; clear:both;}
}

/*공유버튼 숨김(임시)*/
.subCon > div>.fr #cnrs_btn {display:none;}


/* 상단 안내박스 */
#kotraSubBox {border-top:2px solid #004a98;background:#f5f5f5;float: left;border-radius: 0 0 30px 30px;padding: 0;}
#kotraSubBox>div {box-sizing:border-box; float:left;}
#kotraSubBox .text {font-size:16px;vertical-align:top;color: #666666;}
#kotraSubBox .text b {color:#004a98;}
#kotraSubBox .rImg {text-align:right;position:relative;}

	@media (min-width:991px) {
		#kotraSubBox>div {display:inline-block; padding:30px;}
		#kotraSubBox .text {width: 75%;word-break: keep-all;padding-right: 0;}
		#kotraSubBox .rImg {width: 25%;padding-bottom: 20px;padding-left: 0;}
		#kotraSubBox .rImg img {margin-top: -60px;/* max-width: 100%; */}
	}
	@media (max-width:990px) {
		#kotraSubBox>div {display:block;padding: 20px 15px;width:100% !important;}
		#kotraSubBox .text {min-height:150px;  word-break:keep-all; padding-bottom:30px;}
		#kotraSubBox .rImg {padding-bottom:10px;position: absolute;width: auto !important;right: -30px;top: 0px;width: 198px !important;padding: 0; display:none;}
		#kotraSubBox .rImg img {max-width: 100%;}
	}


/* 서브페이지 컨텐츠 박스 */
#kotraSubWrap {border-top:2px solid #004a98;}
.tab_container #kotraSubWrap,
#kotraSubWrap.btnone {border-top:none;}
#kotraSubWrap>tbody>tr>td.th {padding-top:10px;padding-bottom: 5px;transition:padding-left 0.5s;position:relative;}
#kotraSubWrap>tbody>tr>td {color:#666666;word-break:keep-all;padding-top: 1px;padding-bottom: 1px;transition:padding-left 0.5s;position:relative;line-height: 160%;}

.tabSubTitle {font-size:18px; color:#004a98; display:block; padding-bottom:15px; }
.subCon .tabSubTitle {margin-top:-10px; float:left;}

/*들여쓰기*/
.kotrah5,
#kotraSubWrap .dpt1>td.th {text-align:left; position:relative; font-weight:600;}
#kotraSubWrap .dpt2>td.th {text-align:left;position:relative;padding-bottom: 3px;font-size: 17px;}
#kotraSubWrap .dpt2>td {padding-bottom:7px;}

@media (min-width:991px) {
	.kotrah5,
	#kotraSubWrap .dpt1>td {padding-left: 25px;}
	#kotraSubWrap .dpt2>td {padding-left: 40px;}
	#kotraSubWrap .dpt2>td.text {padding-left: 25px;}
	#kotraSubWrap .dpt3>td {padding-left: 48px;}
	#kotraSubWrap .dpt4>td {padding-left: 65px;}
	#kotraSubWrap .dpt5>td {padding-left: 87px;}

	#kotraSubWrap .dpt1>td.bulldot {padding-left:0;padding-bottom: 6px;}
	#kotraSubWrap .dpt1>td.bulldot b {color:#333;}

}




/* 들여쓰기에 따른 텍스트 및 불릿기호 디자인 */
.kotrah5,
#kotraSubWrap .dpt1>td.th   {font-size:18px; color:#004a98; padding-top:40px;} #kotraSubWrap .dpt1>td.th h5 {font-size:18px;}
    .subCon > div > .kotrah5 {padding-top: 0;}
    .subCon > div > .kotrah5:before {top: 5px;}
#kotraSubWrap .dpt1>td.text {font-size:16px;padding-left: 0;}
.kotrah5:before,
#kotraSubWrap .dpt1>.bullet:before {content:"";position:absolute;top:45px;left: 0;display:inline-block;width:14px;height:19px;vertical-align:middle;background:url(/images/wzwg/site/kotra/mainBull.png);transition:left 0.5s;}
#kotraSubWrap .dpt2>td.th {color:#0d8472;font-weight:600;padding-top: 15px;}
#kotraSubWrap .dpt2>.dot.th:before {content:"";width:6px;height:6px;background:#0d8472;border-radius:100%;display:inline-block;position:absolute;top: 27px;left: 24px;transition:left 0.5s;}
#kotraSubWrap .dpt3>.dot:before {content:"\b7";position:absolute;left: 37px;font-weight:600;transition:left 0.5s;}
#kotraSubWrap .dpt3>td.th {font-size:16px;color:#333;font-weight:600;text-align:left;padding-top:5px;padding-bottom: 2px;}
#kotraSubWrap .dpt4>.number {text-indent:-17px;}
#kotraSubWrap .dpt4>.bar:before {content:"";width:5px;height:1px;background:#8a8989;display:inline-block;position:absolute;left: 51px;top: 14px;}
#kotraSubWrap .dpt5>.abcd {text-indent:-23px;}
#kotraSubWrap .dpt5>.bar:before {content:"";width:5px;height:1px;background:#8a8989;display:inline-block;position:absolute;left: 73px;top: 15px;}

#kotraSubWrap .dpt1>td.bulldot:before {content:"\b7";position:absolute;left: -11px;font-weight:600;}
#kotraSubWrap .dpt1>td.bulldot>b:after {content:":"; font-weight:400; margin:0 5px;}
#kotraSubWrap .dpt1>.middleDot {padding-left: 36px;}
#kotraSubWrap .dpt1>.middleDot:before {content:"\b7"; position:absolute; left: 25px; font-weight: 600; transition:left 0.5s;}
	/* 문의상담쪽 (들여쓰기가 조금 다름 .cnstgTBL) */
	.cnstgTBL#kotraSubWrap .bolddot {font-size:16px; padding-bottom:5px; line-height:140%;}
	.cnstgTBL#kotraSubWrap .bolddot:before {content:"";width:6px;height:6px;background: #666;border-radius:100%;display:inline-block;position:absolute;top: 12px;left: 24px;transition:left 0.5s;}
	.cnstgTBL#kotraSubWrap tr>.red {color:#c82f00 !important;font-weight:400;padding-top: 0;}
	@media (min-width:991px) {
		.cnstgTBL {margin-left: 30px; width: calc(100% - 30px) !important;}
		.cnstgTBL#kotraSubWrap .dpt1>.bolddot {padding-left:15px;}
		.cnstgTBL#kotraSubWrap .dpt1>.bolddot:before {left:0;}

	}

	@media (max-width:990px) {
		.kotrah5,
		#kotraSubWrap .dpt1>td    {padding-left:25px;}
		#kotraSubWrap .dpt2>td.th {padding-left:40px;}
		#kotraSubWrap .dpt2>td:not(.text) {padding-left: 25px;}
		#kotraSubWrap .dpt2>td.text {padding-left: 0px;}
		#kotraSubWrap .dpt3>td {padding-left: 35px;}
		#kotraSubWrap .dpt4>td {padding-left: 54px;}
		#kotraSubWrap .dpt4>td.bar {padding-left: 40px;}
		#kotraSubWrap .dpt4>.bar:before {left: 31px;}
		#kotraSubWrap .dpt5>td,
		#kotraSubWrap .dpt5>td.abcd {padding-left: 58px;text-indent:0;}
		#kotraSubWrap .dpt5>.bar:before {left:58px;}

		#kotraSubWrap .dpt1>.bullet:before {left: 0px;}
		#kotraSubWrap .dpt1>td.text {padding-left: 0;}
		#kotraSubWrap .dpt2>.dot.th:before {left: 13px;}
		#kotraSubWrap .dpt3>.dot:before    {left:48px;left: 23px;}

		.cnstgTBL#kotraSubWrap .bolddot:before {left:13px;}

		#kotraSubWrap .dpt1>td.bulldot {padding-left: 10px;padding-bottom:5px;}
		#kotraSubWrap .dpt1>td.bulldot:before {left:0px;}
	}




/* btn */
.kotraBTN>i, .kotraBTN_grey>i {display:none;}
.kotraBTN {display:inline-block;padding: 8px 17px;overflow:hidden;position:relative;vertical-align:middle;color:#004a98;font-size:14px;font-weight:600;border:1px solid #004a98;border-radius:5px;z-index:0;box-sizing: border-box;transition: padding 0.5s;}
.kotraBTN:after {content:"";width:100%;height:100%;display:inline-block;position:absolute;left:0;top:-100%;transition:top 0.5s;z-index:-1;background:#014a97;}
.kotraBTN:hover {color:#fff!important;}
.kotraBTN:hover:after {top:0;}
.kotraBTN:last-child {margin-right: 0 !important;}

.kotraBTN.big {background: #004a98;border-color: #004a98;color:#fff;text-align:center;margin: 0 5px 5px 0;border-width:2px;}
.kotraBTN.big:hover {color:#014a97;border-color: #014a97;/* background:#fff; */border-width:2px !important;}
.kotraBTN.big:after {background:#023468;}
.kotraBTN.big.line {border-width:2px;background:#fff;color:#014a97;border-color: #014a97;}
.kotraBTN.big.grey {background:#707070; border-color: #707070;}
    .kotraBTN.big.grey:after {background: #505050;}
.greenbtn {background:#0d8471 !important; border-color:#0d8471 !important; color:#fff;}
	.greenbtn:after {background: #086c5c !important;}
.bluebtn {background: #2b78ca !important;border-color: #2b78ca !important;}
	.bluebtn:hover {border-color: #004a98 !important;}
	.bluebtn:after {background: #004a98 !important;}
.kotraBTN.grey {background:#707070; border-color:#707070; color:#fff;}
.kotraBTN_grey {display:inline-block; position:relative; padding: 3px 10px; overflow:hidden; vertical-align:middle;
				background:#707070; border:1px solid #707070; border-radius: 5px; color:#fff; font-size:14px; font-weight:600; height: auto !important; line-height: 150%;}
.kotraBTN_grey.big {margin: 0 5px 5px 0; padding: 8px 17px; border-width:2px; box-sizing: border-box; text-align: center;}
.kotraBTN_blue {display:inline-block;position:relative;padding:3px 10px;overflow:hidden;vertical-align:middle;background:#004a98;border:1px solid #004a98;border-radius:5px;color:#fff;font-size:14px;font-weight:600;height:auto!important;line-height:150%;}
.kotraBTN_link {display:inline-block; padding-right:25px; color:#666; background:url(/images/wzwg/site/kotra/linkBtn.png) no-repeat right;}

.download:before {content:"";width:15px;height:15px;display:inline-block;background:url(/images/wzwg/site/kotra/downloadBTN.png);transform:translateY(-50%);margin-right: 7px;vertical-align: middle;margin-top: 10px;float: left;}
.download:hover:before {background-position-y:15px;}
.kotraBTN.big.download:before {background-position-y: 15px;margin-top: 12px;}
.download.big:hover:before {background-position-y:0px;}
.kotraBTN_grey.download:before {background-position-y: 11px;width: 11px;height: 11px;background-size: 100%;}

.kotraBTN.grey.line {background:#fff; border:1px solid #707070; color:#707070;}
.kotraBTN.small {background: #004a98;border-color: #004a98;color:#fff;text-align:center;margin: 0 5px 5px 0;border-width:2px;}

.link:before {content:"";width:15px;height:15px;display:inline-block;float: right;margin-top: 5px;margin-left: 8px;background:url(/images/wzwg/site/kotra/linkBtn.png) no-repeat right;}

.btnSrch  {background: #004a98; color: #fff;}
.btnSrch:before,
.btnReset:before {content:""; width:22px; height:22px; display:inline-block; margin-right:5px;
				background:url(/images/wzwg/site/kotra/kotraSrchBtnSet.png); vertical-align:bottom;}
.btnReset:hover:before {background-position-y: -44px;}
.btnSrch:before  {}
.btnReset {}
.btnReset:before {background-position-y:-22px;}
.btnReset:hover {color:#004a98;}

    @media (min-width:991px) and (max-width:1199px){
    	.kotraBTN.big {padding: 13px 20px;font-size: 17px;/* min-width:130px; */}
        .kotraBTN_grey.big {padding: 13px 20px;font-size: 17px;/* min-width:130px; */}
    }
	@media (min-width:1200px) {
		.kotraBTN.big {padding:13px 10px;font-size: 17px;min-width: 140px;transition: border-color 1s;}
        .kotraBTN_grey.big {padding:13px 10px;font-size: 17px;min-width: 140px;transition: border-color 1s;}
	}
	@media (max-width:599px) {
		.kotraBTN:not(.big) {padding: 8px 10px;margin: 0 5px 0 0 !important;min-width: 21%;letter-spacing: -1px;}
        .kotraBTN.big {padding:10px; font-size:15px; letter-spacing:-0.5px;}
        .kotraBTN_grey.big {padding:10px; font-size:15px; letter-spacing:-0.5px;}
        input[type="text"] ~ .kotraBTN,
        input[type="text"] ~ .btn_srch {padding: 9px !important;font-weight: 500 !important;min-width: auto;word-break: keep-all;}
	}



/* 기본 베이직형 검색바 (우측이미지없음) */
.basicSrchbox {width:100%; background:#f3f3f3; padding:24px 17px !important; box-sizing:border-box; border-radius:10px; overflow:hidden;}
.basicSrchbox>div .wd20 {min-width: auto;margin-right: 1% !important;}
.basicSrchbox>div .wd20 + .wd80 {width: 79% !important;margin-right:0;}
.basicSrchbox #nttSearch input[type="text"],
.basicSrchbox select#searchCondition + input[type="text"] {max-width:none;/*border-bottom: none;*/ border-radius:5px;}
.basicSrchbox a {box-sizing:border-box; float:left; width:49%; text-align:center; border-width:2px; font-size:16px; padding:8px 0;}
.basicSrchbox a:first-child:not(:only-child) {margin-right:2%;}
.basicSrchbox select, .basicSrchbox input {border-radius:5px;height: 44px;line-height: 44px;padding-left: 15px !important; border:1px solid #ccc !important;}

	@media (max-width:599px) {
		.basicSrchbox>div {width:100% !important; padding-right:0 !important;}
		.basicSrchbox>div:not(:last-child) {margin-bottom:10px;}
		.basicSrchbox .btnSrch {width:70%;}
		.basicSrchbox .btnSrch:only-child {width:100%;}
		.basicSrchbox .btnReset {width:28%;}

    .basicSrchbox select {width:100%!important;}
    .basicSrchbox>div .wd20 + .wd80 {margin-top:5px; width:100%!important;}
	}

	@media (max-width:410px){
		.basicSrchbox div select {width:100%!important;}
		.basicSrchbox div select + select {margin-top:5px;}
    .basicSrchbox div select:only-of-type {/*width: 19% !important;*/ float: left;min-width: auto;padding-right: 0 !important;/*padding-left: 5px !important;*/}
		.basicSrchbox .btnReset:before {display:none;}
	}





/* table */
#kotraBasicTBL {border-bottom:1px solid #ccc; border-collapse:collapse;}
#kotraBasicTBL th {font-size:16px; text-align:left;}
#kotraBasicTBL .bg {background:#eceef4;vertical-align:top;font-weight:600;color:#333;letter-spacing: -0.5px;}
#kotraBasicTBL td {font-size:16px;position:relative;letter-spacing: -0.5px;}
#kotraBasicTBL thead th, #kotraBasicTBL .thead th  {padding:12px 20px; color:#003663; border-bottom:2px solid #000;}
#kotraBasicTBL tbody .bg {padding:15px 15px;}
#kotraBasicTBL>tbody>tr>th:not(.bg) {padding:15px 20px;vertical-align:top;}
#kotraBasicTBL>tbody>tr>td {padding:5px 20px;}
#kotraBasicTBL.txt-c thead th {text-align:center;}
#kotraBasicTBL.comp.txt-c .thead th {color:#003663; text-align:center; border:none; border-bottom:2px solid #000;}

	/* 상단에 제목항목이 있는 표 : top */
   /* 셀병합시 구분선 필요한 표: line */
	 #kotraBasicTBL.top.line tbody th,
	 #kotraBasicTBL.top.line tbody td {padding:7px 20px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
    #kotraBasicTBL.top.line tbody tr.thead th {border-top:0; border-left:0;}
    #kotraBasicTBL.top.line tbody tr th:first-child {border-left:0;}
	#kotraBasicTBL.top tbody tr:first-child:not(.thead) th,
    #kotraBasicTBL.top tbody tr:first-child:not(.thead) td,
    #kotraBasicTBL.top tbody tr.thead + tr th,
	#kotraBasicTBL.top tbody tr.thead + tr td {padding-top:30px;}
	#kotraBasicTBL.top tbody tr:last-of-type td  {padding-bottom:30px;}
	#kotraBasicTBL.top tbody tr:last-of-type:only-of-type td {padding-top:30px;}
	/* 왼쪽에 제목항목이 있는 표 : left */
	#kotraBasicTBL.left {border-top:2px solid #000; border-bottom:1px solid #ccc;}
	#kotraBasicTBL.left>tbody>tr>th:not(.bg) {padding-bottom:5px; padding-top:5px; text-align:left; font-weight:400;}
	#kotraBasicTBL.left>tbody>tr>td {padding-bottom:5px; color:#666666; vertical-align:top; position:relative;}
	#kotraBasicTBL.left>tbody>tr>td a {color:#666;}
	#kotraBasicTBL.left tbody .bg {width:20%; border-top:1px solid #ccc; padding-top:30px; text-align:left; word-break:break-all;}
	#kotraBasicTBL.left tbody .bg ~ td {border-top:1px solid #ccc; padding-top:30px;}
	#kotraBasicTBL.left tbody tr.groupLast .bg {padding-bottom:30px; color:#333;}
	#kotraBasicTBL.left>tbody>tr.group1>td:not(.bg) {padding-bottom:30px;}
	/* 상단, 왼쪽 모두 항목이 있는 복합적인 표 :comp */
	#kotraBasicTBL.comp tbody th {border:1px solid #ccc; width:20%;}
	#kotraBasicTBL.comp tbody th:first-of-type {border-left:none;}
	#kotraBasicTBL.comp td {border:1px solid #ccc;}
	#kotraBasicTBL.comp td:last-of-type {border-right:none;}

    /* input이 disable 된 테이블 : .inputDisableTBL (기업정보수정 등)*/
    .inputDisableTBL#kotraBasicTBL th {padding: 11px 10px 8px 0 !important; line-height: 120% !important;}
    .inputDisableTBL#kotraBasicTBL td {padding: 8px 0px 8px 20px !important; color: #676767;}
    .inputDisableTBL#kotraBasicTBL td input[type="text"],
    .inputDisableTBL#kotraBasicTBL td select {height: auto;line-height: 120%;padding-left: 0 !important;}
    .inputDisableTBL#kotraBasicTBL td .address_inner strong {margin: 0;}
    .inputDisableTBL#kotraBasicTBL td .linehgt40 {line-height:120%;}

	#kotraBasicTBL2 {border-top:2px solid #000; border-spacing:0;}
	#kotraBasicTBL2 tr.thead th,
	#kotraBasicTBL2 tr.thead td {background:#f7f7f7; font-weight:600;}
	#kotraBasicTBL2 th,
	#kotraBasicTBL2 td {font-size:16px; border-bottom:1px solid #ccc; padding:20px 5px 20px 15px; letter-spacing:-1px;}

	@media (min-width:991px) {
		#kotraBasicTBL.left>tbody>tr.groupLast>td,
		#kotraBasicTBL.left>tbody>tr:last-child>td {vertical-align:top; padding-bottom:30px;}
	}
	@media (max-width:990px) {
		#kotraSubWrap .mobileTBLtr>td {padding-left:0 !important;}
		#kotraSubWrap .mobileTBLtrNone>td {padding-left:25px !important;}
		#kotraSubWrap .mobileTBLtrNone>td a {clear:both;}

		#kotraBasicTBL:not(.left)>tbody>tr>th {word-break:break-all; padding:10px 5px 10px 0 !important; font-size:15px;}
		#kotraBasicTBL:not(.left)>tbody>tr>td {word-break:break-all; padding:5px 10px !important; font-size:15px;}
		#kotraBasicTBL thead th, #kotraBasicTBL .thead th {padding:12px 5px 12px 0;}
		#kotraBasicTBL.top tbody tr td {padding:10px 10px 10px 0 !important;}
		#kotraBasicTBL.left tbody .bg,
		#kotraBasicTBL.left tbody .bg ~ td {padding-top:15px;}
		#kotraBasicTBL.left>tbody>tr.group1>td:not(.bg) {padding-bottom:15px; border-top:1px solid #ccc;}
		#kotraBasicTBL.left th + td:only-of-type a.kotraBTN {font-size:14px;color:#004a98;padding: 8px 5px;font-weight: 500;}

		#kotraBasicTBL.mobile100 td {word-break:break-all; padding-left:5px; padding-right:5px; font-size:15px;}
		#kotraBasicTBL.mobile100 td a {font-size:15px;}

		#kotraBasicTBL.left.mobile100 tbody th.bg:only-of-type {padding-left:0}
	}
	@media (max-width:599px) {
		#kotraBasicTBL.left>tbody>tr>td {width:100% !important;float:left;box-sizing:border-box;}
		#kotraBasicTBL.left>tbody>tr>td.bg {padding:15px 20px;}
		#kotraBasicTBL2 th, #kotraBasicTBL2 td {padding:10px 5px;}
 	}





/* table in table (ul style) */
#kotraBasicTBL .innerTBL td.blue {color:#286cb3; font-weight:600;}
#kotraBasicTBL .innerTBL td {color:#666;}
#kotraBasicTBL .innerTBL .dt1 td {padding:5px 0 2px 10px;}
#kotraBasicTBL .innerTBL .dt1 td:before {content:"\b7"; position:absolute; left:0px;}
#kotraBasicTBL .innerTBL .dt2 td {padding:1px 0 1px 20px;}
#kotraBasicTBL .innerTBL .dt2 td:before {content:"-"; position:absolute; left:10px;}

.subCon #kotraBasicTBL .innerTBL {float:left;}
	@media (min-width:900px) {
		.subCon #kotraBasicTBL .innerTBL.wd60 td {padding-right:20px;line-height: 140%;}
	}
	@media (max-width:899px) {
		.subCon #kotraBasicTBL .innerTBL.wd60 {margin-bottom:20px;}
		.subCon #kotraBasicTBL .innerTBL.wd40 td:not(.blue) {width:100%; float:left; padding-bottom:10px; line-height:130%;}
		.subCon #kotraBasicTBL .innerTBL.wd40 td.blue {width:100%; float:left;}
		#kotraBasicTBL .innerTBL .dt1 td, #kotraBasicTBL .innerTBL .dt2 td {font-size:15.5px;}
	}

/* step (부서 동구라미) */
#kotraSubWrap ul.step01 {padding-left:0 !important; padding-bottom:10px;}
#kotraSubWrap ul.step01 li {list-style:none !important; display:inline-block; position:relative; height:35px; line-height:35px; padding:0 20px; margin-bottom: 5px; margin-right:30px;
							font-size:17px; color:#333; font-weight:600; border:1px solid #ccc; border-radius:30px;}
#kotraSubWrap ul.step01 li:not(:last-of-type):after {content:""; width:7px; height:7px; position:absolute; top:14px; right:-20px; display:inline-block;
													transform:rotate(45deg); border:2px solid #aaa; border-width:2px 2px 0 0;}
	@media (max-width:799px) {
		#kotraSubWrap ul.step01 li {font-size:15px;font-weight: 500;letter-spacing: -1px;}
	}



/* 무역투자 상담안내 (전화번호) */
#kotraSubWrap .dpt1>td.contactKTR, .contactEpeople {font-size:17px; color:#333; vertical-align:middle; line-height:80px; letter-spacing:-0.5px; padding-top:30px;}
.contactKTR .circle, .contactEpeople .circle {display:inline-block; width:80px; height:80px; line-height:80px; text-align:center; background-color:#f1f1f1; border-radius:100%; margin-right:20px;}
.contactKTR .circle>img, .contactEpeople .circle>img {vertical-align:middle;}
.contactKTR .circle+img, .contactEpeople .circle+img {vertical-align:middle; margin-right:5px;}
.contactKTR b, .contactEpeople b {font-size:24px; color:#000; line-height:normal; margin-left:10px;}

	@media (max-width:899px) {
		#kotraSubWrap .dpt1>td.contactKTR {padding-left:0;text-align: center;padding-top: 135px;line-height: normal;}
		.contactKTR .circle {position:absolute;top: 40px;left: 50%;transform: translateX(-50%);}
		.contactKTR b {display:block;}
		/*
		.contactKTR {padding-left:100px !important;line-height: normal !important;padding-top: 50px !important;}
        .contactKTR .circle {position:absolute;left:0;margin-top: -12px;}
        .contactKTR b {clear:both; display:block; margin-left:0;}
        */
	}








/* 단계형 테이블(IKP 사무실임대) */
.stepWrapTBL {border-top:2px solid #004a98; border-bottom:1px solid #dadada;}
.stepWrapTBL .stepWrapTD {width:18.4%; text-align:center; vertical-align:top;}
.stepWrapTBL .stepWrapTD .innerStep {}
.stepWrapTBL .stepWrapTD .innerStep td {padding:5px;}
.stepWrapTBL .stepWrapTD .innerStep .number {color:#004a98; font-size:14px; line-height:130%; font-weight:600;}
.stepWrapTBL .stepWrapTD .innerStep .text {color:#666; font-size:18px; line-height:130%; word-break:keep-all;}
.stepWrapTBL .arrowTD {width:2%;vertical-align:middle;text-align: center;}
.stepWrapTBL .arrowTD:before {content:"\276F"; display:inline-block; color:#ccc; font-size:30px;}

	@media (min-width:500px) and (max-width:799px){
		.stepWrapTBL .stepWrapTD .innerStep .img img {max-width:35px;}
		.stepWrapTBL .stepWrapTD .innerStep .text {font-size:15px;}
	}
	@media (min-width:500px) {
		.stepWrapTBL .stepWrapTD .innerStep .img {padding-top:30px;}
		.stepWrapTBL .stepWrapTD .innerStep .text {padding-bottom:30px;}
	}
	@media (max-width:499px) {
		.stepWrapTBL .stepWrapTD {width:100%; float:left; display:block;padding:5px 0; text-align:left;}
		.stepWrapTBL .arrowTD {width:100%; float:left; display:block; height:5px;}
		.stepWrapTBL .arrowTD:before {transform: rotate(90deg); margin-top:-20px;}

		.stepWrapTBL .stepWrapTD .innerStep tr {display:inline-block;}
		.stepWrapTBL .stepWrapTD .innerStep tr:first-child {width:25%;}
		.stepWrapTBL .stepWrapTD .innerStep tr:first-child td {width:100%; text-align:center; float:left;}
		.stepWrapTBL .stepWrapTD .innerStep .text {font-size:16px;}
	}






/* 비전 디자인 : 경영전략체계, 인권윤리경영체계 */
#visionTBL {border-top: 2px solid #004a98;} #visionTBL.btnone {border-top:none;}
#visionTBL td {text-align:center;transition: font-size 1s;}
#visionTBL .titTD {font-size:50px;color:#666666;font-weight: 200;line-height: 140%;}
#visionTBL .txtTD {font-size:20px;color:#333;padding-bottom: 10px;font-weight: 600;}  #visionTBL .txtTD.small {font-size:16px;}
#visionTBL .blueTD {color:#004a98; padding:0; font-weight:600;}
#visionTBL .topArrow {padding: 20px 0 10px;}
#visionTBL .topArrow.pt10 {padding-top:10px; padding-bottom:20px;}
#visionTBL .titTD.pt25 {padding-top:25px;}
#visionTBL .topArrow img {transition:width 1s;}
img.transformRotate {display:inline-block; transform:rotate(180deg);}


.visionBlockTBL {}
.visionBlockTBL.block3>tbody>tr>td:not(.btwTD) {width:32%;}
.visionBlockTBL.block4>tbody>tr>td:not(.btwTD) {width:23.5%;}
.visionBlockTBL>tbody>tr>.btwTD {width:2%;}
.visionBlockTBL .coTD {vertical-align: top;}

.visionBlockTBL .coTD .innerBlockTBL td {text-align:center; position:relative;}
.visionBlockTBL .coTD .innerBlockTBL .img {padding-bottom: 15px;}
.visionBlockTBL .coTD .innerBlockTBL .img img {max-width: 100%;}
.visionBlockTBL .coTD .innerBlockTBL .tit {font-size:24px;color:#004a98;font-weight: 600;position: relative;padding-bottom: 25px;box-sizing: border-box;word-break: keep-all;}
.visionBlockTBL .coTD .innerBlockTBL .tit:after {content:"";display:inline-block;width:25px;height:2px;background-color:#004a98;clear: both;position: absolute;bottom: 0;left: 50%;margin-left: -13px;}
.visionBlockTBL.block3 .coTD .innerBlockTBL .tit {padding-bottom:20px;}
.visionBlockTBL .coTD .innerBlockTBL .txt {font-size:16px; color:#666; padding-top:30px;}
.visionBlockTBL .coTD .innerBlockTBL .txt b {color:#000;}
.visionBlockTBL .coTD .innerBlockTBL .txt.mobileEnter b {width:100%; display:block;}

div.visionBorder {border-radius:15px; box-sizing:border-box; overflow:hidden; border:1px solid #ccc; padding-top:30px;}
div.visionBorder .visionBlockTBL .coTD .innerBlockTBL .tit:after {display:none;}

@media (min-width:800px) {
    .visionBlockTBL .coTD:not(:first-child) .innerBlockTBL>tbody>tr:first-child>td:before {content:"";width:1px;height: 65px;background:#cccccc;display:inline-block; position: absolute;left: 0;}
	#visionTBL .titTD.pt40 {padding-top:40px;}
	#visionTBL .blueTD {font-size:26px;}
	#visionTBL .txtTD.fs18 {font-size:18px;}
}
@media (max-width:799px) {
    #visionTBL .titTD {font-size: 26px;}
    #visionTBL .txtTD {font-size: 16px;font-weight: 500;line-height: 130%;padding-top: 5px;} #visionTBL .blueTD {font-size:19px;}
	#visionTBL .titTD.pt40 {padding-top:20px;}
    #visionTBL .topArrow img {width:50px;}

    .visionBlockTBL>tbody>tr>td {width:100% !important; float:left;}
    .visionBlockTBL .coTD .innerBlockTBL tr.trimg {width: 40px;float: left;position: absolute;}
    .visionBlockTBL .coTD .innerBlockTBL tr.trimg + tr.tr1 {width: 30%;float: left;padding-left: 45px;box-sizing: border-box;}
	.visionBlockTBL .coTD .innerBlockTBL tr.trimg + tr.tr1 td {text-align:left;}
	.visionBlockTBL .coTD .innerBlockTBL tr.tr1 {display:inline-block;width: 40%;vertical-align: top; float:left;}
    .visionBlockTBL .coTD .innerBlockTBL tr.tr2 {display:inline-block;width: 60% !important;text-align: left;float:left;}
    .visionBlockTBL .coTD .innerBlockTBL tr.tr2 td {text-align:left;word-break: keep-all;padding-bottom: 30px !important;letter-spacing: -0.5px;}
    .visionBlockTBL .coTD .innerBlockTBL tr.tr2 td br+br {display:none;}
    .visionBlockTBL .coTD .innerBlockTBL td {vertical-align:top;padding: 0 5px 10px !important;width: 100%;float: left;box-sizing: border-box;}
    .visionBlockTBL .coTD .innerBlockTBL .tit {font-size:17px;}
	.visionBlockTBL .coTD .innerBlockTBL .txt.mobileEnter {text-align: left;}
	.visionBlockTBL .coTD .innerBlockTBL .txt.mobileEnter b {display: inline-block; width: auto;}

	div.visionBorder {padding-bottom:20px;}
	.visionBlockTBL.mobile4Block>tbody>tr>td:not(.btwTD) {float:none; width:23.5% !important;}
	.visionBlockTBL.mobile4Block>tbody>tr>.btwTD {width:2% !important; float:none;}
	.visionBlockTBL.mobile4Block .coTD .innerBlockTBL .img img {max-width:50%;}
}
@media (max-width:599px) {
    .visionBlockTBL .coTD .innerBlockTBL .tit:after {display:none;}
    .visionBlockTBL .coTD .innerBlockTBL tr.tr1 {width:30%;/* padding-bottom: 20px; */}
    .visionBlockTBL .coTD .innerBlockTBL tr.tr2 {width: 100%;}
}





/* 문의상담 공통틀 */
#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a {border-width:2px;font-size:18px;text-align:center;box-sizing:border-box;margin-left:-4px;margin-right:1.5%;letter-spacing: -1px;line-height: 100% !important;}
#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a:last-child {margin-right:0;}

.cnstgTOP {border-top:2px solid #004a98;}
.cnstgTOP tr td {word-break:keep-all;}
.cnstgTOP tr:first-child td {padding-top: 35px !important;}
.cnstgTOP tr td.blue  {color:#004a98;}
.cnstgTOP tr td.green {color:#0d8472;padding: 7px 0;}
.cnstgTOP tr td.grey  {color:#666666;}
.bgblue {background-color:#004a98 !important;}
.colorblue {color:#004a98 !important;}

.cnstgTOP .lineTD {line-height: normal;}
.cnstgTOP .lineTD:after {content:"";width: 100%;height: 1px;background: #ddd;display: inline-block;margin: 40px 0 0;}


@media (min-width:991px) {
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD {padding:40px 25px 20px;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a {padding: 15px 3px;font-size:18px;text-align:center;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a:first-child {margin-left:0;}

	.cnstgTOP tr td {padding-left: 30px !important;padding-right: 30px !important;}
}
@media (max-width:990px) {
	.cnstgTOP>tbody>tr>td {padding-right: 0 !important;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD {padding:35px 10px 20px;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a {padding:8px 5px; float:left; margin-bottom:4px; font-size:17px; text-align:left;}
	.cnstgTOP tr td {/*padding-left: 30px !important;*/ padding-right: 30px !important;}
}
@media (min-width:800px) and (max-width:1199px){
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD {padding-left: 10px;padding-right: 10px;vertical-align: top;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a {text-align:center; padding-top:43px;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a:before {position:absolute; left:50%; top:10px;margin-left: -15px;}
}
@media (max-width:799px) {
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a {width:49.25% !important;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a:nth-child(2n) {margin-right:0;}
	#kotraSubWrap>tbody>tr>td.topBtnBoxTD > a:nth-child(2n+1) {clear:both;}
}
















/* 모듈에서 공통적으로 쓰이는 부분 (서브컨텐츠 가이드디자인와 동일) */
.tit01 {font-size:18px;color:#004a98;text-align:left;position:relative;font-weight:600;padding:40px 10px 5px 25px;word-break:keep-all;line-height:160%;width: 100%;float: left;box-sizing: border-box;}
.tit01 * {font-size:18px;}
.tit01:before {content:"";position:absolute;top:45px;left: 0;display:inline-block;width:14px;height:19px;vertical-align:middle; background:url(/images/wzwg/site/kotra/mainBull.png);}

.tit02 {color: #0d8472;font-weight: 600;padding-top: 15px;text-align:left;position:relative;padding-bottom:7px;font-size:17px;padding-left:40px;line-height:160%;word-break:keep-all;width: 100%;display: block;float: left;letter-spacing: -0.5px;box-sizing: border-box;}
.tit02:before {content:"";    width: 6px;height: 6px; background: #0d8472; border-radius: 100%; display: inline-block; position: absolute; top: 27px; left: 24px; transition: left 0.5s;}
.tit02 .sub {font-weight:400;color:#666;font-size:16px;margin-left: 15px;}

.sub01 {font-size:16px;color:#666;word-break:keep-all;line-height:160%;padding: 5px 10px 7px 0;width: 100%;float: left;box-sizing: border-box; padding-left:25px;}
.sub01.dpt2 {padding-left:35px;}

/* TABLE */
	/* 사업신청 신청하기 */
	.bizForm >ul {padding-left:0 !important;}
	.bizForm >ul>li {list-style:none !important;}
	.bizForm >ul>li .tblbox {width:100%;padding-left:40px;box-sizing: border-box;float: left;}
	    body > form> .bizForm:only-of-type {padding: 0 10px;} /*window popup*/
	    body > form> .bizForm > ul > li .tblbox {padding-left:5px;}
	    body > form> .bizForm > ul > li .tblbox .bizFormBasic th {padding-left: 10px !important; text-align:left;}
	.tit01 + ul li .tblbox {padding-left: 25px;}
	.step_wrap .dpt2 + #kotraBasicTBL {margin-left: 2% !important;}
	.bizFormBasic {border-top:2px solid #000;padding-top: 10px; margin: 0px 0 15px;border-collapse: inherit;float: left;table-layout: fixed;}
	.bizFormBasic th, .bizFormBasic .th {color:#666;padding: 8px 10px 8px 0;line-height: 22px;vertical-align: middle;font-weight: 600; text-align:left;}
	.bizFormBasic.view th {line-height:normal;vertical-align: top;padding-left: 10px !important;/* text-indent:-10px; */position: relative;}
	.bizFormBasic.view th:before {content:"\b7";color: #666;}
    .bizFormBasic th + td + th {text-align:right;padding-right: 40px;text-align: left;}
	.bizFormBasic>tbody>tr>td {padding: 8px 0px;color: #676767;vertical-align: top;word-break: break-all;}
	.bizFormBasic>tbody>tr>td a:not(.kotraBTN) {color:#666;}
	.bizFormBasic>tbody>tr>td textarea {font-size:15px;padding: 5px 5px 5px 20px;line-height:130%; border:1px solid #ccc; border-radius:5px;}
	.bizFormBasic:not(.view) th {padding: 10px 10px 5px 0;vertical-align: top;}
	.bizFormBasic:not(.view) td {padding:14px 0;}
	.bizFormBasic>tbody>tr>td input[type="text"],
	.bizFormBasic>tbody>tr>td select {border-radius:5px;width: 100%;padding-left: 20px !important;}
	.bizFormBasic tr.empty td {padding: 10px 0;line-height: normal;}
	.bizFormBasic>tbody>tr>td:first-of-type:not(:only-of-type) {padding-right:30px;}
	.bizFormBasic>tbody>tr>td + th {padding-left: 10px;}

	.bizFormBasic>tbody>tr>td .fileUP {position:relative; padding:0 !important; height:45px;}
	.bizFormBasic>tbody>tr>td .fileUP .file_route {width: calc(100% - 100px);}
	.bizFormBasic>tbody>tr>td .fileUP span.button { display:inline-block; width:100px; height:29px; padding:5px 15px; background:#E1E1E1; color:#242424; text-align:center; line-height:19px; border:0; box-sizing:border-box; vertical-align:middle; }
	.bizFormBasic>tbody>tr>td .fileUP .attatchfile {position:absolute;top:0;left:0;width: 100%;font-size:45px;opacity:0;filter:alpha(opacity=0);cursor:pointer;}

	/*첨부파일 업로드*/
	.fileList {padding-left:0 !important; margin-bottom: 10px;}
    .fileList li {list-style:none !important;font-size: 14px;color: #333;}
    .fileList li:before {content:"\b7";}
    .fileList li a.download:before {content: ""; margin-top: 0; transform: none; float: none; margin-right: 5px;}
    .fileList li a.download:hover {text-decoration:underline;}
    .fileList li a.download:hover:before {background-position-y: 0;}
    .fileList li a {font-size: 16px;/* vertical-align: middle; */}
    .fileList li:first-child {margin-top:5px;}
    .fileList li .fileDel {width: 20px; height: 20px; border: 1px solid #c20000; border-radius: 5px; text-indent: -999px; overflow: hidden; position: relative; margin-left: 5px; display: inline-block; vertical-align: middle;}
    .fileList li .fileDel:hover {background:#c20000;}
    .fileList li .fileDel:hover:before {color:#fff;}
    .fileList li:last-child:not(:only-child) {padding-bottom:15px; border-bottom:1px solid #ccc;}
    .fileList li .fileDel:before {content:"X";display: inline-block;text-indent: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;float: left;color: #c20000;line-height: 18px;font-size: 13px;font-family: initial;text-align: center;font-weight: 600;}
    .bizFormBasic>tbody>tr>td .subtxt {font-size: 14px; color: #333; padding:5px 0;}

/*  세부사업 사업신청 dot 충돌 */
.bizFormBasic.viewDetail .__se_tbl th:before, .bizFormBasic.view .__se_tbl th:before {content:''; color:transparent;}

	/* 상세보기 */
	.bizFormBasic.viewDetail {border-top:2px solid #014a99;}
	    .bizFormBasic>tbody>tr>td .bizFormBasic.viewDetail {border-top:none;padding: 0;margin: 0 !important;}
	    .bizFormBasic>tbody>tr>td .bizFormBasic.viewDetail td {padding:0;}
	.bizFormBasic.viewDetail th  {color:#014a99;text-align:left;padding-left:35px;word-break: keep-all;}
	.bizFormBasic.viewDetail th:before {color:#014a99;}
	.bizFormBasic.viewDetail td:first-of-type:not(:only-of-type) {padding-right:0;}
	.bizFormBasic.viewDetail .line td {padding: 18px 0;line-height: normal;position: relative;}
	.bizFormBasic.viewDetail .line td:before {content:"";width:100%;height:1px;border-bottom: 1px solid #ccc;display:inline-block;position: absolute;}
	.bizFormBasic.viewDetail tr.hidden {display:none;}
	.bizFormBasic.viewDetail .line + .hidden + .line {display:none;}
	.bizFormBasic .filedown {width:100%;display:block;margin-bottom: 10px;color:#676767;text-indent: -19px;padding-left: 20px;box-sizing:border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.bizFormBasic .filedown:hover {text-decoration:underline;}

	@media (max-width:990px){
		.tit02 {padding-left:15px;}
		.tit02:before {left:5px;}
		.tit02 .sub {display:block;margin-left: 0;}

		.bizForm >ul>li .tblbox {padding-left: 5px;}
		.tit01 + ul li .tblbox {padding-left:15px;}
		.bizFormBasic {margin:0 0 10px;}
		.bizFormBasic colgroup {display:none;}
		.bizFormBasic tr {display:block;width: 100%;float: left;}
		.bizFormBasic th {width: 30%;float:left;box-sizing: border-box;padding-left: 0 !important;padding-right: 0 !important;line-height: 130%;font-size: 16px;clear:both;font-weight: 500;letter-spacing: -0.5px;}
		.bizFormBasic:not(.view) th {padding-top: 10px !important;}
		.bizFormBasic>tbody>tr>td {width: 70%;float:left;box-sizing: border-box;font-size: 15px;padding-right: 0 !important;padding-left: 20px !important;}
		.bizFormBasic>tbody>tr>td:only-child {width:100%;padding-left: 0 !important;}
		.bizFormBasic.viewDetail th {padding-left:10px !important;padding-right: 10px !important;}
		.bizFormBasic th, .bizFormBasic>tbody>tr>td {/* padding-bottom: 6px !important; */padding-top: 3px !important;line-height: 120% !important;}

		.bizFormBasic th.enterTH {float:left; width:100%;}
		.bizFormBasic th.enterTH + td {float:left;width:100%;padding-bottom: 15px !important; padding-left:10px !important;}
		.bizFormBasic tr.line + tr th.enterTH {margin-top: 10px;}

		.bizFormBasic th + td + th {padding-right:10px;}
	}
	@media (max-width:699px){
		.bizFormBasic.viewDetail th:only-of-type:not(.noresize) {/*width:100%;*//* float:left; */}
		.bizFormBasic.viewDetail tr:not(.line) td:only-of-type:not(.noresize) {/* width:100%; *//* padding-left: 8px !important; *//* padding-top: 0; */}

		.bizFormBasic.view th:before {position:absolute; left:0; }
		.bizFormBasic.viewDetail th {text-indent: 0; position: relative;}
		.bizFormBasic .filedown {margin-bottom:3px;}
	}

/* 개인정보처리방침 */
.subCon > div ul.arrow {padding-left:0 !important; width:100%; float:left;}
.law_wrap .sub_num, .law_wrap ul li {padding: 3px 3px 3px 25px;word-break: keep-all;}
.law_wrap ul li {list-style: none!important;}
.law_wrap .sub_num + ul {margin-left:10px;}
.law_wrap .arrow li {position: relative;padding-left: 55px;/* margin-left: 30px !important; */margin-left: 0 !important;box-sizing: border-box;}
.law_wrap .arrow li:after {content: "";width: 5px;height: 5px;position: absolute;top: 13px;left: 40px;display: inline-block;transform: rotate(45deg);border: 2px solid #aaa;border-width: 2px 2px 0 0;}
.law_wrap #kotraBasicTBL {margin: 10px 0 10px 30px;width: calc(100% - 30px);}
.law_wrap#kotraBasicTBL>tbody>tr>td {word-break:break-all;}
.law_wrap.linetd {padding:15px 10px;border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.law_wrap.linetd:after {content:''; display: block; clear: both;}

.sbscrbTable br {display:none;}
.sbscrbTable colgroup ~ colgroup {display:none;}
.sbscrbTable #kotraBasicTBL {width: 100%;}
div.sbscrb005 > table.sbscrbTable tr td ul.arrow li {list-style: none!important;}




/* 경영공시 - 통합 공시항목 */
.alioBtnBox {color:#666; font-size:16px; font-weight:400;}
.alioBtnBox a img {vertical-align:middle; display:inline-block;}
.listtblUL {width:100%;border-top:2px solid #333;border-bottom: 1px solid #ccc;float: left;margin-bottom: 20px;padding-left: 0 !important;}
.listtblUL li {float:left;width:50%;border-bottom: 1px solid #ccc;padding: 20px 65px 20px 15px;box-sizing:border-box;margin-bottom: -1px;list-style: none !important;}
.listtblUL li:nth-child(2n) {}
.listtblUL li:nth-child(2n+1) {clear:both;}
.listtblUL li a:not(.kotraBTN) {font-size:16px;color:#333;font-weight:600;width: 100%;float: left;}
.listtblUL li a:hover {text-decoration:underline}
.listtblUL li a b {letter-spacing:-1px; margin-right:3px;}

	@media (max-width:799px){
		.listtblUL li {width:100%;padding: 10px 5px;}
		.listtblUL li a {font-weight:400;width: auto;}
		.listtblUL li a b {margin-right:10px;}
	}






/* 진행상황, 게시글등록상단 등 안내박스 */
.prgrsState {float: left; width:100%; padding: 20px; margin-top:30px;box-sizing:border-box; border-radius: 30px;
			background:#f5f5f5; text-align:center; font-size:19px;}
.prgrsState>b {color:#024b98;}
.prgrsState span {font-size:16px;display: block; color:#666;}
.prgrsState span b {font-weight:600;}
.prgrsState.cancle {margin-top:0;padding: 30px 20px;border-top: 2px solid #014a97;border-radius: 0 0 30px 30px;}
.prgrsState.cancle >b{color:#ca2f01;font-size: 20px;}
.prgrsState.cancle span {margin-top: 5px;word-break: keep-all;}

@media (max-width:990px){
    .prgrsState.cancle {margin-bottom:30px;}
}



/* 사업신청 템플릿 : FAQ */
#kotraSubFAQTbl {border-top: 2px solid #000;}
#kotraSubFAQTbl td {font-size: 16px;padding: 17px 10px 17px 60px;position: relative;}
#kotraSubFAQTbl td.question {font-weight: 500;}
#kotraSubFAQTbl td.answer {color:#666; background: #f7f7f7; border-bottom: 1px solid #ccc; word-break:keep-all;}
#kotraSubFAQTbl td.question:before {content:"Q";background: #dfedd2;color: #000;}
#kotraSubFAQTbl td.answer:before {content:"A"; background:#3d7dc1; color:#fff;}
#kotraSubFAQTbl td.question:before,
#kotraSubFAQTbl td.answer:before {font-size: 17px; position: absolute; left: 15px; top: 11px; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 32px;}

/* 사업신청 템플릿 : 절차, 단계 */
#kotraSubStepTbl {}
#kotraSubStepTbl th, #kotraSubStepTbl td {width:100% !important; height:auto !important;}
#kotraSubStepTbl>tbody>tr>td {outline-color: #bdd5ed;}
#kotraSubStepTbl>tbody>tr>td:not(.btwArrowTD) {width: 28.333% !important;vertical-align:top;text-align:center;padding: 10px;}
.subCon #kotraSubStepTbl>tbody>tr>td:not(.btwArrowTD) {padding:0 0 10px;}
#kotraSubStepTbl>tbody>tr>td.btwArrowTD {width:5% !important;vertical-align:middle;text-align: center;}
#kotraSubStepTbl>tbody>tr>td.btwArrowTD b {/*text-indent:-999px;*/ overflow: hidden; width: 20px; height: 30px; display: inline-block; position: relative; line-height: 30px; color:#fff;}
#kotraSubStepTbl>tbody>tr>td.btwArrowTD b:before {content:"\276F";font-size: 30px;color: #ccc;position: absolute;left: 0;top: 0;text-indent: 0;}
#kotraSubStepTbl>tbody>tr>td table {width:100%;}
#kotraSubStepTbl>tbody>tr.empty td {line-height: 5px; padding: 5px;}
#kotraSubStepTbl .no {font-size:14px;color:#004a98;padding-bottom: 5px;}
#kotraSubStepTbl .no span {width:30px; height:30px; border-radius:100%; border:3px solid #ddd; display:inline-block; line-height:24px; font-weight:600; color:#004a98; box-sizing:border-box;}
#kotraSubStepTbl .no span.nocircle {border:none; height:auto;}
#kotraSubStepTbl .blueTit {font-size:18px;color:#004a98;font-weight: 600;padding: 0 5px 5px;}
#kotraSubStepTbl .greybgBox {font-size:16px;line-height:130%;color:#000;background:#f1f1f1;padding:10px 5px;font-weight: 600;}
#kotraSubStepTbl .greybgBox.nobg {background:transparent;padding-top: 5px;}
#kotraSubStepTbl .greybgBox.bluebox {background:#004a98; color:#fff; }

#kotraSubStepTbl.stepTxt1 .greybgBox.bluebox {height:45px!important; background:#2b78ca; color:#fff;}
#kotraSubStepTbl.stepTxt1>tbody>tr>td.btwArrowTD b {width:auto; padding-right: 20px; color:#666;}
#kotraSubStepTbl.stepTxt1>tbody>tr>td:not(.btwArrowTD) {width: 35% !important;}
#kotraSubStepTbl.stepTxt1>tbody>tr>td.btwArrowTD {width: 15% !important;}
#kotraSubStepTbl.stepTxt1>tbody>tr>td.btwArrowTD b:before {left:auto; right:0;}


/* 단계 디자인 공통 */
ul.joinstep {width: 100%; padding:30px 0 20px; border-top:2px solid #004a98; border-bottom:1px solid #ddd;}
ul.joinstep:after{content:''; display: block; clear: both;}

ul.joinstep li {position: relative; float: left; width: 25%; text-align: center;}
ul.joinstep li + li:after {content:''; display: block; position: absolute; top:50%; left:-50%; transform: translate(0, -50%); background:url('/images/wzwg/site/kotra/ico_arrow.png') no-repeat 50%; width:100%; height: 100%;}
ul.joinstep li p {margin-top:15px; font-size: 18px; font-weight: 500;}
ul.joinstep li .bgbox {width:100%; height:55px;}

ul.joinstep_inner {float: left; width:100%; padding:20px 0; border-top:1px solid #d3d3d3; box-sizing: border-box; background:#f6f6f6;}
ul.joinstep_inner li {position: relative; float: left; width: 25%; text-align: center; font-size: 18px; font-weight: bold;}
ul.joinstep_inner li + li:before {content:''; display: block; position: absolute; top:50%; left:-50%; transform: translate(0, -50%); background:url('/images/wzwg/site/kotra/ico_arrow_step.png') no-repeat 50%; width:100%; height: 100%;}

ul.joinstep_inner:before {content:''; display: block; clear: both;}
ul.joinstep_inner .on {position: relative; color:#004a98;}
ul.joinstep_inner .on:after {content: ''; position: absolute; width: 160px; height: 5px; top:auto; bottom: -16px; left: 50%; transform: translate(-50%, 50%); background: #004a98;}

ul.joinstep li:nth-child(1n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step1.png') no-repeat center;}
ul.joinstep li:nth-child(2n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step2.png') no-repeat center;}
ul.joinstep li:nth-child(3n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step3.png') no-repeat center;}
ul.joinstep li:nth-child(4n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step4.png') no-repeat center;}

ul.joinstep li.on:nth-child(1n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step1on.png') no-repeat center;}
ul.joinstep li.on:nth-child(2n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step2on.png') no-repeat center;}
ul.joinstep li.on:nth-child(3n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step3on.png') no-repeat center;}
ul.joinstep li.on:nth-child(4n) .bgbox {background:url('/images/wzwg/site/kotra/ico_step4on.png') no-repeat center;}
ul.joinstep li.on p {position:relative; color:#004a98;font-weight:600;}
ul.joinstep li.on p:after {content:'';position: absolute;width:120px;height:5px;bottom: -18px;left:50%;transform: translate(-50%, 50%);background:#004a98;}

@media (max-width:799px){
  ul.joinstep {padding: 15px 0;}
  ul.joinstep li p {margin-top:0;line-height: 130%;}
  ul.joinstep li.on p:after {width:70%!important;bottom: -14px;height: 3px;}

	ul.joinstep_inner li {font-size: 14px; line-height: 20px;}
  ul.joinstep_inner li.on:after {width:50%;}
}






/* 부서/직원 소개 테이블 반응형 변경 */
.orgInfoTBL {}
.orgInfoTBL td {word-break:keep-all;}

@media (max-width:799px){
	.orgInfoTBL colgroup {display: none;}
	.orgInfoTBL tr {display: block; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.1); float: left; padding: 13px 0;}
	.orgInfoTBL tr td {border-bottom: none !important; display: inline-block; float: left; padding: 0 10px 0 0 !important; word-break: break-all;}
    .orgInfoTBL tr td:nth-child(1), .orgInfoTBL tr td:nth-child(2) {font-weight:500;}
    .orgInfoTBL tr td:nth-child(3) {clear:both; color:#777;}
    .orgInfoTBL tr td:nth-child(4) {color:#777;}
}

/* 해외공동물류센터 */
.ocountry_wrap .fontB {font-weight: 700 !important;}
.ocountry_wrap .imgTxt {overflow:hidden; text-align:justify;}
.ocountry_wrap .imgTxt > span {float:left;	margin-right:15px;width:200px;height:110px;}
.ocountry_wrap .imgTxt > span img {width:100%;	height:100%;}

.ocountry_wrap #kotraSubWrap .dpt1>td .imgTxt img {max-width:100%;}
.ocountry_wrap #kotraSubWrap td .imgBox01 {margin: 10px 0;}
.ocountry_wrap #kotraSubWrap td .imgBox01 > span {display: block;word-break: keep-all;	font-size: 13px;color: #666;}
.ocountry_wrap #kotraSubWrap td .imgBox01 img {max-width: 100%;}

@media (max-width:991px) {
 	.ocountry_wrap #kotraSubWrap>tbody>tr>td {word-break:break-all!important;}
	.ocountry_wrap #kotraSubWrap .dpt1>td .imgTxt {display:block}
	.ocountry_wrap #kotraSubWrap .dpt1>td p {margin: 10px 0 0 0;}
	.ocountry_wrap #kotraSubWrap .dpt1>td .imgTxt img {max-width:100%;}
	
}
.ocountry_wrap #kotraBasicTBL {table-layout: fixed;}
.ocountry_wrap #kotraSubWrap {table-layout: fixed;}
.ocountry_wrap #kotraSubWrap td .imgBox02 > span {display: block;	word-break: keep-all; line-height:160%;	font-size: 13px;color: #666;}
.ocountry_wrap #kotraSubWrap td .imgBox02 {margin: 10px 0;}
.ocountry_wrap #kotraSubWrap td .imgBox02 img {display: block;	margin: 0 auto; max-width: 100%;}
.ocountry_wrap #kotraBasicTBL.imgTable {margin-top: 5px;	border-top: 2px solid #000;}
.ocountry_wrap #kotraBasicTBL + #kotraBasicTBL.imgTable {border-top: none;}
.ocountry_wrap #kotraBasicTBL.imgTable td {padding: 15px 20px;	border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;	word-break: keep-all;}
.ocountry_wrap #kotraBasicTBL.imgTable td:first-child {border-left: none;}
.ocountry_wrap #kotraBasicTBL.imgTable td img {display: block;margin: 0 auto;	padding: 5px 0;	max-width: 100%;}
.ocountry_wrap #kotraBasicTBL.comp td:first-of-type {border-left: none;}

@media (max-width:720px) {
	.ocountry_wrap #kotraBasicTBL.imgTable.v2 colgroup {display: none;}
 	.ocountry_wrap #kotraBasicTBL.imgTable.v2 td {display:block; border-left:none;}
	.ocountry_wrap #kotraBasicTBL.imgTable.v2 tr:last-child td:last-child {border-bottom:none;}
}

/* 들여쓰기, 불릿 없는경우 , 불릿 있는경우 (middleDot, bar) */
.ocountry_wrap #kotraSubWrap .dpt2>.middleDot:before {content:"";width:3px;height:3px;background:#000;display:inline-block;position:absolute;top: 12px;left: 40px;transition:left 0.5s;}
.ocountry_wrap #kotraSubWrap .dpt2>.bar:before {content:"";width:5px;height:1px;background:#8a8989;display:inline-block;position:absolute;left: 73px;top: 15px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont > td {padding-left:52px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont .middleDot{padding-left:64px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont > .bar:before{left:52px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont .bar {padding-left:64px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont >.middleDot:before{left:52px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont02 > td {padding-left:64px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .middleDot {padding-left:76px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .middleDot:before {left:64px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .bar {padding-left:76px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .bar:before {left:64px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont03 > td {padding-left:76px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .middleDot {padding-left:88px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .middleDot:before {left:76px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .bar {padding-left:88px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .bar:before {left:76px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont04 > td {padding-left:88px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .middleDot {padding-left:100px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .middleDot:before {left:88px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .bar {padding-left:100px;}
.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .bar:before {left:88px;}
@media (max-width:990px) {
	.ocountry_wrap #kotraSubWrap .dpt2>td.middleDot {padding:0 38px;}
	.ocountry_wrap #kotraSubWrap .dpt2>.middleDot:before {left: 25px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont > td {padding:0 38px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont > .middleDot{padding:0 51px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont >.middleDot:before{left:38px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont > .bar {padding:0 51px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont >.bar:before{left:38px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont02 > td {padding: 0 51px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .middleDot {padding:0 64px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .middleDot:before {left:51px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .bar {padding:0 64px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont02 > .bar:before {left:51px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont03 > td {padding:0 64px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .middleDot {padding:0 77px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .middleDot:before {left:64px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .bar {padding:0 77px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont03 > .bar:before {left:64px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont04 > td {padding:0 77px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .middleDot {padding:0 93px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .middleDot:before {left:77px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .bar {padding:0 93px;}
	.ocountry_wrap #kotraSubWrap .dpt2.cont04 > .bar:before {left:77px;}
}
@media (min-width:991px) {
	.ocountry_wrap #kotraSubWrap .dpt2>td.middleDot {position: relative; padding-left: 52px;}
}
.ocountry_wrap #kotraBasicTBL thead th, .ocountry_wrap #kotraBasicTBL tbody td {padding: 12px 10px;}
.ocountry_wrap #kotraBasicTBL ~ p, .ocountry_wrap .tbl_resp ~ p {line-height:160%; font-size: 13px; color: #666;}

@media (max-width: 599px) {
.ocountry_wrap #kotraBasicTBL thead th, .ocountry_wrap #kotraBasicTBL tbody td {padding: 12px 0px; font-size:13px;}
}

/* Title 한개 안에 여러개의 이미지가 들어가는 영역 */
.ocountry_wrap #kotraSubWrap .titBox > p {padding: 12px 20px; border-top:2px solid #000;  border-bottom:2px solid #000; font-size: 15px; color:#003663; font-weight:700;}
.ocountry_wrap #kotraSubWrap .titBox .row {display: table; table-layout: fixed;  width: 100%;}
.ocountry_wrap #kotraSubWrap .titBox .colgroup {display: table-cell; border-bottom: 1px solid #ccc; vertical-align: middle;}
.ocountry_wrap #kotraSubWrap .titBox .colgroup + .colgroup {border-left: 1px solid #ccc;}
.ocountry_wrap #kotraSubWrap .titBox .colgroup .col {margin: 0 auto; padding: 15px 20px;}
.ocountry_wrap #kotraSubWrap .titBox .row .col img {display: block; margin: 0 auto; padding: 5px 0; max-width: 100%;}
.ocountry_wrap #kotraSubWrap .titBox ~ p {line-height: 160%; font-size: 13px;}

@media (max-width: 599px) {
  .ocountry_wrap #kotraSubWrap .titBox > p {font-size: 13px;}
   .ocountry_wrap #kotraSubWrap .titBox  .colgroup .col {padding: 5px 10px;}
   .ocountry_wrap #kotraSubWrap .titBox .colgroup {display: block; }
   .ocountry_wrap #kotraSubWrap .titBox .colgroup + .colgroup {border-left: none;}
  .ocountry_wrap #kotraSubWrap .titBox ~ p {line-height: 19px;}
}

/* 컨텐츠 내부 탭 */
.board001 .conMiddle div.conM_txt ul.wztab-custom-list {padding: 0!important;}
.board001 .conMiddle div.conM_txt {padding:0!important;}
.board001 .conMiddle div.conM_txt ul.wztab-custom-list li {float: left!important; clear: inherit!important; list-style: none!important;}

.tab-title .wztab-custom-list {float: left; width:100%; margin-top:20px; padding-left: 0!important; box-sizing: border-box;}
.tab-title .wztab-custom-list li {float:left;width: 50%;height:60px;line-height: 55px!important;border-right:1px solid #ddd;border-bottom:2px solid #004a98;border-top: 1px solid #ddd;box-sizing: border-box;background:#f9f9f9;list-style: none!important;text-align: center; font-size: 18px;}
.tab-title .wztab-custom-list li:first-child {border-left:1px solid #ddd;}
.tab-title .wztab-custom-list li.on {background:#004a98;}
.tab-title .wztab-custom-list li.on button {color:#fff; font-weight: 600;}
.tab-title .wztab-custom-list li button {width:100%; height:100%; font-weight: 500;}
.tab-container {float: left; width: 100%; margin:30px 0; font-size: 16px;}

@media (max-width:599px) {
  .tab-title .wztab-custom-list li {height:50px; line-height: 45px!important; font-size: 16px;}
}

/* 사업소개 단위사업관리 수정 */
.subCon > div ul.core-list>li {list-style:none!important;}