/* base style - start */ body > .container { padding: 0; } /* Sticky footer styles -------------------------------------------------- */ .footer > .container { width: 1116px; } /* navigation */ #navbar-pc > .nav-justified > .dropdown > a { color:#ffffff; padding: 35px 0 25px 0; } #navbar-pc > .nav-justified > .dropdown .dropdown-menu { background-color: rgba(255,255,255, 1); border-bottom: 1px solid #666666; margin-top: 1px; } /* GNB 2depth */ .navbar { background-color:#ffffff; } .navbar-fixed-top { height: 112px; position: absolute; } .navbar-fixed-top:before { content: ' '; height: 100px; width: 100%; margin-top: 0; background-color: rgba(0,0,0, 0.3); display: block; position: absolute; } .navbar-fixed-top:after { /*content: ' '; height: 66px; background-color: #333333; display: block; margin-top: 0px;*/ } /* 최상위 별도 메뉴들 */ .navbar .navbar-right { /*margin-top: -110px;*/ } /* base style - end */ /* Location(tags) styles - start -------------------------------------------------- */ body > .tags .container { width: 1116px; padding-right: 0; padding-left: 0; } .tags { margin: 0 auto; padding: 16px 0px 12px 0px; } .tags ul { visibility: hidden; margin: 0 auto; padding: 0; } .tags ul li { display: table-cell; } .tags ul li .glyphicon { min-width: 20px; padding-left: 12px; padding-right: 4px; } .tags ul li a { padding: 10px 0 0 5px; color: #333333; } .tags ul li a:hover { text-decoration: none; } /* Location(tags) styles - end -------------------------------------------------- */ /* 상단 1차 메뉴 대표 이미지 영역 styles - start -------------------------------------------------- */ .groupInfo { width: 100%; color: #ffffff; background-size: 100% auto; } .groupInfo > .container { width: 1116px; height:480px; margin: 112px auto 0 auto; padding-right: initial; padding-left: initial; text-align: center; background-color: transparent; } .groupInfo > .jumbotron > h1 { margin-top: 70px; font-size: 48px; font-weight: 800; position: absolute; } .groupInfo > .jumbotron > p { margin-top: 155px; font-size: 30px; font-weight: 800; position: absolute; } /* ​굿핸즈 소개 법인 개요 */ #Header_groupInfo1 { background: url('/skin/images/sub/subTop_01.png') no-repeat top; background-size: cover; } #Header_groupInfo1 > .jumbotron > h1 {} #Header_groupInfo1 > .jumbotron > p {} /* 굿핸즈 소개 법인 조직도 */ #Header_groupInfo2 { background: url('/skin/images/sub/subTop_02.png') no-repeat top; background-size: cover; } #Header_groupInfo2 > .jumbotron > h1 {} #Header_groupInfo2 > .jumbotron > p {} /* 굿핸즈 소개 찾아오시는 길 */ #Header_groupInfo3 { background: url('/skin/images/sub/subTop_03.png') no-repeat top; background-size: cover; } #Header_groupInfo3 > .jumbotron > h1 {} #Header_groupInfo3 > .jumbotron > p {} /* 사업소개 */ #Header_groupInfo4 { background: url('/skin/images/sub/subTop_04.png') no-repeat top; background-size: cover; } #Header_groupInfo4 > .jumbotron > h1 {} #Header_groupInfo4 > .jumbotron > p {} /* 후원안내 */ #Header_groupInfo5 { background: url('/skin/images/sub/subTop_05.png') no-repeat top; background-size: cover; } #Header_groupInfo5 > .jumbotron > h1 {} #Header_groupInfo5 > .jumbotron > p {} /* 공지사항 */ #Header_groupInfo6 { background: url('/skin/images/sub/subTop_06.png') no-repeat top; background-size: cover; } #Header_groupInfo6 > .jumbotron > h1 {} #Header_groupInfo6 > .jumbotron > p {} /* SITE MAP */ #Header_groupInfo7 { background: url('/skin/images/sub/subTop_07.png') no-repeat top; background-size: cover; } #Header_groupInfo7 > .jumbotron > h1 {} #Header_groupInfo7 > .jumbotron > p {} /* 상단 1차 메뉴 대표 이미지 영역 styles - end -------------------------------------------------- */ /* Sidebar styles - start -------------------------------------------------- */ /* Hide for mobile, show later */ .sidebar { display: none; } /* Sidebar navigation */ .nav-sidebar { margin-right: -20px; margin-left: -20px; padding: 0 20px 0 20px; } .nav-sidebar > li { font-size:24px; padding: 0 0 8px 0; border-bottom: #333333 1px solid; } .nav-sidebar > li:first-child { display:none; } .nav-sidebar > li > a { font-size:15px; padding: 8px 0 0 0; font-weight:700; } .nav-sidebar > li > a, .nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus { color: #333333; } .nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus { color: #428bca; } .nav-sidebar > li > a:hover, .nav-sidebar > .active > a:hover { background: none; } /* Sidebar styles - end -------------------------------------------------- */ /* [Common] Main content - start -------------------------------------------------- */ #sidebar { width: 100%; margin: 0; } .sidebar + .hfeed { padding: 0px 15px 20px 15px; } .hfeed .page-header { margin-top: 0; margin-bottom: 61px; color:#000000; font-size:36px; font-weight:800; text-align:center; border-bottom: none; } /* [Common] Main content - end -------------------------------------------------- */ /* [Common] Placeholder dashboard ideas - start -------------------------------------------------- */ .placeholders { margin-top: 41px; margin-bottom: 30px; line-height:24px;} .placeholders h2 { color:#333333; font-size:36px; font-weight: 800; margin-top:0; margin-bottom:55px; text-align: center; } .placeholders h3 { padding-top:20px; } .placeholders img + h3 { padding-top:initial; } .placeholders h4 { margin-bottom: 0; } .placeholder { margin-bottom: 20px; } .placeholder img { display: inline-block; border-radius: 50%; } /* [Common] Placeholder dashboard ideas - end -------------------------------------------------- */ /* [Common] 본문 tab - start -------------------------------------------------- */ .nav-pills { margin-bottom: 40px; } .nav-pills+*:not(.desc):not(.board):not(.board01):not(form) { padding-top: 16px; } /*테이블 혹은 게시판 형 요소로 시작되는 페이지에서는 padding-top 미적용*/ .nav-pills>li { padding-right:0; padding-left:0; } .nav-pills>li:first-child { padding-left:0; } .nav-pills>li:last-child { padding-right:0; } .nav-pills>li>a, .nav-pills>li>a:focus { font-size:24px; font-weight:700; color:#333333; padding-top: 15px; padding-bottom: 15px; background-color: transparent; border-style:solid; border-width: 0 0 1px 0; border-color:#d6d6d6; border-radius: 0; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, .nav-pills>li>a:hover { font-weight:700; color:#3b9d0a; background-color: transparent; } .nav-pills>li>a.empty { cursor: initial; } .nav-pills>li+li {} .nav-pills>li+li:before { content: " "; border-left: solid 1px #666666; height: 13px; width: 1px; margin-top: 25px; float: left; } .nav-pills>li+li>a {} /* [Common] 본문 tab - end -------------------------------------------------- */ /* [Common] text display - start -------------------------------------------------- */ .slogan { width:100%; text-align:center; font-size:30px; font-weight:800; color:#000000; line-height: normal; margin-bottom: 80px; } .slogan > p { line-height: 40px; } .slogan > br { content: ' '; padding-left: 0.4em; } .slogan > br.break_all { content: none; } .description { text-align: justify; color:#666666; font-size:17px; font-weight:700; line-height: 30px; margin: 0px; } .description.center { text-align: center; } /* [Common] text display - end -------------------------------------------------- */ /* [Common] image display - start -------------------------------------------------- */ .img-thumbnail.borderless { border: 0px; padding: 0; border-radius: initial; } .img-thumbnail.full-pic { width: 100%; } .img-thumbnail.single { margin: auto; display: block; } .img-thumbnail.single:last-child { margin-bottom: 110px; } .img-thumbnail.single + .slogan { margin-top: 85px; } .img-thumbnail.single + .img-thumbnail.single { margin-top: 43px; } .description + .img-thumbnail.single { margin-top: 63px; } .main-pic > img { margin-top: 8px; margin-left: 20px; } /* [Common] image display - end -------------------------------------------------- */ /* [Common] 설명형 테이블 영역 - start -------------------------------------------------- */ .desc .header { text-align: left; } .desc .table>thead { background-color: transparent; } .desc .table>thead:first-child>tr>th { color: #333333; text-align: center; } .desc .table tbody tr th { text-align: center; background-color: transparent; vertical-align:middle; } .desc .table tbody tr td { text-align: center; } .table-caption { width:100%; text-align:right; } .table + .table-caption { margin-top: -15px; } /*좌/우 외곽선 제거*/ .table { border-left: 0px; border-right: 0px; } .table>thead:first-child>tr:first-child>th:first-child, .table tbody tr th:first-child, .table tbody tr td:first-child { border-left: 0px; } .table>thead:first-child>tr:first-child>th:last-child, .table tbody tr th:last-child, .table tbody tr td:last-child { border-right: 0px; } /* [Common] 설명형 테이블 영역 - end -------------------------------------------------- */ /* [Common] 설명형 그룹 영역 - start -------------------------------------------------- */ .desc-group { list-style-type: none; margin-top: 0px; margin-left: 0; padding-left: 0; } .desc-group-item { text-align: left; font-size: 22px; margin-bottom: 60px; } .desc-group-item * { font-size: 14px; } .desc-group-item .item-header { padding-top:initial; font-size: 22px; font-weight: 800; } .desc-group-item:first-child .item-header { margin-top: auto; } .desc-group-item .item-header:before { content: ''; width:19px; height:20px; background: url('/skin/images/icon/overline_2020.png') no-repeat top left; display:inline-block; margin-right: 3px; margin-bottom: -6px; } .desc-group-item .item-header > br { content: ' '; } .desc-group-item ul { list-style-type: disc; padding-left: 12px; margin-top: 42px; margin-left: 25px; } .desc-group-item li { display: list-item; } .desc-group-item ul.description li, .desc-group-item ul li:first-child:last-child { margin-left: -16px; list-style-type: none; color: #333333; font-weight: 400; line-height: 24px; text-align: justify; } /*단일 자료의 경우*/ .desc-group-item ul.description li + li { margin-top: 40px; } .desc-group-item dl { list-style-type: disc; padding-left: 12px; margin-left: 18px; } .desc-group-item dl dt { display: list-item; color: #659acc; margin-top: 16px; color: initial; } .desc-group-item dl dt, .desc-group-item dl dd { line-height: 26px; } /* [Common] 설명형 그룹 영역 - end -------------------------------------------------- */ /* [Common] 게시판 영역 - list - start -------------------------------------------------- */ .board {} .board .table { border-left: 0px; border-right: 0px; } .board .table a, .board .table a:hover { color:#000000; text-decoration:none; } .board .table>thead {} .board .table>thead:first-child>tr:first-child>th { color: #333333; font-weight:800; text-align: center; border-top: 0px solid #333333; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; } .board .table>thead .num { width: 8%; } .board .table>thead .title {} .board .table>thead .category { width: 20%; } .board .table>thead .attach { width: 12%; } .board .table>thead .regdate { width: 15%; } .board .table tbody tr th { text-align: center; vertical-align:middle; } .board .table tbody tr td { text-align: center; } .board .table tbody tr>*:nth-child(1) { border-left: 0px; } .board .table tbody tr>*:last-child { border-right: 0px; } .board .table tbody tr>*:nth-child(2) { text-align: left; } /* [Common] 게시판 영역 - list - end -------------------------------------------------- */ /* [Common] 게시판 영역 - view - start -------------------------------------------------- */ .board01 {} .board01 .head { margin-bottom: 0; border-top: solid 1px #cccccc; } .board01 .head dt { display: table-cell; width: 4%; padding: 5px; border-right: solid 1px #cccccc; } .board01 .head dd { display: table-cell; width: 1%; padding: 5px; border-right: solid 1px #cccccc; } .board01 .head dd:last-child { border-right: none; } .board01 .head .title { width: 15%; text-align: left; } .board01 .head .attach { text-align: center; } .board01 .head .regdate {} .board01 .body { margin-bottom: 0; border-top: solid 1px #cccccc; } .board01 .body dt { display:none; } .board01 .body dd { text-align:initial; padding: 20px 5px; } .board01 .btn-group { width: 100%; margin-bottom: 0; padding-bottom: 15px; text-align: right; } .board01 .btn-group .btn { float:initial; padding: 4px 20px; font-weight: 700; } .board01 .view_list { margin-bottom: 0; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } .board01 .view_list:last-child { border-top:none; border-bottom: solid 1px #cccccc; } .board01 .view_list dt { display: table-cell; min-width: 83px; padding-left: 5px; border-right: solid 1px #cccccc; } .board01 .view_list dd { display: table-cell; text-align: left; padding: 5px 10px; } /* [Common] 게시판 영역 - view - end -------------------------------------------------- */ /* [Common] 페이징 요소(pageNum) 영역 - start -------------------------------------------------- */ #PageMessage { text-align:center; } table.paging { border:0; border-spacing:10px 0; border-collapse: separate; margin-left: auto; margin-right: 0; } table.paging td { height: 22px; min-width: 30px; padding: 4px; border: 1px solid #cccccc; text-align: center; } table.paging td a, table.paging td a:hover { color:#000000; text-decoration:none; } table.paging td.firstpage>a, table.paging td.preview>a, table.paging td.next>a, table.paging td.endpage>a { position: relative; display: block; width: 100%; height: 100%; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; } table.paging td.firstpage>a>*, table.paging td.preview>a>*, table.paging td.next>a>*, table.paging td.endpage>a>* { display:none; } table.paging td.firstpage>a:before { content: "\e070"; } table.paging td.preview>a:before { content: "\e069"; } table.paging td.next>a:before { content: "\e077"; } table.paging td.endpage>a:before { content: "\e076"; } table.paging td.num { cursor: pointer; } table.paging td.num.on { font-weight: 700; color: #428bca; } table.paging td.num.over { font-weight: 700; color: #0000ff; } /* [Common] 페이징 요소(pageNum) 영역 - end -------------------------------------------------- */ /* [Common] 본문영역 - start -------------------------------------------------- */ .placeholders { margin-top: 30px; margin-bottom: 110px; line-height:24px;} .placeholders h2 { color:#333333; font-size:36px; font-weight: 800; margin-top:0; margin-bottom:55px; text-align: center; } .placeholders h3 { padding-top:20px; } .placeholders img + h3 { padding-top:initial; } .placeholders h4 { margin-bottom: 0; } .placeholder { margin-bottom: 20px; } .placeholder img { display: inline-block; border-radius: 50%; } .entry-content {} .entry-section {} .entry-section > .entry-title { margin-top: 65px; } .entry-section > .container { width: auto; } .entry-section .block.media {} .entry-section .block .media-left {} .entry-section .block .media-right {} .entry-section .block h3 {} .entry-section .block br.inline {} .entry-section .block dl { list-style-type: disc; padding-left: 12px; margin-left: 18px; } .entry-section .block dl dt { display: list-item; color: #659acc; margin-top: 16px; color: initial; } .entry-section .block dl dt, .entry-section .block dl dd { line-height: 150%; } #company_default_1 > .entry-title {} #company_default_1 > .container { background-color: #ededed; } #company_default_1 .block.media { height: 340px; } #company_default_1 .block .media-left { height: 100%; background: url('/company/images/aboutUs_01.png') left top no-repeat; background-size: contain; } #company_default_1 .block .media-right { color: #333333; font-size: 18px; font-weight: 700; line-height: 200%; } #company_default_1 .block h3 { color: #3b9d0a; font-size: 24px; font-weight: 700; padding-top: 13px; } #company_default_2 > .entry-title {} #company_default_2 > .container {} #company_default_2 .block.media { height: 258px; } #company_default_2 .block .media-left { height: 100%; padding-left: 0; background: url('/company/images/aboutUs_logo.png') left center no-repeat; background-size: auto; } #company_default_2 .block .media-right {} #company_default_2 .block dl.single { list-style-type: none; margin-top: 70px; margin-left: 0; padding-left: 0; } #company_default_2 .block dl.single dt, #company_default_2 .block dl.single dd { color: #333333; font-size: 18px; font-weight: 700; line-height: 210%; } #company_default_2 .block dl.single dt { display: inline; letter-spacing: 5px; } #company_default_2 .block dl.single dt:after { content:':'; } #company_default_2 .block dl.single dd { display: inline; } #company_default_2 .block dl.single dd:after { content:' '; display: list-item; } #company_default_3 > .entry-title {} #company_default_3 > .container {} #company_default_3 .block.media { height: 228px; } #company_default_3 .block .media-left {} #company_default_3 .block .media-right {} #company_default_3 .block ul { list-style: none; padding-left: 0; } #company_default_3 .block ul li { display: table-cell; width: 1%; } #company_default_3 .block ul li .title { color: #333333; font-size: 18px; font-weight: 700; line-height: 130%; margin-top: 0; padding-top: 100px; text-align: center; } #company_default_3 .block ul li:nth-child(1) .title { background:url('/company/images/aboutUs_icon01.png') no-repeat top center; } #company_default_3 .block ul li:nth-child(2) .title { background:url('/company/images/aboutUs_icon02.png') no-repeat top center; } #company_default_3 .block ul li:nth-child(3) .title { background:url('/company/images/aboutUs_icon03.png') no-repeat top center; } #company_default_3 .block ul li:nth-child(4) .title { background:url('/company/images/aboutUs_icon04.png') no-repeat top center; } #company_organization_1 > .entry-title {} #company_organization_1 > .container {} #company_organization_1 .block.media {} #company_map_1 > .entry-title {} #company_map_1 > .container {} #company_map_1 .block.media {} #company_map_1 .block dl { padding-left: 0px; } #company_map_1 .block dl dt, #company_map_1 .block dl dd { font-size: 18px; font-weight: 700; } #company_map_1 .block dl dt { color: #44afa7; display: inline-block; width: 80px; } #company_map_1 .block dl dt:after { content:' '; } #company_map_1 .block dl dd { color: #333333; display: inline; } #company_map_1 .block dl dd:after { content:' '; display: list-item; margin-top: -26px; } #business_default_1, #business_default_2 { margin-left: 15px; margin-right: 15px; } #business_default_1 > .entry-title {} #business_default_1 > .container { width: 100%; margin-right: 0; } #business_default_1 .block.media:nth-child(1) { position: relative; height: 370px; } #business_default_1 .block.media:nth-child(2) { position: relative; height: auto; margin-top: 68px; color: #333333; font-size: 20px; font-weight: 700; line-height: 180%; } #business_default_1 .block .media-left { z-index: 20; width:600px; height: 340px; padding: 35px 0 0 35px; background-color: #44afa7; color: #ffffff; font-size: 36px; font-weight: 700; line-height: 180%; } #business_default_1 .block .media-right { z-index: 10; position: absolute; right: 0; top: 30px; width:600px; height: 340px; background: url('/business/images/business01.png') right bottom no-repeat; background-size: contain; } #business_default_1 .block h3 { color: #ffffff; font-size: 48px; font-weight: 800; padding: 0; margin: 0; } #business_default_2 > .entry-title {} #business_default_2 > .container { width: 100%; margin-right: 0; } #business_default_2 .block.media:nth-child(1) { position: relative; height: 370px; } #business_default_2 .block.media:nth-child(2) { position: relative; height: auto; margin-top: 68px; margin-bottom: 70px; color: #333333; font-size: 20px; font-weight: 700; line-height: 180%; } #business_default_2 .block .media-left { z-index: 10; width:600px; height: 340px; background: url('/business/images/business02.png') left top no-repeat; background-size: contain; } #business_default_2 .block .media-right { z-index: 20; position: absolute; right: 0; top: 30px; width:600px; height: 340px; padding: 25px 0 0 35px; background-color: #2a363c; color: #ffffff; font-size: 36px; font-weight: 700; line-height: 180%; } #business_default_2 .block h3 { color: #ffffff; font-size: 48px; font-weight: 800; padding: 0; margin: 0; } #support_default_1, #support_default_2 { margin-left: 15px; margin-right: 15px; } #support_default_1 > .entry-title {} #support_default_1 > .container { width: 100%; margin-right: 0; } #support_default_1 .block.media:nth-child(1) { position: relative; height: 370px; } #support_default_1 .block .media-left { z-index: 20; width:600px; height: 340px; padding: 35px 45px 0 35px; background-color: #e6efc3; color: #3b9d0a; font-size: 24px; font-weight: 700; line-height: 180%; } #support_default_1 .block .media-right { z-index: 10; position: absolute; right: 0; top: 30px; width:600px; height: 340px; background: url('/support/images/support_01.png') right bottom no-repeat; background-size: contain; } #support_default_1 .block h3 { color: #3b9d0a; font-size: 48px; font-weight: 800; padding: 0; margin: 0 0 10px 0; } #support_default_1 .block.media ul { list-style-type: none; margin-left: 0; padding-left: 0; } #support_default_1 .block.media ul li { color: #333333; font-size: 18px; font-weight: 700; line-height: 180%; } #support_default_1 .block.media:nth-child(2) {} #support_default_1 .block.media:nth-child(2) > dl { margin-top: 100px; margin-left: 0; padding-left: 0; } #support_default_1 .block.media:nth-child(2) > dl > dt { color: #333333; font-size: 30px; font-weight: 700; line-height: 134px; background-repeat: no-repeat; background-position: left center; background-size: contain; list-style-type: none; display: inline-block; margin-top: 64px; margin-bottom: 20px; padding: 0px 0px 0px 195px; width: 425px; } #support_default_1 .block.media:nth-child(2) > dl > dt:nth-child(1) { background-image: url('/support/images/support_icon01.png'); } #support_default_1 .block.media:nth-child(2) > dl > dt:nth-child(3) { background-image: url('/support/images/support_icon02.png'); } #support_default_1 .block.media:nth-child(2) > dl > dt:nth-child(5) { background-image: url('/support/images/support_icon03.png'); } #support_default_1 .block.media:nth-child(2) > dl > dt:after { content:' '; } #support_default_1 .block.media:nth-child(2) > dl > dd { display: inline-block; list-style-type: none; vertical-align: middle; } #support_default_1 .block.media:nth-child(2) > dl > dd:after { content:' '; display: list-item; } #support_default_1 .block.media dl.single { list-style-type: none; margin-left: 0; padding-left: 0; } #support_default_1 .block.media dl.single dt, #support_default_1 .block.media dl.single dd { color: #333333; font-size: 18px; font-weight: 700; line-height: 210%; } #support_default_1 .block.media dl.single dt { display: inline; } #support_default_1 .block.media dl.single dt:after { content:':'; } #support_default_1 .block.media dl.single dd { display: inline; } #support_default_1 .block.media dl.single dd:after { content:' '; display: list-item; } #support_default_2 .block.media { height: 220px; } #support_default_2 .block .media-left { width:18%; height: 100%; background: url('/support/images/donation_icon.png') left top no-repeat; background-size: contain; } #support_default_2 .block .media-right { width: auto; margin-left: 70px; } #support_default_2 .block.media dl.single { list-style-type: none; margin-left: 0; padding-left: 0; } #support_default_2 .block.media dl.single dt, #support_default_2 .block.media dl.single dd { color: #333333; font-size: 18px; font-weight: 700; line-height: 240%; } #support_default_2 .block.media dl.single dt { display: inline; } #support_default_2 .block.media dl.single dt:after { content:':'; } #support_default_2 .block.media dl.single dd { display: inline; } #support_default_2 .block.media dl.single dd:after { content:' '; display: list-item; } #notice_default_1 > .entry-title { margin-top: 50px; } #notice_default_1 > .container { width: 100%; margin-right: 0; } #notice_default_1 .table-bordered { border-color: #e4e4e4; border-top: 3px solid #3d9e0c; } #notice_default_1 .board {} #notice_default_1 .board .table { margin-bottom: 70px; } #notice_default_1 .board .table>thead { color:#333333; font-size:18px; font-weight:700; } #notice_default_1 .board .table>thead th { line-height: 41px; } #notice_default_1 .board .table>thead .num { width: 11%; } #notice_default_1 .board .table>thead .title { width: auto; } #notice_default_1 .board .table>thead .regdate { width: 11%; } #notice_default_1 .board .table>tbody td, #notice_default_1 .board .table>tbody td a { line-height: 42px; color:#666666; font-size:18px; font-weight:700; border-left: 0px; border-right: 0px; } #notice_default_1 .board01 {} #notice_default_1 .board01 .head { border-color: #e4e4e4; border-top: 3px solid #3d9e0c; } #notice_default_1 .board01 .head dt, #notice_default_1 .board01 .head dd { line-height: 41px; } #notice_default_1 .board01 .head dt { color:#333333; font-size:18px; font-weight:700; } #notice_default_1 .board01 .head dd { color:#666666; font-size:18px; font-weight:700; } #notice_default_1 .board01 .body {} #notice_default_1 .board01 .body dt {} #notice_default_1 .board01 .body dd { text-align:center; } #sitemap_1 > .entry-title { width: 310px; height: 80px; line-height: 74px; margin-left: auto; margin-right: auto; border: 1px solid #3d9e0c; border-top-width: 7px; } #sitemap_1 > .container {} #sitemap_1 a:focus, #sitemap_1 a:hover { text-decoration: none; } #sitemap_1 .block.media { height: auto; } #sitemap_1 .block.media {} #sitemap_1 .block.media > ul { list-style-type: none; padding: 0; } #sitemap_1 .block.media > ul > li { display: table-cell; padding-right: 18px; width: 1%; } #sitemap_1 .block.media > ul > li .title { width: auto; height: 72px; line-height: 65px; margin-left: auto; margin-right: auto; border: 1px solid #44afa7; border-top: 7px solid #2a363c; text-align: center; } #sitemap_1 .block.media > ul > li .title a { color: #333333; font-size: 24px; font-weight: 700; } #sitemap_1 .block.media > ul > li .title a:focus, #sitemap_1 .block.media > ul > li .title a:hover { color: #3b9d0a; } #sitemap_1 .block.media > ul > li > ul { list-style-type: none; padding: 0; line-height: 65px; margin: 8px auto 0 auto; border: 1px solid #44afa7; border-top: 7px solid #44afa7; } #sitemap_1 .block.media > ul > li > ul > li { padding-left: 84px; } #sitemap_1 .block.media > ul > li > ul > li a { color: #44afa7; font-size: 18px; font-weight: 700; } /* [Common] 본문영역 - end -------------------------------------------------- */ /* 반응형 처리 -------------------------------------------------- */ @media all and (min-width: 1900px) { } @media (min-width: 1137px) { /*검색버튼 사라지기 시작하는 시점*/ } @media (max-width: 1136px) { body > nav > .container { width: inherit; } } @media (min-width: 993px) { /* PC용 최소 폭 */ /* Sidebar styles - start -------------------------------------------------- */ .sidebar { position: absolute; display: block; max-width:195px; padding: 0 46px 0 0; overflow-x: hidden; overflow-y: auto; } .sidebar + .hfeed { margin-left:228px; } /* Sidebar styles - end -------------------------------------------------- */ #conCenter { margin-top: 5px; } } @media (max-width: 992px) { /* 스마트 폰으로 인정하는 최대 폭 */ body > .container { padding-left: 0px; } .navbar-fixed-top:before { background-color: transparent; } /* Sticky footer styles -------------------------------------------------- */ .footer > .container { width:auto; } /* navigation */ .navbar-fixed-top { height: 97px; } .navbar-fixed-top:before, .navbar-fixed-top:after { border-top: none; } .navbar-fixed-top:before { margin-top: 0px; } .navbar .navbar-header { margin-top: -101px; } /* Location(tags) styles - start -------------------------------------------------- */ body > .tags .container { width: 100%; } /* Location(tags) styles - end -------------------------------------------------- */ /* 상단 1차 메뉴 대표 이미지 영역 styles - start -------------------------------------------------- */ .groupInfo { margin-top: 97px; } .groupInfo > .container { width: 100%; height: 240px; margin: 0 auto 0 auto; padding: initial; } .groupInfo > .jumbotron > h1 { margin-top: 50px; } .groupInfo > .jumbotron > p { margin-top: 125px; } /* 상단 1차 메뉴 대표 이미지 영역 styles - end -------------------------------------------------- */ #conCenter { margin-left: 0px; margin-bottom: 67px; width: 100%; } /* [Common] 설명형 그룹 영역 - start -------------------------------------------------- */ .desc-group-item ul { padding-right: 2px; padding-left: 10px; } /* [Common] 설명형 그룹 영역 - end -------------------------------------------------- */ /* [Common] 게시판 영역 - view - start -------------------------------------------------- */ .board01 .body dd img { display: inline-block; border: 0px; padding: 0; border-radius: initial; max-width: 100%; } /* [Common] 게시판 영역 - view - end -------------------------------------------------- */ /* [Common] 본문영역 - start -------------------------------------------------- */ .placeholders {} .placeholders h2 {} .placeholders h3 {} .placeholders img + h3 {} .placeholders h4 {} .placeholder {} .placeholder img {} .entry-content {} .entry-section {} .entry-section > .entry-title { margin-top: 30px; } .entry-section > .container {} .entry-section .block.media {} .entry-section .block .media-left {} .entry-section .block .media-right { min-width: 400px; } .entry-section .block h3 {} .entry-section .block br.inline {} .entry-section .block dl {} .entry-section .block dl dt {} .entry-section .block dl dt, .entry-section .block dl dd {} #company_default_1 > .entry-title {} #company_default_1 > .container {} #company_default_1 .block.media { height: 210px; } #company_default_1 .block .media-left { background-size: cover; } #company_default_1 .block .media-right { font-size: 14px; line-height: 160%; padding-bottom: 14px; } #company_default_1 .block h3 { font-size: 18px; margin-top: 5px; margin-bottom: 5px; } #company_default_2 > .entry-title {} #company_default_2 > .container {} #company_default_2 .block.media {} #company_default_2 .block .media-left { background-size: contain; } #company_default_2 .block .media-right {} #company_default_2 .block dl {} #company_default_2 .block dl dt, #company_default_2 .block dl dd {} #company_default_2 .block dl dt {} #company_default_2 .block dl dt:after {} #company_default_2 .block dl dd {} #company_default_2 .block dl dd:after {} #company_default_3 > .entry-title {} #company_default_3 > .container {} #company_default_3 .block.media {} #company_default_3 .block .media-left {} #company_default_3 .block .media-right {} #company_default_3 .block ul {} #company_default_3 .block ul li {} #company_default_3 .block ul li .title { font-size: 16px; } #company_default_3 .block ul li:nth-child(1) .title {} #company_default_3 .block ul li:nth-child(2) .title {} #company_default_3 .block ul li:nth-child(3) .title {} #company_default_3 .block ul li:nth-child(4) .title {} #company_organization_1 > .entry-title {} #company_organization_1 > .container {} #company_organization_1 .block.media {} #company_map_1 > .entry-title {} #company_map_1 > .container {} #company_map_1 .block.media {} #company_map_1 .block dl {} #company_map_1 .block dl dt, #company_map_1 .block dl dd {} #company_map_1 .block dl dt {} #company_map_1 .block dl dt:after {} #company_map_1 .block dl dd {} #company_map_1 .block dl dd:after {} #notice_default_1 > .entry-title {} #notice_default_1 .board .table>thead .num {} #notice_default_1 .board .table>thead .regdate { width: auto; } #sitemap_1 > .entry-title {} #sitemap_1 > .container {} #sitemap_1 .block.media {} #sitemap_1 .block.media {} #sitemap_1 .block.media > ul {} #sitemap_1 .block.media > ul > li {} #sitemap_1 .block.media > ul > li .title {} #sitemap_1 .block.media > ul > li .title a {} #sitemap_1 .block.media > ul > li > ul {} #sitemap_1 .block.media > ul > li > ul > li {} #sitemap_1 .block.media > ul > li > ul > li a {} #sitemap_1 > .entry-title {} #sitemap_1 > .container {} #sitemap_1 .block.media {} #sitemap_1 .block.media {} #sitemap_1 .block.media > ul {} #sitemap_1 .block.media > ul > li {} #sitemap_1 .block.media > ul > li .title {} #sitemap_1 .block.media > ul > li .title a {} #sitemap_1 .block.media > ul > li > ul {} #sitemap_1 .block.media > ul > li > ul > li { padding-left:5px; } #sitemap_1 .block.media > ul > li > ul > li a {} /* [Common] 본문영역 - end -------------------------------------------------- */ } @media (min-width: 768px) { } @media (max-width: 767px) { /*스마트 폰 가로방향*/ /* 상단 1차 메뉴 대표 이미지 영역 styles - start -------------------------------------------------- */ .groupInfo > .container { padding-top: 50px; } .groupInfo > .jumbotron > h1 { font-size: 2em; margin:30px auto auto 30px; } .groupInfo > .jumbotron > p { margin: 80px 0 0 30px; font-size: 22px; } /* 상단 1차 메뉴 대표 이미지 영역 styles - end -------------------------------------------------- */ /* [Common] Main content - start -------------------------------------------------- */ .hfeed .page-header { margin-bottom: 20px; } /* [Common] Main content - end -------------------------------------------------- */ /* [Common] Placeholder dashboard ideas - start -------------------------------------------------- */ .placeholders { margin-right: -5px; margin-left: -5px; } /* [Common] Placeholder dashboard ideas - end -------------------------------------------------- */ /* [Common] 본문 tab - start -------------------------------------------------- */ .nav-pills { display: none; } .nav-pills+*:not(.desc):not(.board):not(.board01):not(form) { padding-top: 0px; } .nav-pills>li { padding: 0; width: 100%; margin: 0; display: block; } .nav-pills>li>a, .nav-pills>li>a:focus, .nav-pills>li>a:hover { height: 40px; padding: 8px; margin-bottom: 5px; } .nav-pills>li+li { margin-left: 0; } .nav-pills>li .title { display: inline; } .nav-pills>li+li:before { display:none; } /* [Common] 본문 tab - end -------------------------------------------------- */ /* [Common] text display - start -------------------------------------------------- */ .slogan { font-size:18px; margin-bottom: 40px; } .slogan > br { content: none; } /* [Common] text display - end -------------------------------------------------- */ /* [Common] image display - start -------------------------------------------------- */ .img-thumbnail.single:last-child { margin-bottom: 0px; } .main-pic { width: 100%; text-align: center; } .main-pic > img { margin: auto; float: unset; } /* [Common] image display - end -------------------------------------------------- */ /* [Common] 본문영역 - start -------------------------------------------------- */ .placeholders {} .placeholders h2 {} .placeholders h3 {} .placeholders img + h3 {} .placeholders h4 {} .placeholder {} .placeholder img {} .entry-content {} .entry-section {} .entry-section > .entry-title {} .entry-section > .container {} .entry-section .block.media {} .entry-section .block .media-left {} .entry-section .block .media-right { width: 64%; } .entry-section .block h3 {} .entry-section .block br.inline {} .entry-section .block dl {} .entry-section .block dl dt {} .entry-section .block dl dt, .entry-section .block dl dd {} #company_default_1 > .entry-title {} #company_default_1 > .container {} #company_default_1 .block.media {} #company_default_1 .block .media-left { background-size: cover; } #company_default_1 .block .media-right {} #company_default_1 .block h3 {} #company_default_2 > .entry-title {} #company_default_2 > .container {} #company_default_2 .block.media {} #company_default_2 .block .media-left { width: 80%; } #company_default_2 .block .media-right {} #company_default_2 .block dl { margin-top: 20px; } #company_default_2 .block dl dt, #company_default_2 .block dl dd { font-size: 16px; } #company_default_2 .block dl dt {} #company_default_2 .block dl dt:after {} #company_default_2 .block dl dd {} #company_default_2 .block dl dd:after {} #company_default_3 > .entry-title {} #company_default_3 > .container {} #company_default_3 .block.media {} #company_default_3 .block .media-left {} #company_default_3 .block .media-right {} #company_default_3 .block ul {} #company_default_3 .block ul li {} #company_default_3 .block ul li .title { font-size: 14px; } #company_default_3 .block ul li:nth-child(1) .title {} #company_default_3 .block ul li:nth-child(2) .title {} #company_default_3 .block ul li:nth-child(3) .title {} #company_default_3 .block ul li:nth-child(4) .title {} #company_organization_1 > .entry-title {} #company_organization_1 > .container {} #company_organization_1 .block.media {} #company_map_1 > .entry-title {} #company_map_1 > .container {} #company_map_1 .block.media {} #company_map_1 .block dl {} #company_map_1 .block dl dt, #company_map_1 .block dl dd {} #company_map_1 .block dl dt {} #company_map_1 .block dl dt:after {} #company_map_1 .block dl dd {} #company_map_1 .block dl dd:after {} /* [Common] 본문영역 - end -------------------------------------------------- */ } @media (max-width: 427px) { /*스마트 폰 세로방향*/ /* 상단 1차 메뉴 대표 이미지 영역 styles - start -------------------------------------------------- */ .groupInfo > .container { height: 160px; } .groupInfo > .jumbotron > h1 { font-size: 2em; margin:auto auto auto 10px; } .groupInfo > .jumbotron > p { margin: 60px auto auto 10px; font-size: 1.2em; } /* ​굿핸즈 소개 법인 개요 */ #Header_groupInfo1 { background-image: url('/skin/images/sub/subTop_m01.png'); } /* 굿핸즈 소개 법인 조직도 */ #Header_groupInfo2 { background-image: url('/skin/images/sub/subTop_m02.png'); } /* 굿핸즈 소개 찾아오시는 길 */ #Header_groupInfo3 { background-image: url('/skin/images/sub/subTop_m03.png'); } /* 사업소개 */ #Header_groupInfo4 { background-image: url('/skin/images/sub/subTop_m04.png'); } /* 후원안내 */ #Header_groupInfo5 { background-image: url('/skin/images/sub/subTop_m05.png'); } /* 공지사항 */ #Header_groupInfo6 { background-image: url('/skin/images/sub/subTop_m06.png'); } /* SITE MAP */ #Header_groupInfo7 { background-image: url('/skin/images/sub/subTop_m07.png'); } /* 상단 1차 메뉴 대표 이미지 영역 styles - end -------------------------------------------------- */ #conCenter { margin-bottom: 10px; } /* [Common] Main content - start -------------------------------------------------- */ .sidebar + .hfeed { padding-top: 0px; } .hfeed .page-header { font-size:30px; } /* [Common] Main content - end -------------------------------------------------- */ /* [Common] image display - start -------------------------------------------------- */ .main-pic > img { width: inherit; } /* [Common] image display - end -------------------------------------------------- */ /* [Common] 공통 테이블 영역 - start -------------------------------------------------- */ .table>thead>tr>td, .table>thead>tr>th, .table>tbody>tr>td, .table>tbody>tr>th { padding: 4px; vertical-align: middle; } /* [Common] 공통 테이블 영역 - start -------------------------------------------------- */ /* [Common] 설명형 그룹 영역 - start -------------------------------------------------- */ .desc-group-item .item-header > br:before { content: ''; display: block; height: 0.5em; } .desc-group-item .item-header > br:after { content: ''; display: block; height: 0.5em; margin-left: 1.6em; float: left; } /* [Common] 설명형 그룹 영역 - end -------------------------------------------------- */ /* [Common] 게시판 영역 - view - start -------------------------------------------------- */ .board01 .head dt { display: none; } .board01 .body dd img { display: inline-block; border: 0px; padding: 0; border-radius: initial; max-width: 100%; } /* [Common] 게시판 영역 - view - end -------------------------------------------------- */ /* [Common] 페이징 요소(pageNum) 영역 - start -------------------------------------------------- */ table.paging {border-spacing: 1px 0; font-size: 12px;} table.paging td { min-width: 26px; } /* [Common] 페이징 요소(pageNum) 영역 - end -------------------------------------------------- */ /* [Common] 본문영역 - start -------------------------------------------------- */ .placeholders { margin-top: 0px; margin-bottom: 50px; } .placeholders h2 {} .placeholders h3 {} .placeholders img + h3 {} .placeholders h4 {} .placeholder {} .placeholder img {} .entry-content {} .entry-section {} .entry-section > .entry-title { font-size: 24px; } .entry-section > .container {} .entry-section .block.media {} .entry-section .block .media-left { display:block; } .entry-section .block .media-right { display:block; width: auto; min-width: min-content; } .entry-section .block h3 {} .entry-section .block br.inline { display: none; } .entry-section .block dl {} .entry-section .block dl dt {} .entry-section .block dl dt, .entry-section .block dl dd {} #company_default_1 > .entry-title {} #company_default_1 > .container {} #company_default_1 .block.media { height: auto; } #company_default_1 .block .media-left { height: 42%; min-height: 168px; background-size: contain; } #company_default_1 .block .media-right {} #company_default_1 .block h3 { margin-bottom: 5px; } #company_default_2 {} #company_default_2 > .entry-title {} #company_default_2 > .container {} #company_default_2 .block.media { height: auto; border-bottom: solid 1px #dddddd; } #company_default_2 .block .media-left { height: 42%; } #company_default_2 .block .media-right {} #company_default_2 .block dl.single {} #company_default_2 .block dl.single dt, #company_default_2 .block dl.single dd { font-size: 14px; } #company_default_2 .block dl.single dt {} #company_default_2 .block dl.single dt:after {} #company_default_2 .block dl.single dd {} #company_default_2 .block dl.single dd:after {} #company_default_3 > .entry-title {} #company_default_3 > .container {} #company_default_3 .block.media { height: auto; } #company_default_3 .block .media-left {} #company_default_3 .block .media-right {} #company_default_3 .block ul {} #company_default_3 .block ul li { width: 50%; display: list-item; float: left; } #company_default_3 .block ul li .title { font-size: 14px; } #company_organization_1 > .entry-title {} #company_organization_1 > .container {} #company_organization_1 .block.media {} #company_map_1 > .entry-title {} #company_map_1 > .container {} #company_map_1 .block.media {} #company_map_1 .block dl {} #company_map_1 .block dl dt, #company_map_1 .block dl dd { font-size: 14px; } #company_map_1 .block dl dt {} #company_map_1 .block dl dt:after {} #company_map_1 .block dl dd {} #company_map_1 .block dl dd:after {} #company_map_1 .block dl { padding-left: 0px; } #company_map_1 .block dl dt, #company_map_1 .block dl dd { font-size: 18px; font-weight: 700; } #company_map_1 .block dl dt { color: #44afa7; display: inline-block; width: 80px; } #company_map_1 .block dl dt:after { content:' '; } #company_map_1 .block dl dd { color: #333333; display: inline; } #company_map_1 .block dl dd:after { content:' '; display: list-item; margin-top: -26px; } #business_default_1, #business_default_2 {} #business_default_1 > .entry-title {} #business_default_1 > .container { width: 100%; margin-right: 0; } #business_default_1 .block.media:nth-child(1) { height: 200px; } #business_default_1 .block.media:nth-child(2) { margin-top: 10%; font-size: 14px; } #business_default_1 .block .media-left { width:70%; height: 70%; padding: 15px 0 0 15px; font-size: 1.2em; } #business_default_1 .block .media-right { width:70%; height: 70%; } #business_default_1 .block h3 { font-size: 1.2em; line-height: 1.5em; padding: 0; margin: 0; } #business_default_2 > .entry-title {} #business_default_2 > .container { width: 100%; margin-right: 0; } #business_default_2 .block.media:nth-child(1) { height: 200px; } #business_default_2 .block.media:nth-child(2) { margin-top: 10%; margin-bottom: 70px; font-size: 14px; } #business_default_2 .block .media-left { width:70%; height: 70%; } #business_default_2 .block .media-right { width:70%; height: 70%; padding: 5px 0 0 15px; font-size: 22px; } #business_default_2 .block h3 { font-size: 30px; padding: 0; margin: 0; } #support_default_1 { border-bottom: 1px solid #dddddd; } #support_default_1 > .entry-title {} #support_default_1 > .container { width: 100%; margin-right: 0; } #support_default_1 .block.media ul, #support_default_1 .block.media dl.single { list-style-type: disc; padding-left: 20px; } #support_default_1 .block.media ul li { font-size: 14px; } #support_default_1 .block.media:nth-child(1) { height: 200px; } #support_default_1 .block.media:nth-child(2) { margin-top: 10%; font-size: 14px; } #support_default_1 .block.media:nth-child(2) > dl { margin-top: 0; } #support_default_1 .block.media:nth-child(2) > dl > dt { width: 100%; margin-top: 34px; line-height: 74px; text-align:right; } #support_default_1 .block .media-left { width:70%; height: 70%; padding: 15px 0 0 15px; font-size: 14px; } #support_default_1 .block .media-right { width:70%; height: 70%; } #support_default_1 .block h3 { font-size: 18px; padding: 0; margin: 0; } #support_default_1 .block.media dl.single dt, #support_default_1 .block.media dl.single dd { font-size: 14px; } #support_default_1 .block.media dl.single dd:after { margin-top: -29px; } #support_default_2 .block.media { height: auto; } #support_default_2 .block.media dl.single { list-style-type: disc; padding-left: 20px; } #support_default_2 .block.media dl.single dt { font-size: 14px; display: list-item; } #support_default_2 .block.media dl.single dd { font-size: 14px; display: inline; margin-left: 0; padding-left: 0; } #support_default_2 .block.media dl.single dd:after { display: inline; } #support_default_2 .block .media-left { display: none; } #support_default_2 .block .media-right { margin: 0; padding: 0; display: table-cell; } #notice_default_1 > .entry-title {} #notice_default_1 .board .table>thead .num { width: 15%; } #notice_default_1 .board .table>thead .regdate { display: none; } #notice_default_1 .board .table>tbody td:nth-child(3) { display: none; } #sitemap_1 > .entry-title {} #sitemap_1 > .container {} #sitemap_1 .block.media {} #sitemap_1 .block.media {} #sitemap_1 .block.media > ul {} #sitemap_1 .block.media > ul > li { display: block; width: auto; } #sitemap_1 .block.media > ul > li .title {} #sitemap_1 .block.media > ul > li .title a {} #sitemap_1 .block.media > ul > li > ul { margin-bottom: 24px; } #sitemap_1 .block.media > ul > li > ul > li {} #sitemap_1 .block.media > ul > li > ul > li a {} /* [Common] 본문영역 - end -------------------------------------------------- */ } @media (max-width: 375px) { } @media (max-width: 349px) { }