/* sub 공통 */
input[type=text], input[type=password], textarea {
	-webkit-border-radius: 0;
	/* 둥근모서리 */
	-webkit-appearance: none;
	/* 그림자 */
}

/* PC */
body select {
	background: url("../images/ico__select_over02.png") no-repeat;
	background-position: right 16px center;
}

.selectWrap select {
	background: none;
}

.pc02 {
	display: block;
}

.mobile02 {
	display: none !important;
}

.subContainer h2 {
	text-transform: uppercase;
}

.subContainer .txt span:not(:first-child) {
	font-size: 18px;
	font-weight: 600;
}

.subContainer .txt span:first-child {
	display: block;
	margin-top: 30px;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-size: 25px;
}

.subContainer .sub_top_btn {
	min-width: 220px;
	height: 45px;
	margin-top: 30px;
	/* padding: 20px; */
	background: #f36f21;
	color: #fff;
	font-family: "GothamBook",  "Noto Sans KR", "Roboto", sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.btn_black {
	width: 150px;
	height: 45px;
	background: #444;
	color: #fff;
	text-transform: uppercase;
	margin: 0 auto;
	/*font-weight:600;*/
}

.text_org {
	color: #f36f21;
}

.text_green {
	color: #0e7818;
}

.text_blue {
	color: #1c3d93;
}

/* contact */
.subContentWrap.contact {
	margin-top:25px;
	border-top:1px solid #d2d2d2;
	position:relative;
}

.subContainer .subContentWrap > section.contact_img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
	margin-top:60px;
}

.subContainer .subContentWrap.contact > section + section {
	margin-top:100px;
}

.go_contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex !important;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	widtH:168px;
	height:45px;
	position:absolute;
	top:-116px;
	right:0;
	background:#444;
	color:#fff;
	font-weight:300;
	text-align:center;
	transform:translateY(50%);
}

.contact_img img:first-of-type {
	margin-right: 28px;
}

.contact_img h3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-direction: column;
	width: 448px;
	height: 167px;
	padding-left: 48px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 36px;
}

.contact_img h3 span {
	display: block;
	font-size: 16px;
	font-weight: 300;
}

.contact section>dl dt, .contact .gallery p, .contact .contact_form p {
	display: inline-block;
	position: relative;
	font-size: 28px;
	font-weight: 500;
}

.contact section>dl dt::before, .contact .gallery p::before, .contact .contact_form p::before
	{
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: -6px;
	left: 0;
	background: #444;
}

.contact section>dl dd {
	margin-top: 40px;
}

.contact_dl02 ol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.contact_dl02 ol li {
	width: 448px;
}

.contact_dl02 ol li figcaption {
	padding: 25px;
	position: relative;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: -1px;
}

.contact_dl02 ol li figcaption::before {
	content: '';
	display: block;
	width: 1px;
	height: 60px;
	background: #444;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-44%);
}

.contact_dl02 ol li figcaption span {
	display: block;
	font-size: 16px;
	font-weight: 300;
}

.contact_dl02 ol li+li {
	margin-left: 28px;
}

.contact_dl03 dd, .contact_dl03 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.contact_dl03 dd {
	width: 100%;
}

.contact_dl03 ul {
	flex-wrap: wrap;
	width: 488px;
	margin-right: 28px;
}

.contact_dl03 ul li {
	width: 224px;
	height: 225px;
	padding-top: 130px;
	border: 1px solid #d2d2d2;
	border-style: solid none;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
}

.contact_dl03 ul li span {
	display: block;
	font-size: 16px;
	font-weight: 400;
}

.contact_dl03 ul li:first-child {
	border-right: 1px solid #d2d2d2;
	background: url("../images/icon_contact01.png") center 56px no-repeat;
}

.contact_dl03 ul li:nth-child(2) {
	background: url("../images/icon_contact02.png") center 56px no-repeat;
}

.contact_dl03 ul li:nth-child(3) {
	border-top: none;
	border-right: 1px solid #d2d2d2;
	background: url("../images/icon_contact03.png") center 56px no-repeat;
}

.contact_dl03 ul li:last-child {
	border-top: none;
	background: url("../images/icon_contact04.png") center 56px no-repeat;
}

.contact .gallery {
	position: relative;
	margin-top: 50px;
}

.contact .gallery .galleryImg {
	width: 100%;
	height: 787px;
	margin-top:40px;
	overflow: hidden;
}

.contact .gallery .galleryImg img {
	width: 100%;
	height: 100%;
}

.contact .gallery .galleryUl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.contact .gallery .galleryUl li {
	width: 210px;
	height: 118px;
	margin: 28px 0 0 28px;
}

.contact .gallery .galleryUl li:nth-of-type(6n+1) {
	margin-left: 0;
}

.contact .gallery .galleryUl li span {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.contact .gallery .galleryUl li span:focus {
	outline: 0;
}

.contact .gallery .galleryUl li img {
	width: 100%;
	height: 100%;
}

.contact .gallery .galleryUl li.on {
	position: relative;
}

.contact .gallery .galleryUl li.on span::before {
	content: "";
	display: inline-block;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 3px solid #f36f21;
	position: absolute;
	top: 0;
	left: 0;
}

.contact_form {
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #d2d2d2;
}

.contact .contact_form p + span {
	display:block;
	margin-top:27px;
	font-size:16px;
	font-weight:300;
}

.contact_form .form_wrap {
	overflow: hidden;
	margin-top:33px;
	padding-top:10px;
	border-top:1px solid #d2d2d2;
}

.contact_form .form_wrap>div {
	float: left;
	width: 47%;
}

.contact_form .form_wrap>div.left {
	margin-right: 6%;
}

.contact_form .form_wrap>div.last {
	clear: both;
	width: 100%;
}

.contact_form .form_wrap>div dl {
	overflow: hidden;
	height: 45px;
	margin-top: 10px;
}

.contact_form .form_wrap>div dl dt, .contact_form .form_wrap>div dl dd {
	float: left;
	height: 45px;
	line-height: 45px;
}

.contact_form .form_wrap>div dl dt {
	width: 238px;
	font-size: 16px;
	font-weight: 500;
}

.contact_form .form_wrap>div dl dt i {
	margin-right: 2px;
}

.contact_form .form_wrap>div dl dd {
	width: calc(100% - 238px);
	font-size: 16px;
}

.contact_form .form_wrap>div.last dl {
	/*height: 145px;*/
	height:auto;
}

.contact_form .form_wrap>div.last dl dd {
	/*height: 145px;*/
	height:auto;
}



.contact_form .form_wrap>div.last dl:last-of-type, .contact_form .form_wrap>div.last dl:last-of-type dd {
	height:auto;
}

.contact_form dl dd input, .contact_form dl dd select, .contact_form dl dd textarea
	{
	width: 100%;
	height: 44px;
	padding: 0 15px;
	border: 1px solid #c2c2c2;
	border-radius: 0;
}

.contact_form dl dd textarea {
	height: 145px;
	padding: 15px;
}

.contact_form dl dd input::placeholder, .contact_form dl dd textarea::placeholder
	{
	color: #999;
}

.contact_form dl dd input[type="text"]:focus, .contact_form dl dd select:focus,
	.contact_form dl dd textarea:focus {
	border: 1px solid #f36f21;
	outline: none;
	color: #444;
}

.contact_form .file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.contact_form .file + .file {
	margin-top:10px;
}

.contact_form input[type="file"] {
	width:420px;
	height:auto;
	padding-left:0;
	border: 0;
}

.contact_form .add_file,
.contact_form .remove_file {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content:center;
	width:45px;
	height:45px;
	border:1px solid #ccc;
}

.contact_form .add_file + button {
	margin-left:5px;
}

.bath_text {
	position:relative;
}

.bath_text textarea:focus + .bath_placeholder {
	display:none;
}

.bath_text textarea {
	background:transparent;
}

.bath_placeholder {
	position:absolute;
	top:15px;
	left:15px;
	line-height:1.8;
	z-index:-1;
}

.bath_placeholder span {
	display:block;
	color:#999;
}

.contact .agree_box {
	width:calc(100% - 238px);
	margin:20px 0 0 238px;;
	padding:30px;
	background:#f7f7f7;
}

.contact .agree_box dt {
	font-size:22px;
}

.contact .agree_box dd {
	font-size:16px;
	font-weight:300;
}

.contact .btn_wrap {
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

.contact .agree_radio {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content:flex-start;
	width:calc(100% - 238px);
	margin:20px 0 0 238px;
}

.contact .agree_radio div + div {
	margin-left:24px;
}

.contact input[type="radio"] {
	display:none;
}

.contact input[type="radio"]+label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 24px;
	position: relative;
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	font-size:16px;
}

.contact input[type="radio"]+label::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 0;
	background: url("../images/bul_radio_off.png") center no-repeat;
	transform:translateY(-50%);
	background-size:97%;
}

.contact input[type="radio"]:checked+label::before {
	width: 13px;
	height: 13px;
	background: url("../images/bul_radio.png") center no-repeat;
	background-size:97%;
}

.contact .contact_admin h4 {
	font-size:24px;
	font-weight:500;
}

.contact .contact_admin {
	margin-top:75px;
}

.contact .contact_admin ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top:20px;
}

.contact .contact_admin ul li {
	width:329px;
	padding:15px 25px;
	border:1px solid #d2d2d2;
}

.contact .contact_admin ul li + li {
	margin-left:28px;
}

.contact .contact_admin ul li dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.contact .contact_admin ul li dl:first-of-type {
	margin-top:10px;
}

.contact .contact_admin ul li dl dt {
	width:90px;
	font-weight:500;
}

.contact .contact_admin ul li dl dd {
	font-weight:300
}

/* Resources */
.reference .top_tab ul {
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width:100%;
	height:60px;
	margin-top:35px;
	border:1px solid #d2d2d2;
	border-style:solid none;
}

.reference .top_tab ul li {
	height:100%;
}

.reference .top_tab ul li + li {
	margin-left:95px;	
}

.reference .top_tab ul li.on {
	position:relative;
}

.reference .top_tab ul li.on::before {
	content:'';
	display:block;
	width:100%;
	height:2px;
	position:absolute;
	bottom:-1px;
	left:0;
	background:#f26f21;
}

.reference .top_tab ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height:100%;
	font-weight:500;
}

.reference .top_tab ul li.on a {
	color:#f26f21;
}

.rfr_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* padding-top: 50px; */
}


.rfr_wrap .btn_resources {
	display: none;
}

.rfr_wrap .left_wrap, .rfr_wrap .left {
	width: 277px;
}

.rfr_wrap .left dl dt button {
	position: absolute;
	top: 50%;
	right: 0;
	font-family:"Roboto";
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
	transform: translateY(-50%);
	text-decoration:underline;
}

.rfr_wrap .left ul:not(:first-of-type) {
	margin-top: 40px;
}

.rfr_wrap .left li {
	position: relative;
}

.rfr_wrap .left li .depth01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 16px;
	border-bottom: 1px solid #444;
	text-transform: uppercase;
}

.rfr_wrap .left input[type="checkbox"] {
	display: none;
}

.rfr_wrap .left label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 24px;
	position: relative;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
}

.rfr_wrap .left label::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 0;
	left: 0;
}

/*.rfr_wrap .left input[type="checkbox"]:checked + label::before {
	border: 1px solid #f36f21;
	background: #f36f21;
}*/
.rfr_wrap .left .list_box li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 18px;
	position: relative;
}

.rfr_wrap .left .list_box li input[type="checkbox"] {
	display: none;
}

.rfr_wrap .left .list_box li label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 24px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 15px;
}

.rfr_wrap .left .list_box li label::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 0;
	left: 0;
}

/*.rfr_wrap .left .list_box li input[type="checkbox"]:checked + label::before {
	border: 1px solid #f36f21;
	background: #f36f21;
}*/
.rfr_wrap .left .btn02 {
	width: 13px;
	height: 7px;
	position: absolute;
	top: 14px;
	right: 0;
	background: url("../images/btn_close01.jpg") center no-repeat;
}

.rfr_wrap .left .btn02.on {
	width: 13px;
	height: 7px;
	background: url("../images/btn_open01.jpg") center no-repeat;
}

.rfr_wrap .left .btn_black {
	width: 100%;
	margin-top: 40px;
}

.rfr_wrap .left .type02 {
	margin-top: 10px;
	border-top: 1px solid #444;
}

.rfr_wrap .left .type02 li {
	margin-top: 15px;
}

.rfr_wrap .left .type02 li.sc label::after {
	content: '';
	display: block;
	width: 13px;
	height: 16px;
	margin-left: 13px;
	background: url("../images/icon_sc.png") center no-repeat;
}

.rfr_wrap .right {
	width: 1043px;
	margin-left: 80px;
	position:relative;
}

.rfr_wrap .right .tab {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.rfr_wrap .right .tab li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;	
	flex:1;
	height: 50px;
	/*margin-right: 12px;
	background: #f5f5f5;*/
	font-weight: 500;
	text-transform: uppercase;
	border-bottom:1px solid #d2d2d2;
}

.rfr_wrap .right .tab li:last-child {
	margin-right: 0;
}

.rfr_wrap .right .tab li.on {
	/*background: #444;*/
	border-bottom:2px solid #444;
}

.rfr_wrap .right .tab li a {
	width: 100%;
	font-weight:300;
	text-align: center;
	color: #666;
}

.rfr_wrap .right .tab li.on a {
	/*color: #fff;*/	
	color:#444;
	font-weight:500;
}

.rfr_wrap .right .products_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 50px;
}

.rfr_wrap .right .products_box img {
	width: 195px;
	height: 195px;
	margin-right: 50px;
}

.rfr_wrap .right .products_box dt {
	margin-top: 10px;
	font-weight: 500;
	font-size: 30px;
}

.rfr_wrap .right .products_box dd {
	margin-top: 15px;
}

.rfr_wrap .right .products_box dd li {
	position: relative;
	padding-left: 10px;
	font-weight:300;
	line-height: 1.8;
}

.rfr_wrap .right .products_box dd li::before {
	content: "-";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.rfr_wrap .right .download_box {
	padding-bottom: 23px;
}

.rfr_wrap .right .download_box:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.rfr_wrap .right .download_box h3 {
	font-size: 28px;
	font-weight: 500;
}

.rfr_wrap .right .download_box:first-child h3 {
	margin-top: 30px;
}

.rfr_wrap .right .download_box div h3 {
	font-size: 25px;
}

.rfr_wrap .right .download_box .down_list dt, .down_list li {
	position: relative;
}

.rfr_wrap .right .download_box .down_list input[type="checkbox"] {
	display: none;
}

.rfr_wrap .right .download_box .down_list label {
	display: block;
	width: auto;
	cursor: pointer;
	flex: 1;
}

.rfr_wrap .right .download_box .down_list label::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	position: absolute;
	top: 50%;
	left: 30px;
	background: url("../images/bul_check_off.png") center no-repeat;
	transform: translateY(-50%);
}

.rfr_wrap .right .download_box .down_list.foldingWrap .down_list_ul label::before {
	width:13px;
	height:13px;
	top:15px;
	left:15px;
	background:none;
	margin-right:10px;
	border:1px solid #444;
	transform:translateY(0);
}

