@charset "utf-8";
/* CSS Document */


/* CSS Information ----------------------------------------

Site Name : 반응형 일반형 B
Part : 메인
Last edit : 2020.03.17
Author : Gautech(PDH)

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100,300,400,500,600,700,900)
font-family: 'Noto Serif KR', serif; (200,300,400,500,700,900)
font-family: 'NanumSquareRound', sans-serif; (400,500,700,900)
font-family: 'NanumBarunGothic', sans-serif; (200,300,400,700)
font-family: 'Roboto', sans-serif; (300,400,500,700,900)

--------------------------------------------------------- */





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:1200px; height:100%; margin:0 auto;}
.contents_box_title { font-family: 'Noto Sans KR', sans-serif; font-size:38px; font-weight:700; margin-bottom:15px; line-height:44px;}
.contents_box_txt { font-size:14px; opacity:1;  margin-bottom:40px; line-height:20px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { height:620px; width:90%; max-width:1780px; min-width:1300px; padding-top:120px; overflow:hidden; margin:0 auto; position:relative;}

.responsive { position:relative; width:100%;}
.mv_img { position:relative; width:100%; height:500px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.slick-active .mv_img {
animation: slidein_img 4s ease 0s 1 normal both; 
-webkit-animation: slidein_img 4s ease 0s 1 normal both; 
transform-origin:50% 50%;}

@keyframes slidein_img {
0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:100px; left:50%; width:1200px; margin-left:-600px; padding-left:80px; z-index:10;}
.main_slide_title_s { font-family: 'Noto Sans KR', sans-serif; padding: 0; font-size: 11px; line-height: 14px; font-weight: 500; color: #FFF; text-align: left; letter-spacing: 0.2em; margin-bottom: 10px; margin-left: 5px; }
.main_slide_title { font-family: 'Noto Sans KR', sans-serif; font-size:50px; line-height:56px; font-weight:300; color:#FFF; text-align:left; letter-spacing:0;}
.main_slide_title>span { font-weight:700; letter-spacing:0;}
.main_slide_title2 { font-size:16px;  color:rgba(255,255,255,0.9); text-align:left; margin-top:20px;}

/* 좌우 화살표 
.responsive .slick-prev { position:absolute; left:50%; margin-left:-678px; top:50%; margin-top:-30px; background-image: url(/images/icon/slider_left_28x53_w.png); width:28px; height:53px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive .slick-next { position:absolute; left:50%; margin-left:650px; top:50%; margin-top:-30px; background-image: url(/images/icon/slider_right_28x53_w.png); width:28px; height:53px; text-indent:-9999px; border:none; opacity: 0.7; cursor:pointer;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus {opacity: 1;}*/

/* 페이저 */
.responsive .slick-dots { position: absolute; display: inline-block; left:0; width:100%; /*페이저 위치 설정*/  bottom: 150px; text-align: center;}
.responsive .slick-dots li { position: relative; display: inline-block; width:60px; height: 4px; margin: 0; cursor: pointer; line-height:18px;}
.responsive .slick-dots li button { display: inline-block; width: 50px; height: 4px; cursor: pointer; background-color:#9F9; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive .slick-dots li button:hover, .responsive .slick-dots li button:focus { opacity: 1; width: 50px; height: 4px;}
.responsive .slick-dots li.slick-active button { opacity: .75; color: black;}



/* cont_1 */

section>.cont_1 { position:relative; height:310px; width:1200px; margin:0 auto;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { position:absolute; display:block; width:50%; min-height:390px; top:-80px; left:50%; z-index:120; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%; margin-left:-600px; text-align:left;}
.cont_1_item_box:nth-child(2) { background-color:#3b9064; margin-left:0;}

.cont_1_item_box_ment { display:inline-block; padding:60px 60px 0 60px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:700; margin:7px 0; color:#fff;}
.cont_1_item_box_txt { color:#fff; opacity:0.8; }
.cont_1_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}

.responsive1 { padding:30px 20px 20px 20px;}
.sliding_menu { text-align:center;}
.sliding_menu_box { display:block;}
.sliding_product_img { display:inline-block; text-align:center;}
.sliding_product_title { width:80%; margin:10px auto 5px auto; font-size:20px; color:#FFF; font-weight:500; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_product_txt { width:80%; margin:0 auto; font-size:14px; color:#FFF; font-weight:300; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 40px; line-height:20px;}

.responsive1 .slick-prev { position:absolute; right:40px; top:0; background-image:url(/images/icon/btn_left2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.2; z-index:100;}
.responsive1 .slick-next { position:absolute; right:0; top:0; background-image:url(/images/icon/btn_right2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.2;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 0.5;}



/* cont_2 */

section>.cont_2 { height:auto; padding:20px 0 80px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:left; min-height:400px; border:1px solid #CCC; border-bottom:4px solid #4a7395;}
.notice_box:nth-child(1) { width:24.5%; min-height:400px; margin:0 0.5% 0 0;}
.notice_box:nth-child(2) { width:24%; min-height:400px; margin:0 0.5%;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:157px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title { padding:0 20px; font-size:20px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 20px; font-size:14px;  color:#999; line-height:20px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 80px;}
.cont_3_item_box { float:left; display:block; min-height:400px; background-repeat:no-repeat; background-position:50% 40px; padding:40px 25px 40px 25px;}
.cont_3_item_box03 { background-image:url(/images/main/icon01.png); background-color:#f6f6f6; width:24%; margin:0 0.5% 0 0.5%;}
.cont_3_item_box04 { background-image:url(/images/main/icon02.png); background-color:#ebebeb; width:24.5%; margin:0 0 0 0.5%;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:22px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}

.banner_box{ width:100%; height:auto; display: inline-block; margin-top:40px; text-align:center;}
.banner_box a{display:inline-block;}
.banner_box a img{ border:1px solid #ddd; box-sizing:border-box;}
.banner_box01{ margin:0 10px 0 0px;}
.banner_box02{ margin:0 10px 0 10px;}
.banner_box03{ margin:0 0px 0 10px;}




/* 풋터 */

section>.cont_3 { height:250px; background-color:#444;}




/* 반응형 슬라이드 탭 관련 CSS 2020.02.7 
.sliding_menu_tab_wrap { width:100%; text-align:center; font-size:0; margin-bottom:30px;}
.sliding_menu_tab { display:inline-block; font-size:18px; color:rgba(255,255,255,0.7); padding:10px 30px; background-color:#7b7b7b; border-bottom:2px solid #FFF;  border-top:2px solid #FFF;  border-right:2px solid #FFF; cursor:pointer;}
.sliding_menu_tab:nth-child(1) { border-left:2px solid #FFF;}
.sliding_menu_tab:hover, .sliding_menu_tab_active { font-weight:500; background-image:url(/images/main/cont_2_tab_bg.jpg); background-position:50% 50%; color:#FFF;}

.cont_2>.contents_box>.cont_item_box_wrap { height:610px;}

.sliding_menu { position:absolute; width:100%; height:530px; opacity:0; z-index:-1; }
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box {}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important;}
.sliding_menu_title { font-size:30px; font-weight:500; margin-bottom:10px;}
.sliding_menu_txt { font-size:15px; padding:0 50px;}
.responsive1 .slick-prev,
.responsive2 .slick-prev
{ position:absolute; left:50%; margin-left:-680px; top:50%; margin-top:-30px; background-image:url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-next,
.responsive2 .slick-next
{ position:absolute; left:50%; margin-left:620px; top:50%; margin-top:-30px; background-image:url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus
{opacity: 1;}
반응형 슬라이드 탭 관련 CSS 2020.02.7 */






/* 1024 ~ 768까지 태블릿 설정 */

@media screen and (max-width:1024px) {



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; vertical-align:middle; width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:30px; font-weight:700; margin-bottom:10px; line-height:36px;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:30px; line-height:19px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 30px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { height:600px; width:100%; max-width:none; min-width:1px; padding-top:100px;}

.responsive { position:relative; width:100%;}
.mv_img { position:relative; width:100%; height:500px; background-position:center; background-size:cover;}

.main_slide_txt { position:absolute; top:100px; left:0; width:100%; margin-left:0; padding-left:0; z-index:10;}
.main_slide_title_s {font-family: 'Noto Sans KR', sans-serif; padding: 0; font-size: 11px; text-align:center; line-height: 14px; font-weight: 500; color: #FFF; letter-spacing: 0.2em; margin-bottom: 10px; margin-left: 5px;}
.main_slide_title { font-family: 'Noto Sans KR', sans-serif; font-size:40px; line-height:46px; font-weight:300; color:#FFF; text-align:center; letter-spacing:0;}
.main_slide_title>span { font-weight:700; letter-spacing:0;}
.main_slide_title2 { font-size:15px;  color:rgba(255,255,255,0.9); text-align:center; margin-top:20px;}

.responsive .slick-dots { position: absolute; display: inline-block; left:0; width:100%; margin-left:0; bottom: 50px; text-align: center;}
.responsive .slick-dots li { position: relative; display: inline-block; width:60px; height: 4px; margin: 0; cursor: pointer; line-height:18px;}
.responsive .slick-dots li button { display: inline-block; width: 50px; height: 4px; cursor: pointer; background-color:#9F9; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive .slick-dots li button:hover, .responsive .slick-dots li button:focus { opacity: 1; width: 50px; height: 4px;}
.responsive .slick-dots li.slick-active button { opacity: .75; color: black;}

.main_notice { display:none;}


/* cont_1 */

section>.cont_1 { position:relative; height:410px; width:100%; margin:0 auto;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { position:absolute; display:block; width:50%; min-height:390px; top:20px; z-index:1; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%; left:0; margin-left:0; text-align:left;}
.cont_1_item_box:nth-child(2) { background-color:#3b9064; margin-left:0; left:50%;}

.cont_1_item_box_ment { display:inline-block; padding:40px 40px 0 40px; width:100%; max-width:none; vertical-align:top;}
.cont_1_item_box_title { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:700; margin:7px 0; color:#fff;}
.cont_1_item_box_txt { color:#fff; opacity:0.8; }
.cont_1_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}

.responsive1 { padding:40px 20px 20px 20px;}
.sliding_menu { text-align:center;}
.sliding_menu_box { display:block;}
.sliding_product_img { display:inline-block; text-align:center;}
.sliding_product_title { width:80%; margin:10px auto 5px auto; font-size:18px; color:#FFF; font-weight:500; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_product_txt { width:80%; margin:0 auto; font-size:14px; color:#FFF; font-weight:300; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 40px; line-height:20px;}

.responsive1 .slick-prev { position:absolute; right:40px; top:0; background-image:url(/images/icon/btn_left2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.2; z-index:100;}
.responsive1 .slick-next { position:absolute; right:0; top:0; background-image:url(/images/icon/btn_right2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.2;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 0.5;}



/* cont_2 */

section>.cont_2 { height:auto; padding:20px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:left; min-height:1px; margin:1%; border:1px solid #CCC; border-bottom:4px solid #4a7395;}
.notice_box:nth-child(1) { width:45.5%; min-height:1px; margin:0 1.5% 3% 3%;}
.notice_box:nth-child(2) { width:45.5%; min-height:1px; margin:0 3% 3% 1.5%;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:157px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title { padding:0 20px; font-size:18px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 20px; font-size:13px;  color:#999; line-height:20px; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 40px;}
.notice_more { margin-bottom:20px;}
.cont_3_item_box { float:left; display:block; min-height:400px; background-repeat:no-repeat; background-position:50% 40px; padding:40px 25px 40px 25px;}
.cont_3_item_box03 { background-image:url(/images/main/icon01.png); background-color:#f6f6f6; width:24%; margin:0 0.5% 0 0.5%;}
.cont_3_item_box04 { background-image:url(/images/main/icon02.png); background-color:#ebebeb; width:24.5%; margin:0 0 0 0.5%;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:22px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}

.banner_box{ width:95%; height:auto; display: inline-block; margin-top:20px;}
.banner_box a{ display:inline-block; width:31%;}
.banner_box a img{ border:1px solid #ddd; box-sizing:border-box; width:100%;}
.banner_box01{ margin:0 1% 0 0px;}
.banner_box02{ margin:0 1% 0 1%;}
.banner_box03{ margin:0 0px 0 1%;}




/* 풋터 */

section>.cont_3 { height:250px; background-color:#444;}







}



/* 767 ~ 320까지 모바일 설정 */

@media screen and (max-width:767px) {
/* 기본화면스타일 : 너비값이 제일 작을 때 */



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}



/* 상단, 비주얼 */

section>.cont_0 { height:560px; padding-top:60px; margin:0;}

.responsive { position:relative; width:100%;}
.mv_img { position:relative; width:100%; height:500px; background-position:center; background-size:cover;}

.main_slide_txt { position:absolute; top:100px; left:0; width:100%; margin-left:0; padding:0 20px; z-index:10;}
.main_slide_title_s { padding: 0; font-size: 11px; line-height: 14px; font-weight: 500; color: #FFF; letter-spacing: 0.2em; margin-bottom: 10px; margin-left: 5px; text-align:center;}
.main_slide_title { font-family: 'Noto Sans KR', sans-serif; font-size:34px; line-height:40px; font-weight:300; color:#FFF; text-align:center; letter-spacing:0;}
.main_slide_title>span { font-weight:700; letter-spacing:0;}
.main_slide_title2 { font-size:14px;  color:rgba(255,255,255,0.9); text-align:center; margin-top:20px;}

.responsive .slick-dots { position: absolute; display: inline-block; left:0; width:100%; margin-left:0; bottom: 50px; text-align: center;}
.responsive .slick-dots li { position: relative; display: inline-block; width:60px; height: 4px; margin: 0; cursor: pointer; line-height:18px;}
.responsive .slick-dots li button { display: inline-block; width: 50px; height: 4px; cursor: pointer; background-color:#9F9; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive .slick-dots li button:hover, .responsive .slick-dots li button:focus { opacity: 1; width: 50px; height: 4px;}
.responsive .slick-dots li.slick-active button { opacity: .75; color: black;}



/* cont_1 */

section>.cont_1 { position:relative; height:auto; width:100%; margin:10px auto;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { position:relative; display:block; width:100%; min-height:1px; top:auto; z-index:1; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%; left:0; margin-left:0; text-align:left;}
.cont_1_item_box:nth-child(2) { background-color:#3b9064; margin-left:0; left: auto; margin-top:10px;}

.cont_1_item_box_ment { display:inline-block; padding:30px; width:100%; max-width:none; vertical-align:top;}
.cont_1_item_box_title { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:700; margin:7px 0; color:#fff;}
.cont_1_item_box_txt { color:#fff; opacity:0.8; }
.cont_1_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}

.responsive1 { padding:40px 0 20px 0;}
.sliding_menu { text-align:center;}
.sliding_menu_box { display:block;}
.sliding_product_img { display:inline-block; text-align:center;}
.sliding_product_img>img { width:100%; max-width:260px;}
.sliding_product_title { width:80%; margin:10px auto 5px auto; font-size:17px; color:#FFF; font-weight:500; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_product_txt { width:80%; margin:0 auto; font-size:13px; color:#FFF; font-weight:300; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:36px; line-height:18px;}

.responsive1 .slick-prev { position:absolute; right:40px; top:0; background-image:url(/images/icon/btn_left2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.2; z-index:100;}
.responsive1 .slick-next { position:absolute; right:0; top:0; background-image:url(/images/icon/btn_right2.jpg); background-size:cover; width:40px; height:40px; text-indent:-9999px; border:none; opacity: 0.2;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 0.5;}



/* cont_2 */

section>.cont_2 { height:auto; padding:0 0 20px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:none; min-height:1px; margin:0; border:1px solid #CCC; border-bottom:4px solid #4a7395;}
.notice_box:nth-child(1) { width:100%; min-height:1px; margin:0 0 3% 0;}
.notice_box:nth-child(2) { width:100%; min-height:1px; margin:0 0 3% 0;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:157px; background-size:cover; background-position:50% 50%; margin-bottom:10px;}
.notice_title { padding:0 20px; font-size:16px;  margin-bottom:5px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:10px; padding:0 20px; font-size:13px;  color:#999; line-height:18px; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height:36px;}
.notice_more { margin-bottom:10px;}
.notice_more>img { width:20px; height:auto;}
.cont_3_item_box { float:none; display:block; min-height:1px; background-repeat:no-repeat; background-position:50% 30px; padding:20px 25px 20px 25px;}
.cont_3_item_box03 { background-image:url(/images/main/icon01.png); background-color:#f6f6f6; width:100%; margin:0;}
.cont_3_item_box04 { background-image:url(/images/main/icon02.png); background-color:#ebebeb; width:100%; margin:0;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:18px; font-weight:700; margin:110px auto 5px auto;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:18px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 10px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:30px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}

.banner_box{ width:100%; height:auto; display: inline-block; margin-top:20px;}
.banner_box a{ display:inline-block; width:48%;}
.banner_box a img{ border:1px solid #ddd; box-sizing:border-box; width:100%;}
.banner_box01{ margin:5px 1% 5px 0px;}
.banner_box02{ margin:5px 1% 5px 1%;}
.banner_box03{ margin:5px 0px 5px 1%;}



/* cont_3 */


section>.cont_3 { height:auto; background-color:#444;}






}