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


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

Site Name : ㈜디에스
Part : 메인
Last edit : 2023.05.
Author : Gautech

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

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





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:1500px; height:100%; margin:0 auto; padding:0 30px;}
.contents_box_title { font-size:48px; font-weight:700; margin-bottom:15px; line-height:1.3;}
.contents_box_title>span { color:#dc0000;}
.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%; max-width:1500px; 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:100vh; margin-left:-50vw; left:50vw; top:0%; z-index:1;}
/*.main_slide_p { display:block;}
.main_slide_t { display:none;}
.main_slide_m { display:none;}*/


/* 상단, 비주얼 텍스트 */
.main_slide_p_img { width:100%; height:100vh; background-size:cover; background-position:50% 50%; 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);}
}

.responsive a.bx-prev, .responsive a.bx-next { position:absolute; top:50%; margin-top:30px; width:28px; height:53px; background-size:100% auto; opacity:0.3; text-indent:-9999px;}
.responsive a.bx-prev { left:50%; margin-left:-728px; background-image: url(/chn/images/icon/slider_left_28x53_w.png); z-index:100;}
.responsive a.bx-next { left:50%; margin-left:700px; background-image: url(/chn/images/icon/slider_right_28x53_w.png); z-index:100;}
.responsive a.bx-start, .responsive a.bx-stop {}
.responsive a.bx-start {}
.responsive a.bx-stop {}
/* 페이저 */
.responsive div.bx-pager { position:absolute; width:100%; left:0; bottom:10vh; text-align:center; z-index:100;}
.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;}