.rfr_wrap .right .download_box .down_list input[type="checkbox"]:checked+label::before
	{
	background: url("../images/bul_check.png") center no-repeat;
}

.rfr_wrap .right .download_box .down_list.foldingWrap .down_list_ul input[type="checkbox"]:checked+label::before {
	widtH:16px;
	height:16px;
	top:15px;
	left:15px;
	border:1px solid #f36f21;
	background:#f36f21;
	margin-right:10px;
	transform:translateY(0);
}



.rfr_wrap .right .download_box dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	margin-top: 20px;
}

.rfr_wrap .right .download_box dl {
	flex-direction: column;
}

.rfr_wrap .right .download_box dl dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 60px;
	padding: 0 30px;
	color: #666;
	font-size: 18px;
	font-weight: 500;	
	width: 100%;
	position:relative;
	background: #f5f5f5;
}

.rfr_wrap .right .download_box dl dt button {
	width:17px;
	height:9px;
	position:absolute;
	top:50%;
	right:30px;
	background:url("../images/btn_open02.jpg") no-repeat;
	transform:translateY(-50%);
}

.rfr_wrap .right .download_box dl dt.on {
	background: #8f8f8f;
	background-position: right 30px center;
	color: #fff;
}

.rfr_wrap .right .download_box dl dt.on button {
	background: url("../images/btn_close02.jpg") no-repeat;
}

.rfr_wrap .right .download_box dl dt strong {
	display: block;
}

.rfr_wrap .right .download_box dl dt span {
	display: inline-block;
	/* margin-left:80px; */
	font-family: "Roboto", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

.rfr_wrap .right .download_box dt.on span {
	color: #fff;
}

.rfr_wrap .right .download_box dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	border: 1px solid #d2d2d2;
	border-top: none;
	display: none;
}

.rfr_wrap .right .download_box dl dd ul {
	width: 100%;
}

.rfr_wrap .right .download_box dl dd ul.test_ul li {
	padding:30px !important;
}


.rfr_wrap .right .download_box dl dd ul:not(.fileUl) li {
	/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	*/
	width: 100%;
	padding-left: 10px;
	position: relative;
	line-height: 2.5;
}


.rfr_wrap .right .download_box dl dd ul li.video--url,
.rfr_wrap .right .download_box dl dd ul li.video--file {
	display:list-item;	
} 

.rfr_wrap .right .download_box dl dd ul li.video--url 


.rfr_wrap .right .download_box dl.foldingWrap.video li {
	padding-left:0;
}

.rfr_wrap .right .download_box dl dd ul:not(.fileUl) li a{
	width: 100%;
}

.rfr_wrap .right .download_box dl dd ul li .video--img a {
	width:auto;	
} 

.rfr_wrap .right .download_box dl dd li a:hover {
	text-decoration: underline;
}

.rfr_wrap .right .download_box dl dd li a:hover, .rfr_wrap .right .download_box dl dd li:hover::before
	{
	color: #f36f21;
}

.rfr_wrap .right .download_box dl dd li .btn_down a {
	width: 1.2vw;
	height: 25px;
}

.rfr_wrap .right .download_box dl dd li .btn_down a:last-child {
	margin-right: 0;
}

.rfr_wrap .right .download_box dl dd li .btn_down a img {
	width: 100%;
	max-width: 100%;
	vertical-align: baseline;
}

.rfr_wrap .right .download_box .down_list_ul>span {
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
	height: 73px;
	padding: 0 30px;
	background: #fafafa;
	font-weight: 300;
}

.rfr_wrap .right .download_box .down_list_ul .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 20px 30px;
}

.rfr_wrap .right .download_box .down_list_ul .box div {
	width: 490px;
}

.rfr_wrap .right .download_box .down_list_ul .box.test_box div {
	width:100%;
}

.rfr_wrap .right .download_box .foldingWrap .down_list_ul .box div {
	width: auto;
}

.rfr_wrap .right .download_box .down_list_ul .box strong {
	padding-left: 40px;
	position: relative;
	font-size: 16px;
	font-weight: 400;
}

.rfr_wrap .right .download_box .down_list_ul .box strong::before {
	content: '';
	display: block;
	width: 23px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 0;
	background-size:cover !important;;
	transform: translateY(-50%);
}

.rfr_wrap .right .download_box .down_list_ul .box strong.cad::before {
	background: url("../images/icon_cad.png") center no-repeat;
}

.rfr_wrap .right .download_box .down_list_ul .box strong.pdf::before {
	background: url("../images/icon_pdf.png") center no-repeat;
}

.rfr_wrap .right .download_box .down_list_ul .box label {
	/*padding-left: 20px;*/
}

.rfr_wrap .right .download_box .down_list_ul .box label::before {
	left: 0;
}

.rfr_wrap .right .file_down {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width:1043px;
	height:90px;
	position:fixed;
	bottom:0;
	left:50%;
	background:#fff;
	border-top:1px solid #d2d2d2;
	transform:translateX(-32.9%);
	display:none;
	z-index:1;
}

.rfr_wrap .right .file_down button {	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 185px;
	height: 45px;
	color: #fff;
	background: #444;
}

.blind_data {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
}

.blind_data li {
	width: 508px;
	margin: 0 27px 27px 0;
	padding: 55px 40px;
	border: 1px solid #d2d2d2;
}

.blind_data li:nth-child(2n) {
	margin-right: 0;
}

.blind_data li h3 {
	font-size: 20px;
	font-weight: 600;
}

.blind_data li dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 20px;
}

.blind_data li dl dt {
	min-width: 80px;
	font-size: 16px;
	font-weight: 500;
}

.blind_data li dl dd {
	font-weight: 300;
}

/* reference list */

.reference .subContainer.rf_top {
	padding-bottom:25px;
}

.reference.subContainer {
	/*padding-bottom:100px;*/
}

.reference.subContainer::before {
	display: none;
}

.reference_slide .againWrap {
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}

.reference_slide .againWrap .againUl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.reference_slide .againWrap .againUl li {
	width: 100%;
	min-width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}

.reference_slide .againWrap .againUl li a {
	display: block;
	height: 100%;
}

.reference_slide .againWrap .againUl li a div {
	width: 100%;
	height: 100%;
}

.reference_slide .sliderTxtWrap {
	width: 1184px;
	height: 187px;
	background: rgba(255, 255, 255, 0.95);
	position:relative;
	left: initial;
}

.reference_slide .sliderTxtWrap .txtWrap {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 30px 0;
	position: relative;
}

.reference_slide .sliderTxtWrap ul li {
	display: none;
}

.reference_slide .sliderTxtWrap ul li:first-of-type {
	display: block;
}

.reference_slide .sliderTxtWrap .title {
	width: 100%;
	padding: 0;
	font-family: "Gotham-Medium", "Noto Sans KR";
	text-transform: uppercase;
}

.reference_slide .sliderTxtWrap .title p {
	overflow: hidden;
	display: -webkit-inline-box;
	width: 100%;
	max-height: 6vw;
	margin-top: 16px;
	padding: 0;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	vertical-align: top;
	text-overflow: ellipsis;
	font-family: "GothamBook",  "Noto Sans KR", "Roboto", sans-serif;
	font-size: 25px;
	color: #444;
	word-break: break-all;
}

.reference_slide .sliderTxtWrap .title span {
	display: block;
	position: absolute;
	top: 25px;
	left: 0;
	color: #f36f21;
	font-size: 14px;
}

.reference_slide .sliderTxtWrap dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.reference_slide .sliderTxtWrap dl:first-of-type {
	margin-top: 8px;
}

.reference_slide .sliderTxtWrap dl dt {
	min-width: 140px;
	font-size: 16px;
	font-weight: 500;
}

.reference_slide .sliderTxtWrap dl dt.location {
	padding-left: 27px;
	background: url("../images/icon_location.png") center left no-repeat;
}

.reference_slide .sliderTxtWrap dl dt.complet {
	padding-left: 27px;
	background: url("../images/icon_comple.png") center left no-repeat;
}

.reference_slide .sliderTxtWrap dl dd {
	font-size: 16px;
	font-weight: 400;
}

.reference_slide .sliderTxtWrap .txtWrap>div::before {
	display: none;
}

.reference_slide .sliderTxtWrap .prevNext {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	bottom: 30px;
	right: 30px;
}

.reference_slide .sliderTxtWrap .prevNext button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border: 1px solid #444;
}

.reference_slide .sliderTxtWrap .prevNext button.next {
	border-left: 0;
}

.reference_slide .sliderTxtWrap .prevNext button img {
	width: auto !important;
	height: auto !important;
}

.reference_search {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 70px;
}

.reference_search ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.reference_search ul li {
	margin-right: 35px;
}

.reference_search ul li:last-child {
	margin-right: 0;
}

.reference_search ul li a {
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-size: 16px;
	font-weight:600;
	text-transform: uppercase;
}

.reference_search ul li a.on {
	position: relative;
	color: #f36f21;
}

.reference_search ul li a.on::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: #f36f21;
}

.reference_search ul li a span {
	display: inline-block;
}

.rfr_wrap {
	overflow: hidden;
	width: 100%;
	margin-top: 55px;
}

.rfr_wrap select {
	height: 50px;
	border: 1px solid #c2c2c2;
	color: #444;
	letter-spacing: -0.8px;
}

.rfr_wrap dt {
	margin-top:10px;
	font-size: 20px;
	font-weight: 600;
}

.reference .left dl {
}

.reference .left dl dt {
	position:relative;
}

.reference .left dl dt::before {
	content: '';
	display: inline-block;
	width: 22px;
	height: 19px;
	margin-right: 7px;
	background: url("../images/icon_filter.jpg") center no-repeat;
	vertical-align: middle;
}

.reference .left dd>ul>li {
	position: relative;
}

.reference .left dd>ul>li .depth01 {
	padding-bottom: 12px;
	border-bottom: 1px solid #444;
}

.reference .left dd>ul>li .depth01 {
	margin-top: 30px;
}

.reference .left .list_box li {
	text-transform: uppercase;
}

.reference .left input[type="checkbox"], .reference .left input[type="radio"]
	{
	display: none;
}

.reference .left label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 24px;
	position: relative;
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
}

.reference .left input[type="checkbox"]+label::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/bul_check_off.png") center no-repeat;
	background-size: contain;
}

.reference .left input[type="checkbox"]:checked+label::before {
	width: 15px;
	height: 15px;
	background: url("../images/ico__check_on.jpg") center no-repeat;
	background-size: contain;
}

.reference .left input[type="radio"]+label::before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/bul_radio_off.png") center no-repeat;
	background-size: contain;
}

.reference .left input[type="radio"]:checked+label::before {
	width: 15px;
	height: 15px;
	background: url("../images/bul_radio.png") center no-repeat;
	background-size: contain;
}

.reference .left .list_box li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-top: 18px;
	position: relative;
}

.reference .left .list_box li input[type="checkbox"] {
	display: none;
}

.reference .left .list_box li label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-left: 24px;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	font-size: 15px;
}

/*.reference .left .btn02 {
	width: 13px;
	height: 7px;
	position: absolute;
	top: 14px;
	right: 0;
	background: url("../images/btn_open01.jpg") center no-repeat;
}

.reference .left .btn02.on {
	width: 13px;
	height: 7px;
	background: url("../images/btn_close01.jpg") center no-repeat;
}*/

/* .range_wrap {
                height: 185px;
            } */

/* slide option */

@media screen and (min-width: 1399px) {
  .withTW.range {height:150px;}
}
@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .withTW.range {height:10.7143vw;}
}
@media screen and (max-width: 1023px) {
	.withTW.range {height:34vw;}
}
.range_option {
	height: 136px;
}

.slider-wrapper {
	width: 100%;
	display: inline-block;
	position: relative;
}

.ui-slider {
	width: 100%;
	background: #c3c3c3;
	height: 2px;
	position: relative;
}

.ui-slider-range {
	background: #f36f21;
	height: 2px;
	position: absolute;
	top: 0;	
}

.ui-slider-range::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.3;
}

