@charset "utf-8";

@import url("confirm.css");

/* 폼양식 */
input,
input[type=text] { height:30px; padding:5px; background: none; border:1px solid #dadada; color:#000;}
input[type=password] { height:30px; padding:5px; background: none; border:1px solid #dadada; color:#000;}
select { 
	position: relative;
	-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;
	-webkit-border-radius:0; 
	-moz-border-radius:0; 
	-o-border-radius:0; 
	border-radius:0;
	padding: 0 20px 0 10px;
	background: url('/images/common/kasti_select.png') no-repeat 97% 50%;
	background-size: 10px auto;
	border: 1px solid #dadada;
	height: 30px;
}
select::-ms-expand{ 
display:none; /* 화살표 없애기 for IE10, 11*/
}

@media print { 
.noprint { display:none; } 
* { border-collapse:collapse; }
}

/* 제목스타일 */
.sub_title {position: relative; font-weight:500; font-size:22px; line-height:120%; color:#000f69; margin-bottom: 20px; padding-left: 12px;}
.sub_title::before {position: absolute; top: 6px; left: 0; content: ''; display: block; width: 4px; height: 16px; background: #000f69;}
.sub_title::after {display: block; content: ''; clear: both;}
.sub_title.has_right {}
.sub_title.has_right a {float: right;}
.con_tit { padding-bottom:10px; font-size:20px; color:#000; }
.underline {display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #000f69; color:#000; font-size:18px; font-weight: 500;}
.markTit {display: inline-block; margin-bottom: 10px; padding: 0 5px 3px; background: url("../images/common/kasti_actLine.png") no-repeat center bottom; -webkit-background-size: 100% 10px;
background-size: 100% 10px; font-size:22px; font-weight: 500; color:#000;}
.search_total { color:#007abc }
.search_total span { float:right; color:#007abc }
.search_total:after {content: ''; display:block; clear:both; visibility:hidden; }

.border {border: 1px solid #ddd;}

@media (max-width: 820px) {
	.sub_title {font-size: 22px;}
}
@media (max-width: 425px) {
	.sub_title.has_right a {width: 100%; margin-top: 20px; margin-right: 8px;}
} 

/*조회 form*/
.formBox {overflow: hidden; text-align: center; padding: 20px; background: #f9f9f9; border: 1px solid #eee;}
.formBox > div {display: inline-block; width: 100%; max-width: 560px;}
.formBox p {width: 100%; margin-bottom: 10px; padding: 0 20px; text-align: left; overflow: hidden;}
.formBox p span {display: inline-block; float: left; width: 100px; height: 45px; line-height: 45px; font-weight: 500;}
.formBox p input {width: calc(100% - 100px); height: 45px; line-height: 45px; border: none; border-bottom: 1px solid #c0c0c0;}
.formBox p select {width: calc(100% - 100px); height: 45px; line-height: 45px; border: none; border-bottom: 1px solid #c0c0c0;}

.formBox.type2 > div {max-width: 960px;}
.formBox.type2 p {width: 50%; float: left;}

.formBox.type2 p.dateInput {position: relative;}
.formBox.type2 p.dateInput .swing {position: absolute; width: auto; width: 4%; text-align: center;}
.formBox.type2 p.dateInput input {width: calc(48% - 50px); float: left;}
.formBox.type2 p.dateInput input.last_input {margin-left: 4%; float: left;}
.formBox.type2 p.dateInput input.last_input::after {display: block; content: '';}
.formBox.type2 p.dateInput .AXanchor {position: absolute; width: 50px !important; left: auto !important; right: 0; top: 0;}
.formBox.type2 p.dateInput .AXanchor a {width: 50px !important; height: 45px !important;}

.formBox .formInfo {clear: both; display: block; margin-top: 20px; width: 100%; font-size: 13px; color:#555}
.centerBtn {margin-top: 40px; text-align: center;}

@media (max-width: 1100px) {
	.formBox.type2 p {width: 100%;}
}

@media (max-width: 460px) {
	.formBox {padding: 15px;}
	.formBox p {padding: 0;}
	.formBox p span {width: 80px; font-size: 14px;}
	.formBox p input {width: calc(100% - 80px); }
	.formBox p select {width: calc(100% - 80px); }
	.formBox p:nth-child(3) input {width: calc(100% - 80px)!important;}
	.formBox.type2 p.dateInput input {width: calc(100% - 80px); }
	.formBox.type2 p.dateInput input.last_input {margin-left: 80px;}
	.formBox.type2 p.dateInput .swing {bottom: 0; left: 55px;}
}

/*의뢰시험*/
.con_boxList {width: 100%; overflow: hidden;}
.con_boxList a {display: block; float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%; padding: 40px; border: 1px solid #e1e1e1; color:#000;}
.con_boxList a:nth-child(4n) {margin-right: 0;}
.con_boxList a:hover {background: url("/images/common/kasti_boxBorder.png") no-repeat left top; -webkit-background-size: 100% 100%;
background-size: 100% 100%; border: 1px solid transparent; }

.con_boxList a span {font-weight: 500; font-size: 15px; font-family: 'Montserrat', sans-serif; color:#000;}
.con_boxList a h3 {margin: 0px 0 30px; font-weight: 500; font-size: 26px; color:#000;}
.con_boxList a p {
	/* height: 60px; */ color:#5a5a5a; font-size: 14px;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4; height: 4.2em;
	text-align: left; word-wrap: break-word;
	display: -webkit-box; -webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.con_boxList a img {margin-top: 20px;}
.con_boxList a img.testImg {margin-top: 20px; margin-bottom:20px;}

@media (max-width: 1650px) {
	.con_boxList a {padding: 25px;}
}
@media (max-width: 1400px) {
	.con_boxList a {width: 32%;}
	.con_boxList a:nth-child(4n) {margin-right: 2%;}
	.con_boxList a:nth-child(3n) {margin-right: 0;}
	
}
@media (max-width: 1100px) {
	.con_boxList a {width: 49%;}
	.con_boxList a:nth-child(3n) {margin-right: 2%;}
	.con_boxList a:nth-child(2n) {margin-right: 0;}
	
}
@media (max-width: 640px) {
	.con_boxList a {padding: 20px;}
	.con_boxList a h3 {margin: 10px 0; font-size: 20px;}
}
@media (max-width: 500px) {
	.con_boxList a {width: 100%; margin-right: 0 !important;}
	.con_boxList a p  {height: auto;}
	.con_boxList a img {float: right;}
}

/*절차 및 담당자*/
.stepWrap {text-align: center;}
.stepBox {display: inline-block; margin: 30px auto 0; overflow: hidden;}
.stepBox br {display: none;}
.stepBox dl {position: relative; width: 200px; height: 200px; float: left; border-radius: 50%; text-align: center; background: #082d74; border: 8px solid #082d74; overflow: hidden;}
.stepBox dl dt { width: 100%; height: 60px; line-height: 65px; background: #082d74; color:#fff;}
.stepBox dl dd {position: relative; width: 100%; height:125px; background: #fff; color:#000; font-weight: 500;}
.stepBox dl dd p {position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 95%; padding-bottom: 20px; }
.stepBox dl dd p.proText {width: unset;}
.stepBox dl dd p span {display: block; font-size: 14px; -ms-word-break: keep-all; word-break: keep-all;}
.stepBox > span {display: block; float: left; width: 40px; height: 200px; line-height: 180px; font-size: 24px; text-align: center; color:#5d5d5d;} 

.stepBox dl.step01 { background: #007ce1; border: 8px solid #007ce1; }
.stepBox dl.step01 dt {background: #007ce1;}
.stepBox dl.step05 { background: #007ce1; border: 8px solid #007ce1; }
.stepBox dl.step05 dt {background: #007ce1;}
.stepBox.type2 dl.step05 dt {background: #082d74;}
.stepBox.type2 dl.step04 dt, .stepBox.type2 dl.step06 dt {background: #007ce1;}
.stepBox.type2 dl.step05 {background: #082d74; border: 8px solid #082d74;}
.stepBox.type2 dl.step04, .stepBox.type2 dl.step06 {background: #007ce1; border: 8px solid #007ce1;}

@media (max-width: 1400px) {
	.stepBox br {display: block;}
	.stepBox br + span {margin-left: 100px;}
	.stepBox dl {margin-bottom: 10px;}
	.stepBox.type2 br + span {margin-left: 0px;}
}
@media (max-width: 759px) {
	.stepBox.type2 br + span {margin-left: -43px;}
}
@media (max-width: 720px) {
	.stepBox dl.step01 {margin-left: 100px;}
	.stepBox br {display: none;}
	.stepBox > span {width: 30px}
	.stepBox br + span {margin-left: 0px;}
	.stepBox dl {width: 180px; height: 180px;}
	.stepBox dl dt {height: 50px; line-height: 55px;}
	.stepBox dl dd {height: 115px;}
	.stepBox.type2 dl.step01 {margin-left: 0px;}
	.stepBox.type2 br + span {margin-left: -29px;}
}
@media (max-width: 640px) {
	.stepBox dl {width: 165px; height: 165px;}
	.stepBox dl dt {height: 40px; line-height: 45px; font-size: 15px;}
	.stepBox dl dd {height: 110px;}
	.stepBox dl dd p {font-size: 14px;}
	.stepBox dl dd p span {font-size: 13px;}
}
@media (max-width: 595px) {
	.stepBox {width: 390px;}
	.stepBox dl.step01 {margin-left: 0px;}
	.stepBox.type2 br + span {margin-left: 0;}
}
@media (max-width: 425px) {
	.stepBox {width: auto;}
	.stepBox dl {display: block; float: none; margin-left: 0; margin: 0 auto; }
	.stepBox dl.step01 {margin-left: 0; margin: 0 auto;}
	.stepBox > span {display: block; float: none; width: 100%; height: 30px; line-height: 30px;}
	.stepBox > span i { transform: rotate(90deg);}
}
@media (max-width: 353px) {
	.btnLink.left {
		left: 0;
		top: 10px;
	}
}

a.a_download {display: inline-block;margin-left: 5px; padding: 3px 8px; background: #555; border-radius: 3px; color:#fff; font-size: 14px; -ms-word-break: keep-all;
word-break: keep-all;}
a.a_download i {margin-left: 5px;}
a.a_download:hover {background: #000f69; }
@media (max-width: 530px) {
	a.a_download {float: right; margin-top: 3px; padding: 2px 6px; font-size: 12px;}
}


/* 테이블스타일 2021-08-09 */
.tableStyle01 {overflow: hidden; overflow-x: auto;}
.tableStyle01.cen table {text-align: center;}
.tableStyle01 p.point {padding: 5px 0; color:#333; font-size: 14px; text-align: right;}
.tableStyle01 table {width: 100%; border-collapse: collapse; border-spacing:0; border-bottom: 1px solid #ddd; font-size: 15px; background: #fff;}
.tableStyle01 thead {}
.tableStyle01 thead th {position: relative; padding: 8px 0; background: #082d74; color:#fff; font-weight: 500; font-size: 14px;}
.tableStyle01 thead th::after {position: absolute; bottom: 0; right: 0; content: ''; display: block; width: 1px; height: 4px; background: #ddd;}
.tableStyle01 tbody tr {border-top: 1px solid #ddd;}
.tableStyle01 tbody tr:first-child {border-top: 2px solid #082d74;}
.tableStyle01 thead + tbody tr:first-child {border-top: 1px solid #082d74;}
.tableStyle01 tbody th {padding: 15px 10px; vertical-align: middle; border-right: 1px solid #ddd; font-weight: 500; background: #dfeaff;}
.tableStyle01 tbody td {padding: 15px 10px; border-right: 1px solid #ddd;}
.tableStyle01 tbody td:nth-of-type(3) {/* white-space: nowrap; */}
.tableStyle01 tbody td:last-child {border-right: none;}

.tableStyle02 {}
.tableStyle02.cen table {text-align: center;}
.tableStyle02 p.point {padding: 5px 0; color:#333; font-size: 14px; text-align: right;}
.tableStyle02 table {width: 100%; border-collapse: collapse; border-spacing:0; border-top: 1px solid #161616; border-bottom: 1px solid #ddd; font-size: 15px;}
.tableStyle02 thead th {position: relative; padding: 8px 0; background: #f9f9f9; color:#000; font-weight: 500; font-size: 14px;}
.tableStyle02 tbody tr {border-top: 1px solid #ddd;}
.tableStyle02 tbody tr.tdLeft td {text-align: left;}
.tableStyle02 tbody th {padding: 10px; vertical-align: middle; border-right: 1px solid #ddd; font-weight: 500; background: #f9f9f9;}
.tableStyle02 tbody th:first-child {border-left: 1px solid #ddd;}
.tableStyle02 tbody td {padding: 10px; text-align: center; border-right: 1px solid #ddd;}
.tableStyle02 tbody td:first-child {border-left: 1px solid #ddd;}
.tableStyle02 tbody td.cen {text-align: center;}
.tableStyle02 tbody td.left {text-align: left;}
.tableStyle02 tbody td.rig {text-align: right;}

.tableStyle02.box2 {overflow: hidden;}
.tableStyle02.box2 table {width: 47%; float: left;}
.tableStyle02.box2 table:last-child {float: right;}

.resTable table tbody th {-ms-word-break: keep-all; word-break: keep-all;}
.padding-th-0 thead th {padding: 0;}
@media (max-width: 450px) {
	.resTable {}
	.resTable table {border-left: 1px solid #eee;border-right: 1px solid #eee;}
	.resTable tbody th,.resTable tbody td {width: 100%; display: block;}
	.resTable tbody th {padding: 10px 5px; font-size: 15px; border-top: 1px solid #000f69;}
}

@media (max-width: 425px) {
	.resTh80 tbody th {width: 80px;}
	.resTh50 tbody th {width: 50px; font-size: 14px;}
}


				

/* 테이블스타일 */
.scroll_frame { width:100%; min-height: 180px; overflow-x:auto; padding-bottom:20px; background: #fff; }
.scroll_frame::-webkit-scrollbar {height: 10px;}
.scroll_frame::-webkit-scrollbar-thumb {background: #707580; height: 8px; border-radius: 3px;}
.scroll_frame::-webkit-scrollbar-track {background: #ddd; border-radius: 3px;}
.scroll_frame table {min-width: 750px;}
.scroll_frame .scrollInfo {display: none; margin-bottom: 10px; text-align: left ; font-size: 15px;}
.scroll_frame .scrollInfo i {margin-right: 3px; color:#666;}
@media (max-width: 780px) {
	.scroll_frame .scrollInfo {display: block;}
}

/* 시험의뢰 테이블 ----------------------------------------------------------- */
/* .table_type02.w table { width:1600px }
.table_type02.w2 table { width:1700px; }
.table_type02.w3 table { width:1800px; }
.table_type02.w4 table { width:1900px; }

.table_type02 table thead th, 
.table_type02 table tbody th,
.table_type02 table tbody td { padding:7px 0}
.table_type02 table thead th { background:#707580; color:#fff; border-right:1px solid #aeaeae }
.table_type02 table thead th.r_line { border-right:1px solid #aeaeae }
.table_type02 th, .table_type01.w td { font-size:13px; line-height:18px; }

.table_type01.f_bg input[type=text] { background:#f8f8f8 }
.table_type01.f_bg input[type=checkbox] { margin:0 5px; }
.table_type01 .per1 div, .table_type01 .per2 div { margin-top:5px; }
.table_type01 .per1 b { display:inline-block; width:80px; font-weight:normal }
.table_type01 .per2 b { display:inline-block; width:60px; } */
/* --------------------------------------------------------------------- */


/*시험접수테이블*/
.TypeDl table {min-width: auto; max-width: 100%;}
.TypeDl tbody td {padding: 0; overflow: hidden; display: flex;}
.TypeDl tbody td dl {width: 100%; overflow: hidden; display: flex; height: auto;}
.TypeDl tbody td dl dt { width: 160px; float: left; padding: 13px 15px; background: #dfeaff; font-weight: 500; text-align: center; -ms-word-break: keep-all; word-break: keep-all; border-right: 1px solid #ddd;}
.TypeDl tbody td dl dd {width: calc(100% - 160px); float: left; padding: 10px 15px; background: #fff;}
.TypeDl tbody td dl dd b {font-weight: 500;}
.TypeDl tbody td.has_dl2 dl {width: 50%; float: left;}
.TypeDl tbody td.has_dl2 dl dt {}
.TypeDl tbody td.has_dl2 dl:last-child dt {border-left: 1px solid #ddd;}
.TypeDl tbody td input {min-width: auto;}
.addr p {float: left; overflow: hidden;}
.addr p:first-child {width: 20%;}
.addr p:first-child input {width: calc(100% - 90px);}
.addr p:last-child {width: 80%;}
.addr p:last-child input {width: 49%;}

.manager p {display: inline-block; overflow: hidden; margin-right: 10px; padding: 3px 0;}
.manager p b {display: inline-block; float: left; padding-right: 10px; line-height: 30px; color:#333;}
.manager p input {float: left; }

.resLine1 > p {display: inline-block;}
.resLine2 > p {display: inline-block;}

@media (max-width: 1400px)  {
	.addr p {float: none; overflow: hidden;}
	.addr p:first-child {width: 50%; margin-bottom: 5px;}
	.addr p:first-child input {width: calc(100% - 90px);}
	.addr p:last-child {width: 80%;}
	.addr p:last-child input {width: 49%;}
}
@media (max-width: 1100px) {
	.TypeDl tbody td {display: block;}
	.TypeDl tbody td.has_dl2 dl {width: 100%; float: left;}
	.TypeDl tbody td.has_dl2 dl:last-child {border-top: 1px solid #ddd;}
	.TypeDl tbody td.has_dl2 dl:last-child dt {border-left: none;}
	.addr p:last-child {width: 100%;}
}
@media (max-width: 620px) {
	.TypeDl tbody td dl dt {width: 100px; font-size: 15px;}
	.TypeDl tbody td dl dd {width: calc(100% - 100px);}
	.addr p:first-child {width: 100%;}
	.addr p:last-child input {width: 100%;}
	.addr p:last-child input:first-child {margin-bottom: 5px;}
}
@media (max-width: 540px) {
	.TypeDl tbody td dl dt {padding: 10px 5px; text-align: left; }
	.TypeDl tbody td dl dd {padding: 10px 5px;}
	.manager p {margin-right: 0;}
	.manager p b {float: none;}
	.manager p input {width: 100%; float: none;}
}
@media (max-width: 450px) {
	.TypeDl tbody td input[type=text] {min-width: auto;}
	.resLine1 > p {display: block;}
	.resLine1 > br {display: none;}
}
@media (max-width: 400px) {
	.TypeDl tbody td dl dt {width: 80px;}
	.TypeDl tbody td dl dd {width: calc(100% - 80px);}
}
@media (max-width: 360px) {
	.TypeDl tbody td dl dt {width: 60px; font-size: 13px;}
	.TypeDl tbody td dl dd {width: calc(100% - 60px);}
}

/* --------------------------------------------------------------------- */

/* 목록스타일 */
.list_type01 li {position: relative; padding-left:12px; padding-bottom:15px }
.list_type01 li.list2 {list-height: 1.6; display: flex;}
.list_type01 li:last-child {padding-bottom: 0;}
.list_type01 li::before {position: absolute; top: 9px; left: 0; content: ''; display: block; width: 4px; height: 4px; background: #000f69;}

.list_type02 li {position: relative; padding-left:12px; padding-bottom:3px; }
.list_type02 li:last-child {padding-bottom: 0;}
.list_type02 li::before {position: absolute; top: 9px; left: 0; content: ''; display: block; width: 4px; height: 2px; background: #000f69;}
.list_type02.fontS li {font-size: 14px;}

/*안내박스*/
.infoStyle01 {padding: 30px; background: #f9f9f9; -ms-word-break: keep-all;
word-break: keep-all;}
.infoStyle01 .infoTxt {font-size: 15px; color:#515151}
.infoStyle01 .infoTxt i {margin-right: 5px;}

.infoStyle02 {padding: 10px; background: #f9f9f9; font-size: 14px; color:#555}
.infoStyle02 i {margin-right: 5px;}
.fontS {font-size: 14px !important;}

@media (max-width: 880px) {
	.list_type01 li.list2 {display: block;}
}
@media (max-width: 425px) {
	.infoStyle01 {padding: 20px;}
}

/* 품질인증1 */
.quality_wrap1 { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-width: 980px; height:1100px; margin: 0 auto; background:url('../images/support/quality_bg1_2.png') no-repeat center top;  -webkit-background-size: 100% 100%; background-size: 100% 100%; position:relative; letter-spacing:-0.02em; -ms-word-break: keep-all; word-break: keep-all;}
.quality_wrap1 .tit {font-weight:bold; font-size:30px; color:#1a1a1a; text-align:center;}
.quality_wrap1 .t1 {line-height:30px; font-size:18px; margin-top:48px;}
.quality_wrap1 .t1 b {font-size:18px;}
.quality_wrap1 .t2 {line-height:24px; margin-top:48px;}
.quality_wrap1 .t3 {text-align:center; line-height:40px; color:#444; margin-top:30px;}
.quality_wrap1 .t3 .s1 {display:block; font-size:16px;}
.quality_wrap1 .t3 .s2 {display:block; font-weight:bold; font-size:18px;}
.quality_wrap1 .b_tit {color:#237cc1;}
.quality_wrap1 img {position: absolute; top: 0; left: 0; width: 100%;}
.quality_wrap1 .txtWrap {position: absolute; top: 230px; left: 50%; transform:translateX(-50%); width: 80%;}

@media (max-width: 1100px) {
	.quality_wrap1 {height: 980px;}
	.quality_wrap1 .txtWrap {position: absolute; top: 18%; left: 50%; transform:translateX(-50%); width: 80%;}
	.quality_wrap1 .tit {font-weight:bold; font-size:26px}
	.quality_wrap1 .t1 {line-height:28px; font-size:16px; margin-top:30px;}
	.quality_wrap1 .t1 b {font-size:16px;}
	.quality_wrap1 .t2 {line-height:22px; margin-top:36px; font-size: 15px;}
}
@media (max-width: 620px) {
	.quality_wrap1 .txtWrap {top: 12%;}
	.quality_wrap1 .tit {font-size:22px}
	.quality_wrap1 .t1 {line-height:22px; font-size:15px; margin-top:20px;}
	.quality_wrap1 .t1 b {font-size:15px;}
	.quality_wrap1 .t2 {line-height:22px; margin-top:26px; font-size: 14px;}
	.quality_wrap1 .b_tit {color:#237cc1; font-size: 15px;}
}
@media (max-width: 480px) {
	.quality_wrap1 {height: auto;}
	.quality_wrap1 img {position: static;}
	.quality_wrap1 .txtWrap {position: static; transform:none; margin: -50px auto 0; padding-bottom: 80px;}
}
@media (max-width: 380px) {
	.quality_wrap1 .txtWrap {margin: -20px auto 0;}
}

/* 품질인증2 */
.quality_wrap2 { webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:920px; padding:232px 108px 0 108px; 
background:url('../images/support/quality_bg2.gif') no-repeat left top; position:relative; letter-spacing:-0.02em;}
.quality_wrap2 .tit {font-weight:bold; font-size:30px; color:#1a1a1a; text-align:center;}
.quality_wrap2 .t1 {line-height:30px; font-size:18px; margin-top:48px;}
.quality_wrap2 .t1 b {font-size:18px;}
.quality_wrap2 .t2 {line-height:24px; margin-top:48px;}
.quality_wrap2 .t3 {text-align:center; line-height:40px; color:#444; margin-top:30px;}
.quality_wrap2 .t3 .s1 {display:block; font-size:16px;}
.quality_wrap2 .t3 .s2 {display:block; font-weight:bold; font-size:18px;}
.quality_wrap2 .b_tit {color:#237cc1;}

/* 연구개발 */
.top_con_box1 {position:relative;margin-top:35px;margin-bottom:20px;padding:60px 40px 40px;line-height:24px;background:#f1f1f1;border:1px solid #ddd;color:#333;}
.top_con_box1 .tit {position:absolute;top:-25px;left:50%;margin-left:-150px;width:300px;height:50px;line-height:50px;border-radius:50px;background:#fdb813;color:#333;
text-align:center;font-weight:bold;font-size:20px;}
.top_con_box1.cen {text-align:center}
.top_con_box1.pad {padding:80px 40px;margin-bottom:50px;}
.top_con_box1.pad2 {padding:80px 40px;margin-top:10px;}
.top_con_box2 {margin-bottom:50px;}

/* 인사말 */
.greeting_box1 {width: 30%; float: left;}
.greeting_box2 {width: 100%;}
.greeting_tit1 { padding-top:24px; font-size:28px; font-family:'Nanum Square'; color:#000; }
.greeting_tit2 { padding-top:15px; line-height:1.3; font-size:28px; font-family:'Nanum Square-b'; color:#007ce1; }
.greeting_tit3 { padding-top:10px; font-size:16px; font-family:'Nanum Square-b'; color:#999; }
.greeting_con { padding:50px 50px 0 0 ; line-height:1.5; font-size:15px; color:#333; -ms-word-break: keep-all;
word-break: keep-all;}
.greeting_sign { padding:80px 0 0; font-size:18px; font-family:'Nanum Square-b'; color:#000; text-align: right;}
.greeting_sign2 {display: none;}
.greeting_sign2025 span {font-size: 15px; display: block; font-weight: 500;}
.greeting_sign2025 span:last-child {font-weight: bold;font-size: 18px; margin-top: 4px;}

@media (max-width: 820px) {
	.greeting_box1 {width: 100%; text-align: center;}
	.greeting_box2 {width: 100%; padding: 0;}
	.greeting_tit1 {font-size: 24px;}
	.greeting_tit2 {font-size: 24px;}
	.greeting_con {padding:50px 0 0 0 ;}
	/* .greeting_sign {display: none;} */
	.greeting_sign2 {display: block;}
}
@media (max-width: 520px) {
	.greeting_sign {font-size: 16px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
}
@media (max-width: 480px) {
	.greeting_tit1 {font-size: 22px;}
	.greeting_tit2 {font-size: 22px; -ms-word-break: keep-all;
	word-break: keep-all;}
	.greeting_tit2 br {display: none;}
	/* .greeting_sign {text-align: right;} */
	.greeting_sign img {display: block; margin-left: 35%; margin-top: 10px;}
}

/* 연혁 */
.historyBox {
	width:50%;
	position:relative;
	padding-top:10px;
	margin-left:50%;
	float:left;
	clear:both;
}
.historyBox span.square {
	position:absolute;
	left:-7px;
	top:0px;
	background:#fff;
	display: block;
	width: 14px; height: 14px;
	border: 2px solid #007ce1;
}
.historyBox h3 {
	position:absolute;
	left:30px;
	top:-5px;
	font-family: 'Roboto', sans-serif;
	font-size:22px;
	color:#007ce1;
}
.historyBox h3 span { 
	padding:5px 20px;
	background:#fffdef;
	border-radius:25px;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:15px;
	color:#222;
	margin-left:5px;
	display:inline-block;
}

.historyBox ul {
	border-left:1px solid #ddd;
	padding:30px 0 40px 30px;
}
.historyBox ul li {
	position: relative;
	color:#6e6e6e;
	font-weight:300;
	font-size:14px;
	margin-bottom:10px;
	padding-left: 45px;
}
.historyBox ul li b {
	position: absolute;
	top: 0; left: 0;
	width: auto;
	font-family: 'Roboto', sans-serif;
	color:#222;
	display:inline-block;
}

.historyBox.left {margin-left:0;}
.historyBox.left span.square {
	left:auto;
	right:-7px;
}
.historyBox.left h3 {
	left:auto;
	right:30px;
}
.historyBox.left h3 span {
	margin-right:5px;
	margin-left:0;
	float:left;
}
.historyBox.left ul {
	border-left:none;
	border-right:1px solid #ddd;
	padding:30px 30px 40px 0px;
	text-align:right;
}
.historyBox.left ul li {
	padding-left: 0;
	padding-right: 45px;
}
.historyBox.left ul li b {
	float:right;
	left: auto; right: 0;
}
.historyBox.left ul li.leftDate {padding-right: 90px;}
.historyBox.right ul li.rightDate {padding-left: 90px;}
.wideImg {width: 100%; height: 0; margin: 30px 0 50px; padding-bottom: 14%;}

@media (max-width: 680px) {
	.historyBox {
		width:100%;
		position:relative;
		padding-top:10px;
		margin-left:0;
		float:left;
		clear:both;
	}


	.historyBox.left span.square {
		left:-7px;
		right:auto;
	}
	.historyBox.left h3 {
		left:30px;
		right:auto;
	}
	.historyBox.left h3 span {
		margin-right:5px;
		margin-left:0;
		float:left;
	}
	.historyBox.left ul {
		border-left:none;
		border-right:none;
		border-left:1px solid #ddd;
		padding:30px 0 40px 30px;
		text-align:right;
	}
	.historyBox.left ul li {
		text-align: left;
		padding-left: 45px;
		padding-right: 0;
	}
	.historyBox.left ul li b {
		float:left;
		left: 0; right: auto;
	}

}
/* 미션 및 비전 */
.top_con_box3 {position:relative;margin-top:35px;padding:60px 40px 0;line-height:30px;font-family:'Nanum Square';font-size:26px;color:#666;}
.top_con_box3 span {font-family:'Nanum Square-b';font-size:26px;color:#007ce1}
.top_con_box3 .tit {position:absolute;top:-25px;left:50%;margin-left:-150px;width:300px;height:50px;line-height:50px;border-radius:50px;background:#007ce1;font-size:20px;color:#fff;
text-align:center;font-weight:bold;}
.top_con_box3.cen {text-align:center;}
.top_con_box3 em { 
	font-style:normal;
	display:block;
}

@media (max-width: 620px) {
	.top_con_box3 .tit {height:45px;line-height:45px;font-size: 18px;}
	.top_con_box3 {font-size: 24px;}
	.top_con_box3 span {font-size: 24px;}
}
@media (max-width: 490px) {
	.top_con_box3 br {display: none; }
	.top_con_box3 {
		-ms-word-break: keep-all;
		word-break: keep-all;
	}
	.top_con_box3 em { 
		line-height:1.3;
		font-size:16px;
		margin-top:-20px;
	}
}
@media (max-width: 425px) {
	.top_con_box3 {font-size: 22px;}
	.top_con_box3 span {font-size: 22px;}
}

/*조직도*/
.kasti_group {position: relative;margin: 0 auto; padding-top: 30px; background: url("/images/intro/kasti_groupBg02.png") no-repeat right center; width: 100%;background-size: contain;}
.kasti_group p {position: relative; width: 200px; height: 50px; line-height: 50px; text-align: center; background: #dfeaff; font-weight: 500; box-shadow: 0px 2px 2px #999;}
.kasti_group p span {font-size: 18px;}
.kasti_group div {padding-bottom: 50px;}
.kasti_group div p {margin: 0 auto;}
.kasti_group div p::before {position: absolute; left: 50%; top: 100%; content: ''; display: block; width: 1px; height: 50px; background: #ddd;}
.kasti_group ul {overflow: visible;}
.kasti_group ul li {float: left;}
.kasti_group .step1 {width: 50%; margin: 0 auto;}
.kasti_group .step1 p {width: 160px; height: 160px; line-height: 160px; background: #04a6e1; color:#fff; border-radius: 50%; text-align: center;}
.kasti_group .step2 {width: 50%; margin: 0 auto;}
.kasti_group .step2 p {width: 300px; background: #000f69; color:#fff;}
.kasti_group div.step2 p::before {height: 150px;}
.kasti_group .step25 {width: 25%; margin-left: 25%;}
.kasti_group .step25 p {margin: 0;}
.kasti_group .step25 p::before {position: absolute; left: 200px; top: 50%; content: ''; display: block; width: 92%; height: 1px; background: #ddd;}
.kasti_group .step3 {position: relative; width: 50%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.kasti_group .step3 p {background: #007ce1; color:#fff;}
.kasti_group .step3::before {position: absolute; top: 0; right: 100px; content: ''; display: block; width: 73.8%; height: 1px; background: #ddd;}
.kasti_group .step3 li {position: relative;}
.kasti_group .step3 li:first-child {top: 150px;float: right;}
.kasti_group .step3 li:last-child {float: left;}
.kasti_group .step3 li:first-child::before {position: absolute; left: 50%; top: -200px; content: ''; display: block; width: 1px; height: 200px; background: #ddd;}
.kasti_group .step3 li:last-child::before {position: absolute; left: 50%; top: -100%; content: ''; display: block; width: 1px; height: 50px; background: #ddd;}
.kasti_group .step3 li::after {position: absolute; left: 50%; top: 100%; content: ''; display: block; width: 1px; height: 50px; background: #ddd;}
.kasti_group .step3 li:first-child::after {display: none;}
.kasti_group .step4 {bottom: -200px;position: absolute;width: 50%;padding: 50px 0;margin: 0 auto;left: 190px;}
.kasti_group .step4::before {position: absolute; top: 0; left: 100px; content: ''; display: block; width: 50%; height: 1px; background: #ddd;}
.kasti_group .step4 li {position: relative; width: 50%;}
.kasti_group .step4 li p::before {position: absolute; left: 50%; top: -50px; content: ''; display: block; width: 1px; height: 50px; background: #ddd;}
.kasti_group .step4 br {display: none;}

@media (max-width: 1700px) {
	.kasti_group .step25 p::before {width: 54%;}
	.kasti_group .step3::before {width: 67.2%;}
}
@media (max-width: 1400px) {
	.kasti_group .step25 {margin-left: 20%;}
	.kasti_group .step25 p::before {width: 54%;}
	.kasti_group .step3 {width: 65%;}
	.kasti_group .step3::before {width: 70%;}
	.kasti_group .step4 {/* width: 100%; */left: 50px;}
}
@media (max-width: 1100px) {
	.kasti_group {position: relative; background: url("/images/intro/kasti_groupBg02.png") no-repeat right; /* background-size: 60% auto; */background-size: contain;}
	.kasti_group::before { position: absolute; top: 30px; left: 50%; content: ''; display: block; width: 1px; height: 340px; background: #ddd; }
	.kasti_group div { padding-bottom: 30px; }
	.kasti_group div p::before {display: none;}
	.kasti_group p span {font-size: 16px;}
	.kasti_group .step1 {width: 100%;}
	.kasti_group .step1 p {width: 150px; height: 150px; line-height: 150px;}
	.kasti_group .step2 {width: 100%;}
	.kasti_group .step2 p {width: 250px;}
	.kasti_group .step25 { width: 25%; margin-left: 180px; }
	.kasti_group .step25::before { content: ''; width: 120px; height: 1px; position: absolute; top: 315px; left: 50%; transform: translateX(-120px); background: #ddd; }
	.kasti_group .step25 p { margin: 0; }
	.kasti_group .step25 p::before {display: none;}
	.kasti_group .step3 { position: relative; width: auto; padding: 0; margin: 30px 180px 0 180px; display: flex; flex-direction: row-reverse; justify-content: space-between; }
	.kasti_group .step3::before {display: none;}
	.kasti_group .step3 li {margin-bottom: 20px;}
	.kasti_group .step3 li:first-child  {float: none;top: 110px;}
	.kasti_group .step3 li:last-child  {float: none;}
	.kasti_group .step3 li:first-child::before { content: ''; position: absolute; display: block; top: -140px; height: 140px; background: #ddd; }
	.kasti_group .step3 li:first-child::after { content: ''; position: absolute; display: block; top: -140px; height: 1px; background: #ddd; width: 220px; left: -60%; }
	.kasti_group .step3 li:last-child::before { content: ''; position: absolute; display: block; top: -30px; height: 30px; background: #ddd; }
	.kasti_group .step3 li:last-child::after { content: ''; position: absolute; display: block; top: -30px; height: 1px; background: #ddd; width: 220px; }
	.kasti_group .step3 li:last-child p::before { content: ''; position: absolute; display: block; bottom: -30px; height: 30px; background: #ddd; left: 50%; width: 1px; }
	.kasti_group .step3 p {margin: 0 auto;}
	.kasti_group .step4 { width: fit-content; display: flex; left: 0; bottom: -90px; padding: 0; margin-left: 70px; gap: 20px; }
	.kasti_group .step4::before {display: none;}
	.kasti_group .step4 li::before { content: ''; position: absolute; display: block; top: -30px; height: 30px; background: #ddd; width: 1px; left: 50%; }
	.kasti_group .step4 li::after { content: ''; position: absolute; display: block; top: -30px; height: 1px; background: #ddd; width: 130px; }
    .kasti_group .step4 li:first-child::after { left: 50%; }
    .kasti_group .step4 li:last-child::after { left: -15%; }
	.kasti_group .step4 p {width: 180px;}
	.kasti_group .step4 li p {width: 200px;margin: 0 auto;}
	.kasti_group .step4 li p::before {display: none;}
	.kasti_group .step4 li { margin-bottom: 0; width: auto; }
}
@media (max-width: 990px) {
	.kasti_group .step25 {margin-left: 110px;}
	.kasti_group .step25::before {width: 140px;transform: translateX(-140px);}
	.kasti_group .step3 {margin: 30px 110px 0 110px;}
	.kasti_group .step3 li:last-child::after,.kasti_group .step3 li:first-child::after {width: 240px;}
	.kasti_group .step3 li:first-child::after {left: -70%;}
	.kasti_group .step4{margin-left: 100px;}
	.kasti_group .step4 li::after {width: 70px;}
	.kasti_group .step4 li:last-child::after {left: -20%;}
	.kasti_group .step4 li p {width: 100px;}
}
@media (max-width:768px) {
	.kasti_group{background-size: 200px;}	
}
@media (max-width: 700px) {
	.kasti_group p {width: 100px;}
	.kasti_group p span {font-size: 15px;}
	.kasti_group::before {height: 340px;}
	.kasti_group .step4 {margin-left: 50px;}
	.kasti_group .step3 li:last-child::after, .kasti_group .step3 li:first-child::after {width: 170px;}
	.kasti_group .step3 li:first-child::after {left: -120%;}
}
@media (max-width: 540px) {
	#contents_wrap .contents_body {
		padding: 45px 0 150px;
	}
	.kasti_group::before {height: 310px;}
	.kasti_group div {padding-bottom: 20px;}
	.kasti_group .step25 {margin-left: 60px;}
	.kasti_group .step25::before {top:295px;}
	.kasti_group .step3 {margin: 20px 0px 0 60px;}
	.kasti_group .step3 li:last-child::before {top: -20px;height: 20px;}
	.kasti_group .step3 li:last-child::after {top: -20px;}
	.kasti_group .step3 li:last-child p::before{bottom: -20px;height: 20px;}
	.kasti_group .step3 li:first-child {top: 90px;}
	.kasti_group .step3 li:first-child::before {top: -110px;height: 110px;}
	.kasti_group .step3 li:first-child::after {top: -110px;}
	.kasti_group .step4 {bottom: -70px;margin-left: 0;}
	.kasti_group .step4 li::after {top: -20px;}
	.kasti_group .step4 li::before {top: -20px;height: 20px;}
}
@media (max-width:480px) {
	.kasti_group{background-size: 140px;}
}
@media (max-width: 440px) {
	.kasti_group .step25::before {width: 40px;transform: translateX(-40px);}
}
@media (max-width: 400px) {
	.kasti_group .step25 {margin-left: 30px;}
	.kasti_group .step3 {margin: 20px 0px 0 30px;}
	.kasti_group .step4 br {display: block;}
	.kasti_group .step4 li::after {width: 50px;}
	.kasti_group .step4 li p {width: 70px;line-height: 1.2;display: flex;justify-content: center;align-items: center;}
}

/* 찾아오시는 길 ---------------------------------------*/
.contact_all_wrap{position: relative; margin-top: 30px; background:#fff ; border-bottom: 1px solid #ddd; color:#333; padding:0 30px 30px;}
.contact_all_wrap a {position: absolute; right: 30px; top: 0; display: block; width: 100px; height: 100px; background: #04a6e1; color:#fff; font-size: 20px; text-align: center;}
.contact_tit {display: inline-block; padding-bottom: 5px; border-bottom: 3px solid #092d74; font-weight: 500; font-size:24px; color:#000;}
.contact_info_wrap {margin:20px 0 0;}
.contact_info {font-size:16px; line-height:21px;}
.contact_info span {margin-right: 20px; color:#000; font-weight:500;}
.contact_info span.sec {margin-left: 50px;}

.location_wrap {width: 100%; margin-top: 50px; padding: 50px 30px; background: #f9f9f9; border: 1px solid #eee; overflow: hidden;}
.location_wrap .subwayBox {margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd; overflow: hidden;}
.location_wrap .busBox {overflow: hidden;}
.traffic {width: 130px; height: 130px; line-height: 130px; margin-right: 40px; padding-top: 10px; border-radius: 50%; float: left; text-align: center;}
.traffic i {font-size: 50px; color:#000f69;}
.map_info_wrap {float:right; width:calc(100% - 170px); }
.map_info {padding-top: 15px; font-size:14px; line-height:21px; }
.map_info dl {display:table}
.map_info dt {display:table-cell; width:200px; color:#000; font-weight:bold; padding-left:15px; }
.map_info dd {display:table-cell; vertical-align:middle; }
.map_tit {font-size:20px; color:#000;}
.line7 {display:inline-block;margin-right:10px;border:5px solid #697114; width:40px; height:40px; line-height:33px; border-radius:40px; font-family:'Nanum Square-b'; text-align:center; font-size:18px; color:#697114; font-weight:bold;}
.line1 {display:inline-block;margin-right:10px;border:5px solid #003499; width:40px; height:40px; line-height:33px; border-radius:40px; font-family:'Nanum Square-b'; text-align:center; font-size:18px; color:#003499; font-weight:bold;}
.bus_g1 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#5fb73c; border:1px solid #53a135;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}
.bus_g2 { display:inline-block; margin:0 10px 3px 0; width:40px; height:20px; line-height:20px; border-radius:3px; background:#00aeab; border:1px solid #009996;
font-family:'돋움'; text-align:center; font-size:11px; color:#fff; font-weight:bold;}

@media (max-width: 760px) {
	.traffic {display: none;}
	.map_info_wrap {width: 100%;}
}
@media (max-width: 570px) {
	.location_wrap {padding: 30px 15px;}
	.map_info dt {display: block;}
	.location_wrap .subwayBox {padding-bottom: 30px; margin-bottom: 30px;}
	.location_wrap .subwayBox dd {display: block; width: 100%; padding-left: 70px;}
	.location_wrap .busBox dd {display: block; width: 100%; padding-left: 70px;}
	.wrap_map {height: 250px !important;}
}



/*검색*/
.searchBg {width: 100%; padding: 20px 0; background: #f4f6ff;}
.search_wrap { overflow:hidden; margin-bottom:-10px }
.search_wrap b { display:inline-block; width:80px; color:#333 }
.search_wrap b.dot { display:inline-block; vertical-align:middle; width:auto; font-size:24px; margin-right:3px; color:#003499} 

.search_left { float:left; width:50%; padding-left:150px; margin-bottom:10px; text-align:left; }
.search_left input { height:30px; line-height:30px; padding:0 5px; background:#fff; border:1px solid #dadada; }

.search_right { float:left; width:50%; padding-left:50px; margin-bottom:10px; text-align:left; }
.search_right input { height:30px; padding:5px; background:#fff; border:1px solid #dadada; }

.search_right1 { float:left; width:20%; margin-bottom:10px; text-align:left; }
.search_right1 input { height:30px; padding:5px; background:#fff; border:1px solid #dadada; }

.search_right2 { float:left; width:20%; margin-bottom:10px; text-align:left; }
.search_right2 a.btn01 { margin-top:-50px; height:80px; line-height:82px; }

.search_num { padding:10px 0; border-bottom:1px solid #dcdcdc }

.guide_box { overflow:hidden; background:#f6f6f6; border:1px #d9d9d9 solid; padding:20px; margin:0 0 30px; }
.guide_box.mtop30 { margin-top:30px }
.guide_box li { padding-bottom:5px;}
.guide_txt, .guide_txt b { color:#007abc }

/* 검색폼 */
.search_select {border:1px #aaa solid; width:100px; height:30px; line-height: 30px; }
.search_input { padding: 0 10px; background: #FFF; border:1px #aaa solid; width: 360px; height:30px; line-height: 30px; }
a.search_btn, .search_btn { display:inline-block; margin:0 0 0 5px; width: 50px; height: 30px; line-height: 30px; background: #464e6b; border:none; color:#fff; cursor:pointer;}

/* 시험의뢰 기본정보 */
.test_info_box { border:3px #e8e8e8 solid; padding:20px; }
.test_info_box h3 { margin:30px 0 10px; font-size:20px; line-height:30px; font-family:'Nanum Square-b'; color:#000; }
.test_info_box h3.ntop { margin:0 0 10px; }
.test_info_box h3 i { color:#1a88c3; margin-right:5px; }
.test_info_box2 { background:#f6f6f6; border:1px #d9d9d9 solid; padding:20px; }

/* 시험의뢰서 */
.test_ex { padding:20px; }

.test_ex_frame { border:3px #e8e8e8 solid; padding:20px; }
.test_ex_tit { border:1px solid #dcdcdc; border-bottom:none; height:100px; line-height:100px; text-align:center; font-size:30px; font-weight:600; color:#000; }

.test_ex_tit .sign { float:right; width:193px; }
.test_ex_bottom { line-height:30px;text-align:center; }
.test_ex_bottom .name { margin-left:-130px; font-size:16px; font-weight:600; }
.test_ex_tit .table_type01.sign table { border:none; border-left:1px solid #ccc}
.test_ex_tit .table_type01.sign table td { border-bottom:none !important; }

.test_ex_stit { padding:0 0 15px 0; font-size:18px; font-weight:600; color:#000; }
.test_ex_stit  i { color:#1a88c3; margin-right:5px; }

.test_ex_tit2 { border:1px solid #dcdcdc; height:80px; line-height:80px; text-align:center; font-size:27px; font-weight:600; color:#000; }
.test_ex_tit3 { border:1px solid #dcdcdc; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:600; color:#000; }

.test_ex_frame .table_type01.tline { border-top:2px solid #000; }
.test_ex_frame .table_type01 { margin-top:0; }
.test_ex_frame .table_type01 table { border-top:none; border:1px solid #dcdcdc }
.test_ex_frame .table_type01 table th, .test_ex_frame .table_type01 table td { padding:7px; }

.test_ex_frame .table_type01 .in_table { padding:0; border-bottom:none }
.test_ex_frame .table_type01 .in_table table { border:none }
.test_ex_frame .table_type01 .in_table table th, .in_table table td { }

.test_ex b.dot { display:inline-block; vertical-align:middle; width:auto; font-size:24px; margin-right:3px; color:#003499} 

.test_end_box { text-align:center; font-size:20px; line-height:32px; font-weight:600; color:#000; }
.test_end_box .jigin{margin-top:-55px; margin-left: 329px;}
.test_end_box .date { font-size:18px; font-weight:600; color:#666; }

.f_w_left {float:left; width:48%;}
.f_w_right {float:right; width:48%;}

/* 시험의뢰 단계 */
#search_pro { clear:both; margin:0 0 50px 0; }
#search_pro li { list-style:none; float:left; width:15.6%; margin-right:1% }
#search_pro li:last-child { float:left; margin:0 }

/* 탭 off */
#search_pro li .tab { position:relative; display:block; width:100%; height:60px; line-height:60px;
background:#f3f3f3;
/*background:-moz-linear-gradient(top,  #f3f3f3 0%, #f3f3f3 60%, #dadada 100%); 
background: -webkit-linear-gradient(top,  #f3f3f3 0%, #f3f3f3 60%, #dadada 100%);
background: linear-gradient(to bottom,  #f3f3f3 0%, #f3f3f3 60%, #dadada 100%);*/ 
}

#search_pro li .tab:after { position:absolute; top:7px; left:-22px; width:45px; height:45px; transform:rotate(45deg); border-radius:0 5px 0 0; background:#fff; content: '';}
#search_pro li .tab:before { position:absolute; z-index:10; top:7px; right:-22px; width:45px; height:45px; transform:rotate(45deg); border-radius:5px;
background:#f3f3f3;
/*background:-moz-linear-gradient(135deg,  #f3f3f3 0%, #f3f3f3 60%, #dadada 100%);
background: -webkit-linear-gradient(135deg,  #f3f3f3 0%, #f3f3f3 60%, #dadada 100%); 
background: linear-gradient(135deg,  #f3f3f3 0%, #f3f3f3 60%, #dadada 100%); */
content: '';
}
#search_pro li:first-child .tab:after { display:none}

/* 탭 on */
#search_pro li .tab:hover, 
#search_pro li .num1.tab_on,
#search_pro li .num2.tab_on,
#search_pro li .num3.tab_on,
#search_pro li .num4.tab_on,
#search_pro li .num5.tab_on,
#search_pro li .num6.tab_on { 
background:#03b4e8; 
background:-moz-linear-gradient(top,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
background: -webkit-linear-gradient(top,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
background: linear-gradient(to bottom,  #03b4e8 0%, #0098c4 60%, #0098c4 100%);
} 
#search_pro li .tab:hover:before, 
#search_pro li .num1.tab_on:before,
#search_pro li .num2.tab_on:before,
#search_pro li .num3.tab_on:before,
#search_pro li .num4.tab_on:before,
#search_pro li .num5.tab_on:before,
#search_pro li .num6.tab_on:before {
background:#03b4e8;
background:-moz-linear-gradient(135deg,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
background: -webkit-linear-gradient(135deg,  #03b4e8 0%, #0098c4 60%, #0098c4 100%);
background: linear-gradient(135deg,  #03b4e8 0%, #0098c4 60%, #0098c4 100%); 
}
#search_pro li .num1,
#search_pro li .num1:before { background:#f5f5f5; }
#search_pro li .num2,
#search_pro li .num2:before { background:#f3f3f3; }
#search_pro li .num3,
#search_pro li .num3:before { background:#f1f1f1; }
#search_pro li .num4,
#search_pro li .num4:before { background:#e5e5e5; }
#search_pro li .num5,
#search_pro li .num5:before { background:#e3e3e3; }
#search_pro li .num6,
#search_pro li .num6:before { background:#e0e0e0; }

#search_pro li .tab p.tit { text-align:center; font-family:'Nanum Square-e'; padding-left:20px; letter-spacing:-0.5px; font-size:16px; color:#666; }
#search_pro li .tab p.tit i { color:#999; vertical-align:middle; margin:0 10px 0 0; }
#search_pro li .num1 p.tit i { font-size:24px; }
#search_pro li .num2 p.tit i { font-size:27px; }
#search_pro li .num3 p.tit i { font-size:24px; }
#search_pro li .num4 p.tit i { font-size:22px; }
#search_pro li .num5 p.tit i { font-size:24px; }
#search_pro li .num6 p.tit i { font-size:18px; }

#search_pro li .tab:hover p.tit, #search_pro li .tab_on p.tit,
#search_pro li .tab:hover p.tit i, #search_pro li .tab_on p.tit i { color:#fff; }
#search_pro li:first-child .tab:after {border-left:none;}

.text_frame_wrap { overflow:hidden; padding: 40px; border:1px solid #eee; background:#f9f9f9;  }
.text_frame_box { float:left; position:relative; width: 23.5%; height:200px;margin-right:2%; }
.text_frame_box:nth-child(4n) { margin-right:0; }
.text_frame_tit { position:absolute; top:0; background:#082d74; color:#fff; width:100%; height:35px; line-height:35px; font-weight:bold; text-align:center; }
.text_frame { width: 100%; height:165px; background:#fff; border:1px solid #ccc; overflow-y:scroll; position:absolute; top:35px;  }
.add_text_frame {margin-top: 10px;}
.add_text_frame .text_frame_tit {background: #00369a;}

.text_frame a { overflow:hidden; width:100%; height:35px; line-height:35px; }
.text_frame a.on span { background:#8eb5ff; color:#fff }
.text_frame a .l { float:left; width:15%; height:35px; text-align:center; background: #dfeaff; border-bottom:1px solid #ccc; border-right:1px solid #ccc }
.text_frame a .r { float:left; width:85%; height:35px; text-align:left; padding:0 10px; background: #dfeaff; border-bottom:1px solid #ccc }
.text_frame .no_cont { height:163px; line-height:163px; padding:0; background:#fff; text-align:center;  }

.text_add_frame_wrap { overflow:hidden; padding: 20px 40px; background: #f9f9f9; border: 1px solid #eee;}
.text_add_tit { background:#007abc url('../images/common/dot_bg.png') repeat; font-size:20px; color:#fff; font-weight:bold; width:100%; height:50px; line-height:50px; padding-left:30px; }

@media (max-width: 1100px) {
	.text_frame_wrap {padding: 20px;}
	.text_add_frame_wrap {padding: 20px;}
}

@media (max-width: 768px) {
	.text_frame_wrap {padding: 0px; border: none;}
}
@media (max-width: 620px) {
	.text_frame_wrap {padding: 20px; border:1px solid #eee; background:#f9f9f9; }
	.text_frame_box {width: 49%; height: 135px;}
	.text_frame_box:nth-child(2n) { margin-right:0; }
	.text_frame {height: 100px;}
	.text_frame a {height: 30px; line-height: 30px;}
	.text_frame a span {font-size: 14px;}
	.text_frame a .l { float:left; width:15%; height:30px; text-align:center; background: #dfeaff; border-bottom:1px solid #ccc; border-right:1px solid #ccc }
	.text_frame a .r { float:left; width:85%; height:30px; text-align:left; padding:0 10px; background: #dfeaff; border-bottom:1px solid #ccc }
}
@media (max-width: 500px) {
	.text_add_frame_wrap {padding: 5px 0 0; background: none; border: none;}
	.text_add_frame_wrap .tableStyle01 {border: 1px solid #eee;}
}
@media (max-width: 425px) {
	.text_frame_wrap {padding: 15px;}
}

.testBtn {}
.testBtn a {padding: 4px 10px; font-size: 14px;}
.testBtn .testBtn01 {background: #04a6e1; color:#fff;}
.testBtn .testBtn02 {background: #fff; border: 1px solid #ddd;}
.testBtn .testBtn03 {background: #333; color:#fff;}
a.btn_v {display: block; padding: 5px 10px; background: #04a6e1; border-radius: 3px; color:#fff; -ms-word-break: keep-all;
word-break: keep-all; text-align: center; font-weight: 500;}

@media (max-width: 390px) {
	.testBtn a {padding: 4px 8px;}
	.testBtn a i {display: none;}
}


/*로그인모달-------------------------------------------------------- */
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%; height: 100%;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
   -o-transition:      -o-transform .3s ease-out;
	  transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
   -o-transform: translate(0, -25%);
	  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
   -o-transform: translate(0, 0);
	  transform: translate(0, 0);
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-dialog {
	position: relative;
	width: auto;
	height: 100%;
	margin: 0 10px;
	padding-top: 30px;
}
.modal-content {
	position: relative;
	max-width: 640px;
	height: 95%;
	margin: 0 auto;
	padding: 0 20px;
	background: #f5f5f5 url("/images/common/kasti_modalBg.jpg") no-repeat left top;
	-webkit-background-size: 100% 130px;
	background-size: 100% 130px;
	-webkit-background-clip: padding-box;
		  background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 10px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
		  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	z-index: 1041;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}
.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0;
}
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .5;
}

.modalTit {width: 100%; height: 80px; line-height: 80px; text-align: center;}
.modalTit h2 {display: inline-block; color:#fff; font-size: 26px; font-weight: 500;}
.modalBody {height: calc(100% - 150px); padding: 30px 20px ; background: #fff; z-index: 1; border: 1px solid #eee; border-radius: 10px; overflow-y: auto;}
.modalBody::-webkit-scrollbar {width: 5px;}
.modalBody::-webkit-scrollbar-thumb {background: #707580; width: 5px; border-radius: 20px;}
.modalBody::-webkit-scrollbar-track {background: #ddd; border-radius: 20px;}
.modalFooter {width: 100%; padding: 15px 0; overflow: hidden;}
.modalFooter .extraModal {display: inline-block; float: left; overflow: hidden;}
.modalFooter .extraModal a {float: left; margin-right: 5px; padding: 5px 10px; background: #fff; border: 1px solid #ddd; border-radius: 3px;}
.modalFooter .extraModal a:last-child {margin-right: 0;}
.modalFooter .extraModal a:hover {background: #333; border: 1px solid #333; color:#fff;}
.modalFooter .closeModal {display: inline-block; float: right;}
.modalFooter .closeModal button {padding: 5px 15px; background: #333; color:#fff; border-radius: 3px;}
.modalFooter .closeModal button:hover {background: #007ce1;}
.modal .bbs_btn_box {margin-bottom: 0;}

/*loginM*/
#loginModal .modal-content {max-width: 480px; height: auto;}
#loginModal .modalBody {height: auto;}
.loginWrap {overflow: hidden;}
.loginWrap ul {width: 100%;}
.loginWrap ul li {width: 100%; margin-bottom: 15px;}
.loginWrap ul li:last-child {margin-bottom: 0;}
.loginWrap ul li label span {font-size: 16px;}
.loginWrap ul li input {width: 100%; height: 42px; line-height: 42px; margin-top: 5px; padding-left: 10px;}
.loginWrap .loginBtn {width: 100%; margin-top: 10px;}
.loginWrap .loginBtn p {text-align: right;}
.loginWrap .loginBtn p input {margin-right: 5px;}
.loginWrap .loginBtn button {width: 100%; height: 42px; line-height: 42px; background: #04a6e1; color:#fff; font-weight: 500; font-family: 'Montserrat', sans-serif;}

/*joinM*/
#join1Modal .modalBody {padding-bottom: 20px;}
#joinbizModal .modalBody {padding-bottom: 20px;}
#joinmemModal .modalBody {padding-bottom: 20px;}
#join3Modal .modal-content {max-width: 560px; height: auto;}
#join3Modal .modalBody {height: auto;}
.has_btnInput input {width: calc(100% - 90px);}
.w100input input {width: 100%; max-width: 200px;}
.w46input input {width: 46%; max-width: 120px;}
@media (max-width: 450px) {
	.w100input input {max-width: 100%; width: 100%;}
	.resCen {text-align: center;}
}
/*findM*/
#findModal .modalBody {padding: 20px 30px;}

/*modiM*/
.memoutBtn {text-align: center;}
.memoutBtn a { font-size: 14px; color:#000; font-weight: 500;}
.memoutBtn a span {padding-bottom: 5px; border-bottom: 2px solid #007ce1; margin-right: 8px; letter-spacing: 0.5px;}
.memoutBtn a i {font-size: 18px; color:#007ce1;}

/*emailM*/
#emailModal .modal-content {max-width: 480px; height: auto;}
#emailModal .modalBody {height: auto;}
.emailInfo {font-size: 16px; -ms-word-break: keep-all; word-break: keep-all; text-align: center;}

/*memoutM*/
#memoutModal .modal-content {max-width: 500px; height: auto;}
#memoutModal .modalBody {height: auto;}
.outPw {overflow: hidden;}
.outPw input {width: calc(100% - 110px); height: 40px; line-height: 40px; margin-right: 10px;}
.memoutInfo {color:#000f69;}
.memoutInfo span {display: block; color:#fd8204; font-weight: 500;}
@media (max-width: 640px) {
	.outPw input {width: calc(100% - 90px); height: 35px; line-height: 35px;}
}
@media (max-width: 620px) {
	.modal-content {padding: 0 10px;}
	.modalTit {width: 100%; height: 60px; line-height: 60px; text-align: center;}
	.modalTit h2 {display: inline; color:#fff; font-size: 22px; font-weight: 500;}
	.modalBody {height: calc(100% - 130px); padding: 20px 10px ;}
	#findModal .modalBody { padding: 20px 10px ;}
	.modalBody h3.sub_title {font-size: 20px;}
	.modalBody h3.sub_title::before {top: 3px;}
}
@media (max-width: 425px) {
	.memoutInfo span {display: inline-block; -ms-word-break: keep-all;
	word-break: keep-all;}
}



/* 로그인 -------------------------------------------------------- */
.login_box { overflow:hidden; margin:20px 0;padding:60px 0; border:2px solid #a4a4a4; }
.login_box dt { float:left; text-align:left; width:400px; padding:0 0 20px 80px; }
.login_box dt span.stit { display:block; }
.login_box dt span.tit { display:block; padding:15px 0; font-family:'Nanum Square-b'; font-weight:bold; font-size:30px; color:#475893; }

.login_box dd { float:left; padding:5px 0 5px 30px; border-left:1px solid #e8e8e8; }
.login_box .idpw { width:447px; margin:0 auto }
.login_box .idpw ul { float:left; }
.login_box .idpw ul li { padding-bottom:11px; }
.login_box .idpw ul li input[type=text] { width:316px; height:40px; padding:10px; background:#fff; border:1px solid #dadada; }
.login_box .idpw ul li input[type=password] { width:316px; height:40px; padding:10px; background:#fff; border:1px solid #dadada; }

.login_btn_area { float:left; padding:0 0 15px 10px; }
.login_btn { display:block; width:90px; height:90px; line-height:90px; border:none; background:#44c3ec; 
text-align:center; color:#fff; font-size:16px; font-family:"Arial", sans-serif; font-weight:bold; }

/* 아이디비번찾기, 회원가입 버튼 */
.idpass_btn_area { padding-top:30px; }
.join_btn_area { padding-top:10px; }
.idpass_btn_area .tit, .join_btn_area .tit { display:inline-block; width:230px; font-weight:bold; font-size:13px; }
.idpass_btn_area a, .join_btn_area a { display:inline-block; background:#777; color:#fff; font-weight:bold; text-align:left; box-shadow:0 1px 1px 0 #f2f2f2;
width:180px; height:30px; line-height:30px; text-align:center; }

/* 회원가입 -------------------------------------------------------- */
/* 약관동의 */
.agree_check_tit { padding:20px 0 10px; font-size:15px; color:#414141; font-weight:bold }
.agree_check { text-align:center; padding:30px 0; }
.agree_check_stit { display:inline-block; margin-top: 5px; padding-right:35px; font-size:15px; color:#414141; font-weight:bold }

.tab_content { overflow-x:auto; overflow-y:scroll; height:200px; border:1px solid #ddd; background: #f8f9ff; padding:20px; }
.tab_content::-webkit-scrollbar {width: 5px;}
.tab_content::-webkit-scrollbar-thumb {background: #707580; width: 5px; border-radius: 20px;}
.tab_content::-webkit-scrollbar-track {background: #ddd; border-radius: 20px;}
.agree p { margin:10px 0; font-size:15px; }
.agree dl {padding: 0 0 20px 0;}
.agree dt {font-weight:bold; font-size:19px;padding-bottom:10px; color:#000f69}
.agree dd { font-size:15px; padding-bottom:10px;}
.agree ul { margin-top:20px; border:1px solid #eee; padding:20px;}
.agree li {padding: 0 0 5px 0; font-size:15px; color:#535353; }
.agree li dt { font-size:15px; color:#3156a0;}
.agree .subLaw dt {font-weight:bold; font-size:17px;padding-bottom:10px; color:#000}
.agree .policyList {*zoom:1;}
.agree .policyList:after {content:" "; display:block; clear:both;}
.agree .policyList {padding:20px; background:#f6f9ff; border:2px solid #dce4f5; margin: 30px 0;}
.agree .policyList li {float:left; width:33%; padding: 10px 0; line-height:1.3;}
.agree .policyList span {color:#709efe; font-weight:bold; font-size:16px; padding-right:5px;}
.agree .policyList a {font-weight:bold; color:#002878; font-size:16px;}

/* 이메일 수집거부 */
.emailrefuse_box { height:195px; padding:0 20px; border:2px solid #a4a4a4; text-align:center; }
.emailrefuse_tit { padding:35px 0 10px; color:#272727; font-size:20px; font-weight:bold; }
.emailrefuse_info{ padding:10px 0 10px; color:#666; font-size:14px; line-height:21px; }
.emailrefuse_close { padding:10px 0; text-align:center }
.emailrefuse_close a { color:#00A651; font-size:15px; font-weight:bold; }

/* 게시판 버튼영역  -------------------------------------------------------- */
.bbs_btn_box { margin:20px 0; text-align:center; line-height:40px; }
.bbs_btn_box.mtop50 { margin-top:50px }
.bbs_btn_box2 { margin:20px 0; line-height:40px; }

/* 버튼 */
a.btn01, .btn01 { vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:38px; border:1px solid #000f69; background:#000f69; text-align:center; font-weight:bold; color:#fff; }
a.btn02, .btn02 { vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:38px; border:1px solid #04a6e1; background:#04a6e1; text-align:center; font-weight:bold; color:#fff; }
a.btn03, .btn03 { vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:38px; border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold; color:#464646; }
a.btn_gr { vertical-align:top; display:inline-block; height:30px; line-height:28px; padding:0 10px; background:#707580; color:#fff; font-weight:bold; text-align:center; }
a.btn_b { vertical-align:top; display:inline-block; line-height:16px; border-radius:5px; margin:5px; padding:5px 10px; color:#fff; font-weight:bold; text-align:center; font-size:13px;
background: #409DE5; 
background: -moz-linear-gradient(top,  #409DE5 14%, #1e5799 99%); 
background: -webkit-linear-gradient(top,  #409DE5 14%,#1e5799 99%); 
background: linear-gradient(to bottom,  #409DE5 14%,#1e5799 99%);
}

a.btn01 i, a.btn02 i { color:#fff; vertical-align:middle; margin-right:5px; } 
a.btn03 i { color:#464646; vertical-align:middle; margin-right:5px; }

a.btn011, .btn011 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:38px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }
a.btn021, .btn021 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:38px; border:1px solid #237cc1; background:#237cc1; text-align:center; font-weight:bold; color:#fff; }
a.btn031, .btn031 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:38px; border:1px solid #ccc; background:#fff; text-align:center; font-weight:bold; color:#464646; }
a.btn041, .btn041 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:38px; border:1px solid #707580; background:#707580; text-align:center; font-weight:bold; color:#fff; }
a.btn051, .btn051 { vertical-align:top; display:inline-block; padding:0 20px; height:40px; line-height:38px; border:1px solid #0f295d; background:#0f295d; text-align:center; font-weight:bold; color:#fff; }

a.btn011 i, a.btn021 i, a.btn051 i { color:#fff; vertical-align:middle; margin-right:5px; } 
a.btn031 i { color:#464646; vertical-align:middle; margin-right:5px; }

a.btn011.he, .btn011.he { padding:0 10px; height:30px; line-height:28px; }
a.btn021.he, .btn021.he { padding:0 10px; height:30px; line-height:28px; }
a.btn031.he, .btn031.he { padding:0 10px; height:30px; line-height:28px; }
a.btn041.he, .btn041.he { padding:0 10px; height:30px; line-height:28px; }
a.btn051.he, .btn051.he { padding:0 10px; height:30px; line-height:28px; }

@media (max-width: 620px) {
	a.btn01, .btn01 {padding:0 18px; height:35px; line-height:33px; font-size: 15px;}
	a.btn02, .btn02 {padding:0 18px; height:35px; line-height:33px; font-size: 15px;}
	a.btn03, .btn03 {padding:0 18px; height:35px; line-height:33px; font-size: 15px;}
}

/* 회원가입 완료 */
.join_end_box { overflow:hidden; text-align:center; }
.join_end_box h4 {font-weight: 500; font-size:20px; color:#000; }
.join_end_box p {font-size: 15px; line-height:24px;}

/* 아이디비번찾기 */
.find_idpass_check { padding:15px 0; background:#f8f8f8; margin-bottom:20px; border:1px solid #e4e4e4; color:#333; border-radius: 10px; text-align:center; }
.find_idpass { overflow:hidden; margin:5px 0 20px; padding: 20px 30px; background: #f8f8f8; border: 1px solid #eee; border-radius: 10px; text-align:center; }

.find_idpass .sel { margin:0; width: 100%; text-align:left; }
.find_idpass .sel ul {overflow: hidden;}
.find_idpass .sel li {margin-bottom: 10px; overflow: hidden;}
.find_idpass .sel li input + span {line-height: 30px;}
.find_idpass .sel label {display: block; width: 100%; font-size:16px; font-weight:500; color:#000;}
.find_idpass .sel input {width: 100%; margin-top: 5px; background: #fff;}

@media (max-width: 480px) {
	.find_idpass {padding: 15px;}
}
@media (max-width: 380px) {
	.find_idpass {padding: 15px 10px;}
}

/* 아이디비번찾기 확인 버튼 */
.find_idpass_btn_area { display:block; margin-top: 5px;}
a.idpass_btn, .idpass_btn { display:block; width: 100%; height:40px; line-height:40px; border:1px solid #44c3ec; background:#44c3ec;color:#fff;text-align:center; font-size:16px; font-weight:bold; }
a.idpass_btn:hover, .idpass_btn:hover,
a.idpass_btn:focus, .idpass_btn:focus {border:1px solid #44c3ec; background:#44c3ec;color:#fff;text-decoration:none;}

/* 비밀번호입력 */
.pw_input {height:40px !important}

/* 라디오버튼 */
input[type="radio"] { width:20px; height:20px; }
input[type="radio"] + label { position:relative; display:inline-block; padding:0px 30px 0 27px; height:27px; 
background:url('../images/common/radio_no.png') no-repeat 0 3px; background-size:20px 20px; vertical-align:top; cursor:pointer; }
input[type="radio"]:checked + label:after { position:absolute; left:0; top:3px; width:20px; height:20px; content:"";
background:url('../images/common/radio_ch.png') no-repeat; background-size:20px 20px; }
input[type="radio"] { display: none; }

.write_guide input[type="radio"] + label { padding:8px 30px 0 27px; }

/* 인정서현황 */
.cer_down_list { overflow: hidden; }
.cer_down_list dl {width: 23.5%; margin-right: 2%; float: left; margin-bottom: 20px;}
.cer_down_list dl:nth-child(4n) {margin-right: 0;}
.cer_down_list dl dt {border: 1px solid #ddd;}
.cer_down_list dl dd.fileNTit {height: 40px; line-height: 40px; margin: 10px 0 5px; font-size: 16px; font-weight: 500; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.cer_down_list dl dd.btnBox a {width: 100%;}
.cer_down_list dl dd.btnBox2 a {width: 50%; font-size: 14px; padding: 0;}
.cer_down_list dl:hover img {opacity: 0.8;}

@media (max-width: 1400px) {
	.cer_down_list dl {width: 32%; margin-right: 2%; float: left;}
	.cer_down_list dl:nth-child(4n) {margin-right: 2%;}
	.cer_down_list dl:nth-child(3n) {margin-right: 0;}
}
@media (max-width: 1100px) {
	.cer_down_list dl {width: 48%; margin-right: 4%; float: left;}
	.cer_down_list dl:nth-child(3n) {margin-right: 4%;}
	.cer_down_list dl:nth-child(2n) {margin-right: 0;}
}
@media (max-width: 560px) {
	.cer_down_list dl dd.btnBox a {font-size: 15px;}
	.cer_down_list dl dd.btnBox2 a {font-size: 13px;}
}
@media (max-width: 400px) {
	.cer_down_list dl {width: 100%; margin-right: 0; margin-bottom: 50px; float: left;}
	.cer_down_list dl:nth-child(3n) {margin-right: 0;}
} 

/* 공평성 보장 선언문 */
.cer_down_list2 li { width:700px; margin:0 auto }
.cer_down_list2 li .tit { font-size:16px; color:#000; font-weight:bold; background: url('/images/common/bullet_002.gif') left 50% no-repeat; padding:0 0 0 15px }
.cer_down_list2 li img { margin-top:10px; max-width:700px; border:1px solid #e8e8e8}
.cer_down_list2 li .info { text-align:center; margin-top:20px; }

/**협회일정**/
.calendar {position:relative;width:100%;}
.calendar .cal_top {position: relative; margin-bottom: 15px; padding: 15px 20px; border: 1px solid #eee; border-radius: 8px;}
.calendar .cal_top h4{color:#1c1c1c; font-size:20px;  text-align:center;}
.calendar .cal_top h4 span {font-size: 20px; color:#04a6e1;} 

.calendar .cal_top a {padding: 5px 12px; border-radius: 3px; text-align: center;}
.calendar .cal_top a:hover{opacity:0.5;}
.calendar .cal_top a i{display:inline-block; color:#999;}
.calendar .cal_top .btn_left {position: absolute; left: 20px; top: 50%; transform:translateY(-50%);}
.calendar .cal_top .btn_right {position: absolute; right: 20px; top: 50%; transform:translateY(-50%);}
.calendar .cal_top .btn_day {position: absolute; right: 70px; top: 50%; transform:translateY(-50%); border: 1px solid #eee;}
.calendar .cal_top .btn_day:hover {opacity: 1; background: #555; color: #fff;}


.calendar .plan_tb{border-top: 2px solid #04a6e1; border-radius: 8px;}
.calendar .plan_tb.p0{width:100%; border-right:1px solid #eee; border-left:1px solid #eee;}
.calendar .plan_tb.p0 tr{border-bottom:1px solid #e6e6e6;}
.calendar .plan_tb.p0 th{background:#f9f9f9; color:#1c1c1c; font-size:15px; line-height:40px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.calendar .plan_tb.p0 th:last-child {border-right:none}
.calendar .plan_tb.p0 td{padding:5px 7px; border-bottom:1px solid #eee; border-right:1px solid #eee;}
.calendar .plan_tb.p0 td.today {background: #f2faff;}
.calendar .plan_tb.p0 td:last-child {border-right:none}
.calendar .plan_tb.p0 td.last{opacity:0.5;}

.calendar .plan_tb.p0 td a{overflow:hidden; display:block; height:108px; cursor:default;}
.calendar .plan_tb.p0 td .top_txt{height:36px; text-align:right;}
.calendar .plan_tb.p0 td .top_txt span{display:inline-block; color:#161616; font-size:14px; width:32px; line-height:32px; border-radius:50%; text-align:center; box-sizing:border-box;}
.calendar .plan_tb.p0 td .btm_bx{margin-top:5px;}
.calendar .plan_tb.p0 td .btm_bx p{cursor:pointer; height:20px; padding-left:5px; color:#4e4e4e; background:#e8e8e8; margin-bottom:3px; font-size:14px; }
.calendar .plan_tb.p0 td .btm_bx p:last-child{margin-bottom:0;}
.calendar .plan_tb.p0 td .btm_bx p.on2{left:auto; top:auto; position:absolute;width:255px; text-align:center;}
.calendar .plan_tb.p0 td .btm_bx p.on3{left:auto; top:auto; position:absolute;width:391px; text-align:center;}

.calendar .plan_tb.p1{border-left:1px solid #e1e1e1;}
.calendar .plan_tb.p1 tr{}
.calendar .plan_tb.p1 th{line-height:30px; text-align:center; font-size:15px; color:#1c1c1c; background:#eff2f8; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.calendar .plan_tb.p1 td{font-size:14px; height:98px; vertical-align:middle; text-align:center; line-height:20px; padding:0 12px; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.calendar .plan_tb.p1 td>div{display:inline-block; }
.calendar .plan_tb.p0 td.off a{cursor:default;}
.calendar .plan_tb.p1 td span{display:table-cell; vertical-align:middle; width:65px; height:65px; border-radius:50%;}

.calendar_pop{overflow-y:auto; width:540px; height:410px; padding:27px 26px 0 26px; border:2px solid #0d5db6; box-sizing:border-box;}
.calendar_pop h3{margin-bottom:26px; font-size:22px; color:#2f2f2f; text-align:center;}
.calendar_pop h3 a{width:21px; height:21px; display:inline-block; position:relative; top:3px;}
.calendar_pop h3 a.prev{background:url('../images/common/btn_pop_prev.png') ; margin-right:20px;}
.calendar_pop h3 a.next{background:url('../images/common/btn_pop_next.png');  margin-left:20px;}
.calendar_pop table{border-top:2px solid #696c75;}
.calendar_pop table th,.calendar_pop table td{text-align:left; font-size:15px; padding:8px 0 8px 25px;border-bottom:1px solid #dddddd;}
.calendar_pop table th{background:#f9f9f9;}
.calendar_pop table td{color:#3f3f3f;}
.calendar_pop .other_list{margin-top:20px;  margin-bottom:20px;}
.calendar_pop .other_list .s_title{margin-bottom:10px; display:block;}
.calendar_pop .other_list a{font-size:15px;}
.calendar_pop .other_list a:hover{text-decoration:underline;}

@media (max-width: 720px) {
	.calendar .plan_tb.p0 td a {height: 95px;}
}
@media (max-width: 580px) {
	.calendar .cal_top {padding: 10px 20px; }
	.calendar .cal_top h4 {text-align: left;font-size: 18px;}
	.calendar .cal_top .btn_day {right: 50px;padding: 3px 5px; font-size: 14px;}
	.calendar .cal_top .btn_left {left:auto; right: 110px; padding: 3px 5px;}
	.calendar .cal_top .btn_right { padding: 3px 5px;}
	.calendar .plan_tb.p0 td a {height: 60px;}
}
@media (max-width: 460px) {
	.calendar .cal_top h4 {font-size: 16px;}
	.calendar .plan_tb.p0 td {padding: 5px 0;}
	.calendar .plan_tb.p0 td .top_txt {text-align: center;}
	.calendar .plan_tb.p0 td a {height: 55px;}
}

/****************************협회일정******************************/

.calendar .plan_tb.p0 td:first-child .top_txt span,
.calendar .plan_tb.p0 .top_txt span.on3{color:#e80000 !important;}
.calendar .plan_tb.p0 td .top_txt span.on{background: #dfdfdf; }
.calendar .plan_tb.p0 td .top_txt span.on2{color: #04a6e1; font-weight: bold; }
.calendar .plan_tb.p0 td .btm_bx p.on2,.calendar .plan_tb td .btm_bx p.on3{background:#ffb7b7; }
.calendar .plan_tb.p0 td.off{opacity:0.5;}
.calendar .plan_tb.p1 td.on{color:#f20c1b;}
.calendar .plan_tb.p1 td.on2 span{background:#dfdfdf; }
.calendar .plan_tb.p1 td.on3 span{background:#af1620; color:#fff; }
.calendar .plan_tb.p1 tr.on{background:#eff2f8;}
.calendar .plan_tb.p1 tr.on td:not(:nth-child(1)){color:#af1620;}

/* 레이어팝업 */
.layer_wrap { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000000; }
.layer_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=80); }
.layer_area { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff}
 
.pop_wrap { width: 95%; max-width:980px; height: auto; max-height: 90%; padding: 20px; overflow-y:auto; border: 1px solid #ddd; border-radius: 8px; }
.pop_wrap .layerInput { padding: 20px; background: #f9f9f9; border: 1px solid #eee; overflow: hidden; text-align: center; }
.pop_wrap .layerInput span {display: inline-block; margin-right: 10px; color:#000; font-weight: 500;}
.pop_wrap .layerInput span + input {display: inline-block; border: 1px solid #ddd; background: #fff; height: 35px; line-height: 30px; width: 200px;}
.pop_wrap .layerInput span.sample {height: 60px; line-height: 60px; float: left;}
.pop_wrap .layerInput span.sample + textarea {width: calc(100% - 70px); height: 60px; background: #fff; float: left;}

a.pop_close { position:absolute; cursor:pointer; right:0; top:5px; display:block; width:50px; height:50px; border-left:none;}
a.pop_close span {display:inline-block;position:absolute;left:50%;margin-left:-13px;top:50%;margin-top:-1px;width:26px;height:3px;}
a.pop_close span:before {position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:0;transform:rotate(45deg);background-color:#000f69;width:;height:;content:"";display:block;}
a.pop_close span:after {position:absolute;width:26px;height:3px;left:50%;margin-left:-13px;top:0;transform:rotate(-45deg);background-color:#000f69;width:;height:;content:"";display:block;}

/*240220 추가*/
.dot_none li {
	line-height: 1.4;
    padding-bottom: 8px;
}
.dot_none li:before {
	display: none;
}
/*.desc {*/
/*	color: #000f69;*/
/*}*/
.btnLink {
	display: inline-block;
    background: #ededed;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    -ms-word-break: keep-all;
    word-break: keep-all;
    border: 1px solid #afafaf;
	transition: .4s;
	height: 30px;
	line-height: 27px;
    width: 50px;
	text-align: center;
	position: relative;
    left: 10px;
}
.btnLink:hover {
	background: #000f69;
	color: #fff;
}
.note {
	font-size: 14px;
	font-weight: 500;
	margin-top: 10px;
}