@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{color:#444444; padding:0 0 100px; min-height:500px;}
.sub_contents{padding-top:30px;}
.sub_contents>h4{font-size:34px; text-align:center;  color:#000000;}
.sub_contents>h4>span{margin-top:15px; display:block; font-size:55px; color:#e6e6e6; letter-spacing:-2px; font-weight:300; position:relative;}
.sub_contents>h4>span:before{content:''; display:block; width:1px; height:30px; background-color:#255aa7;
		position:absolute; left:50%; top:-15px;}
.contents_wrap{margin-top:35px;}


/***서브 비주얼***/
.sub_visual{display:table;  width:100%;  height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sub_visual_txt{display:table-cell;  vertical-align:middle; text-align:center; color:#ffffff; font-size:22px; font-weight:700; 
		letter-spacing:-1px; text-shadow:1px 1px 2px rgba(0,0,0,0.8); padding:0 10px;}
.sub_visual_txt strong{font-size:30px; font-weight:700;}
.sub_visual_txt p{margin-top:5px;}
.sub_visual01{background-image:url("../images/sub/sub_visual01.jpg");}
.sub_visual02{background-image:url("../images/sub/sub_visual02.jpg");}
.sub_visual03{background-image:url("../images/sub/sub_visual03.jpg");}
.sub_visual04{background-image:url("../images/sub/sub_visual04.jpg");}
.sub_visual05{background-image:url("../images/sub/sub_visual09.jpg");}
.sub_visual06{background-image:url("../images/sub/sub_visual03.jpg");}
/***sub_tab_bar 가로 서브메뉴 선택 탭-common 1200px이하***/
.sub_tab_bar{display:none; background-color:#255aa7;}
.sub_tab{float:left; color:#ffffff; position:relative;}
.sub_tab+div:before{content:''; width:1px; height:100%; display:block; position:absolute; left:0; top:0; bottom:0; background-color:rgba(255,255,255,0.2);}
.sub_tab_01{width:14%;}
.sub_tab_02{width:43%;}
.sub_tab_03{width:43%;}
.sub_tab_bar h4,.sub_tab_bar h3{font-weight:400; padding:8px 15px 7px; font-size:15px; cursor:pointer;}
.sub_tab_bar strong{font-weight:400;}
.sub_tab_bar a{display:block;}
/*icon_home*/
.sub_tab_01{text-align:center;}
.sub_tab_01>a{padding:8px 0 9px;}
.sub_tab_01 .icon_home02{width:16px; height:14px; display:inline-block; position:relative;  font-size:0; vertical-align:middle;}
.sub_tab_01 .icon_home02:before{content:''; width:0; height:0px; display:block; position:absolute; left:0px; top:0px;
		border:7px solid transparent; border-bottom-color:#ffffff; 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);}
.sub_tab_01 .icon_home02:after{content:''; width:4px; height:4px; display:block; position:absolute; left:2px; top:6px;
		border:3px solid #ffffff; border-top-width:3px; border-bottom:0;}
/*메뉴 더보기*/
.sub_tab_bar .menu_more{position:absolute; right:12px; top:14px; width:11px; height:11px; overflow:hidden;
		text-indent:-999999px; display:block; font-size:0;}
.sub_tab_bar .menu_more:after,.sub_tab_bar .menu_more:before{content:''; display:block; background-color:#ffffff; 
		width:11px; height:1px; position:absolute; left:0; top:5px;}
.sub_tab_bar .menu_more:after{width:1px; height:11px; left:5px; top:0; }
.sub_title.open .menu_more:after, .sub_title:hover .menu_more:after{display:none;}
/*sub_tab_2depth 메뉴*/
.sub_tab_2depth{display:none; position:absolute; left:0; top:40px; width:100.5%; z-index:200; background-color:#f8f8f8;
		padding:10px 10px 10px 15px; border-left:1px solid #dddddd; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.sub_tab_2depth>li{padding:2px 0;}
.sub_tab_2depth>li>a:hover{color:#255aa7; }

/*horizontal_menu_bar 가로 서브메뉴 1201px이상*/
.horizontal_menu_bar{text-align:center; border-bottom:1px solid #dddddd;  background-color:#f5f5f5;  }
.horizontal_menu_bar h3{float:left; font-size:18px; width:15%; height:50px; background-color:#255aa7; color:#ffffff; line-height:50px; }
.horizontal_menu_bar ul{width:85%; height:50px; float:right; border-right:1px solid #dddddd; line-height:50px;} 
.horizontal_menu_bar ul>li{float:left; width:20%; height:100%; font-size:16px; position:relative;}
.horizontal_menu_bar ul>li:before{content:''; width:1px; height:100%; background-color:#dddddd; position:absolute; right:0; top:0;}
.horizontal_menu_bar ul>li>a{color:#000000; display:block;} 
.horizontal_menu_bar ul>li>a:hover, .horizontal_menu_bar ul>li>a.h_menu_on{font-weight:500; color:#255aa7; background-color:#ffffff;}
.horizontal_menu_bar.horizontal_menu_bar01 ul,.horizontal_menu_bar.horizontal_menu_bar02 ul{border-right:none;}
.horizontal_menu_bar.horizontal_menu_bar02 ul>li{width:10%;}

/*경로표시 공통 breadcrumb*/
.breadcrumb{margin-bottom:20px;}
.breadcrumb>p{font-size:0;  text-align:right;}
.breadcrumb span{margin-left:5px; display:inline-block;  vertical-align:middle; font-size:14px;}
.breadcrumb span.on{color:#255aa7; }
.breadcrumb span.right_arrow{width:12px; height:12px; position:relative; overflow:hidden;}
.breadcrumb span.right_arrow:before{content:''; height:6px; width:6px; display:block; border:1px solid #777777; 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:2px; left:0px;}
/*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:#255aa7; 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 #255aa7; border-top-width:3px; border-bottom:0;}

/*greeting.asp 인사말*/
.company_introduce_container{background:url("../images/sub/bg_company_introduce.png")no-repeat center center; background-size:cover;}
.company_introduce_wrap>span{display:block; margin:0 auto; max-width:1000px; position:relative;}
.company_introduce_wrap>span>img{width:100%;} 
.greeting_contents{margin:40px auto 0; max-width:1000px; font-size:16px;}
.greeting_contents p+p{margin-top:15px;}
.greeting_contents p b{color:#333333;}
.greeting_contents p:last-child{margin-top:25px; font-weight:500; color:#333333;}
.greeting_contents p:last-child *{display:inline-block; vertical-align:middle;}
.greeting_contents p:last-child img{margin-left:10px;}

/*연혁 history.asp*/
.history_wrap>span{max-width:1000px; display:block; margin:0 auto;}
.history_wrap>div{max-width:1000px; padding:30px 30px 40px; background-color:#f8f8f8; text-align:center; font-size:16px; margin:0 auto 0; }
.history_wrap strong{text-align:center; display:block; color:#000000; font-size:24px;}
.history_wrap ul{display:inline-block; text-align:left; margin-top:30px;}
.history_wrap ul>li{position:relative; padding-left:140px;}
.history_wrap ul>li+li{margin-top:15px;}
.history_wrap ul>li>*{display:inline-block; vertical-align:middle;}
.history_wrap ul span{padding:2px 0; width:110px; margin-right:30px; font-weight:700; text-align:center; border:2px solid #255aa7; background-color:#f8f8f8;
		position:absolute; left:0; top:0; color:#255aa7; border-radius:100px; font-style:italic; position:absolute; left:0; top:0;}
.history_wrap ul span:before{content:''; width:22px; height:1px; display:block; background-color:#255aa7; position:absolute; left:108px; top:50%; z-index:1}
.history_wrap ul em{padding:4px 0;}

/*****오시는길*****/
.map_img>span{display:block; width:510px; height:432px; float:right; overflow:hidden; text-align:center;}
.map_img>span>img{height:100%; vertical-align:top;}
.map_img>div{float:left; width:740px;}
.map_txt{margin:50px auto 0; width:90%; color:#333333; font-size:15px; clear:both; } 
.map_txt table{width:100%; border-top:1px solid #255aa7;	border-collapse:collapse; border-spacing: 0;}
.map_txt table th{width:20%; padding:10px 25px; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; 
		text-align:left; font-weight:500;}
.map_txt table td{width:80%; padding:10px 20px; border-bottom:1px solid #e6e6e6; }
.map_txt table tr:last-child th,.map_txt table tr:last-child td{border-bottom:1px solid #4453c1;}

/*제품소개 business01~08.asp*/
.products_list{font-size:0;}
.products_list>li{display:inline-block; vertical-align:top; width:30%; margin-bottom:60px; font-size:14px; }
.products_list>li+li{margin-left:5%;}
.products_list>li:nth-child(3n+1){margin-left:0;}
.products_list>li>a{display:block;}
.products_list>li>a *{display:block;}
.products_img{border:1px solid #eeeeee;}
.products_img>img{width:100%;}
.products_info{margin-top:13px; padding:0 3px;}
.products_info>strong{color:#111111; font-size:15px; }
.products_info>p{margin-top:3px;}
.products_list>li>a:hover .products_img{border-color:#1b6095;}
.products_list>li>a:hover strong{color:#1b6095;}

/*제품 자세히 보기 business01_01_view.asp~business08_01_view.asp*/
.products_b_img{float:left; width:47%; border:1px solid #eeeeee;}
.products_b_img>img{width:100%;}
.products_info_contents{float:right; width:47%; }
.products_info_title>h6{color:#111111; font-size:19px; margin-bottom:12px;}
.products_info_title>p{font-size:16px; color:#255aa7; font-weight:500;}
.products_info_title>ul{margin-top:10px; font-size:16px;}
.products_info_title>ul>li{padding-left:8px; color:#333333; position:relative;}
.products_info_title>ul>li:before{content:''; width:3px; height:3px; display:block; background-color:#333333; border-radius:100%; position:absolute; left:0; top:12px;}
.products_information{margin-top:20px;} 
.products_information>strong{font-size:16px; display:block; padding-left:14px; position:relative;}
.products_information>strong:before{content:''; width:5px; height:5px; display:block; border:2px solid #1b6095; position:absolute; left:0; top:9px;}
.products_information>ul{margin-top:3px; margin-left:5px;}
.products_information>ul>li{font-size:14px; padding-left:10px; position:relative; color:#555555;}  
.products_information>ul>li+li{margin-top:1px;}
.products_information>ul>li:before{content:'-'; display:block; position:absolute; left:0; top:0;}
.btn_list_wrap{margin-top:30px; text-align:right;}
.btn_list_wrap .btn_list{display:inline-block; padding:8px 40px; font-size:16px; font-weight:500; background-color:#255aa7; color:#ffffff;}
.btn_list_wrap .btn_list:hover{background-color:#1b6095;}

/*sub 제품 슬라이드 */
.products_slide_wrap{margin:80px 0 20px;}
.products_slide_list_wrap{padding:0 80px;}
.products_slide_list>li>a{display:block;}
.products_slide_list>li>a>*{display:block;}
.products_slide_list>li>a strong{color:#111111; font-size:13px; margin-top:8px; text-align:center;}
.products_slide_list>li>a img{border:1px solid #eeeeee;}
.products_slide_list>li>a:hover strong{color:#1b6095;}
.products_slide_list_wrap .swiper-button-prev{background-color:#ffffff; width:80px; height:100%; left:0; top:0; margin-top:0;}
.products_slide_list_wrap .swiper-button-next{background-color:#ffffff; width:80px; height:100%; right:0; top:0; margin-top:0;}
.products_slide_list_wrap .swiper-button-prev:before,.products_slide_list_wrap .swiper-button-next:before{content:''; width:32px; height:32px; 
		display:block; border-radius:100%; top:50%; background-color:#ffffff; border:2px solid #444444; margin-top:-40px;}
.products_slide_list_wrap .swiper-button-prev:before{left:0;}
.products_slide_list_wrap .swiper-button-next:before{right:0;}
.products_slide_list_wrap .swiper-button-next:after,.products_slide_list_wrap .swiper-button-prev:after{content:''; height:11px; width:11px; display:block; 
		border:2px solid #444444; position:absolute; top:50%; margin-top:-26px;}
.products_slide_list_wrap .swiper-button-prev:after{border-right-width:0; border-bottom-width:0; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);  left:50%; margin-left:-5px;}
.products_slide_list_wrap .swiper-button-next:after{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); right:50%; margin-right:-5px;}

/*협력업체 partner01.asp*/
.partner01_wrap>span{display:block; width:100%; height:300px; background:url("../images/sub/partner01.jpg")no-repeat center center;
		background-size:cover;}
.partner01_wrap>ul{font-size:0; margin-top:40px;}
.partner01_wrap>ul li{display:inline-block; vertical-align:top; font-size:15px; text-align:center; width:16%; margin:5px 0; color:#333333; font-weight:500;}
.partner01_wrap>ul li+li{margin-left:0.8%;}
.partner01_wrap>ul li:nth-child(6n+1){margin-left:0;}
.partner01_wrap li>a{display:block; padding:10px 8px; position:relative; border:1px solid #e6e6e6; color:#333333;}
.partner01_wrap li>a:hover{border-color:#5285d0; color:#255aa7;}
.partner01_wrap .c_name{padding-top:6px; display:block; height:33px;}
.partner01_wrap li.logo_no_img>a>em{position:absolute; left:0; top:0; bottom:0; width:100%; height:100%; display:table; font-size:19px; font-weight:700; 
		letter-spacing:-1px;}
.partner01_wrap li.logo_no_img>a>em span{display:table-cell; vertical-align:middle; padding:0 8px;}



/*1320이하 */
@media screen and (max-width:1320px){
/*****오시는길*****/
.map_img>span{ width:46%; }
.map_img>div{width:53%;}

/*horizontal_menu_bar 가로 서브메뉴 1201px이상*/
.horizontal_menu_bar>div{padding:0;}
.horizontal_menu_bar ul{border-right:none;}

}


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

/***sub_tab_bar 가로 서브메뉴 선택 탭-common***/
.sub_tab_bar{display:block;}
/*horizontal_menu_bar 가로 서브메뉴 1201px이상*/
.horizontal_menu_bar{display:none;}

/*제품소개 business01~08.asp*/
.products_list>li{width:31%;}
.products_list>li+li{margin-left:3.5%;}

/*제품 자세히 보기 business01_01_view.asp~business08_01_view.asp*/
.products_b_img{width:48%;}
.products_info_contents{width:48%; }



}


/*1024이하 */
@media screen and (max-width:1024px){
/*common*/
.sub_contents>h4>span {font-size:50px; margin-top:20px;}
.sub_contents>h4>span:before{top:-20px;}

/*경로표시 공통 breadcrumb*/
.breadcrumb>p{text-align:center;}

/*****오시는길*****/
.map_img>span{float:none; width:100%; height:auto;}
.map_img>span>img{max-width:100%; height:auto; margin:40px auto 0}
.map_img>div{float:none; width:100%;}

/*제품소개 business01~08.asp*/
.products_list>li{width:48.5%;}
.products_list>li+li{margin-left:3%;}
.products_list>li:nth-child(3n+1){margin-left:3%;}
.products_list>li:nth-child(2n+1){margin-left:0;}

/*제품 자세히 보기 business01_01_view.asp~business08_01_view.asp*/
.products_b_img{float:none; width:100%;}
.products_info_contents{float:none; width:100%; margin-top:30px;}

/*협력업체 partner01.asp*/
.partner01_wrap>ul li{width:32.8%; letter-spacing:-1px;}
.partner01_wrap>ul li:nth-child(3n+1){margin-left:0;}
.partner01_wrap li.logo_no_img>a>em{font-size:17px;}

}


/*768이하 */
@media screen and (max-width:768px){
/*common*/
.sub_container{padding:0 0 80px; min-height:400px;}
.sub_contents{padding-top:15px;}
.sub_contents>h4{font-size:24px;}
.sub_contents>h4>span{font-size:35px;}
.sub_contents>h4>span:before{height:25px;} 
.contents_wrap{margin-top:25px;}

/***서브 비주얼***/
.sub_visual{height:250px;}
.sub_visual_txt{font-size:18px;}
.sub_visual_txt strong{font-size:24px;}

/*sub_tab_bar 가로 1200px 이하 서브 메뉴 선택 탭*/
.sub_tab_01{display:none;}
.sub_tab_02{width:50%;}
.sub_tab_03{width:50%; }
.sub_tab.sub_tab_02:before{display:none;}

/*****오시는길*****/
.map_txt{margin:30px auto 0; width:100%; font-size:14px;} 
.map_txt table th{width:20%; padding:10px 0 10px 15px;}
.map_txt table td{width:80%; padding:10px; }

/*연혁 history.asp*/
.history_wrap>div{padding:20px 20px 30px;}


}/*768이하 끝*/


/*600이하 */
@media screen and (max-width:600px){
/*common*/
.sub_contents>h4{font-size:21px; letter-spacing:-1px;}
.contents_wrap{margin-top:15px;}
.sub_contents>h4>span{font-size:27px;}
.sub_contents>h4>span:before{height:20px; top:-15px;}

/*제품소개 business01~08.asp*/
.products_list>li{width:100%; display:block; margin:0;}
.products_list>li+li{margin-left:0; margin-top:50px;}
.products_list>li:nth-child(3n+1){margin-left:0;}
.products_list>li:nth-child(2n+1){margin-left:0;}


}

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

/***서브 비주얼***/
.sub_visual_txt{font-size:17px;}

/*greeting.asp 인사말*/
.greeting_contents{margin:30px auto 0; font-size:15px;}

/*연혁 history.asp*/
.history_wrap>div{font-size:15px; padding:20px 10px 30px;}
.history_wrap strong{font-size:22px;}
.history_wrap ul>li{padding-left:112px;}
.history_wrap ul span{padding:2px 0; width:90px; margin-right:20px;}
.history_wrap ul span:before{width:16px; left:88px;}

/*제품 자세히 보기 business01_01_view.asp~business08_01_view.asp*/
.products_info_contents{margin-top:20px;}
.products_info_title>h6{font-size:17px; margin-bottom:8px;}
.products_info_title>ul{font-size:15px; margin-top:8px;}
.products_info_title>p{font-size:15px;}
.products_information>strong{font-size:15px;}
.products_information>ul{margin-left:0; letter-spacing:-1px;}
.btn_list_wrap .btn_list{padding:6px 30px; font-size:15px;}

/*sub 제품 슬라이드 */
.products_slide_list_wrap{padding:0 60px;}
.products_slide_list_wrap .swiper-button-prev{width:60px;}
.products_slide_list_wrap .swiper-button-next{width:60px;}

/*협력업체 partner01.asp*/
.partner01_wrap>ul li{font-size:13px;}
.partner01_wrap li>a{padding:8px 5px;}
.partner01_wrap li.logo_no_img>a>em{font-size:15px;}
.partner01_wrap li.logo_no_img>a>em span{padding:0 5px;}




}