.ui-slider-handle {
	background: url("../images/bul_range.png") center no-repeat;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	display: block;
	transform: translate(-50%, -50%);
	z-index: 10;
	cursor: move;	
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.ui-slider-handle:focus {
	outline: none;
}

.ui-slider-handle:active {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}

.text_only {
	border: none;
	outline: none;
	color: #f36f21
}

input[type="text"].text_only:focus {
	border: none !important;
	outline: none;
}

.range_wrap {
	margin-top: 15px;
	padding: 0 6px;
}

.range_option label::before {
	display: none !important;
}

.range_option p {
	margin-top: 15px;
}

span.step {
	display: block;
	position: absolute;
	top: 4px;
	color: #444;
	font-family: "Open Sans", sans-serif;
}

span.step.per0 {
	left: -4px;
}

span.step.per30 {
	left: 30%;
}

span.step.per65 {
	left: 65%;
}

span.step.per100 {
	right: -4px;
}

/* 210813 추가 */
.reference .left .list_box.list_box02 li {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: flex-start;
	flex-direction:column;
}

.reference .left .list_box.list_box02 li .depth02 {
	margin-left:24px;
}

.reference .left .list_box.list_color .color {
	display:inline-block;
	width:11px;
	height:11px;
	margin:-2px ​0 0 10px;
	border-radius:100%;
	border:1px solid #444;
}

.reference .left .list_box.list_color li:first-child .color {
	background:#fff;
}

.reference .left .list_box.list_color li:nth-child(2) .color {
	background:#ffff99;
}

.reference .left .list_box.list_color li:nth-child(3) .color {
	background:#ffff00;
}


.reference .left .list_box.list_color li:nth-child(4) .color {
	background:#ff9900;
}

.reference .left .list_box.list_color li:nth-child(5) .color {
	background:#984807;
}

.reference .left .list_box.list_color li:nth-child(6) .color {
	background:#a6a6a6;
}

.reference .left .list_box.list_color li:last-child .color {
	background:#000;
}



.reference .right {
	float: right;
}

.reference .right>span {
	display: block;
	font-weight: 400;
	color: #444;
}

.reference .right>span i {
	color: #f36f21;
}

.subContainer.reference::before {
	height: 130px;
	min-height: 130px;
}

/* reference grid */
.subContainer.reference .grid {
	width: 1043px;
	max-width: 1043px;
	margin: 20px auto 0;
}

.subContainer.reference .gutter-sizer {
	width: 28px;
}

.subContainer.reference .grid-sizer, .subContainer.reference .grid-item
	{
	/* width: 459px;
                max-width: 448px; */
	width: 50%;
	max-width: 507px;
}

.subContainer.reference .grid-item {
	overflow: hidden;
	margin-bottom: 28px;
	/* 
                -webkit-transform: translateY(100px);
                -ms-transform: translateY(100px);
                transform: translateY(100px);
                opacity: 0;
                -webkit-transition: 1s;
                -o-transition: 1s;
                transition: 1s; */
}

.subContainer.reference .grid-item a {
	display: block;
	width: 100%;
	overflow: hidden;
}

.subContainer.reference .grid-item.on {
	/* -webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1; */
	
}

.subContainer.reference .grid-item img {
	display: block;
	width: 100%;
	max-width: 100%;
}

.subContainer.reference .grid-item .txtWrap {
	padding: 25px 30px;
	border: 1px solid #d2d2d2;
	border-top: 0;
}

.subContainer.reference .grid-item .txtWrap span {
	display: block;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-size: 14px;
	text-transform: uppercase;
}

.subContainer.reference .grid-item .txtWrap p {
	overflow: hidden;
	display: -webkit-inline-box;
	width: 100%;
	max-height: 6vw;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	vertical-align: top;
	text-overflow: ellipsis;
	font-family: "GothamBook", "Noto Sans KR", "Roboto", sans-serif;
	font-size: 20px;
	word-break: break-all;
}

.subContainer.reference .grid-item a:hover .txtWrap {
	background: #0e111a;
	border-color: #0e111a;
}

.subContainer.reference .grid-item a:hover .txtWrap span {
	color: #406ad5;
}

.subContainer.reference .grid-item a:hover .txtWrap p {
	color: #fff;
}

/* reference view */
.subContainer .referenceDetailWrap {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #d2d2d2;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail h3
	{
	font-family: "Gotham-Medium", "Noto Sans KR";
	text-transform: capitalize;
	font-size: 36px;
	text-transform: uppercase;
	position: relative;
	font-weight: 500;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail h3 span
	{
	display: block;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-size: 14px;
	text-transform: uppercase;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag span
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	margin-left: 8px;
	padding: 0 10px;
	background: #ebebeb;
	color: #444;
	font-weight: 400;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag span:first-child
	{
	margin-left: 0;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo
	{
	position: relative;
	margin-top: 50px;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg
	{
	width: 100%;
	height: 860px;
	overflow: hidden;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg img
	{
	width: 100%;
	height: 100%;
}

/* 210828 추가 */
.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg .rfr_btn {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	transform:translateY(-50%);
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg button  {
	position:absolute;
	top:0;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg button.prev {
	left:0;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg button.next {
	right:0;
}



.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.9);
	padding: 30px 0 30px 40px;
	width: 60%;
	flex-wrap: wrap;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	font-size: 15px;
	font-weight: 500;
	width: 50%; 
}
@media screen and (max-width: 1023px) {
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p {width: 100% !important;}	
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p + p {
	/*margin-left:40px;*/
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p i
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-width: 20px;
	width: 20px;
	height: 20px;
}


@media screen and (min-width: 1399px) {
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p strong { margin-left: 10px; min-width: 120px; }
}
@media screen and (min-width: 1024px) and (max-width: 1398px) {
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p strong { margin-left: 0.7143vw; min-width: 8vw; }
}
@media screen and (max-width: 1023px) {
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p strong { margin-left: 4vw; min-width: 26vw; }
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p:nth-child(odd){
	width: 50%;
}
.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p:nth-child(even){
	width: 50%
}
@media screen and (min-width: 1399px) {
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p:nth-child(even) strong {
		min-width: 80px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p:nth-child(even) strong {
		min-width: 5vw;
	}
}



.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p span
	{
	margin: 0 20px;
	font-weight: 300;
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	max-width:100%;
	overflow:hidden;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li
	{
	width: 210px;
	height: 129px;
	margin: 28px 0 0 28px;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li:nth-of-type(6n+1)
	{
	margin-left: 0;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li span
	{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li span:focus
	{
	outline: 0;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li img
	{
	width: 100%;
	height: 100%;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li.on
	{
	position: relative;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li.on span::before
	{
	content: "";
	display: inline-block;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: 3px solid #f36f21;
	position: absolute;
	top: 0;
	left: 0;
}

.subContainer .referenceDetailWrap .referenceDetailContWrap .btn_wrap {
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

/* reference site */
.subContainer .fadWrap>.fadTopWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	border-top: 1px solid #d2d2d2;
	width: 100%;
}

.subContainer .fadWrap .fadTopWrap .litWrap div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-right:auto;
}

.subContainer .fadWrap .fadTopWrap {width:100%;}

.subContainer .fadWrap .fadTopWrap .litWrap dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: 20px;
	width:100%;
}

.subContainer .fadWrap .fadTopWrap .litWrap dl dt {
	margin-right: 20px;
	font-weight: 500;
}

.subContainer .fadWrap .fadTopWrap .litWrap dl dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width:95%;
}

.subContainer .fadWrap .fadTopWrap .litWrap select {
	width: 190px;
	height: 45px;
	margin-right: 6px;
	border: 1px solid #d2d2d2;
}

.subContainer .fadWrap .fadTopWrap .litWrap select option {
	width:100%;
}

.subContainer .fadWrap .fadTopWrap .litWrap dl dd input[type="text"] {
	width:340px;
	margin-right:6px;
}

.subContainer .fadWrap .fadTopWrap .litWrap .btn {
	width: 45px;
	height: 45px;
	min-width: 45px;
	margin-top: 20px;
	padding: 0;
}

.subContainer .fadWrap .mapWrap {
	margin-top: 20px;
	position: relative;
}

.subContainer .fadWrap .mapWrap #map {
	width: 100%;
	height: 580px;
}

.subContainer .fadWrap .mapWrap #map .info1 {
	padding:20px 30px 0 30px;
}

.subContainer .fadWrap .mapWrap #map .info1 strong {
	max-width: 90%;
}

.subContainer .fadWrap .mapWrap #map .info2 {
	margin-top:5px;
	padding:0 30px;
}

.subContainer .fadWrap .mapWrap #map .info2 dl + dl {
	margin-top: 10px;
}

/* 210826 추가 */
#map > div > div:first-child > div:last-child > div:last-child:not(.markerInfo) {
	/*width:430px !important;
	height:478px !important;*/
	border:none !important;
}

.subContainer .fadWrap .mapWrap #map .markerInfo {
	width:430px;
	height:auto;
	padding-bottom:30px;
	background: #fff;
	line-height: 1.6;
}
.subContainer .fadWrap .mapWrap .markerInfo img {
	width:100%;
	max-width:100%;
}

.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo dl {
	height: 40px;
}

.subContainer .fadWrap .mapWrap .mapListUl li+li {
	margin-left: 28px;
}

.subContainer .fadWrap .mapWrap .mapListUl li:nth-of-type(3n+4) {
	margin-left: 0;
}

.subContainer .fadWrap .mapWrap .markerInfo .info1 strong {
	font-size: 18px;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	/*word-wrap: break-word;*/
	line-height: 1.6em;
	height: 1.6em;	
	font-weight: 500;
	
	
}
.subContainer .fadWrap .mapWrap .markerInfo .info1 strong a {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	max-width:100%;
	overflow:hidden;
}

.subContainer .fadWrap .mapWrap .markerInfo .info1 span {
	font-family: "Gotham-Medium", "Noto Sans KR";
	text-transform: uppercase;
	display: inline-block;
	font-size: 13px;
}

.subContainer .fadWrap .mapWrap .markerInfo .info1 strong {
	display: block;
}

.subContainer .fadWrap .mapWrap .markerInfo .info1 img {
	width: 20px;
	height: auto;
}

.subContainer .fadWrap .mapWrap .markerInfo .info2 dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.subContainer .fadWrap .mapWrap .markerInfo .info2 dl dt {
	width: auto;
	min-width: 70px;
	font-weight: 500;
}

.subContainer .fadWrap .mapWrap div:last-child.info03 {
	width:100% !important;
	height:auto !important;
}

.subContainer .fadWrap .mapWrap .markerInfo .info3 button {
	background:#f36f21;
	color:#fff;
	margin-top:10px;
}

.subContainer .fadWrap .mapWrap .markerInfo .btn_view {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	margin-top: 10px;
	background: #dfdfdf;
	color: #888;
	font-size: 16px;
}

.subContainer .fadWrap .mapWrap .markerInfo .btn_view.on {
	background: #444;
	color: #fff;
}

.subContainer .fadWrap .mapWrap .markerInfo .info2 dl dd.txt__email a {
	color: #f36f21;
}

.subContainer .fadWrap .mapWrap .markerInfo .info2 dl dd.txt__homepage a
	{
	color: #1a73e8;
}

.subContainer .fadWrap .mapWrap .markerInfo .info2 dl:first-of-type dd {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	max-width:100%;
	overflow:hidden;
	display: inline-block !important;
	display: flex; align-items: center;	
}
.subContainer .fadWrap .mapWrap .markerInfo .info2 dl:first-of-type dd span {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	max-width:100%;
	overflow:hidden;
	display: block;
}

.subContainer .fadWrap .mapWrap .markerInfo .info3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width:100%;
}

.subContainer .fadWrap .mapWrap .markerInfo .info3 button {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px 30px;
	width:370px;
	height:45px;
}

.subContainer .fadWrap .mapWrap .markerInfo .info3 a.btn_sv {
	border: 1px solid #f36f21;
	background: #f36f21;
	color: #fff;
}

.subContainer .fadWrap .mapWrap .markerInfo .info3 a.btn_zh {
	border: 1px solid #444;
}

.subContainer .fadWrap .mapWrap .markerInfo .info3 a+a {
	margin-left: 10px;
}

.subContainer .fadWrap .mapWrap .gm-style .gm-style-iw-c {
	border-radius: 0 !important;
	padding: 0 !important;
	font-size: initial !important;
	font-weight: 400 !important;
	max-height: initial !important;
}

.subContainer .fadWrap .mapWrap .gm-style .gm-style-iw-c button {
	top: 20px !important;
	right: 20px !important;
	width: 30px !important;
	height: 30px !important;
}

.subContainer .fadWrap .mapWrap .gm-style .gm-style-iw-c button img {
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
}

.subContainer .fadWrap .mapWrap .gm-style .gm-style-iw-d {
	max-height: inherit !important;
	overflow: hidden !important;
}

.subContainer .fadWrap .mapWrap .mapListUl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.subContainer .fadWrap .mapWrap .mapListUl li {
	width: calc(33.33% - 19px);
	margin-top: 28px;
}

.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo {
	padding: 20px 40px;
	border:1px solid #d2d2d2;
}

.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo .info2 {
	margin: 5px 0 0;
}

.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo .info2 a {
	color: #f36f21;
	text-decoration: underline;
}

.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo .info2 a.txt__homepage
	{
	color: #1a73e8;
}

.subContainer .fadWrap .mapWrap .mapListUl + .btnWrap {
	-webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}


/* 레퍼런스 팝업 */
.lpSection.referenceView .lpWrap {
	width: 760px;
	/*height: 100vh;*/
	max-height:90vh;
}

.lpSection.referenceView .lpWrap .lpContainer {
	overflow-y:auto;
	height:calc(90vh - 70px);
	padding:0;
}

.lpSection.referenceView .lpWrap .lpcont_wrap {
	padding:30px;
}

.lpSection.referenceView .info, .lpSection.referenceView .info dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.lpSection.referenceView .info dl dd span {
	text-overflow:ellipsis;
	white-space:nowrap;
	word-wrap:normal;
	max-width:100%;
	overflow:hidden;
	display: block;
}
.lpSection.referenceView .info dl dd {flex: 1;}

.lpSection.referenceView .info {
	padding-bottom: 30px;
	border-bottom: 1px solid #d2d2d2;
}

.lpSection.referenceView .info dl {
	width: 50%;
}

.lpSection.referenceView .info dl dt, .lpSection.referenceView .info dt i
	{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.lpSection.referenceView .info dl i {
	margin-right: 12px;
}

.lpSection.referenceView .info dl:nth-of-type(odd) dt {
	width: 100px;
}
.lpSection.referenceView .info dl:nth-of-type(even) dt {
	width: 120px;
}

.lpSection.referenceView .info dl:nth-of-type(odd) dd {
	width: calc(100% - 100px);
}
.lpSection.referenceView .info dl:nth-of-type(even) dd {
	width: calc(100% - 120px);
}



.lpSection.referenceView .tag {
	padding: 15px 0;
}

.lpSection.referenceView .tag dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.lpSection.referenceView .tag dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width:143px;
	margin-right: 17px;
}

.lpSection.referenceView .tag dt i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-right: 12px;
}

.lpSection.referenceView .tag dl dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap:wrap;
}

.lpSection.referenceView .tag span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	height: 35px;
	margin:0 8px 8px 0;
	padding: 0 12px;
	position: relative;
	background: #ebebeb;
	cursor: pointer;
}

.lpSection.referenceView .tag span:hover {
	background: #444;
	color: #fff;
}

.lpSection.referenceView .tag span div {
	display: none;
	width: 180px;
	height: 180px;
	position: absolute;
	top: 35px;
	left: 0;
	border: 1px solid #444;
	z-index: 10;
}

.lpSection.referenceView .tag span:hover div {
	display: block;
}

.lpSection.referenceView .tag span div img {
	width: 100%;
	max-width: 100%;
}

.lpSection.referenceView .tag i {
	margin-right: 12px;
}

.lpSection.referenceView .pop_slide {
	overflow: hidden;
	width: 100%;
	height: 460px;
	position: relative;
}

.lpSection.referenceView .pop_slide li a img {
	width: 100%;
	max-width: 100%;
}

.lpSection.referenceView .btn_black {
	display: block;
	margin: 20px auto 0;
}

.lpSection.referenceView .owl-nav button {
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	background: rgba(34, 34, 34, 0.7) !important;
	transform: translateY(-100%);
}

.lpSection.referenceView .owl-nav button span {
	display: block;
	text-indent: -99999px;
}

.lpSection.referenceView .owl-nav button.owl-prev {
	left: 0;
}

.lpSection.referenceView .owl-nav button.owl-prev span {
	background: url("/resources/front/images/popup_prev.png") center
		no-repeat;
}

.lpSection.referenceView .owl-nav button.owl-next {
	right: 0;
}

.lpSection.referenceView .owl-nav button.owl-next span {
	background: url("/resources/front/images/popup_next.png") center
		no-repeat;
}

/* search */
.search_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
}

.search_top .search_word {
	width: 1052px;
	margin-right: 70px;
}

.search_top .search_word div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.search_top .search_word input[type="text"] {
	width: 904px;
	height: 60px;
	padding: 0 20px;
	border: 1px solid #444;
	border-right: 0;
}

.search_top .search_word input[type="text"]::placeholder {
	color: #999;
}

.search_top .search_word input[type="text"]:focus {
	border: 1px solid #f36f21;
	outline: none;
	color: #444;
}

.search_top .search_word button {
	width: 150px;
	height: 60px;
	margin-left: -6px;
}

.search_top .search_word h3 {
	margin: 1.4vw 0 10px 0;
	font-size: 18px;
	font-weight:500;
	text-transform: uppercase;
}

.search_top .search_word .tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 54.8vw;
}

.search_top .search_word .tag a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 35px;
	margin: 0 8px 8px 0;
	padding: 0 10px;
	background: #ebebeb;
	color: #444;
	font-weight: 400;
}

.search_rank {
	width: 278px;
	margin-top: -79px;
	border: 1px solid #d2d2d2;
}

.search_rank dt {
	height: 60px;
	padding: 0 25px;
	border-bottom: 1px solid #d2d2d2;
	font-size: 18px;
	font-weight:600;
	text-transform: uppercase;
	line-height: 60px;
}

.search_rank dd {
	height: 240px;
	padding: 20px 25px 20px 0;
}

.search_rank dd ol {
	overflow-y: auto;
	height: 190px;
	padding-left: 25px;
}

.search_rank dd ol::-webkit-scrollbar {
	width: 6px;
}

.search_rank dd ol::-webkit-scrollbar-track {
	background-color: transparent;
}

.search_rank dd ol::-webkit-scrollbar-thumb {
	background-color: #d0d0d0;
}

.search_rank dd ol::-webkit-scrollbar-button {
	width: 0;
	height: 0;
}

.search_rank dd span {
	display: inline-block;
	width: 20px;
	margin-right: 10px;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-weight: 500;
}

.search_list_wrap {
	margin-top: 50px;
}

.search_list_wrap .search_tab ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.search_list_wrap .search_tab ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 278px;
	height: 50px;
	margin: 0 2px 2px 0;
	padding: 0 25px;
	background: #f7f7f7;
	font-weight:500;
	text-transform: uppercase;
	cursor: pointer;
}

