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


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

Site Name : 반응형 기본디자인 A3
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:1500px; max-width:1700px; height:100%; margin:0 auto; padding:0 30px;}
.contents_box_title { font-size:48px; font-weight:700; margin-bottom:10px; line-height:1.3; letter-spacing:-0.06em;}
.contents_box_title>span { color:#999;}
.contents_box_txt { font-size:16px; opacity:1;  margin-bottom:40px; 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: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_txt { position:absolute; top:30%; left:100px; width:100%; z-index:10; text-align:left;}
.main_slide_title_s { font-family: 'Roboto', sans-serif; padding:0; font-size:11px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:0.2em; margin-bottom:20px; margin-left:5px;}
.main_slide_title {  padding:0; font-size:60px; line-height:65px; font-weight:700; color:#FFF; letter-spacing:-0.04em; margin-bottom:10px;}
.main_slide_title2 { padding:0; font-size:18px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:30px; 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:auto; height:100vh; min-height:700px;
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(/images/icon/slider_left_28x53_w.png); z-index:100;}
.responsive a.bx-next { left:50%; margin-left:700px; background-image: url(/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; top:600px; 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_search_wrap { position:absolute; height:150px; width:100%; z-index:100; bottom:0; background-color:rgba(0,0,0,0.7);}
.main_search_box { background-color:#ff4a4f; width:80%; max-width:1500px; min-width:300px; height:70px; margin:40px auto 0 auto; border-radius:10px; padding:0 40px 0 10px; text-align:left; font-size:0;}
.main_search_input { border:none; height:50px; width:88%; background-color:#FFF; border-radius:5px; padding:0 20px 0 70px; margin:10px 0; font-size:20px; background-image:url(/images/icon/search.jpg); background-repeat:no-repeat; background-position:20px 50%;}
.main_search_btn { display:inline-block; width:12%; text-align:center; line-height:70px; color:#FFF; font-size:20px; font-weight:500;}



/* 맞춤검색 컨텐츠 */

.cont_search { height:auto; padding:80px 0; background-color:#f6f6f6;}
.cont_search:after { display:block; content:""; clear:both;}

.search_box { position:relative; display:inline-block; vertical-align:top; width:24%; height:auto; min-height:280px; margin:0 0.5% 1% 0.5%; padding:35px 40px; border:1px solid #ccc; border-radius:10px; background-repeat:no-repeat; background-position:84% 84%; background-color:#fff; text-align:left;}
.search_box01 { background-image:url(/images/main/search_bg01.png);}
.search_box02 { background-image:url(/images/main/search_bg02.png);}
.search_box03 { background-image:url(/images/main/search_bg03.png);}
.search_box04 { background-image:url(/images/main/search_bg04.png);}
.search_box05 { background-image:url(/images/main/search_bg05.png);}
.search_box06 { background-image:url(/images/main/search_bg06.png);}
.search_box07 { background-image:url(/images/main/search_bg07.png);}
.search_box08 { background-image:url(/images/main/search_bg08.png);}
.search_box09 { background-image:url(/images/main/search_bg09.png);}
.search_box10 { background-image:url(/images/main/search_bg10.png);}
.search_box11 { background-image:url(/images/main/search_bg11.png);}
.search_box12 { background-image:url(/images/main/search_bg12.png);}
.search_box13 { background-image:url(/images/main/search_bg13.png);}
.search_box_title { font-size:30px; font-weight:700; margin-bottom:5px; letter-spacing:-0.06em;}
.search_box_title>span { color:#999;}
.search_box_txt { font-size:16px; color:#666; letter-spacing:-0.04em; margin-bottom:80px;}
.search_box_icon { position:absolute; left:40px; bottom:40px;}
.search_box:hover { color:#fff; background-color:#ff4a4f;}
.search_box:hover>.search_box_txt,
.search_box:hover>.search_box_title>span { color:#fff;}




/* 슬라이딩 컨텐츠 */

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

.responsive1 { position:absolute; width:100%; height:500px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_box { position:relative; display:block; width:100%; height:400px; background-size:cover; background-position:center;}
.sliding_menu_in { position:absolute; bottom:0; width:100%; padding:30px; background-color:rgba(0,0,0,0.7);}
.sliding_menu_title { font-size:14px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_title2 { font-size:24px; font-weight:500; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt { font-size:16px; font-weight:400; margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt2 { font-size:16px; font-weight:400; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt2>p { display:inline-block; margin-right:10px;}
.sale_icon { display:inline-block; font-size:14px; color:#FFF; padding:0 4px; margin-right:5px;}
.sale_icon1 { background-color:#ff4a4f;}
.sale_icon2 { background-color:#67b835;}
.sale_icon3 { background-color:#4a70ff;}
.sale_icon4 { background-color:#ff8d4a;}
.sale_icon5 { background-color:#b14aff;}
.sliding_menu_img { position:absolute; top:0; left:20px;}
.sliding_menu_img>img {}

/* 좌우 화살표 */
.responsive1 .slick-prev { position:absolute; left:50%; margin-left:-500px; bottom:0; background-image: url(/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; left:50%; margin-left:460px; bottom:0; background-image: url(/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: 0; text-align: center;}
.responsive1 .slick-dots li { position: relative; display: inline-block; width:50px; margin: 0; cursor: pointer; line-height:39px;}
.responsive1 .slick-dots li button { display: inline-block; width: 40px; height: 4px; 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: 40px; height: 4px; background-color:#ff4a4f;}




/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:80px 0 120px 0; background-color:#f2f2f2;}
.cont_support:after { display:block; content:""; clear:both;}

.support_box01 { float:left; width:49.5%; margin:0 0.5% 0 0; padding:45px 0; background-color:#fff; border:1px solid #ddd; min-height:380px;}

.support_box02 { float:left; width:49.5%; margin:0 0 0 0.5%; padding:45px 0; background-color:#fff; border:1px solid #ddd; min-height:380px;}
.cont_3_item_box { float:left; display:block; width:50%; margin:0; background-repeat:no-repeat; background-position:50% 0; padding:0 40px 0 40px;}

.support_box01>.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png); border-right:1px solid #ddd;}
.support_box01>.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png);}
.support_box02>.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon03.png); border-right:1px solid #ddd;}
.support_box02>.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon04.png);}

.main_box_tel_wrap { width:100%; border:4px solid #f25d18; margin-top:120px; margin-bottom:15px; background-color:#F60;}
.main_box_in_title { width:100%; font-size:24px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_txt { width:100%; font-size:15px;  margin:0 auto 20px auto; color:#666; line-height:18px;}
.main_box_in_txt>span { display:inline-block;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:40px; line-height:40px; font-weight:700; margin-bottom:5px; letter-spacing:-0.05em;}
.main_box_in_tel2 { font-family: 'Roboto', sans-serif; font-size:20px; line-height:24px; font-weight:700; margin-bottom:10px; letter-spacing:-0.04em;}



/* 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:40px; font-weight:700; margin-bottom:10px;}
.contents_box_txt { font-size:16px; opacity:1;  margin-bottom:30px;}
.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:700px; position:relative; margin-left:-512px; left:50%; top:0%; z-index:1;}


/* 상단, 비주얼 텍스트 */
.main_slide_txt { position:absolute; top:180px; left:50%; margin-left:-350px; width:700px; z-index:10; text-align:center;}
.main_slide_title_s { font-family: 'Roboto', sans-serif; padding:0; font-size:11px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:0.2em; margin-bottom:10px; margin-left:5px;}
.main_slide_title {  padding:0; font-size:40px; line-height:50px; font-weight:700; color:#FFF; letter-spacing:-0.02em;}
.main_slide_title>img { width:auto; height:50px;}
.main_slide_title2 { padding:0; font-size:16px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:20px; 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:700px;
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_search_wrap { position:absolute; height:130px; width:100%; z-index:100; bottom:0; background-color:rgba(0,0,0,0.7);}
.main_search_box { background-color:#ff4a4f; width:90%; max-width:1500px; min-width:300px; height:60px; margin:35px auto 0 auto; border-radius:10px; padding:0 40px 0 10px; text-align:left; font-size:0;}
.main_search_input { border:none; height:40px; width:80%; background-color:#FFF; border-radius:5px; padding:0 20px 0 60px; margin:10px 0; font-size:16px; background-image:url(/images/icon/search.jpg); background-repeat:no-repeat; background-position:20px 50%;}
.main_search_btn { display:inline-block; width:20%; text-align:center; line-height:60px; color:#FFF; font-size:18px; font-weight:500;}



/* 맞춤검색 컨텐츠 */

.cont_search { height:auto; padding:60px 0; background-color:#f6f6f6;}
.cont_search:after { display:block; content:""; clear:both;}

.search_box { position:relative; display:inline-block; vertical-align:top; width:48%; height:auto; min-height:260px; margin:0 1% 2% 1%; padding:30px 35px; border:1px solid #ccc; border-radius:10px; background-repeat:no-repeat; background-position:84% 84%; background-color:#fff; text-align:left;}
.search_box01 { background-image:url(/images/main/search_bg01.png);}
.search_box02 { background-image:url(/images/main/search_bg02.png);}
.search_box03 { background-image:url(/images/main/search_bg03.png);}
.search_box04 { background-image:url(/images/main/search_bg04.png);}
.search_box05 { background-image:url(/images/main/search_bg05.png);}
.search_box06 { background-image:url(/images/main/search_bg06.png);}
.search_box07 { background-image:url(/images/main/search_bg07.png);}
.search_box08 { background-image:url(/images/main/search_bg08.png);}
.search_box_title { font-size:26px; font-weight:700; margin-bottom:5px; letter-spacing:-0.06em;}
.search_box_title>span { color:#999;}
.search_box_txt { font-size:15px; color:#666; letter-spacing:-0.04em; margin-bottom:80px;}
.search_box_icon { position:absolute; left:35px; bottom:30px;}
.search_box:hover { color:#fff; background-color:#ff4a4f;}
.search_box:hover>.search_box_txt,
.search_box:hover>.search_box_title>span { color:#fff;}



/* 슬라이딩 컨텐츠 */

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

.responsive1 { position:absolute; width:100%; height:450px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_box { position:relative; display:block; width:100%; height:380px; background-size:cover; background-position:center;}
.sliding_menu_in { position:absolute; bottom:0; width:100%; padding:25px; background-color:rgba(0,0,0,0.7);}
.sliding_menu_title { font-size:13px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_title2 { font-size:22px; font-weight:500; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt { font-size:15px; font-weight:400; margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt2 { font-size:15px; font-weight:400; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt2>p { display:inline-block; margin-right:10px;}
.sale_icon { display:inline-block; font-size:13px; color:#FFF; padding:0 4px; margin-right:5px;}
.sale_icon1 { background-color:#ff4a4f;}
.sale_icon2 { background-color:#67b835;}
.sale_icon3 { background-color:#4a70ff;}
.sale_icon4 { background-color:#ff8d4a;}
.sale_icon5 { background-color:#b14aff;}
.sliding_menu_img { position:absolute; top:0; left:20px;}
.sliding_menu_img>img {}

/* 좌우 화살표 */
.responsive1 .slick-prev { display:none !important;}
.responsive1 .slick-next { display:none !important;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus { display:none !important;}

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



/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:80px 0 120px 0; background-color:#f2f2f2;}
.cont_support:after { display:block; content:""; clear:both;}

.support_box01 { float:left; width:100%; margin:0 0 2% 0; padding:30px 0; background-color:#fff; border:1px solid #ddd; min-height:1px;}

.support_box02 { float:left; width:100%; margin:0; padding:30px 0; background-color:#fff; border:1px solid #ddd; min-height:1px;}
.cont_3_item_box { float:left; display:block; width:50%; margin:0; background-repeat:no-repeat; background-position:50% 0; padding:0 40px 0 40px;}

.support_box01>.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png); border-right:1px solid #ddd;}
.support_box01>.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png);}
.support_box02>.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon03.png); border-right:1px solid #ddd;}
.support_box02>.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon04.png);}

.main_box_in_title { width:100%; font-size:22px; font-weight:700; margin:105px auto 10px auto;}
.main_box_in_txt { width:100%; font-size:15px;  margin:0 auto 20px auto; color:#666; line-height:18px;}
.main_box_in_txt>span { display:inline-block;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; line-height:40px; font-weight:700; margin-bottom:5px; letter-spacing:-0.05em;}
.main_box_in_tel2 { font-family: 'Roboto', sans-serif; font-size:18px; line-height:24px; font-weight:700; margin-bottom:10px; letter-spacing:-0.04em;}




}



/* 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; padding:0 10px;}
.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:-160px; width:320px; z-index:10; text-align:center;}
.main_slide_title_s { font-family: 'Roboto', sans-serif; padding:0; font-size:11px; line-height:14px; font-weight:500; color:#FFF; letter-spacing:0.2em; margin-bottom:10px; margin-left:5px;}
.main_slide_title {  padding:0; font-size:26px; line-height:34px; font-weight:700; color:#FFF; letter-spacing:-0.02em;}
.main_slide_title>img { width:auto; height:30px;}
.main_slide_title2 { padding:0; font-size:14px; font-weight:300; color:rgba(255,255,255,0.9); margin-bottom:20px; margin-left:5px;}
.main_slide_btn { display:inline-block; width:auto; height:auto; line-height:inherit; font-size:15px; 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:450px; 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:20px; height:20px; border-radius:10px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#ff4a4f;}

.main_search_wrap { position:absolute; height:100px; width:100%; z-index:100; bottom:0; background-color:rgba(0,0,0,0.7);}
.main_search_box { background-color:#ff4a4f; width:90%; max-width:1500px; min-width:300px; height:60px; margin:20px auto 0 auto; border-radius:10px; padding:0 10px 0 10px; text-align:left; font-size:0;}
.main_search_input { border:none; height:40px; width:70%; background-color:#FFF; border-radius:5px; padding:0 10px 0 45px; margin:10px 0; font-size:14px; background-image:url(/images/icon/search.jpg); background-repeat:no-repeat; background-position:10px 50%;}
.main_search_btn { display:inline-block; width:30%; text-align:center; line-height:60px; color:#FFF; font-size:14px; font-weight:500;}


/* 맞춤검색 컨텐츠 */

.cont_search { height:auto; padding:50px 0; background-color:#f6f6f6;}
.cont_search:after { display:block; content:""; clear:both;}

.search_box { position:relative; display:inline-block; vertical-align:top; width:100%; height:auto; min-height:230px; margin:0 0 4% 0; padding:20px 25px; border:1px solid #ccc; border-radius:10px; background-repeat:no-repeat; background-position:84% 84%; background-color:#fff; text-align:left;}
.search_box01 { background-image:url(/images/main/search_bg01.png);}
.search_box02 { background-image:url(/images/main/search_bg02.png);}
.search_box03 { background-image:url(/images/main/search_bg03.png);}
.search_box04 { background-image:url(/images/main/search_bg04.png);}
.search_box05 { background-image:url(/images/main/search_bg05.png);}
.search_box06 { background-image:url(/images/main/search_bg06.png);}
.search_box07 { background-image:url(/images/main/search_bg07.png);}
.search_box08 { background-image:url(/images/main/search_bg08.png);}
.search_box_title { font-size:22px; font-weight:700; margin-bottom:5px; letter-spacing:-0.06em;}
.search_box_title>span { color:#999;}
.search_box_txt { font-size:14px; color:#666; letter-spacing:-0.04em; margin-bottom:80px;}
.search_box_icon { position:absolute; left:35px; bottom:30px;}
.search_box:hover { color:#fff; background-color:#ff4a4f;}
.search_box:hover>.search_box_txt,
.search_box:hover>.search_box_title>span { color:#fff;}



/* 슬라이딩 컨텐츠 */

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

.responsive1 { position:absolute; width:100%; height:400px;}
.sliding_menu { padding:10px; color:#FFF; text-align:left;}
.sliding_menu_box { position:relative; display:block; width:100%; height:330px; background-size:cover; background-position:center;}
.sliding_menu_in { position:absolute; bottom:0; width:100%; padding:20px; background-color:rgba(0,0,0,0.7);}
.sliding_menu_title { font-size:12px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_title2 { font-size:20px; font-weight:500; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt { font-size:14px; font-weight:400; margin-bottom:10px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt2 { font-size:13px; font-weight:400; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.sliding_menu_txt2>p { display:inline-block; margin-right:10px;}
.sale_icon { display:inline-block; font-size:13px; color:#FFF; padding:0 4px; margin-right:5px;}
.sale_icon1 { background-color:#ff4a4f;}
.sale_icon2 { background-color:#67b835;}
.sale_icon3 { background-color:#4a70ff;}
.sale_icon4 { background-color:#ff8d4a;}
.sale_icon5 { background-color:#b14aff;}
.sliding_menu_img { position:absolute; top:0; left:20px;}
.sliding_menu_img>img {}

/* 좌우 화살표 */
.responsive1 .slick-prev { display:none !important;}
.responsive1 .slick-next { display:none !important;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus { display:none !important;}

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




/* 고객지원 컨텐츠 */

.cont_support { height:auto; padding:50px 0; background-color:#f2f2f2;}
.cont_support:after { display:block; content:""; clear:both;}

.support_box01 { float:left; width:100%; margin:0 0 4% 0; padding:30px; background-color:#fff; border:1px solid #ddd; min-height:1px;}

.support_box02 { float:left; width:100%; margin:0; padding:30px; background-color:#fff; border:1px solid #ddd; min-height:1px;}
.cont_3_item_box { float:left; display:block; width:100%; margin:0; background-repeat:no-repeat; background-position:50% 0; padding:0;}

.support_box01>.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon01.png); border-bottom:1px solid #ddd; border-right:none; padding-bottom:30px;}
.support_box01>.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon02.png);}
.support_box02>.cont_3_item_box:nth-child(1) { background-image:url(/images/main/icon03.png); border-bottom:1px solid #ddd; border-right:none; padding-bottom:30px;}
.support_box02>.cont_3_item_box:nth-child(2) { background-image:url(/images/main/icon04.png);}

.main_box_in_title { width:100%; font-size:20px; font-weight:700; margin:105px auto 5px auto;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 10px auto; color:#666; line-height:18px;}
.main_box_in_txt>span { display:inline-block;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:30px; line-height:36px; font-weight:700; margin-bottom:5px; letter-spacing:-0.05em;}
.main_box_in_tel2 { font-family: 'Roboto', sans-serif; font-size:16px; line-height:22px; font-weight:700; margin-bottom:10px; letter-spacing:-0.04em;}





}