@charset "utf-8";
@import url('font.css');

@media (min-width:1300px) {

.product { width:1300px; margin:100px auto;}
.product .title { margin-bottom:50px; text-align:center;}
.product .title span { font-family: 'Pretendard-Black'; font-size:2.3em; color:#222; }
.product .title p { display:block; margin-top:15px; font-size:1.2em; color:#222; line-height:1.4em; }

.divide6_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide6_wrap .content { border:1px solid #fff; width:16%; padding:15px 0; }
/*.divide6_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.divide6_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.divide6_wrap .content .pic img { height:; }
.divide6_wrap .content strong { display:block; margin-top:20px; font-size:1.1em; font-weight:400; color:#222; line-height:35px; letter-spacing:0; text-align:center;}
.divide6_wrap .content span { display:block; border:1px solid #d1d1d1; padding:3px 5px; margin:10px auto 0; width:60px; font-family: 'Pretendard-SemiBold'; font-size:0.85em; color:#222; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover { border:1px solid #35aeea; color:#35aeea; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover span { background:#35aeea; border:1px solid #35aeea; color:#fff; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover strong { color:#179ee1; }

.equipment { background:url(../images/main_equip_bg.jpg) center; background-size:cover; padding:110px 0;}
.equipment .title { margin-bottom:70px; text-align:center;}
.equipment .title span { font-family: 'Pretendard-Black'; font-size:2.3em; color:#fff; }
.equipment .title p { display:block; margin-top:15px; font-size:1.2em; color:#fff; line-height:1.4em; }
.equipment .equip { display:flex; justify-content:; flex-wrap:wrap; width:1300px; margin:0 auto;}
.equipment .equip .content { width:27%; margin:0 5% 3% 0; }
.equipment .equip .content ul li { background:url(../images/main_equip_arr.png) 95% 35px no-repeat; border-bottom:1px solid #7ba0cb; width:100%; padding-bottom:20px; margin-top:20px; }
.equipment .equip .content ul li a { display:block; font-size:1.0em; color:#a2c3e5; }
.equipment .equip .content ul li strong { display:block; font-size:1.5em; font-weight:500; color:#fff; line-height:1.5em; }

.about { background:#f2f2f2; padding:100px 0;}
.about .title { margin-bottom:50px; text-align:center;}
.about .title span { font-family: 'Pretendard-Black'; font-size:2.3em; color:#222; }
.about .title p { display:block; margin-top:15px; font-size:1.2em; color:#222; line-height:1.4em; }

.divide3_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:1300px; margin:0 auto; }
.divide3_wrap .content { width:31%; margin:0; padding:0;}
.divide3_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.divide3_wrap .content .pic img { width:100%; }
.divide3_wrap .content strong { display:block; margin:20px 0 6px; font-size:1.5em; font-weight:600; color:#222; line-height:35px; letter-spacing:-0.5px; text-align:center;}
.divide3_wrap .content span { display:block; width:80%; margin:0 auto; text-align:center; }

.estimate { background:url(../images/main_estimate_bg.jpg) right no-repeat; width:1300px; margin:0 auto; padding:60px 0;}
.estimate p { display:block; margin-bottom:15px; font-family: 'Pretendard-Black'; font-size:1.2em; color:#222;}
.estimate .content { font-size:1.1em; }
.estimate .content strong { display:inline-block; margin-right:20px; font-size:1.7em; color:#222;}
.estimate .content a { display:inline-block; background:url(../images/more_arr.png) 90% 50% no-repeat; background-color:#fff; border:1px solid #717171; margin-left:40px; width:100px; padding:10px 20px; font-size:0.8em; font-weight:600; color:#222; letter-spacing:0.5px; }
.estimate .mail strong { color:#18b3ef; }

}


@media (min-width:768px) and (max-width:1299px){

.product { width:90%; margin:80px auto;}
.product .title { margin-bottom:; text-align:center;}
.product .title span { font-family: 'Pretendard-Black'; font-size:2.3em; color:#222; }
.product .title p { display:block; margin-top:15px; font-size:1.2em; color:#222; line-height:1.4em; }

.divide6_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide6_wrap .content { border:1px solid #fff;; width:32%; margin:3% 0 0; padding:20px 0; }
/*.divide6_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.divide6_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.divide6_wrap .content .pic img { height:; }
.divide6_wrap .content strong { display:block; margin-top:20px; font-size:1.1em; font-weight:400; color:#222; line-height:35px; letter-spacing:0; text-align:center;}
.divide6_wrap .content span { display:block; border:1px solid #d1d1d1; padding:3px 5px; margin:10px auto 0; width:60px; font-family: 'Pretendard-SemiBold'; font-size:0.85em; color:#222; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover { border:1px solid #35aeea; color:#35aeea; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover span { background:#35aeea; border:1px solid #35aeea; color:#fff; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover strong { color:#179ee1; }
	
.equipment { background:url(../images/main_equip_bg.jpg) left; background-size:cover; padding:90px 0;}
.equipment .title { margin-bottom:; text-align:center;}
.equipment .title span { font-family: 'Pretendard-Black'; font-size:2.3em; color:#fff; }
.equipment .title p { display:block; margin-top:15px; font-size:1.2em; color:#fff; line-height:1.4em; }

.equipment .equip { display:flex; justify-content:; flex-wrap:wrap; width:90%; margin:0 auto;}
.equipment .equip .content { width:40%; margin:5%; }
.equipment .equip .content ul li { background:url(../images/main_equip_arr.png) 95% 35px no-repeat; border-bottom:1px solid #7ba0cb; width:100%; padding-bottom:20px; margin-top:20px; }
.equipment .equip .content ul li a { display:block; font-size:1.0em; color:#a2c3e5; }
.equipment .equip .content ul li strong { display:block; font-size:1.5em; font-weight:500; color:#fff; line-height:1.5em; }	
	
.about { background:#f2f2f2; padding:80px 0;}
.about .title { margin-bottom:35px; text-align:center;}
.about .title span { font-family: 'Pretendard-Black'; font-size:2.3em; color:#222; }
.about .title p { display:block; margin-top:15px; font-size:1.2em; color:#222; line-height:1.4em; }

.divide3_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; width:90%; margin:0 auto; }
.divide3_wrap .content { width:31%; margin:0; padding:0;}
.divide3_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.divide3_wrap .content .pic img { width:100%; }
.divide3_wrap .content strong { display:block; margin:20px 0 6px; font-size:1.3em; font-weight:600; color:#222; line-height:35px; letter-spacing:-0.5px; text-align:center;}
.divide3_wrap .content span { display:block; width:80%; margin:0 auto; text-align:center; }	

.estimate { background:url(../images/main_estimate_bg.jpg) right no-repeat; width:90%; margin:0 auto; padding:50px 0;}
.estimate p { display:block; margin-bottom:5px; font-family: 'Pretendard-Black'; font-size:1.1em; color:#222;}
.estimate .content { font-size:1.0em;  }
.estimate .content strong { display:inline-block; margin-right:10px; font-size:1.5em; color:#222;}
.estimate .content a { display:inline-block; background:url(../images/more_arr.png) 90% 50% no-repeat; background-color:#fff; border:1px solid #717171; margin-left:25px; width:100px; padding:10px 20px; font-size:0.8em; font-weight:600; color:#222; letter-spacing:0.5px; }	
.estimate .mail strong { color:#18b3ef; }

}



@media (max-width:767px){
	
.product { width:90%; margin:60px auto;}
.product .title { margin-bottom:; text-align:center;}
.product .title span { font-family: 'Pretendard-Black'; font-size:1.5em; color:#222; }
.product .title p { display:block; margin-top:5px; font-size:0.9em; color:#222; line-height:1.4em; }

.divide6_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide6_wrap .content { border:1px solid #fff;; width:40%; margin:3%; padding:20px 0; }
/*.divide6_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.divide6_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.divide6_wrap .content .pic img { height:100px; }
.divide6_wrap .content strong { display:block; margin-top:20px; font-size:0.9em; font-weight:400; color:#222; line-height:1.3em; letter-spacing:0; text-align:center;}
.divide6_wrap .content span { display:block; border:1px solid #d1d1d1; padding:1px; margin:15px auto 0; width:50px; font-family: 'Pretendard-SemiBold'; font-size:0.7em; color:#222; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover { border:1px solid #35aeea; color:#35aeea; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover span { background:#35aeea; border:1px solid #35aeea; color:#fff; letter-spacing:0.5px; text-align:center;}
.divide6_wrap .content:hover strong { color:#179ee1; }

.equipment { background:url(../images/main_equip_bg.jpg) left; background-size:cover; padding:70px 0;}
.equipment .title { width:80%; margin:0 auto; text-align:center;}
.equipment .title span { font-family: 'Pretendard-Black'; font-size:1.5em; color:#fff; }
.equipment .title p { display:block; margin-top:5px; font-size:0.9em; color:#fff; line-height:1.4em; }

.equipment .equip { display:flex; justify-content:; flex-wrap:wrap; width:90%; margin:0 auto;}
.equipment .equip .content { width:90%; margin:0 5%; }
.equipment .equip .content ul li { background:url(../images/main_equip_arr.png) 95% 20px no-repeat; background-size:5px; border-bottom:1px solid #7ba0cb; width:100%; padding-bottom:10px; margin-top:10px; }
.equipment .equip .content ul li a { display:block; font-size:0.8em; color:#a2c3e5; }
.equipment .equip .content ul li strong { display:block; font-size:1.3em; font-weight:500; color:#fff; line-height:1.5em; }	

.about { background:#f2f2f2; padding:50px 0;}
.about .title { margin-bottom:20px; text-align:center;}
.about .title span { font-family: 'Pretendard-Black'; font-size:1.5em; color:#222; }
.about .title p { display:block; margin-top:5px; font-size:0.9em; color:#222; line-height:1.4em; }

.divide3_wrap { display:flex; justify-content:center; flex-wrap:wrap; width:90%; margin:0 auto;}
.divide3_wrap .content { display:flex; justify-content:center; flex-direction:column; align-items:center; margin:5% 0; padding:0; }
.divide3_wrap .content .pic { display:block; width:100%; padding:0; text-align:center; }
.divide3_wrap .content .pic img { width:100%; }
.divide3_wrap .content strong { display:block; margin:10px 0 2px; font-size:1.2em; font-weight:600; color:#222; line-height:35px; letter-spacing:-0.5px; text-align:center;}
.divide3_wrap .content span { display:block; width:80%; margin:0 auto; font-size:0.9em; line-height:1.3em; text-align:center; }	
	
.estimate { background:url(../images/main_estimate_bg.jpg) bottom right no-repeat; background-size:60%; width:90%; margin:0 auto; padding:40px 0;}
.estimate p { display:block; margin-bottom:5px; font-family: 'Pretendard-Black'; font-size:0.8em; color:#222;}
.estimate .content { font-size:0.9em;  }
.estimate .content strong { display:block; margin-bototm:20px; font-size:1.5em; color:#222;}
.estimate .content a { display:block; background:url(../images/more_arr.png) 90% 50% no-repeat; background-color:#fff; background-size:15px; margin-top:15px; border:1px solid #717171; width:80px; padding:5px 10px; font-size:0.7em; font-weight:600; color:#222; letter-spacing:0.5px; }
.estimate .mail  { display:block; margin-top:15px; }		
.estimate .mail strong { color:#18b3ef; }
	
}






.latestBBS { clear: both; overflow:hidden;}
.latestBBS li .tit { background:#ffca00; padding:4px 10px; font-family: 'Pretendard-SemiBold'; font-size:0.7em; color:#fff; letter-spacing:1.0px; text-align:center; }
.latestBBS li { float:left; border-left:1px solid #e4e4e4; width:300px; padding:10px 50px; }
.latestBBS li .title { display:block; margin-top:20px;  height:60px; font-size:19px; font-weight:500; color:#252525; line-height:28px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.latestBBS li img {display:none;}
.latestBBS li .text {display:none; margin:10px 0 15px 0; height:40px; font-size:15px; font-weight:400; color:#6d6d6d; line-height:21px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.latestBBS li .date {display:inline-block; margin-top:10px; font-size:13px; color:#8d8d8d; letter-spacing:0.5px;}

/*기본게시판
.latestBBS { clear: both; margin-left:0;}
.latestBBS li { border-bottom:1px solid #eaeaea; overflow:hidden; }
.latestBBS li .title { display:inline-block; width:450px; font-size:16px; font-weight:400; color:#2c2c2c; line-height:54px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.latestBBS li img {display:none;}
.latestBBS li .text {display:none;}
.latestBBS li .date {display:; float:right; font-size:13px; color:#909090; line-height:54px; letter-spacing:0.5px;}
*/

/*갤러리게시판*/
.latestGallery li { float:left; width:200px; margin:0 10px 20px 10px;}
.latestGallery li:last-child { margin-right:0px;}
.latestGallery li .img img { width:198px; border:1px #e3e3e3 solid; }
.latestGallery li .caption { width:200px; height:30px; margin-top:10px; font-size:16px; font-weight:400; text-align:center; overflow:hidden; z-index:9; }