/* css */ @import url(./fonts/nanumgothic.css); @import url(./fonts/nanumsquare.css); /*****************************************************************/ /*메인페이지 레이아웃*/ /*****************************************************************/ .in_wide {max-width:100%; font-family:'nanumsquare'; position:relative;} @media only screen and (max-width:496px){ .in_wide {padding:0 10px;} } /*메인이미지*/ .in_img {width:100%; margin:0 auto; /*background:linear-gradient(#F6FBFF 0%, #F6FBFF 30%, #FFFFFF 100%);*/ position:relative; z-index:0;} .in_img>div {width:100%;} .in_img>div div.carousel-inner {/*border-radius:30px; box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1);*/} .in_img img {max-width:100%;} @media only screen and (max-width:496px){ .in_img>div {padding:15px 0 5px 0;} .in_img>div div.carousel-inner {border-radius:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .in_img div.img-wrap {padding-bottom:50% !important;} } /*팝업존/배너*/ .in_img2 {width:100%; padding:65px 0 70px 0; position:relative; overflow:hidden; z-index:0;} .in_img2>div {max-width:1250px; margin:0 auto; position:relative; overflow:hidden;} .in_img2>div>div {float:left;} .in_img2>div>div:nth-child(1) {width:64.38%; padding-bottom:10px;} .in_img2>div>div:nth-child(1) div.carousel-inner {border-radius:20px; box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);} .in_img2>div>div:nth-child(2) {width:35.62%; padding-left:30px;} .in_img2>div>div:nth-child(2)>div:nth-child(1) {margin-bottom:30px; text-align:center;} .in_img2>div>div:nth-child(2)>div:nth-child(1)>p {margin-top:10px; font-size:18px; font-weight:normal; color:#4B4B4B;} .in_img2>div>div:nth-child(2)>div:nth-child(2) {background:#BADAFD; border-radius:20px; padding:30px 20px 10px 20px;} .in_img2>div>div:nth-child(2)>div:nth-child(2)>ul {list-style:none; margin:0; padding:0; overflow:hidden;} .in_img2>div>div:nth-child(2)>div:nth-child(2)>ul>li {float:left; width:calc(100%/3); margin-bottom:20px; text-align:center; font-size:17px; letter-spacing:-1px;} .in_img2>div>div:nth-child(2)>div:nth-child(2)>ul>li>a {display:inline-block; margin-bottom:5px; padding:10px; background:#FFF; border-radius:15px; box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);} .in_img2>div>div:nth-child(2)>div:nth-child(2)>ul>li>a:hover {background:#F4F8E0;} .in_img2 img {max-width:100%;} @media only screen and (max-width:991px){ .in_img2 {margin-bottom:30px; padding:20px 0;} .in_img2>div>div {width:100% !important;} .in_img2>div>div:nth-child(1) {margin-bottom:15px;} .in_img2>div>div:nth-child(2) {margin:0; padding-left:0;} } @media only screen and (max-width:496px){ .in_img2 {margin-bottom:30px; padding:0;} .in_img2>div>div {float:none; width:100% !important;} .in_img2>div>div:nth-child(1) div.carousel-inner {border-radius:0} .in_img2>div>div:nth-child(2) {margin:0 0;} .in_img2>div>div:nth-child(2)>div:nth-child(1) {margin-bottom:20px;} .in_img2>div>div:nth-child(2)>div:nth-child(1)>p {margin-top:10px; font-size:14px; letter-spacing:-0.5px;} .in_img2>div>div:nth-child(2)>div:nth-child(2) {border-radius:0; padding:20px 0 10px 0;} .in_img2>div>div:nth-child(2)>div:nth-child(2)>ul>li {font-size:14px; padding:0 5px;} .in_img2>div>div:nth-child(2)>div:nth-child(2)>ul>li>a {border-radius:10px;} } .carousel-indicators {position:relative; overflow:hidden;} .carousel-indicators li { width: 17px; height: 17px; margin: 0 3px; background-color: #BABABA !important; background-color: rgba(186,186,186,1) !important; border: 0px solid #666; border-radius: 17px; } .carousel-indicators .active { width: 17px; height: 17px; margin: 0 3px; background-color: #00AEEE !important; } #carouselButtons {width:75px; margin-top:5px; left:0%; text-align:center; position:relative;} @media only screen and (max-width:496px){ #carouselButtons {position:relative; margin-top:10px;; margin-bottom:20px;} } /*메인배너*/ .in_banner {width:100%; margin-bottom:70px; position:relative; overflow:hidden;} .in_banner>ul {list-style:none; max-width:1400px; margin:20px auto; padding:42px 5px; background:#F27D0D; border:#FFF 3px solid; border-radius:30px;box-shadow:0px 12px 12px 0px rgba(0,0,0,0.16); -webkit-box-shadow:0px 12px 12px 0px rgba(0,0,0,0.16); -moz-box-shadow:0px 12px 12px 0px rgba(0,0,0,0.16); overflow:hidden;} .in_banner>ul>li {float:left; width:calc(100%/6); border-right:#FBBE8E 1px solid; text-align:center;} .in_banner>ul>li:last-child {border-right:none;} .in_banner>ul>li>a {display:block; font-size:25px; color:#FFF; letter-spacing:-1px;} .in_banner>ul>li>a>img:hover {background:#FFEFEC;} .in_banner img {max-width:100%;} @media only screen and (max-width:496px){ .in_banner {margin-bottom:30px;} .in_banner>ul {margin:0; padding:10px 5px; border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .in_banner>ul>li {width:calc(100%/2); padding:5px; border-right:none;} .in_banner>ul>li>a {font-size:17px;} } /*검색*/ .in_search {max-width:645px; margin:-40px auto 30px auto; position:relative; z-index:2;} .in_search>.header-search { display:inline-block; width:100%; padding:0px 0px; vertical-align:middle; border-radius:200px; border:#E8E8E8 2px solid; /*box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,0.1);*/ } .in_search>.header-search form { margin-top:0px; padding:0px 0px 0px 0px; border:none; border-radius:200px; background:#FFF; } .in_search>.header-search input { background:#FFF; border:none !important; height:95px !important; border-radius:200px 0 0 200px !important; padding-left:65px !important; text-align:left; font-size:35px; letter-spacing:-1px; color:#B3B3B3; } .in_search>.header-search input::placeholder { color:#B3B3B3; } .in_search>.header-search .bttn { margin-left:0px !important; width:140px; height:95px !important; text-align:center; border:none !important; border-radius:0 200px 200px 0 !important; background:#fff !important; color:#F27D0D; font-size:30px; } @media only screen and (max-width:496px){ .in_search {margin:30px auto 30px auto;} .in_search>.header-search input { height:50px !important; padding-left:20px !important; font-size:17px; } .in_search>.header-search .bttn { width:60px; height:50px !important; font-size:20px; } } /*공지사항*/ .in_notice {max-width:1400px; margin:0px auto 50px auto; position:relative;} .in_notice>h3 {margin:0 0 20px 0; text-align:center;} .in_notice>h4 {margin:0 0 40px 0; text-align:center; font-size:25px; color:#727272;} .in_notice>div .basic-post-slider .post-image { border-radius:0px 0px 0 0; } .in_notice>div .basic-post-slider .post-image img { border-radius:0px 0px 0 0; } .in_notice>div .basic-post-slider .post-subject { padding:0 20px; } .in_notice>.shadow {height:115px; background:#FFF; border:#DADADA 1px solid; border-radius:35px 20px 20px 20px; box-shadow:0px 7px 7px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 7px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 7px 7px 0px rgba(0,0,0,0.1);} .in_notice>div>div>a {display:block; margin-bottom:15px; overflow:hidden;} .in_notice>div>div>a>b {font-size:28px; font-weight:bold; letter-spacing:-1px; line-height:150%; float:left; display:inline-block;} .in_notice>div>div>a>i {float:right; padding-top:5px;} @media only screen and (max-width:496px){ .in_notice {margin:0px auto 30px auto;} .in_notice>h3 {margin:0 0 10px 0;} .in_notice>h3 img {width:70%;} .in_notice>h4 {margin:0 0 30px 0; font-size:16px;} .in_notice>div .basic-post-list .post-list li a { font-size:16px; line-height:200%; } .in_notice>div .basic-post-slider .post-image { border-radius:0; } .in_notice>div .basic-post-slider .post-image img { border-radius:0; } .in_notice>div .basic-post-slider .post-subject { font-size:18px; } .in_notice>.shadow {height:50px; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} } /*공지사항 웹접근성 멀티탭*/ .tab.list {height:420px !important; margin-top:-75px;} .tab.list ul {list-style:none; width:100%; margin:0; padding:0; position:relative;} /*.tab.list ul:after {content:""; display:block; clear:both;}*/ .tab.list>ul {margin-top:7px;} .tab.list>ul>li {float:left; padding:0 40px; border-right:#CCC 1px solid; line-height:26px;} .tab.list>ul>li:last-child {border-right:none;} .tab.list>ul>li>a {display:block; padding:0px 5px; text-align:center; font-size:26px; font-weight:bold; letter-spacing:-1px; color:#333 !important;} .tab.list>ul>li>a>i {float:right; font-style:normal; font-size:24px;} .tab.list>ul>li.active>a {font-size:29px; font-weight:900;} .tab.list>ul>li>ul>p.more {position:absolute; right:30px; top:-115px; text-align:center; z-index:11;} .tab.list>ul>li>ul>p.more>a {position:relative; display:inline-block; padding:5px 0;} .tab.list>ul>li>ul {width:100%; min-height:360px; position:absolute; top:100px; left:0; list-style:none; margin:0; padding:0px 0px; z-index:0;} .tab.list>ul>li>ul:after {content:""; display:block; clear:both;} .tab.list>ul>li>ul>li {position:relative; margin:0;} .tab.list>ul>li>ul>li>a {padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal} .tab.list>ul>li>ul>li>a:hover, .tab.list>ul>li>ul>li>a:active, .tab.list>ul>li>ul>li>a:focus {color:#000 !important; text-decoration:underline} .tab.list>ul>li>ul>li time, .tab.list>ul>li>ul>li .time {position:absolute; top:0; right:0; color:#767676} @media only screen and (max-width:496px){ .tab.list {height:220px !important; margin-top:-42px;} .tab.list>ul>li {padding:0 5px; line-height:16px;} .tab.list>ul>li:first-child {padding-left:15px;} .tab.list>ul>li:last-child {padding-right:0;} .tab.list>ul>li>a {width:100%; padding:3px 0px; font-size:16px;} .tab.list>ul>li.active>a {font-size:16px;} .tab.list>ul>li>ul {min-height:inherit; top:40px;} .tab.list>ul>li>ul>p.more {display:none;} } /*주요서비스*/ .in_service {width:100%; margin-bottom:80px; background:url(../images/in_service_bg.png) no-repeat center bottom #F7F4EF; border-bottom:#F1B085 2px solid; position:relative; overflow:hidden;} .in_service>h3 {margin:65px 0 60px 0; text-align:center;} .in_service>div {max-width:1400px; margin:0 auto 220px auto; overflow:hidden;} .in_service>div>div {float:left; width:calc(100%/3); padding:0 17px 25px 17px; overflow:hidden;} .in_service>div>div>div {width:100%; min-height:400px; padding:30px 20px 15px 20px; background:#FFF; border:#EAEAEA 1px solid; border-radius:20px; box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1); overflow:hidden;} .in_service>div>div:nth-child(1)>div>h3 {width:100%; margin:10px 0 0 0; padding:0; background:#FFf; display:table; overflow:hidden;} .in_service>div>div:nth-child(1)>div>h3>div {display:table-cell; vertical-align:bottom; overflow:hidden;} .in_service>div>div:nth-child(1)>div>h3>div:nth-child(1) {width:32%; text-align:right; padding-right:10px;} .in_service>div>div:nth-child(1)>div>h3>div:nth-child(2) {width:68%; text-align:left;} .in_service>div>div:nth-child(1)>div>h3>div>b {display:block; font-size:40px; font-weight:bold; letter-spacing:-1px; margin-bottom:5px;} .in_service>div>div:nth-child(1)>div>h3>div>i {display:block; font-size:17px; font-style:normal; color:#979797;} .in_service>div>div:nth-child(1)>div>div {width:100%; margin:40px 0 0 0; padding-left:7%; letter-spacing:-2px; overflow:hidden;} .in_service>div>div:nth-child(1)>div>div>b {display:block; font-size:37px; font-weight:800; color:#7A6257; line-height:normal;} .in_service>div>div:nth-child(1)>div>div>b>i {font-size:18px; font-weight:bold; font-style:normal; letter-spacing:-1px; margin-right:20px;} .in_service>div>div:nth-child(1)>div>span {display:block; font-size:22px; font-weight:bold; color:#FFF; letter-spacing:-0.5px; text-align:center; background:#FF814F; border-radius:5px; padding:5px 10px; margin-top:20px;} .in_service>div>div>div>a {display:block; font-size:32px; font-weight:bold; color:#222; letter-spacing:-1px; margin-bottom:10px;} .in_service>div>div>div>a>i {float:right; font-style:normal;} .in_service>div>div:nth-child(2)>div>dl {margin:0; padding:0; letter-spacing:-1px; overflow:hidden;} .in_service>div>div:nth-child(2)>div>dl>dt {display:inline-block; margin-bottom:5px; padding:3px 15px; background:#A95130; border-radius:7px; font-size:17px; color:#FFF;} .in_service>div>div:nth-child(2)>div>dl>dd {margin-bottom:10px; padding:10px 10px; border:#EAEAEA 1px solid; border-radius:10px; font-size:18px; line-height:normal;} .in_service>div>div:nth-child(3)>div>div {max-width:320px; margin:0 auto; padding-top:10px; overflow:hidden;} .in_service img {max-width:100%;} @media only screen and (max-width:496px){ .in_service {margin-bottom:30px; padding:0 10px; background:#F7F4EF;} .in_service>h3 {margin:25px 0 30px 0;} .in_service>h3 img {width:90%;} .in_service>div {margin:25px 0;} .in_service>div>div {float:none; width:calc(100%/1); margin-bottom:10px; padding:0;} .in_service>div>div>div {min-height:inherit; padding:20px 10px; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .in_service>div>div:nth-child(1)>div>h3 {margin:0;} .in_service>div>div:nth-child(1)>div>h3>div:nth-child(1) {width:30%; padding-right:10px;} .in_service>div>div:nth-child(1)>div>h3>div:nth-child(2) {width:70%;} .in_service>div>div:nth-child(1)>div>h3>div>b {font-size:26px;} .in_service>div>div:nth-child(1)>div>h3>div>i {font-size:14px;} .in_service>div>div:nth-child(1)>div>div {margin:20px 0 0 0;} .in_service>div>div:nth-child(1)>div>div>b {font-size:24px;} .in_service>div>div:nth-child(1)>div>div>b>i {font-size:14px; margin-right:10px;} .in_service>div>div:nth-child(1)>div>span {font-size:18px; border-radius:0;} .in_service>div>div>div>a {font-size:26px; margin-bottom:15px;} .in_service>div>div:nth-child(2)>div>dl>dt {border-radius:5px; font-size:16px;} .in_service>div>div:nth-child(2)>div>dl>dd {border-radius:5px; font-size:17px;} } /*갤러리*/ .in_gallery {width:100%; margin-bottom:60px; position:relative; overflow:hidden;} .in_gallery>div {max-width:1400px; margin:0 auto; overflow:hidden;} .in_gallery>div>h3 {font-size:22px; letter-spacing:-1px; margin:0 0 10px 0;} .in_gallery>div>h3>img {vertical-align:bottom;} .in_gallery>div>h3>i {font-style:normal; color:#838383; margin-left:15px;} .in_gallery>div>h3>a {float:right; padding-right:5px;} .in_gallery>div>h3>a>img {float:right; border-radius:100px 100px; box-shadow:0px 2px 16px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 2px 16px 0px rgba(0,0,0,0.1);} .in_gallery>div>div {margin-top:50px; overflow:hidden;} .in_gallery img {max-width:100%;} @media only screen and (max-width:496px){ .in_gallery {margin:0 auto 30px auto; padding:30px 20px 10px 20px; border-radius:0;} .in_gallery>div>h3 {font-size:17px; text-align:center;} .in_gallery>div>h3>img {width:70%;} .in_gallery>div>h3>i {margin-left:0; margin-top:15px; display:block;} .in_gallery>div>h3>a {display:none;} .in_gallery>div>div {margin-top:20px; padding:0;} .in_gallery>div>div .basic-post-gallery .post-subject { font-size:18px; line-height:150%; margin:5px 0 0px 0; } .in_gallery>div>div .basic-post-gallery .txt-normal { font-size:15px; } .in_gallery>div>div .basic-post-slider .post-subject { font-size:18px; line-height:160%; margin:5px 0 0px 0; } .in_gallery>div>div .basic-post-slider .txt-normal { font-size:15px; } } /*홍보영상*/ .in_mov {width:100%; background:url(../images/in_mov_bg.jpg) no-repeat bottom; text-align:center; position:relative; overflow:hidden;} .in_mov>h3 {margin:0; padding:0; overflow:hidden;} .in_mov>div {max-width:1060px; margin:35px auto 170px auto; border-radius:25px; box-shadow:0px 13px 32px 0px rgba(0,0,0,0.2); -webkit-box-shadow:0px 13px 32px 0px rgba(0,0,0,0.2); -moz-box-shadow:0px 13px 32px 0px rgba(0,0,0,0.2); overflow:hidden;} .in_mov>div div.video-container {width:100%; height:auto; padding-top:56.2%; position:relative;} .in_mov>div div.video-container>iframe {width:100%; height:100%; top:0; left:0; border-radius:25px; z-index:1; position:absolute;} .in_mov img {max-width:100%;} @media only screen and (max-width:496px){ .in_mov {margin-bottom:30px; padding:0 15px; background-size:contain;} .in_mov>div {margin:35px auto 50px auto; border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} .in_mov>div div.video-container>iframe {border-radius:0;} .in_mov>div>div>div ol.carousel-indicators {bottom:-30px !important;} } /*사이트배너*/ .in_site {width:100%; margin-bottom:0px; padding:0px 0; background:#FFF; border-top:#E0E0E0 1px solid; position:relative; overflow:hidden;} .in_site>div {max-width:1370px; margin:0px auto; border:#DDD 0px solid; overflow:hidden;} /*.in_site>ul>li:last-child { text-align:right; margin-right:0px;} .in_site>ul>li:last-child>select {width:200px; height:57px; border:#d5d5d5 1px solid; padding-left:10px; background: url(../images/icon_select.jpg) no-repeat 95% 50%; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none;} .in_site>ul>li:last-child>select::-ms-expand {display:none;}*/ @media only screen and (max-width:1199px){ .in_site {width:100%;} .in_site>ul>li {float:left; margin-right:0px;} .in_site>ul>li:last-child {margin-right:0px;} } @media only screen and (max-width:496px){ .in_site {max-width:100%;} .in_site>ul>li {float:left; width:50%; margin:5px 0px; padding:0;} .in_site>ul>li>a {width:95%;} .in_site>ul>li img {max-width:100%;} } /*퀵메뉴*/ .in_quick {width:100%; margin:0; padding:0; font-family:'nanumsquare'; text-align:center; overflow:hidden;} /* 하단 카피라이트 */ #in_copy {max-width:1400px; position:relative; margin:0px auto; padding:20px 0 60px 0; overflow:hidden;} #in_copy>div {padding-top:10px; font-family:'nanumsquare'; font-size:18px; color:#A9A9A9; text-align:center; overflow:hidden;} #in_copy>div>p {margin-bottom:2px; font-size:20px; letter-spacing:-0.5px;} #in_copy>div>p>i {display:inline-block; font-style:normal; font-weight:lighter; margin:0 10px;} #in_copy>div a {color:#A9A9A9;} #in_copy>div img {max-width:100%;} #in_copy>div br {display:none;} @media all and (max-width:991px) { #in_copy>div {float:none !important; width:100% !important; text-align:center !important; padding:0 10px; font-size:14px;} #in_copy>div>p>i {display:none;} #in_copy>div br {display:block;} } @media only screen and (max-width:496px){ #in_copy>div>p {font-size:15px !important;} } /* 패밀리사이트 */ .fsite { width: 250px; height: 30px; padding-left: 10px; font-size: 15px; color: #ffffff; background:#000000; border: 1px solid #3f3f3f; border-radius: 0px; } #in_copy_link>div select { appearance:none; -webkit-appearance:none; -moz-appearance:none; background:url('../images/select-arrow.png') no-repeat right 9px center #000000; } #in_copy_link>div select::-ms-expand { display:none; } /* PC/모바일 */ .five_mobile {display:none;} @media only screen and (max-width:496px){ .five_pc {display:none;} .five_mobile {display:block;} } #skip_to_container a {z-index:100000; position:absolute; top:0px; left:0px; width:0px; height:0px; font-size:0px; line-height:0; overflow:hidden;} #skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em;} .in_line {border-bottom:#E2E2E2 1px solid; overflow:hidden;} /*********************************************************************************************************************************************/ /*****************************************************************/ /* 서브페이지 레이아웃 */ /*****************************************************************/ .at-body {background:url(../images/sub_img_00.png) no-repeat top right; background-size:contain;} #sub_layout {max-width:1400px; margin:0px auto 0 auto; position:relative; overflow:hidden;} #sub_layout>#sub_left {width:19.3%; float:left; margin-top:0px; overflow:hidden;} #sub_layout>#sub_center {width:100%; float:none; min-height:600px; padding:25px 0 0 0px; border-left:#E6E6E6 0px solid; overflow:hidden;} #sub_layout>#sub_center>#sub_content {width:100%; margin:10px 0 50px 0; padding-left:0px; font-size:16px; color:#555; letter-spacing:-0.5px; overflow:hidden;} #sub_layout>#sub_center>#sub_content img {max-width:100%;} #sub_layout>#sub_center>#sub_content input[type=radio] {margin:0 0px 0;} @media only screen and (max-width:991px){ #sub_layout {padding-top:20px; padding-left:0;} #sub_layout>#sub_left {display:none;} #sub_layout>#sub_center {width:100%; float:none; margin-top:0px; padding:0; border-left:none;} } @media only screen and (max-width:496px){ #sub_layout {padding:0px 10px;} #sub_layout>#sub_center>#sub_content {margin:0 0 50px 0; padding-left:0;} } /*서브페이지 이미지*/ #sub_img {max-width:100%; text-align:center; background:url(../images/sub_img_bg.png); border-top:#d3e7e7 0px solid; border-bottom:#FFF 0px solid; overflow:hidden; clear:both;} #sub_img_mobile {display:none;} #sub_img img {max-width:100%; /*border-radius:30px; box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1); -webkit-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 8px 25px 0px rgba(0,0,0,0.1);*/} @media only screen and (max-width:496px){ #sub_img {max-width:100%;} /*#sub_img {display:none;}*/ #sub_img img {border-radius:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} #sub_img_mobile {display:block; max-width:100%; text-align:center; overflow:hidden; clear:both;} } /*서브페이지 배경*/ .sub_img_bg {width:100%; min-height:408px; text-align:center; position:relative; overflow:hidden; clear:both;} #sub_img_bg_01 {background:url(../images/sub_img_01.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} #sub_img_bg_02 {background:url(../images/sub_img_02.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} #sub_img_bg_03 {background:url(../images/sub_img_03.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} #sub_img_bg_04 {background:url(../images/sub_img_04.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} #sub_img_bg_05 {background:url(../images/sub_img_05.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} #sub_img_bg_06 {background:url(../images/sub_img_06.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} #sub_img_bg_22 {background:url(../images/sub_img_22.png) no-repeat left top, url(../images/sub_img_bg.png) no-repeat right bottom; background-color:#DEFFFC; background-size:contain;} @media only screen and (max-width:992px){ .sub_img_bg {min-height:120px !important; padding-top:30px; display:none;} } @media only screen and (max-width:496px){ .sub_img_bg {min-height:100px !important; padding-top:25px;} } /*서브페이지 타이틀*/ .sub_title { margin:20px auto 60px auto; /*padding:0px 0px 30px 0px; background:url(../images/bg_sub_title.png) repeat-x left bottom;*/ text-align:left; line-height:35px; border-bottom:#DFDFDF 0px solid; overflow:hidden; } .sub_title>div>span.header-breadcrumb { font-size:17px; font-weight:lighter; color:#222; margin-left:40px; } .sub_title>div>span { display:inline-block; padding-top:0px; font-size:40px; font-weight:600; font-family:'nanumsquare'; color:#333; letter-spacing:-1px; line-height:120%; } .sub_title br { display:none; } @media all and (max-width:991px){ .sub_title { padding:25px 20px; } } @media all and (max-width:496px) { .responsive .sub_title .header-breadcrumb { display:none; } .sub_title { line-height:35px; margin:0px auto 20px auto; padding:15px 0px; } .sub_title>div>span { font-size:24px; } } /* 서브메뉴 타이틀 */ #sub_tt {width:100%; margin:0px 0 20px 0; padding:35px 10px; background:url(../images/sub_tt_bg.png) no-repeat center; border-radius:10px 10px 40px 10px; text-align:center; font-size:37px; font-weight:700; font-family:'nanumsquare'; color:#FFF; line-height:120%; letter-spacing:-1px; overflow:hidden;} @media all and (max-width:991px) { #sub_tt {margin:25px 0 0 0; font-size:30px;} } /* 서브메뉴 */ #sub_menu {width:100%; margin-top:-40px; margin-bottom:20px; padding:0; background:none; position:relative; } /*.sub_menu_4 .ca-sub1 {float:left !important; width:25% !important;}*/ /*.sub_menu_5 .ca-sub1 {float:left !important; width:20% !important;}*/ @media all and (max-width:991px) { #sub_menu {margin-top:0px; display:none;} } /* 서브2차메뉴 */ #sub_menu_2 {display:block;} @media all and (max-width:496px) { #sub_menu_2 {display:block; margin-top:25px;} } /* 서브베너 */ #sub_banner {margin-top:40px; margin-bottom:20px; overflow:hidden;} #sub_banner img {max-width:100%;} /*****************************************************************/ /* 3차 탭메뉴 */ /*****************************************************************/ .sub_tap { width:100%; margin-bottom:40px; overflow:hidden; } .sub_tap ul { width:100%; list-style:none; margin:0; padding:0; border-top:#BBBBBB 1px solid; border-left:#BBBBBB 1px solid; border-right:#BBBBBB 1px solid; display:table; table-layout:fixed; overflow:hidden; } .sub_tap li { display:table-cell; vertical-align:middle; height:60px; padding:5px; font-size:17px; color:#555; font-family:'nanumSquare'; letter-spacing:0px; text-align:center; cursor:pointer; border-right:#BBBBBB 1px solid; border-bottom:#BBBBBB 1px solid; background:#F8F8F8; } .sub_tap li:last-child { border-right:none; } .sub_tap li.select { font-size:20px; font-weight:bold; color:#FFFFFF; background:#07A6DD; border:#07A6DD 1px solid; } .sub_tap_con1 { display:block; } .sub_tap_con2, .sub_tap_con3, .sub_tap_con4, .sub_tap_con5, .sub_tap_con6, .sub_tap_con7, .sub_tap_con8, .sub_tap_con9 { display:none; } .sub_tap2_con1 { display:block; } .sub_tap2_con2, .sub_tap2_con3, .sub_tap2_con4, .sub_tap2_con5, .sub_tap2_con6, .sub_tap2_con7, .sub_tap2_con8, .sub_tap2_con9 { display:none; } @media only screen and (max-width:496px){ .sub_tap { margin-bottom:30px; } .sub_tap li:last-child { border-right:none; } .sub_tap li.select { font-size:17px; font-weight:normal; } } .tabStyle {border-bottom:2px solid #F30165; margin-bottom:0px;} .tabStyle > ul {list-style:none; margin:0px; padding:0px; overflow:hidden;} .tabStyle > ul > li {float:left; background-color:#fbfbfb; border-top: 4px solid #fff;} .tabStyle > ul > li > a {text-align:center; padding:10px 18px; border-top:1px solid #bcc1c6; border-right:1px solid #bcc1c6; display:block;} .tabStyle > ul > li:first-child > a {border-left:1px solid #bcc1c6;} .tabStyle > ul > li > a span {display:block; line-height:20px; font-size:16px;} .tabStyle > ul > li.active{background-color:#F30165; border-top: 4px solid #F30165;} .tabStyle > ul > li.active a {color:#fff; padding:8px 18px 12px 18px; border-top:1px solid #F30165; border-right: 1px solid #F30165; border-left:1px solid #F30165; background:url(../images/icon_arrow1.png) right center no-repeat;} .tabStyle > ul > li.active a span {font-weight:600;} .tabStyle > ul > li:hover.active a span {color:#fff;} .tabStyle > ul > li:hover a span {color:#333333; text-decoration:underline;} .tabStyle > ul > li.active:hover a span {text-decoration:none;} @media only screen and (max-width:496px){ .tabStyle > ul > li.active a {background:none;} } .tab_01 {width:100%; margin:0 auto 60px auto; overflow:hidden;} .tab_01>ul {list-style:none; margin:0px; padding:0px;} .tab_01>ul>li {float:left; background:#F2F2F2; border:#FFF 1px solid; text-align:center; margin-bottom:0px;} .tab_01>ul>li:hover {background:#EEEEEE;} .tab_01>ul>li>a {font-size:16px; color:#666; letter-spacing:-0.5px; padding:10px; display:block;} .tab_01>ul>li>a:hover {color:#222;} .tab_01>ul>li>a.active {background:#00999C; color:#FFF; font-weight:bold;} .tab_01>ul>li>a.active:hover {color:#FFF;} @media screen and (max-width: 496px) { .tab_01>ul>li {width:100%; margin-bottom:5px; border:#DDD 1px solid;} .tab_01>ul>li>a {padding:5px;} } .tab_02 {width:100%; margin:0 auto 60px auto; overflow:hidden;} .tab_02>ul {list-style:none; margin:0; padding:0px;} .tab_02>ul>li {float:left; background:#F5F5F5; border:#FFF 1px solid; border-radius:60px; text-align:center; margin-bottom:0px;} .tab_02>ul>li:hover {background:#00999C;} .tab_02>ul>li>a {font-size:16px; color:#666; letter-spacing:-0.5px; padding:10px; display:block;} .tab_02>ul>li>a:hover {color:#FFF;} .tab_02>ul>li>a.active {background:#00999C; border-radius:60px; color:#FFF; font-weight:bold;} .tab_02>ul>li>a.active:hover {color:#FFF;} @media screen and (max-width: 496px) { .tab_02>ul>li {width:50%; margin-bottom:5px; border:#DDD 1px solid;} .tab_02>ul>li>a {padding:5px;} } .tab_his {width:100%; margin:0 auto 50px auto; overflow:hidden;} .tab_his>ul {list-style:none; margin:0px; padding:0px;} .tab_his>ul>li {float:left; width:25%; background:#F5F5F5; border-top:#DDD 1px solid; border-bottom:#DDD 1px solid; border-right:#DDD 1px solid; text-align:center; margin-bottom:10px;} .tab_his>ul>li:first-child {border-left:#DDD 1px solid;} .tab_his>ul>li:hover {background:#FAFAFA;} .tab_his>ul>li>a {font-size:17px; color:#666; padding:15px; display:block;} .tab_his>ul>li>a:hover {color:#222;} .tab_his>ul>li>a.active {background:#2D85C4; color:#FFF; font-weight:bold;} .tab_his>ul>li>a.active:hover {color:#FFF;} @media screen and (max-width: 496px) { .tab_his>ul>li {width:100%; margin-bottom:5px; border:#DDD 1px solid;} .tab_his>ul>li>a {padding:5px;} } .tab_menu {width:100%; margin-bottom:30px; clear:both; overflow:hidden; font-size:18px;} .tab_menu_line {height:5px; border-top:#666666 0px solid; margin-bottom:30px; clear:both;} /* 탭 스타일1 */ .tab_menu_box1 {list-style:none; margin:0px; padding:0px;} .tab_menu_box1 li {float:left; margin-right:5px; margin-bottom:5px; display:table;} .tab_menu_box1 li .tab_menu_in {background:#007519; width:237px; border-top:#007519 2px solid; padding:13px 10px 15px 10px; line-height:14px; text-align:center; color:#FFFFFF; font-size:15px; font-weight:bold; display:table-cell; vertical-align:middle; cursor:pointer;} .tab_menu_box1 li .tab_menu_in a:link {color:#FFFFFF; text-decoration:none;} .tab_menu_box1 li .tab_menu_in a:visited {color:#FFFFFF; text-decoration:none;} .tab_menu_box1 li .tab_menu_in a:active {color:#FFFFFF; text-decoration:none;} .tab_menu_box1 li .tab_menu_in a:hover {color:#555555; text-decoration:none;} .tab_menu_box1 li .tab_menu_in_roll {background:#f3f3f3; width:237px; border-top:#007519 2px solid; padding:13px 10px 15px 10px; line-height:14px; text-align:center; color:#555555; font-size:15px; font-weight:bold; display:table-cell; vertical-align:middle; cursor:pointer;} .tab_menu_box1 li .tab_menu_in:hover {background:#f3f3f3; color:#555555; font-size:15px; font-weight:bold; cursor:pointer} .tab_menu_box1 li .tab_menu_in:hover a:link {color:#555555; text-decoration:none;} .tab_menu_box1 li .tab_menu_in:hover a:visited {color:#555555; text-decoration:none;} .tab_menu_box1 li .tab_menu_in:hover a:active {color:#555555; text-decoration:none;} .tab_menu_box1 li .tab_menu_in:hover a:hover {color:#555555; text-decoration:none;} /* 2차메뉴 탭 */ .ss_tab {max-width:1260px; margin:0 auto; overflow:hidden;} .ss_tab>ul {width:100%; list-style:none; margin:0px; padding:0px; border:#06198E 1px solid; border-radius:10px; background:#06198E; display:table; table-layout:fixed; overflow:hidden;} .ss_tab>ul>li {display:table-cell; vertical-align:middle; background:#06198E; text-align:center; font-size:18px; font-weight:bold; font-family:'nanumSquare'; letter-spacing:-0.5px;} .ss_tab>ul>li>a {padding:15px 0px 17px 0px; color:#fff; display:block; border-right:0px solid #d7d7d7; border-top:0px solid #d7d7d7; border-bottom:0px solid #d7d7d7;} .ss_tab>ul>li>a:hover {color:#000; background:#fff;} .ss_tab>ul>li>a.active {background:#fff; border-top:0px solid #00A7FE; border-bottom:0px solid #00A7FE; font-weight:bold; color:#222;} @media screen and (max-width: 496px) { .ss_tab {margin:20px auto;} .ss_tab>ul {display:block; table-layout:auto;} .ss_tab>ul>li {display:block;} .ss_tab>ul>li>a {font-size:16.5px; padding:5px;} } /* 3차메뉴 탭 */ .bo_tab {max-width:1260px; margin:40px auto 0 auto; overflow:hidden;} .bo_tab>ul {width:100%; list-style:none; margin:0px; padding:0px; display:table; table-layout:fixed; overflow:hidden;} .bo_tab>ul>li {display:table-cell; vertical-align:middle; background:#E1F0DE; border-radius:10px; border:#FFF 1px solid; text-align:center; margin-bottom:0px;} .bo_tab>ul>li:hover {background:#fb886f; border-radius:10px;} .bo_tab>ul>li>a {font-size:16.5px; font-family:'nanumSquare'; letter-spacing:-0.5px; color:#333; padding:11px 5px 11px 5px; display:block;} .bo_tab>ul>li>a:hover {color:#fff; background:#fb886f; border-radius:10px;} .bo_tab>ul>li>a.active {background:#88C47C; border-radius:10px; color:#FFF; font-weight:bold;} .bo_tab>ul>li>a.active:hover {color:#FFF;} @media screen and (max-width: 496px) { .bo_tab {margin:20px auto;} .bo_tab>ul {display:block; table-layout:auto;} .bo_tab>ul>li {display:block;} .bo_tab>ul>li>a {font-size:16.5px; padding:5px;} } /*****************************************************************/ /* 내용 타이틀 */ /*****************************************************************/ .title_tea {background:url(../images/icon_39.gif) no-repeat 0 9px; padding-left:35px; margin-bottom:10px; font-weight:600; font-size:30px; color:#000; text-align:left; overflow:hidden;} .title_tea2 {background:url(../images/icon_40.gif) no-repeat 0 8px; padding-left:15px; margin-bottom:0px; font-weight:600; font-size:19px; color:#333333; text-align:left; overflow:hidden;} .title_com {font-size:19px; color:#F16F1C; text-align:left; margin-bottom:10px; overflow:hidden;} .title_txt {margin-bottom:10px; font-weight:600; font-size:24px; color:#333333; text-align:left; overflow:hidden;} .title_t1 {background:url(../images/sub_t1_1.png) no-repeat center top; padding-top:40px; margin-bottom:30px; font-size:30px; font-weight:700; font-family:'nanumsquare'; color:#333333; text-align:center; overflow:hidden;} .title_t2 {background:url(../images/sub_t1_2.png) no-repeat center top; padding-top:40px; margin-bottom:30px; font-size:30px; font-weight:700; font-family:'nanumsquare'; color:#333333; text-align:center; overflow:hidden;} @media only screen and (max-width:496px){ .title_tea {background:url(../images/icon_38.gif) no-repeat 0 4px; font-size:20px;} .title_tea2 {background:url(../images/icon_40.gif) no-repeat 0 5px; font-size:17px;} } /* 내용 단락 */ .content_01 {margin:20px 0px 80px 0px; font-size:21px; line-height:160%; clear:both; overflow:hidden;} .content_01 a:link {color:#0066CC; text-decoration:none;} .content_01 a:visited {color:#0066CC; text-decoration:none;} .content_01 a:active {color:#0066CC; text-decoration:none;} .content_01 a:hover {color:#FF0000; text-decoration:none;} @media only screen and (max-width:496px){ .content_01 {margin:10px 0px 40px 0px;} } .content_02 {margin:20px 0px 80px 20px; font-size:21px; line-height:160%; clear:both; overflow:hidden;} .content_02 a:link {color:#0066CC; text-decoration:none;} .content_02 a:visited {color:#0066CC; text-decoration:none;} .content_02 a:active {color:#0066CC; text-decoration:none;} .content_02 a:hover {color:#FF0000; text-decoration:none;} @media only screen and (max-width:496px){ .content_02 {margin:10px 0px 40px 0px;} } .content_03 {margin:10px 0px 40px 0px; font-size:21px; line-height:160%; clear:both; overflow:hidden;} .content_03 a:link {color:#0066CC; text-decoration:none;} .content_03 a:visited {color:#0066CC; text-decoration:none;} .content_03 a:active {color:#0066CC; text-decoration:none;} .content_03 a:hover {color:#FF0000; text-decoration:none;} @media only screen and (max-width:496px){ .content_03 {margin:10px 0px 30px 0px;} } .content_04 {margin:20px 0px 30px 20px; font-size:21px; line-height:160%; clear:both; overflow:hidden;} .content_04 a:link {color:#0066CC; text-decoration:none;} .content_04 a:visited {color:#0066CC; text-decoration:none;} .content_04 a:active {color:#0066CC; text-decoration:none;} .content_04 a:hover {color:#FF0000; text-decoration:none;} @media only screen and (max-width:496px){ .content_04 {margin:10px 0px 20px 0px;} } .content_box00 {border:#D9D9D9 1px solid; padding:50px 40px; margin:20px 0px 80px 0px; font-size:18px; line-height:170%; overflow:hidden;} .content_box01 {border:#DDD 1px solid; background:#FCFCFC; padding:30px 40px; margin:20px 0px 80px 0px; text-align:center; font-size:22px; line-height:35px; overflow:hidden;} .content_box02 {background:#F6F6F6; padding:25px 30px; margin:20px 0px 80px 0px; font-size:18px; line-height:170%; overflow:hidden;} .content_box02_end {background:#F6F6F6; padding:25px 30px; margin:20px 0px 0px 0px; font-size:18px; line-height:170%; overflow:hidden;} .content_box03 {background:#F3F8FC; padding:30px 20px; margin:0px 0px 80px 0px; font-size:22px; line-height:150%; text-align:center; overflow:hidden;} /*.content_box04 {border:#DDD 1px solid; border-radius:8px; background:#FBFBFB; padding:20px 25px; margin:20px 0px 80px 0px; font-size:18px; line-height:170%; overflow:hidden;}*/ .content_box04 {border:#DDD 1px solid; border-radius:20px; background:#FFF; padding:30px 30px; margin:20px 0px 80px 0px; font-size:21px; line-height:170%; overflow:hidden;} .content_box04_s {border:#DDD 1px solid; border-radius:8px; background:#FBFBFB; padding:20px 25px; margin:10px 0px 30px 0px; font-size:18px; line-height:170%; overflow:hidden;} .content_box05 {border:#DDD 1px solid; background:#FBFBFB; padding:10px 25px; margin:10px 0px 25px 0px; font-size:18px; line-height:170%; overflow:hidden;} .content_box06 {background:#F0F3F8; border:#D7D8DC 2px dashed; border-radius:20px; padding:30px 30px; margin:10px 0px 80px 0px; font-size:24px; font-family:'nanumsquare'; line-height:150%; overflow:hidden;} .content_box07 {border:#F1F1F1 4px solid; border-radius:30px; background:#FFF; padding:50px 10%; margin:20px 0px 80px 0px; font-size:33px; line-height:150%; overflow:hidden;} @media only screen and (max-width:496px){ .content_box00 {border:none; padding:0px; margin:20px 0px 50px 0px; } .content_box01 {padding:20px 20px; margin-bottom:40px; text-align:center; font-size:18px; line-height:30px; overflow:hidden;} .content_box02 {padding:20px 15px; margin:10px 0px 50px 0px;} .content_box03 {padding:20px 15px; margin:0px 0px 40px 0px; font-size:18px; text-align:justify;} .content_box03>br {display:none;} .content_box04 {padding:20px 15px; margin:10px 0px 40px 0px;} .content_box04>ul.list_dot>li {background:url(../images/list_icon_01.png) no-repeat 0 8px; margin-bottom:2px; font-size:18px; line-height:140%;} .content_box04_s {padding:20px 15px;} .content_box06 {padding:20px 15px; margin:10px 0px 40px 0px; border-radius:10px; font-size:18px;} .content_box06>br {display:none;} .content_box07 {padding:20px 15px; margin:10px 0px 40px 0px; font-size:22px;} } .content_01, .content_box04 {} @media only screen and (max-width:991px){ .content_01, .content_box04 {word-break:normal;} } @media only screen and (max-width:496px){ .content_01, .content_box04 {text-align:inherit; font-size:16px;} } /*****************************************************************/ /* 내용 꾸미기 */ /*****************************************************************/ /* .list_dot {list-style:disc; margin:0; padding-left:25px;} .list_dot>li {margin-bottom:2px;} .list_dot>li>ul {list-style:none; padding:0px; margin:0 0 10px 5px;} .list_dot>li>ul>li {background:url(../images/icon_21.gif) no-repeat 0 12px; padding-left:13px; margin-bottom:0px; font-size:17px; line-height:150%;} .list_dot>li>ol {list-style:decimal; padding:0px; margin:0 0 10px 25px;} .list_dot>li>ol>li {padding-left:2px; margin-bottom:0px; font-size:17px; line-height:150%;} @media only screen and (max-width:496px){ .list_dot {font-size:16px; line-height:140%; padding-left:15px;} } */ .list_dot {list-style:none; margin:0; padding-left:5px;} .list_dot>li {background:url(../images/list_icon_01.png) no-repeat 0 10px; padding-left:20px; margin-bottom:2px; font-size:21px; line-height:150%;} .list_dot>li>ul {list-style:none; padding:0px; margin:0 0 10px 5px;} .list_dot>li>ul>li {background:url(../images/icon_21.gif) no-repeat 0 12px; padding-left:13px; margin-bottom:0px; font-size:18px; line-height:150%;} .list_dot>li>ol {list-style:decimal; padding:0px; margin:0 0 10px 25px;} .list_dot>li>ol>li {padding-left:2px; margin-bottom:0px; font-size:17px; line-height:150%;} @media only screen and (max-width:496px){ .list_dot>li {background-position:0 8px; font-size:18px; padding-left:18px;} } .list_dot2 {list-style:none; margin:0; padding-left:5px;} .list_dot2>li {background:url(../images/list_icon_01.png) no-repeat 0 10px; padding-left:20px; margin-bottom:15px; font-size:21px; line-height:150%;} .list_dot2>li>ul {list-style:none; padding:0px; margin:0 0 10px 5px; } .list_dot2>li>ul>li {background:url(../images/icon_21.gif) no-repeat 0 10px; padding-left:13px; margin-bottom:5px; font-size:17px; color:#333; line-height:150%;} @media only screen and (max-width:496px){ .list_dot2>li {background-position:0 8px; font-size:18px; padding-left:18px;} } .list_dot5 {list-style:none; padding:0px; margin:5px 0 0 5px;} .list_dot5>li {background:url(../images/icon_20.gif) no-repeat 0 15px; padding-left:10px; margin-bottom:5px;} .list_dot5>li>ul {list-style:none; padding:0px; margin:0 0 10px 5px;} .list_dot5>li>ul>li {background:url(../images/icon_21.gif) no-repeat 0 12px; padding-left:13px; margin-bottom:0px; font-size:16px; color:#333;} .list_line {list-style:none; margin:0; padding-left:5px;} .list_line>li {margin-bottom:10px; padding:10px 0px; border-bottom:#DDD 2px dashed;} @media only screen and (max-width:496px){ .list_line {font-size:16px; line-height:140%; padding-left:15px;} } .list_pink {list-style:none; width:100%; margin:0 auto; padding:0; overflow:hidden;} .list_pink>li {float:none; width:100%; margin-bottom:5px; font-size:28px; font-family:'nanumsquare'; line-height:150%; text-align:center;} .list_pink>li>span {color:#EE2978;} @media only screen and (max-width:496px){ .list_pink {width:100%;} .list_pink>li {font-size:20px;} } .list_ro {list-style:none; padding:0px; margin:5px 0 0 5px; overflow:hidden;} .list_ro>li {margin-bottom:5px; clear:both; position:relative;} .list_ro>li>b {background:#006699; border-radius:100px; padding:5px 20px; margin-right:20px; font-size:19px; font-weight:bold; color:#FFFFFF;} .list_ro>li>span {display:inline-block;} .list_dl {} .list_dl>dt {margin-bottom:10px; font-size:22px; font-weight:bold; color:#336699;} .list_dl>dd {margin-bottom:20px;} .step_service>ol {list-style:none; padding:0px; margin:0px; overflow:hidden;} .step_service>ol>li {background:url(../images/step_p.png) right 5px no-repeat; margin-bottom:10px; margin-right:10px; width:30%; float:left; display:inline-block;} .step_service>ol>li:last-child {background:none;margin-right:0px;} .step_service>ol>li>p {text-align:center; padding:10px; border:1px solid #d9c0c0; background:#faf8f8; width:92%; display:inline-block;} @media only screen and (max-width:496px){ .step_service>ol>li {background:url(../images/step_p1.png) center bottom no-repeat; padding-bottom:30px; margin-bottom:10px; margin-right:0; width:100%; float:none;} .step_service>ol>li>p {width:100%;} } .list_num {list-style:decimal; margin:0; padding-left:25px;} .list_num>li {padding-bottom:5px; text-align:justify;} .list_num2 {list-style:decimal; margin:0; padding-left:25px;} .list_num2>li {margin-bottom:15px; text-align:justify;} .list_num_bold {list-style:decimal; margin:0; padding-left:25px;} .list_num_bold>li {margin-bottom:5px; text-align:justify; font-size:18px; font-weight:bold;} .list_num_bold>div {margin-bottom:15px;} .list_no {list-style:none; padding:0px; margin:0;} .list_no>li {background:none; padding-left:10px; padding-bottom:0px;} .list_no2 {list-style:none; padding:0px; margin:0 0 0 0px;} .list_no2>li {background:none; padding-bottom:0px;} .list_check {list-style:none; padding:0px; margin:0 0 0 5px;} .list_check>li {background:url(../images/icon_check1.png) no-repeat 0 5px; padding-left:30px; padding-bottom:10px;} .list_red {list-style:none; padding:0px; margin:0 0 0 3px;} .list_red>li {background:url(../images/icon_06.gif) no-repeat 0 9px; padding-left:10px; margin-bottom:15px;} .list_red>li>b { font-weight:normal; color:#001E7F;} .list_red>li>ul {list-style:none; padding:0px; margin:0 0 0 5px;} .list_red>li>ul>li {background:url(../images/icon_20.gif) no-repeat 0 12px; padding-left:10px; margin-bottom:0px;} .list_red2 {list-style:none; padding:0px; margin:5px 0 0 5px;} .list_red2>li {background:url(../images/icon_25.gif) no-repeat 0 5px; padding-left:24px; margin-bottom:20px;} .list_left {list-style:none; padding:0px; margin:0px; clear:both;} .list_left>li {float:left;} .list_top {list-style:none; padding:0px; margin:0px; clear:both;} .list_top>li img {display:block;} .li_mb20>li {margin-bottom:20px;} .hidden {display:none;} .ddam_start {background:url(../images/icon_ddam_start.png) no-repeat left top; opacity:0.5; padding-left:25px;} .ddam_end {background:url(../images/icon_ddam_end.png) no-repeat right top; opacity:0.5; padding-left:25px;} .sm_ddaum {text-align:center; font-size:33px; line-height:160%;} .sm_ddaum>span:first-child {background:url(../images/icon_ddam_start.png) no-repeat left top; opacity:0.5; padding-left:25px;} .sm_ddaum>span:last-child {background:url(../images/icon_ddam_end.png) no-repeat right top; opacity:0.5; padding-left:25px;} .sm_ddaum b {font-weight:bold; color:#F06;} @media only screen and (max-width:496px){ .sm_ddaum {font-size:18px; line-height:180%;} .sm_ddaum br {display:none;} .sm_ddaum>span {display:none;} } .icon_more {font-size:20px; color:#FF6699;} .fc_red {color:#FF0000;} .fc_blue {color:#0033CC;} .fc_01 {color:#000;} .fc_02 {color:#E87D08;} .fc_03 {color:#255E65;} .fc_04 {color:#692E99;} .fc_05 {color:#C75252;} .fc_06 {color:#D95731;} .fc_07 {color:#196CCF;} .fs_sm {font-size:14px;} .fs_33 {font-size:33px; font-weight:bold; line-height:130%;} @media screen and (max-width: 496px) { .fs_33 {font-size:20px;} } .mt_5 {margin-top:5px;} .mt_10 {margin-top:10px;} .mt_15 {margin-top:15px;} .mb_5 {margin-bottom:5px;} .mb_10 {margin-bottom:10px;} .mb_15 {margin-bottom:15px;} .mb_20 {margin-bottom:20px;} .center {text-align:center;} pre {background:none; border:none; margin:0; padding:0; font-size:16px; font-family:inherit;} .sm_img {} .sm_img>.sm_img_mobile {display:none;} @media screen and (max-width: 496px) { .sm_img>img {display:none;} .sm_img>.sm_img_mobile {display:block;} } /* 라인 */ .sm_line {border-bottom:#DDD 2px dashed; margin:60px 0;} /* 헤드라인 */ .sm_headline {background:url(../images/icon_40.gif) no-repeat left #F8F8F8; padding:10px 20px; display:block;} /* 절차탭 */ .sm_step {list-style:none !important; width:100%; margin:0 0 10px 0 !important; padding:0; border-left:#d6d6d6 1px solid; border-top:#d6d6d6 1px solid; display:table; table-layout:fixed; overflow:hidden;} .sm_step>li {border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; background:#FFF none !important; padding:0 !important; display:table-cell; vertical-align:top;} .sm_step>li>div {text-align:center; padding:20px 10px;} .sm_step>li>div>b {font-size:17px; line-height:140%; color:#000; margin-bottom:15px; display:block;} .sm_step>li>div>img {margin-bottom:15px; display:inline-block;} .sm_step>li>div>p {font-size:19px; line-height:130%; letter-spacing:-0.5px; display:block;} @media only screen and (max-width:496px){ .sm_step>li {width:100%; display:inline-block;} .sm_step>li>div {padding:10px 10px;} .sm_step>li>div>b {margin-bottom:5px;} .sm_step>li>div>img {display:none;} .sm_step>li>div>p {font-size:19px;} .sm_step>li br {display:none;} } /* 절차탭2 */ .sm_step2 {list-style:none !important; width:100%; margin:0 0 10px 0 !important; padding:0; border-left:#d6d6d6 1px solid; border-top:#d6d6d6 1px solid; display:table; table-layout:fixed; overflow:hidden;} .sm_step2>div {display:table-row;} .sm_step2>div>li {border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; background:#FFF none !important; padding:0 !important; display:table-cell; vertical-align:top;} .sm_step2>div>li>div {text-align:center; padding:20px 10px;} .sm_step2>div>li>div>b {font-size:17px; line-height:140%; color:#000; margin-bottom:15px; display:block;} .sm_step2>div>li>div>img {margin-bottom:15px; display:inline-block;} .sm_step2>div>li>div>p {font-size:19px; line-height:130%; letter-spacing:-1px; display:block;} .sm_step2>div>li>div>p>i {font-size:16px; font-style:normal;} @media only screen and (max-width:496px){ .sm_step2>div>li {width:100%; display:inline-block;} .sm_step2>div>li>div {padding:10px 10px;} .sm_step2>div>li>div>b {margin-bottom:5px;} .sm_step2>div>li>div>img {display:none;} .sm_step2>div>li>div>p {font-size:19px;} } /* 절차탭_03 */ .sm_step_03 {list-style:none; width:100%; margin:0 0 10px 0 !important; padding:0; display:table; table-layout:fixed; overflow:hidden;} .sm_step_03>div {display:table-row;} .sm_step_03>div>div {border:#d6d6d6 1px solid; border-radius:15px; background:#FAFAFA; text-align:center; padding:20px 10px; font-size:21px; line-height:140%; display:table-cell; vertical-align:middle;} @media only screen and (max-width:496px){ .sm_step_03>div>div {width:100%; display:inline-block; margin-bottom:5px; border-radius:5px; text-align:center; padding:10px 10px; font-size:18px;} .sm_step_03 br {display:none;} } /* 절차탭2 .sm_step2 {list-style:none; width:100%; margin:0 0 10px 0 !important; padding:0; border-left:#d6d6d6 1px solid; border-top:#d6d6d6 1px solid; display:table; table-layout:fixed; overflow:hidden;} .sm_step2>li {border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; background:#FFF; display:table-cell; vertical-align:top;} .sm_step2>li>div {text-align:center; padding:20px 20px;} .sm_step2>li>div>b {font-size:20px; line-height:140%; color:#707070; margin-bottom:15px; display:block;} .sm_step2>li>div>img {margin-bottom:10px; display:inline-block;} .sm_step2>li>div>h3 {margin:10px 0 15px 0; display:block; font-size:24px; font-weight:bold; color:#17AD9E;} .sm_step2>li>div>p {font-size:18px; line-height:130%; letter-spacing:-0.5px; display:block;} @media only screen and (max-width:496px){ .sm_step2>li {width:100%; display:inline-block;} .sm_step2>li>div {padding:10px 10px;} .sm_step2>li>div>b {margin-bottom:5px;} /*.sm_step2>li>div>img {display:none;}*/ /*.sm_step2>li>div>p {font-size:17px;} /*.sm_step2>li br {display:none;} } */ /* 절차탭2 .sm_step2 {list-style:none; width:100%; display:table; table-layout:fixed; padding:0; margin:10px auto 15px auto; font-family:'nanumsquare'; overflow:hidden;} .sm_step2>li {display:table-cell; vertical-align:middle; padding:0; margin:0;} .sm_step2>li:first-child {margin:0 0 10px 0px;} .sm_step2>li:last-child {background:none;} .sm_step2>li>div {width:135px; height:140px; margin:0 auto; text-align:center; font-size:20px; line-height:130%; color:#FFFFFF; background: linear-gradient(to bottom, #43cea2 0%, #18639d 100%); border-radius:50px 10px; padding:10px 10px; display:table-cell; vertical-align:middle;} @media only screen and (max-width:496px){ .sm_step2>li {display:block; width:100%; padding:0 0 20px 0; margin:0 0 10px 0; background:url(../images/sm_step2.png) bottom no-repeat;} .sm_step2>li>div {width:100%; height:inherit; display:block; border-radius:10px; font-size:18px;} .sm_step2>li>div>br {display:none;} } */ /* 절차탭3 */ .sm_step3 {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_step3>li {float:left; width:250px; height:130px; padding:0 30px 0 0; margin:0 0 10px 8px; background:url(../images/sm_step5.gif) right no-repeat; display:table;} .sm_step3>li:first-child {margin:0 0 10px 0px;} .sm_step3>li:last-child {background:none;} .sm_step3>li>div {border-radius:10px; background:#019EBF; text-align:center; font-size:22px; font-weight:bold; line-height:130%; color:#FFFFFF; padding:10px 10px; display:table-cell; vertical-align:middle;} @media only screen and (max-width:496px){ .sm_step3>li {float:none; width:100%; height:auto; padding:0 0 30px 0; margin:0 0 10px 0; background:url(../images/sm_step6.gif) bottom no-repeat;} .sm_step3>li>div {border-radius:10px; font-size:18px;} .sm_step3>li>div>br {display:none;} } /* 절차탭4 */ .sm_step4 {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_step4>li {float:left; width:260px; height:130px; padding:0 30px 0 0; margin:0 0 10px 8px; background:url(../images/sm_step5.gif) right no-repeat; display:table;} .sm_step4>li:last-child {background:none;} .sm_step4>li>div {border-radius:10px; background:#ECECEC; text-align:center; font-size:22px; font-weight:bold; line-height:130%; padding :10px 10px; display:table-cell; vertical-align:middle;} .sm_step4>li:last-child>div {background:#F66D00; color:#FFF;} @media only screen and (max-width:496px){ .sm_step4>li {float:none; width:100%; height:auto; padding:0 0 30px 0; margin:0 0 10px 0; background:url(../images/sm_step6.gif) bottom no-repeat;} .sm_step4>li>div {border-radius:10px; font-size:18px;} .sm_step4>li>div>br {display:none;} } /* 절차탭5 */ .sm_step5 {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_step5>li {float:left; width:315px; height:170px; padding:0 30px 0 0; margin:0 0 10px 8px; background:url(../images/sm_step5.gif) right no-repeat; display:table;} .sm_step5>li:last-child {background:none;} .sm_step5>li>div {border-radius:10px; background:#ECECEC; text-align:center; font-size:22px; font-weight:bold; line-height:130%; padding :10px 10px; display:table-cell; vertical-align:top;} .sm_step5>li:last-child>div {background:#F66D00; color:#FFF;} @media only screen and (max-width:496px){ .sm_step5>li {float:none; width:100%; height:auto; padding:0 0 30px 0; margin:0 0 10px 0; background:url(../images/sm_step6.gif) bottom no-repeat;} .sm_step5>li>div {border-radius:10px; font-size:18px;} .sm_step5>li>div>br {display:none;} } /* 절차탭6 */ .sm_step6 {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_step6>li {float:left; width:195px; height:130px; padding:0 30px 0 0; margin:0 0 10px 8px; background:url(../images/sm_step5.gif) right no-repeat; display:table;} .sm_step6>li:first-child {margin:0 0 10px 0px;} .sm_step6>li:last-child {background:none;} .sm_step6>li>div {border-radius:10px; background:#019EBF; text-align:center; font-size:22px; font-weight:bold; line-height:130%; color:#FFFFFF; padding:10px 10px; display:table-cell; vertical-align:middle;} @media only screen and (max-width:496px){ .sm_step6>li {float:none; width:100%; height:auto; padding:0 0 30px 0; margin:0 0 10px 0; background:url(../images/sm_step6.gif) bottom no-repeat;} .sm_step6>li>div {border-radius:10px; font-size:18px;} .sm_step6>li>div>br {display:none;} } /* 절차탭10 */ .sm_step10 {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_step10>li {float:left; width:230px; height:130px; padding:0 0 0 30px; margin:0 8px 15px 0; background:url(../images/sm_step5.gif) left no-repeat; display:table;} .sm_step10>li:first-child {width:200px; padding:0; background:none;} .sm_step10>li:last-child {margin:0 0 15px 0;} .sm_step10>li>div {border-radius:10px; background:#019EBF; text-align:center; font-size:22px; font-weight:bold; line-height:130%; color:#FFFFFF; padding:10px 10px; display:table-cell; vertical-align:middle;} @media only screen and (max-width:496px){ .sm_step10>li {float:none; width:100% !important; height:auto; padding:0 0 30px 0; margin:0 0 10px 0; background:url(../images/sm_step6.gif) bottom no-repeat;} .sm_step10>li:first-child {background:url(../images/sm_step6.gif) bottom no-repeat; padding:0 0 30px 0; margin:0 0 10px 0;} .sm_step10>li:last-child {background:none;} .sm_step10>li>div {border-radius:10px; font-size:18px;} .sm_step10>li>div>br {display:none;} } /* 절차탭-사업모형 */ .sm_step_mo {list-style:none; padding:0; margin:30px auto 20px auto; overflow:hidden;} .sm_step_mo>li {float:left; width:25%; height:130px; padding:0 15px; margin:0 0 10px 0px; display:table;} .sm_step_mo>li>div {border-radius:10px; background:#1D9EE1; text-align:center; font-size:22px; font-weight:bold; line-height:130%; color:#FFFFFF; padding:10px 10px; display:table-cell; vertical-align:middle;} .sm_step_mo>li:first-child>div {background:#1676A9;} @media only screen and (max-width:496px){ .sm_step_mo>li {float:none; width:100%; height:auto; padding:0 0 30px 0; margin:0 0 10px 0;} .sm_step_mo>li>div {border-radius:10px; font-size:18px;} .sm_step_mo>li>div>br {display:none;} } /* 절차탭-이용절차 */ .sm_step_iyong {list-style:none; width:100%; margin:0 0 10px 0 !important; padding:0; border-left:#d6d6d6 1px solid; border-top:#d6d6d6 1px solid; display:table; table-layout:fixed; overflow:hidden;} .sm_step_iyong>li {border-right:#d6d6d6 1px solid; border-bottom:#d6d6d6 1px solid; background:#FFF; display:table-cell; vertical-align:top;} .sm_step_iyong>li>div {text-align:center; padding:10px 10px 20px 10px;} .sm_step_iyong>li>div>b {font-size:18px; line-height:140%; color:#FFF; background:#6A779E; margin-bottom:15px; padding:5px; display:block;} .sm_step_iyong>li>div>img {margin-bottom:15px; display:inline-block;} .sm_step_iyong>li>div>h3 {margin:0 0 15px 0; display:inline-block; font-size:20px; font-weight:bold; color:#36477A;} .sm_step_iyong>li>div>p {font-size:17px; line-height:130%; letter-spacing:-0.5px; word-break:keep-all; display:block; border-top:#CCC 1px solid; padding-top:10px;} @media only screen and (max-width:496px){ .sm_step_iyong>li {width:100%; display:inline-block;} .sm_step_iyong>li>div {padding:10px 10px;} .sm_step_iyong>li>div>b {margin-bottom:5px;} .sm_step_iyong>li>div>img {display:none;} .sm_step_iyong>li>div>p {font-size:17px;} .sm_step_iyong>li br {display:none;} } /* 절차탭-가입절차 */ .sm_step_gaib {list-style:none; margin:10px auto 20px auto; padding:0; overflow:hidden;} .sm_step_gaib>li {float:left; width:250px; height:130px; margin:0 15px 15px 0; padding:0 0 0 25px; background:url(../images/sm_step3.gif) left no-repeat; display:table;} .sm_step_gaib>li:first-child {width:225px; padding:0; background:none;} .sm_step_gaib>li:last-child {margin:0 0 15px 0;} .sm_step_gaib>li>div {padding:10px 10px; background:#FEE723; border-radius:10px; font-size:22px; font-weight:bold; line-height:130%; color:#222; text-align:center; display:table-cell; vertical-align:middle;} .sm_step_gaib>li:nth-child(1)>div {background:#FEE723;} .sm_step_gaib>li:nth-child(2)>div {background:#FED11E;} .sm_step_gaib>li:nth-child(3)>div {background:#FEB81A;} .sm_step_gaib>li:nth-child(4)>div {background:#FEA01B;} @media only screen and (max-width:496px){ .sm_step_gaib>li {float:none; width:100% !important; height:auto; padding:0 0 15px 0; margin:0 0 6px 0; background:url(../images/sm_step4.gif) bottom no-repeat;} .sm_step_gaib>li:first-child {background:url(../images/sm_step4.gif) bottom no-repeat; padding:0 0 15px 0; margin:0 0 6px 0;} .sm_step_gaib>li:last-child {background:none;} .sm_step_gaib>li>div {border-radius:10px; font-size:18px;} .sm_step_gaib>li>div>br {display:none;} } /* 인포그래픽01 */ .sm_graphic_01 {width:100%; display:table; table-layout:fixed; list-style:none; margin:10px 0 0; padding:0; font-family:'nanumsquare'; overflow:hidden;} .sm_graphic_01>li {display:table-cell; text-align:center; padding:0 20px;} .sm_graphic_01>li>div {min-height:2px; background:#F8F8F8; border-radius:15px; overflow:hidden;} .sm_graphic_01>li>div>h3 {color:#FFFFFF; font-size:23px; font-weight:bold; margin:0; padding:10px;} .sm_graphic_01>li:nth-child(1)>div>h3 {background:#fabf01;} .sm_graphic_01>li:nth-child(2)>div>h3 {background:#41aec5;} .sm_graphic_01>li:nth-child(3)>div>h3 {background:#238af1;} .sm_graphic_01>li:nth-child(4)>div>h3 {background:#015cd1;} .sm_graphic_01>li:nth-child(5)>div>h3 {background:#003c94;} .sm_graphic_01>li>div>p {padding:10px;} @media only screen and (max-width:496px){ .sm_graphic_01>li {display:block; margin-bottom:15px;} .sm_graphic_01>li>div {min-height:inherit;} .sm_graphic_01>li>div>h3 {padding:10px;} } /* 인포그래픽02 */ .sm_graphic_02 {width:100%; display:table; table-layout:fixed; list-style:none; margin:10px 0 0; padding:0; font-family:'nanumsquare'; overflow:hidden;} .sm_graphic_02>li {display:table-cell; text-align:center; padding:0 20px;} .sm_graphic_02>li>div {min-width:170px; height:170px; padding:10px; display:table-cell; vertical-align:middle; border-radius:100% 100%; overflow:hidden;} .sm_graphic_02>li:nth-child(1)>div {border:#F480A9 10px solid;} .sm_graphic_02>li:nth-child(2)>div {border:#FAC271 10px solid;} .sm_graphic_02>li:nth-child(3)>div {border:#80DAB4 10px solid;} .sm_graphic_02>li:nth-child(4)>div {border:#66B7F5 10px solid;} .sm_graphic_02>li:nth-child(5)>div {border:#B89CE2 10px solid;} .sm_graphic_02>li>div>p {padding:10px;} @media only screen and (max-width:496px){ .sm_graphic_02>li {display:block; margin-bottom:15px;} .sm_graphic_02>li>div {margin:0 auto; display:inline-block;} .sm_graphic_02>li>div>p {padding-top:25%;} } /* 인포그래픽03 */ .sm_graphic_03 {width:100%; display:table; table-layout:fixed; list-style:none; margin:10px 0 0; padding:0; font-family:'nanumsquare'; overflow:hidden;} .sm_graphic_03>li {display:table-cell; text-align:center; padding:0 10px;} .sm_graphic_03>li>div {min-width:200px; height:200px; padding:10px; display:table-cell; vertical-align:middle; border-radius:100% 50%; overflow:hidden;} .sm_graphic_03>li:nth-child(1)>div {border-top:#69C89C 15px solid;} .sm_graphic_03>li:nth-child(2)>div {border-top:#5BD0DA 15px solid;} .sm_graphic_03>li:nth-child(3)>div {border-top:#42A8D9 15px solid;} .sm_graphic_03>li:nth-child(4)>div {border-top:#2F89D7 15px solid;} .sm_graphic_03>li:nth-child(5)>div {border-top:#4A73A1 15px solid;} .sm_graphic_03>li>div>p {padding:10px;} @media only screen and (max-width:496px){ .sm_graphic_03>li {display:block; margin-bottom:15px;} .sm_graphic_03>li>div {height:auto; min-height:200px; margin:0 auto; display:inline-block;} .sm_graphic_03>li>div>p {padding-top:25%;} } /* 내용 반반 */ .sm_half {width:100%; overflow:hidden;} .sm_half>div {float:left; width:50%; overflow:hidden;} @media only screen and (max-width:496px){ .sm_half>div {float:none; width:100%;} } /* 모바일에서 안보이게 */ @media only screen and (max-width:496px){ .sm_mobile_hidden {float:none; display:none;} } /* 모바일에서만 보이게 */ @media screen and (min-width: 497px) { .sm_mobile {display:none;} } a.un-download { display: inline-block; padding: 20px 22px 20px 80px; margin: 10px; background-color: #f8f8f8; color: #333; border: 1px #ddd solid; font-size: 16px; line-height: 26px; font-weight: 700; text-align: center; background-position:20px 50%; background-repeat:no-repeat; background-image: url(../images/icon_dn1.png); } a.un-download span { display: inline-block; min-width: 196px; border-left: 1px #ddd solid; padding-left: 0px; line-height: 20px; } /*********************************************************************************************************************************************/ /*********************************************************************************************************************************************/ /*********************************************************************************************************************************************/ /*********************************************************************************************************************************************/ /*********************************************************************************************************************************************/ /*****************************************************************/ /* 내용 디자인 */ /*****************************************************************/ /* 향림원의 성장 */ .sm_ceo2 {width:100%; position:relative; overflow:hidden;} .sm_ceo2>div {overflow:hidden;} .sm_ceo2>div:nth-child(1) {text-align:center; margin-bottom:40px;} .sm_ceo2>div>h3 {font-size:35px; font-weight:bold; line-height:140%; color:#FF6A69; margin-top:70px; margin-bottom:15px;} .sm_ceo2>div>p {font-size:20px; text-align:justify; line-height:150%; margin-bottom:30px;} @media only screen and (max-width:496px){ .sm_ceo2>div:nth-child(1) {border:#EFF5FA 6px solid;} .sm_ceo2>div>p {font-size:17px;} .sm_ceo2>div br {display:none;} .sm_ceo2>div img {max-width:100%;} } /* 인사말 */ .sm_ceo {width:100%; margin-bottom:30px; font-family:'nanumsquare'; background:url(../images/sm_ceo_bg.png) no-repeat left bottom; position:relative; overflow:hidden;} .sm_ceo>div {float:left; overflow:hidden;} .sm_ceo>div:nth-child(1) {width:30%; text-align:center;} .sm_ceo>div:nth-child(2) {width:70%; padding-left:55px; padding-top:10px;} .sm_ceo>div>h3 {font-size:36px; font-weight:bold; color:#1F90E5; line-height:120%; letter-spacing:-2px; margin:10px 0 30px 0;} .sm_ceo>div>h4 {font-size:28px; line-height:120%; letter-spacing:-1px; margin:0px 0 30px 0;} .sm_ceo>div>p {font-size:22px; color:#505050; line-height:150%; letter-spacing:-1px; margin-bottom:30px;} .sm_ceo>div>p.c1 {color:#11980D;} .sm_ceo>div>p.c2 {color:#169B4D;} .sm_ceo>div>p>span {color:#1C9D00; font-weight:bold;} .sm_ceo>div>div {font-size:25px; font-weight:bold; line-height:150%; text-align:right; margin-top:20px;} .sm_ceo>div>div>b {font-size:48px; font-weight:900; margin-left:10px;} @media only screen and (max-width:991px){ .sm_ceo>div br {display:none;} } @media only screen and (max-width:496px){ .sm_ceo {margin-bottom:30px; background:none; text-align:justify;} .sm_ceo>div {float:none; width:100% !important; margin-bottom:0 !important; padding-left:0 !important;} .sm_ceo>div>h3 {font-size:24px; margin:25px 0; margin-left:0;} .sm_ceo>div>h4 {font-size:21px;} .sm_ceo>div>p {font-size:17px; margin-bottom:20px;} .sm_ceo>div>p>span {font-size:19px;} .sm_ceo>div>div {font-size:17px; margin-top:30px;} .sm_ceo>div br {display:none;} .sm_ceo>div img {max-width:100%;} } /* 번호있는 소개 */ .sm_number {list-style:none; width:95%; margin:0 auto; padding:0; overflow:hidden;} .sm_number>li {margin-bottom:40px; overflow:hidden;} .sm_number>li:last-child {margin-bottom:0;} .sm_number>li>div {float:left; overflow:hidden;} .sm_number>li>div:nth-child(1) {width:10%; text-align:right; padding-right:15px;} .sm_number>li>div:nth-child(2) {width:90%; font-size:18px; line-height:170%; text-align:justify;} .sm_number>li>div:nth-child(2)>b {font-size:30px; line-height:120%; margin-bottom:10px; display:block;} @media only screen and (max-width:496px){ .sm_number {width:100%;} .sm_number>li {margin-bottom:40px;} .sm_number>li>div:nth-child(1) {width:20%; padding-right:10px;} .sm_number>li>div:nth-child(2) {width:80%; font-size:16px; line-height:150%;} .sm_number>li>div:nth-child(2)>b {font-size:24px;} } /* CI */ .sm_ci {width:100%; position:relative; overflow:hidden;} .sm_ci>div {width:100%; text-align:center; padding:20px; background:url(../images/sm_ci_bg.png); overflow:hidden;} @media only screen and (max-width:496px){ .sm_ci>div {} .sm_ci>br {display:none;} } /* 법인설립 */ .sm_bubin {width:100%; min-height:788px; background:url(../images/sm_bubin_bg.jpg) no-repeat top; background-size:contain; position:relative; overflow:hidden;} .sm_bubin>div {float:left; overflow:hidden;} .sm_bubin>div:nth-child(1) {width:38%; text-align:right;} .sm_bubin>div:nth-child(2) {width:52%; padding:10px 35px 0 0; font-size:24px; line-height:160%; font-family:'nanumsquare';} .sm_bubin>div:nth-child(2)>b {font-size:30px; color:#472812;} .sm_bubin>div:nth-child(2)>div {margin-top:170px; text-align:right;} @media only screen and (max-width:496px){ .sm_bubin>div {float:none; width:100% !important;} .sm_bubin>div:nth-child(1) {text-align:center;} .sm_bubin>div:nth-child(2) {padding:20px 10px; font-size:18px; line-height:140%; text-align:justify;} .sm_bubin>div:nth-child(2)>b {font-size:22px;} .sm_bubin>div:nth-child(2)>div {margin-top:30px;} .sm_bubin br {display:none;} } /* 시설보기 */ .sm_sisul {width:100%; position:relative; overflow:hidden;} .sm_sisul>div.img {width:100%; text-align:right; position:relative; z-index:0; overflow:hidden;} .sm_sisul>div.con {width:50%; margin-top:-20%; padding:50px 55px; background:#2485EB; border-radius:0 70px 70px 70px; position:relative; z-index:1; overflow:hidden;} .sm_sisul>div.con>ul {list-style:none; width:100%; margin:0; padding:0; color:#FFF; overflow:hidden;} .sm_sisul>div.con>ul>li {float:left; margin-bottom:10px; font-size:24px; letter-spacing:-1px;} .sm_sisul>div.con>ul>li:nth-child(odd) {width:150px;} .sm_sisul>div.con>ul>li:nth-child(even) {width:70%;} .sm_sisul>div.con>ul>li>b {width:130px; display:block; margin-right:20px; padding:4px 15px; background:#FFF; border-radius:100px; color:#333; letter-spacing:-2px; text-align: center; line-height:100%;} @media only screen and (max-width:496px){ .sm_sisul>div.con {width:90%; padding:20px 15px; border-radius:0 20px 20px 20px;} .sm_sisul>div.con>ul>li {float:none; width:100% !important; margin-bottom:10px; font-size:18px;} .sm_sisul>div.con>ul>li>b {width:130px; margin-right:0;} } /* 시설현황 */ .sm_sisul_info {margin-bottom:80px; overflow:hidden;} .sm_sisul_info>div {float:left; overflow:hidden;} .sm_sisul_info>div:nth-child(1) {width:30%;} .sm_sisul_info>div:nth-child(2) {width:70%; line-height:150%;} .sm_sisul_info>div span {width:120px; display:inline-block; color:#999;} @media only screen and (max-width:496px){ .sm_sisul_info>div {float:none;} .sm_sisul_info>div:nth-child(1) {width:100%; text-align:center; margin-bottom:20px;} .sm_sisul_info>div:nth-child(2) {width:100%;} .sm_sisul_info>div span {width:auto; display:block; color:#222; font-weight:bold;} } /* 내부시설 */ .sm_sisul_pp {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_sisul_pp>li {float:left; width:25%; margin-bottom:20px; padding:0 10px;} .sm_sisul_pp>li>div {width:100%; background:#eee; text-align:center; overflow:hidden;} .sm_sisul_pp>li>div>p {padding:15px 0; font-size:16px;} @media only screen and (max-width:496px){ .sm_sisul_pp>li {float:none; width:100%; margin-bottom:20px;} } /* 시설사진 */ .sm_sisul_photo {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_sisul_photo>li {float:left; width:33.3%; margin-bottom:20px;} .sm_sisul_photo>li>div { overflow: hidden; position: relative; max-width:380px; border-radius:10px; } .sm_sisul_photo>li>div:hover .text { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .sm_sisul_photo>li>div>div { z-index: 3; position: absolute; width: 100%; height: 100%; display: block; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.5); text-align: center; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sm_sisul_photo>li>div>div>div { z-index: 3; position: absolute; top: 50%; left: 0px; margin-top: -20px; width: 100%; color: #FFFFFF; } @media only screen and (max-width:496px){ .sm_sisul_photo>li {float:none; width:100%; margin-bottom:20px;} } /* 기관소개 - 비전 */ .sm_vision {text-align:center; overflow:hidden;} .sm_vision>ul {list-style:none; margin:0; padding:0;} .sm_vision>ul>li {float:left; width:calc(100%/4); position:relative;} .sm_vision>ul>li>p {position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:100%; height:100px; color:#fff; font-size:20px; line-height:160%;} .sm_vision>ul>li>p>b {display:block; font-size:26px; margin-bottom:25px;} @media only screen and (max-width:496px){ .sm_vision>ul>li {float:none; width:calc(100%/1);} } /* 핵심가치 */ .sm_vision2 {text-align:center; overflow:hidden;} .sm_vision2>ul {list-style:none; margin:0; padding:0;} .sm_vision2>ul>li {float:left; width:calc(100%/3); position:relative;} .sm_vision2>ul>li>p {position:absolute; top:30px; left:0px; right:0px; bottom:0px; margin:auto; width:100%; height:100px; color:#fff; font-size:18px; line-height:140%;} .sm_vision2>ul>li>p>b {display:block; font-size:36px; line-height:130%;} @media only screen and (max-width:496px){ .sm_vision2>ul>li {float:none; width:calc(100%/1);} } /* 설립이념 */ .sm_vision3 {text-align:center; overflow:hidden;} .sm_vision3>ul {list-style:none; margin:0; padding:0;} .sm_vision3>ul>li {float:left; width:calc(100%/4); position:relative;} .sm_vision3>ul>li>p {position:absolute; top:30px; left:0px; right:0px; bottom:0px; margin:auto; width:100%; height:100px; color:#fff; font-size:40px; font-weight:bold; line-height:160%;} @media only screen and (max-width:496px){ .sm_vision3>ul>li {width:calc(100%/2);} } /* 미션ㆍ비전 */ .sm_mivi {max-width:1340px; margin:0 auto; overflow:hidden;} .sm_mivi>div {width:100%; margin-bottom:60px; overflow:hidden;} .sm_mivi>div:last-child {margin-bottom:0;} .sm_mivi>div>ul {width:100%; list-style:none; margin:0; padding:0; display:table; table-layout:fixed; overflow:hidden;} .sm_mivi>div>ul>li {display:table-cell; vertical-align:middle;} .sm_mivi>div>ul>li:nth-child(1) {width:20%; text-align:center;} .sm_mivi>div>ul>li:nth-child(2) {width:80%; padding-left:20px; border-bottom:#D3D3D3 1px dotted;} .sm_mivi>div>ul>li h3 {width:90%; margin:0; padding:20px 10px; font-size:48px; font-weight:bold; color:#fff; border-radius:10px;} .sm_mivi>div>ul>li p {margin:0; font-size:30px; letter-spacing:-1px; line-height:130%;} .sm_mivi>div:nth-child(1) h3 {background:#78B23D;} .sm_mivi>div:nth-child(2) h3 {background:#F9A321;} .sm_mivi>div:nth-child(3) h3 {background:#0988D4;} @media only screen and (max-width:496px){ .sm_mivi>div {margin-bottom:20px;} .sm_mivi>div>ul {display:block; table-layout:inherit;} .sm_mivi>div>ul>li {width:100% !important; padding:0 !important; border-bottom:none !important; display:block;} .sm_mivi>div>ul>li h3 {width:100%; font-size:28px; margin-bottom:0px;} .sm_mivi>div>ul>li p {font-size:18px; letter-spacing:0px; text-align:center; background:#f0f0f0; border-radius:10px; padding:20px 10px;} } /* 미션ㆍ비전 */ .sm_misvis {width:100%; margin-bottom:20px; text-align:center; overflow:hidden;} .sm_misvis>h3 {font-size:36px; font-weight:bold; color:#111; margin:0 0 15px 0;} .sm_misvis>div {width:100%; margin-bottom:50px; padding:35px 10px; background:#F7F7F7; border:#E7E7E7 1px solid; border-radius:10px; font-size:24px; font-family:'nanumSquare'; line-height:160%; overflow:hidden;} @media only screen and (max-width:496px){ .sm_misvis>h3 {font-size:24px;} .sm_misvis>div {margin-bottom:25px; padding:20px 10px; font-size:18px;} } /* 미션비전 */ .sm_mv {width:100%; overflow:hidden;} .sm_mv>ul {list-style:none; width:100%; margin:0 0 20px 0; padding:0; display:table; overflow:hidden;} .sm_mv>ul>li {display:table-cell; vertical-align:middle;} .sm_mv>ul>li>div {border-radius:20px; line-height:130%; overflow:hidden;} .sm_mv>ul>li:nth-child(1) {width:14%; background:#F5AC33; border-radius:20px;} .sm_mv>ul>li:nth-child(1)>div {padding:40px 10px; text-align:center; font-size:48px; letter-spacing:-1px; color:#FFF;} .sm_mv>ul>li:nth-child(2) {width:*%; padding-left:30px;} .sm_mv>ul>li:nth-child(2)>div {padding:50px 6%; background:#F3F3F3; text-align:left; font-size:30px; letter-spacing:-1px; color:#444;} .sm_mv>ul.h1>li:nth-child(1)>div {} @media only screen and (max-width:496px){ .sm_mv>ul {display:block;} .sm_mv>ul>li {display:block; width:100% !important; padding:0 !important; border-radius:10px !important;} .sm_mv>ul>li>div {border-radius:10px;} .sm_mv>ul>li:nth-child(1)>div {padding:10px 10px; font-size:30px;} .sm_mv>ul>li:nth-child(2)>div {padding:25px 6%; font-size:20px; text-align:center;} } /* 미션 */ .sm_mission {list-style:none; width:100%; margin:0 auto; padding:0; overflow:hidden;} .sm_mission>li {width:calc(100%/4); float:left; padding:0 20px; border-right:#E7E7E7 1px solid; text-align:center;} .sm_mission>li:last-child {border-right:none;} .sm_mission>li>h3 {width:500px; height:125px; margin:0; padding:5px 10px; background:#D79A46; border-radius:20px; font-size:24px; font-weight:bold; letter-spacing:-1px; color:#FFF; display:table-cell; vertical-align:middle; overflow:hidden;} .sm_mission>li>h3>b {font-size:36px; font-weight:900; color:#FFF;} .sm_mission>li>div {min-height:170px; margin-top:15px; padding:30px 20px 10px 20px; background:#F3F3F3; border-radius:20px; font-size:19px; letter-spacing:-1px; line-height:130%; text-align:left; overflow:hidden;} @media only screen and (max-width:496px){ .sm_mission>li {width:calc(100%/1); margin-bottom:15px; padding:0; border-right:none;} .sm_mission>li>h3 {font-size:24px;} .sm_mission>li>div {min-height:inherit; padding:20px 20px; font-size:20px;} } /* 핵심가치 */ .sm_value {width:100%; margin-bottom:20px; overflow:hidden;} .sm_value>div {float:left; width:50%; padding:0 20px; border-right:#CCC 1px solid;} .sm_value>div:last-child {border-right:none;} .sm_value>div>h3 {display:block; margin:0 0 25px 0; padding:20px 10px; background:#196CCF; border-radius:20px; font-size:28px; font-weight:bold; color:#FFF; text-align:center;} .sm_value>div>ul {padding:0 30px;} @media only screen and (max-width:496px){ .sm_value>div {float:none; width:100%; margin-bottom:20px; padding:0; border-right:none;} .sm_value>div>h3 {margin:0 0 15px 0; padding:10px 10px; border-radius:30px; font-size:22px;} .sm_value>div>ul {padding:0 10px;} } /* 사업목표 */ .sm_samok {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_samok>li {float:left; width:33.33%; padding:0 10px;} .sm_samok>li>div {padding:25px; font-size:16px; letter-spacing:-0.5px; border-radius:30px; overflow:hidden;} .sm_samok>li:nth-child(1)>div {border:#62BDF6 8px solid;} .sm_samok>li:nth-child(2)>div {border:#43D4A9 8px solid;} .sm_samok>li:nth-child(3)>div {border:#FCB7D4 8px solid;} .sm_samok>li>div>h2 {margin:0 0 20px 0; font-size:18px; text-align:center;} .sm_samok>li>div>h3 {margin:0 0 40px 0; font-size:20px; font-weight:bold; text-align:center;} .sm_samok>li>div>h4 {margin:0 0 10px 0; font-size:18px; background:#eee; border-radius:30px; padding:5px; text-align:center;} @media only screen and (max-width:496px){ .sm_samok>li {float:none; width:100%; padding:0 0px; margin-bottom:15px;} .sm_samok>li>div {padding:15px;border-radius:10px;} } /* 비전 실천전략 */ .sm_strategy {list-style:none; width:100%; margin:10px auto 0 auto; padding:0; font-family:'nanumsquare'; overflow:hidden;} .sm_strategy>li {margin-bottom:30px; overflow:hidden;} .sm_strategy>li:last-child {margin-bottom:0px;} .sm_strategy>li>div {float:left; overflow:hidden;} .sm_strategy>li>div:nth-child(1) {width:10%; text-align:right; padding-right:15px;} .sm_strategy>li>div:nth-child(2) {width:90%; font-size:18px; line-height:170%; text-align:justify;} .sm_strategy>li>div:nth-child(2)>b {font-size:28px; line-height:120%; margin-bottom:10px; display:block;} @media only screen and (max-width:496px){ .sm_strategy {width:100%;} .sm_strategy>li {margin-bottom:20px;} .sm_strategy>li>div:nth-child(1) {width:20%; padding-right:10px;} .sm_strategy>li>div:nth-child(2) {width:80%; font-size:16px; line-height:150%;} .sm_strategy>li>div:nth-child(2)>b {font-size:20px; letter-spacing:-1px;} } /* 윤리강령 */ .sm_ethics {overflow:hidden;} .sm_ethics>dt {font-size:24px; font-weight:bold; color:#F40B63; line-height:180%;} .sm_ethics>dd {margin-bottom:20px;} /* 조직구성 */ .sm_zozic {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_zozic>li {float:left; width:16.66%; margin-bottom:20px; text-align:center;} .sm_zozic>li>div {width:95%; min-height:140px; margin:0 auto; background:#FAFAFA; padding:15px 15px 10px 15px; border:#ddd 1px solid; border-radius:5px; overflow:hidden;} .sm_zozic>li>div>h5 {margin:10px 0 0 0; font-size:14px;} .sm_zozic>li>div>span {font-size:16px; font-weight:bold;} @media only screen and (max-width:496px){ .sm_zozic>li {float:none; width:100%;} .sm_zozic>li>div {width:90%; min-height:inherit;} } /* 조직구성2 */ .sm_zozic2 {overflow:hidden;} .sm_zozic2>div {max-width:175px; margin:0 5px 20px 5px; float:left; text-align:center; overflow:hidden;} .sm_zozic2>div>h3 {display:block; margin:0 0 5px 0; padding:10px; background:#0388C9; border-radius:10px 10px 0 0; color:#FFF; font-size:18px; font-weight:bold;} .sm_zozic2>div>img {border:#ccc 1px solid;} .sm_zozic2>div>span {display:block; line-height:150%;} .sm_zozic2>div>span.name {font-size:20px; font-weight:bold; margin:5px 0 0 0;} .sm_zozic2>div>span.clas {font-size:13px;} .sm_zozic2>div>span.area {font-size:13px; color:#06C; border-top:#ddd 1px solid; margin-top:5px; padding:5px;} @media only screen and (max-width:496px){ .sm_zozic2>div {max-width:30%; margin:0 5px 20px 5px;} .sm_zozic2>div>h3 {font-size:17px; padding:5px 0px; letter-spacing:-0.5px;} } /* 연혁 */ .sm_his {background:url(../images/line.png) center repeat-y; overflow:hidden;} .sm_his>div>div {float:left; width:50%;} .sm_his>div>div:first-child {text-align:right; margin-bottom:25px; padding-right:60px; padding-top:20px;} .sm_his>div>div:first-child>h3 {font-size:20px; font-weight:bold; color:#4F271A; line-height:130%;} .sm_his>div>div:first-child>h4 {font-size:14px; color:#3A3A3A; line-height:140%;} .sm_his>div>div:last-child {text-align:left;} .sm_his>div>div:last-child dt {background:url(../images/line_2.png) left 50% no-repeat; padding-left:60px; margin:20px 0 5px 0; font-size:24px; color:#0066CC;} .sm_his>div>div:last-child dd {padding-left:60px; margin-bottom:10px; color:#888;} .sm_his>div>div:last-child dd>b {color:#222; margin-right:5px;} @media only screen and (max-width:496px){ .sm_his {background:none; overflow:hidden;} .sm_his>div {margin-bottom:40px;} .sm_his>div>div {float:none; width:100%;} .sm_his>div>div:first-child {text-align:left; padding:0;} .sm_his>div>div:first-child br {display:none;} .sm_his>div>div:last-child dt {background:none; padding-left:0; margin:15px 0 5px 0;} .sm_his>div>div:last-child dd {padding-left:0; margin-bottom:5px;} } /* 연혁2 */ .sm_his2 {background:url(../images/line.png) center repeat-y; overflow:hidden;} .sm_his2>div {width:100%; margin-bottom:20px; overflow:hidden;} .sm_his2>div h3 {margin:0px 0 15px 0; font-size:33px; font-weight:bold; color:#F76E00;} .sm_his2>div:nth-child(odd) {float:left; padding-right:49.8%; text-align:left;} .sm_his2>div:nth-child(odd) h3 {background:url(../images/line_1.png) right 50% no-repeat; padding-right:60px; text-align:right;} .sm_his2>div:nth-child(even) {float:right; padding-left:49.8%; text-align:left;} .sm_his2>div:nth-child(even) h3 {background:url(../images/line_2.png) left 50% no-repeat; padding-left:60px;} .sm_his2>div>ul {list-style:none; padding:15px; border:#CCC 2px dashed; border-radius:20px; overflow:hidden;} .sm_his2>div>ul>li {font-family:'nanumgothic'; margin-bottom:5px; margin-left:30px; text-indent:-30px;} .sm_his2>div:nth-child(odd)>ul {width:95%; margin:0 auto 0 0;} .sm_his2>div:nth-child(even)>ul {width:95%; margin:0 0 0 auto;} .sm_his2>div>ul>li>b {color:#4B970E;} .sm_his2>div:nth-child(odd)>ul>li>b {float:left; margin-right:30px;} .sm_his2>div:nth-child(even)>ul>li>b {float:left; margin-right:30px;} @media only screen and (max-width:496px){ .sm_his2 {background:none;} .sm_his2>div {float:none !important; width:100% !important; padding:0 !important;} .sm_his2>div h3 {padding:0 !important; background:none !important; text-align:center !important;} .sm_his2>div>ul {width:100% !important; margin:0 !important; } } /* 연혁3 */ .sm_his3 {width:100%; background:url(../images/line.png) center repeat-y; overflow:hidden;} .sm_his3>div {width:100%; margin-bottom:100px; overflow:hidden;} .sm_his3>div>div {overflow:hidden;} .sm_his3>div>div:nth-child(1) {width:50.2%; float:left;} .sm_his3>div>div:nth-child(2) {width:49.8%; float:right;} .sm_his3>div>div h3 {width:100%; display:inline-block; margin:0; padding:0 60px; background:url(../images/line_1.png) right 50% no-repeat; text-align:right; font-size:10rem; font-weight:900; color:#0986DE; letter-spacing:-1px; line-height:100%;} .sm_his3>div>div ul {list-style:none; width:90%; margin:37px auto 10px auto; padding:0; position:relative;} .sm_his3>div>div ul>li {display:flex; margin-bottom:10px; font-size:17px; letter-spacing:-1px;} .sm_his3>div>div ul>li>b {margin:0 30px 0 0; white-space:nowrap;} .sm_his3>div>div ul>li>i {font-style:normal;} .sm_his3>div.reverse {display:flex; flex-direction:row-reverse; display:-webkit-flex; -webkit-flex-direction:row-reverse;} .sm_his3>div.reverse>div h3 {background:url(../images/line_2.png) left 50% no-repeat; text-align:left;} .sm_his3>div.reverse>div ul>li {flex-direction:row-reverse;} .sm_his3>div.reverse>div ul>li>b {margin:0 0 0 30px;} .sm_his3>div.reverse>div ul>li>i {text-align:right;} @media only screen and (max-width:496px){ .sm_his3 {background:none;} .sm_his3>div {margin-bottom:30px;} .sm_his3>div>div {float:none !important; width:100% !important;} .sm_his3>div>div h3 {padding:0; background:none !important; text-align:left !important; font-size:5rem;} .sm_his3>div>div ul {width:100%; margin:10px auto;} .sm_his3>div>div ul>li {margin-bottom:5px; font-size:15px;} .sm_his3>div>div ul>li>b {margin:0 20px 0 0; white-space:nowrap;} .sm_his3>div>div ul>li>i {font-style:normal;} .sm_his3>div.reverse {display:block; flex-direction:row; display:-webkit-block; -webkit-flex-direction:row;} .sm_his3>div.reverse>div h3 {background:url(../images/line_2.png) left 50% no-repeat; text-align:left;} .sm_his3>div.reverse>div ul>li {flex-direction:row;} .sm_his3>div.reverse>div ul>li>b {margin:0 20px 0 0;} .sm_his3>div.reverse>div ul>li>i {text-align:left;} } /* 이용안내 */ .sm_iyoung {overflow:hidden;} .sm_iyoung>div {overflow:hidden;} .sm_iyoung>div:nth-child(1) {text-align:center;} .sm_iyoung>div:nth-child(1)>img {margin-bottom:25px; border-radius:15px;} /* 이용절차 */ .sm_iyong_step {width:100%; overflow:hidden;} .sm_iyong_step>h3 {font-size:20px; font-weight:bold; text-align:center; margin:0 0 10px 0; padding:10px; border-radius:100px;} .sm_iyong_step>div.con {padding:10px; border:#DDD 1px solid; border-radius:10px; font-size:17px; line-height:140%;} .sm_iyong_step>div.arrow {text-align:center;} /* 상담 및 이용문의 */ .sm_sangdam {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_sangdam>li {float:left; width:33.3%; height:330px; text-align:center; margin-bottom:30px; border-right:#dedede 1px solid;} .sm_sangdam>li:nth-child(3), .sm_sangdam>li:nth-child(6) {border-right:none;} .sm_sangdam>li>div>h3 {color:#425B83;} @media only screen and (max-width:496px){ .sm_sangdam>li {float:none; width:100%; height:auto; border-right:none;} } /* 사업안내2 */ .sm_saup2 {width:100%; margin:0; padding:0; display:table; overflow:hidden;} .sm_saup2>.saup_row {width:100%; display:table-row;} .sm_saup2>.saup_row>.cell {width:calc(100%/3); padding:0 30px 70px 70px; display:table-cell; text-align:center;} .sm_saup2>.saup_row>.cell>div {width:100%; letter-spacing:-1px; overflow:hidden; } .sm_saup2>.saup_row>.cell>div>img {display:block; margin-bottom:20px; border-radius:15px;} .sm_saup2>.saup_row>.cell>div>b {display:block; margin-bottom:5px; font-size:24px; color:#0588B4;} .sm_saup2>.saup_row>.cell>div>p {display:block; margin:0; padding:0; font-size:18px; line-height:125%;} @media only screen and (max-width:496px){ .sm_saup2>.saup_row>.cell {width:calc(100%/1); margin-bottom:35px; padding:0; display:block;} } /* 사업소개 */ .sm_saup_head {background:#F6F6F6; border-left:#E30026 3px solid; margin-bottom:60px; padding:15px 20px; font-size:20px; font-family:'nanumsquare'; line-height:170%; overflow:hidden;} .sm_saup_head>h3 {font-size:36px; font-weight:bold; letter-spacing:-1px; margin:10px 0 20px 0; overflow:hidden;} @media only screen and (max-width:496px){ .sm_saup_head {margin-bottom:40px;} .sm_saup_head>h3 {font-size:26px;} } /* 사업소개 */ .sm_saup_head01 {background:#F6F6F6; margin-bottom:1px; padding:15px 20px; font-size:20px; font-family:'nanumsquare'; line-height:170%; overflow:hidden;} /* 사업소개 - 가운데정렬 */ .sm_saup_ddam {font-size:35px; letter-spacing:-1px; font-family:'nanumSquare'; line-height:140%; text-align:center; margin:30px 0 100px 0; overflow:hidden;} .sm_saup_ddam>b {color:#EB722C; font-weight:normal;} @media only screen and (max-width:496px){ .sm_saup_ddam {font-size:26px; margin:20px 0 60px 0;} .sm_saup_ddam>br {display:none;} } /* 사업소개 사진 */ .sm_saup_photo {text-align:center; overflow:hidden;} .sm_saup_photo>img {border-radius:10px; margin:0 5px 15px 5px;} .sm_saup_photo>span {width:10px; display:inline-block;} @media only screen and (max-width:496px){ .sm_saup_photo>img {width:inherit; border-radius:0px; margin:0 0 10px 0;} .sm_saup_photo>span {display:none;} } /* 사업소개 사진 */ .sm_saup_img {width:100%; text-align:center; overflow:hidden;} .sm_saup_img>ul {list-style:none; width:100%; margin:0; padding:0; overflow:hidden;} .sm_saup_img>ul>li {float:left; margin-bottom:20px; padding:0 10px; text-align:center; font-size:17px; letter-spacing:-1px;} .sm_saup_img>ul>li>img {border-radius:10px; margin-bottom:5px;} @media only screen and (max-width:496px){ } /* 사업사진 */ .sm_saup_photo2 {list-style:none; width:100%; margin:0 auto; padding:0; overflow:hidden;} .sm_saup_photo2>li {float:left; width:calc(100%/3); margin-bottom:25px; padding:0 5px; text-align:center; font-size:17px; letter-spacing:-1px;} .sm_saup_photo2>li>div {width:100%; margin:0 auto 10px auto; padding:5px; border:#EEE 1px solid; border-radius:10px; box-shadow:1px 5px 5px -1px #e6e6e6; overflow:hidden;} .sm_saup_photo2>li>div>img {max-width:100%; border-radius:5px;} @media only screen and (max-width:496px){ .sm_saup_photo2>li {float:none; width:100%;} } /* 사업안내 */ .sm_saup {width:95%; margin:0 auto; overflow:hidden;} .sm_saup>div {width:100%; margin-bottom:30px; padding:30px 30px; border:4px solid #ddd; border-image:url('../images/border.png') 4 round; line-height:1.3em; position:relative; overflow:hidden;} .sm_saup>div>ul {list-style:none; width:100%; margin:0; padding:0; display:table; overflow:hidden;} .sm_saup>div>ul>li {display:table-cell; vertical-align:top;} .sm_saup>div>ul>li:nth-child(1) {width:23%; text-align:left;} .sm_saup>div>ul>li:nth-child(1)>h3 {font-size:36px; font-weight:bold; line-height:120%; color:#FFF; width:70%; margin:5px 0; padding:40px 10px; display:inline-block; background:#06C; border-radius:20px; text-align:center;} .sm_saup>div>ul>li:nth-child(2) {width:77%;} .sm_saup>div>ul>li:nth-child(2)>ul {list-style:none; margin:0; padding-left:5px;} .sm_saup>div>ul>li:nth-child(2)>ul>li {background:url(../images/list_icon_01.png) no-repeat 0 10px; padding-left:20px; margin-bottom:2px; font-size:21px; letter-spacing:1px; line-height:150%; color:#222;} .sm_saup>div>ul>li:nth-child(2)>ul>li>i {font-size:17px; font-style:normal; color:#666;} @media only screen and (max-width:496px){ .sm_saup {width:100%} .sm_saup>div {padding:20px;} .sm_saup>div>ul {display:block;} .sm_saup>div>ul>li {display:block; width:100% !important;} .sm_saup>div>ul>li:nth-child(1)>h3 {font-size:26px; width:100%; margin:0 0 15px 0; padding:5px; display:block; border-radius:100px;} .sm_saup>div>ul>li:nth-child(1)>h3>br {display:none;} .sm_saup>div>ul>li:nth-child(2)>ul>li {background:url(../images/list_icon_01.png) no-repeat 0 6px; font-size:17px; letter-spacing:-1px; line-height:140%;} .sm_saup>div>ul>li:nth-child(2)>ul>li>i {font-size:14px;} } /* 주요사업 */ .sm_main_saup {width:100%; list-style:none; margin:0; padding:30px 20px; border:#ddd 1px solid; border-radius:10px; display:table; table-layout:fixed; overflow:hidden;} .sm_main_saup>li {display:table-cell; vertical-align:middle;} .sm_main_saup>li:nth-child(1) {width:30%; text-align:center;} .sm_main_saup>li:nth-child(2) {width:70%; padding-left:25px; font-size:19px; line-height:170%; border-left:#CCC 1px solid;} @media only screen and (max-width:496px){ .sm_main_saup {padding:30px 20px; border:#ddd 1px solid; border-radius:10px; display:block; table-layout:inherit;} .sm_main_saup>li {display:block;} .sm_main_saup>li:nth-child(1) {width:100%; margin-bottom:20px;} .sm_main_saup>li:nth-child(2) {width:100%; padding-left:0px; font-size:18px; line-height:160%; border-left:none;} } /* 사업문의 */ .sm_saup_moon {font-size:27px; line-height:150%;} .sm_saup_moon>b {color:#EE2978;} @media only screen and (max-width:496px){ .sm_love_hoo_moon {font-size:22px;} } /* 사업-사진과 내용 한줄에 */ .sm_saup_pt {width:100%;display:table; overflow:hidden;} .sm_saup_pt>div {display:table-cell; vertical-align:middle; overflow:hidden;} .sm_saup_pt>div:nth-child(1) {width:75%;} .sm_saup_pt>div:nth-child(2) {width:25%; text-align:right;} @media only screen and (max-width:496px){ .sm_saup_pt>div {width:100% !important; display:block; } .sm_saup_pt>div:nth-child(2) {margin-top:15px; text-align:center;} } /* 인증서 */ .sm_certi {list-style:none; width:90%; margin:0 auto; padding:0; overflow:hidden;} .sm_certi>li {float:left; width:calc(100%/3); margin-bottom:25px; padding:0; text-align:center;} .sm_certi>li>div {width:95%; margin:0 auto 10px auto; padding:20px 10px; border:#DDD 1px solid; border-radius:10px; box-shadow:1px 5px 5px -1px #e6e6e6; overflow:hidden;} .sm_certi>li>div>img {max-width:100%;} @media only screen and (max-width:496px){ .sm_certi>li {float:none; width:100%;} } /* 주요사업 소개 */ .sm_saup_top {width:100%; margin-bottom:30px; padding:25px 3%; border:#F3F3F3 6px solid; border-radius:20px; display:table; position:relative; overflow:hidden;} .sm_saup_top>div {display:table-cell; vertical-align:middle; overflow:hidden;} .sm_saup_top>div:nth-child(1) {width:33%;} .sm_saup_top>div:nth-child(2) {width:67%; padding-left:20px; font-size:28px; line-height:140%; letter-spacing:-1px; word-break:keep-all;} .sm_saup_top>div>h3 {font-size:48px; font-weight:bold; margin:0 0 15px 0;} .sm_saup_top>div>img {border-radius:10px;} .sm_saup_top>div>ul {margin-top:30px;} @media only screen and (max-width:496px){ .sm_saup_top {padding:20px 15px; display:block;} .sm_saup_top>div {display:block; vertical-align:top;} .sm_saup_top>div:nth-child(1) {width:100%; margin-bottom:20px; text-align:center;} .sm_saup_top>div:nth-child(2) {width:100%; padding-left:0; font-size:18px; word-break:normal;} .sm_saup_top>div>h3 {font-size:38px; text-align:center;} .sm_saup_top>div>ul {margin-top:15px;} } /* 사업소개 */ .sm_saup_text {margin-bottom:50px; padding:40px 55px; font-size:18px; line-height:140%;} .sm_saup_text>.text1 {display:block; margin:0 0 10px 0; font-size:34px; font-weight:bold; color:#084DAE;} .sm_saup_text>.text2 {display:block; margin:0 0 10px 0; font-size:22px; font-weight:bold;} .sm_saup_text>.text2>span {color:#084DAE;} .sm_saup_text>.text3 {font-weight:bold; color:#297DEC;} .sm_saup_text>.text4 {font-weight:bold; color:#F22423;} @media only screen and (max-width:496px){ .sm_saup_text {margin-bottom:30px; padding:25px 20px; font-size:16px; line-height:140%;} .sm_saup_text>.text1 {font-size:26px;} .sm_saup_text>.text2 {font-size:18px; margin-bottom:15px;} } /* 후원자원 문구 */ .sm_love_ddam {font-size:35px; letter-spacing:-1px; font-family:'nanumSquare'; line-height:130%; text-align:center; margin:30px 0 100px 0; overflow:hidden;} .sm_love_ddam>b {color:#EB722C; font-weight:normal;} .sm_love_ddam>div {margin-top:30px; font-size:20px; line-height:140%;} @media only screen and (max-width:496px){ .sm_love_ddam {font-size:22px; margin:20px 0 60px 0;} .sm_love_ddam>div {margin-top:20px; font-size:17px; line-height:130%;} .sm_love_ddam br {display:none;} } /* 후원자원 탑 */ .sm_huja_top {width:100%; margin-bottom:30px; padding:30px 3%; border:#F3F3F3 6px solid; border-radius:20px; display:table; position:relative; overflow:hidden;} .sm_huja_top>div {display:table-cell; vertical-align:middle; overflow:hidden;} .sm_huja_top>div:nth-child(1) {width:25%; text-align:center;} .sm_huja_top>div:nth-child(2) {width:75%; font-size:28px; line-height:130%; letter-spacing:-1px;} .sm_huja_top>div>h3 {font-size:38px; font-weight:bold; margin:0 0 15px 0;} @media only screen and (max-width:496px){ .sm_huja_top {padding:20px 15px; display:block;} .sm_huja_top>div {display:block; vertical-align:top;} .sm_huja_top>div:nth-child(1) {width:100%; margin-bottom:20px; text-align:center;} .sm_huja_top>div:nth-child(2) {width:100%; font-size:20px; word-break:normal;} .sm_huja_top>div>h3 {font-size:30px;} .sm_huja_top br {display:none;} } /* 자원봉사안내 - 소개말 */ .sm_ja_mt {width:100%; margin-bottom:70px; font-family:'nanumsquare'; position:relative; overflow:hidden;} .sm_ja_mt>div {float:left; overflow:hidden;} .sm_ja_mt>div:nth-child(1) {width:28.14%; text-align:center;} .sm_ja_mt>div:nth-child(2) {width:71.86%; padding-left:100px;} .sm_ja_mt>div>h3 {font-size:44px; font-weight:bold; line-height:130%; letter-spacing:-1px; margin-top:20px; margin-bottom:0;} .sm_ja_mt>div>p {font-size:26px; text-align:justify; letter-spacing:-1px; line-height:120%; margin-bottom:30px;} .sm_ja_mt>div>div {font-size:26px; text-align:left; line-height:130%; margin-top:60px;} @media only screen and (max-width:991px){ .sm_ja_mt>div:nth-child(2) {padding-left:50px;} .sm_ja_mt>div br {display:none;} } @media only screen and (max-width:496px){ .sm_ja_mt {margin-bottom:30px; background:none;} .sm_ja_mt>div {float:none; width:100% !important;} .sm_ja_mt>div:nth-child(1) {padding-bottom:30px;} .sm_ja_mt>div:nth-child(2) {padding-left:0;} .sm_ja_mt>div>h3 {font-size:24px;} .sm_ja_mt>div>h4 {font-size:21px;} .sm_ja_mt>div>p {font-size:17px;} .sm_ja_mt>div>div {font-size:17px; margin-top:30px;} .sm_ja_mt>div>div>img {margin:0 0 0 10px;} .sm_ja_mt>div br {display:none;} .sm_ja_mt>div:nth-child(1)>img {width:50%;} } /* 자원봉사 활동내용 */ .sm_jawon_icon {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_jawon_icon>li {float:left; width:25%; padding:15px 5px;} .sm_jawon_icon>li>div {min-height:270px; background:#F6F6F6; text-align:center; padding:30px 20px 20px 20px; overflow:hidden;} .sm_jawon_icon>li>div>img {margin-bottom:15px;} .sm_jawon_icon>li>div>b {display:block; font-weight:bold; font-size:30px; line-height:150%;} .sm_jawon_icon>li>div>p {display:block; font-size:16px; line-height:150%;} @media only screen and (max-width:496px){ .sm_jawon_icon>li {float:none; width:100%;} .sm_jawon_icon>li>div {height:auto; padding:0 10px;} } /* 자원봉사 참여방법 */ .sm_jawon_step {list-style:none; margin:0px; padding:0px; overflow:hidden;} .sm_jawon_step>li {float:left; width:24%; padding:0 30px 0 0; margin:0 0 10px 8px; background:url(../images/sm_step5.gif) right no-repeat; display:table;} .sm_jawon_step>li:last-child {background:none;} .sm_jawon_step>li>div {padding:20px 10px; text-align:center;} .sm_jawon_step>li>div>b {display:block; margin-top:10px; font-size:20px; line-height:140%;} .sm_jawon_step>li>div>p {display:block; font-size:16px; line-height:150%;} @media only screen and (max-width:496px){ .sm_jawon_step>li {float:none; width:100%; padding:0 0 30px 0; margin:0 0 10px 0; background:url(../images/sm_step6.gif) bottom no-repeat;} .sm_jawon_step>li>div {border:#dedede 1px solid;} } /* 자원봉사 신청방법 */ .sm_jawon_step2 {width:100%; list-style:none; margin:0px; padding:0px; display:table; table-layout:fixed; overflow:hidden;} .sm_jawon_step2>li {display:table-cell; text-align:center;} .sm_jawon_step2>li>div {padding:10px 20px;} .sm_jawon_step2>li>div>h3 {display:block; border-radius:15px 15px 0 0; margin:0; padding:7px 5px; font-size:24px; font-weight:bold; color:#FFF; line-height:140%;} .sm_jawon_step2>li:nth-child(1)>div>h3 {background:#FABF01;} .sm_jawon_step2>li:nth-child(2)>div>h3 {background:#41AEC5;} .sm_jawon_step2>li:nth-child(3)>div>h3 {background:#238AF1;} .sm_jawon_step2>li:nth-child(4)>div>h3 {background:#0258CA;} .sm_jawon_step2>li>div>p {display:block; min-height:130px; background:#FAFAFA; border-radius:0 0 15px 15px; padding:15px; font-size:18px; line-height:150%;} @media only screen and (max-width:496px){ .sm_jawon_step2>li {display:block; width:100%;} } /* 자원봉사 활동혜택 */ .sm_jawon_hyetaeg {list-style:none; width:100%; margin:0 auto; padding:0; overflow:hidden;} .sm_jawon_hyetaeg>li {float:none; width:100%; background:#F3F3F3; margin-bottom:15px; padding:20px; font-size:30px; font-family:'nanumsquare'; line-height:150%; text-align:center;} .sm_jawon_hyetaeg>li>span {color:#EE2978;} @media only screen and (max-width:496px){ .sm_jawon_hyetaeg {width:100%;} .sm_jawon_hyetaeg>li {padding:20px 5px; font-size:20px;} } /* 자원봉사 안내 */ .sm_jawon {overflow:hidden;} .sm_jawon>ul {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_jawon>ul>li {float:left; width:33%; margin-bottom:10px; text-align:center;} .sm_jawon>ul>li>h3 {margin:10px 0;} .sm_jawon>ol {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_jawon>ol>li {float:left; width:20%; margin:0 0 10px 0; padding:0; text-align:center;} .sm_jawon>ol>li>p {margin:10px 0; line-height:130%; height:50px;} @media only screen and (max-width:496px){ .sm_jawon>ul>li {float:none; width:100%; margin-bottom:25px;} .sm_jawon>ol>li {float:left; width:50%;} } /* 자원봉사 할 때 마음가짐 */ .sm_jawon_maum {padding:25px 30px; background:#FBFEF3; overflow:hidden;} .sm_jawon_maum>ol {list-style:none; margin:0; padding:0; background:#FBFFF2;} .sm_jawon_maum>ol>li {margin-bottom:15px; text-align:justify;} .sm_jawon_maum>ol>li>span {font-size:40px; font-weight:bold; padding-right:10px;} .sm_jawon_maum>ol>li:nth-child(1)>span {color:#FABF03;} .sm_jawon_maum>ol>li:nth-child(2)>span {color:#E85357;} .sm_jawon_maum>ol>li:nth-child(3)>span {color:#B26DBE;} .sm_jawon_maum>ol>li:nth-child(4)>span {color:#41B0C4;} .sm_jawon_maum>ol>li:nth-child(5)>span {color:#319EF0;} .sm_jawon_maum>ol>li:nth-child(6)>span {color:#197AE1;} .sm_jawon_maum>ol>li:nth-child(7)>span {color:#1948e1;} .sm_jawon_maum>ol>li:nth-child(8)>span {color:#6230e2;} /* 자원봉사 특징 */ .sm_jawon_point {list-style:none; width:100%; margin:0 auto; padding:0; overflow:hidden;} .sm_jawon_point>li {margin-bottom:25px; border:#e0e0e0 1px solid; padding:20px 15px 0 10px; overflow:hidden;} .sm_jawon_point>li>div {float:left; overflow:hidden;} .sm_jawon_point>li>div:nth-child(1) {width:10%; text-align:center;} .sm_jawon_point>li>div:nth-child(1)>img {width:60px;} .sm_jawon_point>li>div:nth-child(2) {width:90%; font-size:18px; line-height:170%; text-align:justify; margin-bottom:15px;} .sm_jawon_point>li>div:nth-child(2)>b {font-size:28px; line-height:120%; margin-bottom:10px; display:block;} @media only screen and (max-width:496px){ .sm_jawon_point {width:100%;} .sm_jawon_point>li {margin-bottom:15px;} .sm_jawon_point>li>div:nth-child(1) {width:20%; padding-right:10px;} .sm_jawon_point>li>div:nth-child(2) {width:80%; font-size:16px; line-height:150%;} .sm_jawon_point>li>div:nth-child(2)>b {font-size:24px;} } /* 후원 안내 */ .sm_hoowon {overflow:hidden;} .sm_hoowon>ul {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_hoowon>ul>li {float:left; width:25%; margin:0 0 10px 0; padding:0 20px; border-right:#CCCCCC 1px solid; text-align:center;} .sm_hoowon>ul>li:last-child {border-right:none;} .sm_hoowon>ul>li>p {font-size:17px; line-height:30px; margin-top:10px;} .sm_hoowon>ul>li>p>b {font-size:20px;} @media only screen and (max-width:496px){ .sm_hoowon>ul>li {float:left; width:50%; border:none;} } /* 후원방법 */ .sm_love_sup {width:100%; overflow:hidden;} .sm_love_sup>ul {list-style:none; margin:0px; padding:0px;} .sm_love_sup>ul>li {float:left; width:33.3%; margin:0px; padding:10px;} .sm_love_sup>ul>li>div {padding:30px 10px; border:#CCC 1px solid; border-radius:10px; text-align:center;} .sm_love_sup>ul>li>div>b {display:inline-block; margin-top:15px;} .sm_love_sup>ul>li>div>span {display:inline-block; margin-top:13px; padding:8px 30px; border-radius:50px; text-align:center; color:#FFF; background:#0066CC; cursor:pointer;} @media only screen and (max-width:496px){ .sm_love_sup>ul>li {float:none; width:100%; margin:0px; padding:10px;} } /* 후원종류 */ .sm_hoo {width:90%; margin:0 auto; overflow:hidden;} .sm_hoo>div {margin-bottom:30px; padding-bottom:30px; border-bottom:#CCCCCC 1px solid; overflow:hidden;} .sm_hoo>div>div:first-child {float:left; width:30%; padding:0 10px; text-align:center;} .sm_hoo>div>div:first-child>div {width:250px; height:250px; border:#0066CC 20px solid; border-radius:250px; text-align:center; font-size:36px; font-weight:bold; line-height:100%; display:table-cell; vertical-align:middle;} .sm_hoo>div>div:last-child {float:left; width:70%;} .sm_hoo>div>div:last-child>h4 {font-weight:bold; color:#0066CC; font-size:24px; margin-bottom:0; padding-bottom:0;} .sm_hoo>div>div:last-child>p {margin-bottom:20px; font-size:18px;} .sm_hoo>div>div:last-child>a {padding:5px 20px; background:#336699; border-radius:20px; color:#FFFFFF;} .sm_hoo>div:last-child>div:first-child>div {border:#339966 20px solid;} .sm_hoo>div:last-child>div:last-child>a {background:#009966;} @media only screen and (max-width:496px){ .sm_hoo {width:100%;} .sm_hoo>div>div:first-child {float:none; width:100%; padding:0; margin-bottom:20px;} .sm_hoo>div>div:last-child {float:none; width:100%;} .sm_hoo>div>div:first-child>div {width:auto; height:auto; padding:15px 10px; border-radius:0; text-align:center; font-size:36px; font-weight:bold; line-height:100%; display:block;} } /* 후원내용 */ .sm_hoowon_icon {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_hoowon_icon>li {float:left; width:25%; padding:15px 5px;} .sm_hoowon_icon>li>div {min-height:270px; text-align:center; padding:30px 20px 20px 20px; overflow:hidden;} .sm_hoowon_icon>li>div>img {margin-bottom:15px;} .sm_hoowon_icon>li>div>b {display:block; font-weight:bold; font-size:30px; line-height:130%; margin-bottom:10px;} .sm_hoowon_icon>li>div>p {display:block; font-size:16px; line-height:150%;} @media only screen and (max-width:496px){ .sm_hoowon_icon>li {width:50%;} .sm_hoowon_icon>li>div {height:auto; padding:0 10px;} .sm_hoowon_icon>li>div>p>br {display:none;} } /* 후원종류 */ .sm_hoowon_jong {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_hoowon_jong>li {float:left; width:50%; min-height:170px; overflow:hidden;} .sm_hoowon_jong>li:nth-child(odd) {padding-right:25px;} .sm_hoowon_jong>li:nth-child(even) {padding-left:25px;} .sm_hoowon_jong>li>div {float:left; overflow:hidden;} .sm_hoowon_jong>li>div:nth-child(1) {width:30%;} .sm_hoowon_jong>li>div:nth-child(1)>img {width:80%; border-radius:10px;} .sm_hoowon_jong>li>div:nth-child(2) {width:70%; line-height:150%;} .sm_hoowon_jong>li>div:nth-child(2)>h3 {margin:10px 0 10px 0;} @media only screen and (max-width:496px){ .sm_hoowon_jong>li {float:none; width:100%; padding:0 !important; min-height:inherit; margin-bottom:30px;} .sm_hoowon_jong>li>div {float:left; overflow:hidden;} .sm_hoowon_jong>li>div:nth-child(1) {width:30%;} .sm_hoowon_jong>li>div:nth-child(1)>img {width:80%; border-radius:10px;} .sm_hoowon_jong>li>div:nth-child(2) {width:70%; font-size:17px;} .sm_hoowon_jong>li>div:nth-child(2)>h3 {margin:0 0 10px 0; font-size:20px;} } /* 후원방법 */ .sm_hoowon_bang {list-style:none; margin:0; padding:0; overflow:hidden;} .sm_hoowon_bang>li {float:left; width:50%; margin-bottom:35px; overflow:hidden;} .sm_hoowon_bang>li:nth-child(odd) {padding-right:25px;} .sm_hoowon_bang>li:nth-child(even) {padding-left:25px;} .sm_hoowon_bang>li>div {float:left; overflow:hidden;} .sm_hoowon_bang>li>div:nth-child(1) {width:30%;} .sm_hoowon_bang>li>div:nth-child(1)>img {width:80%; border-radius:10px;} .sm_hoowon_bang>li>div:nth-child(2) {width:70%; line-height:140%; font-size:19px; letter-spacing:-1px;} .sm_hoowon_bang>li>div:nth-child(2)>h3 {margin:10px 0 10px 0;} @media only screen and (max-width:496px){ .sm_hoowon_bang>li {float:none; width:100%; padding:0 !important; min-height:inherit; margin-bottom:30px;} .sm_hoowon_bang>li>div {float:left; overflow:hidden;} .sm_hoowon_bang>li>div:nth-child(1) {width:30%;} .sm_hoowon_bang>li>div:nth-child(1)>img {width:80%; border-radius:10px;} .sm_hoowon_bang>li>div:nth-child(2) {width:70%; font-size:17px;} .sm_hoowon_bang>li>div:nth-child(2)>h3 {margin:0 0 10px 0; font-size:20px;} } /* 후원방법 */ .sm_love_bang {list-style:none; margin:0px; padding:0px; overflow:hidden;} .sm_love_bang>li {float:left; width:33.33%; margin-bottom:20px; padding:0 10px; border-right:#D9D9D9 1px solid;} .sm_love_bang>li:last-child {border-right:none;} .sm_love_bang>li>div {padding:50px 10px; text-align:center; overflow:hidden;} .sm_love_bang>li>div>img {margin-bottom:10px;} .sm_love_bang>li>div>h3 {font-size:28px; font-family:'nanumsquare'; display:block;} .sm_love_bang>li>div>a {display:inline-block; padding:5px 30px; background:#139655; border-radius:100px; color:#FFF !important; } @media only screen and (max-width:496px){ .sm_love_bang>li {float:none; width:100%; margin-bottom:20px; padding:0 10px; border-right:none;} .sm_love_bang>li>div {padding:10px 10px; border:#D9D9D9 1px solid;} } /* 후원계좌 */ .sm_love_bank {list-style:none; margin:0px; padding:0px; overflow:hidden;} .sm_love_bank>li {float:left; width:33.33%; margin-bottom:20px; padding:0 10px; border-right:#D9D9D9 1px solid;} .sm_love_bank>li:last-child {border-right:none;} .sm_love_bank>li>div {padding:100px 20px; text-align:center; overflow:hidden;} .sm_love_bank>li>div>img {margin-bottom:10px;} .sm_love_bank>li>div>b {font-size:24px; font-family:'nanumsquare'; display:block;} @media only screen and (max-width:496px){ .sm_love_bank>li {float:none; width:100%; margin-bottom:20px; padding:0 10px; border-right:none;} .sm_love_bank>li>div {padding:50px 10px; border:#D9D9D9 1px solid;} } /* 후원문의 */ .sm_love_hoo_moon {font-size:32px; line-height:150%;} @media only screen and (max-width:496px){ .sm_love_hoo_moon {font-size:22px;} } /* 신청버튼 */ .sm_love_btn {overflow:hidden; text-align:center;} .sm_love_btn a {background:#EE2978; border-radius:100px; display:inline-block; margin-bottom:10px; padding:10px 50px 12px 50px; font-size:22px; font-weight:bold; color:#fff;} .sm_love_btn a:link {color:#fff;} .sm_love_btn a:visited {color:#fff;} .sm_love_btn a:active {color:#fff;} .sm_love_btn a:hover {background:#990000;} @media only screen and (max-width:496px){ .sm_love_btn a {padding:10px 30px; font-size:18px; letter-spacing:-1px;} } /* 신청, 조회 버튼 */ .sm_love_link {width:100%; margin-bottom:60px; text-align:center; overflow:hidden;} .sm_love_link>a {width:350px; display:inline-block; border-radius:20px 0; margin:0 20px 20px 20px; padding:30px 15px; font-size:24px; font-family:'nanumsquare'; color:#FFF;} .sm_love_link>a:nth-child(1) {background:#EE2978;} .sm_love_link>a:nth-child(1):hover {background:#B21F5A} .sm_love_link>a:nth-child(2) {background:#838383;} .sm_love_link>a:nth-child(2):hover {background:#626262} .sm_love_link>a>b {display:block; font-size:36px;} @media only screen and (max-width:496px){ .sm_love_link>a {width:100%; margin:0 0 20px 0;} } /* 대관대여 */ .sm_rental {width:100%; overflow:hidden;} .sm_rental>div {float:left; width:45%; min-height:195px; overflow:hidden;} .sm_rental>div:nth-child(2) {width:10%; text-align:center; background:url(../images/sm_step5.gif) no-repeat center;} .sm_rental>div>h3 {width:100px; display:inline-block; margin:0; padding:5px; background:#06C; border-radius:10px 10px 0 0; color:#FFF; text-align:center; font-size:20px; } .sm_rental>div>div {min-height:165px; background:#f5f5f5; border-radius:0 10px 10px 10px; padding:20px; overflow:hidden;} @media only screen and (max-width:496px){ .sm_rental>div {float:none; width:100% !important; min-height:inherit;} .sm_rental>div:nth-child(2) {padding:10px; background:url(../images/sm_step6.gif) no-repeat center;} .sm_rental>div>div {min-height:inherit;} } /* 협력기관 */ .sm_family {width:100%; overflow:hidden;} .sm_family>ul {list-style:none; margin:0px; padding:0px;} .sm_family>ul>li {float:left; width:25%; padding:10px; display:table;} .sm_family>ul>li>div {height:100px; padding:0px 10px; border:#CCCCCC 1px solid; border-left:#2757A9 2px solid; text-align:center; letter-spacing:-0.5px; display:table-cell; vertical-align:middle;} @media only screen and (max-width:496px){ .sm_family>ul>li {float:left; width:50%;} .sm_family>ul>li>div {height:80px; font-size:14px; line-height:20px;} } /* 권익옹호 절차 */ .sm_ongho_step {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_ongho_step>li {float:left; width:190px; min-height:200px; padding:0; margin:0 10px 10px 0; display:table;} .sm_ongho_step>li:last-child {margin:0 0 10px 0;} .sm_ongho_step>li>div {border-radius:10px; background: #F5F5F5; text-align:center; font-size:22px; font-weight:bold; line-height:130%; padding:10px 10px; overflow:hidden;} .sm_ongho_step>li>div>h3 {font-size:20px; font-weight:bold; font-style:italic; margin:10px 0;} .sm_ongho_step>li>div>h4 {font-size:24px; font-weight:bold; margin:15px 0;} .sm_ongho_step>li>p {display:block; margin-top:10px; font-size:15.5px; letter-spacing:-1px; text-align:center; overflow:hidden;} @media only screen and (max-width:496px){ .sm_ongho_step>li {float:none; width:100%; height:auto; margin:0 0 10px 0;} .sm_ongho_step>li>div {font-size:18px;} } /* 이용방법 */ .sm_iyong_step {list-style:none; padding:0; margin:10px auto 20px auto; overflow:hidden;} .sm_iyong_step>li {float:left; width:190px; height:130px; padding:0; margin:0 10px 10px 0; display:table;} .sm_iyong_step>li:last-child {margin:0 0 10px 0;} .sm_iyong_step>li>div {border-radius:10px; background: #F5F5F5; text-align:center; font-size:22px; font-weight:bold; line-height:130%; padding:10px 10px; display:table-cell; vertical-align:middle;} .sm_iyong_step>li>div>b {display:block; margin-top:10px;} @media only screen and (max-width:496px){ .sm_iyong_step>li {float:none; width:100%; height:auto; margin:0 0 10px 0;} .sm_iyong_step>li>div {font-size:18px;} } /* 이용방법2 */ .sm_iyong_step2 {border:#CCCCCC 1px solid; padding:20px; margin:10px auto 20px auto; overflow:hidden;} .sm_iyong_step2>li {margin-left:30px; font-size:18px; letter-spacing:-1px;} @media only screen and (max-width:496px){ .sm_iyong_step2>li {margin-left:15px; margin-bottom:10px; text-align:justify; font-size:16px; line-height:160%;} } /* 이용방법3 */ .sm_iyong_step3 {list-style:none; padding:0; margin:0; overflow:hidden;} .sm_iyong_step3>li {margin-bottom:10px; letter-spacing:-1px;} @media only screen and (max-width:496px){ .sm_iyong_step3>li {text-align:justify; font-size:18px; line-height:160%;} } /*********************************************************************************************************************************************/ /*****************************************************************/ /* 테이블 */ /*****************************************************************/ /* 일반 테이블-----------------------------------------------------------*/ .sm_table-normal { margin-top: 0px; margin-bottom: 10px; } .sm_table-normal>table { table-layout:fixed; } /* 반은형 테이블-----------------------------------------------------------*/ .sm_table-responsive { min-height: .01%; overflow-x: auto; margin-top: 0px; margin-bottom: 10px; } /* 테이블-----------------------------------------------------------*/ .sm_table { width: 100%; max-width: 100%; font-size:18px; color: #333333; line-height:140%; border-top: 1px solid #A17155; border-bottom: 1px solid #cccccc; border-left:#FFFFFF 2px solid; border-right:#FFFFFF 2px solid; } .sm_tleft > tbody > tr > td:last-child { text-align:left; } .sm_table > thead > tr > th, .sm_table > tbody > tr > th, .sm_table > tfoot > tr > th, .sm_table > thead > tr > td, .sm_table > tbody > tr > td, .sm_table > tfoot > tr > td { padding: 15px 15px; vertical-align: middle; } .sm_table > thead > tr > th { background-color: #FFF5E7; border-left: 1px solid #A17155; border-right: 1px solid #A17155; border-bottom: 1px solid #A17155; text-align:center; } .sm_table > thead > tr > td { background-color: #FBFBFB; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #AAA; text-align:center; } .sm_table > tbody > tr > th { background-color: #FBFBFB; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left:10px; padding-right:10px; text-align:center; } .sm_table > tbody > tr > td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #FFFFFF; } .sm_table > tfoot > tr > th { background-color: #FBFBFB; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left:10px; padding-right:10px; text-align:center; } .sm_table > tfoot > tr > td { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #FAFAFA; font-weight:bold; } .sm_table > tbody + tbody { border-top: 2px solid #ddd; } .sm_table .sm_table { background-color: #fff; } .sm_table_cmt { font-size:16px; line-height:140%; margin-bottom:5px; } .sm_table_dan { font-size:14px; text-align:right; line-height:120%; margin-bottom:5px; } .sm_table ul {list-style:none; margin:0; padding-left:5px;} .sm_table ul>li {background:url(../images/list_icon_01.png) no-repeat 0 10px; padding-left:20px;margin-bottom:2px; text-align:left;} .sm_table ul>li>ul {list-style:none; margin:0; padding-left:0px;} .sm_table ul>li>ul>li {background:url(../images/icon_21.gif) no-repeat 0 10px; padding-left:13px; margin-bottom:2px; text-align:left;} .sm_table img {max-width:100%;} @media screen and (max-width: 767px) { .sm_table-normal { width: 100%; margin-bottom: 15px; } .sm_table-normal > .sm_table { margin-bottom: 0; border:0px; } .sm_table-normal > .sm_table > thead > tr > th, .sm_table-normal > .sm_table > tbody > tr > th, .sm_table-normal > .sm_table > tfoot > tr > th, .sm_table-normal > .sm_table > thead > tr > td, .sm_table-normal > .sm_table > tbody > tr > td, .sm_table-normal > .sm_table > tfoot > tr > td { border: 1px solid #ddd; } .sm_table-normal > .sm_table { border: 0; } } @media screen and (max-width: 767px) { .sm_table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .sm_table-responsive > .sm_table { margin-bottom: 0; border:0px; } .sm_table-responsive > .sm_table > thead > tr > th, .sm_table-responsive > .sm_table > tbody > tr > th, .sm_table-responsive > .sm_table > tfoot > tr > th, .sm_table-responsive > .sm_table > thead > tr > td, .sm_table-responsive > .sm_table > tbody > tr > td, .sm_table-responsive > .sm_table > tfoot > tr > td { white-space: nowrap; border: 1px solid #ddd; padding-left:5px; padding-right:5px; } .sm_table-responsive > .sm_table { border: 0; } } @media screen and (max-width: 496px) { .sm_table { font-size:14px; line-height:130%; } .sm_table > thead > tr > th, .sm_table > tbody > tr > th, .sm_table > tfoot > tr > th, .sm_table > thead > tr > td, .sm_table > tbody > tr > td, .sm_table > tfoot > tr > td { padding: 8px 2px; } .sm_table_cmt { font-size:14px; } .sm_table ul {padding-left:2px;} .sm_table ul>li {background:url(../images/list_icon_01.png) no-repeat 0 5px; padding-left:15px;margin-bottom:2px; text-align:left;} .sm_table ul>li>ul>li {background:url(../images/icon_21.gif) no-repeat 0 5px; padding-left:10px; margin-bottom:2px; text-align:left;} } table caption { font: 0px/0 Arial; height: 0; margin: 0; overflow: hidden; padding: 0; width: 0; } /* 테이블 조직팀-----------------------------------------------------------*/ .sm_table_zozic { width: 100%; max-width: 100%; font-size:15px; color:#333333; border-top: 2px solid #38a2ea; border-left:#FFFFFF 2px solid; border-right:#FFFFFF 2px solid; } .sm_table_zozic > thead > tr > th, .sm_table_zozic > tbody > tr > th, .sm_table_zozic > tfoot > tr > th, .sm_table_zozic > thead > tr > td, .sm_table_zozic > tbody > tr > td, .sm_table_zozic > tfoot > tr > td { padding: 3px 10px; vertical-align: middle; word-wrap: break-word; text-align:center; } .sm_table_zozic > thead > tr > th { white-space:nowrap; background-color: #F9F9F9; border-left: 1px solid #eee; border-bottom: 1px solid #AAA; font-size:16px; text-align:center; } .sm_table_zozic > tbody > tr > th { line-height:22px; border-left: 1px solid #eee; border-bottom: 1px solid #ddd; padding-left:20px; padding-right:20px; white-space: normal; text-align:center; font-weight:normal; } .sm_table_zozic > tbody > tr > td { border-bottom: 1px solid #ddd; border-left: 1px solid #eee; border-right: 1px solid #eee; } .sm_table_zozic > tbody + tbody { border-top: 2px solid #ddd; } .sm_table_zozic ul { padding-left:20px; } @media screen and (max-width: 767px) { .sm_table_zozic-normal { width: 100%; margin-bottom: 15px; } .sm_table_zozic-normal > .sm_table_zozic { margin-bottom: 0; border:0px; } .sm_table_zozic-normal > .sm_table_zozic > thead > tr > th, .sm_table_zozic-normal > .sm_table_zozic > tbody > tr > th, .sm_table_zozic-normal > .sm_table_zozic > tfoot > tr > th, .sm_table_zozic-normal > .sm_table_zozic > thead > tr > td, .sm_table_zozic-normal > .sm_table_zozic > tbody > tr > td, .sm_table_zozic-normal > .sm_table_zozic > tfoot > tr > td { border: 1px solid #ddd; } .sm_table_zozic-normal > .sm_table_zozic { border: 0; } } /* 테이블 연혁-----------------------------------------------------------*/ .sm_history {margin-top:20px; overflow:hidden;} .sm_history>div:first-child {float:left; width:25%; text-align:center;} .sm_history>div:last-child {float:left; width:75%;} @media screen and (max-width: 767px) { .sm_history>div:first-child {float:none; width:100%; text-align:center; margin:20px 0;} .sm_history>div:last-child {float:none; width:100%;} } .sm_table_history { width: 100%; max-width: 100%; font-size:16px; line-height:130%; border-top:1px solid #A17155; border-left:#FFFFFF 2px solid; border-right:#FFFFFF 2px solid; } .sm_table_history > thead > tr > th, .sm_table_history > tbody > tr > th, .sm_table_history > tfoot > tr > th, .sm_table_history > thead > tr > td, .sm_table_history > tbody > tr > td, .sm_table_history > tfoot > tr > td { padding: 15px 10px; vertical-align: middle; word-wrap: break-word; text-align: left; } .sm_table_history > thead > tr > th { white-space:nowrap; background-color:#fff; border-bottom: 1px solid #AAA; font-size:16px; text-align:center; } .sm_table_history > tbody > tr > th { font-size:24px; font-weight:bold; letter-spacing:-1px; text-align:center; vertical-align:middle; border-bottom:1px dashed #ddd; } .sm_table_history > tbody > tr > td { color:#A17155; text-align:center; vertical-align:middle; padding-left:10px; border-bottom: 1px dashed #ddd; } .sm_table_history > tbody > tr > td:last-child { color:#333333; text-align:left; } .sm_table_history > tbody > tr:nth-child(odd) > td { background:#FAFAFA; } .sm_table_history > tbody > tr > td > ul { list-style:none; margin:0; padding:0; } .sm_table_history > tbody > tr > td i { font-style:normal; font-weight:bold; color:#FFF; background:#3E9680; border-radius:5px; padding:2px 5px 3px 5px; margin-right:10px; } .sm_table_history > tbody > tr:nth-child(even) > td i { background:#E9781E; } .sm_table_history > tbody > tr > td > i.his_01 {background:#6827FF;} .sm_table_history > tbody > tr > td > i.his_02 {background:#0094F2;} .sm_table_history > tbody > tr > td > i.his_03 {background:#0EA54A;} @media screen and (max-width: 767px) { .sm_table_history-normal { width: 100%; margin-bottom: 15px; } .sm_table_history-normal > .sm_table_history { margin-bottom: 0; border:0px; } .sm_table_history-normal > .sm_table_history > thead > tr > th, .sm_table_history-normal > .sm_table_history > tbody > tr > th, .sm_table_history-normal > .sm_table_history > tfoot > tr > th, .sm_table_history-normal > .sm_table_history > thead > tr > td, .sm_table_history-normal > .sm_table_history > tbody > tr > td, .sm_table_history-normal > .sm_table_history > tfoot > tr > td { border: 1px solid #ddd; } .sm_table_history-normal > .sm_table_history { border: 0; } } @media screen and (max-width: 496px) { .sm_table_history > tbody > tr > th { font-size:15px; } .sm_table_history > tbody > tr > td { font-size:15px; white-space:nowrap; } .sm_table_history > tbody > tr > td:last-child { padding-left:20px; white-space:normal; } } @media screen and (max-width: 767px) { .sm_table_history-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .sm_table_history-responsive > .sm_table_history { margin-bottom: 0; border:0px; } .sm_table_history-responsive > .sm_table_history > thead > tr > th, .sm_table_history-responsive > .sm_table_history > tbody > tr > th, .sm_table_history-responsive > .sm_table_history > tfoot > tr > th, .sm_table_history-responsive > .sm_table_history > thead > tr > td, .sm_table_history-responsive > .sm_table_history > tbody > tr > td, .sm_table_history-responsive > .sm_table_history > tfoot > tr > td { white-space: nowrap; border: 1px solid #ddd; } .sm_table_history-responsive > .sm_table_history { border: 0; } }