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


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

Site Name : 반응형 고급형 C
Part : 메인
Last edit : 2020.07.07
Author : Gautech(PDH)

관련폰트 :
font-family: 'Nanum Gothic Coding', monospace; (100~900)
font-family: 'Noto Sans KR', sans-serif; (100~900)
font-family: 'Roboto', sans-serif; (100~900)
font-family: 'Noto Serif KR', serif; (100~900)
font-family: 'NanumSquareRound', sans-serif; (400,500,700,900)

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





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:1300px; height:100%; margin:0 auto; padding:0 30px; font-size:0;}
.contents_box_title { font-size:48px; font-weight:700; margin-bottom:10px; line-height:1.3;}
.contents_box_title>span { color:#427ca5;}
.contents_box_txt { font-size:18px; opacity:1; margin-bottom:60px; line-height:1.3;}
.contents_box_txt>span { display:block;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 40px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1300px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

section>.cont_0 { position:relative; width:100%; overflow:hidden; background-color:#F7F7F7;}
.responsive { position:relative; width:100vw; 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:40vh; left:50vw; width:1500px; margin-left:-750px; 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.6em; margin:0 0 20px 0;}
.main_slide_title { padding:0; font-size:70px; line-height:1.1; font-weight:700; color:rgba(255,255,255,0.9); margin:0 0 30px 0;}
.main_slide_p_img { width:100vw; 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 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: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:#d42225;}

.cont_0_top { position:absolute; bottom:0; width:100%; height:21px; z-index:2; background-image:url(/images/main/mv1_top.png); background-repeat:no-repeat; background-position:50% 100%;}



/* 사업소개 */

.cont_slide { position:relative; height:auto; padding:80px 0 120px 0; background-image:url(/images/main/cont_slide_bg.jpg), url(/images/main/cont_slide_bg2.jpg); background-repeat:no-repeat, repeat-y; background-position:50% 0%, 50% 0%; background-size:auto, auto; text-align:left;}
.cont_slide:after { display:block; content:""; clear:both;}

.cont_slide_box_wrap { width:1300px; margin:0 auto;}
.cont_slide_box { display:inline-block; vertical-align:top; width:29.333333%; margin:2%;}

.cont_slide_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; letter-spacing:0.2em; padding:0 5px;}
.cont_slide_box_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:48px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont_slide_box_txt2>span { color:#ef788e;}
.cont_slide_box_icon1 { position:absolute; top:-26px; right:-80px;}
.cont_slide_box_txt3 { font-size:16px; padding:0 20px 0 5px; margin-bottom:40px; color:rgba(0,0,0,0.6);}
.cont_slide_box_icon2 { padding:0 5px;}

.cont_slide_box_in { display:block; width:100%; min-height:500px; padding:40px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.cont_slide_box_in:hover { background-color:#fff6e7;}
.cont_slide_box_img { height:270px; width:100%; margin-bottom:25px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:5px;}
.cont_slide_box_img01 { background-image:url(/images/main/cont_slide_bg01.jpg);}
.cont_slide_box_img02 { background-image:url(/images/main/cont_slide_bg02.jpg);}
.cont_slide_box_img03 { background-image:url(/images/main/cont_slide_bg03.jpg);}
.cont_slide_box_img04 { background-image:url(/images/main/cont_slide_bg04.jpg);}
.cont_slide_box_img05 { background-image:url(/images/main/cont_slide_bg05.jpg);}
.cont_slide_box_img06 { background-image:url(/images/main/cont_slide_bg06.jpg);}
.cont_slide_box_img07 { background-image:url(/images/main/cont_slide_bg07.jpg);}
.cont_slide_box_img08 { background-image:url(/images/main/cont_slide_bg08.jpg);}
.cont_slide_box_title { font-family: 'Noto Sans KR', sans-serif; font-size:26px; font-weight:700; letter-spacing:-0.06em; margin-bottom:8px;}
.cont_slide_box_title>span { color:#ef788e;}
.cont_slide_box_txt { font-size:16px; color:rgba(0,0,0,0.6); line-height:1.4;}

.cont_slide_top { position:absolute; bottom:-21px; width:100%; height:21px; z-index:2; background-image:url(/images/main/cont_slide_top.png); background-repeat:no-repeat; background-position:50% 0%;}




/* 게시물 */

.cont_banner { position:relative; padding:80px 0 120px 0; background-image:url(/images/main/cont_banner_bg.jpg); background-position:50% 0%; background-size:auto; text-align:left;}
.cont_banner:after { display:block; content:""; clear:both;}

.cont_banner_box_wrap { width:1300px; margin:0 auto; font-size:0;}
.cont_banner_box { display:inline-block; vertical-align:top; width:30.333333%; margin:1.5%; padding:30px; border:10px solid rgba(0,0,0,0.04); background-color:#fff; border-radius:5px;}
.cont_banner_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; letter-spacing:0.2em; padding:0 5px;}
.cont_banner_box_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:36px; letter-spacing:-0.06em; margin-bottom:15px;}
.cont_banner_box_txt2>span { color:#ef788e;}
.cont_banner_box_txt2_p { display:inline-block; font-size:20px;}
.cont_banner_box_icon1 { position:absolute; top:-22px; right:-65px;}
.cont_banner_box_icon1>img { width:50px; height:auto;}

.cont_banner_box_list { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_list>ul {}
.cont_banner_box_list>ul>li { border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 5px 7px 5px; font-size:15px;}
.cont_banner_box_list_a { display:block; width:100%; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cont_banner_box_list>ul>li:last-child { border-bottom:none;}
.cont_banner_box_list_more { display:inline-block; background-image:url(/images/icon/more2.jpg); height:16px; width:16px; margin:0 10px;}

.cont_banner_box_slick { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick_in { margin:0 0 10px 0; width:100%;}
.cont_banner_box_slick_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:230px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick_in_txt { border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 5px 7px 5px; font-size:15px; margin-bottom:10px;}

.cont_banner_box_slick .slick-prev { position:absolute; right:25px; bottom:-40px; background-image: url(/images/icon/slider_left_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-next { position:absolute; right:0; bottom:-40px; background-image: url(/images/icon/slider_right_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-prev:hover, .cont_banner_box_slick .slick-prev:focus, .cont_banner_box_slick .slick-next:hover, .cont_banner_box_slick .slick-next:focus {opacity: 1;}

.cont_banner_box_slick2 { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick2_in { margin:0 0 10px 0; width:100%;}
.cont_banner_box_slick2_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:230px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick2_in_txt { border-bottom:1px solid rgba(0,0,0,0.1); padding:10px 5px 7px 5px; font-size:15px; margin-bottom:10px;}

.cont_banner_box_slick2 .slick-prev { position:absolute; right:25px; bottom:-40px; background-image: url(/images/icon/slider_left_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-next { position:absolute; right:0; bottom:-40px; background-image: url(/images/icon/slider_right_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-prev:hover, .cont_banner_box_slick2 .slick-prev:focus, .cont_banner_box_slick2 .slick-next:hover, .cont_banner_box_slick2 .slick-next:focus {opacity: 1;}

.cont_banner_top { position:absolute; bottom:-21px; width:100%; height:21px; z-index:2; background-image:url(/images/main/cont_banner_top.png); background-repeat:no-repeat; background-position:50% 0%;}




/* 고객지원 컨텐츠 */

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

.cont_support_box_wrap { width:1300px; margin:0 auto; font-size:0;}
.cont_support_box1 { display:inline-block; vertical-align:top; width:46%; margin:0 2%; padding:0; border-radius:5px; overflow:hidden; text-align:left;}
.cont_support_box1_in1 { width:100%; height:235px; padding:50px; background-image:url(/images/main/support_bg1.png); background-repeat:no-repeat; background-size:cover; color:#fff;}
.cont_support_box1_in2 { display:block; width:100%; height:235px; padding:50px; background-color:#fff; background-image:url(/images/main/support_bg2.png); background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%;}
.cont_support_box1_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:14px; letter-spacing:0.2em; padding:0 5px;}
.cont_support_box1_txt_wrap { display:inline-block; vertical-align:top; width:49%;}
.cont_support_box1_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:24px; letter-spacing:-0.06em; margin-bottom:15px;}
.cont_support_box1_txt2>span { color:#ef788e;}
.cont_support_box1_num { font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700; margin-top:-20px; letter-spacing:-0.04em;}
.cont_support_box1_txt3 { font-size:15px; padding:0 50% 0 0;}
.cont_support_box1_txt4 { font-size:15px;}
.cont_support_box1_txt4>p { display:inline-block; vertical-align:middle; font-size:15px; padding-right:30px;}
.cont_support_box1_txt4>p>span { display:inline-block; vertical-align:middle; padding-right:10px;}

.cont_support_box2 { display:inline-block; vertical-align:top; width:46%; margin:0 2%; padding:0;}
.cont_support_box2_in { background-color:#fff; padding:0; text-align:center; border-radius:5px; border:1px solid rgba(0,0,0,0.08);}
.cont_support_box2_in_box1 { display:inline-block; width:50%; margin:90px 0; padding:130px 40px 0 40px; background-image:url(/images/main/icon01.png); background-repeat:no-repeat; background-position:50% 3%; border-right:1px solid rgba(0,0,0,0.08);}
.cont_support_box2_in_box2 { display:inline-block; width:50%; margin:90px 0; padding:130px 40px 0 40px; background-image:url(/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 3%;}
.cont_support_box2_in_box_title { font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:24px; letter-spacing:-0.06em;}
.cont_support_box2_in_box_txt { font-size:15px; padding:10px 10px 20px 10px;}
.cont_support_box2_in_box_btn { display:block; width:90%; margin:0 5% 3% 5%; background-color:#666; text-align:center; padding:8px 0 10px 0; color:rgba(255,255,255,0.7); font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:16px;}






/* 1500 ~ 1025까지 설정 */

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

.main_slide_txt { width:1200px; margin-left:-600px;}
.support_box01 { width:100%; margin:0;}
.notice_box { width:31.333333%; margin:0 1% 1% 1%;}
.support_box02 { width:98%; margin:1%;}


}



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

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



/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; min-width:inherit; height:100%; margin:0 auto; padding:0 20px;}
.contents_box_title { font-size:30px; font-weight:700; margin-bottom:10px; line-height:1.3;}
.contents_box_txt { font-size:14px; opacity:1;  margin-bottom:30px; line-height:1.3;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 30px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

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

.main_slide_txt { position:absolute; top:160px; 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.6em; margin:0 0 20px 0;}
.main_slide_title { padding:0; font-size:70px; line-height:1.1; font-weight:700; color:rgba(255,255,255,0.9); margin:0 0 30px 0;}
.main_slide_title>img { width:70%; max-width:696px; height:auto;}
.main_slide_p_img { width:100%; height:500px; 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 div.bx-pager { position:absolute; width:100%; left:0; bottom:60px; 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:#d42225;}

.cont_0_top { position:absolute; bottom:0; width:100%; height:21px; z-index:2; background-image:url(/images/main/mv1_top.png); background-repeat:no-repeat; background-position:50% 100%; background-size:100% auto;}



/* 사업소개 */

.cont_slide { position:relative; height:auto; padding:60px 0 80px 0; background-image:url(/images/main/cont_slide_bg.jpg), url(/images/main/cont_slide_bg2.jpg); background-repeat:no-repeat, repeat-y; background-position:50% 0%, 50% 0%; background-size:100% auto, 100% auto; text-align:left;}
.cont_slide:after { display:block; content:""; clear:both;}

.cont_slide_box_wrap { width:100%; margin:0 auto;}
.cont_slide_box { display:inline-block; vertical-align:top; width:46%; margin:2%;}
.cont_slide_box:nth-child(1) { width:100%;} 

.cont_slide_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:13px; letter-spacing:0.2em; padding:0 5px;}
.cont_slide_box_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:38px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont_slide_box_txt2>span { color:#ef788e;}
.cont_slide_box_icon1 { position:absolute; top:-20px; right:-60px;}
.cont_slide_box_icon1>img { width:40px; height:auto;}
.cont_slide_box_txt3 { font-size:15px; padding:0 20px 0 5px; margin-bottom:0; color:rgba(0,0,0,0.6);}
.cont_slide_box_icon2 { display:none;}

.cont_slide_box_in { display:block; width:100%; min-height:428px; padding:30px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.cont_slide_box_in:hover { background-color:#fff6e7;}
.cont_slide_box_img { height:220px; width:100%; margin-bottom:25px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:5px;}
.cont_slide_box_title { font-family: 'Noto Sans KR', sans-serif; font-size:20px; font-weight:700; letter-spacing:-0.06em; margin-bottom:8px;}
.cont_slide_box_title>span { color:#ef788e;}
.cont_slide_box_txt { font-size:14px; color:rgba(0,0,0,0.6); line-height:1.4;}

.cont_slide_top { position:absolute; bottom:-21px; width:100%; height:21px; z-index:2; background-image:url(/images/main/cont_slide_top.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto;}




/* 게시물 */

.cont_banner { position:relative; padding:60px 0 80px 0; background-image:url(/images/main/cont_banner_bg.jpg); background-position:50% 0%; background-size:auto; text-align:left;}
.cont_banner:after { display:block; content:""; clear:both;}

.cont_banner_box_wrap { width:100%; margin:0 auto; font-size:0;}
.cont_banner_box { display:inline-block; vertical-align:top; width:47%; margin:1.5%; padding:25px; border:10px solid rgba(0,0,0,0.04); background-color:#fff; border-radius:5px;}
.cont_banner_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:13px; letter-spacing:0.2em; padding:0 5px;}
.cont_banner_box_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:26px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont_banner_box_txt2>span { color:#ef788e;}
.cont_banner_box_txt2_p { display:inline-block; font-size:20px;}
.cont_banner_box_icon1 { position:absolute; top:-16px; right:-50px;}
.cont_banner_box_icon1>img { width:40px; height:auto;}

.cont_banner_box:nth-child(3) { width:97%;}

.cont_banner_box_list { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_list>ul {}
.cont_banner_box_list>ul>li { border-bottom:1px solid rgba(0,0,0,0.1); padding:7px 3px 5px 3px; font-size:13px;}
.cont_banner_box_list_a { display:block; width:100%; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cont_banner_box_list>ul>li:last-child { border-bottom:none;}
.cont_banner_box_list_more { display:inline-block; background-image:url(/images/icon/more2.jpg); height:16px; width:16px; margin:0 10px;}

.cont_banner_box_slick { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick_in { margin:0 0 10px 0; width:100%;}
.cont_banner_box_slick_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:180px; margin:10px 0 15px 0; border-radius:5px;}
.cont_banner_box_slick_in_txt { border-bottom:1px solid rgba(0,0,0,0.1); padding:7px 3px 5px 3px; font-size:13px; margin-bottom:10px;}

.cont_banner_box_slick .slick-prev { position:absolute; right:25px; bottom:-40px; background-image: url(/images/icon/slider_left_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-next { position:absolute; right:0; bottom:-40px; background-image: url(/images/icon/slider_right_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-prev:hover, .cont_banner_box_slick .slick-prev:focus, .cont_banner_box_slick .slick-next:hover, .cont_banner_box_slick .slick-next:focus {opacity: 1;}

.cont_banner_box_slick2 { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick2_in { margin:0 0 10px 0; width:95% !important;}
.cont_banner_box_slick2_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:180px; margin:10px 0 15px 0; border-radius:5px;}
.cont_banner_box_slick2_in_txt { border-bottom:1px solid rgba(0,0,0,0.1); padding:7px 3px 5px 3px; font-size:13px; margin-bottom:10px;}

.cont_banner_box_slick2 .slick-prev { position:absolute; right:25px; bottom:-40px; background-image: url(/images/icon/slider_left_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-next { position:absolute; right:0; bottom:-40px; background-image: url(/images/icon/slider_right_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-prev:hover, .cont_banner_box_slick2 .slick-prev:focus, .cont_banner_box_slick2 .slick-next:hover, .cont_banner_box_slick2 .slick-next:focus {opacity: 1;}

.cont_banner_top { position:absolute; bottom:-21px; width:100%; height:21px; z-index:2; background-image:url(/images/main/cont_banner_top.png); background-repeat:no-repeat; background-position:50% 0%; background-size:100% auto;}




/* 고객지원 컨텐츠 */

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

.cont_support_box_wrap { width:100%; margin:0 auto; font-size:0;}
.cont_support_box1 { display:inline-block; vertical-align:top; width:100%; margin:2% 0; padding:0; border-radius:5px; overflow:hidden; text-align:left;}
.cont_support_box1_in1 { width:100%; height:auto; padding:50px; background-image:url(/images/main/support_bg1.png); background-repeat:no-repeat; background-size:cover; color:#fff;}
.cont_support_box1_in2 { display:block; width:100%; height:auto; padding:50px; background-color:#fff; background-image:url(/images/main/support_bg2.png); background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%;}
.cont_support_box1_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:13px; letter-spacing:0.2em; padding:0 5px;}
.cont_support_box1_txt_wrap { display:inline-block; vertical-align:top; width:49%;}
.cont_support_box1_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:22px; letter-spacing:-0.06em; margin-bottom:15px;}
.cont_support_box1_txt2>span { color:#ef788e;}
.cont_support_box1_num { font-family: 'Roboto', sans-serif; font-size:30px; font-weight:700; margin-top:-20px; letter-spacing:-0.04em;}
.cont_support_box1_txt3 { font-size:14px; padding:0 50% 0 0;}
.cont_support_box1_txt4 { font-size:14px;}
.cont_support_box1_txt4>p { display:inline-block; vertical-align:middle; font-size:14px; padding-right:30px;}
.cont_support_box1_txt4>p>span { display:inline-block; vertical-align:middle; padding-right:10px;}

.cont_support_box2 { display:inline-block; vertical-align:top; width:100%; margin:2% 0; padding:0;}
.cont_support_box2_in { background-color:#fff; padding:0; text-align:center; border-radius:5px; border:1px solid rgba(0,0,0,0.08);}
.cont_support_box2_in_box1 { display:inline-block; vertical-align:top; width:50%; margin:60px 0; padding:130px 50px 0 50px; background-image:url(/images/main/icon01.png); background-repeat:no-repeat; background-position:50% 3%; border-right:1px solid rgba(0,0,0,0.08);}
.cont_support_box2_in_box2 { display:inline-block; vertical-align:top; width:50%; margin:60px 0; padding:130px 50px 0 50px; background-image:url(/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 3%;}
.cont_support_box2_in_box_title { font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:22px; letter-spacing:-0.06em;}
.cont_support_box2_in_box_txt { font-size:14px; padding:10px 10px 20px 10px;}
.cont_support_box2_in_box_btn { display:block; width:90%; margin:0 5% 3% 5%; background-color:#666; text-align:center; padding:8px 0 10px 0; color:rgba(255,255,255,0.7); font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:15px;}



}



/* 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:26px; font-weight:700; margin-bottom:5px; line-height:1.3;}
.contents_box_txt { font-size:13px; opacity:1;  margin-bottom:20px; padding:0 10px; line-height:1.3;}
.contents_title_bar { width:50px; height:1px; background-color:#999; margin:0 auto 20px auto;}
.cont_item_box_wrap { position:relative; width:100%; max-width:1200px; margin:0 auto; z-index:10;}
.cont_item_box_wrap:after { display:block; content:""; clear:both;}


/* 상단, 비주얼 */

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

.main_slide_txt { position:absolute; top:120px; left:50%; margin-left:-150px; width:300px; 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.4em; margin:0 0 20px 0;}
.main_slide_title { padding:0; line-height:1.1; font-weight:700; color:rgba(255,255,255,0.9); margin:0 0 30px 0;}
.main_slide_title>img { width:80%; max-width:696px; height:auto;}
.main_slide_p_img { width:100%; height:350px; 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 div.bx-pager { position:absolute; width:100%; left:0; bottom:60px; 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:16px; height:16px; border-radius:8px; background-color:rgba(255,255,255,0.5); text-indent:-9999px;}
.responsive div.bx-pager div a.active { background-color:#d42225;}

.cont_0_top { position:absolute; bottom:-1px; width:100%; height:21px; z-index:2; background-image:url(/images/main/mv1_top.png); background-repeat:no-repeat; background-position:50% 100%; background-size:200% auto;}



/* 사업소개 */

.cont_slide { position:relative; height:auto; padding:20px 0 40px 0; background-image:url(/images/main/cont_slide_bg.jpg), url(/images/main/cont_slide_bg2.jpg); background-repeat:no-repeat, repeat-y; background-position:50% 0%, 50% 0%; background-size:200% auto, 200% auto; text-align:left;}
.cont_slide:after { display:block; content:""; clear:both;}

.cont_slide_box_wrap { width:100%; margin:0 auto;}
.cont_slide_box { display:inline-block; vertical-align:top; width:100%; margin:20px 0 0 0;}
.cont_slide_box:nth-child(1) { width:100%;} 

.cont_slide_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:12px; letter-spacing:0.2em; padding:0 5px;}
.cont_slide_box_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:26px; letter-spacing:-0.06em; margin-bottom:5px;}
.cont_slide_box_txt2>span { color:#ef788e;}
.cont_slide_box_icon1 { position:absolute; top:-15px; right:-50px;}
.cont_slide_box_icon1>img { width:35px; height:auto;}
.cont_slide_box_txt3 { font-size:12px; padding:0; margin-bottom:0; color:rgba(0,0,0,0.6);}
.cont_slide_box_icon2 { display:none;}

.cont_slide_box_in { display:block; width:100%; min-height:1px; padding:25px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.cont_slide_box_in:hover { background-color:#fff6e7;}
.cont_slide_box_img { height:180px; width:100%; margin-bottom:20px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:5px;}
.cont_slide_box_title { font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:700; letter-spacing:-0.06em; margin-bottom:8px;}
.cont_slide_box_title>span { color:#ef788e;}
.cont_slide_box_txt { font-size:12px; color:rgba(0,0,0,0.6); line-height:1.4;}

.cont_slide_top { position:absolute; bottom:-21px; width:100%; height:21px; z-index:2; background-image:url(/images/main/cont_slide_top.png); background-repeat:no-repeat; background-position:50% 0%; background-size:200% auto;}




/* 게시물 */

.cont_banner { position:relative; padding:20px 0 40px 0; background-image:url(/images/main/cont_banner_bg.jpg); background-position:50% 0%; background-size:auto; text-align:left;}
.cont_banner:after { display:block; content:""; clear:both;}

.cont_banner_box_wrap { width:100%; margin:0 auto; font-size:0;}
.cont_banner_box { display:inline-block; vertical-align:top; width:100%; margin:15px 0 0 0; padding:20px; border:6px solid rgba(0,0,0,0.04); background-color:#fff; border-radius:5px;}
.cont_banner_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:12px; letter-spacing:0.2em; padding:0 5px;}
.cont_banner_box_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:22px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont_banner_box_txt2>span { color:#ef788e;}
.cont_banner_box_txt2_p { display:inline-block; font-size:22px;}
.cont_banner_box_icon1 { position:absolute; top:-12px; right:-40px;}
.cont_banner_box_icon1>img { width:30px; height:auto;}

.cont_banner_box:nth-child(3) { width:100%;}

.cont_banner_box_list { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_list>ul {}
.cont_banner_box_list>ul>li { border-bottom:1px solid rgba(0,0,0,0.1); padding:5px 3px 3px 3px; font-size:12px;}
.cont_banner_box_list_a { display:block; width:100%; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cont_banner_box_list>ul>li:last-child { border-bottom:none;}
.cont_banner_box_list_more { display:inline-block; background-image:url(/images/icon/more2.jpg); height:16px; width:16px; margin:0 10px;}

.cont_banner_box_slick { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick_in { margin:0 0 10px 0; width:100%;}
.cont_banner_box_slick_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 15px 0; border-radius:5px;}
.cont_banner_box_slick_in_txt { border-bottom:1px solid rgba(0,0,0,0.1); padding:7px 3px 5px 3px; font-size:12px; margin-bottom:10px;}

.cont_banner_box_slick .slick-prev { position:absolute; right:25px; bottom:-40px; background-image: url(/images/icon/slider_left_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-next { position:absolute; right:0; bottom:-40px; background-image: url(/images/icon/slider_right_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-prev:hover, .cont_banner_box_slick .slick-prev:focus, .cont_banner_box_slick .slick-next:hover, .cont_banner_box_slick .slick-next:focus {opacity: 1;}

.cont_banner_box_slick2 { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick2_in { margin:0 0 10px 0; width:100% !important;}
.cont_banner_box_slick2_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 15px 0; border-radius:5px;}
.cont_banner_box_slick2_in_txt { border-bottom:1px solid rgba(0,0,0,0.1); padding:7px 3px 5px 3px; font-size:12px; margin-bottom:10px;}

.cont_banner_box_slick2 .slick-prev { position:absolute; right:25px; bottom:-40px; background-image: url(/images/icon/slider_left_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-next { position:absolute; right:0; bottom:-40px; background-image: url(/images/icon/slider_right_28x53.png); background-size:100% auto; background-repeat:no-repeat; width:12px; height:25px; text-indent:-9999px; border:none; opacity: 0.7; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-prev:hover, .cont_banner_box_slick2 .slick-prev:focus, .cont_banner_box_slick2 .slick-next:hover, .cont_banner_box_slick2 .slick-next:focus {opacity: 1;}

.cont_banner_top { position:absolute; bottom:-21px; width:100%; height:21px; z-index:2; background-image:url(/images/main/cont_banner_top.png); background-repeat:no-repeat; background-position:50% 0%; background-size:200% auto;}



/* 고객지원 컨텐츠 */

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

.cont_support_box_wrap { width:100%; margin:0 auto; font-size:0;}
.cont_support_box1 { display:inline-block; vertical-align:top; width:100%; margin:2% 0; padding:0; border-radius:5px; overflow:hidden; text-align:left;}
.cont_support_box1_in1 { width:100%; height:auto; padding:30px 25px; background-image:url(/images/main/support_bg1.png); background-repeat:no-repeat; background-size:cover; color:#fff;}
.cont_support_box1_in2 { display:block; width:100%; height:auto; padding:30px 25px; background-color:#fff; background-image:url(/images/main/support_bg2.png); background-repeat:no-repeat; background-position:100% 50%; background-size:auto 100%;}
.cont_support_box1_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:12px; letter-spacing:0.2em; padding:0;}
.cont_support_box1_txt_wrap { display:inline-block; vertical-align:top; width:100%;}
.cont_support_box1_txt2 { font-family: 'Noto Sans KR', sans-serif; font-weight:700; position:relative; display:inline-block; font-size:18px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont_support_box1_txt2>span { color:#ef788e;}
.cont_support_box1_num { font-family: 'Roboto', sans-serif; font-size:30px; font-weight:700; margin-top:-15px; letter-spacing:-0.04em;}
.cont_support_box1_txt3 { font-size:12px; padding:0 20% 0 0;}
.cont_support_box1_txt4 { font-size:12px;}
.cont_support_box1_txt4>p { display:block; vertical-align:middle; font-size:12px; padding-right:30px;}
.cont_support_box1_txt4>p>span { display:inline-block; vertical-align:middle; padding-right:10px;}

.cont_support_box2 { display:inline-block; vertical-align:top; width:100%; margin:2% 0; padding:0;}
.cont_support_box2_in { background-color:#fff; padding:0; text-align:center; border-radius:5px; border:1px solid rgba(0,0,0,0.08);}
.cont_support_box2_in_box1 { display:inline-block; vertical-align:top; width:80%; margin:20px auto; padding:100px 0 20px 0; background-image:url(/images/main/icon01.png); background-size:80px auto; background-repeat:no-repeat; background-position:50% 3%; border-right:none; border-bottom:1px solid rgba(0,0,0,0.08);}
.cont_support_box2_in_box2 { display:inline-block; vertical-align:top; width:80%; margin:20px auto; padding:100px 0 0 0; background-image:url(/images/main/icon02.png); background-size:80px auto; background-repeat:no-repeat; background-position:50% 3%;}
.cont_support_box2_in_box_title { font-family:'Noto Sans KR', sans-serif; font-weight:700; font-size:20px; letter-spacing:-0.06em;}
.cont_support_box2_in_box_txt { font-size:12px; padding:10px 10px 20px 10px;}
.cont_support_box2_in_box_btn { display:block; width:90%; margin:0 5% 3% 5%; background-color:#666; text-align:center; padding:8px 0 10px 0; color:rgba(255,255,255,0.7); font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:13px;}





}