@charset "utf-8";
@import url('font.css'); /* 사이트 세부설정, 공통 클래스 설정, 기타 설정 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/*common*/
.sub_container{min-height:600px; padding:30px 0 80px;}
.left{float:left; width:220px; }
.right{float:right; width:calc(100% - 220px); padding-left:90px; position:relative;}
.contents_wrap{padding-top:40px; }
/*sub_page_title*/
.sub_page_title{padding-top:5px;} 
.sub_page_title h4{color:#231f20; font-size:18px; letter-spacing:-1px;}
.sub_page_title p{color:#999999; line-height:1.4; font-size:16px; font-weight:300;}
.sub_page_title .sub_page_info{padding:15px 0; font-size:16px; font-weight:500; color:#0e4cb0; letter-spacing:-1px;  line-height:1.6;}

/***서브 비주얼***/
.sub_visual{height:250px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; text-align:center;}
.sub_visual:before{content:''; width:100%; height:100%; display:block; position:absolute; left:0; top:0; 
		background:linear-gradient( 45deg, rgba(255,255,255,0.7), rgba(255,255,255,0.05));}
.sub_visual>div{height:100%;}
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual05.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual06.jpg");}
.sub_visual07{background-image:url("../images/sub/sub_visual07.jpg");}
/*.sub_visual_txt*/
.sub_visual_txt{display:table; width:100%; height:100%; position:relative; z-index:10;}
.sub_visual_txt>div{display:table-cell; width:100%; height:100%; vertical-align:middle; color:#222222; letter-spacing:-1.5px; line-height:1.4; font-size:16px;}
.sub_visual_txt h3{font-size:28px; font-weight:700; color:#000000; margin-bottom:8px;}
.sub_visual_txt strong{color:#0e4cb0; font-size:20px; font-weight:700;}
.sub_visual_txt p+p{margin-top:4px;}
.sub_visual_txt p span{color:#cf0000;}

/*lnb*/
.lnb_title{border-bottom:1px solid #000000; padding:0 0 14px; line-height:1.0;}
.lnb_title h3{font-size:24px; color:#000000; font-weight:700;}
.lnb{margin-top:10px;}
.lnb>li{font-size:16px; letter-spacing:-1px;}
.lnb>li+li{margin-top:8px;}
.lnb>li>a{display:block; position:relative; padding-left:10px;}
.lnb>li>a:before{content:''; width:4px; height:4px; display:block; background-color:#567ebf; position:absolute; left:0; top:50%; border-radius:50%;
		margin-top:-2px;}
.lnb>li>a:hover{color:#000000; font-weight:500;}
.lnb>li>a.lnb_on{color:#000000; font-weight:500; font-size:18px;}

/*breadcrumb*/
.breadcrumb{margin-top:10px;}
.breadcrumb>p{font-size:0; text-align:right;}
.breadcrumb span{display:inline-block; vertical-align:middle; font-size:14px; color:#777777;}
.breadcrumb span+span{margin-left:4px;}
.breadcrumb span.on{color:#567ebf;}
.breadcrumb span.right_arrow{width:12px; height:14px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #999999; border-left-width:0; border-top-width:0; 
		transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg); position:absolute; top:4px; left:1px;}
/*icon_home*/
.breadcrumb .icon_home{width:16px; height:14px; display:inline-block; position:relative; font-size:0; vertical-align:middle;}
.breadcrumb .icon_home:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#666666; border-top:0; transform:scale(1,0.8);-webkit-transform:scale(1,0.8);
		-moz-transform:scale(1,0.8);-o-transform:scale(1,0.8);-ms-transform:scale(1,0.8);}
.breadcrumb .icon_home:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px; border:3px solid #666666; 
		border-top-width:3px; border-bottom:0;}

/*greeting.asp 인사말*/
.greeting_contents{margin-top:40px;}
.greeting_contents p{font-size:16px; line-height:1.5;}
.greeting_contents p:first-child{font-size:18px; font-weight:500; color:#231f20;}
.greeting_contents p+p{margin-top:20px;}
.greeting_contents p:last-child{font-size:18px; font-weight:500; color:#231f20; margin-top:30px;}

/*company_overview.asp 회사개요*/
.company_overview_contents{margin-top:40px; font-size:16px; }
.company_overview_contents p{line-height:1.5;}
.company_overview_contents>p:first-child{font-size:18px; font-weight:500; color:#231f20;}
.company_overview_contents>p+p{margin-top:20px;}
.company_overview_contents p strong{color:#567ebf;}
.company_overview_contents table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; margin-top:30px;} 
.company_overview_contents table caption{font-size:0; text-indent:-999999px;}
.company_overview_contents table th{font-weight:500; text-align:center; width:20%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; 
		padding:8px 5px; color:#231f20;}
.company_overview_contents table td{width:80%; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:8px 15px;} 
.company_overview_contents table td p+p{margin-top:3px;}
.company_overview_contents table a:hover{color:#567ebf; text-decoration:underline;}
.company_overview_contents table .odd th, .company_overview_contents table .odd td{background-color:#f6f9fd;}

/*certificate.asp*/
.patent_info_list>li{float:left; width:32%; text-align:center; color:#231f20; font-size:16px; font-weight:500; border:1px solid #dedede; padding:20px 15px 20px;}
.patent_info_list>li+li{margin-left:2%;}
.patent_info_list>li img{width:100%;}
.patent_info_list>li strong{display:block; margin-top:10px;}
.technology_list{margin-top:20px; padding:20px 20px; background-color:#f6f9fd;}
.technology_list>li{width:33.333333%; float:left; padding:2px 10px; font-size:16px; font-weight:500; color:#000000;  line-height:1.4;}
.technology_list>li:nth-child(3n+1){clear:both;}
.certificate_list_wrap{margin-top:40px;}
.certificate_list_wrap>h5{font-size:22px; color:#000000; font-weight:700; padding-left:22px; position:relative;
		background:url("../images/common/deco02.png")no-repeat 0 10px; background-size:18px auto;}
.certificate_list_wrap table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; margin-top:20px; font-size:16px;} 
.certificate_list_wrap table caption{font-size:0; text-indent:-999999px;}
.certificate_list_wrap table .year{width:25%;}
.certificate_list_wrap table .contents{width:75%;}
.certificate_list_wrap table th{padding:11px 5px; background-color:#567ebf; color:#ffffff; font-weight:500; text-align:center;}
.certificate_list_wrap table td{padding:11px 10px 11px 20px; text-align:left; border-top:1px solid #dedede; line-height:1.4;}
.certificate_list_wrap table th+th{border-left:1px solid #dedede;}
.certificate_list_wrap table td+td{border-left:1px solid #dedede;}
.certificate_list_wrap table td.year{padding:11px 5px; text-align:center;  color:#231f20; }
.certificate_list_wrap table .style_line td{border-top:1px solid #567ebf;}
.certificate_list_wrap table tr:last-child td{border-bottom:1px solid #999999;} 
.certificate_img_list{margin-top:30px;}
.certificate_img_list>li{padding:15px 0; width:23%; float:left; text-align:center; font-size:15px; color:#231f20; }
.certificate_img_list>li+li{margin-left:2%;}
.certificate_img_list>li:nth-child(4n+1){margin-left:0; clear:both;}
.certificate_img_list>li em{display:block; margin-top:5px; line-height:1.4;}

/*delivery_status.asp*/
.delivery_status_list>li+li{margin-top:50px;}
.delivery_status_wrap table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; letter-spacing:-1px;} 
.delivery_status_wrap table caption{font-size:0; text-indent:-999999px;}
.delivery_status_wrap table th{padding:11px 3px; background-color:#567ebf; border:1px solid #567ebf; color:#ffffff; font-weight:500; text-align:center; 
		font-size:17px;}
.delivery_status_wrap table td{font-size:16px; padding:11px 3px; text-align:center; line-height:1.4; border:1px solid #dedede;}

/*promotional_material01.asp*/
.promotional_material01_top>div{float:left; width:45%;}
.promotional_material01_top>p{float:right; width:45%; font-size:17px; color:#231f20;}
.promotional_material01_bottom{margin-top:50px;}
.promotional_material01_bottom table{table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; letter-spacing:-1px;}
.promotional_material01_bottom table+table{margin-top:50px;}
.promotional_material01_bottom table th{padding:11px 2px; background-color:#f6f9fd; border:1px solid #dedede; color:#231f20; font-weight:500; 
		text-align:center; font-size:16px;}
.promotional_material01_bottom table tr:first-child th{background-color:#567ebf; border:1px solid #567ebf; color:#ffffff; font-size:17px;}
.promotional_material01_bottom table td{font-size:16px; padding:10px 15px; line-height:1.4; border:1px solid #dedede;} 
.promotional_material01_bottom table td li+li{margin-top:3px;}

/*feature05.asp*/
.feature05_bottom h5{font-size:22px; color:#000000; font-weight:700; padding-left:22px; position:relative; margin-bottom:10px;
		background:url("../images/common/deco02.png")no-repeat 0 10px; background-size:18px auto;}
.feature05_bottom01 p{font-size:16px;}
.feature05_bottom02{margin-top:40px;}
.feature05_bottom02 ol{list-style-type: decimal; list-style-position:outside; font-size:16px; line-height:1.4; padding-left:22px;}
.feature05_bottom02 ol>li+li{margin-top:5px;}
.feature05_bottom02 p.note{color:#567ebf; font-size:16px; line-height:1.4; padding-left:8px; margin-top:5px;}

/*search.asp*/
.search_result{font-size:17px; margin-top:20px; line-height:1.5;}
.search_result strong{color:#000000;} 
.search_result span{color:#000000; font-weight:500;} 


/*1550이하 */
@media screen and (max-width:1550px){



}/*1550이하 끝*/

/*1300이하 */
@media screen and (max-width:1300px){

.left{float:none; display:none;}
.right{float:none; width:100%; padding-left:0; }



}/*1300이하 끝*/

/*1024이하 */
@media screen and (max-width:1024px){

/*promotional_material01.asp*/
.promotional_material01_top>div{width:47.5%;}
.promotional_material01_top>p{width:47.5%;}


}/*1024이하 끝*/

/*768이하 */
@media screen and (max-width:768px){

/*certificate.asp*/
.technology_list>li{width:50%;}
.technology_list>li:nth-child(3n+1){clear:none;}
.technology_list>li:nth-child(2n+1){clear:both;}
.certificate_img_list>li{width:49%;}
.certificate_img_list>li:nth-child(2n+1){clear:both; margin-left:0;}

/*delivery_status.asp*/
.delivery_status_wrap table th{font-size:16px;}
.delivery_status_wrap table td{font-size:14px;}

/*promotional_material01.asp*/
.promotional_material01_top>div{float:none; width:100%;}
.promotional_material01_top>p{float:none; width:100%; margin-top:30px;}





}/*768이하 끝*/

/*600이하 */
@media screen and (max-width:600px){

/*common*/
.sub_container{padding:20px 0 60px;}
.contents_wrap{padding-top:35px;}
/*sub_page_title*/
.sub_page_title p{font-size:14px;}
.sub_page_title .sub_page_info{font-size:15px; line-height:1.5;}

/*breadcrumb*/
.breadcrumb span{font-size:13px;}
.breadcrumb span+span{margin-left:2px;}


/*greeting.asp 인사말*/
.greeting_contents{margin-top:25px;}
.greeting_contents p{font-size:15px;}
.greeting_contents p:first-child{font-size:16px;}
.greeting_contents p+p{margin-top:15px;}
.greeting_contents p:last-child{font-size:16px; margin-top:25px;}

/*company_overview.asp 회사개요*/
.company_overview_contents{margin-top:25px; font-size:15px; }
.company_overview_contents>p:first-child{font-size:16px;}
.company_overview_contents>p+p{margin-top:15px;}
.company_overview_contents table{margin-top:20px;}

/*certificate.asp*/
.patent_info_list>li{padding:15px 10px 15px; font-size:15px;}
.patent_info_list>li strong{margin-top:8px;}
.technology_list{padding:15px 5px;} 
.technology_list>li{font-size:14px; letter-spacing:-1px;}
.certificate_list_wrap{margin-top:30px;}
.certificate_list_wrap>h5{font-size:20px; background-position:0 8px;}
.certificate_list_wrap table{margin-top:10px; font-size:14px; letter-spacing:-1px;}
.certificate_list_wrap table td{padding:11px 10px;} 
.certificate_img_list{margin-top:20px;}
.certificate_img_list>li{font-size:14px; padding:10px 0; }

/*delivery_status.asp*/
.delivery_status_list>li+li{margin-top:40px;}

/*promotional_material01.asp*/
.promotional_material01_top>p{margin-top:15px; font-size:15px;}
.promotional_material01_bottom{margin-top:40px;}
.promotional_material01_bottom table+table{margin-top:40px;}
.promotional_material01_bottom table th{ font-size:14px;}
.promotional_material01_bottom table tr:first-child th{font-size:15px;}
.promotional_material01_bottom table td{font-size:14px; padding:10px;} 

/*feature05.asp*/
.feature05_bottom h5{font-size:20px; background-position:0 8px;}
.feature05_bottom01 p{font-size:15px;}
.feature05_bottom02 ol{font-size:15px; padding-left:17px}
.feature05_bottom02 p.note{font-size:15px; padding-left:5px;}



/*search.asp*/
.search_result{font-size:16px;}

}/*600이하 끝*/

/*420이하 */
@media screen and (max-width:420px){



/***서브 비주얼***/
.sub_visual_txt>div{font-size:14px;}
.sub_visual_txt h3{font-size:22px;}
.sub_visual_txt strong{font-size:16px;}

/*company_overview.asp 회사개요*/
.company_overview_contents table{font-size:14px; line-height:1.4;}

/*certificate.asp*/
.patent_info_list>li{float:none; width:100%;}
.patent_info_list>li+li{margin-left:0; margin-top:20px;}
.technology_list>li{float:none; width:100%;}

/*certificate.asp*/
.certificate_list_wrap table{font-size:13px;} 

/*delivery_status.asp*/
.delivery_status_wrap table th{font-size:15px;}
.delivery_status_wrap table td{font-size:13px;}

/*promotional_material01.asp*/
.promotional_material01_bottom{margin-top:30px;}
.promotional_material01_bottom table+table{margin-top:20px;}

}/*420이하 끝*/

/*340이하 */
@media screen and (max-width:340px){



}/*340이하 끝*/