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


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

Site Name : 반응형 고급형 C
Part : 메인
Last edit : 2020.07.07
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:100%; height:100%; margin:0 auto; padding:0;}
.contents_box_title { font-size:55px; font-weight:900; margin-bottom:10px; line-height:1.3;}
.contents_box_title>span { color:#427ca5;}
.contents_box_txt { font-size:16px; margin-bottom:60px; letter-spacing:-0.04em; color:rgba(0,0,0,0.5);}
.contents_box_txt>span { display:block;}
.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:1300px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_top { position:relative; height:100vh; width:100%;}
.main_slide { width:100%; height:100vh; min-height:800px; position:relative; z-index:1; overflow:hidden;}
.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:101%; min-height:101%;}
.main_top_mask { background-color:rgba(0,0,0,0.3); width:100%; height:100vh; min-height:800px; position:absolute; top:0; left:0; z-index:9;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:35vh; left:0; right:0; z-index:10;}
.main_slide_title_wrap { margin:0 auto; width:70%; text-align:left; line-height:1.1;}
.main_slide_title1 { font-size:13px; font-weight:500; color:rgba(255,255,255,0.9); letter-spacing:0.5em; margin:0 0 20px 0;}
.main_slide_title2 { font-size:72px; font-weight:900; color:rgba(255,255,255,0.9); margin:0; letter-spacing:0;}
.main_slide_title3 { font-size:44px; font-weight:300; color:rgba(255,255,255,0.9); margin:0 0 30px 0; letter-spacing:0;}
.main_slide_title4 { font-size:16px; font-weight:300; color:rgba(255,255,255,0.9); line-height:1.4;}
.main_slide_title4>span { display:block;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:auto; padding:90px 0 180px 0;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { width:100%; max-width:1800px; margin:0 auto; height:450px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left; height:450px;}

.sliding_menu_box { position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.sliding_menu_box_img { width:100%; height:100%; background-size:cover; background-position:center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.sliding_menu_box_img1 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.sliding_menu_box_img2 { background-image:url(/images/main/cont_slide_bg02.jpg);}
.sliding_menu_box_img3 { background-image:url(/images/main/cont_slide_bg03.jpg);}
.sliding_menu_box_img4 { background-image:url(/images/main/cont_slide_bg04.jpg);}
.sliding_menu_box_txt { position:absolute; top:0; left:0; right:0; bottom:0; padding:50px; z-index:1;}
.sliding_menu_title { font-size:30px; font-weight:700; margin-bottom:20px;}
.sliding_menu_txt { font-size:15px; font-weight:300; margin-bottom:30px; line-height:1.4;}
.sliding_menu_btn_wrap { width:100%; font-size:0;}
.sliding_menu_btn { display:inline-block; vertical-align:top; padding:10px 40px; background-color:rgba(56,103,176,0.5); margin:0 10px 10px 0; color:#fff; font-size:16px; font-weight:300;}
.sliding_menu_btn:hover { background-color:rgba(56,103,176,1);}

.sliding_menu_box:hover>.sliding_menu_box_img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

/* 페이저 */
.responsive1 .slick-dots { position:absolute; display:inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom:-60px; text-align:center;}
.responsive1 .slick-dots li { position:relative; display:inline-block; width:20px; margin:0; cursor:pointer; line-height:14px;}
.responsive1 .slick-dots li button { display:inline-block; width:14px; height:14px; border-radius:7px; cursor:pointer; background-color:#000; opacity:0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity:1; background-color:#d42225;}




/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:50%; height:600px; background-size:cover; background-position:center; padding:100px 60px; font-size:0;}
.banner_box:nth-child(1) { background-image:url(/images/main/cont_banner_bg01.jpg); text-align:right; padding-left:15%;}
.banner_box:nth-child(2) { background-image:url(/images/main/cont_banner_bg02.jpg); text-align:left; padding-right:15%;}
.banner_box_title { display:inline-block; width:100%; font-size:48px; margin-bottom:20px; font-weight:700; line-height:1.2; color:#FFF;}
.banner_box_txt { display:inline-block; width:100%; font-size:15px; margin-bottom:30px; font-weight:300; line-height:1.2; color:rgba(255,255,255,0.8);}
.banner_box_a { display:inline-block; vertical-align:top; padding:10px 40px; background-color:rgba(56,103,176,0.5); margin:0 10px 10px 0; color:#fff; font-size:16px; font-weight:300;}
.banner_box_a:hover { background-color:rgba(56,103,176,1);}



/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:150px 0 150px 0; background-color:rgba(0,0,0,0.9);}
.cont_support:after { display:block; content:""; clear:both;}

.cont_support_box_wrap { width:100%; max-width:1300px; margin:0 auto; font-size:0;}

.cont_support_box { display:inline-block; vertical-align:top; width: calc(50% - 10px); height:440px; margin:0 10px 0 0; text-align:left;}
.cont_support_box_banner1 { width:100%; height:240px; padding:50px 50px 0 50px; color:rgba(255,255,255,0.9); background-image:url(/images/main/banner1_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cont_support_box_banner1_title { font-size:30px; font-weight:700; margin-bottom:10px;}
.cont_support_box_banner1_tel { font-size:28px; font-weight:700; letter-spacing:-0.02em;}
.cont_support_box_banner1_tel>p { display:inline-block;}
.cont_support_box_banner1_tel>p>span { font-size:16px; margin-right:4px;}
.cont_support_box_banner1_tel>p:nth-child(2)>span { margin-left:20px;}
.cont_support_box_banner1_mail { font-size:22px; font-weight:500;}
.cont_support_box_banner1_mail>span { font-size:16px; margin-right:4px;}
.cont_support_box_banner1_mail>a {}

.cont_support_box_banner2 { position:relative; width:100%; height:200px; padding:50px 40% 50px 50px; background-image:url(/images/main/banner2_bg.png); background-position:100% 50%; background-repeat:no-repeat; background-size:auto 100%; border:1px solid rgba(0,0,0,0.1); background-color:#fff;}
.cont_support_box_banner2_title { font-size:30px; font-weight:700; margin-bottom:10px;}
.cont_support_box_banner2_txt { font-size:0; color:rgba(0,0,0,0.6); margin-bottom:3px;}
.cont_support_box_banner2_txt1 { display:inline-block; vertical-align:top; font-size:15px;}
.cont_support_box_banner2_btn { position:absolute; right:50px; top:50%; margin-top:-24px; display:inline-block; padding:10px 40px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.1); font-size:18px;}

.cont_support_box2 { display:inline-block; vertical-align:top; width: calc(50% - 10px); height:440px; margin:0 0 0 10px; text-align:center; background-color:rgba(255,255,255,1); padding:70px 0 0 0; font-size:0; border:1px solid rgba(0,0,0,0.1);}
.cont_support_box2_in { display:inline-block; vertical-align:top; width:50%; border-right:1px solid rgba(0,0,0,0.1);}
.cont_support_box2_in:last-child { border-right:none;}
.cont_support_box2_in_icon { width:100%; text-align:center;}
.cont_support_box2_title { font-size:26px; font-weight:700; margin:15px 0 10px 0; letter-spacing:-0.04em;}
.cont_support_box2_title1 {}
.cont_support_box2_title2 {}
.cont_support_box2_txt { font-size:14px; margin-bottom:30px; padding:0 15%; color:rgba(0,0,0,0.5);}
.cont_support_box2_btn { display:inline-block; vertical-align:top; padding:10px 40px; background-color:rgba(0,0,0,0.5); margin:0 10px 10px 0; color:#fff; font-size:16px; font-weight:300;}
.cont_support_box2_btn:hover { background-color:rgba(56,103,176,1);}



/* 1500 ~ 1100까지 설정 */

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



}



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

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



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:inherit; height:100%; margin:0 auto; padding:0 20px;}
.contents_box_title { font-size:40px; font-weight:900; margin-bottom:10px; line-height:1.3;}
.contents_box_txt { font-size:14px; opacity:1;  margin-bottom:30px; line-height:1.3;}
.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 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_top { position:relative; height:600px; width:100%;}
.main_slide { width:100%; height:600px; min-height:1px; position:relative; z-index:1; overflow:hidden;}
.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:101%; min-height:101%;}
.main_top_mask { background-color:rgba(0,0,0,0.3); width:100%; height:600px; min-height:1px; position:absolute; top:0; left:0; z-index:9;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:180px; left:0; right:0; z-index:10;}
.main_slide_title_wrap { margin:0 auto; width:94%; text-align:center; line-height:1.1;}
.main_slide_title1 { font-size:12px; font-weight:500; color:rgba(255,255,255,0.9); letter-spacing:0.5em; margin:0 0 20px 0;}
.main_slide_title2 { font-size:48px; font-weight:900; color:rgba(255,255,255,0.9); margin:0; letter-spacing:0;}
.main_slide_title3 { font-size:30px; font-weight:300; color:rgba(255,255,255,0.9); margin:0 0 30px 0; letter-spacing:0;}
.main_slide_title4 { font-size:14px; font-weight:300; color:rgba(255,255,255,0.9); line-height:1.4;}
.main_slide_title4>span { display:block;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:auto; padding:60px 0;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { width:100%; max-width:1300px; margin:0 auto; height:400px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left; height:360px;}

.sliding_menu_box { position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.sliding_menu_box_img { width:100%; height:100%; background-size:cover; background-position:center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.sliding_menu_box_img1 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.sliding_menu_box_img2 { background-image:url(/images/main/cont_slide_bg02.jpg);}

.sliding_menu_box_txt { position:absolute; top:0; left:0; right:0; bottom:0; padding:40px; z-index:1;}
.sliding_menu_title { font-size:26px; font-weight:700; margin-bottom:10px;}
.sliding_menu_txt { font-size:13px; font-weight:300; margin-bottom:20px; line-height:1.4;}
.sliding_menu_btn_wrap { width:100%; font-size:0;}
.sliding_menu_btn { display:inline-block; vertical-align:top; padding:10px 40px; margin:0 6px 6px 0; color:#fff; font-size:14px; font-weight:300;}
.sliding_menu_btn:hover {}

.sliding_menu_box:hover>.sliding_menu_box_img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

/* 페이저 */
.responsive1 .slick-dots { position:absolute; display:inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom:0; text-align:center;}
.responsive1 .slick-dots li { position:relative; display:inline-block; width:20px; margin:0; cursor:pointer; line-height:14px;}
.responsive1 .slick-dots li button { display:inline-block; width:14px; height:14px; border-radius:7px; cursor:pointer; background-color:#000; opacity:0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity:1; background-color:#d42225;}



/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:50%; height:450px; background-size:cover; background-position:center; color:#FFF; padding:80px 40px;}
.banner_box:nth-child(1) { text-align:right; padding-left:40px;}
.banner_box:nth-child(2) { text-align:left; padding-right:40px;}
.banner_box_title { display:inline-block; width:100%; font-size:30px; margin-bottom:10px; font-weight:700; line-height:1.2;}
.banner_box_txt { display:inline-block; width:100%; font-size:13px; margin-bottom:20px; font-weight:300; line-height:1.2;}
.banner_box_a { display:inline-block; vertical-align:top; padding:10px 20px; margin:0 6px 6px 0; color:#fff; font-size:14px; font-weight:300;}
.banner_box_a:hover {}


/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:60px 0 60px 0;}
.cont_support:after { display:block; content:""; clear:both;}

.cont_support_box_wrap { width:100%; max-width:1300px; margin:0 auto; font-size:0;}

.cont_support_box { display:inline-block; vertical-align:top; width:100%; height:auto; margin:0 0 20px 0; text-align:left; font-size:0;}
.cont_support_box_banner1 { width:100%; height:auto; padding:40px; color:rgba(255,255,255,0.9); background-image:url(/images/main/banner1_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cont_support_box_banner1_title { font-size:26px; font-weight:700; margin-bottom:10px;}
.cont_support_box_banner1_tel { font-size:30px; font-weight:700; letter-spacing:-0.02em;}
.cont_support_box_banner1_tel>p { display:inline-block;}
.cont_support_box_banner1_tel>p>span { font-size:16px; margin-right:4px;}
.cont_support_box_banner1_tel>p:nth-child(2)>span { margin-left:20px;}
.cont_support_box_banner1_mail { font-size:20px; font-weight:500;}
.cont_support_box_banner1_mail>span { font-size:16px; margin-right:4px;}
.cont_support_box_banner1_mail>a {}

.cont_support_box_banner2 { position:relative; width:100%; height:auto; padding:40px; background-image:url(/images/main/banner2_bg.png); background-position:100% 50%; background-repeat:no-repeat; background-size:auto 100%; border:1px solid rgba(0,0,0,0.1);}
.cont_support_box_banner2_title { font-size:26px; font-weight:700; margin-bottom:10px;}
.cont_support_box_banner2_txt { font-size:0; color:rgba(0,0,0,0.6); margin-bottom:3px;}
.cont_support_box_banner2_txt1 { display:inline-block; vertical-align:top; font-size:14px;}
.cont_support_box_banner2_btn { position:absolute; right:50px; top:50%; margin-top:-22px; display:inline-block; padding:10px 40px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.1); font-size:16px;}

.cont_support_box2 { display:inline-block; vertical-align:top; width:100%; height:auto; margin:0; text-align:center; background-color:rgba(255,255,255,1); padding:50px 0; font-size:0; border:1px solid rgba(0,0,0,0.1);}
.cont_support_box2_in { display:inline-block; vertical-align:top; width:50%; border-right:1px solid rgba(0,0,0,0.1);}
.cont_support_box2_in:last-child { border-right:none;}
.cont_support_box2_in_icon { width:100%; text-align:center;}
.cont_support_box2_in_icon>img { width:90px; height:auto;}
.cont_support_box2_title { font-size:26px; font-weight:700; margin:0 0 10px 0;}
.cont_support_box2_title1 {}
.cont_support_box2_title2 {}
.cont_support_box2_txt { font-size:14px; margin-bottom:20px; padding:0 15%; color:rgba(0,0,0,0.5);}
.cont_support_box2_btn { display:inline-block; vertical-align:top; padding:10px 40px; margin:0 10px 10px 0; color:#fff; font-size:14px; font-weight:300;}
.cont_support_box2_btn:hover {}



}



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

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



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:inherit; height:100%; margin:0 auto;}
.contents_box_title { font-size:30px; font-weight:900; margin-bottom:5px; line-height:1.3;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:20px; padding:0; line-height:1.3;}
.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;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.main_top { position:relative; height:500px; width:100%;}
.main_slide { width:100%; height:500px; min-height:1px; position:relative; z-index:1; overflow:hidden;}
.main_slide_video { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); min-width:101%; min-height:101%;}
.main_top_mask { background-color:rgba(0,0,0,0.3); width:100%; height:500px; min-height:1px; position:absolute; top:0; left:0; z-index:9;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:100px; left:0; right:0; z-index:10;}
.main_slide_title_wrap { margin:0 auto; width:90%; text-align:center; line-height:1.1;}
.main_slide_title1 { font-size:11px; font-weight:500; color:rgba(255,255,255,0.9); letter-spacing:0.1em; margin:0 0 10px 0;}
.main_slide_title2 { font-size:34px; font-weight:900; color:rgba(255,255,255,0.9); margin:0 0 5px 0; letter-spacing:0;}
.main_slide_title3 { font-size:24px; font-weight:300; color:rgba(255,255,255,0.9); margin:0 0 20px 0; letter-spacing:0;}
.main_slide_title4 { font-size:12px; font-weight:300; color:rgba(255,255,255,0.9); line-height:1.4;}
.main_slide_title4>span { display:inline;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:auto; padding:50px 0;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { width:100%; max-width:1300px; margin:0 auto; height:400px;}
.sliding_menu { padding:0; color:#FFF; text-align:left; height:370px;}

.sliding_menu_box { position:relative; display:block; width:100%; height:100%; overflow:hidden;}
.sliding_menu_box_img { width:100%; height:100%; background-size:cover; background-position:center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.sliding_menu_box_img1 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.sliding_menu_box_img2 { background-image:url(/images/main/cont_slide_bg02.jpg);}

.sliding_menu_box_txt { position:absolute; top:0; left:0; right:0; bottom:0; padding:30px; z-index:1;}
.sliding_menu_title { font-size:24px; font-weight:700; margin-bottom:10px;}
.sliding_menu_txt { font-size:12px; font-weight:300; margin-bottom:20px; line-height:1.4;}
.sliding_menu_btn_wrap { width:100%; font-size:0;}
.sliding_menu_btn { display:inline-block; vertical-align:top; padding:10px 40px; margin:0 6px 6px 0; color:#fff; font-size:13px; font-weight:300;}
.sliding_menu_btn:hover {}

.sliding_menu_box:hover>.sliding_menu_box_img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}


/* 페이저 */
.responsive1 .slick-dots { position:absolute; display:inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom:0; text-align:center;}
.responsive1 .slick-dots li { position:relative; display:inline-block; width:20px; margin:0; cursor:pointer; line-height:14px;}
.responsive1 .slick-dots li button { display:inline-block; width:14px; height:14px; border-radius:7px; cursor:pointer; background-color:#000; opacity:0.2; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li.slick-active button, .responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus { opacity:1; background-color:#d42225;}




/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:none; width:100%; height:auto; background-size:cover; background-position:center; color:#FFF; padding:60px 20px 80px 20px;}
.banner_box:nth-child(1) { text-align:center; padding-left:20px;}
.banner_box:nth-child(2) { text-align:center; padding-right:20px;}
.banner_box_title { display:inline-block; width:100%; font-size:24px; margin-bottom:10px; font-weight:700; line-height:1.2;}
.banner_box_txt { display:inline-block; width:100%; font-size:13px; margin-bottom:20px; font-weight:300; line-height:1.2;}
.banner_box_a { display:inline-block; vertical-align:top; padding:10px 20px; margin:0 6px 6px 0; color:#fff; font-size:13px; font-weight:300;}
.banner_box_a:hover {}


/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:50px 0 70px 0;}
.cont_support:after { display:block; content:""; clear:both;}

.cont_support_box_wrap { width:100%; max-width:1300px; margin:0 auto; font-size:0;}

.cont_support_box { display:inline-block; vertical-align:top; width:100%; height:auto; margin:0 0 20px 0; text-align:left;}
.cont_support_box_banner1 { width:100%; height:auto; padding:25px; margin-bottom:20px; color:rgba(255,255,255,0.9); background-image:url(/images/main/banner1_bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.cont_support_box_banner1_title { font-size:24px; font-weight:700; margin-bottom:10px;}
.cont_support_box_banner1_tel { font-size:26px; font-weight:700; letter-spacing:-0.02em; margin-bottom:10px; line-height:1.1;}
.cont_support_box_banner1_tel>p { display:block;}
.cont_support_box_banner1_tel>p>span { font-size:13px; margin-right:4px;}
.cont_support_box_banner1_tel>p:nth-child(2)>span { margin-left:0;}
.cont_support_box_banner1_mail { font-size:15px; font-weight:500;}
.cont_support_box_banner1_mail>span { font-size:13px; margin-right:4px;}
.cont_support_box_banner1_mail>a {}

.cont_support_box_banner2 { position:relative; width:100%; height:auto; padding:25px; background-image:url(/images/main/banner2_bg.png); background-position:100% 50%; background-repeat:no-repeat; background-size:auto 100%; border:1px solid rgba(0,0,0,0.1);}
.cont_support_box_banner2_title { font-size:24px; font-weight:700; margin-bottom:10px;}
.cont_support_box_banner2_txt { font-size:0; color:rgba(0,0,0,0.6); margin-bottom:3px;}
.cont_support_box_banner2_txt1 { display:inline-block; vertical-align:top; font-size:12px; margin-bottom:10px;}
.cont_support_box_banner2_btn { position: relative; right:auto; top:auto; margin-top:0; display:inline-block; padding:10px 40px; background-color:rgba(255,255,255,0.8); border:1px solid rgba(0,0,0,0.1); font-size:13px;}

.cont_support_box2 { display:inline-block; vertical-align:top; width:100%; height:auto; margin:0; text-align:center; background-color:rgba(255,255,255,1); padding:30px 0; font-size:0; border:1px solid rgba(0,0,0,0.1);}
.cont_support_box2_in { display:inline-block; vertical-align:top; width:80%; margin:0 auto 20px auto; padding:0 0 20px 0; border-right:none; border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_support_box2_in:last-child { border-right:none; border-bottom:none; margin-bottom:0; padding:0;}
.cont_support_box2_in_icon { width:100%; text-align:center;}
.cont_support_box2_in_icon>img { width:90px; height:auto;}
.cont_support_box2_title { font-size:24px; font-weight:700; margin:0 0 5px 0;}
.cont_support_box2_title1 {}
.cont_support_box2_title2 {}
.cont_support_box2_txt { font-size:12px; margin-bottom:15px; padding:0 10%; color:rgba(0,0,0,0.5);}
.cont_support_box2_btn { display:inline-block; vertical-align:top; padding:10px 40px; margin:0 10px 10px 0; color:#fff; font-size:13px; font-weight:300;}
.cont_support_box2_btn:hover {}




}
