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


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

Site Name : 부산중구지역자활센터
Part : 메인
Last edit : 2026
Author : Gautech

관련폰트 :
font-family: 'Noto Sans KR', sans-serif; (100~900)
font-family: 'Noto Serif KR', serif; (100~900)
font-family: 'Roboto', sans-serif; (100~900)
font-family: 'PuradakGentleGothic', sans-serif;
font-family: 'Ridibatang', serif;

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





/* 메인 내용 공통 */

section>article { width:100%; text-align:center;}
.contents_box { position:relative; width:100%; max-width:1300px; min-width:1100px; height:100%; margin:0 auto; padding:0; 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: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:33vh; left:50vw; width:1300px; margin-left:-650px; z-index:10; text-align:left;}
.main_slide_title_s { padding:0 0 0 5px; font-size:18px; line-height:1.4; font-weight:500; color:#FFF; letter-spacing:0.6em; margin:0 0 30px 0; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.main_slide_title { font-family: 'PuradakGentleGothic', sans-serif; font-size:76px; line-height:1.4; font-weight:500; color:rgba(255,255,255,0.9); margin:0 0 20px 0; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.main_slide_title2 { padding:0 0 0 5px; font-family: 'Ridibatang', sans-serif; font-size:27px; line-height:1.4; font-weight:300; color:rgba(255,255,255,0.9); margin:0 0 40px 0; text-shadow:0 0 3px rgba(0,0,0,0.3);}
.main_slide_title2>span { display:block;}
.main_slide_btn { display:inline-block; font-size:22px; font-weight:500; padding:20px 55px; margin:0 0 0 5px; background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,1);}

