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


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

Site Name : 반응형 고급형 B
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%; min-width:1300px; height:100%; margin:0 auto; padding:0 30px;}
.contents_box_title { font-family: 'Roboto', sans-serif; font-size:42px; font-weight:700; margin-bottom:15px; line-height:1.3;}
.contents_box_txt { font-size:16px; opacity:1;  margin-bottom:60px; line-height:1.3;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; 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;}
.responsive { position:relative; width:100%; height:800px; margin-left:-50%; left:50%; top:0%; z-index:1;}
/*.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}*/


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:300px; left:0; width:100%; z-index:10;}
.main_slide_title_s { font-family: 'Roboto', sans-serif; padding:0; font-size:11px; line-height:14px; font-weight:500; color:#FFF; text-align:center; letter-spacing:0.2em; margin-bottom:10px; margin-left:5px;}
.main_slide_title { padding:0; font-size:50px; line-height:70px; font-weight:300; color:#FFF; text-align:center; letter-spacing:-0.02em;}
.main_slide_title>span { font-family: 'Roboto', sans-serif; font-size:70px; font-weight:900; letter-spacing:0;}
.main_slide_title2 { padding:0; font-size:36px; font-weight:400; color:rgba(255,255,255,0.9); text-align:center; letter-spacing:-0.06em; margin-bottom:40px; margin-left:5px;}
.main_slide_btn { display:inline-block; width:240px; height:60px; line-height:56px; font-size:18px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px;}
.main_slide_btn:hover { color:#FFF;}
.main_slide_p_img { width:100%; height:800px; background-image:url(/eng/images/main/mv1_01.jpg); background-size:cover; background-position:50% 100%; background-repeat:no-repeat; animation: /*선택자*/slidein_img /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/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);}
}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:330px; padding:0; background-image:url(/eng/images/main/sliding_img_bg.jpg); background-size:cover; background-position:50% 0%;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { position:absolute; width:100%; height:400px; max-width:1300px; top:-180px; left:50%; margin-left:-650px; z-index:2;}
.sliding_menu { padding:10px; text-align:center;}
.sliding_menu_box { display:block; width:100%;}
.sliding_menu_title { font-size:28px; font-weight:500; margin-bottom:0; color:#FFF; line-height:1.2em;}
.sliding_menu_txt { font-size:16px; font-weight:300; margin-bottom:20px; color:#FFF;}
.sliding_menu_img { width:100%; text-align:center;}
.sliding_menu_img>img { display:inline-block !important;}
.sliding_menu_more { width:100%; text-align:center;}
.sliding_menu_more>img { display:inline-block !important;}

/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:-60px; top:38%; background-image: url(/eng/images/icon/btn_left3.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; right:-60px; top:38%; background-image: url(/eng/images/icon/btn_right3.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus {opacity: 1;}





/* 메인 배너 컨텐츠 */

.cont_banner { width:100%; max-width:1300px; min-width:1300px; margin:0 auto; height:auto; padding:30px 0 80px 0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:48.7%; min-height:500px; background-size:cover; background-position:center; color:#FFF; padding:60px;}
.banner_box:nth-child(1) { background-image:url(/eng/images/main/cont_banner_bg01.jpg); text-align:left; margin-right:2.6%;}
.banner_box:nth-child(2) { background-image:url(/eng/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; font-family: 'Roboto','Noto Sans KR', sans-serif; width:480px; font-size:36px; font-weight:500;}
.banner_box_txt { display:inline-block; width:480px; font-size:16px; margin-bottom:20px; font-weight:300;}
.banner_box_a { display:inline-block; width:240px; height:50px; border:2px solid #FFF; text-align:center; line-height:46px; font-size:18px; margin-bottom:10px;}
.banner_box2 { float:left; width:100%; min-height:500px; background-image:url(/eng/images/main/cont_banner_bg03.jpg); background-size:cover; background-position:center; padding:60px; border:1px solid #ddd; text-align: left; margin-top:30px;}
.banner_box_title2 { display:block; font-family: 'Roboto','Noto Sans KR', sans-serif; font-size:36px; font-weight:500;}
.banner_box_txt2 { display:block; font-size:16px; margin-bottom:20px; font-weight:300;}
.banner_box2_img { position:relative; text-align:center; margin-top:30px;}
.banner_box2_img>img { width:100%; max-width:821px; height:auto;}
.banner_box3, .banner_box4 { float:left; width:48.7%; min-height:200px; padding:50px 50px 0 185px; border:1px solid #ddd; text-align:left; margin-top:30px; background-color:#fff;}
.banner_box3 { background-image:url(/eng/images/main/icon01.png); background-repeat:no-repeat; background-position:8% 50%; margin-right:2.6%;}
.banner_box4 { background-image:url(/eng/images/main/icon02.png); background-repeat:no-repeat; background-position:8% 50%; padding-right:240px; position:relative;}
.main_box_tel_wrap { width:100%;}
.main_box_in_title { width:100%; font-size:22px; font-weight:700; margin-bottom:10px; line-height:1.2em;}
.main_box_in_title2 { width:100%; font-size:20px; font-weight:700; letter-spacing:-0.04em;}
.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:33px; font-weight:700; letter-spacing:-0.08em;}
.main_fax { font-size:18px; margin-left:10px; letter-spacing:-0.02em;}
.btn_main_tel { position:absolute; top:70px; right:70px; background-color:#ca472d; color:#FFF; font-size:18px; padding:10px 30px;}





/* 1500 ~ 1025까지 설정 */

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

.responsive1 { height:500px;}
.support_box01 {width:49%;;}
.notice_box { width:49%;}
.notice_box:nth-child(n+3) { display:none;} /* 이슈 3번째 부터 안나오게 */
.support_box02 {width:50%;}


}



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

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



/* 메인 내용 공통 */

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: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 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.responsive { width:1024px; height:600px; position:relative; margin-left:-512px; left:50%; top:0%; z-index:1;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:200px; left:50%; margin-left:-350px; width:700px; z-index:10;}
.main_slide_title_s { font-family: 'Roboto', sans-serif; padding:0; font-size:11px; line-height:14px; font-weight:500; color:#FFF; text-align:center; letter-spacing:0.2em; margin-bottom:10px; margin-left:5px;}
.main_slide_title {  padding:0; font-size:30px; line-height:50px; font-weight:300; color:#FFF; text-align:center; letter-spacing:-0.02em;}
.main_slide_title>span { display: inline-block; font-family: 'Roboto', sans-serif; font-size:50px; font-weight:900; letter-spacing:0;}
.main_slide_title2 { padding:0; font-size:16px; font-weight:300; color:rgba(255,255,255,0.9); text-align:center; margin-bottom:40px; margin-left:5px;}
.main_slide_btn { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:16px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px; padding:10px 20px;}
.main_slide_btn:hover { color:#FFF;}
.main_slide_p_img { width:auto; height:600px;
animation: /*선택자*/slidein_img /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/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);}
}

/* 페이저 */
.responsive div.bx-pager { position:absolute; width:100%; left:0; top:500px; text-align:center; z-index:50;}
.responsive div.bx-pager div { display:inline-block; margin:0 4px;}
.responsive div.bx-pager div a { display:block; width:60px; height:3px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#d42225;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:330px; padding:0; background-image:url(/eng/images/main/sliding_img_bg.jpg); background-size:cover; background-position:50% 0%;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { position:absolute; width:100%; height:400px; max-width:1300px; top:-180px; left:50%; margin-left:-50%; z-index:2;}
.sliding_menu { padding:10px; text-align:center;}
.sliding_menu_box { display:block; width:100%;}
.sliding_menu_title { font-size:24px; font-weight:500; margin-bottom:0; color:#FFF;}
.sliding_menu_txt { font-size:15px; font-weight:300; margin-bottom:20px; color:#FFF;}
.sliding_menu_img { width:100%; text-align:center;}
.sliding_menu_img>img { display:inline-block !important;}
.sliding_menu_more { width:100%; text-align:center;}
.sliding_menu_more>img { display:inline-block !important;}



/* 메인 배너 컨텐츠 */

.cont_banner { width:100%; max-width:1300px; min-width:1px; margin:0 auto; height:auto; padding:30px 0 80px 0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:48.7%; min-height:400px; background-size:cover; background-position:center; color:#FFF; padding:60px 40px;}
.banner_box:nth-child(1) { background-image:url(/eng/images/main/cont_banner_bg01.jpg); text-align:left; margin-right:2.6%;}
.banner_box:nth-child(2) { background-image:url(/eng/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; font-family: 'Roboto','Noto Sans KR', sans-serif; width:100%; font-size:30px; font-weight:500;}
.banner_box_txt { display:inline-block; width:100%; font-size:15px; margin-bottom:20px; font-weight:300;}
.banner_box_a { display:inline-block; width:200px; height:40px; border:1px solid #FFF; text-align:center; line-height:36px; font-size:16px; margin-bottom:6px;}
.banner_box2 { float:left; width:100%; min-height:500px; background-image:url(/eng/images/main/cont_banner_bg03.jpg); background-size:cover; background-position:center; padding:40px; border:1px solid #ddd; text-align: left; margin-top:30px;}
.banner_box_title2 { display:block; font-family: 'Roboto','Noto Sans KR', sans-serif; font-size:30px; font-weight:500;}
.banner_box_txt2 { display:block; font-size:15px; margin-bottom:20px; font-weight:300;}
.banner_box3, .banner_box4 { float:left; width:48%; min-height:330px; padding:150px 40px 40px 40px; border:1px solid #ddd; text-align:center; margin-top:30px; background-color:#fff;}
.banner_box3 { background-image:url(/eng/images/main/icon01.png); background-repeat:no-repeat; background-position:50% 15%; margin-right:4%;}
.banner_box4 { background-image:url(/eng/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 15%; position:relative;}
.main_box_tel_wrap { width:100%;}
.main_box_in_title { width:100%; font-size:22px; font-weight:700; margin-bottom:10px;}
.main_box_in_title2 { width:100%; font-size:20px; font-weight:700;}
.main_box_in_txt { width:100%; font-size:14px; margin:0 auto 20px auto; color:#666;}
.main_box_in_tel>a { display:block;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; letter-spacing:-0.05em;}
.main_fax { display:block; font-size:18px; margin-left:0; letter-spacing:-0.02em;}
.btn_main_tel { position: relative; top:auto; right:auto; background-color:#ca472d; color:#FFF; font-size:18px; padding:10px 30px;}






}



/* 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: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;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.responsive { width:768px; height:600px; position:relative; margin-left:-384px; left:50%; top:0%; z-index:1;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:150px; left:50%; margin-left:-150px; width:300px; z-index:10;}
.main_slide_title_s { font-family: 'Roboto', sans-serif; padding:0; font-size:11px; line-height:14px; font-weight:500; color:#FFF; text-align:center; letter-spacing:0.2em; margin-bottom:10px; margin-left:5px;}
.main_slide_title {  padding:0; font-size:24px; line-height:30px; font-weight:300; color:#FFF; text-align:center; letter-spacing:-0.02em; margin-bottom:10px;}
.main_slide_title>span { display:block; font-family: 'Roboto', sans-serif; font-size:36px; line-height:40px; font-weight:900; letter-spacing:0;}
.main_slide_title2 { padding:0; font-size:14px; font-weight:300; color:rgba(255,255,255,0.9); text-align:center; margin-bottom:20px; margin-left:5px;}
.main_slide_btn { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:14px; font-weight:400; color:rgba(255,255,255,0.9); border:2px solid rgba(255,255,255,0.8); text-align:center; background-color:rgba(0,0,0,0.2); margin-left:5px; padding:10px 20px;}
.main_slide_btn:hover { color:#FFF;}
.main_slide_p img { width:auto; height:600px;
animation: /*선택자*/slidein_img /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/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);}
}

/* 페이저 */
.responsive div.bx-pager { position:absolute; width:100%; left:0; top:500px; text-align:center; z-index:50;}
.responsive div.bx-pager div { display:inline-block; margin:0 4px;}
.responsive div.bx-pager div a { display:block; width:40px; height:3px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#d42225;}



/* 슬라이딩 컨텐츠 */

.cont_slide { height:300px; padding:0; background-image:url(/eng/images/main/sliding_img_bg.jpg); background-size:cover; background-position:50% 0%;}
.cont_slide:after { display:block; content:""; clear:both;}

.responsive1 { position:absolute; width:100%; height:400px; max-width:1300px; top:-180px; left:50%; margin-left:-50%; z-index:2;}
.sliding_menu { padding:10px; text-align:center;}
.sliding_menu_box { display:block; width:100%;}
.sliding_menu_title { font-size:24px; font-weight:500; margin-bottom:0; color:#FFF;}
.sliding_menu_txt { font-size:15px; font-weight:300; margin-bottom:20px; color:#FFF;}
.sliding_menu_img { width:100%; text-align:center;}
.sliding_menu_img>img { display:inline-block !important;}
.sliding_menu_more { width:100%; text-align:center;}
.sliding_menu_more>img { display:inline-block !important;}




/* 메인 배너 컨텐츠 */

.cont_banner { width:100%; max-width:1300px; min-width:1px; margin:0 auto; height:auto; padding:30px 0 80px 0;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:100%; min-height:1px; background-size:cover; background-position:center; color:#FFF; padding:50px 30px;}
.banner_box:nth-child(1) { background-image:url(/eng/images/main/cont_banner_bg01.jpg); text-align:left; margin-right:0; margin-bottom:30px;}
.banner_box:nth-child(2) { background-image:url(/eng/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; font-family: 'Roboto','Noto Sans KR', sans-serif; width:100%; font-size:24px; font-weight:500;}
.banner_box_txt { display:inline-block; width:100%; font-size:14px; margin-bottom:20px; font-weight:300;}
.banner_box_a { display:inline-block; width:200px; height:40px; border:1px solid #FFF; text-align:center; line-height:36px; font-size:15px; margin-bottom:6px;}
.banner_box2 { float:left; width:100%; min-height:500px; background-image:url(/eng/images/main/cont_banner_bg03.jpg); background-size:cover; background-position:center; padding:30px; border:1px solid #ddd; text-align: left; margin-top:30px;}
.banner_box_title2 { display:block; font-family: 'Roboto','Noto Sans KR', sans-serif; font-size:24px; font-weight:500;}
.banner_box_txt2 { display:block; font-size:14px; margin-bottom:20px; font-weight:300;}
.banner_box2>img { width:auto; height:60px;}
.banner_box3, .banner_box4 { float:left; width:100%; min-height:1px; padding:150px 40px 40px 40px; border:1px solid #ddd; text-align:center; margin-top:30px; background-color:#fff;}
.banner_box3 { background-image:url(/eng/images/main/icon01.png); background-repeat:no-repeat; background-position:50% 15%; margin-right:0;}
.banner_box4 { background-image:url(/eng/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 15%; position:relative;}
.main_box_tel_wrap { width:100%;}
.main_box_in_title { width:100%; font-size:20px; font-weight:700; margin-bottom:10px;}
.main_box_in_title2 { width:100%; font-size:18px; font-weight:700;}
.main_box_in_txt { width:100%; font-size:14px; margin:0 auto 20px auto; color:#666;}
.main_box_in_tel>a { display:block;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:30px; font-weight:700; letter-spacing:-0.05em;}
.main_fax { display:block; font-size:16px; margin-left:0; letter-spacing:-0.02em;}
.btn_main_tel { position: relative; top:auto; right:auto; background-color:#ca472d; color:#FFF; font-size:16px; padding:10px 30px;}









}