@charset "utf-8";
/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* 옵션 */
.ht_10 { width:100%; height:10px; }
.ht_20 { width:100%; height:20px; }
.ht_30 { width:100%; height:30px; }
.ht_40 { width:100%; height:40px; }
.ht_50 { width:100%; height:50px; }
.ht_60 { width:100%; height:60px; }
.ht_70 { width:100%; height:70px; }
.ht_80 { width:100%; height:80px; }
.ht_90 { width:100%; height:90px; }
.ht_100 { width:100%; height:100px; }
.block { display:block; }
.cell { float:left; box-sizing:border-box; }
.cell-right { float:right; box-sizing:border-box; }
.k-cell::after { clear:both; display:block; content:""; }
.img-box > img { display:block; width:100%; }
.con { max-width:1200px; margin:auto; }

	#subTop { z-index:666; }
	.sub-visual  { position:relative; width:100%; height:350px; text-align:center; overflow:hidden;  }

	.visual_img_01  {  background:url('../images/sub/sub_visual.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; margin:auto; height:70px; }
	.sub-visual h2 { margin-bottom:10px; letter-spacing:-1px; line-height:1; font-weight:600; font-size:50px; color:#fff;  }  /*text-shadow:0 0 10px rgba(0,0,0,0.3);*/
	.sub-visual p { font-size:20px; color:#fff; }

	.sub-tab { width:100%; background:#fff; border-bottom: 1px solid #ddd; }  /*탭버튼 배경*/
	.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; 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; width:33.33333333333333%; height:60px; background:#fff; transition:all 0.4s;  }  /*비활성 탭버튼*/
	.sub-tab-2 li  { width:50%;  }  /*탭버튼2개*/
	.sub-tab-3 li  { width:33.33333%;  }  /*탭버튼3개*/
	.sub-tab-4 li  { width:25%;  }  /*탭버튼4개*/
	.sub-tab-5 li  { width:20%;  }  /*탭버튼5개*/
	.sub-tab li a { display:inline-block; width:100%; height:60px; text-align:center; line-height:60px; font-weight:400; font-size:20px; color:#333; }
	.sub-tab li.active { border-bottom: 3px solid #8e1414; }
	.sub-tab li.active a  { color:#8e1414; font-weight:bold; }  /*활성 탭버튼*/
	.sub-tab.fixed a { border-bottom:0; border-top:0; }
	.sub-tab li:hover a { color:#8e1414 ; }

	@media only screen and (max-width:980px) {
		.sub-tab {  width: 100%;
		border-bottom: inherit; 
		height: 50px; }		
		.sub-tab-2 {
		    height: 100px;
		}
		.sub-tab-3 {
		    height: 150px;
		}
		.sub-tab-4 {
		    height: 200px;
		}
		.sub-tab > ul {  width:100%; height:100%; }  /*margin-top:25px;*/
		.sub-tab li.active {
			border-bottom:  1px solid #dfdfdf;;
		}
		.sub-tab li {
			width: 100%;
		}
		.sub-tab-2 li {
			width: 100%;
		}
		.sub-tab-3 li {
			width: 100%;
		}
		.sub-tab-4 li {
			width: 100%;
		}
		.sub-tab li { height:50px; border-bottom: 1px solid #dfdfdf; }
		.sub-tab li a {
			height: 50px;
			line-height: 50px;
		}
	}

	@media only screen and (max-width:768px)  {
		.sub-visual { height:300px; }
		.sub-visual > div { height:56px; }
		.sub-visual h2 { margin-bottom:5px; font-size:30px; }
		.sub-visual p { font-size:18px; }
		.sub-tab .col-2 li { height:50px; }
		.sub-tab li a { height:50px; line-height:48px; font-size:17px; }
	 }
	@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; }

	@media (max-width:1215px) {
    #subContents .page_nav { right:15px; }		
	}

	@media (max-width:980px) {
	#subContents { padding:80px 0 100px 0; }		
	}

	@media (max-width:768px) {
    #subContents .page_nav ul li { font-size:15px; }		
	#subContents { padding:80px 0 50px 0; }		
	}

	/*서브타이틀 커스텀 20.10.08*/ /*겹쳐보이기 효과는 html로 프로그램 처리위해 이동함 */
    .sub-contents h3  { position: relative;font-size: 56px; font-weight: 700; text-align: left; color: #d5d5d5; text-shadow: -1px -1px 0 #d5d5d5, 1px -1px 0 #d5d5d5, -1px 1px 0 #d5d5d5, 1px 1px 0 #d5d5d5; }  /* -webkit-text-stroke: 1px #d5d5d5;*/
	.sub-contents > h3:before  {  content:''; position:absolute; width:100%; border-bottom: 1px dashed #d5d5d5; bottom:2px; 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:30px; color:#888; padding-left:13px; font-size:24px; font-weight:400; text-align:left; line-height:24px; letter-spacing:-1px; }
    .sub-contents p.page_slogan:before { content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#337ab7; }
	.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; }


/* 게시판 관련 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:#009688; color:#fff; border-color:#009688;  }
.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: #009688;  }
	.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: #009688;  }

    @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; }
.txt-box2  { overflow:hidden; width:calc(100% - 30px); height: auto; background:#337ab7; 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; }*/

@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;*/
.company_ceo_message .txt-box p  { margin-top: 40px; padding: 0 15px; font-size: 20px; font-weight: 300; line-height: 1.5; color: #6a6a6a; white-space: pre-line; }
.company_ceo_message .sign-box  { float: right; margin: 30px 15px 0 0; font-size: 24px; font-weight: 400; color: #333; line-height: 1; }
.company_ceo_message .sign-box span  { margin-left: 20px; }
.company_ceo_message .sign-box:after  { content: ''; clear: both; float: none; display: block; }

.company_ceo_message .pic-box  {  background:url(../images/sub/img_sub1_1_1.jpg); height:400px; border-radius: 30px;  }  /*패럴렉스 이미지*/
/*.company_ceo_message .pic-box:after  {  content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5);   } */
.company_ceo_message .pic-box h4  {  text-align:center; transform: translateY(170px); color:#fff; font-size:36px; text-shadow:0 0 10px rgba(0,0,0,0.5);  }
.company_ceo_message .pic-box h4 br  {  display:none;  }

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

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

/*회사소개 - 오시는길 페이지*/
.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:#009688;  }

.company_location table tr td strong  { margin-right: 40px; min-width: 140px; display: inline-block; color: #5a5a5a; font-weight: 500; }
@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:300px;   }  /*width: calc(100% - 30px); margin: 0 auto; 1200에서 잡아줌*/
	.company_ceo_message .pic-box h4  {  transform:translateY(110px); font-size: 28px;  }
	.company_ceo_message .pic-box h4 br  {  display:block;  }
 }

/*사업소개 - 사업분야 페이지*/
.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; }
.business_area .list-box .img-frame > div  { border: 1px solid #e1e1e1; border-top: none; }
.business_area .list-box .img-frame p  { background-repeat: no-repeat; background-size: cover; height: 200px; border-bottom: 5px solid #009688; }
.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 h4  { display: inline-block; padding: 18px 0; background-color: #f5f5f5; font-size: 22px; font-weight: 500; line-height: 30px; white-space: pre-line; color: #337ab7; 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: #16599c; 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: 40px; }
	.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 { padding: 0 15px; }
	.business_area .list-box .img-frame  { width: 100%; padding: 0; margin-top: 40px; }
	.business_area .list-box .img-frame p  { margin-bottom:0; height:400px; }
	.business_area .list-box ._frame01  { margin-top: 0; }
 }

/*사업소개 - 인증현황*/
.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:#009688; border:1px solid #009688; color:#fff;  }

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

/*추가*/