.search_list_wrap .search_tab ul li span {
	margin-left: auto;
}

.search_list_wrap .search_tab ul li.on {
	background: #f36f21;
	color: #fff;
}

/*.search_list_wrap .search_tab ul li:nth-child(5n) {
margin-right: 0;
}*/
.search_list_wrap .search_tab ul li.no_result {
	background: #e7e7e7;
	color: #888;
	pointer-events: none;
}

.search_list_wrap .search_list {
	margin-top: 40px;
}

.search_list_wrap .search_list .result {
	margin-bottom: 20px;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-size: 18px;
	font-weight: 400;
}

.search_list_wrap .search_list dt {
	height: 60px;
	margin-bottom: 20px;
	padding: 0 30px;
	background: #8f8f8f;
	color: #fff;
	font-family: "GothamBook",  "Noto Sans KR", "Roboto", sans-serif;
	font-weight: 600;
	line-height: 60px;
	text-transform: capitalize;
}

.search_list_wrap .search_list dt span {
	margin-left: 10px;
}

.search_list_wrap .search_list dl:not(.search_down) ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 20px;
}

.search_list_wrap .search_list dl:not(.search_down) ul li {
	width: 32%;
	margin: 0 2% 2% 0;
}

.search_list_wrap .search_list dl:not(.search_down) ul li:nth-child(3n)
	{
	margin-right: 0;
}

.search_list_wrap .search_list dl:not(.search_down) ul li a {
	overflow: hidden;
	display: block;
	width: 100%;
}

.search_list_wrap .search_list dl:not(.search_down) ul li img {
	/* width: 100%;
max-width: 100%; */
	
}

.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap {
	padding: 25px 30px;
	border: 1px solid #d2d2d2;
	border-top: 0;
}

.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap>a {
	overflow: hidden;
	display: -webkit-inline-box;
	width: auto;
	max-height: 36px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	vertical-align: middle;
	text-overflow: ellipsis;
	font-family: "GothamBook",  "Noto Sans KR", "Roboto", sans-serif;
	font-size: 20px;
	word-break: break-all;
	font-weight: 500;
}

.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div {
	overflow: hidden;
	display: -webkit-inline-box;
	width: 100%;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	vertical-align: middle;
	text-overflow: ellipsis;
	font-weight: 300;
}

.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div a
	{
	display: inline;
	width: auto;
	margin: 0 4px;
	color: #666;
	font-size: 14px;
	font-weight: 300;
	cursor: pointer;
	text-transform: capitalize;
}

.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div a:hover
	{
	color: #f36f21;
}

.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div a:first-child
	{
	margin-left: 0;
}

.search_list_wrap .search_list dl:not(.search_down) ul li.img_li a.img {
	padding-top: 100%;
	position: relative;
	border: 1px solid #d2d2d2;
}

.search_list_wrap .search_list dl:not(.search_down) ul li.img_li a.img .img_box
	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transform: translate(50%, 50%);
}

.search_list_wrap .search_list dl:not(.search_down) ul li.img_li a.img .img_box img
	{
	max-width: inherit;
	transform: translate(-50%, -50%);
}

.search_list_wrap .search_list button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 40px;
}

.search_list_wrap .search_list .search_down ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.search_list_wrap .search_list .search_down ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-direction: column;
	height: 100px;
	padding: 0 20px 0 100px;
	position: relative;
	border: 1px solid #d2d2d2;
	font-size: 16px;
	line-height: 1.3;
	width: 32%;
	margin: 0 2% 2% 0;
}

.search_list_wrap .search_list .search_down ul li:nth-child(3n) {
	margin-right: 0;
}

.search_list_wrap .search_list .search_down ul li:hover {
	border-color: #f36f21;
}

.search_list_wrap .search_list .search_down ul li::before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 25px;
	border-radius: 50%;
	background: #f7f7f7 url("../images/icon_download.png") center no-repeat;
	transform: translateY(-50%);
}

.search_list_wrap .search_list .search_down ul li .title {
	width: 100%;
}

.search_list_wrap .search_list .search_down ul li .title span {
	overflow: hidden;
	display: -webkit-inline-box;
	width: 100%;
	max-height: 30px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	vertical-align: top;
	text-overflow: ellipsis;
	font-weight: 500;
}

.search_list_wrap .search_list .search_down ul li:hover .title span {
	color: #f36f21;
	text-decoration: underline;
}

.search_list_wrap .search_list .search_down ul li div a {
	margin: 0 4px;
}

.search_list_wrap .search_list .search_down ul li div a:first-child {
	margin-left: 0;
}

.search_list_wrap .search_list .search_down ul li div a:last-child::after
	{
	display: none;
}

.search_list_wrap .search_list .search_down ul li div a:hover {
	color: #f36f21;
}

.search_list_wrap .search_list .no_list dt {
	background: #e7e7e7;
	color: #999;
}

.search_list_wrap .search_list .no_list dd {
	display: none;
}

/* 검색결과 없을 때 */
.search_list_wrap .no_search {
	margin-top:50px;	
}

.no_search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  background: #f6f6f6;
}

