@charset "utf-8";
/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subTop { z-index:666; }
	.sub-visual  { position:relative; width:100%; height:300px; text-align:center; overflow:hidden;  }

	.visual_img_01  {  background:url('../images/sub/sub_visual_01.jpg') no-repeat center center/cover;

	 }
	.sub-visual:after  {  background:red; width:100%; height:100px; position:absolute; z-index:999  }

	.sub-visual > div { position:absolute; top:0; bottom:0; left:0; right:0; height:70px; margin: 80PX auto 0; }
	.sub-visual h2 { margin-bottom:10px; letter-spacing:-1px; line-height:1; font-weight:600; font-size:42px; color:#fff; }  /*text-shadow:0 0 10px rgba(255,255,255,1);*/
	.sub-visual p { font-size:20px; font-weight:400; color:#c9e4f2; } /*text-shadow:0 0 3px rgba(255,255,255,1);*/

	.sub-tab { width:100%; background:rgba(0,0,0,0.1); MARGIN-TOP: -60PX; Z-INDEX: 99; POSITION: RELATIVE;}  /*탭버튼 배경*/
	.sub-tab.fixed { z-index:666; position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #ddd; box-shadow:0 2px 10px rgba(0,0,0,0.10); opacity:0.92; }
	.sub-tab > ul { margin:0 auto; max-width:1200px; height:60px; text-align:center; line-height:0; font-size:0; }
	.sub-tab.fixed ul { margin:0 auto; width:100%; }
	.sub-tab li  { display:inline-block; height:60px; background:rgba(0,0,0,0.45); transition:all 0.4s;  }  /*비활성 탭버튼*/ /*width:25%; */
	.sub-tab .col-1 li { width:100%; }
	.sub-tab .col-2 li { width:50%; }
	.sub-tab .col-3 li { width:33.33333333333333%; }
	.sub-tab .col-4 li { width:25%; }
	.sub-tab .col-5 li { width:20%; }
	.sub-tab .col-6 li { width:16.66666666666667%; }

	.sub-tab li:hover, .sub-tab li.active a:hover  {  background:#0076c0; }
	.sub-tab li a { display:inline-block; width:100%; height:60px; text-align:center; line-height:60px; font-weight:400; font-size:20px; color:#fff; }
	.sub-tab li.active a  { color:#fff; background:#03a9f4; }  /*활성 탭버튼*/
	.sub-tab.fixed a { border-bottom:0; border-top:0; }

	@media only screen and (max-width:980px)  {
		.sub-tab > ul  {  width:100%;  }
		
	 }
	@media only screen and (max-width:768px)  {

		.visual_img_01  {  background:url('../images/sub/sub_visual_01m.jpg') no-repeat center center/cover;  }

		.sub-visual { height:300px; }
		.sub-visual > div { margin-top: 95px; } /*height:56px;*/
		.sub-visual h2 { margin-bottom:5px; font-size:36px; }
		.sub-visual p { font-size:18px; }

		.sub-tab > ul {  width:calc(100% - 0px); height:60px; }  /*margin-top:25px;*/
		.sub-tab li a { font-size: 19px }

		.sub_fulldown_btn_01.btn-group { display: none; }
	 }
	 	@media only screen and (max-width:600px)  {
		.sub_fulldown_btn_01.btn-group { display: block; }
		.col_hidden { display: none; }
	 }
	@media only screen and (max-width:480px)  {
		.sub-tab { min-width:320px; }
		.sub-tab li a { font-size:15px; }
	 }

/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContents { position:relative; padding:80px 0 150px 0; width:100%; }

    #subContents .page_nav { position:absolute; top:40px; right:0; }
    #subContents .page_nav ul li { display:inline; float:left; color:#a3a3a3; font-size:18px; font-weight:400; line-height:20px; letter-spacing:-1px; }
    #subContents .page_nav ul li .fa.fa-home { color:#777; }
    #subContents .page_nav ul li:after { content:url('../images/sub/ico_divider_arrow.png'); position:relative; top:-3px; margin:0 10px; width:6px; line-height:20px; }
    #subContents .page_nav ul li._last { color:#777; }
    #subContents .page_nav ul li._last:after { display:none; }

	/*서브타이틀 커스텀 20.10.08*/ /*겹쳐보이기 효과는 html로 프로그램 처리위해 이동함 */
    .sub-contents h3  { position: relative;font-size: 56px; font-weight: 700; text-align: left; color: #0076c0; text-shadow: -1px -1px 0 #0076c0, 1px -1px 0 #0076c0, -1px 1px 0 #0076c0, 1px 1px 0 #0076c0; }  /* -webkit-text-stroke: 1px #d5d5d5;*/
	.sub-contents > h3:before  {  content:''; position:absolute; width:100%; border-bottom: 1px dashed #d5d5d5; bottom:-15px; color: #fff;  }
    .sub-contents > h3:after  { content:''; position:absolute; width:100%; color: #fff; }  /*height:1px; background:#e0e0e0; */
    .sub-contents p.page_slogan  { position:relative; margin-bottom:60px; margin-top:40px; color:#888; padding-left:13px; font-size:24px; font-weight:400; text-align:left; line-height:34px; letter-spacing:-1px; }
    .sub-contents p.page_slogan:before { content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#0076c0; }
    .sub-contents p.page_slogan2  { position:relative; margin-bottom:20px; margin-top:100px; color:#252525; padding-left:13px; font-size:28px; font-weight:600; text-align:left; line-height:34px; letter-spacing:-1px; }
    .sub-contents p.page_slogan2:before { content:''; position:absolute; left:0; top:14px; width:6px; height:20%; background:#0076c0; }
	.sub-contents p { /*white-space:pre-line;*/ word-break:break-all; line-height: 26px; }
	.sub-contents p:last-child { margin-bottom:0; }
	.sub-contents .big-txt { margin-bottom:40px; font-weight:300; line-height:1.3; font-size:30px; color:#333; }
	.sub-contents .big-txt strong { font-weight:600; color:#d50050; }

	@media only screen and (min-width:1201px)  {
		#subContents { margin:0 auto; width:1200px; }
	 }
	@media only screen and (max-width:1200px)  {
		#subContents { padding:100px 0; }
        #subContents .page_nav { top:15px; right:15px; }
        #subContents .page_nav ul li { font-size:14px; }
        #subContents .page_nav ul li:after { top:0; margin:0 5px; }
        .sub-contents h3 { padding:0 0px; font-size:48px; margin-left: 15px; width: calc(100% - 30px);  }
        .sub-contents p.page_slogan { margin:20px 15px 40px; padding:0 15px; font-size:26px; line-height:1.4; }

	 }
	@media only screen and (max-width:768px)  {
		#subContents { padding: 20px 0 50px; }
		#subContents .page_nav { display:none; } /*모바일에서 페이지네비 숨김*/
		.sub-contents p.page_slogan { margin:30px 15px 30px; padding:0 0 0 10px; font-size:18px; }
        .sub-contents h3  { font-size: 40px; }
		.sub-contents p { margin:10px 0; font-size:17px; white-space:normal; word-break:break-word;  }
		.sub-contents .big-txt { margin-bottom:20px; font-size:25px; word-break:keep-all; }
	 }
	 @media only screen and (max-width:751px) {
	 .sub-contents p.page_slogan span { display: block; margin-bottom:10px; }
	 }

/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 일반게시판 List */
.kweb_board_list  {  display:block; padding:0 15px; font-size:13px; overflow: hidden;  }
.kweb_board_list .kweb_board_row  {  width:100%; margin:0 0 0 0; padding:15px 0 15px 0; float:left; border-bottom:1px solid #eee; color:#000000;  }
.kweb_board_list .kweb_board_row:first-child  {  border-top:1px solid #337ab7;  }  /* Line 색상 */
.kweb_board_list .kweb_board_row .kweb_board_row_subject  {  margin:0 0 5px 0; padding:0; font-size:24px; font-weight:400; color:#333;  }
.kweb_board_list .kweb_board_row .kweb_board_row_info  {  color:#969696; font-size:16px; display: table;  }
.kweb_board_list .kweb_board_row .kweb_board_row_info .kweb_board_row_author  {  max-width: 33vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle; display: table-cell; }  /*display:inline-block;*/

/*고객센터 - 공지사항 - 리스트 20.09.29*/
.list-inline > li  {  vertical-align:middle;  }
.site_navi  {  text-align:right; font:11px dotum; color:#838383; width:780; border-bottom:1px solid #dddddd; padding-bottom:7px;  }
.comment_number  { font-size:12px; }

/*페이징버튼 부트스트랩 신규 20.10.12*/
.paging_btn  {  text-align:center;  }
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover  {  background:#1d689f; color:#fff; border-color:#1d689f;  }
.pagination-lg>li>a, .pagination-lg>li>span  {  font-size:16px;  }

/* custom */
.kweb_board_list .kweb_board_row_noti { background:#fffaf5; }
.kweb_board_list .kweb_board_row .kweb_board_row_noti { display:inline-block; margin-right:5px; padding:2px 5px; font-size:12px; font-weight:normal; background:#ec3e3e; color:#fff; }

.kweb_board_list .divide_line  {  color:#ddd; margin:0 5px;  }

/* Align*/
.align_right  { text-align:right; margin:10px 0; overflow:hidden; }
.align_right button  { float:right; }
.tR  { text-align:right; }

@media only screen and (max-width: 768px)  {
	.kweb_board_list  {  font-size:12px;  }
	.kweb_board_list .kweb_board_row .kweb_board_row_subject  {  font-size:16px;  }
	.kweb_board_list .kweb_board_row .kweb_board_row_info  {  font-size:14px;  }
	.kweb_search_keyword  {  width:100px;  }
 }

	/* 일반게시판 view */
	.kweb_board_view  {  padding:0 15px; display:inline-block;  }  /* Line 색상 border-top:1px solid #e1e1e1; */
	.kweb_board_view .board-header .board-title h3  {  display:block; margin:8px 0 30px; padding:0; font-size:30px; font-weight:500; line-height:30px; color:#000;  }
	.kweb_board_view .kweb_board_view_row  {  width:100%; margin:0; padding:0; padding:10px 0 10px 0; float:left; border-bottom:1px solid #eee;  }
	.kweb_board_view .kweb_board_view_row .kweb_board_view_subject  {  width:100%; margin:0 0 15px 0; padding:0; float:left; font-size:18px; font-weight:600;  }
	.kweb_board_view .kweb_board_view_row .kweb_board_view_author  {  width:100%; margin:0 0 5px 0; padding:0; float:left; font-size:13px; font-weight:600;  }
	.kweb_board_view .kweb_board_view_row .kweb_board_view_info  {  width:100%; margin:0; padding:0 0 10px 0; float:left; color:#acacac;  }
	.kweb_board_view .kweb_board_view_row .kweb_board_view_content  {  width:100%; margin:0; padding:10px 0 10px 0; float:left; font-size:12px;  }

	.kweb_board_view .kweb_board_view_files  {  width:100%; margin:0; padding:0; float:left;  }
	.kweb_board_view .kweb_board_view_files .kweb_board_view_file  {  width:100%; margin:0; padding:5px 0; float:left; font-size:12px;  }
	.kweb_board_view .kweb_board_view_files .kweb_board_view_file .kweb_board_view_file_count  {  font-size:11px; color:#c4c4c4;  }

	/* 게시판 버튼 */
	.btn-search, .kweb_button_submit, .btn-sub  {  color:#fff; background-color: #337ab7; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }
	.btn-search:hover, .btn-search:focus, .kweb_button_submit:hover,.kweb_button_submit:focus, .btn-sub:hover, .btn-sub:focus  {  color:#fff; background-color: #1d689f;  }
	.kweb_button_submit  {  width: 150px; text-align: center; position: absolute; left: 50%; transform: translateX(-50%); font-size: 16px; }

	/* 게시판 공통 */
	.sub-box  {  margin-right:5px; background-color: #337ab7;  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 #337ab7;  }
	.sub-border-t  {  border-top: 1px solid #337ab7;  }
	.sub-border-r  {  border-right: 1px solid #337ab7;  }
	.sub-border-b  {  border-bottom: 1px solid #337ab7;  }
	.sub-border-l  {  border-left: 1px solid #337ab7;  }

	.sub-bg  {  background-color: #337ab7;  }
	.sub-bg-hover:hover  {  background-color: #1d689f;  }

    @media only screen and (max-width:768px)  {
		.kweb_board_view .board-header .board-title h3  {  margin-bottom:15px; font-size:24px;  }
		.kweb_button_submit  {  width: 100%; position: inherit; transform: unset;  }
     }

/*공지사항 - 읽기페이지 20.09.29*/
/*.sub-contents h3  { display: none; }
.sub-contents p.page_slogan  { display: none; } */ /*서브페이지 타이틀 안보여서 주석처리*/

.site_navi  {  width:100%; text-align:right; font-size:11px; color:#838383; border-bottom:1px solid #ddd; padding-bottom:7px; }
.contents_sub  {  width:100%; margin:0;  }
.contents_sub table  { width:100%; }

/* Button */
.btn_write  {  display:inline-block; background:#5f5f5f; border:1px solid #404144;padding:6px 17px 7px 17px; }
.btn_list   {  display:inline-block; background:#fcfcfc; border:1px solid #bcbcbc;padding:6px 17px 7px 17px; }
.btn_re  { display:inline-block; width:100px; height:62px; text-align:center; background:url('../images/sub/btn_comment_bg.gif') no-repeat; }
.btn_txt01  { color:#fff; font-weight:600; }
.btn_txt02  { color:#1f1f1f; font-weight:600; }

/* Align*/
.btn_area  { overflow:hidden; margin:15px 0; }
.align_left  { float:left;  }
.align_right  { float:right; }
.align_right button  {  }
.align_left button  {  }
.tR  { text-align:right; }
.pR10  { padding-right:10px; }

.next_data_area { margin-top: 20px; padding-top: 14px; padding-left: 8px; text-align: left;border-top: 1px solid #dadada; }
.prev_data_area { margin-top: 10px;margin-bottom: 10px; padding-top: 5px;padding-bottom: 14px; padding-left: 8px; text-align: left;border-bottom: 1px solid #dadada; }
.next_data_area .b { font-weight: bold; }
.prev_data_area .b { font-weight: bold; }

/* custom */
#content  {  overflow: hidden;  }
.content-wrap  {  overflow: hidden;  }
.contents_sub  {  font-size: 12px; color: #666; line-height: 16px;  } /*font-family: 'NanumGothic','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif;*/
.line-b  {  border-bottom: 1px solid #f0f0f0;  }

.kweb_board_view  {  font-size: 18px; color: #666; line-height: 20px; display: block; overflow: hidden;  } /*font-family: 'NanumGothic','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif;*/
.kweb_board_view ul, .kweb_board_view ol  {  margin: 0;  }
.kweb_board_view .board-title h3  {  display:block; margin:8px 0 30px; font-size:30px; font-weight: 500; line-height:30px; color:#000;  }
.kweb_board_view .board-title h3:after  {  display:none;  }
.kweb_board_view .board-title .cate  {  display:inline-block; background: #eee; padding: 2px 4px; font-size: 12px;  }
.kweb_board_view .board-info  {  line-height: 24px; font-size:16px;  }
.kweb_board_view .board-info > span  {  display: table-cell; padding: 0 15px 0 0; line-height: 22px; }
.kweb_board_view .board-content  {  padding:40px 26px;  line-height:26px; }
.kweb_board_view .file-wrap  {  padding: 8px 0;  }
.kweb_board_view .file-wrap .file-th,
.kweb_board_view .file-wrap .file-td  {  display: table-cell;  }
.kweb_board_view .file-wrap .file-list li  {  line-height: 24px; list-style-type: decimal; margin-left: 20px;  }
.kweb_board_view .file-wrap .file-list .file-download-cnt  {  color: #ccc; margin-left: 8px;  }

.kweb_board_view .comment-wrap  {  overflow: auto;  }
.kweb_board_view .comment-wrap .comment-list  {  background: #f3f3f3; padding:15px; overflow: hidden; margin-bottom: 15px;  }
.kweb_board_view .comment-wrap .comment-list p  {  margin: 0;  }
.kweb_board_view .comment-wrap .comment-item {  margin-top:15px; padding-top:15px; border-top:1px solid #ddd; }
.kweb_board_view .comment-wrap .comment-item:first-child { margin-top:0; padding-top:0; border-top:0; }
.kweb_board_view .comment-wrap .comment-info { margin-bottom:5px; color:#999; }
.kweb_board_view .comment-wrap .comment-info strong { color:#555; }
.kweb_board_view .comment-wrap .comment-info > a { float:right; }
.kweb_board_view .comment-input  {  padding-top: 8px; }
.kweb_board_view .comment-input .cmt-captha-wrap  {  background: #fff; border: 0; width: 150px; padding: 0 5px 0 0;  }
.kweb_board_view .comment-input .cmt-captha-wrap img  {  height: 36px; width: 150px;  }
.kweb_board_view .comment-input .input-group textarea,
.kweb_board_view .comment-input .input-group-btn button  {  height: 80px;  }

#fCaptcha  {  border-radius: 3px;  }

.form-group label { font-weight:normal; }
.board-content-wrap img  {  max-width: 100%; max-height: 100%; width: auto !important; height: auto !important;  }

.next_prev_btn  {  font-size:16px;  }

@media screen and (max-width:768px)  {
	.kweb_board_view  {  font-size:17px;  }
 }

/* 로그인/회원가입 관련 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: 400; text-align: left; line-height: 30px; letter-spacing: -1px;  }
    .material-form p.page_slogan:before  { content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #ffa800; }
    .material-form p.page_slogan 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; }

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

/* 사이트정보 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: 1200px)  {
        .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; }

/*html에 있던 스타일 이동 20.09.28*/

/*회사소개 - 인사말 페이지*/
.company_ceo_message  { position: relative; }
.company_ceo_message .txt-box  { display: inline-block; width: 100%; }
.txt-box2  { overflow:hidden; width:calc(100% - 30px); height: auto; background:#0076c0; color:#fff; margin:50px auto 0; border-radius:25px; padding:25px; font-size:18px; word-break: keep-all; }
.txt-box2 li { text-indent: -11px; margin-left: 8px; margin-bottom: 10px;  }
.txt-box2 li:before { content: "•"; margin-right: 3px; } /*text-indent: -6px; margin-left: 8px; */
.txt-box2 li:last-child { margin-bottom:0; }
/*.txt-box2 .dot { float: left; font-size:30px; display:inline-block; }*/
.company_ceo_message .txt-box b { font-weight:500; }

@media screen and (max-width:760px){
	.txt-box2 li { font-size:16px; }
}


.hover_box_shadow_effect { transition: all 0.3s ease-in-out; }
.hover_box_shadow_effect:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.hover_box_shadow_effect:hover span.dot { color:#ffea00; }

/*border:1px solid #ccc;*/

.ceo_signature { padding: 0 15px; }
.ceo_signature .ceo_photo { text-align:center; }

.company_ceo_message .txt-box p  { font-size: 20px; font-weight: 300; line-height: 2; color: #6a6a6a; white-space: pre-line; } /*margin-top: 40px;  padding: 0 15px;*/
.company_ceo_message .sign-box  { float: right; margin: 30px 0px 0 0; font-size: 22px; font-weight: 400; color: #777; line-height: 1; }
.company_ceo_message .sign-box span  { margin-left: 10px; font-size:28px; font-weight: 500; color: #000; }
.company_ceo_message .sign-box:after  { content: ''; clear: both; float: none; display: block; }

.company_ceo_message .content_img { margin: 40px 0; display: block; }
.company_ceo_message .content_img_mb { display: none; }

.company_ceo_message .pic-box  {  background:url('../images/sub/img_sub1_1_1.jpg'); height:600px; border-radius: 30px; margin: 25px 0; position: relative;}  /*패럴렉스 이미지*/
.company_ceo_message .pic-box h4  { text-align:center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color:#fff; font-size:32px; text-shadow:0 0 10px rgba(0,0,0,0.5);  line-height: 45px; }
.company_ceo_message .pic-box h4 br  {  display:none;  }

@media only screen and (max-width:1200px)  {
   .company_ceo_message .pic-box  {  margin: 0 auto;  } /* width: calc(100% - 30px);*/
}

@media only screen and (max-width:980px)  {
	.company_ceo_message .txt-box p  { font-size: 18px; }
 }

 @media only screen and (max-width:768px) {
	.company_ceo_message .content_img { display: none; }
	.company_ceo_message .content_img_mb { margin: 40px 0; display: block; }
	.company_ceo_message .pic-box h4 { font-size: 19px; line-height: 35px; width:80%;}
 }

/*회사소개 - 오시는길 페이지*/
.company_location	.root_daum_roughmap { width:100%; }
.company_location h4  { margin:40px 0 10px; line-height:1; font-weight:300; font-size:30px; color:#d50050; }
.company_location .location-info  { padding: 0 15px; }
.company_location table  { width: 100%; border-top: 2px solid #337ab7; margin-top: 60px; }
.company_location table tr  { border-bottom: 1px solid #e1e1e1; }
.company_location table tr th  { min-width: 190px; padding: 40px 0; font-size: 18px; font-weight: 500; color: #040404; background-color: #f6f6f6; border-right: 1px solid #e1e1e1; text-align: center; }
.company_location table tr td  { color: #777; font-size: 16px; padding: 15px 30px; line-height: 25px; }
.company_location .divide_line  {  color:#ddd; margin:0 5px;  }
.company_location table a:hover  {  color:#1d689f;  }
.company_location table tr td strong  { margin-right: 40px; min-width: 140px; display: inline-block; color: #5a5a5a; font-weight: 500; }

.company_ceo_message .pic-box { background-size: cover; }

@media only screen and (max-width:980px)  {
 }
@media only screen and (max-width:768px)  {
	.company_location table tr th  { min-width: 80px; padding: 15px 10px; font-size: 14px; }
	.company_location table tr td  { padding: 10px 10px; font-size: 13px; line-height: 21px; }
	.company_location table tr td strong  { min-width: 100px; margin-right: 10px; display: block; }
	.company_ceo_message .pic-box  {  height:500px;   }  /*width: calc(100% - 30px); margin: 0 auto; 1200에서 잡아줌*/
	.company_ceo_message .pic-box h4 br  {  display:block;  }
 }

@media only screen and (max-width:640px)  {
 .company_ceo_message .pic-box { background: url('../images/sub/img_sub1_1_1m.jpg'); }
}

<style>
/*사업소개 - 사업분야 페이지*/
.business_area  { position: relative; }
.business_area .list-box  { position: relative; display: inline-block; width: 100%; }
.business_area .list-box .img-frame  { width: 33.33333333333333%; padding: 0 20px; text-align: center; float: left;  margin-bottom: 40px; }
.business_area .list-box .img-frame > div  { border: 1px solid #4C7520; border-top: none; }
.business_area .list-box .img-frame p  { background-repeat: no-repeat; background-size: cover; height: 300px; border-bottom: 0px solid #1671c6; }
.business_area .list-box ._frame01 p  { background-image: url("../images/sub/main_link_img_1.jpg"); }
.business_area .list-box ._frame02 p  { background-image: url("../images/sub/main_link_img_2.jpg"); }
.business_area .list-box ._frame03 p  { background-image: url("../images/sub/main_link_img_3.jpg"); }
.business_area .list-box ._frame04 p  { background-image: url("../images/sub/main_link_img_4.jpg"); }
.business_area .list-box ._frame05 p  { background-image: url("../images/sub/main_link_img_5.jpg"); }
.business_area .list-box ._frame06 p  { background-image: url("../images/sub/main_link_img_6.jpg"); }
.business_area .list-box ._frame07 p  { background-image: url("../images/sub/main_link_img_7.jpg"); }
.business_area .list-box ._frame08 p  { background-image: url("../images/sub/main_link_img_8.jpg"); }
.business_area .list-box ._frame09 p  { background-image: url("../images/sub/main_link_img_9.jpg"); }
.business_area .list-box ._frame10 p  { background-image: url("../images/sub/main_link_img_10.jpg"); }
.business_area .list-box ._frame11 p  { background-image: url("../images/sub/main_link_img_11.jpg"); }
.business_area .list-box ._frame12 p  { background-image: url("../images/sub/main_link_img_12.jpg"); }
.business_area .list-box ._frame13 p  { background-image: url("../images/sub/main_link_img_13.jpg"); }
.business_area .list-box ._frame14 p  { background-image: url("../images/sub/main_link_img_14.jpg"); }
.business_area .list-box ._frame15 p  { background-image: url("../images/sub/main_link_img_15.jpg"); }
.business_area .list-box ._frame16 p  { background-image: url("../images/sub/main_link_img_16.jpg"); }

/*.business_area .list-box ._frame04 p  { background-image: url("../images/sub/main_link_img_4.jpg"); } */
.business_area .list-box h4  { display: inline-block; padding: 10px 0; background-color: #4C7520; font-size: 22px; font-weight: 500; line-height: 30px; white-space: pre-line; color: #fff; text-align: center; width: 100%; }
.business_area .list-box ul  { position: relative; display: inline-block; margin: 25px auto; }
.business_area .list-box ul li  { position: relative; margin-top: 10px; font-size: 16px; font-weight: normal; text-align: left; letter-spacing: 0px; }
.business_area .list-box ul li:first-child  { margin-top: 0; }
.business_area .list-box ul li:before  { content: ''; position: relative; width: 3px; height: 3px; background-color: #f58220; display: inline-block; top: -4px; margin-right: 6px; }
.business_area .txt-box p  { margin-top: 40px; padding: 0 15px; font-size: 20px; font-weight: 300; line-height: 1.5; color: #333; white-space: pre-line; }
.business_area .sign-box  { float: right; margin-right: 15px; font-size: 24px; font-weight: 400; color: #333; line-height: 1; }
.business_area .sign-box span  { margin-left: 20px; }
.business_area .sign-box:after  { content: ''; clear: both; float: none; display: block; }
@media only screen and (max-width:1200px)  {
	.business_area .list-box .img-frame  { width: 50%; margin-top: 0px; }
	.business_area .list-box ._frame01, .business_area .list-box ._frame02  { margin-top: 0; }
 }
@media only screen and (max-width:980px)  {
	.business_area .txt-box p  { font-size: 16px; }
	.business_area .list-box .img-frame  { width: 50%; }
 }
@media only screen and (max-width:768px)  {
	.business_area .list-box .img-frame  { width: 100%; padding: 0; }
	.business_area .list-box .img-frame p  { margin-bottom:0; height:400px; }
	.business_area .list-box ._frame01  { margin-top: 0; }
 }
/*사업장현황*/
.company_commary { width:100%; padding:0 15px; }
.company_commary th { background:#f1fbff; font-weight:400; vertical-align:middle !important; text-align:center; }
.business_area table { width: calc(100% - 10px); max-width: 100%; /* margin-bottom: 20px; */ margin: 0 auto 40px; }
.business_area table .blank { background:#eee; }
.business_area table.txt_align_center { text-align:center; }
.business_area table thead{ border-top:4px solid #009688; }
.pdn15 { padding:0 15px; }
.line-h24 { line-height:24px; }
.font-s16 { font-size: 16px; }
.table th, .table td  { padding:12px !important; }
.table td { text-align:left; }
.table .gray { background:#eee; }

/*사업소개 - 인증현황*/
.business_certification_status .status_area .comment { margin-bottom:15px; text-align:right; color:#999; }
@media only screen and (max-width: 480px)  {
	.business_certification_status .status_area .comment { text-align:center; font-size:13px; }
 }
.business_certification_status .status_area ul { border-top:1px solid #ddd; border-left:1px solid #ddd; }
.business_certification_status .status_area ul:after { content:""; display:block; clear:both; }
.business_certification_status .status_area .img_frame { position:relative; float:left; margin:0; padding:0; padding-bottom:25%; width:25%; box-sizing:border-box; overflow:hidden; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.business_certification_status .status_area .img_frame > div { position:absolute;  width:100%; height:100%; text-align:center; }
.business_certification_status .status_area .img_frame > div a { display:block; width:100%; height:100%; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; }
.business_certification_status .status_area .img_frame > div img { position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:5%; max-height:100%; max-width:100%; box-sizing:border-box; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; }
.business_certification_status .status_area .img_frame > div a:hover img, .status_area .img_frame > div a:active img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);
 }
@media only screen and (max-width: 680px)  {
	.business_certification_status .status_area .img_frame { padding-bottom:33.33%; width:33.33%; }
 }
@media only screen and (max-width: 480px)  {
	.business_certification_status .status_area .img_frame { padding-bottom:50%; width:50%; }
 }
.business_certification_status .status_area .pagination { display:block; margin-top:40px; text-align:center; }
.business_certification_status .status_area .pagination a, .pagination ol { display:inline-block; }
.business_certification_status .status_area .pagination ol { margin:0 10px; }
.business_certification_status .status_area .pagination li { display:inline-block; }
.business_certification_status .status_area .pagination a { width:26px; height:26px; text-align:center; line-height:24px; font-size:11px; box-sizing:border-box; border:1px solid #ddd;	-webkit-transition:.2s; -moz-transition:.2s; -ms-transition:.2s; -o-transition:.2s; transition:.2s; color:#7d7d7d; }
.business_certification_status .pagination .on a,.pagination a:hover, .pagination a:active { text-decoration:none; background:#999; color:#fff; border:1px solid #999; }



/*포토갤러리 - 포트폴리오 - 리스트페이지 20.09.29*/
.kweb_portfolio .kweb_portfolio_item  {  width:24%; margin:0 1.33% 30px 0; float:left;  }
.kweb_portfolio .kweb_portfolio_item_last  {  margin:0 0 30px 0;  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_img  {  width:100%; position: relative; height:24vh; line-height: 24vh; overflow:hidden; text-align:center;   }  /*border: 1px solid rgba(0,0,0,0.1);*/
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_img img  {  max-width: 100%; vertical-align:middle;  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_img .kweb_portfolio_item_image_hover  {  display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/common/icon_09.png) no-repeat 50% 50%; z-index:9;  }
.kweb_portfolio .kweb_portfolio_item:hover .kweb_portfolio_item_img .kweb_portfolio_item_image_hover  {  display:block;  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_img .kweb_portfolio_item_image-blind  {  display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:url(../images/common/blind_shadow.png); z-index:0;  }
.kweb_portfolio .kweb_portfolio_item:hover .kweb_portfolio_item_img .kweb_portfolio_item_image-blind  {  display:block;  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_title  {  margin:10px 0 0 0; text-align:center; color:#737373;  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_title .kweb_title  {  display: inline-block; max-width: 100%; font-size: 18px;  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_title .kweb_title.comment  {  max-width: calc(100% - 38px);  }
.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_title .comment_number  {  vertical-align: top;  }
.list-inline>li  {  vertical-align:middle;  }

@media (max-width: 992px)  {
	.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_img  {  height:20vh; line-height:20vh;  }
 }
@media (max-width: 768px)  {
	.kweb_portfolio .kweb_portfolio_item  {  width:100%; margin:0 0 30px 0;  }
	.kweb_portfolio .kweb_portfolio_item .kweb_portfolio_item_img  {  height:35vh; line-height:35vh;  }
 }
/* custom */
.gallery-wrap  {  overflow: hidden;  }
.kweb_portfolio .kweb_portfolio_item.no-article  {  background: #f9f9f9; color: #000; margin: 0; padding: 15px; text-align: center; width: 100%;  }
.kweb_portfolio .kweb_portfolio_item.no-article .kweb_portfolio_item_title  {  margin: 0;  }
.paginate_regular { margin:30px 0 20px 0; }


/*포토갤러리 - 포트폴리오 - 읽기페이지 20..09.29*/
.portfolio_read .site_navi  {  width:100%; text-align:right; font-size:11px; color:#838383; border-bottom:1px solid #ddd; padding-bottom:7px; }
.portfolio_read  .contents_sub  {  width:100%; margin:0;  }
.portfolio_read  .contents_sub table  { width:100%; }

/* Button */
.portfolio_read .btn_write  {  display:inline-block; background:#5f5f5f; border:1px solid #404144;padding:6px 17px 7px 17px; }
.portfolio_read .btn_list   {  display:inline-block; background:#fcfcfc; border:1px solid #bcbcbc;padding:6px 17px 7px 17px; }
.portfolio_read .btn_re  { display:inline-block; width:100px; height:62px; text-align:center; background:url( '../images/sub/btn_comment_bg.gif') no-repeat; }
.portfolio_read .btn_txt01  { color:#fff; font-weight:600; }
.portfolio_read .btn_txt02  { color:#1f1f1f; font-weight:600; }

/* Align*/
.portfolio_read .btn_area  { overflow:hidden; margin:15px 0; }
.portfolio_read .align_left  { float:left;  }
.portfolio_read .align_right  { float:right; }
.portfolio_read .align_right button  {  }
.portfolio_read .align_left button  {  }
.portfolio_read .tR  { text-align:right; }
.portfolio_read .pR10  { padding-right:10px; }

.portfolio_read .next_data_area { margin-top: 20px; padding-top: 14px; padding-left: 8px; text-align: left;border-top: 1px solid #dadada; }
.portfolio_read .prev_data_area { margin-top: 10px;margin-bottom: 10px; padding-top: 5px;padding-bottom: 14px; padding-left: 8px; text-align: left;border-bottom: 1px solid #dadada; }
.portfolio_read .next_data_area .b { font-weight: bold; }
.portfolio_read .prev_data_area .b { font-weight: bold; }

.kweb_photogallery_view  {  font-size: 18px; color: #666; line-height: 20px; display: block; overflow: hidden; padding: 0 15px;  } /*font-family: 'NanumGothic','돋움',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif;*/
.kweb_photogallery_view ul, .kweb_photogallery_view ol  {  margin: 0;  }
.kweb_photogallery_view .board-title h3  {  display:block; margin:8px 0 30px; font-size:30px; font-weight: 500; line-height:30px; color:#000;  }
.kweb_photogallery_view .board-title h3:after  {  display:none;  }

.board-title h4  { display: block; margin: 8px 0 30px; font-size: 28px; font-weight: 500; line-height: 30px; color: #337ab7;  }

.kweb_photogallery_view .board-title .cate  {  display:inline-block; background: #eee; padding: 2px 4px; font-size: 12px;  }
.kweb_photogallery_view .board-info  {  line-height: 24px; font-size:16px;  }
.kweb_photogallery_view .board-info > span  {  display: table-cell; padding: 0 15px 0 0; line-height: 22px; }
.kweb_photogallery_view .board-content  {  padding:40px 26px;  line-height:14px; }
.kweb_photogallery_view .file-wrap  {  padding: 8px 0;  }
.kweb_photogallery_view .file-wrap .file-th,
.kweb_photogallery_view .file-wrap .file-td  {  display: table-cell;  }
.kweb_photogallery_view .file-wrap .file-list li  {  line-height: 24px; list-style-type: decimal; margin-left: 20px;  }
.kweb_photogallery_view .file-wrap .file-list .file-download-cnt  {  color: #ccc; margin-left: 8px;  }
.kweb_photogallery_view .comment-wrap  {  overflow: auto;  }
.kweb_photogallery_view .comment-wrap .comment-list  {  background: #f3f3f3; padding:15px; overflow: hidden; margin-bottom: 15px;  }
.kweb_photogallery_view .comment-wrap .comment-list p  {  margin: 0;  }
.kweb_photogallery_view .comment-wrap .comment-item {  margin-top:15px; padding-top:15px; border-top:1px solid #ddd; }
.kweb_photogallery_view .comment-wrap .comment-item:first-child { margin-top:0; padding-top:0; border-top:0; }
.kweb_photogallery_view .comment-wrap .comment-info { margin-bottom:5px; color:#999; }
.kweb_photogallery_view .comment-wrap .comment-info strong { color:#555; }
.kweb_photogallery_view .comment-wrap .comment-info > a { float:right; }
.kweb_photogallery_view .comment-input  {  padding-top: 8px; }
.kweb_photogallery_view .comment-input .cmt-captha-wrap  {  background: #fff; border: 0; width: 150px; padding: 0 5px 0 0;  }
.kweb_photogallery_view .comment-input .cmt-captha-wrap img  {  height: 36px; width: 150px;  }
.kweb_photogallery_view .comment-input .input-group textarea,
.kweb_photogallery_view .comment-input .input-group-btn button  {  height: 80px;  }
#fCaptcha  {  border-radius: 3px;  }

.bbs_estimate_inquery .form-group label { font-weight:500; }
/*.board-content-wrap img  {  max-width: 100%; max-height: 100%; width: auto !important; height: auto !important;  }  */

/*================== working - start ==========================*/
/*고객센터 - 견적문의 페이지 20.09.29*/
.bbs_estimate_inquery .kweb_intro_title  {  margin: 0 0 5px 0; font-size: 1.5em; font-weight: 600; color:#1dc6df;  }
.bbs_estimate_inquery .kweb_intro_summary  {  margin:0 0 20px 0;  }

.bbs_estimate_inquery .kweb_contact_privacy_title  {  font-weight:600;  }
.bbs_estimate_inquery .kweb_contact_privacy_content  {  width: 100%; height: 150px; display: block; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: none; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-radius: 3px; overflow-y:auto;  }
.bbs_estimate_inquery .kweb_contact_privacy_checkbox  {  font-weight:normal;  }
.bbs_estimate_inquery .kweb_validation_required  {  margin:0 0 0 5px; color:#ff0000;  }

@media only screen and (min-width: 992px)  {
	.bbs_estimate_inquery .kweb_intro_left  {  padding:0;  }
 }
@media screen and (max-width:768px)  {
	.board-title h4  {  font-size:20px  }
 }
/* custom */
.bbs_estimate_inquery .content-wrap  {  overflow: hidden; padding: 0 15px;   }
.bbs_estimate_inquery .content-wrap .input-group-addon  {  background: #fff; border: 0;  }
.bbs_estimate_inquery .content-wrap input  {  border-radius: 3px !important;  }
.bbs_estimate_inquery .content-wrap .date-btn  {  width: 14px; height: 14px; max-width: 14px;  }
.bbs_estimate_inquery .content-wrap textarea  {  min-height: 100px;  }

.bbs_estimate_inquery .content-wrap .menu-scroll ul,
.bbs_estimate_inquery .content-wrap .email-btn ul  {  max-height: 240px; overflow: auto;  }

.bbs_estimate_inquery .event input[type="checkbox"], .event input[type="radio"] {  vertical-align:middle; margin:0 5px 0 0;  }
.bbs_estimate_inquery .event label { font-weight:normal; color:#333; }
.bbs_estimate_inquery .event .row { margin-bottom:5px; }
.bbs_estimate_inquery .event .text-group textarea.form-control { min-height:150px; }

.bbs_estimate_inquery .no-padding  {  padding: 0 !important;  }
.bbs_estimate_inquery .contact-table th  {  font-weight:normal; font-size:12px; color:#333;  }
.bbs_estimate_inquery .contact-table td  {  min-width: 150px;  }
.bbs_estimate_inquery .file-group { position:relative; }
.bbs_estimate_inquery .file-btn { position:absolute; right:15px; top:0; }
.bbs_estimate_inquery .file-coment { padding:3px; font-size:12px; color:#999; }
.bbs_estimate_inquery .event label.editContent2 { padding:3px; font-size:12px; }

.bbs_estimate_inquery .raw_info  {  line-height: 22px;  }
.bbs_estimate .agree_btn  {  margin-top:5px;  }
.editContent2  {  font-weight:400 !important;  }
.raw_info  {  background:#f4f4f4 !important;  }

.btn-default  {  transition: all 0.4s;  }
.btn-default:hover  {  background:#1d689f; border:1px solid #1d689f; color:#fff;  }

/*================== working - end ==========================*/

/*추가*/
.content_jm_01 { padding: 15px; }
.content_jm_01 .tit_box { text-align:left; }
.content_jm_01 .tit_box h4 { font-size:26px; color:#555; border:0; }
.content_jm_01 .tit_box h5 { font-size:22px; color:#2196f3; border:0; margin-top:10px; position:relative; padding: 0 10px; }
.content_jm_01 .tit_box h5:before { content:''; width:6px; height:22px; border-radius: 5px; background:#2196f3; position:absolute; top:2px; left:1px; }
.content_jm_01 .tit_box2 { text-align:left; }
.content_jm_01 .tit_box2 h4 { font-size:26px; color:#555; border:0; }
.content_jm_01 .tit_box2 h5 { font-size:22px; color:#2196f3; border:0; margin-top:40px; position:relative; padding: 0 10px; }
.content_jm_01 .tit_box2 h5:before { content:''; width:6px; height:22px; border-radius: 5px; background:#2196f3; position:absolute; top:2px; left:1px; }
.content_jm_01 .tit_box p.txt_type1 { margin-top:10px; font-size:17px; }
.content_jm_01 .tit_box2 p.txt_type1 { margin-top:10px; font-size:17px; }
.content_jm_01 .con_box { display:flex;  margin-top: 50px;}
.content_jm_01 .con_box table { width:70%;  font-size: 17px; color:#5c5c5c; font-weight: 400; margin-bottom:0; } /*border: 1px solid #ddd; */
.content_jm_01 .con_box table.table_01  { border:1px solid #ddd;  }
.content_jm_01 .con_box table th { width: 110px; background: #eaf8ff; border-right:1px solid #ddd;  color:#3b708b; font-size:inherit; font-weight: 500; vertical-align: middle; }
.content_jm_01 .con_box table td { font-size:inherit; font-weight:inherit; vertical-align: middle; }
.content_jm_01 .con_box .img_box { width:30%;  display:flex; justify-content:center; align-items:center; flex-direction:column; position: relative; background: #fffcdf; border: 1px solid #e9df7f; border-left: none; padding: 30px; }
.content_jm_01 .con_box .img_box img { width: 150px;height: 150px; padding: 20px; margin-top: 30px; } /*border: 1px dashed #7f4d05; background: #fff;*/
.content_jm_01 .con_box .img_box .dashed_box { width: 150px;height: 150px; border: 1px dashed #7f4d05; border-radius: 50%; position: absolute; animation: dashed_rotate_circle 20s infinite linear; }
.content_jm_01 .con_box2 { width: 100%; height: auto; }
.content_jm_01 .con_box2 .impc { margin: 0 auto; display:block; }
.content_jm_01 .con_box2 .immb { margin: 0 auto; display:none; }
.content_jm_01 .con_box2 table { width:70%;  font-size: 17px; color:#5c5c5c; font-weight: 400; margin-bottom:0; } /*border: 1px solid #ddd; */
.content_jm_01 .con_box2 table.table_01  { border:1px solid #ddd;  }
.content_jm_01 .con_box2 table th { width: 110px; background: #eaf8ff; border-right:1px solid #ddd;  color:#3b708b; font-size:inherit; font-weight: 500; }
.content_jm_01 .con_box2 table td { font-size:inherit; font-weight:inherit; }
.content_jm_01 .con_box2 .img_box { width: 200px; height: 200px; position:relative; float:left; margin: 40px; }
.content_jm_01 .con_box2 .img_box img { width: 150px;height: 150px; padding: 20px;  } /*border: 1px dashed #7f4d05; background: #fff;*/
.content_jm_01 .con_box2 .img_box .dashed_box { width: 100%;height: 100%; border: 1px dashed #7f4d05; border-radius: 50%; position: absolute; 
animation: dashed_rotate_circle 20s infinite linear;
}
.content_jm_01 .con_box .img_box p { font-size:24px; color: #7f4d05; font-weight: 600; margin-top: 10px; }
.content_jm_01 .con_box2 .img_box p { font-size:24px; color: #7f4d05; font-weight: 600; text-align:center; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); }
.content_jm_01 .con_box .jm_content_b01 { margin-top: 20px; }
.content_jm_01 .con_box .jm_content_b01 div.row { background:rgba(0,0,0,0.03); padding:20px; position:relative; border: 2px solid #d8d8d8; border-radius: 20px; box-shadow: 10px 10px 10px rgb(0 0 0 / 10%); } /*margin-bottom: 40px;  padding:20px; */
.content_jm_01 .con_box .jm_content_b01 div.row::before { content:''; width:250px; height:71px; background:url('/images/sub/file_clip_hap.svg')no-repeat; position:absolute; top:-38px; left:50%; transform: translateX(-50%);  z-index:999; }
.content_jm_01 .con_box .jm_content_b01 div.con_wrap {   padding:20px; } /*background:rgba(0,0,0,0.03);*/
.content_jm_01 .con_box .jm_content_b01 div.con_wrap > div { min-height: 350px; background:#fff; text-align:center; } /*border: 1px solid #DDD;*/
.content_jm_01 .con_box .jm_content_b01 div.con_wrap > div h4 { background: #795548;height: 46px;line-height: 24px;font-size: 19px;color: #fff; padding: 10px; text-align: left; }
.content_jm_01 .con_box .jm_content_b01 div.con_wrap .img_box2 { padding: 20px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; } /* margin-top:20px; background:red;*/
.content_jm_01 .con_box .jm_content_b01 div.con_wrap .img_box2 img {  } /*margin-top:20px;*/

@keyframes dashed_rotate_circle{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/*
.content_jm_01 .con_box .jm_content_b01 div.con_wrap ul { margin-top:20px; }
.content_jm_01 .con_box .jm_content_b01 div.con_wrap li { width:100%; background:blue; text-align:left; } 
.content_jm_01 .con_box .jm_content_b01 div.con_wrap li span { float:left;   } 
.content_jm_01 .con_box .jm_content_b01 div.con_wrap li span.tit_txt { display:block; width:50px; background:red; width:100px; }
.content_jm_01 .con_box .jm_content_b01 div.con_wrap li span.con_txt { background:blue; width:calc(100% - 10px); }
*/
.content_jm_01 .con_box .jm_content_b01 div.con_wrap table.table_02 { width:100%; border: 1px solid #ddd; } /*margin-top:20px; */
.content_jm_01 .con_box .jm_content_b01 div.con_wrap table.table_02 th { text-align:center; vertical-align:middle; }

@media (max-width:1000px) {
	.content_jm_01 .con_box .jm_content_b01 div.row { padding:0; }
	.content_jm_01 .con_box table { width:70%; }
	.content_jm_01 .con_box table th { width: 70px; }
	.content_jm_01 .con_box .img_box { width:30%; }
	.content_jm_01 .con_box .jm_content_b01 div.con_wrap { width:calc(50% - 7.5px); padding: 0px;margin-right: 15px; margin-bottom: 15px; }
	.content_jm_01 .con_box .jm_content_b01 div.con_wrap:nth-child(2n) { margin-right:0; }
	.content_jm_01 .con_box .jm_content_b01 div.row::before { display:none; }
	.content_jm_01 .con_box .jm_content_b01 div.row { border:0; background:#fff; box-shadow:unset; }
}
@media (max-width:860px) {
	.content_jm_01 .con_box .img_box .dashed_box {  } /*top: 95px;*/
}
@media (max-width:768px) {
	.content_jm_01 .con_box { flex-direction:column; }
	.content_jm_01 .con_box table { width: 100%; }
	.content_jm_01 .con_box .img_box { width: 100%; margin-top: 0px; border-left:1px solid #e9df7f; border-top:0; padding:15px; }
	.content_jm_01 .con_box .img_box .dashed_box {  } /*top: 18px;*/
	.content_jm_01 .con_box .jm_content_b01 div.con_wrap { padding:0; width: calc(100%); }
	.content_jm_01 .con_box .jm_content_b01 div.row { background:#fff;  }

	.content_jm_01 .con_box { margin-top: 20px; }
	.content_jm_01 .tit_box h4 { font-size:22px; }
	.content_jm_01 .tit_box h5 { font-size: 20px; }
	.content_jm_01 .con_box table { font-size: 16px; }
	.content_jm_01 .con_box .img_box p { font-size: 22px; }
	.content_jm_01 .tit_box2 h5 { font-size: 20px; }
	.content_jm_01 .tit_box2 p.txt_type1 {font-size: 16px; }
	.content_jm_01 .con_box .jm_content_b01 div.con_wrap > div h4 { font-size: 17px; }
	.content_jm_01 .con_box .jm_content_b01 div.con_wrap > div h4 { height: 40px; line-height: 20px; }
	.content_jm_01 .tit_box2 h5:before { width: 6px; height: 20px; }
	.content_jm_01 .tit_box2 h5 { margin-top: 20px; }

	.content_jm_01 .con_box2 .impc { display:none; }
	.content_jm_01 .con_box2 .immb { display:block; }
}

.content_jm_02 { margin-top:20px; font-size:17px; } /*background:rgba(0,0,0,0.03);*/
.content_jm_02 .tit_txt { font-weight:500; padding: 0 8px; }
.content_jm_02 .con_txt { padding:0 23px; }
.content_jm_02 li { margin-bottom:10px; }
.content_jm_02 .row { display: flex; align-items: center; }
.content_jm_02 .row .right_box { text-align:center; }

@media (max-width:768px) {
	.content_jm_02 .row { flex-direction:column; }
	.content_jm_02 .row .left_box { width:100%; }
	.content_jm_02 .row .right_box { width:100%; margin-top:20px; }
}

.content_jm_03 { /* padding: 15px; */ }
.content_jm_03 .tit_box { text-align:left; }
.content_jm_03 .tit_box h4 { font-size:26px; color:#555; border:0; }
.content_jm_03 .tit_box h5 { font-size:22px; color:#2196f3; border:0; margin-top:10px; position:relative; padding: 0 10px; }
.content_jm_03 .tit_box h5:before { content:''; width:6px; height:22px; border-radius: 5px; background:#2196f3; position:absolute; top:2px; left:1px; }
.content_jm_03 .tit_box2 { text-align:left; }
.content_jm_03 .tit_box2 h4 { font-size:26px; color:#555; border:0; }
.content_jm_03 .tit_box2 h5 { font-size:22px; color:#2196f3; border:0; margin-top:40px; position:relative; padding: 0 10px; }
.content_jm_03 .tit_box2 h5:before { content:''; width:6px; height:22px; border-radius: 5px; background:#2196f3; position:absolute; top:2px; left:1px; }
.content_jm_03 .tit_box p.txt_type1 { margin-top:10px; font-size:17px; }
.content_jm_03 .tit_box2 p.txt_type1 { margin-top:10px; font-size:17px; }
.content_jm_03 .con_box { display:flex;  margin-top: 20px;}
.content_jm_03 .con_box table { width:100%;  font-size: 17px; color:#5c5c5c; font-weight: 400; margin-bottom:0; } /*border: 1px solid #ddd; */
.content_jm_03 .con_box table.table_01  { border:1px solid #ddd; }
.content_jm_03 .con_box table th { width: auto; vertical-align: middle; background: #eaf8ff; border-right:1px solid #ddd;  color:#3b708b; font-size:inherit; font-weight: 500; padding: 8px !important; }
.content_jm_03 .con_box table td { border-right:1px solid #ddd; font-size:inherit; font-weight:inherit; padding: 8px !important; }
.content_jm_03 .con_box2 { display:flex;  margin-top: 20px; margin-bottom:100px; }
.content_jm_03 .con_box2 table { width:100%;  font-size: 17px; color:#5c5c5c; font-weight: 400; margin-bottom:0; } /*border: 1px solid #ddd; */
.content_jm_03 .con_box2 table.table_01  { border:1px solid #ddd; }
.content_jm_03 .con_box2 table th { width: 20%; vertical-align: middle; background: #eaf8ff; border-right:1px solid #ddd;  color:#3b708b; font-size:inherit; font-weight: 500; padding: 8px !important; }
.content_jm_03 .con_box2 table td { width: 30%; border-right:1px solid #ddd; font-size:inherit; font-weight:inherit; padding: 8px !important; }
.content_jm_03 .con_box .img_box { width:30%;  display:flex; justify-content:center; align-items:center; flex-direction:column; position: relative; background: #fffcdf; border: 1px solid #e9df7f; border-left: none; }
.content_jm_03 .con_box .img_box img { width: 150px;height: 150px; padding: 20px;  } /*border: 1px dashed #7f4d05; background: #fff;*/
.content_jm_03 .con_box .img_box .dashed_box { width: 150px;height: 150px; border: 1px dashed #7f4d05; border-radius: 50%; position: absolute; top: 82px; 
animation: dashed_rotate_circle 20s infinite linear;
}
.content_jm_03 .con_box .img_box p { font-size:24px; color: #7f4d05; font-weight: 600; margin-top: 10px; }
.content_jm_03 .con_box .jm_content_b01 { margin-top: 20px; }
.content_jm_03 .con_box .jm_content_b01 div.row { background:rgba(0,0,0,0.03); padding:20px; position:relative; border: 2px solid #d8d8d8; border-radius: 20px; box-shadow: 10px 10px 10px rgb(0 0 0 / 10%); } /*margin-bottom: 40px;  padding:20px; */
.content_jm_03 .con_box .jm_content_b01 div.row::before { content:''; width:250px; height:71px; background:url('/images/sub/file_clip_hap.svg')no-repeat; position:absolute; top:-38px; left:50%; transform: translateX(-50%);  z-index:999; }
.content_jm_03 .con_box .jm_content_b01 div.con_wrap {   padding:20px; } /*background:rgba(0,0,0,0.03);*/
.content_jm_03 .con_box .jm_content_b01 div.con_wrap > div { min-height: 350px; background:#fff; text-align:center; } /*border: 1px solid #DDD;*/
.content_jm_03 .con_box .jm_content_b01 div.con_wrap > div h4 { background: #795548;height: 46px;line-height: 24px;font-size: 19px;color: #fff; padding: 10px; text-align: left; }
.content_jm_03 .con_box .jm_content_b01 div.con_wrap .img_box2 { padding: 20px; border: 1px solid #ddd; border-top: 0; border-bottom: 0; } /* margin-top:20px; background:red;*/
.content_jm_03 .con_box .jm_content_b01 div.con_wrap .img_box2 img {  } /*margin-top:20px;*/

.content_jm_03 .content_box2 ul { margin-top: 60px; }
.content_jm_03 .content_box2 li { padding-left: 35px; position: relative; font-size: 24px; font-weight: bold; }
.content_jm_03 .content_box2 li::before { content: ""; display: block; width: 6px; height: 22px; border-radius: 15%; background-color: #0076c0; position: absolute; left: 17px; top: 10px; }

.content_jm_03 .margin_bottom { margin-bottom: 120px; }

@keyframes dashed_rotate_circle{
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
		-o-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/*
.content_jm_03 .con_box .jm_content_b01 div.con_wrap ul { margin-top:20px; }
.content_jm_03 .con_box .jm_content_b01 div.con_wrap li { width:100%; background:blue; text-align:left; } 
.content_jm_03 .con_box .jm_content_b01 div.con_wrap li span { float:left;   } 
.content_jm_03 .con_box .jm_content_b01 div.con_wrap li span.tit_txt { display:block; width:50px; background:red; width:100px; }
.content_jm_03 .con_box .jm_content_b01 div.con_wrap li span.con_txt { background:blue; width:calc(100% - 10px); }
*/
.content_jm_03 .con_box .jm_content_b01 div.con_wrap table.table_02 { width:100%; border: 1px solid #ddd; } /*margin-top:20px; */
.content_jm_03 .con_box .jm_content_b01 div.con_wrap table.table_02 th { text-align:center; vertical-align:middle; }

@media (max-width:1000px) {
	.content_jm_03 .con_box .jm_content_b01 div.row { padding:0; }
	/* .content_jm_03 .con_box table { width:70%; } */
	.content_jm_03 .con_box table th { width: 70px; }
	.content_jm_03 .con_box .img_box { width:30%; }
	.content_jm_03 .con_box .jm_content_b01 div.con_wrap { width:calc(50% - 7.5px); padding: 0px;margin-right: 15px; margin-bottom: 15px; }
	.content_jm_03 .con_box .jm_content_b01 div.con_wrap:nth-child(2n) { margin-right:0; }
	.content_jm_03 .con_box .jm_content_b01 div.row::before { display:none; }
	.content_jm_03 .con_box .jm_content_b01 div.row { border:0; background:#fff; box-shadow:unset; }
}
@media (max-width:860px) {
	.content_jm_03 .con_box .img_box .dashed_box { top: 95px; }
}
@media (max-width:768px) {
	.content_jm_03 .con_box { flex-direction:column; }
	.content_jm_03 .con_box table { width: 100%; }
	.content_jm_03 .con_box .img_box { width: 100%; margin-top: 0px; border-left:1px solid #e9df7f; border-top:0; padding:15px; }
	.content_jm_03 .con_box .img_box .dashed_box { top: 18px; }
	.content_jm_03 .con_box .jm_content_b01 div.con_wrap { padding:0; width: calc(100%); }
	.content_jm_03 .con_box .jm_content_b01 div.row { background:#fff;  }

	.content_jm_03 .con_box { margin-top: 20px; }
	.content_jm_03 .tit_box h4 { font-size:22px; }
	.content_jm_03 .tit_box h5 { font-size: 20px; }
	.content_jm_03 .con_box table { font-size: 16px; }
	.content_jm_03 .con_box .img_box p { font-size: 22px; }
	.content_jm_03 .tit_box2 h5 { font-size: 20px; }
	.content_jm_03 .tit_box2 p.txt_type1 {font-size: 16px; }
	.content_jm_03 .con_box .jm_content_b01 div.con_wrap > div h4 { font-size: 17px; }
	.content_jm_03 .con_box .jm_content_b01 div.con_wrap > div h4 { height: 40px; line-height: 20px; }
	.content_jm_03 .tit_box2 h5:before { width: 6px; height: 20px; }
	.content_jm_03 .tit_box2 h5 { margin-top: 20px; }

}

.product { width:100%; height:auto; } /*margin-bottom: 100px;*/
.product h2 { font-size: 42px; margin-bottom: 20px; margin-top: 60px; }
.product h3 { font-size: 24px; margin-left: 0px; margin-bottom: 5px; text-shadow: none; }
.product p { font-size: 22px; line-height: 34px; }
.product ul { width: 100%; } /*margin-bottom: 100px;*/
.product ul li { width: 23.5%; margin-right: 2%; text-align: center; }
.product ul li:last-child { margin-right: 0; }
.product ul li .img { width: 100%; margin: 40px auto; }
/* .product ul li { width: 23.5%; margin-right: 2%; text-align: center; }
.product ul li:last-child { margin-right: 0; }
.product ul li .img { width: 100px; height: 100px; margin: 60px auto 20px; }
.product ul li .text { margin-bottom: 60px; } */
.product ul li h4 { font-size: 26px; }
.product .card { float:left; /* background-color: #c9e4f2; */ }

.product .con_img { width:100%; height:auto; text-align: center; }
.product .con_img .impc { margin:40px auto; display:block; }
.product .con_img .immb { margin:40px auto; display:none; }
.product .con_img img { margin-top: 40px; }

.product ol li { padding-left: 35px; position: relative; font-size: 20px; font-weight: 400; }
.product ol li::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 15%; background-color: #0076c0; position: absolute; left: 17px; top: 13px; }

@media (max-width: 1200px) {
	.product { padding: 15px; }
}

@media (max-width: 768px) {
	.product { margin-bottom: 20px; }
	.product ol li { font-size: 16px; }

	.product .con_img .impc { margin:40px auto; display:none; }
	.product .con_img .immb { margin:0px auto; display:block; }

	.product h2 { font-size: 24px; margin-bottom: 20px; }
	.product h3 { font-size: 18px; margin-left: 0px; margin-bottom: 2px; text-shadow: none; }
	.product p { font-size: 16px; line-height: 26px; }

	.content_jm_03 .content_box2 ul { float: left; width: 50%; margin-top: 0px; margin-bottom: 40px; }
	.content_jm_03 .content_box2 ul:first-child {  }
	.content_jm_03 .content_box2 ul:last-child {  }
	.content_jm_03 .txt_box .sub_tit_txt { font-size: 17px; margin-top: 10px; }

	.product .card { width: 48%; }
	.product .card:nth-child(even) { margin-right: 0px; }
	.product ul li .img { margin: 5px auto }
	.product ul li:last-child { margin-bottom: 40px; }
}

/*공통*/
.fixedclear::after { content: ''; display: block; clear: both; }

.divide_line_dot { width: 100%; border: 2px dashed rgba(0,0,0,0.1); margin: 50px 0; }

.impc { margin: 0 auto; display:block; }
.immb { margin: 0 auto; display:none; }

@media (max-width: 768px) {
	.divide_line_dot { border: 1px dashed rgba(0,0,0,0.1); margin: 50px 0; }

	.impc { display:none; }
	.immb { display:block; }
}


/*게시판 일부*/

div.gallery a img { transition: all 0.4s; width: 100%; height: 238px !important; object-fit: cover !important; }


@media (max-width:1200px) {
	/*#bbs_content { padding:0 15px !important; }*/
	/*.responsive { padding: 0px 15px 10px 15px !important; }*/
	ul.wiki-list li h3 { margin-left:0 !important; }
}

@media (max-width: 767px) {

ul.wiki-list li h3.wiki-title span { font-size: 16px !important; width: calc(100% - 40px) !important; word-break: break-all !important; font-size: 15px !important; line-height: 20px; font-weight: 500; }
ul.wiki-list li h3.wiki-title:before { width: 40px !important; }
}