@charset "utf-8";
/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

:root {
  --main-bg-color: #2b9bff;
  --main-hover-color: #005eb1;
  --mb-hover-color: #023583;
  --biz-table-cololr: #009d97;
}

#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:500; font-size:42px; color:#fff;}
.sub-visual p { font-size:20px; color:#fff; }

.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:100%; 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;  }  /*비활성 탭버튼*/
.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:var(--main-hover-color); }
.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:var(--main-bg-color); }  /*활성 탭버튼*/
.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)  {
	.sub-visual { height:200px; }
	.sub-visual > div { margin-top: 55px; }
	.sub-visual h2 {font-size:30px; }
	.sub-visual p { font-size:18px; }
	.sub-tab > ul {  width:calc(100% - 0px); height:60px; } 
	.sub-tab li a { font-size: 17px }
	.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: #999; text-shadow: -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999, 1px 1px 0 #999; }  
.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; } 
.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:var(--main-bg-color); }
.sub-contents p { word-break:break-all; line-height: 26px; }/*white-space:pre-line; */
.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:17px; }
	.sub-contents h3  { font-size: 40px; }
	.sub-contents p {font-size:17px;}
	.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;  }
     }

.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%;}

.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; }
.ceo_signature { padding: 0 15px; }
.ceo_signature .ceo_photo { text-align:right; }
.company_ceo_message .txt-box p { font-size: 22px; line-height: 1.4; white-space:pre-line;}
.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; }

@media only screen and (max-width:1200px)  {
   .company_ceo_message .pic-box {margin: 0 auto;}
}

@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  {height:400px;}
	.company_ceo_message .pic-box h4 {font-size:22px; line-height:1.5; width:70%;}
 }

/*회사소개 - 오시는길 페이지*/
.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 var(--main-bg-color); 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: 18px; padding: 15px 30px; line-height: 30px; }
.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; }
.txt-box2 {overflow:hidden; width:calc(100% - 30px); height:auto; background-color:var(--main-bg-color); 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;}

@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 { font-size: 13px; line-height: 21px; }
	.company_location table tr td strong {min-width: 100px; margin-right: 10px; display: block; }
	.txt-box2 li {font-size:15px;}
 }

