@charset "UTF-8";

/* 서브페이지 상단 비주얼 */
.container .subVisual{position:relative; height:280px; background-repeat:no-repeat; background-position:top center;}
.container .subVisual._intro{background-image:url(../img/subVisual_intro.jpg)}
.container .subVisual._case{background-image:url(../img/subVisual_case.jpg)}
.container .subVisual._business{background-image:url(../img/subVisual_business.jpg)}
.container .subVisual._community{background-image:url(../img/subVisual_community.jpg)}
.container .subVisual._etc{background-image:url(../img/subVisual_etc.jpg)}
.container .subVisual h2{position:absolute; top:calc(50% - 40px); left:0; width:100%; font-size:50px; color:#fff; text-align:center; line-height: 1; font-weight:400;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
}

/* 콘텐츠 영역 */
.contents{position:relative; width:1180px; margin:0 auto; padding:100px 0;}
.contents .tit_page{padding:0 0 50px 0; font-size:35px; font-weight:500; color:#333; text-align:center; line-height: 1;}

/* page location */
.location{position:absolute; top:0; left:0; width:calc(100% - 30px); margin-top:-61px; border-bottom:1px solid #ddd; background:#fff; z-index:100; z-index:100;}
.location:before{content:""; display:block; position:absolute; top:0; right:-30px; width:0; height:0; border-top:15px solid transparent; border-right:15px solid transparent; border-left:15px solid #fff; border-bottom:15px solid #fff;}
.location:after{content:""; display:block; position:absolute; bottom:-1px; right:-30px; width:30px; height:31px; border-bottom:1px solid #ddd; background:#fff;}

.location ol>li{position:relative; float:left; border-right:1px solid #ddd;}
.location ol>li a, .location ol>li button{display:block; line-height:1;}
.location ol>li:nth-last-child(1) button{color:#333; font-weight:500;}
.location .home{width:60px; height:60px; background:url(../img/ico_loc_home.png) no-repeat center center; background-size:30px 24px; font-size:0; text-indent:-99999px;}
.location .current{min-width:230px; height:60px; padding:0 50px 0 20px; font-size:1rem; color:#999;}
.location .current:before{content:""; display:block; position:absolute; top:50%; right:20px; width:10px; height:10px; margin-top:-5px; border:solid #aaa; border-width:0 0 2px 2px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.location .current.active:before{margin-top:0;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
}
.location .current b{display:inline-block; line-height:120%; font-weight:400;}
.location ul{display:none; position:absolute; top:100%; left:0; width:100%; padding:10px 0; border:1px solid #dedede; background:#f6f6f6;}
.location ul a{display:block; padding:10px 20px; color:#999;}
.location ul a:hover{background:#999; color:#f6f6f6;}
.location .active+ul{display:block;}


@media screen and (max-width:1200px){
    /* 콘텐츠 영역 */
    .contents{width:auto; margin:0 20px;}
}

@media screen and (max-width:1024px){
    /* 서브페이지 상단 비주얼 */
    .container .subVisual{height:130px; background-size:cover;}
    .container .subVisual h2{top:calc(50% - 20px); font-size:22px;}

    /* 콘텐츠 영역 */
    .contents{padding:35px 0;}
    .contents .tit_page{padding:0 0 24px 0; font-size:17px;}

    /* page location */
    .location{width:calc(100% - 20px); margin-top:-41px;}
    .location:before{right:-20px; border-top-width:10px; border-right-width:10px; border-left-width:10px; border-bottom-width:10px;}
    .location:after{right:-20px; width:20px; height:21px;}

    .location ol>li{width:calc((100% - 40px) / 2);}
    .location ol>li:first-child{width:40px;}
    .location ol>li+li+li{border:0;}
    .location .home{width:40px; height:40px; background-size:20px 16px;}
    .location .current{min-width:100%; height:40px; padding:0 30px 0 10px; font-size:12px;}
    .location .current:before{top:50%; right:10px; width:8px; height:8px; margin-top:-4px;}
    .location ul{padding:10px 0;}
    .location ul a{padding:10px; font-size:12px;}
}

@media screen and (max-width:767px){
    /* 서브페이지 상단 비주얼 */
    .container .subVisual._intro{background-image:url(../img/subVisual_intro_m.jpg)}
    .container .subVisual._case{background-image:url(../img/subVisual_case_m.jpg)}
    .container .subVisual._business{background-image:url(../img/subVisual_business_m.jpg)}
    .container .subVisual._community{background-image:url(../img/subVisual_community_m.jpg)}
    .container .subVisual._etc{background-image:url(../img/subVisual_etc_m.jpg)}
}

/* icon */
.ico{display:inline-block; margin-left:5px; font-size:0; text-indent:-99999px; vertical-align: text-top;}
.ico_file{width:14px; height:16px; background:url(../img/ico_file.png) no-repeat top left; background-size:14px 16px; vertical-align: middle;}
.mark{display:inline-block; min-width:55px; padding:5px 10px; border-radius:20px; font-style:normal; font-size:0.8125rem; /* 13px */ line-height:1;}
.mark_notice{color:#fff; background:#008fc5;}

@media screen and (max-width:767px){
    .ico_file{width:11px; height:13px; background-size:11px 13px; vertical-align: text-top;}
    .mark{padding:2px 5px; font-size:0.8333rem; /* 10px */ text-align:center;}
}

/* 리스트형 게시판 */
.board_list{table-layout: fixed;}
.board_list caption{width:0; height:0; font-size:0; opacity:0;}
.board_list th{padding:25px 0; border-top:2px solid #005c7e; border-bottom:1px solid #ccc; font-weight:500; line-height:1; color:#333; font-weight:400;}
.board_list td{padding:20px 0; border-bottom:1px solid #eee; color:#666; text-align:center; word-break:break-all;}
.board_list .notice{background:#f2f7f8;}
.board_list .notice td{background:#f2f7f8;}
.board_list .tit{padding:0 20px; text-align:left;}
.board_list .tit a, .board_list .tit span{display:inline-block; max-width:calc(100% - 25px); color:#333; vertical-align: top; font-weight:400;}

@media screen and (max-width:767px){
    .board_list, .board_list tbody, .board_list tr, .board_list th, .board_list td{display:block; line-height:1;}
    .board_list{border-top:1px solid #eee;}
    .board_list thead{display:none;}
    .board_list tr{position:relative; padding:15px; border-bottom:1px solid #eee; }
    .board_list td{display:inline-block; padding:0;border:0; text-align:left; font-size:0.9167rem; /* 11px */}
    .board_list .tit{display:block; margin-bottom:10px; padding:0;}
    .board_list .tit a{font-size:1rem;}
    .board_list .no{display:none;}
    .board_list .notice .no{display:block;}    
    .board_list .mark{margin-bottom:10px;}
    .board_list .date,.board_list .hit{margin-left:8px; padding-left:8px; border-left:1px solid #aaa;}
    .board_list .cate{margin-bottom:10px;}
}

/* 게시글 상세 */
.board_view{border-top:1px solid #005c7e; border-bottom:1px solid #ddd;}
.board_view .view_tit{position:relative; padding:30px; border-bottom:1px solid #ddd;}
.board_view .view_tit .tit{padding-right:200px; font-size:1.5rem; /* 24px */ color:#333; font-weight:500; line-height:150%;}
.board_view .view_tit .writer{margin-top:20px; font-size:1.125rem; /* 18px */ font-weight:500; line-height:1;}
.board_view .view_tit .etc{position:absolute; top:0;  width:100px; height:100%; text-align:center; font-size:0.875rem; /* 14px */ color:#999;}
.board_view .view_tit .etc b{display:inline-block; position:relative; font-weight:500; padding-right:15px; line-height:1;}
.board_view .view_tit .etc b:after{content:""; display:block; position:absolute; top:0; right:0; margin:0 5px; height:100%; border-left:1px solid #aaa;}
.board_view .view_tit .etc span{display:block; position:absolute; top:50%; left:0; width:100%;
    -webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    transform:translate(0, -50%);
}
.board_view .view_tit .date{right:130px;}
.board_view .view_tit .hit{right:30px;}

.board_view .view_cont{padding:50px 30px; border-bottom:1px solid #ddd; line-height:150%; word-break:break-all;}
.board_view .view_cont img{max-width:100%;}

.board_view .files{padding:20px 30px; background:#f9f9f9; font-size:0.875rem; /* 14px */ overflow:hidden;}
.board_view .files .tit{float:left; font-weight:500; color:#333;}
.board_view .files ul{float:left; margin-left:20px;}
.board_view .files ul li+li{margin-top:5px;}
.board_view .files ul a{display:inline-block; max-width:100%; border-bottom:1px solid #008fc5; color:#008fc5; letter-spacing: 0;}

/* 게시판 이전다음글 */
.board_nav{table-layout: fixed;}
.board_nav th{padding:20px 0; border-top:1px solid #eeeeee; color:#333; font-weight:500;font-size: 14px; line-height:1; vertical-align: top;}
.board_nav th:after{content:""; display:block; float:right; width:1px; height:12px; background:#aaa;}
.board_nav td{padding:20px 30px; border-top:1px solid #eeeeee ; color:#666; font-size:0.875rem; /* 14px */ font-weight: 200; letter-spacing: -0.045em; line-height:1;}
.board_nav td a{display:inline-block; max-width:calc(100% - 150px); color:#666;}
.board_nav td .date{float:right; color:#999;}
.board_nav .prev:before{content:""; display:inline-block;width:5px; height:5px; margin-right:15px; border:solid #333; border-width:1px 1px 0 0; vertical-align: middle;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
.board_nav .next:before{content:""; display:inline-block; width:5px; height:5px; margin-right:15px; border:solid #333; border-width:0 1px 1px 0;vertical-align: middle;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}

@media screen and (max-width:767px){
    .board_view .view_tit{padding:15px;}
    .board_view .view_tit .tit{padding-right:0; font-size:15px;}
    .board_view .view_tit .writer{display:inline-block; margin-top:10px; font-size:13px; font-weight:200;}
    .board_view .view_tit .etc{display:inline-block; position:relative; width:auto; height:auto; margin-left:5px; padding-left:5px; border-left:1px solid #ddd; font-size:13px;}
    .board_view .view_tit .etc b{padding-right:5px; font-weight:200;}
    .board_view .view_tit .etc b:after{display:none;}
    .board_view .view_tit .etc span{position:relative; top:0; left:0; width:auto; line-height:1;
        -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        transform:translate(0, 0);
    }
    .board_view .view_tit .date{right:0;}
    .board_view .view_tit .hit{right:0;}

    .board_view .view_cont{padding:20px 15px; font-size:13px;}

    .board_view .files{padding:15px; font-size:13px;}
    .board_view .files ul{width:calc(100% - 60px); margin-left:10px;}
    .board_view .files ul a{display:inline-block; border-bottom:1px solid #0e3570; color:#0e3570;}

    /* 게시판 이전다음글 */
    .board_nav colgroup col:nth-of-type(1){width:80px !important;}
    .board_nav th{padding:10px 0 10px 10px; font-size: 13px; vertical-align: top; text-align:left;}
    .board_nav td{padding:10px 10px 10px 15px; font-size: 13px; vertical-align: top;}
    .board_nav td a{max-width:100%;}
    .board_nav td .date{display:block; float:none; margin-top:10px;}
    .board_nav .prev:before{width:8px; height:8px; vertical-align: middle;}
    .board_nav .next:before{width:8px; height:8px; vertical-align: middle;}
}

/* 웹진형 게시판 */
.board_webzine_list{border-top: 2px solid #005c7e;}
.board_webzine_list a{display:block; padding:30px; border-bottom:1px solid #dddddd; overflow:hidden; color:#333; line-height:1;}
.board_webzine_list a .thumb{float:left; position:relative; overflow:hidden;}
.board_webzine_list a .thumb figure{position:relative; width:180px; height:0; padding-bottom: 138.89%;}
.board_webzine_list a .thumb figure img{position:absolute; top:0; left:0; width:100%; height:100%;}
.board_webzine_list a .txt{position:relative; float:left; width:calc(100% - (180px + 30px)); margin-left:30px; padding: 60px 0;letter-spacing: -0.045em;}
.board_webzine_list a .txt .tit{font-size:22px; font-weight:500;color: #333; line-height: 125%;}
.board_webzine_list a .txt .info{margin-top: 20px; font-size:0.875rem; /* 14px */ color: #999;} 
.board_webzine_list a .txt .info span{display:inline-block; }
.board_webzine_list a .txt .info span+span{margin-left:15px; padding-left:15px; border-left:1px solid #aaa;}
.board_webzine_list a .txt .summary{max-height:48px; margin-top: 20px; font-size: 1rem; color: #666666; line-height: 160%; letter-spacing: -0.045em; overflow:hidden;}

@media screen and (max-width:1024px){
    .board_webzine_list a{padding:15px;}
    .board_webzine_list a .txt .summary{line-height:180%;max-height:50px;}
}

@media screen and (max-width:767px){
    .board_webzine_list a .thumb{width:29%;}
    .board_webzine_list a .thumb figure{width:100%;padding-bottom: 138%;height: 0;}
    .board_webzine_list a .txt{width:calc(100% - 29% - 15px); margin-left: 15px;padding: 10px 0;} 
    .board_webzine_list a .txt .tit{font-size:1.167rem; /* 14px */}
    .board_webzine_list a .txt .info{margin-top:10px; font-size:12px;}
    .board_webzine_list a .txt .summary{max-height:47px; margin-top:10px; font-size:12px; line-height:133%;}
}


/* form */
.form_input{height:40px; padding:0 20px; border:1px solid #ddd; font-size:0.875rem; /* 14px */ vertical-align: top; color:#666; font-weight:200;}

.search .form_select{appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;
    height:40px; padding:0 40px 0 20px; border:1px solid #ddd; font-size:0.875rem; /* 14px */ vertical-align: top; color:#666; background:url(../img/bg_selectbox.png) no-repeat 90% center; background-size:15px 9px;
}
.search .form_select::-ms-expand{display:none;}

/* 검색 */
.search{margin-bottom:20px; text-align:right;}
.search .form_select{width:160px;}

.search .keywordBox{display:inline-block; border:1px solid #ddd; vertical-align: top;}
.search .keywordBox .form_input{width:235px; height:38px; border:0;}
.search .keywordBox .btn_search{display:inline-block; width:50px; height:38px; background:url(../img/ico_search.jpg) no-repeat center center; background-size:24px 24px; font-size:0; text-indent:-99999px; vertical-align:top;}


@media screen and (max-width:767px){
    .search{margin-bottom:10px;}
    .search .form_select{float:left; width:120px; height:32px; padding:0 10px;}
    .search .keywordBox{width:calc(100% - 130px); overflow:hidden;}
    .search .keywordBox .form_input{float:left; width:calc(100% - 30px); height:30px;}
    .search .keywordBox .btn_search{float:right;width:30px; height:30px; background-size:19px 19px;}
}

/* 페이징 */
.pagingWrap{margin-top:30px; text-align:center;}
.paging{display:inline-block; overflow:hidden; vertical-align: top;}
.paging span{display:block; float:left; overflow:hidden;}
.paging a{display:block; float:left; width:38px; height:38px; border:solid #ddd; border-width:1px 1px 1px 0; font-size:0.875rem; /* 14px */ color:#666; line-height:38px; text-align:center;}
.paging a.on{color:#fff; background:#008fc5; font-weight:500; border-color:#008fc5;}
.paging a:nth-of-type(1){border-left:1px solid #ddd;}
.paging span a:nth-of-type(1){border-left:0;}
.paging .pagerBtn{font-size:0; text-indent:-99999px; background-repeat:no-repeat; background-position:center center; background-size:14px 14px;}
.paging .btn_paging_first{background-image:url(../img/ico_paging_first.png);}
.paging .btn_paging_last{background-image:url(../img/ico_paging_last.png);}
.paging .btn_paging_prev{background-image:url(../img/ico_paging_prev.png);}
.paging .btn_paging_next{background-image:url(../img/ico_paging_next.png);}

@media screen and (max-width:767px){
	.pagingWrap{margin-top:18px;}
    .paging a{width:30px; height:30px; font-size:12px; line-height:30px;}
    .paging .pagerBtn{background-size:16px 16px;}
}

/* button */
.btn{display:inline-block; width:130px; padding:15px 0; text-align:center; color:#fff; line-height:1; font-weight:400;}
.btn.is-primary{background:#008fc5;}
.btn.is-secondary{background:#0e3570;}
.btn.is-cancel{background:#424446;}

.btnArea{margin-top:20px; text-align:right;}
.btnArea .btn+.btn{margin-left:5px;}

@media screen and (max-width:767px){
    .btn{width:110px; padding: 14px 0; font-size:15px;}
    .btnArea{margin-top:15px;}
}

/* 사이트 맵 */
.site_map{border-top: 2px solid #005c7e;letter-spacing: -0.045em;}
.site_map tr{border-bottom: 1px solid #ddd;}
.site_map td{padding: 30px 0;}
.site_map td:first-child{font-size: 18px;padding: 30px;font-weight: 500;color: #005c7e}
.site_map td ul li{width: 33%;float: left;position: relative;padding-left: 14px;}
.site_map td ul li:before{clear: both; content: '';display: inline-block;width: 4px; height: 4px; background-color: #005c7e; position: absolute; top: 10px; left: 0;border-radius: 50%;}
.site_map td ul li a{font-size: 16px;font-weight: 400;color: #666;}

@media screen and (max-width:767px){
	.site_map td{display: block;padding: 0 0 15px 15px;}
	.site_map td:first-child{font-size: 14px;padding: 15px;}
	.site_map td ul li{padding-left: 8px;}
	.site_map td ul li:before{clear: both; content: '';display: inline-block;width: 3px; height: 3px; background-color: #005c7e; position: absolute; top: 8px; left: 0;border-radius: 50%;}
	.site_map td ul li a{font-size: 12px;}
}

/* 갤러리 게시판 */
.gallery_view{margin-bottom:30px; padding:30px 0; border-top:2px solid #005c7e; border-bottom:1px solid #b5b5b5;}
.gallery_view .top{margin-bottom:30px;}
.gallery_view .tit{display:inline-block; font-size:24px; color:#005c7e; font-weight:500; line-height:1;}
.gallery_view .date{display:block; float:right; margin-left:10px; color:#999; font-weight:200;}
.gallery_view .page{margin-top:20px; font-size:14px; text-align:center; color:#990e17; font-weight:200;}
.gallery_view .desc{margin-top:30px; color:#737373; line-height:150%;}
.gallery_view img{width:100%;}
.gallery_view .video{position: relative; padding-bottom: 53.85%; padding-top: 30px; height: 0; overflow: hidden;}
.gallery_view .video iframe,
.gallery_view .video object,
.gallery_view .video embed {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}
.gallery_view .bx-has-pager{margin-top:-40px; text-align:center;}
.gallery_view .bx-pager.bx-default-pager{display:inline-block; width:auto; position:relative; bottom:0; margin-top:0; padding:5px 10px; border-radius:20px; font-size:14px; text-align:center; color:#fff; font-weight:400; font-family: 'Noto Serif KR'; background:rgba(0,0,0,.75); line-height:1;}
.gallery_view .bx-wrapper{border:0; box-shadow: none;}
.gallery_view .bx-wrapper .bx-controls-direction a{display:block; width:56px; height:56px; margin-top:-28px; background-repeat:no-repeat; background-position:top left;}
.gallery_view .bx-wrapper .bx-controls-direction .bx-prev{left:0; background-image:url(../img/btnPrev.png);}
.gallery_view .bx-wrapper .bx-controls-direction .bx-next{right:0; background-image:url(../img/btnNext.png);}

.gallery_list{padding:0 0 30px 0; border-bottom:1px solid #b5b5b5;}
.gallery_list li{float:left; width:calc((100% - 60px) / 4); margin-left:20px; margin-top:25px;}
.gallery_list li:nth-child(-n+4){margin-top:0;}
.gallery_list li:nth-of-type(4n+1){margin-left:0;}
.gallery_list li a{display:block;}
.gallery_list li span{display:block; line-height:1;}
.gallery_list li .thumb{position:relative; padding-bottom:67.8571%; background:url(../img/thumb_default.jpg) no-repeat top center; background-size:contain; overflow:hidden;}
.gallery_list li .thumb img{position:absolute; top:0; left:0; width:100%; height:100%; vertical-align: top;}
.gallery_list li .tit{margin-top:15px; font-size:18px; color:#333; font-weight:400;}
.gallery_list li .date{margin-top:10px; color:#999;}
.gallery_list .on .tit{color:#005c7e;}
.video_list li .thumb:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/thumb_video_cover.png) no-repeat center center; background-size:cover;}

@media screen and (max-width:767px){
    .gallery_view{margin-bottom:20px; padding-bottom:20px;}
    .gallery_view .tit{font-size:20px;}
    .gallery_view .top{margin-bottom:20px;}
    .gallery_view .date{display:block; margin-top:5px; margin-left:0; font-size:14px;}
	.gallery_view .desc{margin-top:20px;}
	.gallery_view .bx-wrapper .bx-controls-direction a{width:28px; height:28px; margin-top:-14px; background-size:28px 28px;}

    .gallery_list{padding-top:10px;}
    .gallery_list li{width:calc((100% - 15px) / 2); margin-top:20px; margin-left:15px;}
    .gallery_list li:nth-of-type(2n){margin-left:15px;}
    .gallery_list li:nth-child(3),.gallery_list li:nth-child(4),.gallery_list li:nth-child(5){margin-top:20px;}
    .gallery_list li:nth-of-type(2n+1){margin-left:0;}
    .gallery_list li .tit{margin-top:10px; font-size:14px;}
    .gallery_list li .date{margin-top:10px; font-size:12px;}
}

/* 사업소개 */
.txt01{font-size: 16px;font-weight: 400;color: #666;letter-spacing: -0.045em;line-height: 162%;}
.page h4.sub_tit{font-size: 22px;font-weight: 500;color: #008fc5;line-height: 136%;letter-spacing: -0.045em;}
.page img{width: 100%;}
.page .mobile{display: none;}
@media screen and (max-width:767px){
	.txt01{font-size: 12px;}
	.page h4.sub_tit{font-size: 13px;}
	.page .pc{display: none;}
	.page .mobile{display: block;}
}

/* mgt */
.mgt40{margin-top: 40px;}

@media screen and (max-width:767px){
	.mgt40{margin-top: 20px;}
}

/* 주요업무절차 및 일정 */
.working_pro{padding: 80px 65px;background-color: #f9f9f9;}
.working_pro ul li{width:calc((100% - 210px) / 4); float: left;margin-left: 70px;position: relative;margin-top: 50px;}
.working_pro ul  li:nth-child(-n+4) {margin-top: 0;}
.working_pro ul li+li:after{display: block;content: '';clear: both; background-color: #ddd;width: 70px;height: 1px;position: absolute;top: 50%;left: -34%;}
.working_pro ul li:first-child{margin-left: 0;}
.working_pro ul li .step{width: 210px;height: 210px;background-color: #fff;border-radius: 50%;width: 210px;height: 210px;position: relative;text-align: center;border: 1px solid #ddd;}
.working_pro ul li .tit{font-size: 20px;color: #005c7e;font-weight: 700;letter-spacing: -0.045em;margin-top: 65px;line-height: 130%;}
.working_pro ul li:nth-child(3) .tit{margin-top: 55px;}
.working_pro ul li:nth-child(4) .tit{margin-top: 77px;}
.working_pro ul li:nth-child(5) .tit{margin-top: 40px;}
.working_pro ul li .txt01{line-height: 125%;margin-top: 15px;}
.working_pro ul li .txt01 span{font-size: 14px;margin-top: 10px;display: block;color: #999}
.working_pro ul li .number{width: 40px;height: 40px;border-radius: 50%;color: #fff;background-color: #008fc5;line-height: 40px;position: absolute;top: -20px;left: 50%;transform: translateX(-50%)}
.working_pro ul li:nth-child(5){margin-left: 140px;}
.working_pro ul li:nth-child(5):after{display: none;}
@media screen and (max-width:1240px){
	.working_pro{padding: 40px 30px;}
	.working_pro ul li+li:after{display: none;}
}
@media screen and (max-width:1024px){
	.working_pro{padding: 30px 15px;}
	.working_pro ul li{width:calc((100% - 90px) / 4);margin-left: 30px; }
	.working_pro ul li:nth-child(5){margin-left: 100px;}
	.working_pro ul li .step{width: 160px;height: 160px;}
	.working_pro ul li .tit{margin-top: 50px;font-size: 16px;}
	.working_pro ul li:nth-child(3) .tit{margin-top: 40px;}
	.working_pro ul li:nth-child(4) .tit{margin-top: 60px;}
	.working_pro ul li:nth-child(5) .tit{margin-top: 30px;}
	.working_pro ul li .txt01{margin-top: 8px;font-size: 13px;}
	.working_pro ul li .txt01 span{margin-top: 5px;font-size: 11px;}
}
@media screen and (max-width:767px){
	.working_pro{padding: 30px 15px;}
	.working_pro ul li{width:calc((100% - 20px) / 2);margin-left:0px;margin-top: 30px;}
	.working_pro ul  li:nth-child(-n+4) {margin-top: 30px;}
	.working_pro ul li:nth-child(2n){margin-left: 20px;}
	.working_pro ul li:nth-child(5){margin-left: 0px;}
	.working_pro ul li .step{width: 135px;height: 135px;margin: 0 auto;}
	.working_pro ul li .tit{margin-top: 40px;font-size: 13px;}
	.working_pro ul li:nth-child(3) .tit{margin-top: 30px;}
	.working_pro ul li:nth-child(4) .tit{margin-top: 45px;}
	.working_pro ul li:nth-child(5) .tit{margin-top: 25px;}
	.working_pro ul li .txt01{margin-top: 8px;font-size: 12px;line-height: 120%;}
/*	.working_pro ul li .txt01 br{display: none;}*/
	.working_pro ul li:nth-child(7){width: 100%;}
}

.working_table{border-top: 2px solid #005c7e;letter-spacing: -0.045em;margin-top: 50px;}
.working_table tr{border-bottom: 1px solid #ddd;}
.working_table td{padding: 30px 0;}
.working_table td:first-child{font-size: 18px;padding: 30px;font-weight: 500;color: #005c7e}
.working_table td ul li{position: relative;padding-left: 14px;font-weight: 400;}
.working_table td ul li:before{clear: both; content: '';display: inline-block;width: 4px; height: 4px; background-color: #005c7e; position: absolute; top: 10px; left: 0;border-radius: 50%;}
.working_table td ul li+li{margin-top: 20px;}

@media screen and (max-width:767px){
	.working_table td{display: block;padding: 0 0 15px 15px;}
	.working_table td br{display: none;}
	.working_table td:first-child{font-size: 14px;padding: 15px;}
	.working_table td ul li+li{margin-top: 15px;}
	.working_table td ul li{padding-left: 8px;}
	.working_table td ul li:before{clear: both; content: '';display: inline-block;width: 3px; height: 3px; background-color: #005c7e; position: absolute; top: 8px; left: 0;border-radius: 50%;}
}

/* faq */
.faq_tab button{display:block; float:left; width:25%; padding:20px 0; border:1px solid #ddd;   font-size:1.125rem; /* 18px */ color:#666; text-align:center; line-height: 1;}
.faq_tab button.active{border-color:#008fc5; background:#008fc5; color:#fff; font-weight:500;}
.faq_tab button:nth-child(1){border-right: 0;}
.faq_tab button:nth-child(2){border-right: 0;}
.faq_tab button:nth-child(3){border-right: 0;}

.faq_cont{margin-top: 50px;border-top: 2px solid #005c7e;}
.accodion_cont>div{border-bottom: 1px solid #eee;}
.accodion_cont>div h4{font-size: 16px;font-weight: 500;color: #333;letter-spacing: -0.045em;padding: 25px 60px 25px 60px;cursor: pointer;position: relative;text-indent: -30px; }
.accodion_cont>div h4 .FQ{font-size: 20px;font-weight: 700;color: #008fc5;margin-right: 15px;}
.accodion_cont>div h4::after{content: '';display: inline-block;width: 12px;height: 12px;border: 2px solid #aaaaaa;transform: rotate(-45deg);border-width:  0 0px 2px 2px ; background: #fff;position: absolute;right: 25px;top: 30px;}/* 화살표 */
.accodion_cont>div h4.active::after{transform: rotate(135deg);margin-top: 5px;}/* 화살표 */
.accodion_cont>div .acd_sub{padding: 30px;background-color: #f9f9f9;display: none;}
.accodion_cont>div .acd_sub.on{display: block;}
.accodion_cont>div .acd_sub .FA{font-size: 20px;color: #666;margin-right: 15px;}

@media screen and (max-width:767px){
	.faq_tab button{padding: 10px;}
	.faq_cont{margin-top: 27px;}
	.accodion_cont>div .acd_sub{padding: 20px;}
	.accodion_cont>div li{padding-left: 10px;}
	.accodion_cont>div li:before{top: 6px;width: 4px;height: 4px;}
	.accodion_cont>div h4{font-size: 14px;padding: 15px 50px 15px 35px;text-indent: -22px;}
	.accodion_cont>div h4 .FQ{font-size: 20px;margin-right: 10px;} 
	.accodion_cont>div .acd_sub{font-size: 12px;padding-left: 35px;text-indent: -22px}
	.accodion_cont>div .acd_sub .FA{font-size: 20px;margin-right: 10px;}
}

/* 로그인 */
.loginBox{width:580px; margin:0 auto;}
.loginBox .form_input{width:100%; height:60px; font-size:16px; font-weight:400; color:#333;}
.loginBox .form_input+.form_input{margin-top:10px;}
.loginBox .btn{width:100%; height:70px; margin-top:30px; padding:0; line-height:70px; font-size:20px; font-weight:500;}
.loginBox .login_guide{margin-top:80px; padding:30px; background:#f9f9f9; border-radius:5px;}
.loginBox .login_guide ul li{padding-left:10px; color:#999; line-height:150%; text-indent:-10px;}
.loginBox .login_guide ul li:before{content:"·"; display:inline-block; width:10px; text-indent:0;}
.loginBox .login_guide ul li+li{margin-top:10px;}
.loginBox .login_guide ul li a{display:inline-block; margin-top:5px; border-bottom:1px solid #008fc5; color:#008fc5; text-indent:0;}

@media screen and (max-width:767px){
    .loginBox{width:auto; margin:0 15px;}
    .loginBox .form_input{height:40px; font-size:12px;}
    .loginBox .btn{height:50px; margin-top:20px; line-height:50px; font-size:14px;}
    .loginBox .login_guide{margin-top:15px; padding:15px;}
}

.ready_page{line-height:450px; font-weight:500; text-align:center; background:#f9f9f9;}

@media screen and (max-width:767px){
    .ready_page{line-height:200px;}
}