@charset "utf-8";
#header.sub_head{min-width:1300px;}/*position:relative;background:#fff;*/

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.sub-visual{width:100%;height:auto;position:relative; text-align:center;height:460px; }
.sub-visual.subbg_01{width:100%;background:url('/images/kor09r-22-0461/sub/sub_visual01.jpg') no-repeat center center/cover;}
.sub-visual.subbg_02{width:100%;background:#0054bf url('/images/kor09r-22-0461/sub/sub_visual02.jpg') no-repeat center center/cover;}
.sub-visual.subbg_03{width:100%;background:#0054bf url('/images/kor09r-22-0461/sub/sub_visual03.jpg') no-repeat center center/cover;}
.sub-visual.subbg_04{width:100%;background:#0054bf url('/images/kor09r-22-0461/sub/sub_visual04.jpg') no-repeat center center/cover;}
.sub-visual.subbg_05{width:100%;background:#0054bf url('/images/kor09r-22-0461/sub/sub_visual05.jpg') no-repeat center center/cover;}

.sub-visual > div{position:absolute; top:48%; left:50%; margin-left:-650px; width:1300px;text-align:center;}
.sub-visual h2{font-family:'GmarketSans';font-size:55px;font-weight:500;color:#fff;text-shadow:0px 5px 15px rgba(0, 0, 0, 0.2);}/*294b18 / 5d9741*/

.navi_list{margin-top:15px;width:100%;display:flex;justify-content: center;align-items: center;}
.navi_list .bt_home{width:19px;height:18px;font-size:0;background:url('/images/kor09r-22-0461/sub/icon_home.png') no-repeat;padding-top:0;}
.navi_list span{display:block;color:#fff;background:url('/images/kor09r-22-0461/sub/icon_navi.png') no-repeat left 6px;padding:5px 10px 0 20px;font-size:15px;font-weight:400;}
.navi_list span.last{padding-right:0;}

.sub-tab{background:#f9f9f9; text-align:center;}/*f2af2d*/
.sub-tab ul{width:1300px;margin:0px auto;display:flex;justify-content: center;}
.sub-tab ul li {position: relative; display:block;width:20%;margin:0 10px;}
.sub-tab li a{display:block;width:100%;text-align:center;font-size:18px; color:#222; font-weight:300; padding:20px 0px;border-radius:0px;box-shadow:5px 5px 10px rgba(0,0,0, 0);border-bottom:2px solid #f9f9f9;}
.sub-tab li a:after {opacity: 0;content: '';position: absolute;bottom:0px;left: 50%;width: 0;height:5px;background: #0054b4;transition: all .4s;border-radius:10px;}
.sub-tab li.active a,
.sub-tab li a:hover {font-size:20px;font-weight:500;}
.sub-tab li.active a:after, 
.sub-tab li a:hover:after {opacity: 1;display: block;left: 0;width: 100%;transition: all .4s;}
.sub-tab ul.col-8 li a{padding:15px 15px;}


@media only screen and (max-width:1300px) {
	.sub-visual{height:400px; }
	.sub-visual > div{width:100%;left:0;margin-left:0;}	
	.sub-visual h2{font-size:50px;}

	.sub-tab > ul{width:100%;}
	/*.sub-tab.fixed {top: 65px;}*/
	.sub-tab li:first-child a{border-left:0;}
}

@media only screen and (max-width:980px) {
	.sub-visual{height:360px; }

	#sub-navi{padding:0 0 20px 0;margin-bottom:30px;}
	#sub-navi h3{font-size:30px;}
	.sub-visual {height:350px;}
	.sub-visual h2{font-size:45px;}

	.navi_list span{font-size:14px;}

	.sub-tab ul li{width:30%;}
	.sub-tab li a{font-size:15px;padding:15px 0px;}
	.sub-tab li.active a, .sub-tab li a:hover{font-size:17px;}

}


@media only screen and (max-width:768px) {
	/* .sub-contents p{font-size:14px; white-space:normal; word-break:break-word;} */
	#sub-navi{padding:0 0 10px 0;margin-bottom:20px;}
	#sub-navi h3{font-size:25px;}
	#sub-navi .bt_home{width:20px;padding:10px 0 2px 0px;}
	#sub-navi span{padding:0 7px 0 10px;line-height:170%;font-weight:300;font-size:13px;}

	.sub-visual {height:300px;}
	.sub-visual > div{top:50%;}	
	.sub-visual h2{font-size:35px;}

	.navi_list{margin-top:5px;}
	.navi_list span{background-position:0 6px;}

	.sub-tab{}
	.sub-tab ul li{width:40%;}
	.sub-tab li{margin:0 7px;}
	.sub-tab li a{font-size:14px;padding:13px 5px;}
	.sub-tab li.active a, .sub-tab li a:hover{font-size:14px;}

}

@media only screen and (max-width:500px) {
	.sub-visual{height:250px; }
	.sub-visual h2{font-size:30px;}
	.navi_list span{font-size:13px;}
	.sub-tab li.active a.line-2-sub, .sub-tab li.active a.line-3-sub{}
}

/* SUB TITLE
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
h2.title_h2{position:relative;font-size:35px;line-height:1;color:#000;text-align:center;margin:0px 0 60px 0;font-weight:500;}/*font-family:'GmarketSans', sans-serif;}*/
h2.title_h2:after{content:'';display:block;width:1px;height:30px;background:#777;margin:25px auto;}
h3.title_h3{position:relative;font-size:28px;font-weight:500;padding:0 0 40px 0;color:#222; letter-spacing:-0.02rem;text-align:center;}
h3.title_h3:after{position:absolute;bottom:20px;left:50%;display:block;content:"";width:30px;height:1px;background:#000;margin-left:-15px;}
h3.title_h3 span.art_cate{display:block;width:130px;font-size:16px;margin:0 auto 20px auto;background:#0ac1c2;padding:7px 0;border-radius:20px;color:#fff;}
h3.title_h3 span.art_cate.bg02{background: #0a98cc;}

/*h3.title_h3:before{position:absolute;top:5px;left:3px;display:block;content:"";border:5px solid #d8423f;border-radius:50%;width:20px;height:20px;}
h3.title_h3{font-size:27px; color: #acacac; margin-bottom:30px;font-weight:600;text-align:center;}*/
h4.title_h4{position:relative;font-size:18px;padding:0 0 20px 30px;color:#000;font-weight:400;background:url('/images/mtl01r-20-0043/sub/icon_h3.png') no-repeat 0px 0px;}
h5.title_h5{position:relative;font-size:17px;font-weight:bold;padding:0 0 15px 25px;color:#000;}
h5.title_h5:before{position:absolute;top:2px;left:3px;display:inline;content:"●";color:#bd7b35;font-size:15px;}

/*h5.title_h5:before{position:absolute;left:0px;top:3px;content:'';font-weight:900;font-size:20px;color:#0f5ccc;border-radius:25px;background:#0f5ccc;width:4px;height:20px;}
h4.title_h4{font-size:20px;background:url('/images/kor06r-18-0404/sub/icon_h3.png') no-repeat 0 7px;font-weight:500;padding:5px 0 20px 30px;color:#000:}*/
h5.title_h5:before{position:absolute;top:3px;left:0;display:inline;content:"●";color:#2b7df0;font-size:10px;}
h6.title_h6{color:#1670d8;font-size:16px;font-weight:600;}

ul.bu01{}
ul.bu01 li{position:relative;padding:3px 0px 2px 20px;background:url('/images/mtl01r-20-0043/sub/icon_ul.png') no-repeat 0 9px;word-break:keep-all;} 
ul.bu01.inline-s li{padding:3px 15px 2px 10px;background:url('/images/mtl01r-20-0043/sub/icon_ul.png') no-repeat 0 6px;display:inline;cursor:pointer;} 

ul.bu02:after{content:""; display:block; clear:both;}
ul.bu02 li{position:relative;float:left;padding:0px 15px 5px 15px;cursor:pointer;} 
ul.bu02 li:before{position:absolute;top:-3px;left:0;content:'\f026';font-family:'FontAwesome';font-size:20px;margin:0 5px 0 0;}


ol.ol_s{}
ol.ol_s li {position:relative;padding:5px 0 5px 30px;word-break:keep-all;}
ol.ol_s li span{position:absolute;left:0;display:inline-block;width:20px;height:20px;background:#567cb3;border-radius:20px;font-size:14px;color:#fff;text-align:center;margin-right:10px;font-family: 'Titillium Web',sans-serif; font-weight:400;}
ol.ol_s li.long-2{padding:5px 0 5px 50px;}
ol.ol_s li.long-2 span{width:40px;}

@media only screen and (max-width:980px) {
	h2.title_h2{font-size:35px;}
	h2.title_h2:after{height:25px;}
	
	h3.title_h3{font-size:25px;}
	h3.title_h3:after{}

	h4.title_h4{font-size:17px;padding:0px 0 10px 35px;}
	h5.title_h5{font-size:16px;}
	ul.bu01 li{padding:3px 0px 2px 12px;background-size:5px;} 
	ul.bu01.inline-s li{padding:3px 10px 2px 10px;background-size:5px;} 
}

@media only screen and (max-width:780px) {
	h2.title_h2{font-size:30px;padding:10px 0 10px 0;font-weight:500;margin:30px 0 0px 0;}
	h2.title_h2:after{margin:20px  auto;}
	
	h3.title_h3{font-size:24px;padding:0 0 30px 0;}
	h3.title_h3:after{}

	h4.title_h4{font-size:16px;padding:0px 0 10px 30px;background-position:0 0;}
	h5.title_h5{font-size:15px;}
	h5.title_h5:before{position:absolute;top:2px;left:0;font-size:7px;}
	ul.bu01 li {font-size:14px;}
	ul.bu02 li{padding:0px 13px 3px 10px;} 
	ul.bu02 li:before{font-size:15px;top:-2px;}
}

@media only screen and (max-width:500px) {
	h2.title_h2{font-size:25px;margin:30px 0 0px 0;}
	h2.title_h2:after{margin:15px  auto;height:20px;} 

	h3.title_h3{font-size:22px;}
	h3.title_h3:after{width:15px;left:52%;}

	h5.title_h5{}
	h5.title_h5:before{position:absolute;top:2px;left:0;font-size:5px;}

}



/*탭(한페이지에서 보이는) 연혁
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
ul.tabs {width:100%; border-left: 1px solid #ddd }
ul.tabs:after {display:block; clear:both; content:"";}
ul.tabs.col-3 li{width:33.333%;}
ul.tabs li {float:left; text-align:center; cursor:pointer; width:25%; height:60px; line-height:60px; border: 1px solid #ddd; border-left: none; font-weight:500; background:#fff; overflow:hidden; color:#555; position: relative; font-size:20px;}

ul.tabs li.active {background:#007b3a; color:#fff; border:none;font-weight:600;box-shadow:3px 15px 15px rgb(0 0 0 / 25%);}
.tab_container {width: 100%;}
.tab_content {position:relative;padding: 40px 0 0px 0;display:none;}

@media only screen and (max-width:980px) {
	.tab_content { padding: 30px 0 30px 0px ;}
	ul.tabs li { height:50px; line-height:50px; font-weight:500;  font-size:16px;}
}

@media only screen and (max-width:780px) {
	ul.tabs li { height:40px; line-height:40px; font-weight:400;  font-size:14px;}

}
/* Sub Tab (서브 게시판 탭, 3dpeth)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

#sub_3depth{width:100%;background:#fff;margin-bottom:40px;}
#sub_3depth ul:after{content:""; display:block; clear:both;}
#sub_3depth ul li{float:left;text-align:center; border-left: 1px solid #ddd; }
#sub_3depth ul.col2 li{width:50%;}
#sub_3depth ul.col3 li{width:33.333%;}
#sub_3depth ul.col4 li{width:25%;}
#sub_3depth ul.col5 li{width:20%;}
#sub_3depth ul.col10 li{width:10%;}
#sub_3depth ul li a{display:block;width:100%;color:#555;background:#fff; height:60px;line-height:60px;border-top:0;font-size:20px;font-weight:500;border: 1px solid #ddd; border-left: none;}
#sub_3depth ul li a.on, #sub_3depth ul li.active a{background:#007b3a; color:#fff; border:none;font-weight:600;box-shadow:3px 15px 15px rgb(0 0 0 / 25%);}


@media only screen and (max-width:980px) {
	#sub_3depth ul li a{font-size:18px;height:50px;line-height:50px;}
	#sub_3depth ul li a.on, #sub_3depth ul li.active a{font-size:20px;}
	#sub_3depth ul.col5{border-right:1px solid #ccc;}
	#sub_3depth ul.col5 li{width:33.333%;}
	#sub_3depth ul.col5 li:last-child{width:66.666%;}
}


@media only screen and (max-width:768px) {
	#sub_3depth{margin-bottom:20px;}
	#sub_3depth ul li a{font-size:16px;}
	#sub_3depth ul li a.on, #sub_3depth ul li.active a{font-size:16px;}
}


@media only screen and (max-width:500px) {
	#sub_3depth ul li a{font-size:14px;line-height:12px;padding:10px 0;}
	#sub_3depth ul li a span{display:block;}
	#sub_3depth ul li a.on, #sub_3depth ul li.active a{font-size:14px;}
}


/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContents{margin-top:0px;padding:100px 0px; width:100%;}
	.sub-contents{width:1300px;margin:0px auto 0;}

	@media only screen and (max-width:1300px) {
		#subContents{padding:80px 20px;}
		.sub-contents{ width:98%;margin:0px auto 0;}

	}
	@media only screen and (max-width:980px) {
		#subContents{padding:50px 20px;}
	
	}
	@media only screen and (max-width:780px) {
		#subContents{padding:40px 20px 50px 20px;}
		.sub-contents{ width:99%;font-size:14px;margin:0px auto 0;}
		/* .sub-contents p{font-size:14px; white-space:normal; word-break:break-word;} */
	}

.bg_box{background:#f7f7f7;padding:30px 35px;word-break:keep-all;border-radius:10px;} /* 색상 박스 */
.bg_box_white{background:#fff;clear:both;word-break:keep-all;padding:15px 20px;border-radius:10px;}
.bg_box_gray{background:#f8f8f8;clear:both;word-break:keep-all;padding:15px 20px;}
.bg_box_yellow{background:#fffdf6;clear:both;word-break:keep-all;padding:15px 20px;}
.bg_box:after{content:""; display:block; clear:both;}

.border_box{border:1px solid #e1e1e1;padding:20px;word-break:keep-all;border-radius:10px;}/* 라인 박스 */
.border_box_img{border:1px solid #eee;padding:20px;word-break:keep-all;text-align:Center;box-shadow:0 5px 10px rgba(0,0,0, 0.1);border-radius: 0px;}/* 이미지 라인 박스 */
.bdt_gray{border-top:1px solid #ccc;margin-top:25px;padding:20px;word-break:keep-all;} /* 라인 탑 박스 */
.icon_notice{background:url('/images/mtl01r-20-0043/sub/icon_notice.png') no-repeat 0 5px;padding:0px 0px 10px 25px;} /* 공지사항 박스 */
.icon_notice02{position:relative;padding:5px 0px 10px 30px;} /* 공지사항 박스 */
.icon_notice02:before{position:absolute;left:0;top:4px;display:block;content:'\f12a';font-family:'FontAwesome';clear:both;background:#ffbb32;color:#fff;border-radius:50%;font-size:14px;width:20px;height:20px;line-height:20px;text-align:center;}
span.m_inline {display:block;} /* pc여러줄(mobile 한줄) */

a.btn_go{padding:10px 20px;font-size:14px;background:#99cc33;color:#fff;margin-left:20px;}
a.btn_go:hover{background:#619100;}

@media only screen and (max-width:1300px) {
}

@media only screen and (max-width:980px) {
	.bg_box{padding:30px;}
	.icon_notice{background-size:15px;padding:10px 0px 5px 30px;}
}

@media only screen and (max-width:768px) {
	.bg_box{padding:25px;}
	.bg_box_gray{padding:10px 15px;}
	span.m_enter {display:block;}/* 모바일에서 block */
	span.m_inline {display:inline;}/* mobile 한줄(pc여러줄) */
	
	a.btn_go{padding:3px 5px;font-size:12px;}
}


/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 일반게시판 List */
	.whois-board-list {display:inline-block;}
	.whois-board-list .whois-board-row {width:100%; margin:0 0 0 0; padding:15px 0 15px 0; float:left; border-bottom:1px solid #d2d2d2; color:#000000; }
	.whois-board-list .whois-board-row:first-child{border-top:2px solid #222; } /* Line 색상 */
	.whois-board-list .whois-board-row .whois-board-row-subject { margin:0 0 5px 0; padding:0; font-size:20px; font-weight:600; }
	.whois-board-list .whois-board-row .whois-board-row-info { color:#acacac; }
	.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author { max-width: 33vw; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle; }
	.whois-board-list .whois-board-row .whois-board-row-subject{font-size:1.125em;font-weight:normal;color:#333;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.whois-board-list .whois-board-row .whois-board-row-author{color:#585858;font-size:1em;font-weight:400;}
	.whois-board-list .whois-board-row .obj:first-child{width:80%;}
    .whois-board-view .btn_area{text-align:center;margin-top:50px;}
	.whois-board-view .btn_area .go_list{display:inline-block;border-bottom:2px solid #333;padding-bottom:5px;}
	.whois-board-view .btn_area .go_list button.arrow_button{border:none;outline:none;background:transparent;font-size:1.250em;font-weight:500;}

	/* 일반게시판 view */
	.whois-board-view {display:inline-block; } /* Line 색상 border-top:1px solid #e1e1e1; */
	.whois-board-view .board-info{padding-bottom:10px;}
	.whois-board-view .board-info span.user{font-weight:400;color:#333;}
	.whois-board-view .board-header .board-title{}
	.whois-board-view .board-header .board-title h3{width:95%;font-size:1.875em;margin:8px 0 20px;padding:0;font-weight:500;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
	.whois-board-view .whois-board-view-row { width:100%; margin:0; padding:0; padding:10px 0 10px 0; float:left; border-bottom:1px solid #eee; }
	.whois-board-view .whois-board-view-row .whois-board-view-subject { width:100%; margin:0 0 15px 0; padding:0; float:left; font-size:18px; font-weight:600; }
	.whois-board-view .whois-board-view-row .whois-board-view-author { width:100%; margin:0 0 5px 0; padding:0; float:left;font-size:1.938em;font-weight:600; }
	.whois-board-view .whois-board-view-row .whois-board-view-info { width:100%; margin:0; padding:0 0 10px 0; float:left; color:#acacac; }
	.whois-board-view .whois-board-view-row .whois-board-view-content { width:100%; margin:0; padding:10px 0 10px 0; float:left;}
	.whois-board-view .board-content-wrap{padding:40px 0 70px 0;font-size:1.125em;font-weight:400;border-top:2px solid #414141;border-bottom:1px solid #d2d2d2;}
	.whois-board-view .whois-board-view-files { width:100%; margin:0; padding:0; float:left; }
	.whois-board-view .whois-board-view-files .whois-board-view-file { width:100%; margin:0; padding:5px 0; float:left; font-size:12px; }
	.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count { font-size:11px; color:#c4c4c4; }

	/* portfolio */
	.portfolio_area .search_wrap{margin-bottom:40px;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;-webkit-align-items:end;align-items:end;}
	.search_wrap .search_cont{min-width:280px;border-bottom:2px solid #3c3c3c;position:relative;}
	.search_wrap .search_cont input{padding:7px 25px 5px 10px;border:none;font-size:1em;}
	.search_wrap .search_cont button{position:absolute;right:10px;top:50%;margin-top:-10px;border:none;outline:none;width:18px;height:20px;background-image:url('/images/kor09r-22-0461/sub/icon_search.png');display:inline-block;background-repeat:no-repeat;background-position:center center;background-size:auto;text-indent:-9999px;background-color:transparent;}

	/* 신청폼 */
	.cont_area.inquiry{}
	.cont_area.inquiry .content-wrap .form-group{margin-bottom:30px !important;padding:10px 10px 10px 7%;position:relative;border-bottom:1px solid #ccc;}
	.cont_area.inquiry .content-wrap .form-group label{top:50%;left:5px;margin-top:-10px;padding:0;position:absolute;font-size:1.063em;font-weight:400;color:#222;}
	.cont_area.inquiry .content-wrap .form-group label .whois-validation-required{color:#222;}
	.cont_area.inquiry .content-wrap .form-group input.form-control{padding:10px;font-size:1.063em;border:none;height:auto;border-radius:none;}
	.cont_area.inquiry .content-wrap .form-group.text-group,
	.cont_area.inquiry .content-wrap .form-group.edit-group{padding:10px 0;border-bottom:none;}
	.cont_area.inquiry .content-wrap .form-group.text-group label,
	.cont_area.inquiry .content-wrap .form-group label.editContent{margin-bottom:10px;top:auto;margin-top:0px;position:relative;left:auto;}
	.cont_area.inquiry .content-wrap .form-group.edit-group textarea.form-control{padding:20px;margin-bottom:10px;min-height:180px;line-height:1.7;font-size:1em;border:1px solid #ccc;background:#f5f5f5;color:#858585;}
	.cont_area.inquiry .content-wrap .form-group label.editContent2{font-size:0.875em;color:#666;}
	.cont_area.inquiry .content-wrap .form-control.btn.whois-button-submit{width:250px;height:65px;line-height:65px;margin:30px auto 0 auto;font-size:1.5em;border-radius:35px;background:#232323;color:#fff;text-align:center;display:block;padding:0;}
	.cont_area.inquiry .content-wrap .form-control.btn.whois-button-submit:hover{background:#000;}
	.cont_area.inquiry .content-wrap .col-xs-12.form-group.half{width:47% !important;}
	.cont_area.inquiry .content-wrap .col-xs-12.form-group.half:nth-child(even){float:right;}
	.cont_area.inquiry .content-wrap .col-xs-12.form-group.half:after{content:'';clear:both;display:block;}


	/* 게시판 버튼 */
	.btn-search, .whois-button-submit, .btn-sub { color:#fff; background-color: #0575ab; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;border-radius:3px;}
	.btn-search:hover, .btn-search:focus, .whois-button-submit:hover,.whois-button-submit:focus, .btn-sub:hover, .btn-sub:focus { color:#fff; background-color: #034c94; }

	/* 게시판 공통 */
	.sub-box { margin-right:5px; background-color: #0575ab;  border: 0; color:#ffffff; display: inline-block; font-family: "Nanum Gothic", sans-serif;}
	.sub-box.sm { font-size: 12px; padding: 2px 5px;}
	.sub-box.m { font-size: 14px; padding: 4px 8px;}
	.sub-box.lg { font-size: 16px; padding: 6px 12px;}
	 
	.sub-border { border: 1px solid #0575ab; }
	.sub-border-t { border-top: 1px solid #0575ab; }
	.sub-border-r { border-right: 1px solid #0575ab; }
	.sub-border-b { border-bottom: 1px solid #0575ab; }
	.sub-border-l { border-left: 1px solid #0575ab; }

	.sub-bg { background-color: #0575ab; }
	.sub-bg-hover:hover { background-color: #034c94; }


	.list-inline{background:#f9f9f9;padding:20px 0;}/*border:1px solid #d9dee2;*/
	.no-data{background:#fff;line-height:120px;height:120px;}

	.paginate_regular .board_pagetab span a{padding:5px 10px;text-align:center;margin:0 5px 0;border-radius:30px;height:40px;width:40px;line-height:30px;font-size:15px;font-weight:500;}
	.paginate_regular .board_pagetab span.on a{background:#222;color:#fff;border:0;}

	
    @media only screen and (max-width:980px){
	    .portfolio_area.ff_cont .obj{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;}
		.portfolio_area .search_wrap{display:inline-block;}
		.search_wrap .search_cont{min-width:100%;width:100%;}
		.whois-board-view .board-content-wrap{padding:30px 0 50px 0;}
        .whois-board-view .btn_area{margin-top:40px;}

		.cont_area.inquiry .content-wrap .form-group{margin-bottom:20px !important;padding:10px 10px 10px 10%;}
		.cont_area.inquiry .content-wrap .form-group.edit-group textarea.form-control{padding:15px;}
		.cont_area.inquiry .content-wrap .col-xs-12.form-group.half{width:100% !important;}
		.cont_area.inquiry .content-wrap .form-control.btn.whois-button-submit{width:200px;height:60px;line-height:60px;margin:20px auto 0 auto;border-radius:30px;}
	}
	    
    @media only screen and (max-width:767px) {
		.whois-board-view .board-header .board-title h3{font-size:1.500em;}
		.whois-board-view .board-content-wrap{padding:30px 0 30px 0;}
        .whois-board-view .btn_area{margin-top:30px;}		
		
		.cont_area.inquiry .content-wrap .form-group{margin-bottom:10px !important;padding:10px 10px 10px 12%;}
		.cont_area.inquiry .content-wrap .form-group.edit-group textarea.form-control{padding:10px;}
		.cont_area.inquiry .content-wrap .form-control.btn.whois-button-submit{width:100%;height:55px;line-height:55px;border-radius:30px;}

		.paginate_regular .board_pagetab span a{padding:5px 5px;height:30px;width:30px;line-height:20px;font-size:14px;}
    }


    @media only screen and (max-width:520px) {
		.cont_area.inquiry .content-wrap .form-control.btn.whois-button-submit{height:50px;line-height:50px;border-radius:25px;}
    }


/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.material-form{margin:0 auto; background:#fff;}
    .material-form h3 {position:relative; font-size:50px; font-weight:500; text-align:left; color:#d5d5d5; letter-spacing:-3px;}
    .material-form h3:after {content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 3px; background: #d5d5d5;}
    .material-form .body {margin:60px auto 0 !important; padding:0 15px;}
    .material-form p.page_slogan {position: relative; margin-bottom: 60px; margin-top: 30px; color: #333; padding-left: 13px; font-size: 30px; font-weight: 300; text-align: left; line-height: 30px; letter-spacing: -0.5px; }
    .material-form p.page_slogan:before {content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ffa800;}
    .material-form span.c_red {color:#f00;}

	.material-form .header{padding:50px 10px; background:#6498fe; font-size:16px; color:#fff;}
	.material-form .header h3{font-size:30px;}
	.material-form .header p,
	.material-form .header span{margin-top:15px; font-size:16px; color:#fff;}

	.material-form .sub-header h4{font-weight:bold;	height:34px; line-height:34px; font-size:16px;}
	.material-form .sub-content .form-group:last-child{margin:0;}

	.material-form .input-group{position:relative; border:0;}
	.material-form .input-group .input-group-addon{padding-right:6px; padding-left:6px; background:#fff; border:0;}

	.material-form .form-control,
	input[type='text'].whois,
	input[type='password'].whois,
	select.whois{border:1px solid #ccc; transition:0.3s all ease;}

	/*.material-form .btn:first-child,*/
	.material-form .input-group .form-control:first-child,
	.material-form .input-group .form-control.first,
	.material-form .input-group .th + .form-control,
	.th + input[type='text'].whois,
	.th + input[type='password'].whois,
	.th + select.whois{border-bottom-left-radius:4px; border-top-left-radius:4px;}

	/*.material-form .btn:last-child,*/
	.material-form .input-group .form-control:last-child,
	.material-form .input-group .form-control.last,
	.material-form .input-group .input-group-btn:last-child,
	.material-form .input-group .input-group-btn:last-child button,
	.material-form .input-group .input-group-btn:last-child .btn{border-bottom-right-radius:4px; border-top-right-radius:4px;}

	.material-form .form-group{margin-bottom:15px; overflow:visible;}

	.material-form .form-group.success .form-control{color:#5cb85c;}
	.material-form .form-group.failed .form-control{color:#d9534f;}
	.material-form .form-control[readonly]{background:#fff;}
	.material-form .btn {height:38px;}
	.material-form .btn-default{-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}

	.material-form .input-group input,
	.material-form .input-group select,
	input[type='text'].whois,
	input[type='password'].whois,
	select.whois{z-index:10;}

	.input-group label.th{z-index:9; display:none; position:absolute; top:50%; left:10px; margin-top:-10px; height:20px; color:#ccc;}

	.input-group label.th.ie9{z-index:11; display:block;}
	.material-form .desc{padding:10px 0;}

	.chkbox{display:inline-block; margin:0; padding:0;}
	.chk-block,
	.chk-block span{display:block; text-align:center; width:100%;}
	.chkbox input[type='radio'],
	.chkbox input[type='checkbox']{display:none;}
	.chkbox input[type='radio']~.rbtn{padding: 6px 12px; line-height:27px; border:1px solid #ccc; border-radius:3px; cursor:pointer;}
	.chkbox input[type='radio']:checked~.rbtn{background:#ccc; color:#fff;}
	.chkbox input[type='radio']~.box,
	.chkbox input[type='checkbox']~.box{display:block; color:#bbb; cursor:pointer; transition:0.5s all ease;}
	.chkbox input[type='radio']~.box:before,
	.chkbox input[type='checkbox']~.box:before{display:inline-block; margin-right:5px; padding:2px;	font-family:'Glyphicons Halflings'; font-size:18px; font-weight:normal; line-height:1; text-align:center; transition:0.4s all ease; vertical-align:middle; color:#cfcfcf;}
	.chkbox input[type='radio']~.box:before{content:"\e165";}
	.chkbox input[type='checkbox']~.box:before{content:"\e013";}
	.chkbox input[type='radio']:checked~.box,
	.chkbox input[type='checkbox']:checked~.box{color:#666;}
	.chkbox input[type='radio']:checked~.box:before,
	.chkbox input[type='checkbox']:checked~.box:before{color:#666;}

    .process-wrap {display: flex; gap: 10px; margin: 50px 0 0;}
    .process-wrap .item {flex: 1; border: 1px solid #ddd; padding: 25px; font-weight: 400;}
    .process-wrap .item + .process-wrap .item {margin-left: 16px;}
    .process-wrap .item > div {display: flex; align-items: center; justify-content: center;}
    .process-wrap .item .num {color: #2f4f7f; font-size: 30px; text-align: center;}
    .process-wrap .item .num:after {content:''; display: inline-block; width: 1px; height: 20px; background-color: #ddd; margin: 0 25px;}
    .process-wrap .item .desc {display: inline-block; color: #555; font-size: 20px; padding: 0;}

    @media only screen and (max-width: 1300px) {
        .material-form h3 {padding:0 15px;} 
        .material-form p.page_slogan {margin: 30px 15px 60px; padding: 0 15px; font-size: 20px; line-height: 1;}
    }

    @media only screen and (max-width: 820px) {
        .process-wrap {gap: 5px; margin: 20px 15px;}
        .process-wrap .item {flex: 1; border: 1px solid #ddd; padding: 10px; font-weight: 400;}
        .process-wrap .item > div {display: block; text-align: center;}
        .process-wrap .item .num {color: #2f4f7f; font-size: 15px; text-align: center;}
        .process-wrap .item .desc {display: inline-block; color: #555; font-size: 15px; padding: 0;}
        .process-wrap .item .num:after{display: none}
        
    }


/* 사이트정보 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .common-content h3 {position:relative; font-size:50px; font-weight:500; text-align:left; color:#d5d5d5; letter-spacing:-3px;}
    .common-content h3:after {content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 3px; background: #d5d5d5;}
    .common-content p.page_slogan {position: relative; margin-bottom: 60px; margin-top: 30px; color: #333; padding-left: 13px; font-size: 30px; font-weight: 400; text-align: left; line-height: 30px; letter-spacing: -1px; }
    .common-content p.page_slogan:before {content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ffa800;}
    .common-content p.page_slogan span.c_red {color:#f00;}

    .common-content .sub-content {margin-top:60px;}

    @media only screen and (max-width: 1300px) {
        .common-content h3 {padding:0 15px;} 
        .common-content p.page_slogan {margin: 30px 15px 60px; padding: 0 15px; font-size: 20px; line-height: 1;}
    }


/* 사이트정보 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
.common-content .qna-info{margin-top:30px; font-size:18px;}




/* sub contents
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 인사말 */
.sub0101{position:relative;}

.sub0101 .txt_box{position:relative;width:90%;margin:-50px auto 0 auto;background: linear-gradient( to right, #0457b5, #01b3b6 );z-index:100;padding:70px 70px;color:#fff;border-radius:20px;word-break:keep-all;}
.sub0101 .txt_box p{font-size:28px;margin-bottom:20px;font-weight:500;border-bottom:2px solid rgba(255,255,255,0.2);padding-bottom:15px;}
.sub0101 .txt_box > div{line-height:30px;}

/*.sub0101 .txt_box p:before {content:''; display:block; width:27px; height:19px; background:url('/images/mtl01r-20-0043/sub/greeting_icon01.png') no-repeat center center;  margin: 0 auto; margin-bottom: 35px;}
.sub0101 .txt_box p:after {content:''; display:block; width:27px; height:19px; background:url('/images/mtl01r-20-0043/sub/greeting_icon02.png') no-repeat center center; margin: 0 auto; margin-top: 35px;}*/

@media screen and (max-width: 1300px) {
	.sub0101:before{left:50%;top:34%;width:400px;margin-left:-200px;}
	.sub0101 .txt_box{padding:50px;}
	.sub0101 .txt_box p{font-size:23px}
}
@media screen and (max-width: 980px) {
	.sub0101:before{left:50%;top:33%;width:360px;margin-left:-155px;}
	.sub0101 .txt_box{padding:50px;}
	.sub0101 .txt_box p{font-size:23px}
	.sub0101 .txt_box > div{line-height:23px;}
}

@media screen and (max-width: 780px) {
	.sub0101:before{left:50%;top:30%;width:220px;margin-left:-110px;}
	.sub0101 .txt_box{padding:40px;}
	.sub0101 .txt_box p{font-size:20px}
}

@media screen and (max-width:500px) {
	.sub0101:before{left:50%;top:17%;width:160px;margin-left:-80px;}
	.sub0101 .txt_box{padding:30px 20px;border-radius:0px;margin:0px auto;width:100%;}
	.sub0101 .txt_box p{font-size:17px}
	.sub0101 .txt_box > div{line-height:20px;}
}


/* 예술인 예술단체 검색 */
/* 리스트 */
.sub2_1{position:relative;}
.sub2_1 .checkbox, .sub2_1 .radio, .sub2_1 label{margin:0;}
.sub2_1 a.bt_go{position:absolute;top:50px;right:0;display:block;width:200px;color:#fff;font-size:14px;border-radius:50px;padding:10px 30px;text-align:left;background:#0054b4 url('/images/kor09r-22-0461/main/bg_step.png') no-repeat 87% 45%;background-size:10px 17px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);}
.sub2_1 a.bt_go:hover{background:#023169 url('/images/kor09r-22-0461/main/bg_step.png') no-repeat 90% 45%;background-size:10px 17px;}
.sub2_1 a.bt_go span{display:block;}


/* 검색박스 */
.sub2_1 .people_search{display:flex;justify-content: space-between;flex-wrap: wrap;background:#f2f4f5;border-radius:20px;padding:30px 40px;margin-bottom:50px;}
.sub2_1 .people_search > ul{width:48%;}
.sub2_1 .people_search .search_box{display:flex;justify-content: space-between;align-items: center;margin:0 auto;background:#fff;border:1px solid #dedede;border-radius:10px;padding:10px;margin:10px 0;}

.sub2_1 .people_search .search_box label.form-title{position:relative;width:130px;font-size:18px;font-weight:500;text-align:center;}
.sub2_1 .people_search .search_box label.form-title:after{position:absolute;right:0;top:3px;content:'|';font-weight:200;display:inline-block;color:#ccc;}
.sub2_1 .people_search .search_box .search_list{display:flex;width:calc(100% - 150px);}
.sub2_1 .people_search .search_box .search_list div{margin: 0 10px 0 0;}


/* 리스트 */
.sub2_1 .people_list{display:flex;justify-content: center;flex-wrap: wrap;border-top:1px solid;border-bottom:1px solid #bcbcbc;padding:40px 0;}
.sub2_1 .people_list .people_box{display:flex;align-items: stretch;width:23%;margin:1% 1%;}
.sub2_1 .people_list .people_box a{width:100%;display:block;border:1px solid #e2e2e2;border-radius:10px;padding:20px;word-break: keep-all;}
.sub2_1 .people_list .people_box a:hover{box-shadow:0px 5px 15px rgba(0,0,0, 0.2);}
.sub2_1 .people_list .people_box .title_box{font-size:19px;font-weight:600;text-align:center;}
.sub2_1 .people_list .people_box .title_box span{width:90px;display:block;font-size:14px;font-weight:400;padding:3px 0;margin:0 auto 10px;border-radius:30px;color:#fff;}
.sub2_1 .people_list .people_box .title_box span.bg01{background:#0ac1c2;}
.sub2_1 .people_list .people_box .title_box span.bg02{background:#0a98cc;}
.sub2_1 .people_list .people_box .img_box{width:100%;height:auto;overflow:hidden;background:#f0f0f0;margin:10px 0 0;border-radius: 10px 10px 0 0;padding-bottom: 105%;}
.sub2_1 .people_list .people_box .img_box img{width:100%;height:auto;}
.sub2_1 .people_list .people_box .cont_box{background:#f6f6f6;border-radius:0 0 10px 10px;padding:20px;}
.sub2_1 .people_list .people_box .cont_box li:first-child{margin-bottom:10px;}
.sub2_1 .people_list .people_box .cont_box li dl{display:flex;}
.sub2_1 .people_list .people_box .cont_box li dl dt{position:relative;width:70px;font-weight:500;}
.sub2_1 .people_list .people_box .cont_box li dl dt::after{content:':';position:absolute;right:10px;}
.sub2_1 .people_list .people_box .cont_box li dl dd{width:calc(100% - 70px);}


@media screen and (max-width: 1300px) {
	.sub2_1 .people_search{padding:20px 30px;}
	.sub2_1 .people_search .search_box label.form-title{width:90px;font-size:16px;}
	.sub2_1 .people_search .search_box .search_list{width:calc(100% - 105px);}

	.sub2_1 .people_list .people_box a{padding:15px;}
	.sub2_1 .people_list .people_box .title_box{font-size:17px;}
}
@media screen and (max-width: 1300px) {
	.sub2_1 .people_list .people_box{width:31.333%;}
}

@media screen and (max-width: 980px) {
	.sub2_1 a.bt_go{position:absolute;top:40px;width:170px;font-size:13px;padding:8px 20px;}

	.sub2_1 .people_search{padding:10px 15px;}
	.sub2_1 .people_search > ul{width:49.2%;}
	.sub2_1 .people_search .search_box label.form-title{width:70px;font-size:14px;}
	.sub2_1 .people_search .search_box .search_list{width:calc(100% - 85px);}

	.sub2_1 .people_search .search_box .search_list div{margin: 0 7px 0 0;}

}

@media screen and (max-width: 768px) {
	.sub2_1 a.bt_go{position:relative;top:0px;width:170px;font-size:13px;padding:8px 20px;margin:0 auto 30px auto;}
	
	.sub2_1 .people_search{flex-direction: column;padding:15px 15px;}
	.sub2_1 .people_search > ul{width:100%;}

	.sub2_1 .people_search .search_box.select_01{margin-top:0;}
	.sub2_1 .people_search .search_box{padding:5px;margin:10px 0 0 0;}
	.sub2_1 .people_search .search_box label.form-title{font-size:13px;}
	.sub2_1 .people_search .search_box .search_list{}

	.sub2_1 .people_list{padding:30px 0;}
	.sub2_1 .people_list .people_box{width:48%;margin:2% 1%;}
}

@media screen and (max-width:500px) {
	.sub2_1 .people_search{flex-direction: column;padding:15px 15px;}
	.sub2_1 .people_search > ul{width:100%;}

	.sub2_1 .people_search .search_box{flex-direction: column;padding:5px;margin:10px 0 0 0;}
	.sub2_1 .people_search .search_box.select_01{margin-top:0;}

	.sub2_1 .people_search .search_box label.form-title{width:100%;font-size:13px;margin:5px 0;}
	.sub2_1 .people_search .search_box label.form-title:after{display:none;}
	.sub2_1 .people_search .search_box .search_list{width:calc(100%);justify-content: center;}

	.sub2_1 .people_list .people_box{width:98%;margin:3% 1%;}
}


/* 문화예술 등록 */
.sub2_1 .step_sub{background:#f2f4f5;padding:50px;border-radius:20px;}
.sub2_1 .step_wrap{display:flex;justify-content: space-between;width:95%;margin:0 auto;}
.sub2_1 .step_wrap li{position:relative;width:320px;padding:30px 20px;background:#fff;box-shadow: 0px 10px 15px rgba(0,0,0,0.1);border-radius:20px;}
.sub2_1 .step_wrap li:after{position:absolute;top:45%;left:350px;display:block;content:'';width:25px;height:43px;background:url('/images/kor09r-22-0461/main/bg_step_on.png') no-repeat;background-size:100%;opacity: 0.4;}
.sub2_1 .step_wrap li:nth-child(3):after{display:none;}
.sub2_1 .step_wrap li dl{}
.sub2_1 .step_wrap li dl dt{width:140px;font-size:13px;font-weight:600;background:#4688d3;border-radius:30px;text-align:center;color:#fff;margin:0 auto;padding:13px 0;}
.sub2_1 .step_wrap li:nth-child(2) dl dt{background:#005ac2;}
.sub2_1 .step_wrap li:nth-child(3) dl dt{background:#003776;}
.sub2_1 .step_wrap li dl dd{width:100%;margin:20px auto 0 auto;text-align:center;}
.sub2_1 .step_wrap li dl dd p{width:60%;font-size:20px;line-height:25px;color:#222;margin:20px auto 0 auto;word-break:keep-all;}

@media screen and (max-width:1300px){
	.sub2_1 .step_sub{padding:40px 20px;}
    .sub2_1 .step_wrap li{width:30%;}
    .sub2_1 .step_wrap li:after{left:105%;width:20px;}
    .sub2_1 .step_wrap li dl dd img{width:90%;margin:0 auto;max-width:200px;}
    .sub2_1 .step_wrap li dl dd p{width:80%; font-size:18px;}
}

@media screen and (max-width:980px){
	.sub2_1 .step_sub{padding:30px 10px;}

}

@media screen and (max-width:767px){
    .sub2_1 .step_wrap li{padding:20px 15px;}
    .sub2_1 .step_wrap li:after{left:103%;width:15px;}
    .sub2_1 .step_wrap li dl dt{width:80%;font-size:12px;padding:7px 0;}
    .sub2_1 .step_wrap li dl dd p{font-size:16px;}
}


@media screen and (max-width:500px){
	.sub2_1 .step_sub{padding:20px 0;}
    .sub2_1 .step_wrap{flex-direction: column;margin-bottom:0;}
    .sub2_1 .step_wrap li{width:90%;margin:0 auto 60px auto;}
    .sub2_1 .step_wrap li:nth-child(3){margin-bottom:0;}
    .sub2_1 .step_wrap li:after{position:absolute;top:300px;left:50%;width:25px;height:15px;background:url('/images/kor09r-22-0461/main/bg_step_mobile_on.png') no-repeat;background-size:100%;margin-left:-12.5px;}
    .sub2_1 .step_wrap li dl dd p{font-size:14px;line-height:20px;}
    .sub2_1 .step_wrap li dl dd img{max-width:150px;}
}



/* 글자 포인트 텍스트 */
.point_txt span{position:relative;background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 45%, rgba(241,188,188,.6) 45%, rgba(241,188,188,.6) 100%);}


/* 상단 공지 */
.top_txt {width:90%;margin:0 auto;border-top:0px solid #999;border-bottom:0px solid #e3e3e3;padding:30px 20px;text-align:center;font-size:18px;margin-bottom:40px;text-align: center;border-radius: 10px;background:rgba(255,255,255,0.7);word-break:keep-all;}

@media only screen and (max-width:1300px){
	.top_txt {}
}

@media only screen and (max-width:980px){
	.top_txt {padding:25px 15px;font-size:16px;}
}

@media only screen and (max-width:780px){
	
}
@media only screen and (max-width:500px){
	.top_txt{width:90%;padding:15px 10px;font-size:14px;}
}


/* db 등록하기 */
.people_group .people_write{width:1300px; margin:0 auto;padding:0px 0;margin-top:30px;}
.people_group .people_write .people_write_list{background:#fff;padding:30px 30px 0;border:1px solid #ccc;border-radius:20px;margin-bottom:50px;}
.people_group .people_write .people_write_list > dl{border-bottom:1px solid #ededed;padding:20px;display:flex;flex-wrap: wrap;}
.people_group .people_write .people_write_list > dl:first-child{padding-top:0;}
.people_group .people_write .people_write_list > dl dt{width:150px;font-size:16px;font-weight:500;}
.people_group .people_write .people_write_list > dl dd{width:calc(100% - 150px);word-break: keep-all;}
.people_group .people_write .people_write_list > dl dd.chech_box span{display:inline-block;margin:0 10px 0;}
.people_group .people_write .people_write_list > dl dd.chech_box label{font-weight:500;}
.people_group .people_write .people_write_list > dl dd input.input_txt{font-size:15px;border:0;border-bottom:2px solid #ddd;background:none;padding:0 5px 5px 5px;}
.people_group .people_write .people_write_list > dl dd input[type=radio].input_txt{border:1px solid #ddd;background:none;width:20px;}
.people_group .people_write .people_write_list > dl dd textarea.input_txt{width:100%;font-size:15px;border:2px solid #ddd;background:none;padding:5px;}
.people_group .people_write .people_write_list > dl dd.selectbox select{border:0;background:#f6f6f6;padding:5px 10px;margin:0 10px 5px 0;}
.people_group .people_write .people_write_list label{font-weight:400;font-size:14px;}


.people_group .people_write .people_write_list > dl dd .career_box:nth-child(1){margin-top:0;}
.people_group .people_write .people_write_list > dl dd .career_box{background:#f7f7f7;border-radius:10px;margin-top:20px;}
.people_group .people_write .people_write_list > dl dd .career_box li{border-bottom:1px solid #eee;padding:15px 10px;margin-bottom:0px;}
.people_group .people_write .people_write_list > dl dd .career_box dl{display:flex;flex-wrap: wrap;justify-content: space-between;}
.people_group .people_write .people_write_list > dl dd .career_box dl dt{background:#fff;border-radius:30px;text-align:left;padding:5px 30px;font-size:14px;font-weight:400;width:180px;height:30px;}
.people_group .people_write .people_write_list > dl dd .career_box dl dd{width:calc(100% - 220px);font-size:13px;}
.people_group .people_write .people_write_list > dl dd .career_box dl dd input.input_txt{font-size:14px;border:0;border-bottom:2px solid #dcdcdc;background:none;padding:0 5px 5px 5px;}

.people_group .people_write .people_write_list > dl dd .career_box .calender_box{}
.people_group .people_write .people_write_list > dl dd .career_box .calender_box a.input_calendar{position:relative;display:inline-block;width:30px;height:30px;border-radius:5px;background:#fff;margin:0 10px 0 0;text-align:center;border:1px solid #e2e2e2;color:#666;}
.people_group .people_write .people_write_list > dl dd .career_box .calender_box a.input_calendar:before{display:block;content:'\f274';font-size:15px;font-family: 'FontAwesome';line-height:30px;}
.people_group .people_write .people_write_list > dl dd a.input_calendar { display: inline-block; }
.people_group .people_write .people_write_list > dl dd a.input_calendar:before{display:block;content:'\f274';font-size:15px;font-family: 'FontAwesome';line-height:30px;}
.people_group .people_write .people_write_list > dl dd .career_box .calender_box a.input_calendar:hover{background:#ccc;color:#333;}

.people_group .people_write .people_write_list > dl dd.sns_box ul li{position:relative;padding:5px 0 0 30px;}
.people_group .people_write .people_write_list > dl dd.sns_box ul li input.input_txt{margin-bottom:15px;}


.people_group .people_write .people_write_list > dl dd.sns_box ul li:before{position:absolute;left:0;top:0;display:inline-block;border-radius:50px;width:30px;height:30px;text-align:center;font-family:'FontAwesome';font-size:16px;background:#999;color:#fff;line-height:30px;}
.people_group .people_write .people_write_list > dl dd.sns_box ul li:nth-child(1):before{content:'\f015';}
.people_group .people_write .people_write_list > dl dd.sns_box ul li:nth-child(2):before{content:'\f09a';}
.people_group .people_write .people_write_list > dl dd.sns_box ul li:nth-child(3):before{content:'\f16d';}
.people_group .people_write .people_write_list > dl dd.sns_box ul li:nth-child(4):before{content:'\f167';}
.people_group .people_write .people_write_list > dl dd.sns_box ul li:nth-child(5):before{content:'\4e';}
.people_group .people_write .people_write_list > dl dd.sns_box ul li:nth-child(6):before{content:'\f099';}

.people_group .people_write .people_write_list .rule_box{padding:0px;background:#fff;}
.people_group .people_write .people_write_list .rule_box2{display:block;}
.people_group .people_write .people_write_list .rule_box2 dt{width:100%;}
.people_group .people_write .people_write_list .rule_box2 dd{width:100%;}
.people_group .people_write .people_write_list .rule_box2 dd textarea{width:100%;border:1px solid #eee;padding:15px;margin:10px 0;background:rgba(255,255,255,0.7);font-size:14px;}
.people_group .people_write .people_write_list .rule_box2 dd input{border:1px solid #ccc;}

.people_group .select_list{background:#fff;padding:30px;margin-bottom:20px;box-shadow:0 5px 10px rgba(0,0,0, 0.03);}
.people_group .select_list h4{margin-left:-50px;left:50%;}
.people_group .select_list .select_box{display:flex;flex-wrap: wrap;justify-content: space-between;margin:10px 0 ;border-top:1px solid #eee;}
.people_group .select_list .select_box:first-child{border-top:0;}
.people_group .select_list .select_box > div{width:140px;margin-top:10px;}
.people_group .select_list .select_box > dl{width:calc(100% - 200px); margin:0px 0;}
.people_group .select_list .select_box > dl dt{font-size:16px;background:#eee;border-radius:10px;padding:10px 0 5px 0;text-align:center;margin:20px 0 30px;}
.people_group .select_list .select_box > dl dd {width:100%;margin:10px 0;word-break:keep-all;display:flex;flex-wrap: wrap;justify-content: space-between;text-align: left;}
.people_group .select_list .select_box > dl dd span{width:calc(100% - 20%);display:block;}
.people_group .select_list .select_box > dl dd span.tit{width:20%;color:#bc6c05;font-weight:500;}



.people_group .btn_s{border:1px solid #eee;background:#fff;font-size:13px;padding:5px 10px;}
.people_group .btn_s.s02{display:inline-block;width:200px;margin-top:10px;text-align:center;padding:10px 0;color:#f35d5a;}
.people_group .btn_s:hover{background:#f35d5a;color:#fff;}


@media only screen and (max-width:1300px){
	.people_group .people_write{width:100%;}
	.people_group .people_write .people_write_list{padding:25px 25px 0;margin-bottom:40px;}
	.people_group .people_write .people_write_list > dl dt{font-size:15px;}

}

@media only screen and (max-width:980px){
	.people_group .select_list{padding:20px;}
	.people_group .people_write .people_write_list{padding:25px 20px 0;}
	.people_group .people_write .people_write_list > dl{padding:15px;}

	.people_group .people_write .people_write_list > dl dt{width:130px;font-size:15px;}
	.people_group .people_write .people_write_list > dl dd{width:calc(100% - 130px);word-break: keep-all;}

	.people_group .people_write .people_write_list > dl dd .career_box dl dt{padding:5px 15px;width:150px;}
	.people_group .people_write .people_write_list > dl dd .career_box dl dd{width:calc(100% - 170px);}
}

@media only screen and (max-width:768px){
	.people_group .people_write .people_write_list{padding:25px 15px 0;margin-bottom:30px;}
	.people_group .people_write .people_write_list > dl{padding:10px;}
	.people_group .people_write .people_write_list > dl dt{width:100%;background:#eee;padding:10px 0;border-radius:20px;margin-bottom:10px;text-align:center;font-weight:600;}
	.people_group .people_write .people_write_list > dl dd{width:100%;margin:0 auto;}

	.people_group .people_write .people_write_list > dl dd .career_box dl dt{width:100%;margin-bottom:10px;text-align:center;font-weight:500;}
	.people_group .people_write .people_write_list > dl dd .career_box dl dd{width:100%;}
	
	.people_group .people_write .people_write_list > dl dd input.input_txt{font-size:13px;border-bottom:2px solid #bbbbbb;padding:0 5px 5px 5px;margin:5px 0;width:100%;}
	.people_group .people_write .people_write_list > dl dd input[type=checkbox].input_txt{width:20px;margin:5px 0;}
	.people_group .people_write .people_write_list > dl dd input.input_txt.w40{width:100% !important;}

	.people_group .people_write .people_write_list > dl dd .career_box dl dd input.input_txt{margin:5px 2.5%;}
	
	
}
@media only screen and (max-width:500px){
	.people_group .select_list .select_box > div{width:100%;text-align:center;margin-top:10px;}
	.people_group .select_list .select_box > div img{width:150px;margin:0 auto;}
	.people_group .select_list .select_box > dl{width:calc(100%);}
	.people_group .select_list .select_box > dl dt{}
	.people_group .select_list .select_box > dl dd span{width:calc(100%);}
	.people_group .select_list .select_box > dl dd span.tit{width:100%;margin-bottom:5px;}



	.people_group .people_write .people_write_list{padding:15px 10px 0;margin-bottom:0px;}
	.people_group .people_write .people_write_list > dl{padding:13px 0;}
	.people_group .people_write .people_write_list label{font-weight:400;font-size:13px;}
	.people_group .people_write{width:100%; margin:0 auto;padding:30px 0;}
	.people_group .people_write .people_write_list > dl dt{font-size:14px;}
	.people_group .people_write .people_write_list > dl dd{font-size:13px;}

		
	.people_group .people_write .people_write_list > dl dd .career_box .calender_box a.input_calendar{width:25px;height:25px;border-radius:5px;margin:5px 5px 0 0;}
	.people_group .people_write .people_write_list > dl dd .career_box .calender_box a.input_calendar:before{font-size:14px;line-height:25px;}

	

	.people_group .btn_s{margin:5px 0;}
	
	.people_group .people_write .people_write_list > dl dd.sns_box ul li{padding:7px 0 0 25px;}
	.people_group .people_write .people_write_list > dl dd.sns_box ul li:before{top:5px;width:25px;height:25px;font-size:14px;line-height:25px;}
	.people_group .people_write .people_write_list > dl dd.sns_box ul li .w50{width:70% !important;}
	.people_group .people_write .people_write_list > dl dd.chech_box span{margin:0 5px 0;}
	
}



/* 버튼 */
a.btn_go, button.btn_go {display:inline-block;padding:10px 20px;background:#0053b4;border-radius:5px;margin-top:25px;}
a.btn_go.bg00{background:#eee;color:#222;}
a.btn_go.bg04{background:#ccc;color:#fff;}
a.btn_go.bg01{background:#3dbfca;color:#fff;}
a.btn_go.bg02{background:#3d7fca;color:#fff;}
a.btn_go.bg03{background:#f35d5a;color:#fff;}
a.btn_go:hover{background:#023169;color:#fff;}

@media only screen and (max-width:980px) {
	a.btn_go{margin-top:20px;}
}

@media only screen and (max-width:780px) {
	a.btn_go{margin-top:15px;}
}

@media only screen and (max-width:500px) {
	a.btn_go{margin-top:10px;padding:8px 15px;font-size:13px;}
}


/* 뷰 페이지 */
.people_view{}
.people_view .top_img_wrap{background:#f3f3f3;}

.people_view .people_group{margin:0px auto 30px auto;}

.people_group .people_contents{width:1300px; margin:0 auto;padding:50px 0;}
.people_group .people_contents ul.people_table:nth-child(1){
	margin-bottom: 30px;
}
.people_group .people_contents ul.people_table{
	border-top:2px solid #1e1d1b;
	border-bottom:1px solid #464646;
	/* box-shadow:4px 5px 20px rgb(0 0 0 / 10%); */
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-radius:0px;
	overflow: hidden;
	border-right: 1px solid #464646;
	margin-bottom: 10px;
}
.people_group .people_contents ul.people_table li{width:50%;border-bottom:1px solid #ececec;}
.people_group .people_contents ul.people_table li dl{display:flex;}
.people_group .people_contents ul.people_table li dl dt{background:#1e1d1b;padding:20px;width:170px;text-align:center;vertical-align:middle;color:#fff;font-size:16px;font-weight:300;}
.people_group .people_contents ul.people_table li dl dd{background:#fff;padding:20px;font-size:15px;width:calc(100% - 170px);}


/* sns */
.people_group .people_contents ul.people_table li dl dd.sns_box ul{display:flex;} 
.people_group .people_contents ul.people_table li dl dd.sns_box ul li{position:relative;border-bottom:0;font-size:0;width:40px;}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li a{display:block;width:30px;height:30px;position:absolute;z-index:2;border-radius:50px;}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li a:hover{border:1px solid #222;box-shadow:0px 5px 15px rgb(0 0 0 / 12%);}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:before{position:absolute;left:0;top:0;display:inline-block;border-radius:50px;width:30px;height:30px;text-align:center;font-family:'FontAwesome';font-size:16px;background:#999;color:#fff;line-height:30px;z-index: 1;}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:nth-child(1):before{content:'\f015';}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:nth-child(2):before{content:'\f09a';}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:nth-child(3):before{content:'\f16d';}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:nth-child(4):before{content:'\f167';}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:nth-child(5):before{content:'\4e';}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li:nth-child(6):before{content:'\f099';}
.people_group .people_contents ul.people_table li dl dd.sns_box ul li.on:before{background:#4b76b5;}


@media only screen and (max-width:1300px){
	.people_group .people_contents{width:100%;}
}

@media only screen and (max-width:980px){
	.people_group{margin:0px 0;}	
}

@media only screen and (max-width:768px){
	.people_group .people_contents{padding:30px  0 50px 0;}
	.people_view .people_group{margin:0px auto 0px auto;}
	.people_group .people_contents ul.people_table {padding-top:20px;}
	.people_group .people_contents ul.people_table li{width:100%;border-bottom:0;margin-bottom:5px;}

	.people_group{margin:0px 0;}
	.people_group .people_contents ul.people_table li dl{width:90%;margin:0 auto;flex-wrap: wrap;}
	.people_group .people_contents ul.people_table li dl dt{width:100%;font-weight:500;padding:10px;background:#ccc;color:#222;border-radius:15px;}
	.people_group .people_contents ul.people_table li dl dd{width:100%;padding:15px 10px;font-size:14px;text-align:center;}

	.people_group .people_contents ul.people_table li dl dd.sns_box ul{justify-content: center;height:30px;} 


}

@media only screen and (max-width:500px){
	.people_group .people_contents{padding:10px 0 40px 0;}
	.people_group .people_contents ul.people_table {padding-top:10px;}
	.people_group .people_contents ul.people_table li dl dt{padding:10px;font-size:14px;}
	.people_group .people_contents ul.people_table li dl dd{padding:10px;font-size:13px;}

}