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


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

Site Name : 반응형 기본디자인 A1
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:1000px; position:relative;}

.responsive { position:relative; width:100%;}
.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}
.mv_img { position:relative; width:100%; height:1000px; background-position:center; background-size:cover;}

/* 상단, 비주얼 텍스트 */
.main_slide_stitle { font-family: 'Roboto', sans-serif; position:absolute; top:270px; left:50%; width:1200px; margin-left:-600px; padding-left:40px; font-size:13px; line-height:18px; font-weight:700; color:#FFF; text-align:left; letter-spacing:0.5em;z-index:100;}
.main_slide_title { font-family: 'Roboto', sans-serif; position:absolute; top:300px; left:50%; width:1200px; margin-left:-600px; padding-left:40px; font-size:72px; line-height:80px; font-weight:300; color:#FFF; text-align:left; letter-spacing:-0.03em;z-index:100;}
.main_slide_title>span { font-size:90px; font-weight:900; letter-spacing:-0.02em; color:#ff992f;}
.main_slide_title2 { position:absolute; top:490px; left:50%; width:1200px; margin-left:-600px; padding-left:40px; font-size:14px;  color:rgba(255,255,255,0.9); text-align:left;z-index:100;}

.img_mask { position:absolute; bottom:0; right:0; width:947px; height:822px; z-index:99; background-image:url(/images/main/img_mask.png);}

/* 좌우 화살표 */
.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:150; 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; z-index:150; 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:50%; /*페이저 위치 설정*/ margin-left:-560px; bottom: 400px; 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:#fff; 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; background-color:#ff992f;}
.responsive .slick-dots li.slick-active button { opacity: 1; background-color:#ff992f;}

/* 공지사항 */
.main_notice { position:absolute; bottom:120px; left:50%; margin-left:-550px; width:1100px; height:60px; background-color:rgba(0,0,0,0.5); z-index:100; padding:0 80px 0 40px; text-align:left;}
.main_notice_title { display:inline-block; line-height:60px;}
.main_notice_txt { display:inline-block; line-height:60px; padding-left:30px; color:#FFF;}
.main_notice_more { display:block; position:absolute; top:18px; right:25px;}


/* cont_1 */

section>.cont_1 { height:auto;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { float:left; display:block; width:50%; min-height:390px; margin:0 auto; z-index:10; text-align:right; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(2n) { text-align:left;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(2) { background-image:url(/images/main/cont_1_img02.jpg); background-position:0% 50%;}
.cont_1_item_box:nth-child(3) { background-image:url(/images/main/cont_1_img03.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(4) { background-image:url(/images/main/cont_1_img04.jpg); background-position:0% 50%;}

.cont_1_item_box_ment { display:inline-block; padding:90px 60px 0 60px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:500; margin:7px 0; color:#fff; opacity:0.5;}
.cont_1_item_box_title2 { font-size:36px; 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;}



/* cont_3 */

section>.cont_3 { height:auto; padding:80px 0; background-color:#f8f8f8;}

.cont_3_item_box { float:left; display:block; width:23%; min-height:360px; margin:0 1% 1% 1%; background-repeat:no-repeat; background-position:50% 40px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png);}
.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png); background-color:#ebebeb;}
.cont_3_item_box:nth-child(3) { background-image:url(/images/main/icon03.png);}
.cont_3_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#ebebeb;}
.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;}



/* 풋터 */

section>.cont_4 { 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;  display:table-cell; 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;}

.responsive { position:relative; width:100%;}
.main_slide_p { display:none;}
.main_slide_t { display:block;}
.main_slide_m { display:none;}
.mv_img { position:relative; width:100%; height:600px; background-position:center; background-size:cover;}

.main_slide_stitle { position:absolute; top:160px; left:50%; width:760px; margin-left:-380px; padding-left:0; font-size:13px; line-height:18px; font-weight:700; color:#FFF; text-align:center; letter-spacing:0.3em;z-index:100;}
.main_slide_title { position:absolute; top:180px; left:50%; width:760px; margin-left:-380px; padding-left:0; font-size:38px; line-height:44px; font-weight:300; color:#FFF; text-align:center;}
.main_slide_title>span { font-size:50px; font-weight:900; letter-spacing:-0.02em; color:#ff992f;}
.main_slide_title2 { position:absolute; top:290px; left:50%; width:760px; margin-left:-380px; padding-left:0; font-size:13px;  color:rgba(255,255,255,0.9); text-align:center;}

.responsive .slick-prev { display:none !important;}
.responsive .slick-next { display:none !important;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus { display:none !important;}

.responsive .slick-dots { position: absolute; display: inline-block; left:50%; width:700px; margin-left:-350px; 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:#fff; 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; background-color:#ff992f;}
.responsive .slick-dots li.slick-active button { opacity: 1; background-color:#ff992f;}

.img_mask { position:absolute; bottom:0; right:0; width:400px; height:600px; z-index:99; background-image:url(/images/main/img_mask.png); background-size:100% auto; background-repeat:no-repeat; background-position:100% 100%;}

.main_notice { display:none;}


/* cont_1 */

section>.cont_1 { height:auto;}
section>.cont_1:after { display:block; content:""; clear:both;}

.cont_1_item_box { float:left; display:block; width:50%; min-height:250px; margin:0 auto; z-index:10; text-align:right; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(2n) { text-align:left;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(2) { background-image:url(/images/main/cont_1_img02.jpg); background-position:0% 50%;}
.cont_1_item_box:nth-child(3) { background-image:url(/images/main/cont_1_img03.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(4) { background-image:url(/images/main/cont_1_img04.jpg); background-position:0% 50%;}
.cont_1_item_box_ment { display:inline-block; padding:40px 40px 0 40px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-size:16px; font-weight:500; margin:0; color:#fff; opacity:0.5;}
.cont_1_item_box_title2 { font-size:26px; font-weight:700; margin:0 0 5px 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;}



/* cont_2 */

section>.cont_2 { height:auto; padding:50px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:left; width:24%; min-height:340px; margin:0 0.5%; border:1px solid #CCC; border-bottom:4px solid #4a7395;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:120px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title { padding:0 15px; font-size:16px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 15px; font-size:13px;  color:#999; line-height:19px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 76px;}



/* cont_3 */

section>.cont_3 { height:auto; padding:50px 0; background-color:#f8f8f8;}

.cont_3_item_box { float:left; display:block; width:48%; min-height:360px; margin:0 1% 2% 1%; background-repeat:no-repeat; background-position:50% 40px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png);}
.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png); background-color:#ebebeb;}
.cont_3_item_box:nth-child(3) { background-image:url(/images/main/icon03.png);}
.cont_3_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#ebebeb;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { width:100%; font-size:22px; font-weight:500; margin:120px auto 10px auto;}
.main_box_in_title2 { width:100%; font-size:20px; font-weight:500; 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:36px; font-weight:700; margin:5px 0;}




/* 풋터 */

section>.cont_4 { 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:16px; color:rgba(255,255,255,0.7); padding:8px 25px; 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:94%; left:50%; margin-left:-47%; 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; width:100%; max-width:400px;}
.sliding_menu_title { font-size:24px; font-weight:500; margin-bottom:10px;}
.sliding_menu_txt { font-size:14px; padding:0 50px;}

.responsive1 .slick-prev,
.responsive2 .slick-prev
{ position:absolute; left:50%; margin-left:-35px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_left2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-next,
.responsive2 .slick-next
{ position:absolute; left:50%; margin-left:5px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_right2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.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 */





}



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

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



/* 메인 내용 공통 */

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



/* 상단, 비주얼 */

section>.cont_0 { height:600px;}

.responsive { position:relative; width:100%;}
.main_slide_p { display:none;}
.main_slide_t { display:none;}
.main_slide_m { display:block;}
.mv_img { position:relative; width:100%; height:600px; background-position:center; background-size:cover;}

.main_slide_stitle { position:absolute; top:150px; left:50%; width:320px; margin-left:-160px; padding-left:0; font-size:11px; line-height:18px; font-weight:700; color:#FFF; text-align:center; letter-spacing:0.2em;z-index:100;}
.main_slide_title { position:absolute; top:180px; left:50%; width:320px; margin-left:-160px; padding-left:0; font-size:36px; line-height:42px; font-weight:300; color:#FFF; text-align:center;}
.main_slide_title>span { font-size:40px; font-weight:900; letter-spacing:-0.02em; color:#ff992f;}
.main_slide_title2 { position:absolute; top:320px; left:50%; width:320px; margin-left:-160px; padding-left:0; font-size:14px; color:rgba(255,255,255,0.9); text-align:center;}

.responsive .slick-prev { display:none !important;}
.responsive .slick-next { display:none !important;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus { display:none !important;}

.responsive .slick-dots { position: absolute; display: inline-block; left:50%; width:320px; margin-left:-160px; 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:#fff; 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; background-color:#ff992f;}
.responsive .slick-dots li.slick-active button { opacity: 1; background-color:#ff992f;}

.img_mask { position:absolute; bottom:0; right:0; width:250px; height:600px; z-index:99; background-image:url(/images/main/img_mask.png); background-size:100% auto; background-repeat:no-repeat; background-position:100% 100%;}


/* cont_1 */

section>.cont_1 { display:table; height:auto;}
section>.cont_1:after { display:block; content:""; clear:both;}
.contents_box { position:relative;  display: block; vertical-align:middle; width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:24px; font-weight:700; margin-bottom:5px; line-height:30px;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:20px; padding:0 10px; line-height:18px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 20px 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;}

.cont_1_item_box { float:left; display:block; width:100%; min-height:250px; margin:0 auto; z-index:10; text-align:center; background-repeat:no-repeat; background-size:cover;}
.cont_1_item_box:nth-child(2n) { text-align:center;}
.cont_1_item_box:nth-child(1) { background-image:url(/images/main/cont_1_img01.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(2) { background-image:url(/images/main/cont_1_img02.jpg); background-position:0% 50%;}
.cont_1_item_box:nth-child(3) { background-image:url(/images/main/cont_1_img03.jpg); background-position:100% 50%;}
.cont_1_item_box:nth-child(4) { background-image:url(/images/main/cont_1_img04.jpg); background-position:0% 50%;}
.cont_1_item_box_ment { display:inline-block; padding:30px 30px 0 30px; width:100%; max-width:500px; vertical-align:top;}
.cont_1_item_box_title { font-size:14px; font-weight:500; margin:0; color:#fff; opacity:0.5;}
.cont_1_item_box_title2 { font-size:20px; font-weight:700; margin:0 0 5px 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;}



/* cont_2 */

section>.cont_2 { height:auto; padding:30px 0;}
section>.cont_2:after { display:block; content:""; clear:both;}
.notice_box { float:none; width:90%; min-height:300px; margin:0 auto; border:1px solid #CCC; border-bottom:4px solid #4a7395; margin-bottom:2%;}
.notice_box:nth-child(n+3) { display:none;} /* 게시물 3번째 부터 안나오게 */
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:100px; background-size:cover; background-position:50% 50%; margin-bottom:20px;}
.notice_title { padding:0 10px; font-size:15px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 10px; font-size:13px;  color:#999; line-height:18px; /* 내용 4줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 72px;}



/* cont_3 */

section>.cont_3 { height:auto; padding:30px 0; background-color:#f8f8f8;}

.cont_3_item_box { float:none; display:block; width:90%; min-height: inherit; margin:3% auto; background-repeat:no-repeat; background-position:50% 30px; background-color:#FFF; padding:30px 25px 30px 25px;}
.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png);}
.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png); background-color:#ebebeb;}
.cont_3_item_box:nth-child(3) { background-image:url(/images/main/icon03.png);}
.cont_3_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#ebebeb;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { width:100%; font-size:20px; font-weight:500; margin:100px auto 10px auto;}
.main_box_in_title2 { width:100%; font-size:20px; font-weight:500; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:13px; margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; margin:5px 0;}




/* 풋터 */

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




/* 반응형 슬라이드 탭 관련 CSS 2020.02.7 
.sliding_menu_tab_wrap { width:94%; text-align:center; font-size:0; margin-bottom:30px; margin:0 auto;}
.sliding_menu_tab { display:inline-block; font-size:15px; color:rgba(255,255,255,1); padding:5px 25px; background-color:#7b7b7b; border:2px solid #FFF; cursor:pointer; margin:0 1px 4px 1px;}
sliding_menu_tab:hover, .sliding_menu_tab_active {  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:94%; left:50%; margin-left:-47%; 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; width:100%; max-width:400px;}
.sliding_menu_title { font-size:24px; font-weight:500; margin-bottom:10px;}
.sliding_menu_txt { font-size:14px; padding:0 50px;}

.responsive1 .slick-prev,
.responsive2 .slick-prev
{ position:absolute; left:50%; margin-left:-35px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_left2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.responsive1 .slick-next,
.responsive2 .slick-next
{ position:absolute; left:50%; margin-left:5px; top:auto; margin-top:0; bottom:-60px; background-image:url(/images/icon/btn_right2.jpg); background-size:100%; width:30px; height:30px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;}
.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 */





}