@media screen and (min-width: 1399px) {
  .no_search {
    height: 210px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .no_search {
    height: 15vw;
  }
}

@media screen and (max-width: 1023px) {
  .no_search {
    height: 40vw;
  }
}

.no_search strong {
  display: block;
  color: #666;
  font-weight: 300;
  background: url("../images/bul_search.png") center 0 no-repeat;
}

@media screen and (min-width: 1399px) {
  .no_search strong {
    font-size: 20px;
    padding-top: 80px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .no_search strong {
    font-size: 1.4286vw;
    padding-top: 5.7143vw;
  }
}

@media screen and (max-width: 1023px) {
  .no_search strong {
    font-size: 4vw;
    padding-top: 14vw;
    background-size: 10vw;
  }
}



/* search grid - reference */
.subContainer .search_list .grid {
	margin: 20px auto 0;
	height: 100vh;
}

.subContainer .search_list .gutter-sizer {
	width: 28px;
}

.subContainer .search_list .grid-sizer, .subContainer .search_list .grid-item
	{
	width: 459px;
	max-width: 448px;
}

.subContainer .search_list .grid-item {
	overflow: hidden;
	margin-bottom: 25px;
}

.subContainer .search_list .grid-item a {
	display: block;
}

.subContainer .search_list .grid-item a.img {
	border:1px solid #d2d2d2;
	border-bottom:none;
}

.subContainer .search_list .grid-item img {
	display: block;
	min-width: 100%;
	max-width: 100%;
}

.subContainer .search_list .grid-item .txtWrap {
	padding: 25px 30px;
	border: 1px solid #d2d2d2;
}

.subContainer .search_list .grid-item .txtWrap span {
	display: block;
	font-family: "Gotham-Medium", "Noto Sans KR";
	font-size: 14px;
	text-transform: uppercase;
}

/*.subContainer .search_list .grid-item .txtWrap p {
font-family: "GothamBook",  "Noto Sans KR", "Roboto", sans-serif;
font-size:20px;
}*/
.subContainer .search_list .grid-item .txtWrap .title {
	overflow: hidden;
	display: -webkit-inline-box;
	width: 100%;
	max-height: 6vw;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	vertical-align: top;
	text-overflow: ellipsis;
	font-family: "GothamBook",  "Noto Sans KR", "Roboto", sans-serif;
	font-size: 20px;
	word-break: break-all;
}

/* 약관 */
.rule {
	margin-top:20px;
	border-top: 1px solid #d2d2d2;
}

.rule a {
	color: #f36f21;
}

.rule a.long {
	word-break: break-all;
}

.rule h3 {
	padding: 30px 0 10px 0;
	font-weight:500;
	font-size: 30px;
}

.rule h4 {
	font-size: 22px;
}

.rule h5 {
	font-size: 20px;
}

.rule h6 {
	font-size: 18px;
}

.rule h4, .rule h5, .rule h6 {
	margin-top: 15px;
	font-weight: 500;
}

.rule ul.st li {
	padding-left: 0;
}

.rule ul.st li strong {
	padding-left: 13px;
	position: relative;
}

.rule ul li {
	margin-top: 10px;
	padding-left: 13px;
	position: relative;
	font-size: 16px;
	font-weight: 400;
}

.rule ul:not(.st) li::before, .rule ul li strong.first::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	position: absolute;
	top: 15px;
	left: 0;
	background: #f36f21;
}

.rule ul li strong.first {
	margin-top: 20px;
	font-family: 'GothamMedium';
	font-size: 18px;
	font-weight: 500;
}

.rule .first_li {
margin-top:20px;
}

.rule li strong.first {
margin-top:20px;
font-weight:500;
font-size:18px;
font-weight:500;
}

.rule li li {	 
margin-top:15px;
padding-left:13px;
position:relative;
font-size:16px;
font-weight:400;
}

.rule li li strong {
font-family:"Roboto", sans-serif;
font-weight:500;
}

.rule li li::before {
content:'';
display:block;
width:3px;
height:3px;
position:absolute;
top:15px;
left:0;
background:#f36f21;
}

.rule li ol li::before, .rule .not li::before {
	display:none !important;
}

.rule li li li {
margin-top:5px;
padding-left:8px;
}

.rule li li li::before {
width:2px;
height:2px;
background:#666;
}

.rule li a {
color:#f36f21;
display:inline-block;
}

.rule .first_li:last-child span {
display:block;
}

.rule p:last-child {
margin-top:50px;
font-weight:500;
font-family: 'Myriad Pro', "Noto Sans KR", "Roboto", sans-serif;
}


/* 210828추가 */
.rfr_wrap .right .download_box .down_list_ul .box.test_box {
	padding:0;
}

.rfr_wrap .right .download_box dl dd .test_ul li {
	flex-direction:column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding:20px 30px;
}

.rfr_wrap .right .download_box dl dd .test_ul li:nth-child(even) {
	background:#f9f9f9;
}

.rfr_wrap .right .download_box dl dd .test_ul li .test_check {
	width:auto;
	position:relative;
}

.rfr_wrap .right .download_box dl dd .test_ul li .test_check label {
	width:auto;
	/*padding-left:24px;*/
}





/* 반응형 - 1023 이상*/
@media screen and (min-width: 1024px) and (max-width: 1399px) {
	body select {
		background-position: right 1.1vw center;
	}
	.subContainer::before {
		height: 5.7vw;
		min-height: 5.7vw;
	}
	
	.go_contact {
		top:-99px;
	}
	
	/*.reference .subContainer {
		margin-bottom:0;
	}*/
	
	
	.subContainer .txt span:not(:first-child) {
		font-size: 1.3vw;
		font-weight: 600;
	}
	.subContainer .txt span:first-child {
		margin-top: 2.1vw;
		font-size: 1.8vw;
	}
	.subContainer .sub_top_btn {
		min-width: 15.7vw;
		height: 3.2vw;
		margin-top: 2.1vw;
		padding: 0 1.4vw;
		font-size: 1vw;
	}
	.btn_black {
		width: 7.8vw;
		height: 3.2vw;
	}

	/* contact */
	.contact_img img:first-of-type {
		width:66vw;
		margin-right:2vw;
	}
	
	.contact_img img:last-of-type {
		width:32vw;
	}
	
	.contact_dl02 ol li {
		width:32vw;
	}
	
	.contact_dl01 img,
	.contact_dl02 ol li img {
		width:100%;
		max-width:100%;
	}
	
	.contact_dl02 ol li + li {
		margin-left:2vw;
	}
	
	.contact_dl02 ol li figcaption {
		padding:1.8vw;
		font-size:1.6vw;
		letter-spacing:-1.5px;
	}
	
	.contact_dl02 ol li figcaption::before {
		height:4.3vw;
	}
	
	.contact_dl02 ol li figcaption span {
		margin-top:0.7vw;
		font-size:1.1vw;
	}
	
	.contact_dl03 ul {
		width:34.9vw;
		margin-right:2vw;
	}
	
	.contact_dl03 ul li {
		width:16vw;
		height:16.1vw;
		padding-top:10.3vw;
		background-position:center 4vw !important;
		font-size:1.3vw;
	}
	
	.contact_dl03 ul li span {
		font-size:1.1vw;
	}
	
	.contact_dl03 ul + img {
		width:66vw;
	}
	
	.contact .gallery .galleryUl li {
		width:15vw;
		height:8.4vw;
		margin:2vw 0 0 2vw;
	}
	
	.contact .contact_form p + span {
		margin:2.9vw 0;
		font-size:1.1vw
	}
	
	.contact .agree_box, .contact .agree_radio {
		width:calc(100% - 17vw);
		margin-left:17vw;
	}
		
	
	.contact_form {
		margin-top: 2.8vw;
		padding: 0.7vw 0 1.4vw 0;
	}
	.contact_form .form_wrap>div {
		width: 47%;
	}
	.contact_form .form_wrap>div.left {
		margin-right: 6%;
	}
	.contact_form .form_wrap>div dl {
		height: 3.2vw;
		margin-top: 0.7vw;
	}
	.contact_form .form_wrap>div dl dt, .contact_form .form_wrap>div dl dd {
		height: 3.2vw;
		line-height: 3.2vw;
	}
	.contact_form .form_wrap>div dl dt {
		width: 17vw;
	}
	.contact_form .form_wrap>div dl dd {
		width: calc(100% - 17vw);
	}
	.contact_form .form_wrap>div.last dl {
		/*height: 10.4vw;*/
	}
	.contact_form .form_wrap>div.last dl dd {
		/*height: 10.4vw;*/
	}
	.contact_form dl dd input, .contact_form dl dd select, .contact_form dl dd textarea
		{
		height: 3.2vw;
		padding: 0 1.1vw;
	}
	.contact_form dl dd textarea {
		height: 10.4vw;
		padding: 1.1vw;
	}
	.contact .btn_wrap {
		margin-top: 2.9vw;
	}
	
	.contact .agree_box dl {
		line-height:1.6vw;
	}
	
	.contact .agree_box dl:last-child {
		margin-top:2.1vw;
	}
	
	.contact .agree_box dt {
		font-size:1.6vw;
	}
	
	.contact .agree_box dd {
		margin-top:1.4vw;
		font-size:1.1vw;
	}
	
	.contact .contact_admin ul li {
		width:23.5vw;
	}

	/* Resources */
	.rfr_wrap {
		margin-top: 2.8vw;
		padding-top: 3.6vw;
	}
	.rfr_wrap .left_wrap, .rfr_wrap .left {
		width: 19.8vw;
	}
	.rfr_wrap .left ul:not(:first-of-type) {
		margin-top: 2.9vw;
	}
	.rfr_wrap .left li .depth01 {
		padding-bottom: 1.1vw;
	}
	.rfr_wrap .left label {
		font-size: 1.1vw;
	}
	.rfr_wrap .left label::before {
		width: 1vw;
		height: 1vw;
		margin-right: 1.1vw;
		margin-top: 1px;
	}
	.rfr_wrap .left .list_box li {
		margin-top: 1.3vw;
	}
	.rfr_wrap .left .list_box li label {
		font-size: 1.1vw;
	}
	.rfr_wrap .left .list_box li label::before {
		width: 1vw;
		height: 1vw;
		margin-right: 1.1vw;
	}
	.rfr_wrap .left .btn02 {
		width: 0.9vw;
		height: 0.5vw;
		top: 0.9px;
		right: 0;
	}
	.rfr_wrap .left .btn02.on {
		width: 0.9vw;
		height: 0.5vw;
	}
	.rfr_wrap .left .btn_black {
		width: 100%;
		margin-top: 2.9vw;
	}
	.rfr_wrap .right {
		width: 74.6vw;
		margin-left: 5.7vw;
	}
	.rfr_wrap .right .tab li {
		height: 3.6vw;
	}
	.rfr_wrap .right .products_box {
		margin-top: 3.6vw;
	}
	.rfr_wrap .right .products_box img {
		width: 13.9vw;
		height: 13.9vw;
		margin-right: 3.6vw;
	}
	.rfr_wrap .right .products_box dt {
		font-size: 2.1vw;
	}
	.rfr_wrap .right .products_box dd li {
		padding-left: 0.7vw;
	}
	.rfr_wrap .right .download_box {
		padding-bottom: 3.6vw;
	}
	.rfr_wrap .right .download_box h3 {
		margin-top: 2.1vw;
		font-size: 1.8vw;
	}
	.rfr_wrap .right .download_box dl {
		margin-top: 1.4vw;
	}
	.rfr_wrap .right .download_box dl dt {
		height: 4.3vw;
		font-size: 1.3vw;
	}
	.rfr_wrap .right .download_box dl dt {
		background-position: right 2.1vw center;
	}
	.rfr_wrap .right .download_box dl dt.on {
		background-position: right 2.1vw center;
	}
	.rfr_wrap .right .download_box dl dd {
		width: 100%;
		/*padding: 1.4vw 2.1vw;*/
	}
	.rfr_wrap .right .download_box dl dd li {
		padding-left: 0.7vw;
		position: relative;
		line-height: 2.5;
	}
	.rfr_wrap .right .download_box dl dd li::before {
		top: 0.1vw;
		left: 0;
	}
	.rfr_wrap .right .download_box dl dd li .btn_down a {
		width: 1.2vw;
		height: 1.8vw;
	}

	/* .rfr_wrap .right .download_box dl.full dd {
	width: 44.2vw;
	padding-right:2.1vw;
} */
	.rfr_wrap .right .download_box dl.full dd a {
		width: 1.2vw;
		height: 1.8vw;
	}

	/* reference list */
	.fake--selectWrap .iTextB--wrap input[type="text"] {
		font-size:100%;
	}	
	
	.reference .subTop .naviUl li a {
		font-size: 15px;
	}
	.reference_slide .againWrap .againUl {
		width: 100%;
		height: 100vh;
	}
	.reference_slide .againWrap .againUl li {
		width: 100%;
		min-width: 100%;
		height: 100vh;
	}
	.reference_slide .sliderTxtWrap {
		width: 61.7vw;
	}
	.reference_slide .sliderTxtWrap .txtWrap {
		width: 61.7vw;
		height: 14.1vw;
		padding: 2.1vw 0 2.1vw 13.5vw;
	}
	.reference_slide .sliderTxtWrap .title {
		/*width:61.7vw;*/
		margin-top: 1.1vw;
		font-size: 1.8vw;
		/* background:rgba(255,255,255,0.95); */
	}
	.reference_slide .sliderTxtWrap .title span {
		top: 1.8vw;
		left: 13.5vw;
		font-size: 1vw;
	}
	.reference_slide .sliderTxtWrap dl dt {
		min-width: 9.2vw;
	}
	.reference_slide .sliderTxtWrap .prevNext {
		bottom: 2.1vw;
		right: 2.1vw;
	}
	.reference_slide .sliderTxtWrap .prevNext button {
		width: 2.4vw;
		height: 2.4vw;
	}
	.reference_search ul li {
		margin-right: 2.5vw;
	}
	.reference_search ul li:last-child {
		margin-right: 0;
	}
	.reference_search ul li a {
		font-size: 1.1vw;
	}
	.reference_search ul li a.on::after {
		height: 0.1vw;
		bottom: -0.7vw;
	}
	.reference_search .search dl {
		margin-right: 1.4vw;
	}
	.reference_search .search dl:last-of-type {
		margin-right: 0.4vw;
	}
	.reference_search dt {
		margin-right: 1.4vw;
	}
	.reference_search select {
		width: 12.9vw;
		height: 3.2vw;
		padding: 0 1.1vw;
	}
	.reference_search input[type="text"] {
		width: 21.1vw;
		height: 3.2vw;
		padding: 0 1.1vw;
	}
	.reference_search button {
		width: 3.2vw;
		height: 3.2vw;
	}

	/* reference grid */
	.subContainer.reference {
		/*padding: 0;*/
	}
	.subContainer.reference .grid {
		width: 100vw;
		margin: 2.9vw auto 0;
	}
	.subContainer.reference .gutter-sizer {
		width: 2vw;
	}
	.subContainer.reference .grid-sizer, .subContainer.reference .grid-item
		{
		/*width: 33.3%;
		max-width: 32vw;*/
		/* width: 23.9vw;
	max-width: 23.3333vw; */
		/* max-width:32vw; */
		max-width:35vw;
	}
	.subContainer.reference .grid-item {
		margin-bottom: 2vw;
	}
	.subContainer.reference .grid-item .txtWrap {
		padding: 1.8vw 2.1vw;
	}
	.subContainer.reference .grid-item .txtWrap span {
		font-size: 1vw;
	}
	.subContainer.reference .grid-item .txtWrap p {
		font-size: 1.4vw;
	}

	/* reference view */
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail h3
		{
		font-size: 2.6vw;
		margin-top: 5.4vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail h3 span
		{
		font-size: 1vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag
		{
		margin-top: 1.4vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag span
		{
		height: 2.5vw;
		margin-left: 0.6vw;
		padding: 0 0.7vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag span:first-child
		{
		margin-left: 0;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo
		{
		margin-top: 3.6vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg
		{
		width: 100%;
		height: 56.2vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt
		{
		padding: 2.1vw;
		width: 70%;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p
		{
		font-size: 1.1vw;
	}
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li
		{
		width: 15vw;
		height: 9.2143vw;
		margin: 2vw 0 0 2vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li.on span::before
		{
		width: calc(100% - 0.7vw);
		height: calc(100% - 0.7vw);
		border: 0.4vw solid #f36f21;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .btn_wrap {
		margin-top: 2.9vw;
	}

	/* reference site */
	.subContainer .fadWrap .fadTopWrap .litWrap input[type="text"] {
		height: 45px;
		padding: 0 15px;
	}

	/* search */
	.search_top .search_word {
		width: 71.8vw;
		margin-right: 4.2vw;
	}
	.search_top .search_word input[type="text"] {
		width: 65.1vw;
		height: 4.3vw;
		padding: 0 1.4vw;
	}
	.search_top .search_word button {
		width: 7.8vw;
		height: 4.3vw;
		margin-left: -0.4vw;
	}
	.search_top .search_word h3 {
		margin: 1.4vw 0 0.7vw 0;
		font-size: 1.3vw;
	}
	.search_top .search_word .tag {
		width: 71.8vw;
	}
	.search_top .search_word .tag a {
		height: 2.5vw;
		margin: 0 0.6vw 0.6vw 0;
		padding: 0 0.7vw;
	}
	.search_rank {
		width: 19.9vw;
		margin-top: -5.6vw;
	}
	.search_rank dt {
		height: 4.3vw;
		padding: 0 1.8vw;
		font-size: 1.3vw;
		line-height: 4.3vw;
	}
	.search_rank dd {
		height: 17.1vw;
		padding: 1.4vw 1.8vw 1.4vw 0;
	}
	.search_rank dd ol {
		height: 13.9vw;
		padding-left: 1.8vw;
		line-height: 2;
	}
	.search_rank dd ol::-webkit-scrollbar {
		width: 0.4vw;
	}
	.search_rank dd span {
		width: 1.4vw;
		margin-right: 0.7vw;
	}
	.search_list_wrap {
		margin-top: 3.6vw;
	}
	.search_list_wrap .search_tab ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.search_list_wrap .search_tab ul li {
		width: 33.2%;
		height: 3.6vw;
		margin: 0 0 0.1vw 0;
		padding: 0 1.8vw;
	}
	.search_list_wrap .search_list {
		margin-top: 2.9vw;
	}
	.search_list_wrap .search_list .result {
		margin-bottom: 1vw;
		font-size: 0.9vw;
	}
	.search_list_wrap .search_list dt {
		height: 4.3vw;
		margin-bottom: 1.4vw;
		padding: 0 1.6vw;
		line-height: 4.3vw;
	}
	.search_list_wrap .search_list dt span {
		margin-left: 0.7vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul {
		margin-top: 1.4vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap {
		padding: 1.8vw 2.1vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap>a {
		font-size: 1.4vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div a
		{
		margin: 0 0.3vw;
	}
	.search_list_wrap .search_list button {
		margin-bottom: 2.9vw;
	}
	.search_list_wrap .search_list .search_down ul li {
		height: 7.1vw;
		padding: 0 1.4vw 0 7.1vw;
		font-size: 1.1vw;
	}
	.search_list_wrap .search_list .search_down ul li:nth-child(3n) {
		margin-right: 0;
	}
	.search_list_wrap .search_list .search_down ul li:hover {
		border-color: #f36f21;
	}
	.search_list_wrap .search_list .search_down ul li::before {
		width: 3.6vw;
		height: 3.6vw;
		left: 1.8vw;
	}
	.search_list_wrap .search_list .search_down ul li .title span {
		width: 100%;
		max-height: 2.1vw;
	}
	.search_list_wrap .search_list .search_down ul li div a {
		margin: 0 0.3vw;
	}

	/* 검색결과 없을 때 */
	.no_search {
		width: 100%;
		height: 15.7vw;
		margin-top: 2.9vw;
	}
	.no_search strong {
		font-size: 1.8vw;
		padding-top: 5vw;
		background-size: 4.5vw;
	}

	/* search grid - reference */
	.subContainer .search_list .grid {
		width: 100%;
		margin: 1.4vw auto 0;
	}
	.subContainer .search_list .grid-sizer, .subContainer .search_list .grid-item
		{
		width: 32%;
		max-width: 32vw;
	}
	.subContainer .search_list .gutter-sizer {
		width: 1.8vw;
	}
	.subContainer .search_list .grid-item {
		width: 32%;
		max-width: 32vw;
		margin-bottom: 2vw;
	}
	.subContainer .search_list .grid-item .txtWrap {
		padding: 1.8vw 2.1vw;
	}
	.subContainer .search_list .grid-item .txtWrap a {
		font-size: 1vw;
	}
	.subContainer .search_list .grid-item .txtWrap a:last-child {
		font-size: 1.4;
	}
	
	
	/* 210828 */
	.subContainer .referenceDetailWrap {
		padding-top:0;
	}
	
	.reference .subContainer.rf_top {
		margin-bottom:0;
	}
	
	/* 210830 */
	.rule {
		margin-top:2.2vw
	}
	
	.rule ul:not(.st) li::before, .rule ul li strong.first::before {
		top:10px;
	}
}

/* 반응형 - 1023 이하*/
@media screen and (max-width: 1023px) {
	.pc02 {
		display: none !important;
	}
	.mobile02 {
		display: block !important;
	}
	.subContainer .txt {
		padding: 0 3.9vw;
		font-size: 3.1vw;
	}
	.subContainer .txt span:not(:first-child) {
		font-size: 3.1vw;
	}
	.subContainer .txt span:first-child {
		font-size: 4.4vw;
		line-height: 1.3;
	}
	.subContainer .sub_top_btn {
		width: 52.2vw;
		height: 9.1vw;
		margin: 3vw 0 0 3.9vw;
		font-size: 2.9vw;
	}
	.btn_black {
		width: 100%;
		height: 7.8vw;
		font-size: 2.9vw;
	}

	/* contact */
	.subContentWrap.contact {
		margin:4vw;
	}
	
	.subContainer .subContentWrap.contact > section:first-of-type {
		border-top:0;
	}
	
	
	.contact > section + section {
		margin-top:15.6vw !important;
	}
	
	.subContainer .subContentWrap > section.contact_img {
		margin-top:4vw;
	}
	
	.contact_img {	
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		margin-top:7.8vw;
		padding-top:9.3vw;
		border-top:1px solid #d2d2d2;
	}
	
	.contact_img img:first-of-type {
		margin-right:0;
	}
	
	.contact_img img:last-of-type {
		display:none;
	}
	
	.contact_img h3 {
		width:50.5vw;
		height:19.2vw;
		padding:0 4.7vw;
		font-size:5.9vw;
		letter-spacing:-0.2vw;
	}
	
	.contact_img h3 span {
		font-size:3.4vw;
	}
	
	.contact section>dl dt, .contact .gallery p, .contact .contact_form p {
		font-size:5vw;
	}
	
	.contact section>dl dd {
		margin-top:6.3vw;
	}
	
	.contact section>dl.contact_dl01 dd img {
		width:100%;
	} 
	
	.contact_dl02 ol {
		flex-direction:column;
	}
	
	.contact_dl02 ol li {
		width:100%;
	}
	
	.contact_dl02 ol li + li {
		margin:9.4vw 0 0 0;
	}
	
	.contact_dl02 ol li img {
		width:100%;
	}
	
	.contact_dl02 ol li figcaption {
		padding:3.9vw;
		font-size:4.4vw;
	}
	
	.contact_dl02 ol li figcaption span {
		font-size:3.9vw;
	}
	
	.contact_dl02 ol li figcaption::before {
		height:11.3vw;
	}
	
	.contact_dl02 ol li:last-child figcaption::before {
		height:17vw;
	}
	
	.contact_dl03 dd {
		flex-direction:column-reverse;
	}
	
	.contact_dl03 ul {
		width:100%;
		margin-right:0;
	}
	
	.contact_dl03 ul li {
		width:50%;
		height:35.5vw;
		padding-top:18.8vw;
		background-size:8.8vw !important;
		background-position:center 8.3vw !important;
		font-size:4.1vw;
	}
	
	.contact_dl03 ul li span {
		font-size:3.8vw;
	}
	
	.contact .gallery .galleryImg {
		height:51.6vw;
	}
	
	.contact .gallery .galleryUl li {
		width:calc(33.33% - 1.4vw);
		height:16.4vw;
		margin:2.3vw 0 0 2.1vw;
	}
	
	.contact .gallery .galleryUl li:nth-of-type(6n+1) {
		margin-left:2.3vw;
	}
	
	.contact .gallery .galleryUl li:nth-of-type(3n+1) {
		margin-left:0;
	}
	
	
	.contact_form {
		width: 92.4vw;
		margin: 0 auto;
		padding: 0 0 5.2vw 0;
		border-color: #d2d2d2;
	}
	.contact_form .form_wrap {
		overflow: visible;
		margin-top:6.3vw;
		padding-top:6.3vw;
		border-top:1px solid #d2d2d2;
	}
	.contact_form .form_wrap>div {
		float: none;
		width: 100%;
	}
	.contact_form .form_wrap>div.left {
		margin-right: 0;
	}
	.contact_form .form_wrap>div.left dl:first-of-type {
		margin-top: 0;
	}
	.contact_form .form_wrap>div dl {
		overflow: visible;
		height: 100%;
		margin-top: 4vw;
	}
	.contact_form .form_wrap>div dl dt, .contact_form .form_wrap>div dl dd {
		float: none;
		width: 100%;
		height: auto;
		font-size: 4.1vw;
		line-height: normal;
	}
	.contact_form .form_wrap>div dl dd {
		margin-top: 2vw;
	}
	.contact_form dl dd input, .contact_form dl dd select, .contact_form dl dd textarea
		{
		width: 99.5%;
		height: 10.9vw;
		padding: 0 3.1vw;
	}
	.contact_form dl dd textarea {
		height: 37vw;
		padding: 2.1vw;
	}
	
	.contact_form .file {
		width:99.5%;
		height:auto;
	}
	
	.contact_form input[type="file"] {
		width:100%;
	}
	
	.contact_form .file + .file {
		margin-top:1vw;
	}
	
	.contact .agree_box {
		height:53.9vw;
		overflow-y:auto;
	}
	
	.contact .agree_box dl + dl {
		margin-top:6.3vw;
	}
	
	.contact .agree_box dt {
		font-size:4.1vw;
	}
	
	.contact .agree_box dd {
		font-size:3.8vw;
	}
	
	.contact .btn_wrap {
		width: 100%;
		margin-top: 40px;
		text-align: center;
	}
	
	.contact .agree_radio {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content:flex-start;
		width:calc(100% - 238px);
		margin:20px 0 0 238px;
	}
	
	.contact_form .add_file,
	.contact_form .remove_file {
		width:10.9vw;
		height:10.9vw;
		margin-left:auto;
	}
	
	.contact .agree_box {
		width:100%;
		margin:6.3vw 0 0 0;
		padding:4.7vw;
	}
	
	.contact .agree_radio {
		width:100%;
		margin:4.7vw 0 0 0;
	}
	
	.contact input[type="radio"]+label {
		font-size:4.1vw;
	}
	
	.contact input[type="radio"]+label::before {
		content: "";
		display: inline-block;
		width: 13px;
		height: 13px;
		position: absolute;
		top: 50%;
		left: 0;
		background: url("../images/bul_radio_off.png") center no-repeat;
		transform:translateY(-50%);
		background-size:97%;
	}
	
	.contact input[type="radio"]:checked+label::before {
		width: 13px;
		height: 13px;
		background: url("../images/bul_radio.png") center no-repeat;
		background-size:97%;
	}
	
	.contact .btn_wrap {
		margin-top: 5.2vw;
	}
	.contact .btn_wrap button {
		width: 100%;
		height: 9.1vw;
		font-size: 3.8vw;
		font-weight:400;
	}

	.contact .contact_admin h4 {
		font-size:4.4vw;
	}
	
	.contact .contact_admin ul {
		flex-direction:column;
		margin-top:3.1vw;
	}
	
	.contact .contact_admin ul li {
		width:100%;
		padding:3.9vw;
	}
	
	.contact .contact_admin ul li + li {
		margin:2.3vw 0 0 0;
 	}
	
	.contact .contact_admin ul li strong {
		font-size:4.1vw
	}
	
	.contact .contact_admin ul li dl dt {
		width:14vw;
		font-size:3.8vw;
	}
	
	.contact .contact_admin ul li dl {
		margin-top:2.3vw;
	}
	
	.contact .contact_admin ul li dl dd {
		font-size:3.8vw;
	}
	
	.go_contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width:29.4vw;
		height:9.4vw;
		position:absolute;
		top:-18vw;
		right:3.8vw;
		background:#444;
		color:#fff;
		font-size:3.8vw;
		font-weight:300;
		text-align:center;
		transform:translateY(50%);
	}


	/* search */
	.search_wrap {
		width: 100%;
		/* padding:0 3.9vw; */
	}
	.search_wrap .search_top {
		padding: 0 3.9vw;
	}
	.search_top .search_word {
		width: 100%;
		margin-right: 0;
	}
	.search_top .search_word input[type="text"] {
		width: 68.8vw;
		height: 10.9vw;
		padding: 0 2vw;
		font-size: 3.8vw;
	}
	.search_top .search_word button {
		width: 23.4vw;
		height: 10.9vw;
		margin-left: -0.8vw;
		font-size: 3.8vw;
	}
	.search_top .search_word h3 {
		margin: 5.3vw 0 3.1vw;
		font-size: 3.8vw;
	}
	.search_top .search_word .tag {
		width: 100%;
	}
	.search_top .search_word .tag a {
		height: 6.5vw;
		margin: 0 1.3vw 1.3vw 0;
		padding: 0 2vw;
		font-size: 3.4vw;
	}
	.search_rank {
		display: none;
	}
	.search_list_wrap .search_tab {
		width: 100%;
		padding: 0 3.9vw;
	}
	.search_list_wrap .search_tab ul {
		width: 100%;
	}
	.search_list_wrap .search_tab ul li {
		width: 44.4vw;
		height: 9.4vw;
		margin: 0 1.6vw 1.6vw 0;
		padding: 0 2.6vw;
		font-size: 3.4vw;
	}
	.search_list_wrap .search_tab ul li:nth-child(2n) {
		margin-right: 0;
	}
	.search_list_wrap .search_tab ul li:nth-child(5n) {
		margin-right: 1.3vw;
	}
	.search_list_wrap .search_list {
		margin-top: 0;
	}
	.search_list_wrap .search_list .result {
		width: 92%;
		margin: 9.4vw auto 3.7vw;
		padding: 3.7vw 3.9vw 0;
		border-top: 1px solid #d2d2d2;
		font-size: 4.4vw;
		text-align: center;
		display: none;
	}
	.search_list_wrap .search_list dl {
		margin-top: 9.4vw;
	}
	.search_list_wrap .no_search {
		width: 92%;
		height: 43.8vw;
		margin: 9.4vw auto 3.7vw;
		padding: 3.7vw 3.9vw 0;
		border-top: 1px solid #d2d2d2;
		font-size: 3.8vw;
	}
	.search_list_wrap .no_search strong {
		padding-top: 11.3vw;
		font-size: 4.4vw;
		background-size: 9.8vw;
	}
	.search_list_wrap .search_list dt {
		height: 7.9vw;
		margin-bottom: 3.9vw;
		padding: 0 3.9vw;
		font-size: 3.1vw;
		line-height: 7.8vw;
	}
	.search_list_wrap .search_list dt span {
		margin-left: 1.3vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul {
		margin-top: 3.9vw;
		padding: 0 3.9vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li {
		width: 49%;
		margin: 0 1.9556714472% 1.9556714472% 0;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li:nth-child(2n)
		{
		margin-right: 0;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li:nth-child(3n)
		{
		margin-right: 1.9556714472%;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li:nth-child(6n)
		{
		margin-right: 0;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap {
		padding: 3.9vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap .title
		{
		max-height: 6vw;
		font-size: 3.8vw;
		font-weight: 300;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div {
		font-size: 3.1vw;
	}
	.search_list_wrap .search_list dl:not(.search_down) ul li .txtWrap div a
		{
		font-size: 3.1vw;
	}
	.search_list_wrap .search_list button {
		width: 92.2vw;
	}

	/* search grid - reference */
	.subContainer .search_list .grid_wrap dd {
		padding: 0 3.9vw;
	}
	.subContainer .search_list .grid {
		width: 100%;
		padding: 0;
	}
	.subContainer .search_list .gutter-sizer {
		width: 2%;
	}
	.subContainer .search_list .grid-sizer, .subContainer .search_list .grid-item
		{
		width: 49%;
		max-width: 49%;
		/* width: calc(50% - 1vw);
	min-width: 49%;
	max-width: calc(50% - 1vw); */
	}
	.subContainer .search_list .grid-item {
		margin-bottom: 1.8vw;
	}
	.subContainer .search_list .grid-item:nth-child(2n) {
		margin-right: 0;
	}
	.subContainer .search_list .grid-item .txtWrap {
		padding: 3.9vw;
	}
	.subContainer .search_list .grid-item .txtWrap a:first-child {
		font-size: 2.8vw;
	}
	.subContainer .search_list .grid-item .txtWrap .title {
		max-height: 12vw;
		-webkit-line-clamp: 2;
		line-height: 1.5;
		font-size: 3.8vw;
	}
	.search_list_wrap .search_list .search_down ul {
		padding: 0 3.9vw;
	}
	.search_list_wrap .search_list .search_down ul li {
		overflow: hidden;
		width: 100%;
		height: 12.5vw;
		margin: 0 0 3.1vw 0;
		padding-left: 15.6vw;
		font-size: 3.4vw;
	}
	.search_list_wrap .search_list .search_down ul li::before {
		width: 12.3vw;
		height: 12.2vw;
		top: 0;
		left: 0;
		border-radius: 0;
		background: #f7f7f7 url("../images/icon_download_m.png") center
			no-repeat;
		transform: translateY(0);
	}
	.search_list_wrap .search_list .search_down ul li .title span {
		width: 95%;
		max-height: 5.6vw;
	}
	.search_list_wrap .search_list .search_down ul li a span:last-child::before
		{
		display: none;
	}
	.search_list_wrap .search_list .search_down ul li div {
		display: none;
	}

	/* resources */
	.rfr_wrap {
		display: block;
		margin-top:3.8vw;
		border-top: 0;
	}
	
	.rfr_wrap.resources {
		padding: 0 3.3vw;
	}
	.rfr_wrap .left {
		overflow: auto;
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
		width: 100%;
		height: 100vh;
		z-index: 100;
	}
	.reference .left dl:last-of-type dt, .reference .left>p {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		width: 100%;
		height: 14.1vw;
		margin-top: 0;
		padding: 0 3.8vw;
		background: #f36f21;
		color: #fff;
		font-size: 5vw;
	}
	
	.reference .left>p {
		position:relative;
	}
	
	
	.reference .left dl:last-of-type dt .reset {
		color:#fff;
		position: absolute;
		top: 50%;
		right: 16vw;
	}
	
	.reference .left dl:last-of-type dt::before
		{
		display: none;
	}
	.reference .left dd {
		padding: 0 3.8vw 9.4vw;
	}
	.reference .left dd>ul>li .depth01 {
		margin-top: 7.8vw;
		font-size: 4.1vw;
	}
	.rfr_wrap .left .btn02 {
		width: 3.4vw;
		height: 2vw;
		top: 2.5vw;
		background: url("../images/btn_open01_m.jpg");
		background-size: cover;
	}
	.rfr_wrap .left .btn02.on {
		width: 3.4vw;
		height: 2vw;
		background: url("../images/btn_close01_m.jpg");
		background-size: cover;
	}
	.rfr_wrap .left div li {
		margin-top: 3.9vw;
	}
	.rfr_wrap .left .list_box li label {
		padding-left: 7.3vw;
		font-size: 4.1vw;
	}
	.rfr_wrap .left .list_box li label::before {
		width: 4.4vw;
		height: 4.4vw;
		margin-right: 3.1vw;
	}
	.rfr_wrap .left .btn_wrap {
		margin-top: 20vw;
		padding: 0 3.9vw 3.9vw;
	}
	.rfr_wrap .left .btn_wrap .btn_black {
		margin-top: 0;
		font-size: 3.4vw;
	}
	.rfr_wrap .left .type02 {
		width: 92.4vw;
		margin: 9.4vw auto 0;
	}
	.rfr_wrap .left .type02 li {
		margin-top: 3.9vw;
	}
	.rfr_wrap .left input[type="checkbox"]+label, .reference .left input[type="checkbox"]:checked+label {
		padding-left:7.3vw;
		font-size:4.1vw;
	}
	.rfr_wrap .left input[type="checkbox"]+label::before, .reference .left input[type="checkbox"]:checked+label::before
		{
		width: 4.4vw;
		height: 4.4vw;
	}
	.rfr_wrap .left input[type="checkbox"]+label::before {
		background: url("../images/bul_check_off_m.png") center no-repeat;
		background-size: cover;
	}
	.reference .left input[type="checkbox"]:checked+label::before {
		background: url("../images/bul_check_m.png") center no-repeat;
		background-size: cover;
	}
	.rfr_wrap .right {
		width: 100%;
		margin: 6.3vw 0 0 0;
	}
	.rfr_wrap .right .tab li {
		height: 9.4vw;
		/*margin-right: 2.7vw;*/
		font-weight: 300;
	}
	.rfr_wrap .right .tab li a {
		font-size: 3.4vw;
	}
	.rfr_wrap .right .tab_cotent .products_box, .rfr_wrap .right .download_box
		{
		flex-direction: column;
		margin-top: 7.8vw;
	}
	.rfr_wrap .right .tab_cotent:first-of-type .products_box, .rfr_wrap .right .tab_cotent .download_box:first-of-type
		{
		margin-top: 7.8vw;
		padding-top: 0;
		border: none;
	}
	.rfr_wrap .right .products_box img {
		display: block;
		width: 100%;
		height: 91.9vw;
	}
	.rfr_wrap .right .products_box dt {
		margin-top: 4vw;
		padding-left: 0;
		font-size: 5.9vw;
		font-weight: 500;
	}
	.rfr_wrap .right .products_box dd {
		margin-top: 1.3vw;
	}
	.rfr_wrap .right .products_box dd li {
		padding-left: 2vw;
		font-size: 4.1vw;
		font-weight: 300;
		line-height: 1.5;
	}
	.rfr_wrap .right .download_box h3 {
		margin-top: 0 !important;
		font-size: 6.3vw;
	}
	.rfr_wrap .right .download_box dl {
		margin-top: 3.1vw;
	}
	
	.rfr_wrap .right .download_box dl dt {
		height: 12.5vw;
		margin-top:0;
		padding: 0 0 0 4vw;
		font-size: 3.8vw;
	}
	.rfr_wrap .right .download_box dl dt {
		background-position: right 3.8vw center;
	}
	.rfr_wrap .right .download_box dl dt.on {
		background-position: right 3.8vw center;
	}
	.rfr_wrap .right .download_box dl dt input[type="checkbox"]+label::before,
		.rfr_wrap .right .download_box dl dt input[type="checkbox"]:checked+label::before
		{
		width: 4vw;
		height: 4vw;
		margin-right: 0;
		/*left: 4.1vw;*/
	}
	.rfr_wrap .right .download_box dl dt input[type="checkbox"]+label::before
		{
		background: url("../images/bul_check_off_m.png") center no-repeat;
		background-size: 100%;
	}
	.rfr_wrap .right .download_box .down_list input[type="checkbox"]:checked+label::before {
		margin-right: 15px;
		background: url("../images/bul_check_m.png") center no-repeat;
	}
	.rfr_wrap .right .download_box dl dt strong {
		width: 100%;
		margin-left: 4vw;
	}
	.rfr_wrap .right .download_box dl dt span {
		display: none;
	}
	.rfr_wrap .right .download_box .down_list_ul>span {
		height: 23.4vw;
		padding: 4.7vw;
		font-size: 3.8vw;
	}
	.rfr_wrap .right .download_box .down_list_ul .box {
		flex-direction: column;
		padding: 4vw;
	}
	
	
	
	.rfr_wrap .right .download_box .down_list.foldingWrap .down_list_ul .box li {
		padding-left:0;
		margin-top:0;
	}
	
	.rfr_wrap .right .download_box .down_list.foldingWrap .down_list_ul .box li label {
		padding-left:0;
		margin-left:0;
	}
	
	
	.rfr_wrap .right .download_box .down_list_ul .box div {
		width: 100%;
	}
	
	.rfr_wrap .right .download_box .down_list_ul .box div + div {
		margin-top:3.8vw;
		padding-top:3.8vw;
		border-top:1px solid #d2d2d2;
	}
	.rfr_wrap .right .download_box .down_list_ul .box strong {
		font-size: 3.8vw;
		padding-left: 7.8vw;
	}
	.rfr_wrap .right .download_box .down_list_ul .box strong::before {
		width: 5vw;
		height: 5.5vw;
	}
	.rfr_wrap .right .download_box .down_list_ul .box strong.cad::before {
		background: url("../images/icon_cad_m.png") center no-repeat;
		background-size: cover;
	}
	
	.rfr_wrap .right .download_box .down_list_ul .box strong.pdf::before {
		background: url("../images/icon_pdf_m.png") center no-repeat;
		background-size: cover;
	}
	
	.rfr_wrap .right .download_box .down_list_ul .box ul + ul {
		margin-top: 4.1vw;
	}
	.rfr_wrap .right .download_box dl dd li {
		align-items: flex-start;
		margin-top: 1vw;
		padding-left: 2vw;
		font-size: 3.8vw;
		font-weight: 300;
		line-height: 1.5;
	}
	.rfr_wrap .right .download_box dl dd li:first-child {
		margin-top: 0;
	}
	.rfr_wrap .right .download_box .down_list_ul .box label {
		/*padding-left: 5vw;*/
	}
	.rfr_wrap .right .download_box .down_list_ul .box input[type="checkbox"]+label::before,
		.rfr_wrap .right .download_box .down_list_ul .box input[type="checkbox"]:checked+label::before
		{
		width: 4.4vw;
		height: 4.4vw;
		top: 0.5vw;
		transform: translateY(0);
		word-break: break-all;
	}
	.rfr_wrap .right .download_box .down_list_ul .box input[type="checkbox"]+label::before
		{
		background: url("../images/bul_check_off_m.png") center no-repeat;
	}
	.rfr_wrap .right .download_box .down_list_ul .box input[type="checkbox"]:checked+label::before
		{
		background: url("../images/bul_check_m.png") center no-repeat;
	}
	.rfr_wrap .right .file_down {
		width:100%;
		height:17.2vw;
		padding:0 3.8vw;
		left:0;
		transform:translateX(0)
	}
	
	.rfr_wrap .right .file_down button {
		width: 100%;
		height: 9.4vw;
	}
	.blind_data {
		margin-top: 0;
	}
	.blind_data li {
		width: 100%;
		margin: 3.8vw 0 0 0;
		padding: 3.1vw 4.7vw;
	}
	.blind_data li h3 {
		display: inline-block;
		font-size: 4.1vw;
	}
	.blind_data li dl {
		margin-top: 3.1vw;
	}
	.blind_data li dl dt, .blind_data li dl dd {
		font-size: 3.8vw;
	}
	.blind_data li dl dt {
		width: 18.8vw;
		min-width: 18.8vw;
	}
	.blind_data li dl:last-of-type dd a {
		color: #f36f21;
	}

	/* reference list */
	.subContainer.reference {
		padding-bottom: 18.8vw;
	}
	.reference .subContainer {
		margin-bottom: 6.3vw;
		padding-bottom: 0;
	}
	
	.reference .subContainer.rf_top {
		padding-bottom:0;
	}
	
	
	.reference_slide .againWrap {
		overflow: hidden;
		height: 84.4vw;
	}
	.reference_slide .againWrap .againUl li {
		height: 100%;
	}
	.reference_slide .againWrap .againUl li img {
		width: auto;
		max-width: inherit;
		height: 108vw;
	}
	.reference_slide .sliderTxtWrap {
		width: 100%;
		height: 100%;
		background: none;
	}
	.reference_slide .sliderTxtWrap .txtWrap {
		width: 100%;
		height: 21.3vw;
		position: absolute;
		left: 0;
		bottom: 0;
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0)
			100%);
		padding: 0 3.9vw;
	}
	.reference_slide .sliderTxtWrap .title p {
		width: 100%;
		max-height: 20vw;
		margin-top: 0;
		padding-top: 9.5vw;
		color: #fff;
		font-size: 4.4vw;
	}
	.reference_slide .sliderTxtWrap .title span {
		top: 4.7vw;
		left: 3.9vw;
		font-size: 2.8vw;
	}
	.reference_slide .sliderTxtWrap dl {
		display: none;
	}
	.reference_slide .sliderTxtWrap .prevNext {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100vw;
		bottom: 45%;
		right: 0;
		transform: translateY(50%);
		height: 0;
	}
	.reference_slide .sliderTxtWrap .prevNext button {
		width: 9.4vw;
		height: 9.4vw;
		border: 0;
		background: rgba(34, 34, 34, .5);
	}
	.reference_slide .sliderTxtWrap .prevNext button img {
		width: 2vw !important;
		max-width: 13px;
	}
	.reference_slide .sliderTxtWrap .prevNext button.next {
		margin-left: 0;
	}
	.reference_slide .sliderTxtWrap .sliderTxtWrapUl li, .reference_slide .sliderTxtWrap .sliderTxtWrapUl
		{
		height: 100%;
	}
	.reference_slide .sliderTxtWrap .sliderTxtWrapUl li a {
		width: 100%;
		height: 100%;
	}
	.reference_search {
		overflow-x: auto;
		width: 100%;
		margin-top: 0;
	}
	.reference_search ul {
		overflow-x: auto;
		width: 100vw;
		height: 15.6vw;
		border-bottom: 1px solid #d2d2d2;
	}
	.reference_search ul li {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-right: 0;
	}
	.reference_search ul li a {
		margin-right: 9.4vw;
		font-size: 3.4vw;
	}
	.reference_search ul li:last-child a {
		margin-right: 0;
	}
	.reference_search ul li a.on::after {
		height: 3px;
		bottom: -5vw;
	}
	.left_wrap {
		float: none;
		width: 100% !important;
	}
	.left_wrap .search_select {
		width: 100%;
	}
	.rfr_wrap select {
		height: 10.9vw;
	}
	.search_select dt {
		display: none;
	}
	.subContainer.reference {
		width: 92.1875%;
		margin: 0 auto;
		padding-bottom:18.8vw;
	}
	.reference .right {
		float: none;
		width: 100%;
		margin-top: 5.5vw;
	}
	.reference .right>span {
		font-size: 3.8vw;
	}

	/* reference grid */
	.subContainer.reference .grid {
		width: 100%;
		margin-top: 3.8vw;
	}
	.subContainer.reference .grid-sizer, .subContainer.reference .grid-item
		{
		/* width:auto;
	min-width: calc(50% - 1vw);
	max-width: calc(50% - 2vw); */
		width: 49%;
		max-width: 49%;
	}
	.subContainer.reference .gutter-sizer {
		width: 2%;
	}
	.subContainer.reference .grid-item:nth-child(2n) {
		margin-right: 0;
	}
	.subContainer.reference .grid-item {
		margin: 0 0 2vw 0;
		overflow: hidden;
		position: relative;
		/* 
	-webkit-transform: translateY(100px);
		-ms-transform: translateY(100px);
			transform: translateY(100px);
	opacity: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s; */
	}
	.subContainer.reference .grid-item.on {
		/* -webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
			transform: translateY(0px);
	opacity: 1; */
		
	}
	.subContainer.reference .grid-item .txtWrap {
		/* height: 21.2vw; */
		height: 100%;
		padding: 3.1vw;
	}
	.subContainer.reference .grid-item .txtWrap span {
		font-size: 2.8vw;
	}
	.subContainer.reference .grid-item .txtWrap p {
		max-height: 12vw;
		-webkit-line-clamp: 2;
		font-size: 3.8vw;
		line-height: 1.5;
	}

	/* reference - site */
	.subContainer .fadWrap>.fadTopWrap {
		padding: 0 3.8vw;
		border-top: 0;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap div {
		position: relative;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap dl dt {
		display: none;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap dl dd {
		display: block;
		width:100%;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap dl dd div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-right:0;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap select{
		width: 45.3vw;
		height: 9.4vw;
		margin-right: 1vw;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap select:last-child {
		margin-right: 0;
	}
	
	.subContainer .fadWrap .fadTopWrap .litWrap input[type="text"] {
		width:100% !important;
		height:9.4vw;
	} 
	
	.subContainer .fadWrap .fadTopWrap .litWrap .btn {
		width: 9.4vw;
		min-width: 9.4vw;
		height: 9.4vw;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.subContainer .fadWrap .fadTopWrap .litWrap .btn img {width: 4vw; height: 4vw;}
	.subContainer .fadWrap .mapWrap #map {
		height: 123.8vw;
		overflow: hidden;
	}
	.subContainer .fadWrap .mapWrap .mapListUl {
		padding: 0 3.8vw;
	}
	.subContainer .fadWrap .mapWrap .mapListUl li {
		width: 100%;
		margin-top: 3.8vw;
	}
	.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo {
		width:100%;
		height:auto;
		padding:3.8vw 6.3vw 6.3vw 6.3vw;
		background: #fff;
	}
	.subContainer .fadWrap .mapWrap .mapListUl li+li {
		margin-left: 0;
	}
	.subContainer .fadWrap .mapWrap .markerInfo .info1 {
		font-size: 4.1vw;
	}
	.subContainer .fadWrap .mapWrap .markerInfo .info1 span {
		font-size: 2.8vw
	}
	.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo dl dt,
		.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo dl dd {
		font-size: 3.4vw;
	}
	.subContainer .fadWrap .mapWrap .mapListUl li .markerInfo dl dt {
		width: 8vw;
	}
	
	.subContainer .fadWrap .mapWrap .markerInfo .info3 button {
		width:100%;
		height:9.3vw;
	}
	
	.subContainer .fadWrap .mapWrap .markerInfo .btn_view {
		height: 8vw;
		margin-top: 3.1vw;
		font-size: 3.4vw;
	}
	
	.lpSection.referenceView {
		width:100%;
	}
	
	.lpSection.referenceView .lpWrap {
		overflow-y: auto;
		width: 100vw;
		max-width:100vw;
		height:100vh;
		max-height:100vh;
		/*height: 90vh;
		padding-bottom: 11.8vw;*/
	}
	
	.lpSection.referenceView .lpWrap .lpHeader {
		height:14.1vw;
		padding:0 3.9vw;
		font-size:4.4vw;
	}
	
	.lpSection.referenceView .lpWrap .lpContainer {
		height: 88%;
	}
	
	.lpSection.referenceView .lpWrap .lpcont_wrap {
		padding:3.8vw;
	}
	
	.lpSection.referenceView .info {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		flex-direction: column;
		padding-bottom:6.3vw;
	}
	.lpSection.referenceView .info dl {
		width: 100%;
	}
	.lpSection.referenceView .info dl dt {
		width: 27.8vw !important;
	}
	.lpSection.referenceView .info dl dt, .lpSection.referenceView .info dl dd
		{
		font-size: 3.8vw;
	}
	.lpSection.referenceView .info dl dd {
		font-weight: 200;
	}
	.lpSection.referenceView .tag {
		padding: 4.3vw 0;
	}
	.lpSection.referenceView .tag dl {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		flex-direction: column;
	}
	.lpSection.referenceView .tag dt {
		width:100%;
		font-size: 3.58vw;
	}
	
	.lpSection.referenceView .tag dt i {
		margin:1vw 1.9vw 0 0;
	}
	
	.lpSection.referenceView .tag span {
		height: 7.8vw;
		margin: 2.3vw 1.3vw 0 0;
		padding: 0 2.3vw;
		font-size: 3.1vw;
	}
	.lpSection.referenceView .pop_slide {
		height: 51.6vw;
	}

	/* 검색 관련 모바일 */
	.rfr_wrap .left {
		overflow: auto;
		float: none;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		width: 100%;
		height: 100vh;
		z-index: 100;
	}
	.rfr_wrap .btn_resources {
		display: block;
		width: 100%;
		height: 9.4vw;
		margin-top: 4.7vw;
		background: #f36f21;
		color: #fff;
		font-size: 3.8vw;
		font-weight: 300;
		border-radius: 0;
	}
	.rfr_wrap .btn_resources::before {
		display:none;
	}
	.rfr_wrap .left li .mobile02.depth01 {
		padding-bottom: 0;
	}
	.rfr_wrap .left .btn02 {
		width: 3.4vw;
		height: 2vw;
		top: 2.5vw;
		background: url("../images/btn_close01_m.jpg");
		background-size: cover;
	}
	.rfr_wrap .left .btn02.on {
		width: 3.4vw;
		height: 2vw;
		background: url("../images/btn_open01_m.jpg");
		background-size: cover;
	}
	.rfr_wrap .left div li {
		margin-top: 3.9vw;
	}
	.rfr_wrap .left .list_box li label {
		padding-left: 7.3vw;
		font-size: 4.1vw;
	}
	.rfr_wrap .left .list_box li label::before, 
	.rfr_wrap .left .list_box li input[type="checkbox"]:checked+label::before,
	.rfr_wrap .left .list_box li input[type="radio"]+label::before,
	.rfr_wrap .left .list_box li input[type="radio"]:checked+label::before {
		width: 4.5vw;
		height: 4.5vw;
		margin-right: 3.1vw;
		background-size: cover !important;
	}
	.rfr_wrap .left .list_box li input[type="checkbox"]+label::before {
		background: url("../images/bul_check_off_m.png") center no-repeat;
	}
	.rfr_wrap .left .list_box li input[type="checkbox"]:checked+label::before {
		background: url("../images/bul_check_m.png") center no-repeat;
	}
	.rfr_wrap .left .list_box li input[type="radio"]+label::before {
		background: url("../images/bul_radio_off_m.png") center no-repeat;
	}
	.rfr_wrap .left .list_box li input[type="radio"]:checked+label::before {
		background: url("../images/bul_radio_m.png") center no-repeat;
	}
	.rfr_wrap .left .btn_wrap {
		margin-top: 20vw;
		padding: 0 3.9vw 3.9vw;
	}
	.rfr_wrap .left .btn_wrap .btn_black {
		margin-top: 0;
		font-size: 3.4vw;
	}
	.reference .left .close {
		position: absolute;
		right: 3.8vw;
		border:none;
		top:50%;
		transform:translateY(-64%);
	}

	/* reference view */
	.subContainer .referenceDetailWrap {
		padding: 0 3.9vw;
		border-top:0;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail h3
		{
		margin-top: 0;
		padding-top: 6.3vw;
		border-top: 1px solid #d2d2d2;
		font-size: 4.4vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail h3 span
		{
		font-size: 2.8vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag
		{
		margin-top: 2.4vw;
		flex-wrap: wrap;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail .tag span
		{
		height: 7.8vw;
		margin: 0 1.6vw 1.6vw 0;
		padding: 0 1.6vw;
		font-weight: 300;
	}
	.subContainer .referenceDetailWrap .referenceDetail.pd6 .referenceInfo {
		position: relative;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo
		{
		margin-top:0;
		/*padding-top:43.8vw;*/
		
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt
		{
		width: 100%;
		padding: 0;
		margin-top: 4.3vw;
		position: static;
		background: none;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		flex-direction:column;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p
		{
		line-height: 1.8;
	}
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p + p {
		margin-left:0;
	}
	
	
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg
		{
		height: 51.6vw;
		margin-top: 6.3vw;
		position:relative;
	}
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg .rfr_btn {
		top:45%;
	}
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceImg .rfr_btn button {
		width:9.4vw;
		height:9.4vw;
	}
	
	
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p
		{
		font-size: 3.8vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceInfo .referenceTxt p strong
		{		
		/*font-weight: 600;*/
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li
		{
		width: calc(33.33% - 1.4vw);
		height: 18vw;
		margin: 2.5vw 0 0 2.1vw;
	}
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li:nth-of-type(3n+1)
		{
		margin-left: 0;
	}

	/* .subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li:nth-of-type(6n) {
	margin-right: 2.5vw;
}
.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li:nth-of-type(3n) {
	margin-right: 0;
} */
	.subContainer .referenceDetailWrap .referenceDetailContWrap .referenceDetail.pd6 .referenceUl li.on::before
		{
		border: 5px solid #f36f21;
	}

	/* 약관 */
	.rule {
		/*border-top: 0;*/
		margin: 0 3.9vw;
	}
	.rule p {
		font-size: 3.4vw;
	}
	.rule h3 {
		font-size: 5vw;
	}
	.rule h4 {
		font-size: 4.1vw;
	}
	.rule h5 {
		font-size: 3.8vw;
	}
	.rule h6 {
		font-size: 3.6vw;
	}
	.rule h4, .rule h5, .rule h6 {
		margin-top: 3.1vw;
	}
	.rule li strong.first {
		font-size:3.8vw;
		padding-left: 2.3vw;
		position: relative;
	}
	.rule ul li {
		margin-top: 2.8vw;
		padding-left: 2.3vw;
		position: relative;
		font-size: 3.4vw;
		font-weight: 400;
	}
	
	.rule li li {
		font-size:3.4vw;
	}
	.rule ul li strong.first {
		margin-top: 2.8vw;
		font-size: 3.4vw;
	}
	.rule ul li.m640::before {
		top: 18px;
	}
	
	.rule ul:not(.st) li::before, .rule ul li strong.first::before {
		top:2.5vw;
	}
	
	/* 210729 추가 */
	.reference .top_tab {
		padding:0 3.8vw;
	}
	.reference .top_tab ul {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		height:14.1vw;
		padding:0 3.8vw;
	}
		
	.reference .top_tab ul li + li {
		margin-left:6.3vw;	
	}
	
	.reference .top_tab ul li a {
		font-size:3.4vw;
		font-weight:300;
	}
	
	/* 210827 추가 */
	/*#map > div > div:first-child > div:last-child > div:last-child:not(.markerInfo) {
		width:92.2vw !important;
		height:93.3vw !important;
	}*/
	
	.subContainer .fadWrap .mapWrap #map .markerInfo {
		width:92.2vw;
		/*height:101.3vw;*/
	}
	
	.subContainer .fadWrap .mapWrap #map .info1 {
		padding:3.1vw 4.7vw 0;
	}
	
	.subContainer .fadWrap .mapWrap #map .info2 {
		padding:0 4.7vw;
	}
	
	.subContainer .fadWrap .mapWrap .markerInfo .info3 {
		padding:0 3.1vw;
	}
	
	/* 210828 추가 */
	.range_option {
		height:36vw;
	}
	.ui-slider-handle {
		width:4.5vw;
		height:4.5vw;
		background:url("../images/bul_range_m.png") center no-repeat;
		background-size:cover;
	}
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .btn_wrap {
		margin-top:6.3vw;
	}
	
	.subContainer .referenceDetailWrap .referenceDetailContWrap .btn_wrap .btn_black {
		height:9.4vw;
		font-size:3.8vw;
		font-weight:400;
	}
	
	.mapListUl + .btnWrap {
		width:92.2vw;
		margin:6.3vw auto 0;
	}
	
	.mapListUl + .btnWrap button.type1 {
		width:100%;
	}
	
	.lpSection.referenceView .tag span div {
		width:31.3vw;
		height:31.3vw;
		top:7.8vw;
	}
	
	.contact .contact_form p + span {
		display:none;
	}
	
	
	.rfr_wrap .right .download_box dl dd .test_ul li {
		padding:4.7vw !important;
	}
	
	.rfr_wrap .right .download_box dl dd .test_ul li .test_check {
		margin-top:2vw;
	}
	
	.rfr_wrap .right .download_box dl dd .test_ul li .test_check label {
		/*padding-left:7vw;*/
	}
	
	
	/* 0831 */
	.inner02 {
		margin:4vw;
	}
}







































.content--area {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 9;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.content--area::before {
  content: "";
  width: 9999px;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
  position: absolute;
  top: 0;
  left: -9999px;
}

@media screen and (min-width: 1399px) {
  .content--area {
    width: 1400px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .content--area {
    width: 100vw;
  }
  
  .rfr_wrap .right .download_box .down_list.foldingWrap .down_list_ul .box {
		padding:0;
	} 
}

@media screen and (max-width: 1023px) {
  .content--area {
    width: 100%;
    position:static;
    -webkit-transform: translateX(0);
	  -ms-transform: translateX(0);
	  transform: translateX(0);
    
  }
}





































.rfr_wrap .right .download_box .down_list label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.rfr_wrap .right .download_box .down_list label::before {
  position: relative;
  top: inherit;
  left: inherit;
  width: 13px;
  height: 13px;
  -webkit-transform: inherit;
      -ms-transform: inherit;
          transform: inherit;
  margin-right: 15px;
  background-size:cover;
}

.rfr_wrap .right .download_box dl dd ul:not(.fileUl) li,
.rfr_wrap .right .download_box dl dd li {
  padding: 0;
}

@media screen and (min-width: 1399px) {
  .down_list.foldingWrap.video .box {
    padding: 30px 0 !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .down_list.foldingWrap.video .box {
    padding: 30px 0 !important;
  }
}

@media screen and (max-width: 1023px) {
  .down_list.foldingWrap.video .box {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1399px) {
  .down_list.foldingWrap.video .box ul li {
    padding: 0 !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .down_list.foldingWrap.video .box ul li {
    padding: 0 !important;
  }
}

.download_box .down_list_ul ul li.dh-col {
  letter-spacing: -0.5px;
}

@media screen and (min-width: 1399px) {
  .download_box .down_list_ul ul li.dh-col {
    padding: 20px 30px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .download_box .down_list_ul ul li.dh-col {
    padding: 1.4286vw 2.1429vw !important;
  }
}

.download_box .down_list_ul ul li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.download_box .video dd {
  padding: 30px 0;
}

@media screen and (min-width: 1399px) {
  .download_box .video dd .thumnail--video .video--ul li {
    width: calc(33.33% - 18.62px) !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .download_box .video dd .thumnail--video .video--ul li {
    width: calc(33.33% - 1.3571vw) !important;
  }
}

@media screen and (max-width: 1023px) {
  .download_box .video dd .thumnail--video .video--ul li {
    margin-top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .download_box .video dd .thumnail--video .video--ul li .video--img {
    height: 24vw !important;
  }
}

@media screen and (max-width: 1023px) {
  .download_box .video dd .thumnail--video .video--ul li .video--img a {
    width: 10vw;
  }
  .download_box .video dd .thumnail--video .video--ul li .video--img a img {
    width: 100%;
    height: auto;
  }
}

.download_box .video dd .thumnail--video .video--ul li label::before {
  position: absolute;
}

@media screen and (min-width: 1399px) {
  .download_box .video dd .thumnail--video .video--ul li label::before {
    top: 15px;
    left: 15px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .download_box .video dd .thumnail--video .video--ul li label::before {
    top: 1.0714vw;
    left: 1.0714vw;
  }
}

@media screen and (max-width: 1023px) {
  .download_box .video dd .thumnail--video .video--ul li label::before {
    width: 2vw !important;
    height: 2vw !important;
  }
}

@media screen and (min-width: 1399px) {
  .download_box .video dd .thumnail--video .video--ul li:nth-of-type(n + 4) {
    margin-top: 28px !important;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .download_box .video dd .thumnail--video .video--ul li:nth-of-type(n + 4) {
    margin-top: 2vw !important;
  }
}

@media screen and (min-width: 1399px) {
  .download_box .video dd .thumnail--video .video--ul li:nth-of-type(4n + 1) {
    margin-left: auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .download_box .video dd .thumnail--video .video--ul li:nth-of-type(4n + 1) {
    margin-left: auto;
  }
}

@media screen and (min-width: 1399px) {
  .download_box .video dd .thumnail--video .video--ul li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
  .download_box .video dd .thumnail--video .video--ul li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
}




.dh-siteMove {display: flex; align-items: center; justify-content: center; background: #444; color: #fff; padding: 0px 5px; margin-left: 10px; font-size: 14px; font-weight: 300;}
@media screen and (max-width: 1023px) {
	.dh-siteMove {font-size: 3vw; margin-left: 4vw; }
}



@media screen and (min-width: 1399px) {
	.withBtn-span {max-width: 120px !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1398px) {
	.withBtn-span {max-width: 6vw !important;}
}
@media screen and (max-width: 1023px) {
	.withBtn-span {max-width: calc(100% - 70vw) !important;}
}


/* 211006 추가 */
.btn_wrap_rf {text-align:center;}


/* 211129 추가 */

.quickUl {
	display:none;	
}

.quickUl.quickUl02 {
	display:block;
	width:85px;
	height:100%;
	top:80px;
	right:0 !important; 
	background:#2c2b2b;
	transform:translate(0, 0);
}

.quickUl.quickUl02 li div {
	flex-direction:column;
	-webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width:85px;
    height:85px;
	background:#2c2b2b;
}

.quickUl.quickUl02 li div i {
	width:27px;
	height:27px;
}

.quickUl.quickUl02 li + li {
	border-top:0;
}

.quickUl.quickUl02 li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	font-size:12px;
	font-weight:300;
}

.quickUl.quickUl02 li div strong {
	padding:0;
	margin-top:7px;
}

.scrollTop-wrap02 {
	position:static;
	padding-top:290px;
	cursor:pointer;
}

.scrollTop-wrap {
	display:none;
}

/*.productUl02 {border:1px solid red;}*/

.productUl02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    flex-wrap:wrap;
   	width:100%;
   	overflow:hidden;
}

.productUl02 .titleWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    flex-direction:column;
	height:225px;
	padding:0 40px;
}

.productUl02 .titleWrap .content {
	margin:0;
}

.productUl02 li {
	overflow:hidden;
}

.productUl02 li .w780 {
	width:780px;
}

.productUl02 li .w620 {
	width:620px;
}

.productUl02 li img {
	max-width:100%;
	transition:all 1s;
}
.productUl02 li:hover img {
  	transform:scale(1.1);
  }
  
  .productUl02 li span {
  	display:block;
  	position:absolute;
  	top:40px;
  	left:40px;
  	font-size:26px;
  	font-weight:400;
  }

.productUl02 .txtWrap {
	display:none;
}

.productUl02:first-of-type li:last-child {
	margin:-42.2% 0 0 -44.5%
}

.productUl02:nth-of-type(2) li:last-child {
	margin:-16% -44.3% 0 0
}

.productUl02:nth-of-type(3) li:last-child {
	margin:-16.1% 0 0 -44.5%
}

.productUl02:last-of-type li:last-child {
	margin:-16.19% 0 0 -44.3%
}

@media screen and (min-width: 1024px) and (max-width: 1398px) {
	.quickUl.quickUl02 {
		top:5.7143vw;
		width:6.1vw;
	}
	
	.quickUl.quickUl02 li div {
		width:6.1vw;
		height:6.1vw;
	}
	
	.quickUl.quickUl02 li div strong {
		font-size:0.9vw;
	}
	
	.scrollTop-wrap02 {
		padding-top:20.7vw;
	}
	
	.quickUl.quickUl02 li div i {
		width:1.9vw;
		min-width:1.9vw;
		height:1.9vw;
	}
	
	.productUl02 li .w780 {
		width:55.7vw;
	}
	
	.productUl02 li .w620 {
		width:44.3vw;
	}
	
	.productUl02 .titleWrap {
		height:16.1vw;
	}
	
	.productUl02 li span {
		font-size:1.9vw;
		top:2.9vw;
		left:2.9vw;
	}
}
@media screen and (max-width: 1023px) {
	.quickUl01 {
		display:block;
	}
	.quickUl.quickUl02 {
		display:none;
	}
	.scrollTop-wrap {
		display:flex;
	}
	
	.productUl02 li {
		width:100%;
	}
	
	.productUl02 li div {
		width:100% !important;
	}
	
	.productUl02 li img {
		width:100%;
	}
	
	.productUl02:first-of-type li:last-child {
		margin:0
	}
	
	.productUl02:nth-of-type(2) li:last-child {
		margin:0
	}
	
	.productUl02:nth-of-type(3) li:last-child {
		margin:0
	}
	
	.productUl02:last-of-type li:last-child {
		margin:0
	}
	
	.productUl02 .titleWrap {
		height:35.2vw;
		padding:0;
	}
	
	.productUl02 .titleWrap .title {
		font-size:5.3vw;
		padding:0;
	}
	
	.main3_wrap .productUl02 .titleWrap .content {
		font-size:3.8vw;
	}
	
	.productUl02 li span {
		left:6.3vw;
		top:6.3vw;
		font-size:5vw;
	}
}