.main_slide_p_img { width:100%; height:100vh; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;
animation: /*선택자*/slidein_img /*동작시간*/4s /*진행속도:ease,ease-out,ease-in*/ease /*딜레이*/0s /*반복:수,infinite*/1 /*방향:normal,alternate*/normal /*완료후:none,both*/both; -webkit-animation: slidein_img 4s ease 0s 1 normal both; /*움직이는 기준점 가로0% 세로0%*/transform-origin:50% 50%;}
@keyframes slidein_img {
	0% { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
	100% { -ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
}

.responsive 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_slide { position:relative; height:auto; padding:100px 0 120px 0; background-color:#ececec; text-align:left;}
.cont_slide:after { display:block; content:""; clear:both;}

.cont_slide_box_wrap { width:100%; max-width:1300px; min-width:1100px; margin:0 auto;}

.cont_slide_box_top { display:block; width:100%; font-size:0;}
.cont_slide_box_icon { display:inline-block; vertical-align: top; padding:10px 40px 0 0; width:31%; text-align:right;}
.cont_slide_box_txt_wrap { display:inline-block; vertical-align:top; width:69%;}
.cont_slide_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:18px; letter-spacing:0.2em; padding:0 5px;}
.cont_slide_box_txt2 { font-family: 'PuradakGentleGothic', sans-serif; font-weight:500; position:relative; display:inline-block; font-size:54px; letter-spacing:-0.06em; margin-bottom:10px;}
.cont_slide_box_txt2>span { color:#4565bc;}
.cont_slide_box_txt3 { font-size:20px; padding:0 20% 0 5px; margin-bottom:40px; color:rgba(0,0,0,0.6);}

.cont_slide_box { display:inline-block; vertical-align:top; width:29.333333%; margin:2%;}
.cont_slide_box_in { display:block; width:100%; min-height:535px; 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:#e7eaf5;}
.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_260921.jpg);}
.cont_slide_box_img03 { background-image:url(/images/main/cont_slide_bg03_260921.jpg);}
.cont_slide_box_img04 { background-image:url(/images/main/cont_slide_bg04_260921.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_260921.jpg);}
.cont_slide_box_title { font-family: 'PuradakGentleGothic', sans-serif; font-size:30px; font-weight:500; letter-spacing:-0.06em; margin-bottom:8px;}
.cont_slide_box_title>span { color:#4565bc;}
.cont_slide_box_txt { font-size:19px; color:rgba(0,0,0,0.6); line-height:1.4;}




/* 게시물 */

.cont_banner { position:relative; padding:100px 0 120px 0; text-align:left;}
.cont_banner:after { display:block; content:""; clear:both;}

.cont_banner_box_wrap { width:100%; max-width:1300px; min-width:1100px; margin:0 auto; font-size:0;}
.cont_banner_box { display:inline-block; vertical-align:top; width:50%; height:500px; padding:40px;}
.cont_banner_box:nth-child(1) { border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(2) { border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(3) { border-right:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(4) {}
.cont_banner_box_txt1 { font-family: 'Roboto', sans-serif; font-weight:700; font-size:18px; letter-spacing:0.2em; padding:0 5px;}
.cont_banner_box_txt2 { position:relative; font-family: 'PuradakGentleGothic', sans-serif; font-weight:500; position:relative; display:block; font-size:40px; letter-spacing:-0.06em; margin-bottom:15px;}
.cont_banner_box_txt2>span { color:#2a4eb3;}
.cont_banner_box_list_more { position:absolute; right:0; top:50%; margin-top:-16px; display:inline-block; background-image:url(/images/icon/more2.jpg); height:16px; width:16px;}

.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 0 7px 0; font-size:0;}
.cont_banner_box_list_a { display:inline-block; vertical-align:middle; width:70%; font-size:18px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cont_banner_box_list>ul>li>span { display:inline-block; vertical-align:middle; width:30%; font-size:18px; text-align:right;}
.cont_banner_box_list>ul>li:last-child { border-bottom:none;}

.cont_banner_box_slick { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick_in { margin:0 0 10px 0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:190px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick_in_txt { padding:10px 5px 7px 5px; font-size:16px; margin-bottom:10px;}
.cont_banner_box_list_a2 { display:inline-block; vertical-align:middle; width:100%; font-size:18px; text-align:center; word-break:break-all; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:44px; line-height:22px;}

.cont_banner_box_slick .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; 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%; padding:0 15px 0 0;}
.cont_banner_box_slick2_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:190px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick2_in_txt { padding:10px 5px 7px 5px; font-size:18px; margin-bottom:10px;}

.cont_banner_box_slick2 .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; 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_box_slick3 { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick3_in { margin:0 0 10px 0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick3_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:190px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick3_in_txt { padding:10px 5px 7px 5px; font-size:18px; margin-bottom:10px;}

.cont_banner_box_slick3 .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick3 .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick3 .slick-prev:hover, .cont_banner_box_slick3 .slick-prev:focus, .cont_banner_box_slick3 .slick-next:hover, .cont_banner_box_slick3 .slick-next:focus {opacity: 1;}





/* 고객지원 컨텐츠 */

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

.cont_support_box_wrap { width:100%; max-width:1300px; min-width:1100px; 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:18px; letter-spacing:0.2em; padding:0; margin-bottom:5px;}
.cont_support_box1_txt_wrap { display:inline-block; vertical-align:top; width:47%; margin-right:3%;}
.cont_support_box1_txt_wrap2 { display:inline-block; vertical-align:top; width:47%; margin-left:3%;}
.cont_support_box1_txt2 { font-family: 'PuradakGentleGothic', sans-serif; font-weight:500; position:relative; display:inline-block; font-size:26px; letter-spacing:0; margin-bottom:10px; line-height:1.2;}
.cont_support_box1_txt2>span { color:#910000;}
.cont_support_box1_num { font-family: 'Roboto', sans-serif; font-size:38px; font-weight:700; margin-top:-20px; letter-spacing:-0.03em;}
.cont_support_box1_txt3 { font-size:18px; padding:0;}
.cont_support_box1_txt4 { font-size:18px;}
.cont_support_box1_txt4>p { display:inline-block; vertical-align:middle; font-size:18px; 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:87px 0; padding:130px 20px 0 20px; 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:87px 0; padding:130px 30px 0 30px; background-image:url(/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 3%;}
.cont_support_box2_in_box_title { font-family: 'PuradakGentleGothic', sans-serif; font-weight:500; font-size:26px; letter-spacing:-0.06em;}
.cont_support_box2_in_box_title>span { color:#910000;}
.cont_support_box2_in_box_txt { font-size:18px; padding:10px 10px 20px 10px; letter-spacing:-0.06em;}
.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:18px;}
.cont_support_box2_in_box_txt2 { border-top:1px solid rgba(0,0,0,0.1); font-size:0; padding-top:10px; font-size:0;}
.cont_support_box2_in_box_txt2_1 { display:inline-block; vertical-align:middle; width:27%;}
.cont_support_box2_in_box_txt2_2 { display:inline-block; vertical-align:middle; text-align:center; font-size:13px; line-height:1.2; width:73%;}
.cont_support_box2_in_box_txt2_2>span { display:block; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:700;}





/* 하단 컨텐츠 */

.cont_bottom { height:auto; padding:40px 0; background-color:#fff;}
.cont_bottom:after { display:block; content:""; clear:both;}

.cont_bottom_box_wrap { width:100%; padding:0 55px; position:relative;}
.cont_bottom_box { text-align:center;}
.cont_bottom_box_img { display:inline-block; line-height:100px;}
.cont_bottom_box_img>img { width:100%; max-width:195px; height:auto; line-height:100px;}

.cont_bottom_box_slick .slick-prev { position:absolute; left:0; top:30px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_bottom_box_slick .slick-next { position:absolute; right:0; top:30px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_bottom_box_slick .slick-prev:hover, .cont_bottom_box_slick .slick-prev:focus, .cont_bottom_box_slick .slick-next:hover, .cont_bottom_box_slick .slick-next:focus { opacity: 1;}




/* 1500 ~ 1025까지 설정 */

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

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


}



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

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



/* 메인 내용 공통 */

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: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:650px; 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 { padding:0; font-size:14px; color:#FFF; letter-spacing:0.6em; margin:0 0 30px 0;}
.main_slide_title { font-size:60px; color:rgba(255,255,255,0.9); margin:0 0 20px 0;}
.main_slide_title2 { padding:0; font-size:20px; color:rgba(255,255,255,0.9); margin:0 0 40px 0;}
.main_slide_title2>span { display:block;}
.main_slide_btn { display:inline-block; font-size:18px; padding:20px 55px; margin:0; background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,1);}

.main_slide_p_img { width:100%; height:650px; 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:80px 0 100px 0; background-color:#ececec; text-align:left;}
.cont_slide:after { display:block; content:""; clear:both;}

.cont_slide_box_wrap { width:100%; min-width:320px; margin:0 auto;}

.cont_slide_box_top { display:block; width:100%; font-size:0;}
.cont_slide_box_icon { display:inline-block; vertical-align: top; padding:10px 40px 0 0; width:25%; text-align:right;}
.cont_slide_box_txt_wrap { display:inline-block; vertical-align:top; width:75%;}
.cont_slide_box_txt1 { font-weight:700; font-size:13px; letter-spacing:0.2em; padding:0 5px;}
.cont_slide_box_txt2 { font-weight:500; position:relative; display:inline-block; font-size:40px; letter-spacing:-0.06em; margin-bottom:5px;}
.cont_slide_box_txt2>span { color:#4565bc;}
.cont_slide_box_txt3 { font-size:14px; padding:0 10px 0 5px; margin-bottom:30px; color:rgba(0,0,0,0.6);}

.cont_slide_box { display:inline-block; vertical-align:top; width:46%; margin:2%;}
.cont_slide_box_in { display:block; width:100%; min-height:1px; padding:35px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.cont_slide_box_in:hover { background-color:#e7eaf5;}
.cont_slide_box_img { height:240px; width:100%; margin-bottom:25px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; border-radius:5px;}
.cont_slide_box_title { font-size:20px; font-weight:500; letter-spacing:-0.06em; margin-bottom:8px;}
.cont_slide_box_title>span { color:#4565bc;}
.cont_slide_box_txt { font-size:14px; color:rgba(0,0,0,0.6); line-height:1.4;}




/* 게시물 */

.cont_banner { position:relative; padding:80px 0 100px 0; text-align:left;}
.cont_banner:after { display:block; content:""; clear:both;}

.cont_banner_box_wrap { width:100%; max-width:1300px; min-width:320px; margin:0 auto; font-size:0;}
.cont_banner_box { display:inline-block; vertical-align:top; width:50%; height:420px; padding:30px;}
.cont_banner_box:nth-child(1) { border-right:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(2) { border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(3) { border-right:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(4) {}
.cont_banner_box_txt1 { font-weight:700; font-size:13px; letter-spacing:0.2em; padding:0 5px;}
.cont_banner_box_txt2 { font-weight:500; position:relative; display:block; font-size:30px; letter-spacing:-0.06em; margin-bottom:15px;}
.cont_banner_box_txt2>span { color:#2a4eb3;}
.cont_banner_box_list_more { position:absolute; right:0; top:50%; margin-top:-12px; display:inline-block; background-image:url(/images/icon/more2.jpg); height:16px; width:16px;}

.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:8px 0 5px 0; font-size:0;}
.cont_banner_box_list_a { display:inline-block; vertical-align:middle; width:70%; font-size:14px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cont_banner_box_list>ul>li>span { display:inline-block; vertical-align:middle; width:30%; font-size:14px; text-align:right;}
.cont_banner_box_list>ul>li:last-child { border-bottom:none;}

.cont_banner_box_slick { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick_in { margin:0 0 10px 0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick_in_txt { padding:10px 5px 7px 5px; font-size:15px; margin-bottom:10px;}
.cont_banner_box_list_a2 { display:inline-block; vertical-align:middle; width:100%; font-size:14px; text-align:center; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:40px; line-height:20px;}

.cont_banner_box_slick .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; 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%; padding:0 15px 0 0;}
.cont_banner_box_slick2_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick2_in_txt { padding:10px 5px 7px 5px; font-size:15px; margin-bottom:10px;}

.cont_banner_box_slick2 .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; 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_box_slick3 { position:relative; width:100%; margin-bottom:20px;}
.cont_banner_box_slick3_in { margin:0 0 10px 0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick3_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 20px 0; border-radius:5px;}
.cont_banner_box_slick3_in_txt { padding:10px 5px 7px 5px; font-size:15px; margin-bottom:10px;}

.cont_banner_box_slick3 .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick3 .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick3 .slick-prev:hover, .cont_banner_box_slick3 .slick-prev:focus, .cont_banner_box_slick3 .slick-next:hover, .cont_banner_box_slick3 .slick-next:focus {opacity: 1;}




/* 고객지원 컨텐츠 */

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

.cont_support_box_wrap { width:100%; max-width:1300px; min-width:320px; margin:0 auto; font-size:0;}
.cont_support_box1 { display:inline-block; vertical-align:top; width:100%; margin:0 auto 30px auto; 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-weight:700; font-size:14px; letter-spacing:0.2em; padding:0; margin-bottom:5px;}
.cont_support_box1_txt_wrap { display:inline-block; vertical-align:top; width:47%; margin-right:3%;}
.cont_support_box1_txt_wrap2 { display:inline-block; vertical-align:top; width:47%; margin-left:3%;}
.cont_support_box1_txt2 { font-weight:500; position:relative; display:inline-block; font-size:24px; letter-spacing:-0.06em; margin-bottom:10px; line-height:1.2;}
.cont_support_box1_txt2>span { color:#910000;}
.cont_support_box1_num { font-size:36px; font-weight:700; margin-top:-20px; letter-spacing:-0.04em;}
.cont_support_box1_txt3 { font-size:15px; padding:0 25% 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:100%; margin:0 auto; 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 30px 0 30px; background-image:url(/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 3%;}
.cont_support_box2_in_box_title { font-weight:500; font-size:24px; letter-spacing:-0.06em;}
.cont_support_box2_in_box_title>span { color:#910000;}
.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-weight:500; font-size:16px;}
.cont_support_box2_in_box_txt2 { border-top:1px solid rgba(0,0,0,0.1); font-size:0; padding-top:10px; font-size:0;}
.cont_support_box2_in_box_txt2_1 { display:inline-block; vertical-align:middle; width:27%;}
.cont_support_box2_in_box_txt2_2 { display:inline-block; vertical-align:middle; text-align:center; font-size:12px; line-height:1.2; width:73%;}
.cont_support_box2_in_box_txt2_2>span { display:block; font-size:20px; font-weight:700;}



}



/* 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:600px; position:relative; margin-left:-384px; left:50%; top:0%; z-index:1;}

.main_slide_txt { position:absolute; top:100px; left:50%; margin-left:-160px; width:320px; z-index:10; text-align:center;}
.main_slide_title_s { padding:0; font-size:11px; color:#FFF; letter-spacing:0.3em; margin:0 0 20px 0;}
.main_slide_title { font-size:30px; color:rgba(255,255,255,0.9); margin:0 0 20px 0;}
.main_slide_title2 { padding:0; font-size:16px; color:rgba(255,255,255,0.9); margin:0 0 30px 0;}
.main_slide_title2>span { display: inline;}
.main_slide_btn { display:inline-block; font-size:14px; padding:15px 40px; margin:0; background-color:rgba(0,0,0,0.5); color:rgba(255,255,255,1);}

.main_slide_p_img { width:100%; height:600px; 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:60px 0 80px 0; background-color:#ececec; text-align:left;}
.cont_slide:after { display:block; content:""; clear:both;}

.cont_slide_box_wrap { width:100%; min-width:320px; margin:0 auto;}

.cont_slide_box_top { display:block; width:100%; font-size:0;}
.cont_slide_box_icon { display:inline-block; vertical-align: top; padding:0 0 20px 0; width:100%; text-align: center;}
.cont_slide_box_icon>img { width:100px; height:auto;}
.cont_slide_box_txt_wrap { display:inline-block; vertical-align:top; width:100%; text-align:center;}
.cont_slide_box_txt1 { font-weight:700; font-size:12px; letter-spacing:0.2em; padding:0 5px;}
.cont_slide_box_txt2 { font-weight:500; position:relative; display:inline-block; font-size:30px; letter-spacing:-0.06em; margin-bottom:5px;}
.cont_slide_box_txt2>span { color:#4565bc;}
.cont_slide_box_txt3 { font-size:13px; padding:0 10px 0 0; margin-bottom:30px; color:rgba(0,0,0,0.6);}

.cont_slide_box { display:block; vertical-align:top; width:90%; margin:15px auto;}
.cont_slide_box_in { display:block; width:100%; min-height:1px; padding:35px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.cont_slide_box_in:hover { background-color:#e7eaf5;}
.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-size:18px; font-weight:500; letter-spacing:-0.06em; margin-bottom:8px;}
.cont_slide_box_title>span { color:#4565bc;}
.cont_slide_box_txt { font-size:13px; color:rgba(0,0,0,0.6);}




/* 게시물 */

.cont_banner { position:relative; padding:40px 0 40px 0; text-align:left;}
.cont_banner:after { display:block; content:""; clear:both;}

.cont_banner_box_wrap { width:100%; max-width:1300px; min-width:320px; margin:0 auto; font-size:0;}
.cont_banner_box { display:inline-block; vertical-align:top; width:100%; height:auto; padding:30px 10px;}
.cont_banner_box:nth-child(1) { border-right:none; border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(2) { border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(3) { border-right:none; border-bottom:1px solid rgba(0,0,0,0.1);}
.cont_banner_box:nth-child(4) {}
.cont_banner_box_txt1 { font-weight:700; font-size:12px; letter-spacing:0.2em; padding:0 5px;}
.cont_banner_box_txt2 { font-weight:500; position:relative; display:block; font-size:24px; letter-spacing:-0.06em; margin-bottom:15px;}
.cont_banner_box_txt2>span { color:#2a4eb3;}
.cont_banner_box_list_more { position:absolute; right:0; top:50%; margin-top:-10px; display:inline-block; background-image:url(/images/icon/more2.jpg); height:16px; width:16px;}

.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:8px 0 5px 0; font-size:0;}
.cont_banner_box_list_a { display:inline-block; vertical-align:middle; width:70%; font-size:13px; /* 내용 1줄에서 말줄임 */ white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cont_banner_box_list>ul>li>span { display:inline-block; vertical-align:middle; width:30%; font-size:13px; text-align:right;}
.cont_banner_box_list>ul>li:last-child { border-bottom:none;}

.cont_banner_box_slick { position:relative; width:100%; margin-bottom:0;}
.cont_banner_box_slick_in { margin:0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 10px 0; border-radius:5px;}
.cont_banner_box_slick_in_txt { padding:10px 5px 7px 5px; font-size:15px; margin-bottom:0;}
.cont_banner_box_list_a2 { display:inline-block; vertical-align:middle; width:100%; font-size:13px; text-align:center; /* 내용 2줄에서 말줄임 */ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; height:40px; line-height:20px;}

.cont_banner_box_slick .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; 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:0;}
.cont_banner_box_slick2_in { margin:0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick2_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 10px 0; border-radius:5px;}
.cont_banner_box_slick2_in_txt { padding:10px 5px 7px 5px; font-size:15px; margin-bottom:0;}

.cont_banner_box_slick2 .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick2 .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; 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_box_slick3 { position:relative; width:100%; margin-bottom:0;}
.cont_banner_box_slick3_in { margin:0; width:100%; padding:0 15px 0 0;}
.cont_banner_box_slick3_in_photo { background-position:50% 50%; background-size:cover; width:100%; height:160px; margin:10px 0 10px 0; border-radius:5px;}
.cont_banner_box_slick3_in_txt { padding:10px 5px 7px 5px; font-size:15px; margin-bottom:0;}

.cont_banner_box_slick3 .slick-prev { position:absolute; right:54px; top:-62px; background-image: url(/images/icon/btn_left2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick3 .slick-next { position:absolute; right:15px; top:-62px; background-image: url(/images/icon/btn_right2.jpg); background-size:100% auto; background-repeat:no-repeat; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; z-index:100; cursor:pointer;}
.cont_banner_box_slick3 .slick-prev:hover, .cont_banner_box_slick3 .slick-prev:focus, .cont_banner_box_slick3 .slick-next:hover, .cont_banner_box_slick3 .slick-next:focus {opacity: 1;}



/* 고객지원 컨텐츠 */

.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%; max-width:1300px; min-width:320px; margin:0 auto; font-size:0;}
.cont_support_box1 { display:inline-block; vertical-align:top; width:96%; margin:0 auto 30px auto; padding:0; border-radius:5px; overflow:hidden; text-align:left;}
.cont_support_box1_in1 { width:100%; height:auto; padding:30px; background-image:url(/images/main/support_bg1.png); background-repeat:no-repeat; background-size:cover; background-position:50% 50%; color:#fff;}
.cont_support_box1_in2 { display:block; width:100%; height:auto; padding:30px; 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-weight:700; font-size:12px; letter-spacing:0.2em; padding:0; margin-bottom:10px;}
.cont_support_box1_txt_wrap { display:inline-block; vertical-align:top; width:100%; margin-right:auto;}
.cont_support_box1_txt_wrap2 { display:inline-block; vertical-align:top; width:100%; margin-left:auto;}
.cont_support_box1_txt2 { font-weight:500; position:relative; display:inline-block; font-size:18px; letter-spacing:0; margin-bottom:10px; line-height:1.2;}
.cont_support_box1_txt2>span { color:#910000;}
.cont_support_box1_num { font-size:30px; font-weight:700; margin-top:-15px; letter-spacing:-0.04em; margin-bottom:5px;}
.cont_support_box1_txt3 { font-size:14px; padding:0 25% 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:96%; margin:0 auto; 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:100%; margin:20px 0; padding:150px 20px 40px 20px; background-image:url(/images/main/icon01.png); background-repeat:no-repeat; background-position:50% 10%; border-right:none;}
.cont_support_box2_in_box2 { display:inline-block; width:100%; margin:20px 0; padding:130px 20px 40px 20px; background-image:url(/images/main/icon02.png); background-repeat:no-repeat; background-position:50% 0;}
.cont_support_box2_in_box_title { font-weight:500; font-size:24px; letter-spacing:-0.06em;}
.cont_support_box2_in_box_title>span { color:#910000;}
.cont_support_box2_in_box_txt { font-size:13px; 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-weight:500; font-size:16px;}
.cont_support_box2_in_box_txt2 { border-top:1px solid rgba(0,0,0,0.1); font-size:0; padding-top:10px; font-size:0;}
.cont_support_box2_in_box_txt2_1 { display:inline-block; vertical-align:middle; width:27%;}
.cont_support_box2_in_box_txt2_2 { display:inline-block; vertical-align:middle; text-align:center; font-size:12px; line-height:1.2; width:73%;}
.cont_support_box2_in_box_txt2_2>span { display:block; font-size:20px; font-weight:700;}





}