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


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

Site Name : 반응형 기본디자인 A1
Part : 메인
Last edit : 2020.03.17
Author : Gautech(PDH)

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

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





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:1200px; height:100%; margin:0 auto;}
.contents_box_title { font-family: 'Noto Sans KR', sans-serif; font-size:36px; font-weight:500; margin-bottom:10px; line-height:44px;}
.contents_box_txt { font-size:14px; opacity:1;  margin-bottom:40px; line-height:20px;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_mv { height:1000px; position:relative; background-image:url(/images/main/mv1_bg.jpg); background-size:cover; background-position:50% 0%;}

.responsive { position:absolute; top:200px; left:50%; margin-left:-100px; width:700px; height:550px; overflow:hidden;}
.mv_img {}

/* 상단, 비주얼 텍스트 */
.main_slide_title_s { font-family: 'Roboto', sans-serif; position:absolute; top:260px; left:50%; width:500px; margin-left:-600px; padding-left:45px; font-size:16px; line-height:20px; font-weight:500; color:#383838; text-align:left; letter-spacing:0.05em;}
.main_slide_title { position:absolute; top:310px; left:50%; width:500px; margin-left:-600px; padding-left:40px; font-size:60px; line-height:70px; font-weight:300; color:#252525; text-align:left; letter-spacing:-0.03em;}
.main_slide_title>span { font-weight:700; letter-spacing:-0.02em;}
.main_slide_title>p { font-weight:900; letter-spacing:-0.02em; color:#d4655a; font-size:90px; margin-top:30px;}
.main_slide_title2 { position:absolute; top:580px; left:50%; width:430px; margin-left:-600px; padding-left:40px; font-size:14px;  color:rgba(0,0,0,0.7); text-align:left;}

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

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

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


/* cont_bn50per */

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

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

.cont_bn50per_item_box_ment { display:inline-block; padding:145px 60px 0 60px; width:100%; max-width:500px; vertical-align:top;}
.cont_bn50per_item_box_title { font-family: 'Roboto', sans-serif; font-size:24px; font-weight:500; margin:7px 0; color:#fff; opacity:0.9;}
.cont_bn50per_item_box_txt { color:#fff; opacity:0.8; }
.cont_bn50per_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}



/* cont_product */

section>.cont_product { height:auto; min-height:850px; padding:80px 0 140px 0;}
section>.cont_product:after { display:block; content:""; clear:both;}

.sliding_menu_tab_wrap { width:100%; text-align:center; font-size:0; margin-bottom:30px; border-bottom:2px solid #e3e3e3;}
.sliding_menu_tab { display:inline-block; position:relative; font-size:18px; font-weight:500; color:#725c58; padding:0 25px; height:50px; line-height:50px; cursor:pointer; vertical-align:top; margin-bottom:-2px;}
.sliding_menu_tab:nth-child(1) {}
.sliding_menu_tab:nth-child(2) {}
.sliding_menu_tab:nth-child(3) {}
.sliding_menu_tab:nth-child(4) {}
.sliding_menu_tab:nth-child(5) {}
.sliding_menu_tab:nth-child(6) {}
.sliding_menu_tab:nth-child(7) {}
.sliding_menu_tab:nth-child(8) {}
.sliding_menu_tab:nth-child(9) {}
.sliding_menu_tab:nth-child(10) {}
.sliding_menu_tab:nth-child(11) {}
.sliding_menu_tab:nth-child(12) {}
.sliding_menu_tab:nth-child(13) {}
.sliding_menu_tab:nth-child(14) {}
.sliding_menu_tab:nth-child(15) {}
.sliding_menu_tab:nth-child(16) {}
.sliding_menu_tab:nth-child(17) {}
.sliding_menu_tab:nth-child(18) {}
.sliding_menu_tab:nth-child(19) {}
.sliding_menu_tab:nth-child(20) {}
.sliding_menu_tab:hover, .sliding_menu_tab_active { font-weight:500; color:#f4620a; border-bottom:2px solid #f4620a;}
.sliding_menu_tab:hover>p:after, .sliding_menu_tab_active>p:after { display:block; content:""; position:absolute; bottom:-6px; left:50%; margin-left:-7px; width:14px; height:6px; background-image:url(/images/icon/ar_down2.png);}

.sliding_menu { position:absolute; width:100%; height:530px; opacity:0; z-index:-1; overflow:hidden;}
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box { padding:0 5px;}
.sliding_menu_box>a { display:block; width:100%; border:1px solid #eee; border-radius:10px; padding:20px 10px;}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important;}
.sliding_menu_title { font-size:18px; font-weight:500; margin:20px 0;}

/* 좌우 화살표 */

.responsive1 .slick-prev,
.responsive2 .slick-prev,
.responsive3 .slick-prev,
.responsive4 .slick-prev,
.responsive5 .slick-prev,
.responsive6 .slick-prev,
.responsive7 .slick-prev,
.responsive8 .slick-prev,
.responsive9 .slick-prev,
.responsive10 .slick-prev,
.responsive11 .slick-prev,
.responsive12 .slick-prev,
.responsive13 .slick-prev,
.responsive14 .slick-prev,
.responsive15 .slick-prev,
.responsive16 .slick-prev,
.responsive17 .slick-prev,
.responsive18 .slick-prev,
.responsive19 .slick-prev,
.responsive20 .slick-prev {display:none; /* position:absolute; left:50%; margin-left:-680px; top:50%; margin-top:-30px; background-image:url(/images/icon/btn_left2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100;*/}
.responsive1 .slick-next,
.responsive2 .slick-next,
.responsive3 .slick-next,
.responsive4 .slick-next,
.responsive5 .slick-next,
.responsive6 .slick-next,
.responsive7 .slick-next,
.responsive8 .slick-next,
.responsive9 .slick-next,
.responsive10 .slick-next,
.responsive11 .slick-next,
.responsive12 .slick-next,
.responsive13 .slick-next,
.responsive14 .slick-next,
.responsive15 .slick-next,
.responsive16 .slick-next,
.responsive17 .slick-next,
.responsive18 .slick-next,
.responsive19 .slick-next,
.responsive20 .slick-next {display:none; /* position:absolute; left:50%; margin-left:620px; top:50%; margin-top:-30px; background-image:url(/images/icon/btn_right2.jpg); width:60px; height:60px; text-indent:-9999px; border:none; opacity: 0.7;*/}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus,
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus,
.responsive4 .slick-prev:hover, .responsive4 .slick-prev:focus, .responsive4 .slick-next:hover, .responsive4 .slick-next:focus,
.responsive5 .slick-prev:hover, .responsive5 .slick-prev:focus, .responsive5 .slick-next:hover, .responsive5 .slick-next:focus,
.responsive6 .slick-prev:hover, .responsive6 .slick-prev:focus, .responsive6 .slick-next:hover, .responsive6 .slick-next:focus,
.responsive7 .slick-prev:hover, .responsive7 .slick-prev:focus, .responsive7 .slick-next:hover, .responsive7 .slick-next:focus,
.responsive8 .slick-prev:hover, .responsive8 .slick-prev:focus, .responsive8 .slick-next:hover, .responsive8 .slick-next:focus,
.responsive9 .slick-prev:hover, .responsive9 .slick-prev:focus, .responsive9 .slick-next:hover, .responsive9 .slick-next:focus,
.responsive10 .slick-prev:hover, .responsive10 .slick-prev:focus, .responsive10 .slick-next:hover, .responsive10 .slick-next:focus,
.responsive11 .slick-prev:hover, .responsive11 .slick-prev:focus, .responsive11 .slick-next:hover, .responsive11 .slick-next:focus,
.responsive12 .slick-prev:hover, .responsive12 .slick-prev:focus, .responsive12 .slick-next:hover, .responsive12 .slick-next:focus,
.responsive13 .slick-prev:hover, .responsive13 .slick-prev:focus, .responsive13 .slick-next:hover, .responsive13 .slick-next:focus,
.responsive14 .slick-prev:hover, .responsive14 .slick-prev:focus, .responsive14 .slick-next:hover, .responsive14 .slick-next:focus,
.responsive15 .slick-prev:hover, .responsive15 .slick-prev:focus, .responsive15 .slick-next:hover, .responsive15 .slick-next:focus,
.responsive16 .slick-prev:hover, .responsive16 .slick-prev:focus, .responsive16 .slick-next:hover, .responsive16 .slick-next:focus,
.responsive17 .slick-prev:hover, .responsive17 .slick-prev:focus, .responsive17 .slick-next:hover, .responsive17 .slick-next:focus,
.responsive18 .slick-prev:hover, .responsive18 .slick-prev:focus, .responsive18 .slick-next:hover, .responsive18 .slick-next:focus,
.responsive19 .slick-prev:hover, .responsive19 .slick-prev:focus, .responsive19 .slick-next:hover, .responsive19 .slick-next:focus,
.responsive20 .slick-prev:hover, .responsive20 .slick-prev:focus, .responsive20 .slick-next:hover, .responsive20 .slick-next:focus { display:none; /*opacity: 1;*/}

/* 페이저 */
.responsive1 .slick-dots,
.responsive2 .slick-dots,
.responsive3 .slick-dots,
.responsive4 .slick-dots,
.responsive5 .slick-dots,
.responsive6 .slick-dots,
.responsive7 .slick-dots,
.responsive8 .slick-dots,
.responsive9 .slick-dots,
.responsive10 .slick-dots,
.responsive11 .slick-dots,
.responsive12 .slick-dots,
.responsive13 .slick-dots,
.responsive14 .slick-dots,
.responsive15 .slick-dots,
.responsive16 .slick-dots,
.responsive17 .slick-dots,
.responsive18 .slick-dots,
.responsive19 .slick-dots,
.responsive20 .slick-dots { position: absolute; display: inline-block; width:1200px; left:50%; /*페이저 위치 설정*/ margin-left:-600px; bottom: -60px; text-align: center;}
.responsive1 .slick-dots li,
.responsive2 .slick-dots li,
.responsive3 .slick-dots li,
.responsive4 .slick-dots li,
.responsive5 .slick-dots li,
.responsive6 .slick-dots li,
.responsive7 .slick-dots li,
.responsive8 .slick-dots li,
.responsive9 .slick-dots li,
.responsive10 .slick-dots li,
.responsive11 .slick-dots li,
.responsive12 .slick-dots li,
.responsive13 .slick-dots li,
.responsive14 .slick-dots li,
.responsive15 .slick-dots li,
.responsive16 .slick-dots li,
.responsive17 .slick-dots li,
.responsive18 .slick-dots li,
.responsive19 .slick-dots li,
.responsive20 .slick-dots li { position: relative; display: inline-block; width:20px; height: 14px; margin: 0;}
.responsive1 .slick-dots li button,
.responsive2 .slick-dots li button,
.responsive3 .slick-dots li button,
.responsive4 .slick-dots li button,
.responsive5 .slick-dots li button,
.responsive6 .slick-dots li button,
.responsive7 .slick-dots li button,
.responsive8 .slick-dots li button,
.responsive9 .slick-dots li button,
.responsive10 .slick-dots li button,
.responsive11 .slick-dots li button,
.responsive12 .slick-dots li button,
.responsive13 .slick-dots li button,
.responsive14 .slick-dots li button,
.responsive15 .slick-dots li button,
.responsive16 .slick-dots li button,
.responsive17 .slick-dots li button,
.responsive18 .slick-dots li button,
.responsive19 .slick-dots li button,
.responsive20 .slick-dots li button { display: inline-block; width: 14px; height: 14px; border-radius:7px; cursor: pointer; background-color:#e74817; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus,
.responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus,
.responsive3 .slick-dots li button:hover, .responsive3 .slick-dots li button:focus,
.responsive4 .slick-dots li button:hover, .responsive4 .slick-dots li button:focus,
.responsive5 .slick-dots li button:hover, .responsive5 .slick-dots li button:focus,
.responsive6 .slick-dots li button:hover, .responsive6 .slick-dots li button:focus,
.responsive7 .slick-dots li button:hover, .responsive7 .slick-dots li button:focus,
.responsive8 .slick-dots li button:hover, .responsive8 .slick-dots li button:focus,
.responsive9 .slick-dots li button:hover, .responsive9 .slick-dots li button:focus,
.responsive10 .slick-dots li button:hover, .responsive10 .slick-dots li button:focus,
.responsive11 .slick-dots li button:hover, .responsive11 .slick-dots li button:focus,
.responsive12 .slick-dots li button:hover, .responsive12 .slick-dots li button:focus,
.responsive13 .slick-dots li button:hover, .responsive13 .slick-dots li button:focus,
.responsive14 .slick-dots li button:hover, .responsive14 .slick-dots li button:focus,
.responsive15 .slick-dots li button:hover, .responsive15 .slick-dots li button:focus,
.responsive16 .slick-dots li button:hover, .responsive16 .slick-dots li button:focus,
.responsive17 .slick-dots li button:hover, .responsive17 .slick-dots li button:focus,
.responsive18 .slick-dots li button:hover, .responsive18 .slick-dots li button:focus,
.responsive19 .slick-dots li button:hover, .responsive19 .slick-dots li button:focus,
.responsive20 .slick-dots li button:hover, .responsive20 .slick-dots li button:focus { opacity: 1; width: 14px; height: 14px;}
.responsive1 .slick-dots li.slick-active button,
.responsive2 .slick-dots li.slick-active button,
.responsive3 .slick-dots li.slick-active button,
.responsive4 .slick-dots li.slick-active button,
.responsive5 .slick-dots li.slick-active button,
.responsive6 .slick-dots li.slick-active button,
.responsive7 .slick-dots li.slick-active button,
.responsive8 .slick-dots li.slick-active button,
.responsive9 .slick-dots li.slick-active button,
.responsive10 .slick-dots li.slick-active button,
.responsive11 .slick-dots li.slick-active button,
.responsive12 .slick-dots li.slick-active button,
.responsive13 .slick-dots li.slick-active button,
.responsive14 .slick-dots li.slick-active button,
.responsive15 .slick-dots li.slick-active button,
.responsive16 .slick-dots li.slick-active button,
.responsive17 .slick-dots li.slick-active button,
.responsive18 .slick-dots li.slick-active button,
.responsive19 .slick-dots li.slick-active button,
.responsive20 .slick-dots li.slick-active button { opacity: .75; color: black;}



/* cont_support */

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

.cont_support_item_box { float:left; display:block; width:23%; min-height:360px; margin:0 1% 1% 1%; background-repeat:no-repeat; background-position:50% 40px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_support_item_box:nth-child(1) { background-image:url(/images/main/icon01.png); /*border:1px solid #eee;*/}
.cont_support_item_box:nth-child(2) { background-image:url(/images/main/icon05.png); background-color:#f1f1f1;}
.cont_support_item_box:nth-child(3) {}
.cont_support_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#f1f1f1;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:22px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}
.cont_support_item_box:nth-child(3)>.main_box_in_title { margin: 0px auto 10px auto;}


/* 풋터 */

section>.cont_footer { height:250px; background-color:#444;}











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

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



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative;  width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:30px; font-weight:500; margin-bottom:20px; 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_mv { height:1000px; position:relative; background-image:url(/images/main/mv1_bg.jpg); background-size:cover; background-position:50% 0%;}

.responsive { position:absolute; top:450px; left:50%; margin-left:-300px; width:600px; height:500px;}
.mv_img img { width:100%; height:auto;}

/* 상단, 비주얼 텍스트 */
.main_slide_title_s { font-family: 'Roboto', sans-serif; position:absolute; top:150px; left:50%; width:700px; margin-left:-350px; padding-left:0; font-size:15px; line-height:20px; font-weight:500; color:#383838; text-align:center; letter-spacing:0.05em;}
.main_slide_title { position:absolute; top:180px; left:50%; width:700px; margin-left:-350px; padding-left:0; font-size:48px; line-height:58px; font-weight:300; color:#252525; text-align:center; letter-spacing:-0.03em;}
.main_slide_title>span { font-weight:700; letter-spacing:-0.02em;}
.main_slide_title>p { font-weight:900; letter-spacing:-0.02em; color:#d4655a; font-size:70px; margin-top:15px;}
.main_slide_title2 { position:absolute; top:400px; left:50%; width:700px; margin-left:-350px; padding-left:0; font-size:14px;  color:rgba(0,0,0,0.7); text-align:center;}

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

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

/* 공지사항 */

.main_notice { display:none;}


/* cont_bn50per */

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

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

.cont_bn50per_item_box_ment { display:inline-block; padding:50px 60px 0 60px; width:100%; max-width:500px; vertical-align:top;}
.cont_bn50per_item_box_title { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; margin:7px 0; color:#fff; opacity:0.9;}
.cont_bn50per_item_box_txt { color:#fff; opacity:0.8; }
.cont_bn50per_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}



/* cont_product */

section>.cont_product { height:auto; min-height:800px; padding:60px 0 140px 0;}
section>.cont_product:after { display:block; content:""; clear:both;}

.sliding_menu_tab_wrap { width:100%; text-align:center; font-size:0; margin-bottom:20px; border-bottom:none;}
.sliding_menu_tab { display:inline-block; position:relative; font-size:14px; font-weight:500; color:#725c58; padding:8px 15px; height:auto; width:auto; line-height:18px; cursor:pointer; vertical-align:top; margin:2px; border:1px solid #ddd;}
.sliding_menu_tab:nth-child(1) {}
.sliding_menu_tab:nth-child(2) {}
.sliding_menu_tab:nth-child(3) {}
.sliding_menu_tab:nth-child(4) {}
.sliding_menu_tab:nth-child(5) {}
.sliding_menu_tab:nth-child(6) {}
.sliding_menu_tab:nth-child(7) {}
.sliding_menu_tab:nth-child(8) {}
.sliding_menu_tab:nth-child(9) {}
.sliding_menu_tab:nth-child(10) {}
.sliding_menu_tab:nth-child(11) {}
.sliding_menu_tab:nth-child(12) {}
.sliding_menu_tab:nth-child(13) {}
.sliding_menu_tab:nth-child(14) {}
.sliding_menu_tab:nth-child(15) {}
.sliding_menu_tab:nth-child(16) {}
.sliding_menu_tab:nth-child(17) {}
.sliding_menu_tab:nth-child(18) {}
.sliding_menu_tab:nth-child(19) {}
.sliding_menu_tab:nth-child(20) {}
.sliding_menu_tab:hover, .sliding_menu_tab_active { font-weight:500; color:#f4620a; border:1px solid #f4620a;}
.sliding_menu_tab:hover>p:after, .sliding_menu_tab_active>p:after { display:none;}

.sliding_menu { position:absolute; width:100%; height:530px; opacity:0; z-index:-1; }
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box { padding:0 5px;}
.sliding_menu_box>a { display:block; width:100%; border:1px solid #eee; border-radius:10px; padding:20px 10px;}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important; width:100%; height:auto; max-width:350px;max-height:300px;}
.sliding_menu_title { font-size:16px; font-weight:500; margin:20px 0;}



/* 좌우 화살표 */

.responsive1 .slick-prev,
.responsive2 .slick-prev,
.responsive3 .slick-prev,
.responsive4 .slick-prev,
.responsive5 .slick-prev,
.responsive6 .slick-prev,
.responsive7 .slick-prev,
.responsive8 .slick-prev,
.responsive9 .slick-prev,
.responsive10 .slick-prev,
.responsive11 .slick-prev,
.responsive12 .slick-prev,
.responsive13 .slick-prev,
.responsive14 .slick-prev,
.responsive15 .slick-prev,
.responsive16 .slick-prev,
.responsive17 .slick-prev,
.responsive18 .slick-prev,
.responsive19 .slick-prev,
.responsive20 .slick-prev { display:none;}
.responsive1 .slick-next,
.responsive2 .slick-next,
.responsive3 .slick-next,
.responsive4 .slick-next,
.responsive5 .slick-next,
.responsive6 .slick-next,
.responsive7 .slick-next,
.responsive8 .slick-next,
.responsive9 .slick-next,
.responsive10 .slick-next,
.responsive11 .slick-next,
.responsive12 .slick-next,
.responsive13 .slick-next,
.responsive14 .slick-next,
.responsive15 .slick-next,
.responsive16 .slick-next,
.responsive17 .slick-next,
.responsive18 .slick-next,
.responsive19 .slick-next,
.responsive20 .slick-next { display:none;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus,
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus,
.responsive4 .slick-prev:hover, .responsive4 .slick-prev:focus, .responsive4 .slick-next:hover, .responsive4 .slick-next:focus,
.responsive5 .slick-prev:hover, .responsive5 .slick-prev:focus, .responsive5 .slick-next:hover, .responsive5 .slick-next:focus,
.responsive6 .slick-prev:hover, .responsive6 .slick-prev:focus, .responsive6 .slick-next:hover, .responsive6 .slick-next:focus,
.responsive7 .slick-prev:hover, .responsive7 .slick-prev:focus, .responsive7 .slick-next:hover, .responsive7 .slick-next:focus,
.responsive8 .slick-prev:hover, .responsive8 .slick-prev:focus, .responsive8 .slick-next:hover, .responsive8 .slick-next:focus,
.responsive9 .slick-prev:hover, .responsive9 .slick-prev:focus, .responsive9 .slick-next:hover, .responsive9 .slick-next:focus,
.responsive10 .slick-prev:hover, .responsive10 .slick-prev:focus, .responsive10 .slick-next:hover, .responsive10 .slick-next:focus,
.responsive11 .slick-prev:hover, .responsive11 .slick-prev:focus, .responsive11 .slick-next:hover, .responsive11 .slick-next:focus,
.responsive12 .slick-prev:hover, .responsive12 .slick-prev:focus, .responsive12 .slick-next:hover, .responsive12 .slick-next:focus,
.responsive13 .slick-prev:hover, .responsive13 .slick-prev:focus, .responsive13 .slick-next:hover, .responsive13 .slick-next:focus,
.responsive14 .slick-prev:hover, .responsive14 .slick-prev:focus, .responsive14 .slick-next:hover, .responsive14 .slick-next:focus,
.responsive15 .slick-prev:hover, .responsive15 .slick-prev:focus, .responsive15 .slick-next:hover, .responsive15 .slick-next:focus,
.responsive16 .slick-prev:hover, .responsive16 .slick-prev:focus, .responsive16 .slick-next:hover, .responsive16 .slick-next:focus,
.responsive17 .slick-prev:hover, .responsive17 .slick-prev:focus, .responsive17 .slick-next:hover, .responsive17 .slick-next:focus,
.responsive18 .slick-prev:hover, .responsive18 .slick-prev:focus, .responsive18 .slick-next:hover, .responsive18 .slick-next:focus,
.responsive19 .slick-prev:hover, .responsive19 .slick-prev:focus, .responsive19 .slick-next:hover, .responsive19 .slick-next:focus,
.responsive20 .slick-prev:hover, .responsive20 .slick-prev:focus, .responsive20 .slick-next:hover, .responsive20 .slick-next:focus { display:none;}

/* 페이저 */
.responsive1 .slick-dots,
.responsive2 .slick-dots,
.responsive3 .slick-dots,
.responsive4 .slick-dots,
.responsive5 .slick-dots,
.responsive6 .slick-dots,
.responsive7 .slick-dots,
.responsive8 .slick-dots,
.responsive9 .slick-dots,
.responsive10 .slick-dots,
.responsive11 .slick-dots,
.responsive12 .slick-dots,
.responsive13 .slick-dots,
.responsive14 .slick-dots,
.responsive15 .slick-dots,
.responsive16 .slick-dots,
.responsive17 .slick-dots,
.responsive18 .slick-dots,
.responsive19 .slick-dots,
.responsive20 .slick-dots { position: absolute; display: inline-block; width:100%; left:auto; /*페이저 위치 설정*/ margin-left:auto; bottom: -60px; text-align: center;}
.responsive1 .slick-dots li,
.responsive2 .slick-dots li,
.responsive3 .slick-dots li,
.responsive4 .slick-dots li,
.responsive5 .slick-dots li,
.responsive6 .slick-dots li,
.responsive7 .slick-dots li,
.responsive8 .slick-dots li,
.responsive9 .slick-dots li,
.responsive10 .slick-dots li,
.responsive11 .slick-dots li,
.responsive12 .slick-dots li,
.responsive13 .slick-dots li,
.responsive14 .slick-dots li,
.responsive15 .slick-dots li,
.responsive16 .slick-dots li,
.responsive17 .slick-dots li,
.responsive18 .slick-dots li,
.responsive19 .slick-dots li,
.responsive20 .slick-dots li { position: relative; display: inline-block; width:20px; height: 14px; margin: 0;}
.responsive1 .slick-dots li button,
.responsive2 .slick-dots li button,
.responsive3 .slick-dots li button,
.responsive4 .slick-dots li button,
.responsive5 .slick-dots li button,
.responsive6 .slick-dots li button,
.responsive7 .slick-dots li button,
.responsive8 .slick-dots li button,
.responsive9 .slick-dots li button,
.responsive10 .slick-dots li button,
.responsive11 .slick-dots li button,
.responsive12 .slick-dots li button,
.responsive13 .slick-dots li button,
.responsive14 .slick-dots li button,
.responsive15 .slick-dots li button,
.responsive16 .slick-dots li button,
.responsive17 .slick-dots li button,
.responsive18 .slick-dots li button,
.responsive19 .slick-dots li button,
.responsive20 .slick-dots li button { display: inline-block; width: 14px; height: 14px; border-radius:7px; cursor: pointer; background-color:#e74817; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus,
.responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus,
.responsive3 .slick-dots li button:hover, .responsive3 .slick-dots li button:focus,
.responsive4 .slick-dots li button:hover, .responsive4 .slick-dots li button:focus,
.responsive5 .slick-dots li button:hover, .responsive5 .slick-dots li button:focus,
.responsive6 .slick-dots li button:hover, .responsive6 .slick-dots li button:focus,
.responsive7 .slick-dots li button:hover, .responsive7 .slick-dots li button:focus,
.responsive8 .slick-dots li button:hover, .responsive8 .slick-dots li button:focus,
.responsive9 .slick-dots li button:hover, .responsive9 .slick-dots li button:focus,
.responsive10 .slick-dots li button:hover, .responsive10 .slick-dots li button:focus,
.responsive11 .slick-dots li button:hover, .responsive11 .slick-dots li button:focus,
.responsive12 .slick-dots li button:hover, .responsive12 .slick-dots li button:focus,
.responsive13 .slick-dots li button:hover, .responsive13 .slick-dots li button:focus,
.responsive14 .slick-dots li button:hover, .responsive14 .slick-dots li button:focus,
.responsive15 .slick-dots li button:hover, .responsive15 .slick-dots li button:focus,
.responsive16 .slick-dots li button:hover, .responsive16 .slick-dots li button:focus,
.responsive17 .slick-dots li button:hover, .responsive17 .slick-dots li button:focus,
.responsive18 .slick-dots li button:hover, .responsive18 .slick-dots li button:focus,
.responsive19 .slick-dots li button:hover, .responsive19 .slick-dots li button:focus,
.responsive20 .slick-dots li button:hover, .responsive20 .slick-dots li button:focus { opacity: 1; width: 14px; height: 14px;}
.responsive1 .slick-dots li.slick-active button,
.responsive2 .slick-dots li.slick-active button,
.responsive3 .slick-dots li.slick-active button,
.responsive4 .slick-dots li.slick-active button,
.responsive5 .slick-dots li.slick-active button,
.responsive6 .slick-dots li.slick-active button,
.responsive7 .slick-dots li.slick-active button,
.responsive8 .slick-dots li.slick-active button,
.responsive9 .slick-dots li.slick-active button,
.responsive10 .slick-dots li.slick-active button,
.responsive11 .slick-dots li.slick-active button,
.responsive12 .slick-dots li.slick-active button,
.responsive13 .slick-dots li.slick-active button,
.responsive14 .slick-dots li.slick-active button,
.responsive15 .slick-dots li.slick-active button,
.responsive16 .slick-dots li.slick-active button,
.responsive17 .slick-dots li.slick-active button,
.responsive18 .slick-dots li.slick-active button,
.responsive19 .slick-dots li.slick-active button,
.responsive20 .slick-dots li.slick-active button { opacity: .75; color: black;}


/* cont_support */

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

.cont_support_item_box { float:left; display:block; width:48%; min-height:360px; margin:0 1% 2% 1%; background-repeat:no-repeat; background-position:50% 40px; background-color:#FFF; padding:40px 25px 40px 25px;}
.cont_support_item_box:nth-child(1) { background-image:url(/images/main/icon01.png); /*border:1px solid #eee;*/}
.cont_support_item_box:nth-child(2) { background-image:url(/images/main/icon05.png); background-color:#f1f1f1;}
.cont_support_item_box:nth-child(3) {}
.cont_support_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#f1f1f1;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:120px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:22px; font-weight:700; margin:120px auto 10px auto;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:14px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}
.cont_support_item_box:nth-child(3)>.main_box_in_title { margin: 0px auto 10px auto;}




/* 풋터 */

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







}



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

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



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative;  width:100%; height:100%; margin:0 auto;}
.contents_box_title { font-size:24px; font-weight:700; margin-bottom:15px; 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_mv { height:700px; position:relative; background-image:url(/images/main/mv1_bg.jpg); background-size:cover; background-position:50% 0%;}

.responsive { position:absolute; top:370px; left:50%; margin-left:-150px; width:300px; height:270px;}
.mv_img img { width:100%; height:auto;}

/* 상단, 비주얼 텍스트 */
.main_slide_title_s { font-family: 'Roboto', sans-serif; position:absolute; top:100px; left:50%; width:300px; margin-left:-150px; padding-left:0; font-size:12px; line-height:20px; font-weight:500; color:#383838; text-align:center; letter-spacing:0.05em;}
.main_slide_title { position:absolute; top:130px; left:50%; width:300px; margin-left:-150px; padding-left:0; font-size:30px; line-height:36px; font-weight:300; color:#252525; text-align:center; letter-spacing:-0.03em;}
.main_slide_title>span { font-weight:700; letter-spacing:-0.02em;}
.main_slide_title>p { font-weight:900; letter-spacing:-0.02em; color:#d4655a; font-size:50px; margin-top:15px;}
.main_slide_title2 { position:absolute; top:280px; left:50%; width:300px; margin-left:-150px; padding-left:0; font-size:13px;  color:rgba(0,0,0,0.7); text-align:center;}

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

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

/* 공지사항 */

.main_notice { display:none;}


/* cont_bn50per */

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

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

.cont_bn50per_item_box_ment { display:inline-block; padding:30px 40px; width:100%; max-width:500px; vertical-align:top;}
.cont_bn50per_item_box_title { font-family: 'Roboto', sans-serif; font-size:22px; font-weight:500; margin:7px 0; color:#fff; opacity:0.9;}
.cont_bn50per_item_box_txt { color:#fff; opacity:0.8; }
.cont_bn50per_item_box_more { display: inline-block; width:23px; height:23px; margin:15px 4px;}



/* cont_product */

section>.cont_product { height:auto; min-height:700px; padding:40px 10px 140px 10px;}
section>.cont_product:after { display:block; content:""; clear:both;}

.sliding_menu_tab_wrap { width:100%; text-align:center; font-size:0; margin-bottom:20px; border-bottom:none;}
.sliding_menu_tab { display:inline-block; position:relative; font-size:12px; font-weight:500; color:#725c58; padding:5px 10px; height:auto; width:auto; line-height:16px; cursor:pointer; vertical-align:top; margin:2px; border:1px solid #ddd;}
.sliding_menu_tab:nth-child(1) {}
.sliding_menu_tab:nth-child(2) {}
.sliding_menu_tab:nth-child(3) {}
.sliding_menu_tab:nth-child(4) {}
.sliding_menu_tab:nth-child(5) {}
.sliding_menu_tab:nth-child(6) {}
.sliding_menu_tab:nth-child(7) {}
.sliding_menu_tab:nth-child(8) {}
.sliding_menu_tab:nth-child(9) {}
.sliding_menu_tab:nth-child(10) {}
.sliding_menu_tab:nth-child(11) {}
.sliding_menu_tab:nth-child(12) {}
.sliding_menu_tab:nth-child(13) {}
.sliding_menu_tab:nth-child(14) {}
.sliding_menu_tab:nth-child(15) {}
.sliding_menu_tab:nth-child(16) {}
.sliding_menu_tab:nth-child(17) {}
.sliding_menu_tab:nth-child(18) {}
.sliding_menu_tab:nth-child(19) {}
.sliding_menu_tab:nth-child(20) {}
.sliding_menu_tab:hover, .sliding_menu_tab_active { font-weight:500; color:#f4620a; border:1px solid #f4620a;}
.sliding_menu_tab:hover>p:after, .sliding_menu_tab_active>p:after { display:none;}

.sliding_menu { position:absolute; width:100%; height:530px; opacity:0; z-index:-1; }
.sliding_menu_active { opacity:1; z-index:1;}
.sliding_menu_box { padding:0 5px;}
.sliding_menu_box>a { display:block; width:100%; border:1px solid #eee; border-radius:10px; padding:20px 10px;}
.sliding_menu_img { text-align:center;}
.sliding_menu_img>img { display:inline-block !important; width:100%; height:auto; max-width:350px;max-height:250px !important;}
.sliding_menu_title { font-size:16px; font-weight:500; margin:20px 0;}

/* 좌우 화살표 */

.responsive1 .slick-prev,
.responsive2 .slick-prev,
.responsive3 .slick-prev,
.responsive4 .slick-prev,
.responsive5 .slick-prev,
.responsive6 .slick-prev,
.responsive7 .slick-prev,
.responsive8 .slick-prev,
.responsive9 .slick-prev,
.responsive10 .slick-prev,
.responsive11 .slick-prev,
.responsive12 .slick-prev,
.responsive13 .slick-prev,
.responsive14 .slick-prev,
.responsive15 .slick-prev,
.responsive16 .slick-prev,
.responsive17 .slick-prev,
.responsive18 .slick-prev,
.responsive19 .slick-prev,
.responsive20 .slick-prev { display:none;}
.responsive1 .slick-next,
.responsive2 .slick-next,
.responsive3 .slick-next,
.responsive4 .slick-next,
.responsive5 .slick-next,
.responsive6 .slick-next,
.responsive7 .slick-next,
.responsive8 .slick-next,
.responsive9 .slick-next,
.responsive10 .slick-next,
.responsive11 .slick-next,
.responsive12 .slick-next,
.responsive13 .slick-next,
.responsive14 .slick-next,
.responsive15 .slick-next,
.responsive16 .slick-next,
.responsive17 .slick-next,
.responsive18 .slick-next,
.responsive19 .slick-next,
.responsive20 .slick-next { display:none;}
.responsive1 .slick-prev:hover, .responsive1 .slick-prev:focus, .responsive1 .slick-next:hover, .responsive1 .slick-next:focus,
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus,
.responsive3 .slick-prev:hover, .responsive3 .slick-prev:focus, .responsive3 .slick-next:hover, .responsive3 .slick-next:focus,
.responsive4 .slick-prev:hover, .responsive4 .slick-prev:focus, .responsive4 .slick-next:hover, .responsive4 .slick-next:focus,
.responsive5 .slick-prev:hover, .responsive5 .slick-prev:focus, .responsive5 .slick-next:hover, .responsive5 .slick-next:focus,
.responsive6 .slick-prev:hover, .responsive6 .slick-prev:focus, .responsive6 .slick-next:hover, .responsive6 .slick-next:focus,
.responsive7 .slick-prev:hover, .responsive7 .slick-prev:focus, .responsive7 .slick-next:hover, .responsive7 .slick-next:focus,
.responsive8 .slick-prev:hover, .responsive8 .slick-prev:focus, .responsive8 .slick-next:hover, .responsive8 .slick-next:focus,
.responsive9 .slick-prev:hover, .responsive9 .slick-prev:focus, .responsive9 .slick-next:hover, .responsive9 .slick-next:focus,
.responsive10 .slick-prev:hover, .responsive10 .slick-prev:focus, .responsive10 .slick-next:hover, .responsive10 .slick-next:focus,
.responsive11 .slick-prev:hover, .responsive11 .slick-prev:focus, .responsive11 .slick-next:hover, .responsive11 .slick-next:focus,
.responsive12 .slick-prev:hover, .responsive12 .slick-prev:focus, .responsive12 .slick-next:hover, .responsive12 .slick-next:focus,
.responsive13 .slick-prev:hover, .responsive13 .slick-prev:focus, .responsive13 .slick-next:hover, .responsive13 .slick-next:focus,
.responsive14 .slick-prev:hover, .responsive14 .slick-prev:focus, .responsive14 .slick-next:hover, .responsive14 .slick-next:focus,
.responsive15 .slick-prev:hover, .responsive15 .slick-prev:focus, .responsive15 .slick-next:hover, .responsive15 .slick-next:focus,
.responsive16 .slick-prev:hover, .responsive16 .slick-prev:focus, .responsive16 .slick-next:hover, .responsive16 .slick-next:focus,
.responsive17 .slick-prev:hover, .responsive17 .slick-prev:focus, .responsive17 .slick-next:hover, .responsive17 .slick-next:focus,
.responsive18 .slick-prev:hover, .responsive18 .slick-prev:focus, .responsive18 .slick-next:hover, .responsive18 .slick-next:focus,
.responsive19 .slick-prev:hover, .responsive19 .slick-prev:focus, .responsive19 .slick-next:hover, .responsive19 .slick-next:focus,
.responsive20 .slick-prev:hover, .responsive20 .slick-prev:focus, .responsive20 .slick-next:hover, .responsive20 .slick-next:focus { display:none;}

/* 페이저 */
.responsive1 .slick-dots,
.responsive2 .slick-dots,
.responsive3 .slick-dots,
.responsive4 .slick-dots,
.responsive5 .slick-dots,
.responsive6 .slick-dots,
.responsive7 .slick-dots,
.responsive8 .slick-dots,
.responsive9 .slick-dots,
.responsive10 .slick-dots,
.responsive11 .slick-dots,
.responsive12 .slick-dots,
.responsive13 .slick-dots,
.responsive14 .slick-dots,
.responsive15 .slick-dots,
.responsive16 .slick-dots,
.responsive17 .slick-dots,
.responsive18 .slick-dots,
.responsive19 .slick-dots,
.responsive20 .slick-dots { position: absolute; display: inline-block; width:100%; left:auto; /*페이저 위치 설정*/ margin-left:auto; bottom: -60px; text-align: center;}
.responsive1 .slick-dots li,
.responsive2 .slick-dots li,
.responsive3 .slick-dots li,
.responsive4 .slick-dots li,
.responsive5 .slick-dots li,
.responsive6 .slick-dots li,
.responsive7 .slick-dots li,
.responsive8 .slick-dots li,
.responsive9 .slick-dots li,
.responsive10 .slick-dots li,
.responsive11 .slick-dots li,
.responsive12 .slick-dots li,
.responsive13 .slick-dots li,
.responsive14 .slick-dots li,
.responsive15 .slick-dots li,
.responsive16 .slick-dots li,
.responsive17 .slick-dots li,
.responsive18 .slick-dots li,
.responsive19 .slick-dots li,
.responsive20 .slick-dots li { position: relative; display: inline-block; width:15px; height: 10px; margin: 0;}
.responsive1 .slick-dots li button,
.responsive2 .slick-dots li button,
.responsive3 .slick-dots li button,
.responsive4 .slick-dots li button,
.responsive5 .slick-dots li button,
.responsive6 .slick-dots li button,
.responsive7 .slick-dots li button,
.responsive8 .slick-dots li button,
.responsive9 .slick-dots li button,
.responsive10 .slick-dots li button,
.responsive11 .slick-dots li button,
.responsive12 .slick-dots li button,
.responsive13 .slick-dots li button,
.responsive14 .slick-dots li button,
.responsive15 .slick-dots li button,
.responsive16 .slick-dots li button,
.responsive17 .slick-dots li button,
.responsive18 .slick-dots li button,
.responsive19 .slick-dots li button,
.responsive20 .slick-dots li button { display: inline-block; width: 10px; height: 10px; border-radius:7px; cursor: pointer; background-color:#e74817; opacity: 0.25; text-indent:-9999px; vertical-align:middle; border:none !important;}
.responsive1 .slick-dots li button:hover, .responsive1 .slick-dots li button:focus,
.responsive2 .slick-dots li button:hover, .responsive2 .slick-dots li button:focus,
.responsive3 .slick-dots li button:hover, .responsive3 .slick-dots li button:focus,
.responsive4 .slick-dots li button:hover, .responsive4 .slick-dots li button:focus,
.responsive5 .slick-dots li button:hover, .responsive5 .slick-dots li button:focus,
.responsive6 .slick-dots li button:hover, .responsive6 .slick-dots li button:focus,
.responsive7 .slick-dots li button:hover, .responsive7 .slick-dots li button:focus,
.responsive8 .slick-dots li button:hover, .responsive8 .slick-dots li button:focus,
.responsive9 .slick-dots li button:hover, .responsive9 .slick-dots li button:focus,
.responsive10 .slick-dots li button:hover, .responsive10 .slick-dots li button:focus,
.responsive11 .slick-dots li button:hover, .responsive11 .slick-dots li button:focus,
.responsive12 .slick-dots li button:hover, .responsive12 .slick-dots li button:focus,
.responsive13 .slick-dots li button:hover, .responsive13 .slick-dots li button:focus,
.responsive14 .slick-dots li button:hover, .responsive14 .slick-dots li button:focus,
.responsive15 .slick-dots li button:hover, .responsive15 .slick-dots li button:focus,
.responsive16 .slick-dots li button:hover, .responsive16 .slick-dots li button:focus,
.responsive17 .slick-dots li button:hover, .responsive17 .slick-dots li button:focus,
.responsive18 .slick-dots li button:hover, .responsive18 .slick-dots li button:focus,
.responsive19 .slick-dots li button:hover, .responsive19 .slick-dots li button:focus,
.responsive20 .slick-dots li button:hover, .responsive20 .slick-dots li button:focus { opacity: 1; width: 10px; height: 10px;}
.responsive1 .slick-dots li.slick-active button,
.responsive2 .slick-dots li.slick-active button,
.responsive3 .slick-dots li.slick-active button,
.responsive4 .slick-dots li.slick-active button,
.responsive5 .slick-dots li.slick-active button,
.responsive6 .slick-dots li.slick-active button,
.responsive7 .slick-dots li.slick-active button,
.responsive8 .slick-dots li.slick-active button,
.responsive9 .slick-dots li.slick-active button,
.responsive10 .slick-dots li.slick-active button,
.responsive11 .slick-dots li.slick-active button,
.responsive12 .slick-dots li.slick-active button,
.responsive13 .slick-dots li.slick-active button,
.responsive14 .slick-dots li.slick-active button,
.responsive15 .slick-dots li.slick-active button,
.responsive16 .slick-dots li.slick-active button,
.responsive17 .slick-dots li.slick-active button,
.responsive18 .slick-dots li.slick-active button,
.responsive19 .slick-dots li.slick-active button,
.responsive20 .slick-dots li.slick-active button { opacity: .75; color: black;}


/* cont_support */

section>.cont_support { height:auto; padding:40px 10px; background-color:#f8f8f8;}

.cont_support_item_box { float:left; display:block; width:96%; min-height:auto; margin:0 2% 2% 2%; background-repeat:no-repeat; background-position:50% 30px; background-color:#FFF; padding:30px 25px 30px 25px;}
.cont_support_item_box:nth-child(1) { background-image:url(/images/main/icon01.png); /*border:1px solid #eee;*/}
.cont_support_item_box:nth-child(2) { background-image:url(/images/main/icon05.png); background-color:#f1f1f1;}
.cont_support_item_box:nth-child(3) {}
.cont_support_item_box:nth-child(4) { background-image:url(/images/main/icon04.png); background-color:#f1f1f1;}
.main_box_tel_wrap { width:100%; border:3px solid #f25d18; margin-top:100px; border-radius:10px; margin-bottom:15px;}
.main_box_in_title { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:20px; font-weight:700; margin:100px auto 10px auto;}
.main_box_in_title2 { font-family: 'Noto Sans KR', sans-serif; width:100%; font-size:20px; font-weight:700; margin:0 auto 0 auto; color:#FFF; background-color:#f25d18;}
.main_box_in_txt { width:100%; font-size:13px;  margin:0 auto 20px auto; color:#666;}
.main_box_in_tel { font-family: 'Roboto', sans-serif; font-size:34px; font-weight:700; margin:5px 0; letter-spacing:-0.05em;}
.cont_support_item_box:nth-child(3)>.main_box_in_title { margin: 0px auto 10px auto;}




/* 풋터 */

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





}