.main_vtxt1 { position:absolute; top:50%; margin-top:-200px; left:50%; z-index:150; text-align:left; width:1400px; animation: /*선택자*/txt1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt1 1s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
@keyframes txt1 {
	0% { margin-left:-600px; opacity:0;}
	70% { margin-left:-705px; opacity:1;}
	100% { margin-left:-700px; opacity:1;}
}
.main_slide_title_s { padding:0; font-size:32px; line-height:40px; font-weight:500; letter-spacing:0em; margin-bottom:20px;}
.main_slide_title_s>span { display: inline-block; background-color:#e13726; color:#fff; padding:0 6px;}
.main_slide_title {  padding:0; font-size:70px; line-height:70px; font-weight:700; letter-spacing:0em; margin-bottom:20px;}
.main_slide_title>span { display:block; color:#e13726;}
.main_slide_title2 { padding:0; font-size:18px; font-weight:400; margin-bottom:40px;}

.main_slide_p_img2 { position:absolute; top:500px; left:50%; z-index:152; text-align:left; width:321px; animation: /*선택자*/img2 /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0.5s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: img2 2s ease 0.5s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
.main_slide_p_img2>img { width:100%; height:auto;}
.main_slide_p_img3 { position:absolute; top:500px; left:50%; z-index:151; text-align:left; width:231px; animation: /*선택자*/img3 /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: img3 2s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
.main_slide_p_img3>img { width:100%; height:auto;}
@keyframes img2 {
	0% { margin-left:-150px; opacity:0;}
	70% { margin-left:-255px; opacity:1;}
	100% { margin-left:-250px; opacity:1;}
}
@keyframes img3 {
	0% { margin-left:150px; opacity:0;}
	70% { margin-left:45px; opacity:1;}
	100% { margin-left:50px; opacity:1;}
}



/* 슬라이딩 컨텐츠 */

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

.responsive1 { width:100%; width:1500px; margin:0 auto;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_box { display:block; width:100%;}
.sliding_menu_img { display:block;}
.sliding_menu_img>img { width:100%; height:auto;}
.sliding_menu_title_wrap { position:relative; width:100%; padding:40px 40px 80px 40px; background-color:#878787; -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_title_wrap2 { background-color:#416c97;}
.sliding_menu_title { font-size:30px; font-weight:500; margin-bottom:5px; color:rgba(255,255,255,1);}
.sliding_menu_txt { font-size:16px; font-weight:400; color:rgba(255,255,255,0.6);}
.sliding_menu_more { position:absolute; bottom:40px; right:40px;}
.sliding_menu_box:hover>.sliding_menu_title_wrap { background-color:#dc0000;}


/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:10px; bottom:-80px; background-image: url(/chn/images/icon/btn_left.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; right:10px; bottom:-80px; background-image: url(/chn/images/icon/btn_right.jpg); width:39px; height:39px; 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;}


/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom:-80px; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:70px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 60px; height: 3px; 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; width: 60px; height: 3px; background-color:#dc0000;}




/* 메인 배너 컨텐츠 */

.cont_banner { height:auto; padding:0; width:100%; overflow:hidden;}
.cont_banner:after { display:block; content:""; clear:both;}

.banner_box { float:left; width:50%; height:670px; background-size:cover; background-position:center; color:#FFF; padding:100px 60px;}
.banner_box:nth-child(1) { background-image:url(/chn/images/main/cont_banner_bg01.jpg); text-align:right;}
.banner_box:nth-child(2) { background-image:url(/chn/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; width:600px; font-size:48px; font-weight:500; margin-bottom:10px;}
.banner_box_txt { display:inline-block; width:600px; font-size:16px; margin-bottom:40px; color:rgba(255,255,255,0.7);}
.banner_box_a_wrap { font-size:0;}
.banner_box_a { display:inline-block; padding:10px 20px; border:2px solid #FFF; text-align:center; font-size:18px; margin:4px;}
.banner_box_a:hover { background-color:#fff; color:rgba(0,0,0,0.8);}


/* 고객지원 컨텐츠 */

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

.support_box01 { float:left; width:49%; margin:0 1% 0 0;}
.notice_box { float:left; width:48%; min-height:485px; margin:0 2% 0 0; border:1px solid #CCC; border-bottom:4px solid #dc0000; text-align:left;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:210px; background-size:cover; background-position:50% 50%; margin-bottom:40px;}
.notice_title { padding:0 30px; font-size:20px;  margin-bottom:20px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:40px; padding:0 30px; font-size:14px;  color:#999; line-height:20px; /* 내용 3줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; height:60px;}
.notice_more { padding:0 30px;}

.support_box02 { float:left; width:50%; min-height:485px; padding:0; border:1px solid #ddd; text-align:left;}
.support_box02_in1 { width:100%; height:210px; background-image:url(/chn/images/main/support_box02_in1_bg.jpg); background-size:cover; background-position:center; padding:40px 50px; color:rgb(255,255,255); font-size:0;}
.support_box02_in1_title { font-size:30px; font-weight:700;}
.support_box02_in1_tel { display:inline-block; font-size:18px; margin-right:20px;}
.support_box02_in1_tel>span { font-size:30px; font-weight:700;}
.support_box02_in1_fax { display:inline-block; font-size:18px;}
.support_box02_in1_fax>span { font-size:30px; font-weight:700;}
.support_box02_in2 { width:100%; height:275px; background-image:url(/chn/images/main/support_box02_in2_bg.jpg); background-size:cover; background-position:center; padding:40px 50px; color:rgba(0,0,0,0.9); font-size:0;}
.support_box02_in2_title { font-size:30px; font-weight:700; margin-bottom:10px;}
.support_box02_in2_txt { font-size:15px; color:rgba(0,0,0,0.5); margin-bottom:20px;}
.support_box02_in2_btn { display:inline-block; font-size:18px; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.3); padding:10px 30px; margin-right:10px; background-color:#FFF;}



/* 1500 ~ 1025까지 설정 */

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




}



/* 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:36px; font-weight:700; margin-bottom:10px; line-height:36px;}
.contents_box_txt { font-size:14px; 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:750px; position:relative; margin-left:-512px; left:50%; top:0%; z-index:1;}


/* 상단, 비주얼 텍스트 */
.main_slide_p_img { width:100%; height:750px; background-size:cover; background-position:85% 50%; 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);}
}

/* 페이저 */
.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;}

.main_vtxt1 { position:absolute; top:50%; margin-top:-200px; left:50%; z-index:150; text-align:center; width:700px; animation: /*선택자*/txt1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt1 1s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
@keyframes txt1 {
	0% { margin-left:-250px; opacity:0;}
	70% { margin-left:-355px; opacity:1;}
	100% { margin-left:-350px; opacity:1;}
}
.main_slide_title_s { padding:0; font-size:20px; line-height:20px; font-weight:500; letter-spacing:0em; margin-bottom:15px;}
.main_slide_title_s>span { display: inline-block; background-color:#e13726; color:#fff; padding:0 6px;}
.main_slide_title {  padding:0; font-size:46px; line-height:46px; font-weight:700; letter-spacing:0em; margin-bottom:15px;}
.main_slide_title>span { display:block; color:#e13726;}
.main_slide_title2 { padding:0; font-size:15px; font-weight:400; margin-bottom:0;}

.main_slide_p_img2 { position:absolute; top:400px; left:50%; z-index:152; text-align:left; width:221px; animation: /*선택자*/img2 /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0.5s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: img2 2s ease 0.5s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
.main_slide_p_img2>img { width:100%; height:auto;}
.main_slide_p_img3 { position:absolute; top:400px; left:50%; z-index:151; text-align:left; width:161px; animation: /*선택자*/img3 /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: img3 2s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
.main_slide_p_img3>img { width:100%; height:auto;}
@keyframes img2 {
	0% { margin-left:-230px; opacity:0;}
	70% { margin-left:-335px; opacity:1;}
	100% { margin-left:-330px; opacity:1;}
}
@keyframes img3 {
	0% { margin-left:0px; opacity:0;}
	70% { margin-left:-105px; opacity:1;}
	100% { margin-left:-100px; opacity:1;}
}


/* 슬라이딩 컨텐츠 */

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

.responsive1 { width:100%; width:100%; margin:0 auto;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_box { display:block; width:100%;}
.sliding_menu_img { display:block;}
.sliding_menu_img>img { width:100%; height:auto;}
.sliding_menu_title_wrap { position:relative; width:100%; padding:30px 30px 60px 30px; background-color:#878787; -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_title { font-size:24px; font-weight:500; margin-bottom:0; color:rgba(255,255,255,1);}
.sliding_menu_txt { font-size:14px; font-weight:400; color:rgba(255,255,255,0.6);}
.sliding_menu_more { position:absolute; bottom:30px; right:30px;}
.sliding_menu_box:hover>.sliding_menu_title_wrap { background-color:#dc0000;}


/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:10px; bottom:-70px; background-image: url(/chn/images/icon/btn_left.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; right:10px; bottom:-70px; background-image: url(/chn/images/icon/btn_right.jpg); width:39px; height:39px; 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;}


/* 페이저 */
.responsive1 .slick-dots { position: absolute; display: inline-block; width:100%; left:50%; /*페이저 위치 설정*/ margin-left:-50%; bottom:-70px; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:60px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 50px; height: 3px; 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; width: 50px; height: 3px; background-color:#dc0000;}




/* 메인 배너 컨텐츠 */

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

.banner_box { float:left; width:50%; height:550px; background-size:cover; background-position:center; color:#FFF; padding:60px 40px;}
.banner_box:nth-child(1) { background-image:url(/chn/images/main/cont_banner_bg01.jpg); text-align:right;}
.banner_box:nth-child(2) { background-image:url(/chn/images/main/cont_banner_bg02.jpg); text-align:left;}
.banner_box_title { display:inline-block; width:100%; font-size:34px; font-weight:500; margin-bottom:10px;}
.banner_box_txt { display:inline-block; width:100%; font-size:14px; margin-bottom:40px;}
.banner_box_a_wrap { font-size:0; width:100%;}
.banner_box_a { display:inline-block; padding:10px 20px; border:2px solid #FFF; text-align:center; font-size:16px; margin:4px;}
.banner_box_a:hover { background-color:#fff; color:rgba(0,0,0,0.8);}


/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:80px 20px 100px 20px; margin-bottom:2%;}
.cont_support:after { display:block; content:""; clear:both;}

.support_box01 { float:left; width:100%; margin:0 0 2% 0;}
.notice_box { float:left; width:48%; min-height:1px; margin:0 1%; border:1px solid #CCC; border-bottom:4px solid #dc0000; text-align:left;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:200px; background-size:cover; background-position:50% 50%; margin-bottom:30px;}
.notice_title { padding:0 25px; font-size:18px;  margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.notice_txt { margin-bottom:20px; padding:0 25px; font-size:14px;  color:#999; line-height:20px; /* 내용 3줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; height:60px;}
.notice_more { padding:0 25px; margin-bottom:30px;}

.support_box02 { float:left; width:100%; min-height:1px; padding:0; border:1px solid #ddd; text-align:left;}
.support_box02_in1 { width:100%; height:auto; background-image:url(/chn/images/main/support_box02_in1_bg.jpg); background-size:cover; background-position:center; padding:40px; color:rgb(255,255,255); font-size:0;}
.support_box02_in1_title { font-size:24px; font-weight:700;}
.support_box02_in1_tel { display:inline-block; font-size:16px; margin-right:20px;}
.support_box02_in1_tel>span { font-size:30px; font-weight:700;}
.support_box02_in1_fax { display:inline-block; font-size:16px;}
.support_box02_in1_fax>span { font-size:30px; font-weight:700;}
.support_box02_in2 { width:100%; height:auto; background-image:url(/chn/images/main/support_box02_in2_bg.jpg); background-size:cover; background-position:center; padding:40px; color:rgba(0,0,0,0.9); font-size:0;}
.support_box02_in2_title { font-size:24px; font-weight:700; margin-bottom:10px;}
.support_box02_in2_txt { font-size:14px; color:rgba(0,0,0,0.5); margin-bottom:20px;}
.support_box02_in2_btn { display:inline-block; font-size:14px; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.3); padding:10px 30px; margin-right:10px; background-color:#FFF;}




}



/* 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_p_img { width:100%; height:600px; background-size:cover; background-position:65% 50%; 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);}
}

/* 페이저 */
.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;}

.main_vtxt1 { position:absolute; top:50%; margin-top:-170px; left:50%; z-index:150; text-align:center; width:320px; animation: /*선택자*/txt1 /*동작시간*/1s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: txt1 1s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
@keyframes txt1 {
	0% { margin-left:-60px; opacity:0;}
	70% { margin-left:-165px; opacity:1;}
	100% { margin-left:-160px; opacity:1;}
}
.main_slide_title_s { padding:0; font-size:15px; line-height:15px; font-weight:500; letter-spacing:0em; margin-bottom:10px;}
.main_slide_title_s>span { display: inline-block; background-color:#e13726; color:#fff; padding:0 6px;}
.main_slide_title {  padding:0; font-size:30px; line-height:30px; font-weight:700; letter-spacing:0em; margin-bottom:10px;}
.main_slide_title>span { display:block; color:#e13726;}
.main_slide_title2 { padding:0; font-size:12px; font-weight:400; margin-bottom:0;}

.main_slide_p_img2 { position:absolute; top:320px; left:50%; z-index:152; text-align:left; width:180px; animation: /*선택자*/img2 /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0.5s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: img2 2s ease 0.5s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
.main_slide_p_img2>img { width:100%; height:auto;}
.main_slide_p_img3 { position:absolute; top:320px; left:50%; z-index:151; text-align:left; width:130px; animation: /*선택자*/img3 /*동작시간*/2s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/1s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: img3 2s ease 1s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:0% 0%;}
.main_slide_p_img3>img { width:100%; height:auto;}
@keyframes img2 {
	0% { margin-left:-100px; opacity:0;}
	70% { margin-left:-205px; opacity:1;}
	100% { margin-left:-200px; opacity:1;}
}
@keyframes img3 {
	0% { margin-left:70px; opacity:0;}
	70% { margin-left:-35px; opacity:1;}
	100% { margin-left:-30px; opacity:1;}
}



/* 슬라이딩 컨텐츠 */

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

.responsive1 { width:100%; width:100%; margin:0 auto;}
.sliding_menu { padding:0; color:#FFF; text-align:left;}
.sliding_menu_box { display:block; width:100%;}
.sliding_menu_img { display:block;}
.sliding_menu_img>img { width:100%; height:auto;}
.sliding_menu_title_wrap { position:relative; width:100%; padding:20px 20px 50px 20px; background-color:#878787; -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_title { font-size:20px; font-weight:500; margin-bottom:0; color:rgba(255,255,255,1);}
.sliding_menu_txt { font-size:13px; font-weight:400; color:rgba(255,255,255,0.6);}
.sliding_menu_more { position:absolute; bottom:20px; right:20px;}
.sliding_menu_box:hover>.sliding_menu_title_wrap { background-color:#dc0000;}


/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:0; bottom:-60px; background-image: url(/chn/images/icon/btn_left.jpg); width:39px; height:39px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.responsive1 .slick-next { position:absolute; right:0; bottom:-60px; background-image: url(/chn/images/icon/btn_right.jpg); width:39px; height:39px; 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;}


/* 페이저 */
.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:36px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 30px; height: 3px; 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; width: 30px; height: 3px; background-color:#dc0000;}




/* 메인 배너 컨텐츠 */

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

.banner_box { float:left; width:100%; height:auto; background-size:cover; background-position:center; color:#FFF; padding:60px 20px 100px 20px;}
.banner_box:nth-child(1) { background-image:url(/chn/images/main/cont_banner_bg01.jpg); text-align:center;}
.banner_box:nth-child(2) { background-image:url(/chn/images/main/cont_banner_bg02.jpg); text-align:center;}
.banner_box_title { display:inline-block; width:100%; font-size:26px; font-weight:500; margin-bottom:5px;}
.banner_box_txt { display:inline-block; width:100%; font-size:13px; margin-bottom:30px;}
.banner_box_a_wrap { font-size:0; width:100%;}
.banner_box_a { display:inline-block; padding:5px 10px; border:2px solid #FFF; text-align:center; font-size:13px; margin:4px;}
.banner_box_a:hover { background-color:#fff; color:rgba(0,0,0,0.8);}


/* 고객지원 컨텐츠 */

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

.support_box01 { float:left; width:100%; margin:0 0 2% 0;}
.notice_box { float:left; width:100%; min-height:1px; margin:0 0 4% 0; border:1px solid #CCC; border-bottom:4px solid #dc0000; text-align:left;}
.notice_link { display:block; width:100%; height:auto;}
.notice_img { width:100%; height:180px; background-size:cover; background-position:50% 50%; margin-bottom:20px;}
.notice_title { padding:0 20px; font-size:16px;  margin-bottom:5px; /* 내용 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; /* 내용 3줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; word-wrap:break-word; height:60px;}
.notice_more { padding:0 20px; margin-bottom:20px;}

.support_box02 { float:left; width:100%; min-height:1px; padding:0; border:1px solid #ddd; text-align:left;}
.support_box02_in1 { width:100%; height:auto; background-image:url(/chn/images/main/support_box02_in1_bg.jpg); background-size:cover; background-position:center; padding:30px; color:rgb(255,255,255); font-size:0;}
.support_box02_in1_title { font-size:20px; font-weight:700; margin-bottom:10px;}
.support_box02_in1_tel { display:block; font-size:14px; margin-right:0; line-height:26px;}
.support_box02_in1_tel>span { font-size:26px; font-weight:700;}
.support_box02_in1_fax { display:block; font-size:14px; line-height:26px;}
.support_box02_in1_fax>span { font-size:26px; font-weight:700;}
.support_box02_in2 { width:100%; height:auto; background-image:url(/chn/images/main/support_box02_in2_bg.jpg); background-size:cover; background-position:center; padding:30px; color:rgba(0,0,0,0.9); font-size:0;}
.support_box02_in2_title { font-size:20px; font-weight:700; margin-bottom:10px;}
.support_box02_in2_txt { font-size:13px; color:rgba(0,0,0,0.5); margin-bottom:20px;}
.support_box02_in2_btn { display:inline-block; font-size:14px; color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0.3); padding:6px 20px; margin-right:10px; background-color:#FFF;}





}