@charset "utf-8";

/*common*/
.sub_right_wide { font-size:18px; }


/* greeting */
.greeting .vision			{ width:1500px; height:500px; margin:0 auto; text-align:center; background:url('/img/content/bg_greeting.jpg') no-repeat center; background-size:cover;}
.greeting .vision h3		{ margin:0 auto; padding-top:100px; font-size:2.6em; font-weight:600; color:rgba(255,255,255,.7); text-shadow:3px 3px 10px rgba(0,0,0,.2)}
.greeting .vision h3:after	{ content:''; display:block; width:90px; height:1px; margin:10px auto; background:#1f4504;}
.greeting .vision p			{ margin:0; font-size:1.05em; font-weight:600; color:#1f4504;}
.greeting .ceo_greeting		{ margin-top:-120px; padding:50px; background:#fff; overflow:hidden; box-sizing:border-box;}
.greeting .ceo_greeting .left	{ float:left; width:47.5%; margin-right:5%;}
.greeting .ceo_greeting .right { float:left; width:47.5%;}
.greeting .ceo_greeting p	{ font-size:0.93em; line-height:1.6; text-align:justify;}
.greeting .ceo_greeting .ceo { float:right; margin-top:25px; color:#444;}
.greeting .ceo_greeting .ceo img { vertical-align:middle;}



/* 회사개요 */
.sub_body.bg_organ			{ background:url('/img/content/bg_organ.png') no-repeat right 190px;}
.sub_body.bg_organ .sub_right_wide { margin-bottom:0;}
.company table			{ border-top:2px solid #6d6d6d; border-bottom:1px solid #6d6d6d; background:#fff;}
.company table th		{ width:25%; padding:0.5em 0; text-align:center; font-weight:400; border-bottom:1px solid #7c7c7c;}
.company table tr:last-child th { border-bottom:0;}
.company table td		{ padding-left:3em; border-bottom:1px solid #d5d5d5;}
.company table tr:last-child td { border-bottom:0;}

.company .organ				{ margin-top:140px;}
.company .organ .ceo		{ position:relative; width:260px; height:70px; margin:0 auto; padding-top:0.8em;text-align:center; color:#fff; font-size:0.95em; line-height:1.2; box-sizing:border-box; background:#05559e url('/img/content/bg_ceo_table.jpg') no-repeat 30% 100%;}
.company .organ .ceo:after	{ content:''; position:absolute; left:50%; bottom:-100%; margin-left:-0.5px; width:1px; height:100%; background:#757575;}
.company .organ .ceo strong { display:block; font-size:1.1em;}
.company .organ .department { position:relative; width:1070px; margin:70px auto;}
.company .organ .department:before	{ content:''; position:absolute; top:-30px; left:9%; width:82%; height:1px; background:#757575;}
.company .organ .department ul		{ position:relative; float:left; width:18%; margin:0 1.25%; text-align:center; vertical-align:top;}
.company .organ .department ul:after{ content:''; position:absolute; top:-30px; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#757575; z-index:-1;}
.company .organ .department ul:first-child { margin-left:0;}
.company .organ .department ul:last-child { margin-right:0;}
.company .organ .department .head	{ margin-bottom:1em; padding:0.5em 0; color:#05559e; background:#f2f9ff; border:2px solid #05559e;}	
.company .organ .department .branch { margin-bottom:0.7em; padding:0.7em 0; font-size:0.95em; font-weight:300; line-height:1.3; color:#000; background:#fff; border:1px solid #a3cdf5; box-shadow:3px 3px 5px -1px rgba(0,0,0,.1)}

.company .history			{ background:#fafafa;}
.company .history_inner		{ position:relative; width:1070px; margin:0 auto; padding:70px 0; }
.company .history .left		{ float:left; width:45%; margin-right:5%;}
.company .history .right	{ float:left; width:50%; padding-top:260px; background:url('/img/content/img_award.png') no-repeat right top; background-size:100%;}
.company .history_inner .tit { margin:0; font-size:1.5em; font-weight:800; color:#05559e;}
.company .history_inner .year	{ margin:1.3em 0 0.3em; font-size:1.15em; font-weight:600; color:#0061ba; line-height:1.3;}
.company .history_inner .achieve li .month	{ display:inline-block; width:25px; font-weight:600;}
.company .history_inner .achieve li .con	{ display:inline-block; width:calc(100% - 3em); font-size:0.95em; vertical-align:top;}



/* location */
.location dl			{ position:relative; margin:0; padding:1.5em 0; border-bottom:1px solid #05559e; overflow:hidden;}
.location dl:after		{ content:''; position:absolute; left:20%; bottom:1px; width:1px; height:65%; background:#cdddec;}
.location dl dt,
.location dl dd			{ float:left; width:77%; margin-left:5%;}
.location dl dt			{ width:15.5%; margin-left:2.5%; font-size:1.02em; font-weight:500; color:#05559e; text-align:center;}
.location dl.main dt	{ padding-bottom:30px;  background:url('/img/content/icon_map.svg') no-repeat center bottom;}
.location dl.main dd p	{ margin:0; font-weight:600; color:#000;}
.location dl.main dd .eng { font-size:0.85em; font-weight:300; color:#666; letter-spacing:0;}
.location dl.branch dt { padding-bottom:35px; background:url('/img/content/icon_call.svg') no-repeat center bottom;}
.location dl.branch dd li { float:left; width:33%; font-weight:500; font-size:1.02em;}




/* 화이트폼 */
.product01 .info		{ position:relative; padding:50px; background:#fff; overflow:hidden; box-sizing:border-box; box-shadow:5px 5px 10px -1px rgba(0,0,0,.1)}
.product01 .info .text_area { float:left; width:60%; margin-right:50px;}
.product01 .info .text_area h3 { position:relative; margin:0 0 1em; padding-top:10px; font-size:2em; color:#05559e; line-height:0.8; border-bottom:1px solid #05559e; background:url('/img/content/text_whitefoam.png') no-repeat 80% center;}
.product01 .info .text_area h3:after { content:'화이트폼은?'; position:absolute; right:0; font-size:0.55em; color:#05559e;}
.product01 .info .text_area p{ color:#666; font-size:0.95em; font-weight:500; letter-spacing:-0.05em; text-align:justify;}
.product01 .info .img_area		{ float:right; width:30%;}
.product01 .info .img_area img { margin-top:1em; width:100%;}

.product01 .feature		{ margin-top:-120px; padding-top:140px; background:url('/img/content/bg_feature.jpg') no-repeat center; background-size:cover;}
.product01 .feature li	{ position:relative; float:left; width:50%; margin-top:2em; padding:0 5% 0 15%; box-sizing:border-box;}
.product01 .feature li:before { content:''; position:absolute; left:10%; top:5px; width:105px; height:105px; border-radius:50%;}
.product01 .feature li:nth-child(1):before { background:#3ac2b6 url('/img/main/icon_product01.svg') no-repeat center bottom; background-size:50%;}
.product01 .feature li:nth-child(2):before { background:#264193 url('/img/main/icon_product03.svg') no-repeat center center; background-size:60%;}
.product01 .feature li:nth-child(3):before { background:#bababa url('/img/main/icon_product02.svg') no-repeat center center; background-size:60%;}
.product01 .feature li:nth-child(4):before { background:#2d81d5 url('/img/main/icon_product04.svg') no-repeat center center; background-size:55%;}
.product01 .feature li h4	{ margin:0; font-size:1.2em;}
.product01 .feature li:nth-child(1) h4 { color:#3ac2b6;}
.product01 .feature li:nth-child(2) h4 { color:#264193;}
.product01 .feature li:nth-child(3) h4 { color:#bababa;}
.product01 .feature li:nth-child(4) h4 { color:#2d81d5;}
.product01 .feature li p	{ margin:0.5em 0 0; font-size:0.9em; text-align:justify;}

.product01 .main_feature	{ width:1100px; margin-left:auto; margin-right:auto; padding:70px 0;}
.product01 .main_feature h3 { padding-left:38px; color:#fff; font-size:1.08em; border-bottom:1px solid #05559e; background:url('/img/content/bg_guide_tit.png') no-repeat left bottom;}
.product01 .main_feature li { float:left; width:49%; margin-bottom:1%; padding:1em 2em; color:#2d81d5; font-weight:600; box-sizing:border-box; border:1px solid #eaeaea; box-shadow:3px 3px 5px -1px rgba(0,0,0,.1)}
.product01 .main_feature li:nth-child(even) { margin-left:2%;}
.product01 .main_feature li:nth-child(4n+2),
.product01 .main_feature li:nth-child(4n+3) { color:#05559e}

.product01 .apply_area		{ padding:70px 0 100px; background:url('/img/content/bg_apply.jpg') no-repeat center; background-size:cover;}
.product01 .apply_area>div	{ width:1100px; margin-left:auto; margin-right:auto;}
.product01 .apply_area .text_area { float:left; width:70%; color:#fff;}
.product01 .apply_area h3	{ padding-left:38px; color:#2d81d5; font-size:1.08em; background:url('/img/content/bg_guide_tit_white.png') no-repeat left bottom;
border-width:1px; border-style:solid; border-image:linear-gradient( to right, rgba(255,255,255,1), rgba(255,255,255,0) ) 100% 0; border-top:0;}
.product01 .apply_area p	{ font-weight:500;}
.product01 .apply_area li	{ font-size:0.9em; line-height:1.6;}
.product01 .apply_area li:before { content:'·'; display:inline; margin-right:0.3em;}
.product01 .apply_area .img_area { position:relative; float:right; width:30%;}

.product01 .effect			{ width:1100px; margin:0 auto; padding:90px 0;}
.product01 .effect h3		{ margin:0; text-align:center; font-size:1.3em;}
.product01 .effect h3 b		{ margin-right:1em; font-size:1.7em; vertical-align:-0.15em;}
.product01 .effect .sky_blue { color:#1d7fd9;}
.product01 .effect .blue	{ color:#0061ba;}
.product01 .effect .green	{ color:#5d9834;}
.product01 .effect li		{ float:left; width:31.5%; height:30%; margin-right:2.7%; margin-top:2.7%; padding:14% 0 6%;text-align:center; border:1px solid #c4c4c4; box-sizing:border-box;}
.product01 .effect li h3	{ margin:0.5em 0;}
.product01 .effect li p		{ margin:0; font-size:0.95em; line-height:1.3;}
.product01 .effect li:nth-child(3n) { margin-right:0;}
.product01 .effect li:nth-child(odd) h3 { color:#5d9834;}
.product01 .effect li:nth-child(even) h3 { color:#0061ba;}
.product01 .effect li:nth-child(1) { background:url('/img/main/icon_feature01.png') no-repeat center 26%;}
.product01 .effect li:nth-child(2) { background:url('/img/main/icon_feature02.png') no-repeat center 24%;}
.product01 .effect li:nth-child(3) { background:url('/img/main/icon_feature03.png') no-repeat center 26%;}
.product01 .effect li:nth-child(4) { background:url('/img/main/icon_feature04.png') no-repeat center 26%;}
.product01 .effect li:nth-child(5) { background:url('/img/main/icon_feature05.png') no-repeat center 26%;}
.product01 .effect li:nth-child(6) { background:url('/img/main/icon_feature06.png') no-repeat center 26%;}




/* 휴대용 화이트폼 */
.product02 .info		{ position:relative; padding:50px; background:#fff; overflow:hidden; box-sizing:border-box; box-shadow:5px 5px 10px -1px rgba(0,0,0,.1)}
.product02 .info .text_area h3 { display:inline-block; margin:0; padding-right:300px; color:#05559e; font-size:1.05em; line-height:2;
border-width:1px; border-style:solid; border-image:linear-gradient( to right, #05559e, #fff ) 100% 0; border-top:0;}
.product02 .info .text_area	{ color:#666; font-weight:500; line-height:1.4;}
.product02 .info dl dd	{ margin-left:0;}
.product02 .info dl dt	{ color:#000;}
.product02 .info .oneline dt,
.product02 .info .oneline dd { display:inline-block;}
.product02 .info .img_area	{ position:absolute; right:50px; bottom:40px;}

.product02 .guide		{ margin-top:-120px; padding:220px 0 160px; background:url('/img/content/bg_whitefoam.jpg') no-repeat center; background-size:cover;}
.product02 .guide .use	{ margin-bottom:4em;}
.product02 .guide h3	{ padding-left:58px; color:#fff; font-size:1.08em; border-bottom:1px solid #05559e; background:url('/img/content/bg_guide_tit.png') no-repeat left bottom;}
.product02 .guide ol	{ margin:0; padding:0; counter-reset:my-awesome-counter; }
.product02 .guide li	{ margin-top:0.5em; font-size:0.95em; line-height:1.3; counter-increment:my-awesome-counter;}
.product02 .guide li::before { content:counter(my-awesome-counter); background:#05559e;
  width:1.8em; height:1.8em; border-radius:50%; display:inline-block; line-height:1.8em; color:white; text-align:center; margin-right:0.5rem; font-size:0.8em; font-weight:300;}

.product02 .video		{ margin-top:113px;}
.product02 .video .video_height { position:relative; height:0; padding-bottom:56%;}
.product02 .video iframe { position:absolute; width:100%; height:100%;}
.product02 .video .tel	{ text-align:center;}

.product02 .video dt,
.product02 .video dd	{ display:inline-block; margin:0; padding:0; font-weight:600; }
.product02 .video dt	{ position:relative; padding-right:0.7em; color:#05559e; font-size:1.05em;}
.product02 .video dt:after { content:''; position:absolute; right:0; top:7px; width:1px; height:17px; background:#05559e;}
.product02 .video dd	{ color:#222; letter-spacing:0;}
.product02 .video dd span { margin:0 0.5em;} 




/* 기술연구개발 */
.research .table.inner	{ width:1100px;}
.research .step h3		{ margin-left:50px;}
.research  h3			{ margin:5em 0 1em; font-size:1.05em; color:#05559e; }
.research ul:after		{ content:''; display:block; clear:both;}
.research li			{ position:relative; float:left; width:19%; height:12em; margin:0 0.5%; padding-top:3em; text-align:center; border:3px solid #edeff1; border-radius:20%; box-sizing:border-box;}	
.research li img		{ height:3em;}
.research li:after		{ content:''; position:absolute; top:45%; right:-27px; width:28px; height:28px; border-radius:50%; border:3px solid #fff; background:url('/img/content/icon_next.svg') no-repeat center; z-index:1;}
.research li:last-child:after { display:none;}
.research li:before		{ content:''; position:absolute; top:-1px; left:25%; width:50%; height:1px; background:#05559e;}
.research li p			{ margin:1em 0 0; font-size:0.9em; line-height:1.3;}

.research table			{ width:100%; text-align:center; border-collapse:collapse;}
.research table th		{ color:#fff; background:#8d9a9e; border-bottom:2px solid #fff;}
.research table td		{ padding:0.5em; border-right:3px solid #fff;}
.research table td:last-child { border-right:0;}
.research table thead td		{ color:#fff; background:#55a9d5; }
.research table thead .product	{ color:#ffef10; background:#3a4558;}
.research table .bd_top		{ border-top:3px solid #ffef10;}
.research table .bd_left	{ border-left:3px solid #ffef10;}
.research table .bd_right	{ border-right:3px solid #ffef10;}
.research table .bd_bottom	{ border-bottom:3px solid #ffef10;}
.research table.line02 .color td:nth-child(2), 
.research table.line02 .color td:nth-child(3) { background:#d1e9f5;}
.research table.line02 .color td:nth-child(4), 
.research table.line02 .color td:nth-child(5) { background:#dfe3e5;}
.research table.line01 .color td:nth-child(2) { background:#d1e9f5;} 
.research table.line01 .color td:nth-child(3), 
.research table.line01 .color td:nth-child(4), 
.research table.line01 .color td:nth-child(5),
.research table.line01 .color td:nth-child(6) { background:#dfe3e5;}




/* 견적문의 */
.esti_q					{ font-size:1.2em;}
.esti_q	h3				{ margin-top:3em; padding-left:5px; line-height:1.2; border-left:3px solid #5d9834;}
.esti_q	p.required		{ position:absolute; top:0; right:0; margin:0; color:#888;}
.esti_q	p.required em	{ color:#ff0c0c; font-weight:600; margin-right:3px;}

.esti_q .rara_person			{ width:100%; max-height:160px; padding:15px 20px; color:#333; font-size:15px; font-weight:300; border:1px solid #ddd; overflow-x:hidden; box-sizing:border-box;}
.esti_q .check					{ margin:1em; text-align:center;}
.esti_q .check p				{ display:inline-block; margin-right:0.5em; font-weight:300; font-size:0.9em; color:#444;}
.esti_q .check p label 			{ cursor:pointer; color:#000;}
.esti_q .check p input 			{ appearance:none; -webkit-appearance:none; -moz-appearance:none; border-radius:0; outline:0; width:24px; height:24px; margin-right:5px; vertical-align:-6px; border-radius:50%; background:#ddd url('/img/content/icon_checkmark.svg') no-repeat center; cursor:pointer;}
.esti_q .check p input:checked 	{ background-color:#5d9834;}
.esti_q fieldset			{ margin:0; padding:0;}
.esti_q fieldset textarea	{ position:relative; display:block; width:100%; height:160px; padding:15px 20px; color:#000; font-family:'Noto Sans Kr'; font-size:17px; font-weight:300; box-sizing:border-box; border:1px solid #ddd; border-radius:0; box-shadow:none;}
.esti_q .cont				{ margin-bottom:2em;}
.esti_q .btn				{ text-align:center;}
.esti_q .btn input,
.esti_q .btn a				{ display:inline-block; margin:0 auto; padding:0.8em 2.5em; color:#fff; font-size:0.8em; background:#05559e; border:1px solid #0f3e69; box-sizing:border-box; cursor:pointer;} 
.esti_q .btn input			{ padding:0.8em 4em; border:0;}
.esti_q .person				{ border-top:1px dashed #666;}
.esti_q .capture			{ margin-bottom:2em; padding:1em 0; text-align:center; background:#f7f7f7;}
.esti_q .capture *			{ display:inline-block; vertical-align:middle;}

.table_type { width:100%; border-bottom:1px solid #ccc; border-collapse:collapse;}
.table_type tbody tr { border-top:1px solid #ccc }
.table_type tbody th { width:20%; min-width:50px; padding:1em 0; font-weight:500; border-right:1px solid #ccc; background-color:#f8f8f8; text-align:center; }
.table_type tbody td { padding:0 1em; }
.table_type tbody td small { margin-left:5px; font-size:0.8em; color:#888;}
.table_type tbody td p { margin:0;}
.table_type tbody th.required:after { content:'*'; color:#ff0c0c; }
.table_type tbody td input,
.table_type tbody td select,
.table_type tbody td textarea { max-width:90%; height:26px; padding:5px; border:1px solid #b4bec8; background-color:#fbfbfb; font-family:'Noto Sans Kr'; font-size:0.8em; box-sizing:content-box; }
.table_type tbody td input,
.table_type tbody td select { border-radius:5px; vertical-align:middle;}
.table_type tbody td textarea { box-sizing:border-box; width:100% }
.table_type tbody td button { vertical-align:top }
.table_type tbody td em		{ font-style:normal;}

.table_type tbody td .phone input { width:12%; min-width:180px;}
.table_type tbody td .email input { width:12%; min-width:180px;}
.table_type tbody td .time input { width:45px; text-align:right;}

.esti_q .security			{ width:100%; padding:1em; text-align:center; background:#f8f8f8;}
.esti_q .password			{ display:inline-block;}
.esti_q .password span		{ font-size:0.75em; font-weight:300; color:#666;}


/* 문의조회 */
.esti_q .esti_content				{ height:160px; padding:15px 20px; color:#000; font-family:'Noto Sans Kr'; font-size:17px; font-weight:300;  box-sizing:border-box; border:1px solid #ddd;  border-radius:0; overflow-y:auto;}
.esti_q .textarea_block				{ margin-bottom:3em;}
.esti_q .textarea_block textarea	{ width:100%; min-height:62px; margin-bottom:12px; padding:0; border:none; font-family:'Noto Sans Kr'; border-radius:3px 3px 0 0;
	outline-style:none; resize:none; overflow-y:hidden !important; background:transparent; vertical-align:top;}
.esti_q .non-member input { width:200px; padding:8px 16px; font-family:'Noto Sans Kr'; box-shadow:none; border:1px solid rgba(128, 128, 128, 0.2);
    outline:none; background:transparent; border-radius:3px; box-sizing:border-box; }
.esti_q .textarea_block { position:relative; padding:16px; border:1px solid rgba(128, 128, 128, 0.2); border-radius:3px; }
.esti_q .doz_sys #s20170123588590f9ead68 .btn-primary { background-color:#ffffff; border-color:#2b2b2b; color:#2b2b2b; border-width:1px;}
.esti_q .non-member { margin-bottom:10px;}
.esti_q .non-member input[type='text'] { margin-right:1%;}
.esti_q .btn-primary { float:right; display:block; margin-top:-20px; padding:3px 15px; background-color:#2b2b2b; border-color:#2b2b2b; color:#fff; border-width:1px; cursor:pointer;}


/*반응형시작*/

@media only screen and (max-width :1500px) {
	/* greeting */
	.greeting .vision		{ width:100%;}
}



@media only screen and (max-width :1200px) {
	/*common*/
	.sub_right_wide { font-size:17px;}

	/* greeting */
	.greeting .vision h3,
	.greeting .vision p { width:90%; margin-left:auto; margin-right:auto; word-break:keep-all;}
	.greeting .vision h3 { line-height:1.2;}


	/* 회사개요 */
	.company .organ .department,
	.company .history_inner		{ width:90%;}


	/* location */
	#daumRoughmapContainer1595986527532 { width:100% !important;}


	/* 화이트폼 */
	.product01 .feature li:before	{ left:0;}
	.product01 .main_feature,
	.product01 .apply_area>div,
	.product01 .effect					{ width:90%;}
	.product01 .apply_area .text_area	{ width:65%;}
	.product01 .apply_area .img_area	{ width:35%; padding-top:5%;}
	.product01 .apply_area .img_area img { width:100%;}
	.product01 .main_feature li			{ float:none; width:100%;}
	.product01 .main_feature li:nth-child(even) { margin-left:0;}


	/* 휴대용 화이트폼 */
	.product02 .info .text_area			{ width:70%;}
	.product02 .info .text_area p br	{ display:none;}
	.product02 .info .img_area			{ width:25%; bottom:15%;}
	.product02 .info .img_area img		{ width:100%;}


	/* 신지이텍 연구개발 */
	.research .table.inner			{ width:92%;}
	.research .step h3				{ margin-left:0;}

	/* 견적문의 */
	.esti_step ul li		{ background-size:35% !important;}
	.esti_step ul li p		{ padding:62% 0 17%;}
	.esti_guide table br	{ display:none;}
}


@media only screen and (max-width :900px) {
	/*common*/
	.sub_right_wide { font-size:16px;}

	/* greeting */
	.greeting .ceo_greeting .left,
	.greeting .ceo_greeting .right { float:none; width:100%; margin-right:0;} 


	/* 회사개요 */
	.company table td		{ padding-left:1em;}


	/* location */
	#daumRoughmapContainer1595986527532 .wrap_map{ height:350px !important;}
	.location dl.branch dd li { width:50%;}

	/* 휴대용 화이트폼 */
	.product02 .info .text_area		{ width:100%;}
	.product02 .info .text_area p br { display:none;}
	.product02 .info .img_area		{ position:static; width:50%; margin:0 auto;}
	.product02 .info .img_area img { width:100%;}
	.product02 .info .text_area h3	{ display:block; padding-right:0;}


	/* 화이트폼 */
	.product01 .info .text_area		{ float:none; width:100%; margin-right:0;}
	.product01 .info .text_area p	{ word-break:keep-all;}
	.product01 .feature				{ padding-bottom:100px;}
	.product01 .feature li			{ float:none; width:100%; height:auto !important; padding-left:100px;}
	.product01 .feature li:before	{ width:80px; height:80px;}
	.product01 .effect li			{ width:49%; margin-right:0 !important; background-size:18% !important;}
	.product01 .effect li:nth-child(odd) { margin-right:2% !important;}
	.product01 .effect h3 b			{ margin-right:0;}


	/* 견적문의 */
	.esti_step ul		{ width:100%; margin-bottom:35px;}
	.esti_step ul li	{ background-image:none !important;}
	.esti_step ul li:before{ right:-27%; background-size:80%;}
	.esti_step ul li p	{ padding:35% 0 35%;}
	.esti_guide table .call	br{ display:block;}

}


@media only screen and (max-width :600px) {
	/*common*/
	.sub_right_wide { font-size:15px;}

	/* greeting */
	.greeting .vision		{ height:300px;}
	.greeting .vision h3	{ padding-top:40px; font-size:2em;}
	.greeting .vision p	br	{ display:none;}
	.greeting .ceo_greeting { margin-top:-50px; padding:5%;}
	.greeting .ceo_greeting .ceo	 { font-size:0.9em}
	.greeting .ceo_greeting .ceo img { width:60px; height:auto;}


	/* 회사개요 */
	.company .organ			{ margin-top:70px;}
	.company .organ .ceo	{ width:180px; height:50px; padding-top:0.5em; background-size:50px;}
	.company .organ .department .head { font-size:0.9em; line-height:1.2;}
	.company .organ .department .branch { padding:0.5em; font-size:0.85em;}
	.company .history .left,
	.company .history .right { float:none; width:100%;}
	.company .history .right { margin-top:3em; padding-top:12em;}


	/* location */
	#daumRoughmapContainer1595986527532 .wrap_map{ height:250px !important;}
	.location dl:after				{ display:none;}
	.location dl dt					{ padding-bottom:0 !important; background:none !important;}
	.location dl dt, .location dl dd { float:none; width:100%; margin-left:0; text-align:left;}
	.location dl.branch dd li { float:none; width:100%; font-size:0.95em;}


	/* 화이트폼 */
	.product01 .info			{ padding:5%;}
	.product01 .info .text_area p	{ text-align:left}
	.product01 .info .img_area		{ width:50%;}
	.product01 .info .img_area img	{ margin-top:0;}
	.product01 .feature			{ padding-bottom:60px;}
	.product01 .feature li		{ padding-left:80px;}
	.product01 .feature li:before { width:65px; height:65px;}
	.product01 .main_feature,
	.product01 .apply_area,
	.product01 .effect			{ padding:60px 0;}
	.product01 .main_feature li { padding:1em;}
	.product01 .apply_area .text_area { float:none; width:100%;}
	.product01 .apply_area .img_area { width:55%;}
	.product01 .effect h3 span	{ display:block; line-height:1.2}
	.product01 .effect li		{ float:none; width:100% !important; margin-right:0 !important; padding:0.5em 0 2em 100px; text-align:left; background-position:20px center !important;}
	.product01 .effect li h3	{ text-align:left;}


	/* 휴대용 화이트폼 */
	.esti_q					{ font-size:0.9em;}
	.product02 .info		{ padding:5%;}
	.product02 .info .img_area { width:70%;}
	.product02 .guide		{ margin-top:-70px; padding:120px 0 60px;}
	.product02 .video		{ margin-top:60px;}
	.product02 .video dt	{ padding-right:0;}
	.product02 .video dt:after { display:none;}


	/* 기술연구개발 */
	.research .table_overflow	{ width:100%; overflow-x:scroll;}
	.research .table table		{ width:600px;}
	.research table td			{ padding:0.2em;}
	.research ul				{ text-align:center;}
	.research li				{ float:none; display:inline-block; width:48%; margin-bottom:1%;}
	.research li:nth-child(2):after { display:none;}
	.research li:nth-child(4):after { display:none;}
	.research h3				{ margin:3em 0 1em;}

	/* 견적문의 */
	.esti_q h3			{ margin-top:2em;}
	.esti_q fieldset	{ margin-top:8%;}
	.esti_q fieldset legend { font-size:16.5px; font-weight:500;}
	.esti_q fieldset input[type="text"], .esti_q fieldset textarea { padding:2% 3%; font-size:14.5px;}
	.esti_q fieldset.alli textarea { height:110px;}
	.esti_q label.file	{ font-size:14px;}
	.esti_q .check		{ margin:4% 0 8%;}
	.esti_q .check li	{ font-size:15px;}
	.esti_q .btn input,
	.esti_q .btn a		{ width:24%; line-height:30px; font-size:14px; padding:0;}
	.esti_q .rara_person{ max-height:100px; padding:3%; font-size:13px;}
	.table_type tbody td small { display:block;}
	.table_type tbody td input, .table_type tbody td select { padding:2px 5px;}
	.esti_q .capture *			{ display:block; margin:3px auto;}

	.esti_q .non-member input { width:49%;}
	.esti_q .non-member input[type='text'] { margin-right:1%;}
}