/*서브페이지 부트스트랩 탭버튼 메뉴 회사연혁 페이지용 추가 - 박스 라운드 삭제*/
.btn .caret { margin-left: 2px !important; }
.sub_fulldown_btn_01.btn-group > .btn:first-child { border-radius: 0; }
.content_box_sub_bjm_1 {position:relative;} 
.content_box_sub_bjm_1 .left_type, .content_box_sub_bjm_1 .right_type { margin-bottom:100px; clear: both; position:relative; height: 620px; }
.content_box_sub_bjm_1 .left_type .left_content { position:absolute;} 
.content_box_sub_bjm_1 .left_type .left_content img {width:1170px; height:auto;}
.content_box_sub_bjm_1 .left_type .right_content {float:right; background:#1390ff; margin-top:50px; height:570px; width:1150px;}
.content_box_sub_bjm_1 .left_type .content_box {position:absolute; width:620px; height:280px; right:0; bottom:0; background:var(--main-bg-color); padding:30px; font-size:18px; color: #fff; border-radius: 30px 0 0 0; }
.content_box_sub_bjm_1 .left_type .content_box h1 { margin: 10px 0px 20px 10px; }
.content_box_sub_bjm_1 .left_type .content_box ul li {margin-left: 8px; margin-bottom:5px; }
.content_box_sub_bjm_1 .left_type .content_box ul li:before {content: "•"; color:#fff; margin-right:3px; }
.content_box_sub_bjm_1 .right_type .left_content { position:absolute; top:-20px; right:-20px; } 
.content_box_sub_bjm_1 .right_type .left_content img { width:600px; height:300px; }
.content_box_sub_bjm_1 .right_type .right_content { float:left; background:#0671c6; height:300px; width:1200px; }
.content_box_sub_bjm_1 .right_type .content_box { position:absolute; width:600px; height:300px; padding:10px;  left:0; top:0;  background:rgba(6,113,198,0.9); padding: 20px; font-size: 18px; color: #fff; }
.content_box_sub_bjm_1 .right_type .content_box ul li { text-indent: -6px; margin-left: 8px; margin-bottom:5px; }
.content_box_sub_bjm_1 .right_type .content_box ul li:before {content: "•"; color:#fff; margin-right:3px; }

/*사업소개 - 사업분야 페이지*/
.business_area {position: relative; }
.business_area .list-box {position: relative; display: inline-block; width: 100%;}
.business_area .list-box .img-frame {width: 30%; margin: 0 20px; float: left; margin-bottom: 40px; overflow:hidden; border:2px solid var(--main-bg-color);}
.business_area .list-box .img-frame img {transition: all 0.5s; width:100%;}
.business_area .list-box .img-frame:hover img {scale:1.3;}

/*가격표*/
.business_area .tb_tit {font-size:3em; text-align:center; font-weight:bold; padding-bottom:50px;}
.business_area .tb_tit > .bar {width:70px; display:block; height:4px; background-color:var(--main-bg-color); margin:20px auto 0;}
.business_area table {width:95%; margin:0 auto; border-collapse:collapse; margin-bottom: 50px; text-align:center; border-top:2px solid var(--biz-table-cololr); border-bottom:2px solid var(--biz-table-cololr);}
.business_area table th { background:var(--biz-table-cololr); font-size:1.8em; color:#fff; text-align:center; padding:25px 0; font-weight:500; border:1px solid var(--biz-table-cololr);}
.business_area table th > span {font-size:0.7em; font-weight:400;}
.business_area table td { padding:18px; vertical-align:middle; color:#333; border:1px solid var(--biz-table-cololr); font-size:1.4em; font-weight:500;}
.business_area table td > span {font-size:0.8em; font-weight:400;}
.business_area table .menuTit {background:var(--biz-table-cololr); color:#fff; border-bottom:2px solid #fff; font-size:2em; font-weight:500;}
.business_area table .line-bold {border-bottom:2px solid var(--biz-table-cololr);}
.business_area table .line-none {border:none;}
.business_area table .blank { background:#f5f5f5; }
.business_area .provision {margin:0 auto; display:flex; justify-content:space-around;}
.business_area .provision li {width:47%; font-size:1.4em; text-align:center;}
.business_area .provision li h5 {font-size:1.4em; color:#f1ffa7; background-color:var(--biz-table-cololr); padding:25px 0; border-radius:20px 20px 0 0;}
.business_area .provision li p {line-height:1.4; padding:30px 0 50px; background-color:#eee; border-radius:0 0 20px 20px; font-weight:400;}
.business_area .pro_talk {width:95%; font-size:1.4em; color:#fff; background-color:var(--main-bg-color); padding:30px; border-radius:20px; margin:50px auto 80px;}

@media only screen and (max-width:1200px) {
	.content_box_sub_bjm_1 {width:90%; margin:0 auto;}
	.content_box_sub_bjm_1 .left_type, .content_box_sub_bjm_1 .right_type { margin-bottom:50px;}
	.content_box_sub_bjm_1 .left_type .left_content img {width:95%;}
	.content_box_sub_bjm_1 .left_type .right_content {width:95%; height:83%;}
	.content_box_sub_bjm_1 .left_type .content_box {width:auto; height:auto; bottom:55px;}
	.business_area table {width:90%;}
	.business_area .provision {width:93%;}
	.business_area .list-box .img-frame {width: 45%;}
	.business_area .pro_talk {width:90%;}
}

@media only screen and (max-width:1100px) {
	.content_box_sub_bjm_1 .left_type, .content_box_sub_bjm_1 .right_type {height:550px;}
}

@media only screen and (max-width:980px) {
	.content_box_sub_bjm_1 .left_type, .content_box_sub_bjm_1 .right_type {height:auto;}
	.content_box_sub_bjm_1 {margin-bottom:300px;}
	.content_box_sub_bjm_1 .left_type .left_content { position:unset; }
	.content_box_sub_bjm_1 .left_type .right_content { position:unset; width:100%; height: unset; margin-top:0;}
	.content_box_sub_bjm_1 .left_type .content_box { position:unset; border-radius:0;}
	.content_box_sub_bjm_1 .left_type .left_content img { width: 100%;}
}

@media all and (max-width:768px) {
	.content_box_sub_bjm_1 .left_type .content_box {padding:20px 10px; font-size:1em;}
	.content_box_sub_bjm_1 .left_type .content_box h1 {font-size:1.5em;}
	.business_area .tb_tit {font-size:2em;}
	.business_area .tb_tit > .bar {width:50px;}
	.business_area table .menuTit {font-size:1.2em;}
	.business_area table th {font-size:1.4em; padding:15px 0;}
	.business_area table td {font-size:1em;}
	.business_area .provision {flex-direction:column; width:90%;}
	.business_area .provision li {width:100%; margin-bottom:30px;}
	.business_area .list-box .img-frame { width: 90%;}
	.business_area .pro_talk {font-size:1em; padding:20px; margin:0 auto 50px;}
 }


/*사업소개 - 인증현황*/
.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 ==========================*/

/*추가*/