@charset "utf-8";
/* 옵션 */
.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; }


/* 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; margin:auto; height:70px; }
	.sub-visual h2 { letter-spacing:5px; line-height:1.5; font-weight:500; font-size:34px; color:#fff;  text-shadow:0 0 5px rgba(0,0,0,0.3); }  /*;*/
	.sub-visual p { font-size:20px; color:#fff; }

	.sub-tab { width:100%; background:rgba(0,0,0,0.03)); }  /*탭버튼 배경*/
	.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; width:33.33333333333333%; height:60px; background:#555555; transition:all 0.4s;  }  /*비활성 탭버튼*/
	.sub-tab li:hover, .sub-tab li.active a:hover  {  background:#043dc1;  }
	.sub-tab li a { display:inline-block; width:100%; height:60px; text-align:center; line-height:60px; font-weight:400; font-size:24px; color:#fff; }
	.sub-tab li.active a  { color:#fff; background:#014af2; }  /*활성 탭버튼*/
	.sub-tab.fixed a { border-bottom:0; border-top:0; }

	@media only screen and (max-width:980px)  {
		.sub-tab > ul  {  width:100%;  }
		.sub-tab .col-1 li { width:100%; }
		.sub-tab .col-2 li { width:33.33333333333333%; }
		.sub-tab .col-3 li { width:33.33333333333333%; height:50px; }
	 }
	@media only screen and (max-width:768px)  {
		.sub-visual { height:150px; }
		.sub-visual > div { height:56px; }
		.sub-visual h2 { line-height:2; font-size:26px; }
		.sub-visual p { font-size:18px; }
		.sub-tab .col-2 li { height:50px; }

		.sub-tab > ul {  width:calc(100% - 0px); height:50px; }  /*margin-top:25px;*/
		.sub-tab 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; }

	/*서브타이틀 커스텀 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:-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:22px; font-weight:400; text-align:left; line-height:35px; letter-spacing:-0.8px; }
    .sub-contents p.page_slogan:before { content:''; position:absolute; left:0; top:0; width:5px; height:100%; background:#014af2; }
	.sub-contents .sub_top_img1 {display: inline-block; border-radius: 15px; overflow: hidden; border:1px solid #dfdfdf; }
	.sub-contents .sub_top_img1 > img {width:100%; display:block; }
	.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; line-height:1.5; }

	 }
	@media only screen and (max-width:768px)  {
		#subContents { padding:50px 0; }
		.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; }
		#subContents .page_nav { display:none; } /*모바일에서 현재페이지 히든처리*/
	 }

/* 게시판 관련 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; width:100%; }
.txt-box2  { overflow:hidden; width:calc(100% - 30px); height: auto; background:#014af2; 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; }
	.txt-box2 li > span {word-break:break-all; }
}


.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: 400; line-height: 1.5; color: #6a6a6a; white-space: pre-line; letter-spacing:-0.8px; }
.company_ceo_message .sign-box  { float: right; margin: 30px 15px 0 0; font-size: 28px; 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:650px; 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(290px); color:#fff; font-size:34px; text-shadow:0 0 10px rgba(0,0,0,0.5);  line-height: 1.3; }
.company_ceo_message .txt-box .img-box.mb_768_on {display:none; }

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

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

@media only screen and (max-width:768px)  {
	.company_ceo_message .pic-box  {display:none; }
	.company_ceo_message .txt-box .img-box.mb_768_on {position: relative; display:block;background:url(../images/sub/img_sub1_1_1.jpg); height:400px; border-radius: 30px; width: calc(100% - 30px); margin: 0 auto; 
	background-repeat: no-repeat; background-size: cover; background-position: center; }
	.company_ceo_message .txt-box .img-box.mb_768_on h4  {position:absolute; width:100%; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); text-align:center;  color:#fff; font-size:22px; font-weight:500; letter-spacing:-0.8px; text-shadow:3px 3px 10px rgba(0,0,0,0.7);  line-height: 1.3; }
}


/*회사소개 - 오시는길 페이지*/
.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:500px;   }  /*width: calc(100% - 30px); margin: 0 auto; 1200에서 잡아줌*/
	.company_ceo_message .pic-box h4  {  transform:translateY(205px); font-size: 28px;  }
	.company_ceo_message .pic-box h4 br  {  display:block;  }
 }




/*.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: #014af2; 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 { padding: 0 15px; }
	.business_area .list-box .img-frame  { width: 100%; padding: 0; }
	.business_area .list-box .img-frame p  { margin-bottom:0; }
	.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 ==========================*/

/*추가안되면 style.css에서 작업할 것*/

