

/* select box setting */
div.dv-select {display:inline-block;/* *display: inline; */zoom:1;position:relative;width:100%;height:50px;padding:0;border: 1px solid #d8d8d8;background:#fff;box-sizing:border-box;overflow:hidden;}
div.dv-select > label {display:inline-block; opacity:0; /* *display: inline; */zoom:1;position:absolute;top:0;right:0;width:100%;line-height:50px;margin:0;padding:0 35px 0 10px;font-size:12px;color:#666; background:transparent;box-sizing:border-box;cursor:pointer;}
div.dv-select > span.spn-sel-arrow {display:block;position:absolute;top:50%;right:0; transform: translateY(-50%); width:35px;height:35px;margin:0;padding:0;background:url(../../images/bbs/sel-arrow.png) no-repeat;background-size:20px;background-position:center;box-sizing:border-box;cursor:pointer;}
div.dv-select > select {position:relative;width:100%;height:50px;padding:0 35px 0 10px;border:none;background:none;outline:none; -webkit-appearance:none;filter:alpha(opacity=0);z-index:1; color:#666; font-weight:300; font-size:16px; font-family: 'Noto Sans KR','GmarketSansMedium',Dotum,Helvetica,AppleGothic,Gulim,'굴림',Sans-serif;}

.background-bk div.dv-select {border: 1px solid #fafafa;background:none;}
.background-bk div.dv-select > label {color:#fff;}
.background-bk div.dv-select > span.spn-sel-arrow {background:url(../../images/bbs/sel-arrow.png) no-repeat;}

/* input box setting */
.boardListArea input[type=text],
.boardListArea input[type=password] {width:100%;padding:5px;border:1px solid #ddd;height:50px;font-size:16px; box-sizing:border-box;-webkit-appearance: none;border-radius:0;}

.background-bk input[type=text],
.background-bk input[type=password] {border:1px solid #ddd;background:none;color:#fff}


/* 검색영역 */
.selArea {display:block;width:100%; margin:0 auto  ;padding:0 ;vertical-align:top; text-align:center;box-sizing:border-box;}
.selArea div.dv-select {display:inline-block;width:10%;margin:0 5px 0 0;}
.selArea span.input {display:inline-block;position:relative;width:25%;margin:0 5px 0 0; vertical-align: top;}
.selArea span.input input[type=text] {width:100%;}
.selArea span.input input[type=text]::-webkit-input-placeholder {color:#ddd;}
.selArea span.input input[type=text]::-webkit-input-placeholder {color:#ddd;}
.selArea span.input input[type=text]::-moz-placeholder {color:#ddd; } /* firefox 19+ */
.selArea span.input input[type=text]:-ms-input-placeholder {color:#ddd;} /* ie */
.selArea span.input input[type=text]:-moz-placeholder {color:#ddd;}
.selArea span.search {display:inline-block;position:relative;width:10%;margin:0 5px 0 0; vertical-align: top;}
.selArea .btnOrange {display:inline-block;width:100%;line-height:50px;font-size:16px;color:#fff;background:#000;border-radius: 30px; height:50px;text-align:center;border:none;-webkit-appearance: none;border-radius:0;cursor:pointer;}

.background-bk .selArea {border:none;background:none;}

@media screen and (max-width:1280px) {
	.selArea div.dv-select {width:15%;}
	.selArea span.input {width:25%;}
	.selArea span.search {width:10%;}
}
@media screen and (max-width:1024px) {
	.selArea div.dv-select {width:20%;}
	.selArea span.input {width:35%;}
	.selArea span.search {width:10%;}

	div.dv-select > select{font-size:14px;}
	input[type=text], input[type=password]{font-size:14px;}
	.btnWhite{font-size:14px;}
	
}

@media screen and (max-width:767px) {
	.selArea div.dv-select {width:100%;margin:5px 0;}
	.selArea span.input {width:100%;margin:5px 0;}
	.selArea span.search {width:100%;margin:5px 0;}
}
@media screen and (max-width:480px) {
	.selArea div.dv-select {width:100%;margin:5px 0;}
	.selArea span.input {width:100%;margin:5px 0;}
	.selArea span.search {width:100%;margin:5px 0;}
}

/* button setting */
.bottomBtn {display:inline-block;width:100%;margin:0; margin:0; text-align:right;}
.bottomBtn.ta-lt{text-align:left;}
.bottomBtn.ta-rt{text-align:right;}

.bottomBtn > .btnLeft {float:left;max-width:50%;text-align:left;}
.bottomBtn > .btnRight {float:right;max-width:50%;text-align:right;}
.bottomBtn > .btnCenter { margin: 0 auto; text-align:center;}

.btnWhite {display:inline-block;padding:10px 35px;margin:5px;border:1px solid #b9b9b9;background:#fff;text-align:center;line-height:1.6;color:#555;font-size:16px;}
.btnRed {display:inline-block;padding:10px 35px;margin:5px;border:1px solid #ea2125;background:#ea2125;text-align:center;line-height:1.6;color:#fff;font-size:16px;}
.btnGray {display:inline-block;padding:10px 35px;margin:5px;border:1px solid #b12419;background:#b12419;text-align:center;line-height:1.6;color:#fff;font-size:16px;}

/* 어두운 색상용 */
.background-bk .btnWhite {border:1px solid #fff;background:none;color:#fff;}
.background-bk .btnGray {border:1px solid #fafafa;background:#fafafa;color:#333;}
.background-bk .btnRed {display:inline-block;padding:10px 35px;margin:5px;border:1px solid #ea2125;background:none;text-align:center;line-height:1.6;color:#ea2125;font-size:16px;}

@media screen and (max-width:480px) {
	.btnWhite {padding:5px 10px;margin:1px; }
	.btnGray {padding:5px 10px;margin:1px; }
	.btnRed {padding:5px 10px;margin:1px; } 
}

.boardListArea{display:block;width:100%; margin:40px auto;padding:50px 30px;box-sizing:border-box; border-radius: 50px;}


/*.mob-none {display:table-cell;}*/
@media screen and (min-width:481px) and (max-width:767px) {
	.boardListArea {padding:30px 20px;}
	.mob-none {display:none;}
}
@media screen and (max-width:480px) {
	.boardListArea {padding:20px 15px;}
	.mob-none {display:none;}
}

/*************pager************/
.pager {width:100%;  margin: 50px auto; text-align:center; display: inline-block;}
.pager-body { /* display:inline-block; */ display: flex; justify-content: center; flex-wrap: wrap; gap: 10px 0; }
.pager-body a {width:40px; height:40px; line-height:38px; border:1px solid #e5e5e5; color:#777777; font-size:14px; font-weight:400; float:left; margin:0 4px; display:block; box-sizing:border-box; position:relative; border-radius:50%; background-color: #fff; }
.pager-body a img{position:absolute; max-width:100%; max-height:100%; width:auto; height:auto; margin:auto; top:0; bottom:0; left:0; right:0;}
.pager-body a.on{ background:#47b69d; color:#fff; border:none; line-height:40px;}


/* ----------------------- 게시판 리스트 ----------------------- */ 

	/* 리스트 테이블 영역 */
	.jcboardList .listTable {width:100%;}

		.jcboardList .listTable p.total {display:block;width:100%;padding:0;font-size:1.125rem;color:#666;text-align:right; margin-bottom: 10px;}
		.jcboardList .listTable p.total span {display:inline-block;margin:0 2px 0 5px;color: #47b69d;font-weight:bold; vertical-align: baseline;}
		
		.jcboardList .listTable .colTbl {border-top:2px solid #9be9d7; width:100%;font-size:15px;table-layout:fixed;border-bottom:1px solid #ddd;}
		.jcboardList .listTable .colTbl th { padding:20px 0;color:#222; font-size:1.3rem; font-weight: bold; }
		.jcboardList .listTable .colTbl td {border-top:1px solid #ddd;padding:20px; font-size:1.125rem; color:#707070;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600; letter-spacing: -1px;}
		.jcboardList .listTable .colTbl td.title {text-align:left; font-weight:600; font-size: 1.4rem;}
		.jcboardList .listTable .colTbl td.title a{color:#000;}

		.background-bk .jcboardList .listTable p.total {color:#fff;}
		.background-bk .jcboardList .listTable .colTbl {border-bottom:1px solid #626262;}
		.background-bk .jcboardList .listTable .colTbl th {border-top:2px solid #47b69d;color:#fff;background:#333;}
		.background-bk .jcboardList .listTable .colTbl td {border-top:1px solid #626262;color:#f1f1f1;}
		.background-bk .jcboardList .listTable .colTbl td.title {text-align:left;}
		.background-bk .jcboardList .listTable .colTbl td.title a {color:#f1f1f1;}

    @media screen and (max-width:1024px) {
        .jcboardList .listTable .colTbl th{font-size:14px; }
        .jcboardList .listTable .colTbl td.title{font-size:16px;}
        .jcboardList .listTable .colTbl td{font-size:14px; padding:15px;}
    }

	@media screen and (max-width:767px) {
		.jcboardList .listTable .colTbl {font-size:14px;}
		.jcboardList .listTable .colTbl th {padding:15px 2px 15px;text-align:center; width:40%;}
		.jcboardList .listTable .colTbl th span.esse {display:block;margin-right:0;}
		.jcboardList .listTable .colTbl td {padding:12px 0 12px;} 
	}
	@media screen and (max-width:480px) {
		.jcboardList .listTable .colTbl {font-size:14px;}
		.jcboardList .listTable .colTbl th {padding:15px 2px 15px;text-align:center; width:40%;}
		.jcboardList .listTable .colTbl th span.esse {display:block;margin-right:0;}
		.jcboardList .listTable .colTbl td {padding:12px 0 12px;} 
	}


	/* 디자인 수정 */
	.boardListArea input[type=text]{border-radius: 10px ;}
	.boardListArea input[type=text]::placeholder{color: #919191 !important;}
	.selArea .btnOrange{border-radius: 10px ;}
	div.dv-select > select{border-radius: 10px ;}
	#more .jcboardList thead{background: #47b69d;}
	#more .jcboardList .listTable .colTbl th{color: #fff;}
	#more .jcboardList .listTable .colTbl td{background: #f3f3f3;}

	/* ----------------------- 게시판 상세보기 ----------------------- */
.jcboardView {display:inline-block;width:100%;margin:0 0  ;}

/* 상세보기 테이블 영역 */
.jcboardView .viewArea {width:100%;}
.jcboardView .viewArea .viewTitle {border-top:2px solid #000;width:100%;background:#fff; }
.jcboardView .viewArea .viewTitle h4 {line-height:1.6;padding:27px 35px 27px;font-size:40px; color:#000;margin-bottom:0;word-wrap:break-word; font-weight:bold;}
.jcboardView .viewArea .viewTitle .subInfo {border-top:1px solid #ddd;padding:20px 0; }
.jcboardView .viewArea .viewTitle .subInfo ul {display:inline-block;overflow:hidden;}
.jcboardView .viewArea .viewTitle .subInfo ul + ul {margin-top: 12px;}
.jcboardView .viewArea .viewTitle .subInfo ul li {float:left;padding:0 35px;font-size:13px;line-height:1.6;}
.jcboardView .viewArea .viewTitle .subInfo ul li+li {border-left:1px solid #ddd;}
.jcboardView .viewArea .viewTitle dt {float:left;padding-right:15px;color:#333; font-size: 1.3rem; font-weight: 500;}
.jcboardView .viewArea .viewTitle dd {color:#707070;float:left; font-size: 1.3rem; font-weight: 500;}
.jcboardView .viewArea .viewTitle dd:before {content:":";padding-right:15px;}
.jcboardView .viewArea .viewCont {padding:20px 35px 40px;font-size:15px;color:#666;line-height:1.6;word-wrap:break-word;}
.jcboardView .viewArea .viewCont img { display: block; max-width: 100%; margin-bottom:30px;}
.jcboardView .viewArea .viewCont iframe{display: block; width: 100%; max-width: 600px; margin-bottom: 30px; aspect-ratio: 16/9;}
.jcboardView .viewArea .viewCont audio{display: block; margin-bottom: 20px;}
.jcboardView .viewArea .fileArea {display:block;width:100%;margin:0;padding:10px 35px 10px;box-sizing:border-box;background:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.jcboardView .viewArea .fileArea > dl {display:inline-block;width:100%;margin:0;padding:0;}
.jcboardView .viewArea .fileArea > dl > dt {width:100%;height:30px;line-height:30px;padding:0 25px;font-size:16px;font-weight:500;background:url(../../images/bbs/icon_board_file.png) no-repeat;background-size:21px 21px;background-position:left center;box-sizing:border-box;}
.jcboardView .viewArea .fileArea > dl > dd {width:100%;margin:10px 0 0;padding:10px;font-size:16px;color:#418cff;border-top:1px dotted #ddd;box-sizing:border-box;}
.jcboardView .viewArea .fileArea > dl > dd:before {content:"";}
.jcboardView .viewArea .fileArea > dl > dd > a {display:inline-block;height:29px;line-height:29px;margin:0 5px;color:#418cff;}
.jcboardView .viewArea .fileArea > dl > dd > a:hover {text-decoration:underline;}
.jcboardView .viewArea .fileArea > dl > dd > a > img {width:21px;/* margin:4px 0 0; */ vertical-align: sub; }

.jcboardView .viewArea .preViewTitle { }
.jcboardView .viewArea .preViewTitle dl {padding:18px 35px 16px;}
.jcboardView .viewArea .preViewTitle dl.bbottom {    padding-bottom: 0;}
.jcboardView .viewArea .preViewTitle dl dt {float:left;line-height:1.6;padding-right:30px;margin-right:15px;font-size:16px;color:#333;}
.jcboardView .viewArea .preViewTitle dl dt.prev:after {content:"▲";padding:0 0 0 25px;}
.jcboardView .viewArea .preViewTitle dl dt.next:after {content:"▼";padding:0 0 0 25px;}
.jcboardView .viewArea .preViewTitle dl dd {line-height:1.6;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.jcboardView .viewArea .preViewTitle dl dd > a {color:#333;}

.background-bk .jcboardView .viewArea .viewTitle {border-top:2px solid #ea2125;background:rgba(255, 255, 255, 0.2);}
.background-bk .jcboardView .viewArea .viewTitle h4 {color:#333;background:rgba(255, 255, 255, 0.9);}
.background-bk .jcboardView .viewArea .viewTitle .subInfo {border-top:1px solid #fafafa;}

.background-bk .jcboardView .viewArea .fileArea {background:rgba(255, 255, 255, 0.1);}
.background-bk .jcboardView .viewArea .fileArea > dl > dt {background:url(../../images/bbs/icon_board_file_bk.png) no-repeat;background-size:21px 21px;background-position:left center;}
.background-bk .jcboardView .viewArea .fileArea > dl > dd {color:#000;}
.background-bk .jcboardView .viewArea .fileArea > dl > dd > a {color:#000;}

.background-bk .jcboardView .viewArea .viewCont {color:#f1f1f1;}
.background-bk .jcboardView .viewArea .viewTitle dt {color:#fff;}
.background-bk .jcboardView .viewArea .viewTitle dd {color:#fafafa;}
.background-bk .jcboardView .viewArea .preViewTitle dl dt {color:#fff;}
.background-bk .jcboardView .viewArea .preViewTitle dl dd {color:#c8c8c8;}
.background-bk .jcboardView .viewArea .preViewTitle dl dd > a {color:#f1f1f1;}

    @media screen and (max-width:1024px) {

        .jcboardView .viewArea .preViewTitle dl{padding:5px 0;}
        .jcboardView .viewArea .preViewTitle dl dt{font-size:14px;}
        .jcboardView .viewArea .preViewTitle dl dd{font-size:14px;}
    }

	@media screen and (max-width:767px) {
		.jcboardView .viewArea .viewTitle .subInfo ul {display:inline-block;}
		.jcboardView .viewArea .viewTitle .subInfo ul li { padding:0 15px;font-size:12px;line-height:1.6;}
		.jcboardView .viewArea .viewTitle .subInfo ul li+li {border-left:none;}
		.jcboardView .viewArea .viewTitle dt {padding-right:5px;}

		.jcboardView .viewArea .fileArea {padding:5px 15px 5px;}
		.jcboardView .viewArea .fileArea > dl > dt {padding:0 15px 0 25px;font-size:13px;}
		.jcboardView .viewArea .fileArea > dl > dd {margin:5px 0 0;padding:8px;font-size:10px;}
		.jcboardView .viewArea .fileArea > dl > dd > a {margin:0 4px;}

		.jcboardView .viewArea .viewTitle h4 {padding:17px 10px 17px;font-size:14px;}
		.jcboardView .viewArea .viewCont {padding:10px 15px 20px; font-size:10px; line-height:1.6;}
	}
	@media screen and (max-width:480px) {
		.jcboardView .viewArea .viewTitle .subInfo ul {display:inline-block;}
		.jcboardView .viewArea .viewTitle .subInfo ul li { padding:0 10px;font-size:12px;line-height:1.6;}
		.jcboardView .viewArea .viewTitle .subInfo ul li+li {border-left:none;text-align:right;}
		.jcboardView .viewArea .viewTitle dt {padding-right:5px;}
		.jcboardView .viewArea .viewTitle dd:before {padding-right:5px;}

		.jcboardView .viewArea .fileArea {padding:5px 15px 5px;}
		.jcboardView .viewArea .fileArea > dl > dt {padding:0 15px 0 25px;font-size:13px;}
		.jcboardView .viewArea .fileArea > dl > dd {margin:5px 0 0;padding:8px;font-size:10px;}
		.jcboardView .viewArea .fileArea > dl > dd > a {margin:0 4px;}

		.jcboardView .viewArea .viewTitle h4 {padding:17px 10px 17px;font-size:16px;}
		.jcboardView .viewArea .viewCont {padding:15px 5px 15px; font-size:14px; line-height:1.6;}

		.jcboardView .viewArea .preViewTitle dl{padding:15px 20px;}
		.jcboardView .viewArea .preViewTitle dl dt{padding-right:10px;}
	}



	/* 리스트 겔러리 영역 (기본) */
	.jcboardList .listGallery {width:100%;}
		.jcboardList .listGallery p.total {display:block;width:100%; margin:0 auto 10px;padding:0;font-size:16px;color:#666;text-align:right;}
		.jcboardList .listGallery p.total span {display:inline-block;margin:0 2px 0 5px;color:#47b69d;font-weight:500; vertical-align:baseline;}
		.jcboardList .listGallery .colUll {width:100%; } 
		.jcboardList .listGallery .colUll > ul{overflow:hidden;}
		.jcboardList .listGallery .colUll > ul > li.li-gall-none {width:100%;height:80px;line-height:80px;margin:0;text-align:center;vertical-align:middle;}
		.jcboardList .listGallery .colUll > ul > li > dl {display:block;position:relative;width:100%;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt {display:inline-block;position:relative;width:100%;margin:0 0 5px;padding:15px 15px 0;box-sizing:border-box;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt > a {display:block;width:100%;margin:0;padding:0; position:relative; border:1px solid #ddd; border-radius:20px; transition:all ease .5s;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt > a:hover {border-radius: 50%;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt > a > img {position:relative;width:100%; transition:all ease .5s;}
		/* .jcboardList .listGallery .colUll > ul > li > dl > dt > a:before{content:''; width:calc(100% - 20px); border:10px solid #47b69d; height:calc(100% - 20px); position:absolute; top:0; left:0; opacity:0; transition:all ease .5s;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt > a:hover:before{opacity:1;} */
		  
 
 
		.jcboardList .listGallery .colUll > ul > li {float:left; width:30.66%; margin-right:4%;  margin-bottom:4%;}
		.jcboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:0;}
		.jcboardList .listGallery .colUll > ul > li.li-gall-none {width:100%;height:80px;line-height:2;margin:0;text-align:center;vertical-align:middle;}
		.jcboardList .listGallery .colUll > ul > li > dl {display:block;position:relative;width:100%;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt {display:inline-block;position:relative;width:100%;margin:0 0 5px;padding: 0;box-sizing:border-box;}
		.jcboardList .listGallery .colUll > ul > li > dl > dt > a {display:block;width:100%;margin:0;padding-bottom:100%; height:0; background-size:cover; background-position:center center; }
		.jcboardList .listGallery .colUll > ul > li > dl > dt > a > img {position:relative;width:100%;}
		.jcboardList .listGallery .colUll > ul > li > dl > dd.title {display:block;width:100%;line-height:1.6;margin:0 0 5px;padding:0  ;text-align:left;box-sizing:border-box;word-wrap:break-word; }
		.jcboardList .listGallery .colUll > ul > li > dl > dd.title > a {display:block;font-size:2rem;font-weight:700;color:#333; margin:10px 0; font-weight:bold; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }
		.jcboardList .listGallery .colUll > ul > li > dl > dd.date {display:block;width:100%;line-height:1.6;margin:0 0 25px;padding:0  ;font-weight: 600; font-size:1.125rem;color:#999;text-align:left;box-sizing:border-box;word-wrap:break-word; }
		.jcboardList .listGallery .colUll > ul > li > dl > dd.category{font-size:14px; text-align:left; margin:20px 0 0; color:#7d2c85;}

		.background-bk .jcboardList .listGallery .colUll {border-top:2px solid #fafafa;}
		.background-bk .jcboardList .listGallery .colUll > ul > li > dl > dd.title > a {color:#fff;}
		.background-bk .jcboardList .listGallery .colUll > ul > li > dl > dd.date {color:#666;}

		@media screen and (max-width:1280px) {
			.jcboardList .listGallery .colUll > ul > li {width:32%; margin-right:2%;  margin-bottom:4%;}
		}

		@media screen and (max-width:767px) {
			.jcboardList .listGallery .colUll > ul > li {width:49%; margin-right:2%;  margin-bottom:2%;}
			.jcboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:2%;}
			.jcboardList .listGallery .colUll > ul > li:nth-child(2n){margin-right:0;}

			.jcboardList .listGallery .colUll > ul > li > dl > dd.title{margin: 0;}
			.jcboardList .listGallery .colUll > ul > li > dl > dd.title > a{font-size: 16px; margin: 0;}
			.jcboardList .listGallery .colUll > ul > li > dl > dd.date{margin: 0px 0 15px;}
		} 
		@media screen and (max-width:480px) {
			.jcboardList .listGallery .colUll > ul > li {width:100%; margin-right:0;}
			.jcboardList .listGallery .colUll > ul > li:nth-child(3n){margin-right:0;}
			.jcboardList .listGallery .colUll > ul > li:nth-child(2n){margin-right:0;} 
		} 

/* 신청폼 */
.contact-form .table{
	position: relative;
	width: 100%;
	/* border-top: 2px solid #000; */
	font-size: 18px;
  }
  .contact-form .table .tr.line{
	border-right:1px solid #e5e5e5;
  }
  .contact-form .table .tr{
	position: relative;
	width: calc(100% - 50px);
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	flex-wrap: wrap;
	padding: 10px 20px 10px 30px;
  }
  .contact-form .table .tr.type2{
	margin-right: 50%;
  }
  .contact-form .table .tr.type3{
	padding-right: calc(50% + 20px);
  }
  .contact-form .table .tr.w50{
	width:50%;
  }
  .contact-form .table .th{
	width: 180px;
	color: #222222;
	font-weight: 500;
  }
  
  .contact-form .table .th label{
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  }
  .contact-form .table .th label.ipt:after{
	display: inline-block; 
	content:"*";
	color: #e74d4d;
	margin-left: 4px;
  }
  .contact-form .table .td{
	width: calc(100% - 180px);
    display: flex;
    gap: 20px;
  }
  .contact-form .table .td.school{
	display:flex;flex-wrap: wrap;
  }
  .contact-form .table .td.school .input{
	width: calc(100% - 160px - 10px);
  }
  .contact-form .table .td.school button{
	width: 160px;
	height: 60px;
	background: #6a6b6b;
	color: #fff;
	margin-left: 10px;
  }
  .contact-form .table .td .datepicker_g{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
  }
  .contact-form .table .td .datepicker_g .item{
	width:50px;
	text-align: center;
	font-size: 3rem;font-weight: 300;
  }
  .contact-form .table .td .datepicker_g .input{
	width: calc(50% - 25px);
	max-width: 430px;
  }
  .contact-form .table .td .input_type2{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
  }
  .contact-form .table .td .input_type2 .input{
	width: calc(100% - 50px);
  }
  .contact-form .table .td .input_type2 .item{
	width: 50px;
	text-align: right;
  }
  .contact-form .table .td select{
	width: 100%;
	height: 60px;
	/* border: 0; */
	border: 1px solid #888;
	padding: 0 20px;
	font-size:inherit;
	background: url(../../images/bbs/sel-arrow.png) no-repeat 99% center;
  }
  .contact-form .table .td select.style2,
  .contact-form .table .td .input.style2{
	background-color: #fff;
	border: 1px solid #dfdfdf;
  }
  .contact-form .table .td .input{
	width: 100%;height: 60px;
	border: 0;
	padding: 0 20px;
	background-color: #efefef;
	font-size: 17px;
  }
  
  .contact-form .table .td .w50{
	width:50%;
  }
  .contact-form .table .td .w40{
	width: 40%;
  }

.contact-form .table .td .w30{
    width: 30%;
}

  .contact-form .table .td .input::placeholder,
  .contact-form .table .td textarea::placeholder{
	color:#efefef;
  }
  .contact-form .table .td .input.disabled{
	background: #efefef;
  }
  .contact-form .table .td .input.date_i{
	background-image: url('/images/page/datepicker_i.png');
	background-repeat: no-repeat;
	background-position: right 20px center;
  }
  .contact-form .table .td textarea{
	width: 100%;
	height: 225px;
	border: 0;
	padding: 15px 20px;
	background-color: #efefef;
	resize: none;
	font-weight: 400;
	font-size: 17px;
  }
  .contact-form .table .td textarea.type2{
	height:300px;
	padding: 25px 30px;
  }
  .contact-form .table .btn_style1{
	width: 220px;
	height: 60px;
	background: #6a6b6b;
	color: #fff;
  }
  .contact-form .radio_list{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
	color: #888;
  }
  .contact-form .radio_list li:not(:last-child){
	margin-right: 40px;
  }
  .contact-form .table .email{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  }
  .contact-form .table .email .input_email1{
	width: calc(33.33333333% - 13.33333333333333px);
  }
  .contact-form .table .email .input_email2{
	width: calc(33.33333333% - 13.33333333333333px);
  }
  .contact-form .table .email .input_email3{
	width: calc(33.33333333% - 13.33333333333333px);
	margin-left: 10px;
  }
  .contact-form .table .email .item{
	width: 30px;
	text-align: center;
  }
  .contact-form .table .pwd{
	display: flex;
	flex-wrap: wrap;
  }
  .contact-form .table .pwd .btn{
	margin-left: 10px;
  }
  .contact-form .table .tel{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  }
  .contact-form .table .tel .input{
	width: calc(33.333333333% - 8px);
  }
  .contact-form .table .tel .item{
	width: 12px;
	text-align: center;
  }


  /* 버튼 */
  .cm-btn-controls {
    overflow: hidden;
    text-align: center;
    padding-top: 30px;
}

  .cm-btn-controls .submit-btn {
    display: inline-block;
    width: 150px;
    height: 42px;
    line-height: 42px;
    border: 0;
    color: #fff;
    background-color: #444;
    font-size: 17px;
    margin: 0 2px 5px 2px;
    cursor: pointer;
    vertical-align: top;
    text-align: center;
    font-weight: 400;
    border-radius: 2px;
	transition: all 0.3s;
}

.cm-btn-controls .submit-btn:hover {
	background-color: #ff810b;
}

#international .contact-form .table .th {
	width: 100px;
}

#international .contact-form .table .td {
    width: calc(100% - 100px);
}

@media screen and (max-width:1280px) {
	#international .contact-form .table .tr{
		padding: 0 0 20px;
	}
	#international .contact-form .table .th,
	#international .contact-form .table .td {
		width: 100%;
	}
}
  
  @media all and (max-width:800px){
	.contact-form .table{
		font-size: 15px;
	  }

	.contact-form .table .th,
	.contact-form .table .td {
	  width:100%;
	}
	.contact-form .table .tr {
	  padding:10px 5px;
	  width:calc(100% - 10px);
	}
	.contact-form .table .td select{
		padding: 0 10px;
		height: 40px;
	}

	.contact-form .table .td .input {
	  height:42px;
	  font-size: 14px;
	}

	.contact-form .table .td textarea{
		font-size: 14px;
	}

    .contact-form .table .td{
        gap: 10px;
    }

    .contact-form .table .td .w50{
        width:50%;
    }
    .contact-form .table .td .w40{
        width: 40%;
    }


  }




  