/* 업체소개-오시는길 */
.company_location table tr td a {display:block; }

/* 부트스트랩 온라인문의, 공지사항, 포토갤러리 게시판 버튼 색상 변경 */
.bbs_button.write_btn {border:1px solid #363940 !important; }
.bbs_button.write_btn:hover, .bbs_button.reply_btn:hover, .bbs_button.modify_btn:hover, .bbs_button.delete_btn:hover, .bbs_button.list_btn:hover {background: #888888 !important; border: 1px solid #888888 !important; }
.bbs_button.modify_btn {border: 1px solid #555555 !important; }
.bbs_button.delete_btn {border: 1px solid #555555 !important; }
.bbs_pagination .pages .on a {background: #008aff !important; }
.bbs_pagination .pages .m a:hover {background: #555555 !important; border: 1px solid #555555 !important; }
.bbs_select:hover, .bbs_select:active, .bbs_select:focus {border: 1px solid #555555 !important; }
.bbs1view1 #bbs_title {color:#555555 !important; }
.button.submit {border: 1px solid #555555 !important; background-color: #555555 !important; }
.list1f1t3i1 .lst1 {border-top: 2px solid #555555 !important; }
.search1select2 input:hover {border: 1px solid #555555 !important; }
.dk_table {border-top: 2px solid #555555 !important; }
.dk_table table tbody td a {font-weight: 500 !important; }
#theform > div:nth-child(15) {border-top: 2px solid #555555 !important; }


/* 상담안내 css (대한유통좋은나라 ver.) */
/*좌측 이미지 / 우측텍스트와, 다음줄은 좌측 텍스트/ 우측 이미지의 행 바뀔때마다 교차식으로 구성되는 컨텐츠*/
.content_box_sub_bjm_1 { margin-bottom:40px; position:relative; } /* background:rgba(0,0,0,0.1);*/

.content_box_sub_bjm_1 .left_type, .content_box_sub_bjm_1 .right_type { margin-bottom:60px; clear: both; position:relative; height: 600px; }
.content_box_sub_bjm_1 .left_type .left_content { position:absolute; top:-20px; left:-20px; } /*float:left; */
.content_box_sub_bjm_1 .left_type .left_content img { width:1200px; height:auto; }
.content_box_sub_bjm_1 .left_type .right_content { float:left; background:#014af2; height:594px; width:1200px; }
.content_box_sub_bjm_1 .left_type .content_box { position:absolute; width:600px; height:260px; padding:10px;  right:0; bottom:8px;  background:rgba(255,70,70,0.9); padding: 20px; font-size: 18px; color: #fff; border-radius: 30px 0 0 0; }
.content_box_sub_bjm_1 .left_type .content_box ul {margin:10px 0 0 10px; }
.content_box_sub_bjm_1 .left_type .content_box ul li { text-indent: -6px; 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; } /*float:left; */ /*!!!*/
.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; }

@media all and (max-width:960px) {
	.content_box_sub_bjm_1 { margin-bottom: 260px; }
	.content_box_sub_bjm_1 .left_type { padding:15px; height: auto; }
	.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; }
	.content_box_sub_bjm_1 .left_type .content_box { position:unset; width: 100%; height: auto;  }
	.content_box_sub_bjm_1 .left_type .left_content img { width: 100%; height: auto; }
	.content_box_sub_bjm_1 .right_type { padding:15px; }
	.content_box_sub_bjm_1 .right_type .left_content { position:unset; }
	.content_box_sub_bjm_1 .right_type .right_content { position:unset; width:100%; height: unset; }
	.content_box_sub_bjm_1 .right_type .content_box { position:unset; width: 100%; height: auto;  }
	.content_box_sub_bjm_1 .right_type .left_content img { width: 100%; }
}

@media all and (max-width:600px) {
	.content_box_sub_bjm_1 .left_type .right_content { height:auto; }
	.content_box_sub_bjm_1 .left_type .content_box { height:auto; padding:10px; font-size:16px; }
	.content_box_sub_bjm_1 .right_type .right_content { height:auto; }
	.content_box_sub_bjm_1 .right_type .content_box { height:auto; }
}


/* 영업안내 - 주요 영업 안내 페이지 시작*/
.business_area  { position: relative; }
.business_area .list-box  { position: relative; display: inline-block; width:100%; max-width:1200px; }
.business_area .list-box .img-frame  { width: 33.33333333333333%; padding: 0 15px; text-align: center; float: left; margin-bottom:60px; }
.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; background-position:center; height:100%; padding-top:66.6667%; border-bottom: 3px solid #014af2; }
.business_area .list-box ._frame01 p  { background-image: url("../images/sub/sub_biz_img_1.jpg"); }
.business_area .list-box ._frame02 p  { background-image: url("../images/sub/sub_biz_img_2.jpg"); }
.business_area .list-box ._frame03 p  { background-image: url("../images/sub/sub_biz_img_3.jpg"); }
.business_area .list-box ._frame04 p  { background-image: url("../images/sub/sub_biz_img_4.jpg"); }
.business_area .list-box ._frame05 p  { background-image: url("../images/sub/sub_biz_img_5.jpg"); }
.business_area .list-box ._frame06 p  { background-image: url("../images/sub/sub_biz_img_6.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: 12px 0; background-color: #f5f5f5; font-size: 22px; font-weight: 500; line-height: 30px; white-space: pre-line; color: #333; text-align: center; width: 100%; letter-spacing:-0.5px; }
.business_area .list-box ul  { position: relative; display: inline-block; margin: 16px auto; margin-left:-10px; }
.business_area .list-box ul li  { position: relative; margin-top: 0; 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 .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:1100px)  {
	.business_area .list-box h4 { font-size: 19px; }
	.business_area .list-box ul li  { font-size: 15px; }
 }
@media only screen and (max-width:980px)  {
/* 	.business_area .list-box .img-frame  { width: 50%; } */
/* 	.business_area .list-box .img-frame:last-child  { margin-top:30px; } */
/* 	.business_area .list-box .img-frame p  { height:350px; } */
 }
@media only screen and (max-width:768px)  {
	.business_area .list-box ul {margin-left:13px; }
	.business_area .list-box h4 {text-align:left; padding: 12px 14px; }
	.business_area .list-box .img-frame  { width: 100%; padding: 0; margin-top: 40px; margin-bottom: 0px; text-align:left; }
	.business_area .list-box .img-frame p  { margin-bottom:0; }
	.business_area .list-box ._frame01  { margin-top: 0; }
 }

.service-information-content-1-box {margin:60px auto 30px; }
.service-information-content-1-box .service-information-content .text-1 { text-align: center; font-size: 28px; font-weight: normal; color: #333; line-height: 1.3; letter-spacing: -0.8px; }
.service-information-content-1-box .service-information-content .text-1 span { font-weight: bold; color: #014af2; }

.service-information-content-2-box { width:100%; }
.service-information-content-2-box .service-information-content-2 { width:100%; text-align:center; }
.service-information-content-2-box .service-information-content-2 .content { width:50%; }
.service-information-content-2-box .service-information-content-2 .text { text-align: center; font-size: 22px; font-weight: normal; color: #fff; margin-bottom: 50px; background-color:#014af2; border-radius: 100px;
    display: inline-block; padding: 4px 32px; letter-spacing: -0.8px; }
.biz-content-box {letter-spacing:-0.5px; }
.biz-content-box .row {margin:0; }
.biz-content-box .row::after {content:""; display:block; clear:both; }
.biz-content-box .cell {float:left; box-sizing:border-box; }
.biz-content-box #biz-image {display:flex; }
.biz-content-box #biz-image:nth-child(even) {flex-direction:row-reverse; }
.biz-content-box #biz-image > li {width:50%; }
.biz-content-box #biz-image > li > img {display:block; width:100%; }
.biz-content-box #biz-image > li.content {display:flex; justify-content: flex-start; align-items:center; border: 1px solid #dddddd; }
.biz-content-box #biz-image > li > .text-box {text-align:left; padding: 0 0 0 50px; }
.biz-content-box #biz-image > li > .text-box .biz-txt1{font-size:30px; font-weight:600; }
.biz-content-box #biz-image > li > .text-box .biz-txt2{font-size:18px; margin-top: 18px; line-height: 1.5; word-break:keep-all; }

.biz-content-box #biz-keyword {background-color:#014af2; padding:18px; }
.biz-content-box #biz-keyword > li {width:100%; }
.biz-content-box #biz-keyword .text {text-align: center; color: #fff; line-height: 1.2; }
.biz-content-box #biz-keyword .txt1 {font-size: 30px; font-weight: 500; }
.biz-content-box #biz-keyword .txt2 {font-size: 24px; font-weight: normal; margin-top:13px; }
.biz-content-box #biz-keyword .txt3 {font-size: 20px; margin-top:15px; }
.biz-content-box #biz-contact {background-color:#44bd1c; padding:8px; }
.biz-content-box #biz-contact > li {width:100%; }
.biz-content-box #biz-contact .call {text-align: center; font-size: 33px; font-weight: 700; color:#fff; }
.biz-content-box #biz-contact .call > a {color:#fff !important; line-height:1.4; }
.biz-content-box #biz-contact .call > a:hover {color:#fff !important; }
.biz-content-box #biz-contact .call > a > span {font-weight: 300; letter-spacing: -2px; }
.biz-content-box #biz-price {background-color:#71cb34; padding:8px; }
.biz-content-box #biz-price {text-align: center; font-size: 35px; font-weight: 400; color:#fff; }
.biz-content-box #biz-price .sale {display:inline-block; font-weight: 700; }
.biz-content-box #biz-price > li {width:100%; }
.on-768px {display:none; }
.service-information-content-2-box .service-information-content-2 .on-768px {display:none; }


@media (max-width:1200px) {
.service-information-content-1-box .service-information-content .text-1 { font-size: 27px; }
.service-information-content-2-box .service-information-content-2 .text { font-size: 23px; }
.biz-content-box {padding:0 15px; }
.business_area .price-info .table-wrap {padding:0 15px; }
}

@media (max-width:1024px) {
.off-1024px {display:none; }
.biz-content-box #biz-image > li > .text-box {padding: 0 0 0 23px; }
.biz-content-box #biz-image > li > .text-box .biz-txt1{font-size:24px; }
.biz-content-box #biz-image > li > .text-box .biz-txt2{font-size:18px; margin-top: 17px; }
.business_area .list-box h4 {font-size: 18px; }
}
@media (max-width:768px) {
.service-information-content-1-box {margin:30px auto 15px; }
.service-information-content-2-box {padding:015px; }
.service-information-content-1-box .service-information-content .text-1 { font-size: 23px; }
.service-information-content-2-box .service-information-content-2 .text { font-size: 20px; }
.service-information-content-2-box .ht_100 { display:none;  }
.service-information-content-2-box .service-information-content-2 .content { width:100%; }
.service-information-content-2-box .service-information-content-2 .text {margin-bottom:30px; }
.biz-content-box #biz-image {display:block; margin-bottom: 60px; }
.biz-content-box #biz-image > li {width:100%; }
.biz-content-box #biz-image > li.content {padding:40px 0; justify-content: normal; }
.biz-content-box #biz-image > li > .text-box {text-align:left; }
.biz-content-box #biz-image > li > .text-box .biz-txt1{font-size:19px; }
.biz-content-box #biz-image > li > .text-box .biz-txt2{font-size:17px; margin-top: 10px; }
.biz-content-box #biz-keyword .txt1 {font-size:26px; }
.biz-content-box #biz-keyword .txt2 {font-size:20px; }
.biz-content-box #biz-keyword .txt3 {font-size: 18px; }
.biz-content-box #biz-contact .call {font-size:32px; }
.biz-content-box #biz-contact .call > a > span {display:block; font-size:20px; }
.biz-content-box #biz-price {font-size: 20px; }
.on-768px {display:block; }
.off-768px {display:none; }
.service-information-content-2-box .service-information-content-2 .on-768px {display:block; }
.service-information-content-2-box .service-information-content-2 .off-768px {display:none; }

}
@media (max-width:600px) {
.service-information-content-1-box .service-information-content .text-1 { font-size: 20px; }
.service-information-content-2-box .service-information-content-2 .text { font-size: 17px; line-height: 1.6; }
.service-information-content-2-box .ht_100 { display:none;  }
}
/* 영업안내 - 주요 영업 안내 페이지 종료*/

/* 영업안내 - 이사문의방법 시작 */
.business_area .price-info p.page_slogan {margin-bottom: 30px; }
.business_area .price-info {margin-top: 80px; }
.business_area .price-info > h4 {margin: 20px 0 30px 0; }
.business_area .price-info .price_list {width: 100%; margin: 0 auto; }
.business_area .price-info .price_list tr {line-height: 2.8; }
.business_area .price-info .price_list th {border: 1px solid #c7c7c7; font-size: 18px; font-weight: 500; text-align: center; background-color: #efefef; width:10%; }
.business_area .price-info .price_list tr > td:first-child {font-weight:500; width: 50%; }
.business_area .price-info .price_list td {border: 1px solid #c7c7c7; font-size: 18px; text-align: left; background-color: #fff; padding-left: 22px; }

@media (max-width:768px) {
	.business_area .price-info .price_list tr {line-height: 3.4; }
	.business_area .price-info .price_list th {font-size: 16px; width: 13%; }
	.business_area .price-info .price_list td {font-size: 16px; line-height: 1.6; padding-left: 18px; word-break: keep-all; }
}
/* 영업안내 - 이사문의방법 종료 */