/*****************************************************************/ /*****************************************************************/ /*** 아래는 페이지 내용영역 CSS 입니다. **************************/ /*****************************************************************/ /*****************************************************************/ /*****************************************************************/ /* 내용 타이틀 */ /*****************************************************************/ .title_tea {background:url(../images/icon_01.png) 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_11.png) 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:'Pretendard'; 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:'Pretendard'; color:#333333; text-align:center; overflow:hidden;} @media only screen and (max-width:496px){ .title_tea {background:url(../images/icon_01.png) no-repeat 0 2px; font-size:20px;} .title_tea2 {background:url(../images/icon_11.png) 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: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:'Pretendard'; 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 {border-radius:0; padding:15px 15px; margin:10px 0px 40px 0px; 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:17px;} } /*****************************************************************/ /* 내용 꾸미기 */ /*****************************************************************/ /* .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_dot {list-style:none; margin:0; padding-left:5px;} .list_dot>li {padding-left:20px; margin-bottom:2px; font-size:21px; line-height:150%;} .list_dot>li:before {content:""; background-color:#CCC; display:inline-block; width:13px; height:13px; border-radius:50%; margin:0 10px 0 -25px;} .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 {padding-left:15px; font-size:17px;} .list_dot>li:before {width:13px; height:13px; margin:0 5px 0 -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:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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_ceo {width:100%; margin-bottom:30px; 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:10px;} .sm_ceo>div>h3 {font-size:48px; font-weight:700; color:#0A97DB; line-height:120%; letter-spacing:-1px; margin:0px 0 10px 0;} .sm_ceo>div>h4 {font-size:30px; font-weight:400; color:#7494A3; line-height:120%; letter-spacing:-1px; margin:0px 0 30px 0;} .sm_ceo>div>p {font-size:24px; font-weight:300; color:#444; 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 {text-align:justify;} .sm_ceo>div {float:none; width:100% !important; padding-left:0 !important;} .sm_ceo>div:nth-child(1) {margin-bottom:30px;} .sm_ceo>div>h3 {font-size:21px;} .sm_ceo>div>h4 {font-size:18px;} .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 img {max-width:100%;} } /* 회장프로필 */ .sm_ceo_profie {width:100%; margin-bottom:30px; position:relative; overflow:hidden;} .sm_ceo_profie>div {float:left; overflow:hidden;} .sm_ceo_profie>div:nth-child(1) {width:35%; text-align:center;} .sm_ceo_profie>div:nth-child(2) {width:65%; padding-left:10px;} .sm_ceo_profie>div>h3 {margin:0px 0 20px 0;} .sm_ceo_profie>div>.history {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; position:relative;} .sm_ceo_profie>div>.history>div {width:48%; margin-bottom:20px;} .sm_ceo_profie>div>.history>div:first-child {margin-right:52%;} .sm_ceo_profie>div>.history>div>h4 {padding:5px; background:#09AEEA; border-radius:10px; text-align:center; font-size:25px; color:#FFF;} .sm_ceo_profie>div>.history>div>ul {list-style:none; width:100%; margin:0; padding:10px 15px; overflow:hidden;} .sm_ceo_profie>div>.history>div>ul>li {font-size:22px; color:#555; line-height:1.6;} @media only screen and (max-width:496px){ .sm_ceo_profie {text-align:justify;} .sm_ceo_profie>div {float:none; width:100% !important; padding-left:0 !important;} .sm_ceo_profie>div:nth-child(1) {margin-bottom:30px;} .sm_ceo_profie>div>.history>div {width:100%; margin-bottom:20px;} .sm_ceo_profie>div>.history>div:first-child {margin-right:0;} .sm_ceo_profie>div>.history>div>h4 {border-radius:0; font-size:22px;} .sm_ceo_profie>div>.history>div>ul {padding:5px 0px;} .sm_ceo_profie>div>.history>div>ul>li {font-size:17px;} } /* 번호있는 소개 */ .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;} } /* CI_kappd */ .sm_ci_kappd {width:100%; position:relative; overflow:hidden;} .sm_ci_kappd>div {width:100%; margin-bottom:55px; text-align:center; overflow:hidden;} .sm_ci_kappd>div.con {padding:4% 4%; background:#FFF; border-radius:30px; text-align:left; font-size:25px; line-height:1.3; word-break:keep-all;} .sm_ci_kappd>div.dl {padding-top:55px; border-top:#C1C1C1 1px solid;} .sm_ci_kappd>div.dl>a {font-size:35px; color:#FFF; line-height:1; background:#097ACD; border-radius:25px; padding:30px 55px; display:inline-block;} .sm_ci_kappd>div.dl>a:hover {background:#ACA1FF;} @media only screen and (max-width:496px){ .sm_ci_kappd>div {margin-bottom:30px;} .sm_ci_kappd>div.con {padding:15px; border-radius:0; text-align: justify; font-size:18px; word-break:break-all;} .sm_ci_kappd>div.dl {padding-top:30px; border-top:#C1C1C1 1px solid;} .sm_ci_kappd>div.dl>a {font-size:22px;} } /* 법인설립 */ .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:48%; text-align:right;} .sm_bubin>div:nth-child(2) {width:52%; padding:10px 35px 0 0; font-size:24px; line-height:160%; font-family:'Pretendard';} .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_hoehun {max-width:1200px; margin:0 auto 60px auto; display:flex; flex-wrap:wrap; justify-content:space-evenly; position:relative; overflow:hidden;} .sm_hoehun>div {width:400px; margin-bottom:25px; padding:15px; background:#FFF; border-radius:10px; border:#CCC 1px solid; border-top:#00338A 2px solid;} .sm_hoehun>div>h3 {font-size:30px; font-weight:bold; text-align:center; margin:0 0 10px 0; padding-bottom:10px; border-bottom:#CCC 1px dashed;} .sm_hoehun>div>ul {list-style:none; margin:0; padding:0; text-align:center; overflow:hidden;} .sm_hoehun>div>ul>li {font-size:20px; line-height:2;} @media only screen and (max-width:496px){ .sm_hoehun {margin:0 auto 30px auto;} .sm_hoehun>div {width:100%; padding:10px; border-radius:0;} .sm_hoehun>div>h3 {font-size:24px;} .sm_hoehun>div>ul>li {font-size:17px; line-height:1.4;} } /* 시설보기 */ .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:'Pretendard'; 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:'Pretendard'; 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_zozic_partner {width:100%; overflow:hidden;} .sm_zozic_partner>div {margin-bottom:20px; padding:20px 20px 20px 7%; border-radius:10px; background:#FFF; display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden;} .sm_zozic_partner>div:nth-child(1) {border:#66CCFF 1px solid;} .sm_zozic_partner>div:nth-child(2) {border:#FF9999 1px solid;} .sm_zozic_partner>div:nth-child(3) {border:#FFCC33 1px solid;} .sm_zozic_partner>div:nth-child(4) {border:#99CC00 1px solid;} .sm_zozic_partner>div>div {width:30%;} @media only screen and (max-width:496px){ .sm_zozic_partner>div>div {width:100%;} } /* 연혁 */ .sm_his {background:url(../images/line.png) 50.2% 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; font-size:19px; color:#888;} .sm_his>div>div:last-child dd>b {width:50px; display:inline-block; margin-right:5px; color:#222; font-weight:500;} @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; font-size:20px;} .sm_his>div>div:last-child dd {padding-left:0; margin-bottom:5px; font-size:17px;} } /* 연혁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;} } /* 연혁4 */ .sm_his4 {width:100%; overflow:hidden;} .sm_his4 .year_group {display:flex; justify-content:space-between; margin-bottom:5%;} .sm_his4 .his_year {width:20%;} .sm_his4 .his_year strong {font-size:40px; color:#64b259; position:relative; display:inline-flex; align-items:center;} .sm_his4 .his_year strong:before {content:""; position:absolute; background-color:#DDD; width:100%; height:1px; left:100%; top:50%; transform:translate(0%, -50%); z-index:0;} .sm_his4 .his_year strong:after {content:""; background-color:#64b259; border:5px solid #E8F4E6; display:inline-block; width:20px; height:20px; border-radius:50%; margin-left:3.5rem;} .sm_his4 .his_box {width:80%; padding:0 2rem; border:1px solid #ddd; border-radius:1rem; background-color:#fff; z-index:1;} .sm_his4 .mon_group {margin:2rem 0;} .sm_his4 .mon_group .month {color:#64b259; font-size:22px; font-weight:500; padding-bottom:.5rem; padding-left:.5rem;} .sm_his4 .his_list {padding:1.5rem 3rem; background-color:#F9F9F9; border-radius:1rem; margin:0; list-style:none; font-weight:400;} .sm_his4 .his_list li {display:flex; margin:1rem 0; font-size:1.8rem;} .sm_his4 .his_list li span {width:6%; display:block; font-weight:500;} .sm_his4 .his_list .list_txt {width:88%; word-break:keep-all;} @media all and (max-width:991px) { .sm_his4 .his_box {padding:1rem; width:100%;} .sm_his4 .mon_group {margin:1.5rem 0;} .sm_his4 .mon_group:first-child {margin-top:1rem} .sm_his4 .year_group {display:flex; flex-wrap:wrap;} .sm_his4 .his_year {width:100%;} .sm_his4 .his_year strong {display:inline-flex; flex-direction:row-reverse;} .sm_his4 .his_year strong:before {display:none} .sm_his4 .his_year strong:after {margin-left:0;margin-right:1rem;} .sm_his4 .his_list {padding:1rem} .sm_his4 .his_list li span {width:11%;} .sm_his4 .his_list .list_txt {width:80%} } @media all and (max-width:767px) { .sm_his4 .his_year strong {font-size:8vw} .sm_his4 .mon_group .month {font-size:6vw} .sm_his4 .his_list li {flex-wrap:wrap;} .sm_his4 .his_list li span, .his_list .list_txt {width:100%} } /* 이용안내 */ .sm_iyong {overflow:hidden;} .sm_iyong .li3 {list-style:none; margin:0; padding:0; display:flex;} .sm_iyong .li3 li {width:33.33%; border-right:1px dashed #ddd;} .sm_iyong .li3 li:last-child {border-right:unset;} .sm_iyong .li3 li dl {margin:0; padding:0 2.5rem;} .sm_iyong .li3 li dt {font-size:20px; font-weight:600; margin-bottom:1rem;} .sm_iyong .li3 li dd + dd {margin-top:.5rem;} .sm_iyong .box_p {margin:2.5rem 1.5rem 0; padding:.5rem; text-align:center; color:#fff; background-color:#fc8055; border-radius:.5rem;} /* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1023px)*/ @media all and (max-width:1023px) { .sm_iyong .top_box {padding: 2rem 1rem;} .sm_iyong .li3 {flex-wrap:wrap;gap: 1rem 0;} .sm_iyong .li3 li {width: 50%;} .sm_iyong .li3 li:nth-child(2) {border-right:unset;} .sm_iyong .li3 li:last-child {width:100%; border-top:1px dashed #ddd;padding: 1rem 0;} .sm_iyong .li3 li dl {padding: 0 2rem;word-break:keep-all} .sm_iyong .box_p {margin-top:1rem} } /* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ @media all and (max-width:767px) { .sm_iyong .top_box {padding: 2rem 0;} .sm_iyong .li3 {margin: 0 1.5rem;gap: 0;} .sm_iyong .li3 li {width: 100%;border-right: none;border-top: 1px dashed #ddd;padding: 1rem 0;} .sm_iyong .li3 li:first-child {border-top:unset; padding-top:0} .sm_iyong .li3 li dl {padding: 0;} .sm_iyong .li3 li dd span{padding-right: 5px;} .sm_iyong .box_p {word-break:keep-all;margin: 0 1rem;} } /* 이용절차 */ .sm_iyong_step {display:flex;justify-content:space-between;width: 100%;flex-wrap: wrap; list-style:none; margin:0; padding:5px;} .sm_iyong_step li {width: 17%; text-align: center;} .sm_iyong_step .icon {position: relative;background-color:#fff;width: 100%;/* margin: 0 auto; */padding: 2rem .5rem;border-radius: 1rem; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.06); -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.06); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.06);} .sm_iyong_step .icon:after {content:"";background-image:url(../images/arrow_right.png);position:absolute;right:0;top:50%;width: 8px;height: 14px;background-repeat: no-repeat;background-size: contain;transform: translateY(-50%);margin-right: -3.2rem;} .sm_iyong_step li:last-child .icon:after {display:none;} .sm_iyong_step .title {font-weight: 500;padding-top:1rem;word-break: keep-all;line-height: 1.3;} .sm_iyong_step .txt {margin-top:1.7rem;word-break: keep-all; font-size:1.7rem; line-height:1.4;} /* 상담 및 이용문의 */ .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;} } /* 오시는길 */ .sm_address {width:100%; display:flex; align-items:center; padding:3rem 3rem; background-color:#FFF; border:1px solid #ddd; border-radius:0 0 1rem 1rem; justify-content:space-between;} .sm_address ul {width:84%; display:flex; flex-wrap:wrap; margin:0; padding:0; border-right:1px dashed #ddd;} .sm_address ul li {width:32%; display:flex; align-items:center; font-weight:300;} .sm_address ul li:first-child {width:100%; margin-bottom:2rem;} .sm_address ul li span {font-weight:500; margin-right:1rem; display:flex; align-items:center; width:130px;} .sm_address ul li i {background-color:#64B259; color:#fff; border-radius:50%; font-size:1.8rem; width:50px; height:50px; display:flex; justify-content:center; align-items:center; margin-right:.9rem;} .sm_address .local {width:14%; text-align:center; background-color:#FDCC5B; border-radius:1rem; position:relative;} .sm_address .local a {display:block; padding:1rem; width:100%; height:100%; font-weight:600; color:#333;} @media only screen and (max-width:991px){ .sm_address {display:flex; flex-wrap:wrap; justify-content:center; padding:2rem;} .sm_address ul {width:100%; border-right:unset; border-bottom:1px dashed #ddd; padding-bottom:2rem; justify-content:center;} .sm_address ul li {margin-right:0; width:100%; display:flex; margin-bottom:0; word-break:keep-all;} .sm_address ul li:first-child {display:flex; flex-direction:column; align-items:flex-start;} .sm_address ul li i {width:30px; font-size:1.3rem; background-color:unset; color:#06C; display:inline-flex; justify-content:flex-start; margin-right:0;} .sm_address ul li p {word-break:keep-all;} .sm_address .local {width:100%; margin-top:2rem;} } /* 대중교통안내 */ .sm_traffic {width:100%; display:flex; margin:0; padding:0; justify-content:space-between; flex-wrap:wrap;} .sm_traffic li {display:flex; margin-bottom:2rem; padding:2rem; justify-content:space-between; flex-wrap:wrap; width:49%; background-color:#FFF; border:1px solid #ddd; border-radius:1rem;} .sm_traffic h3 {width:100%; margin:0 0 1.2rem 0; font-size:24px; font-weight:600; color:#F6AB00;} .sm_traffic h4 {width:100%; margin:0 0 1.2rem 0; font-size:18px; font-weight:400;} .sm_traffic dl {width:100%; display:flex; margin:0; padding:0; justify-content:space-between; flex-wrap:wrap;} .sm_traffic dl dt {width:10%; margin-bottom:10px;} .sm_traffic dl dt span {width:90%; display:inline-block; padding:5px; font-size:14px; color:#FFF; text-align:center; border-radius:0.5rem;} .sm_traffic dl dt span.gan {background-color:#00AC0B;} .sm_traffic dl dt span.non {background-color:#F5AA00;} .sm_traffic dl dd {width:87%; padding-top:5px; font-size:16px;} @media only screen and (max-width:496px){ .sm_traffic {display:block;} .sm_traffic li {display:block; justify-content:space-between; flex-wrap:wrap; width:100%;} .sm_traffic h3 {font-size:22px;} .sm_traffic h4 {font-size:16px;} .sm_traffic dl {display:block;} .sm_traffic dl dt {width:100%; margin-bottom:0;} .sm_traffic dl dt span {width:100px;} .sm_traffic dl dd {width:100%; margin-bottom:10px; padding-top:5px; font-size:15px;} } /* 사업소개 */ .sm_saup_head {background:#F6F6F6; border-left:#E30026 3px solid; margin-bottom:60px; padding:15px 20px; font-size:20px; font-family:'Pretendard'; 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:'Pretendard'; line-height:170%; overflow:hidden;} /* 사업소개 - 가운데정렬 */ .sm_saup_ddam {font-size:35px; letter-spacing:-1px; font-family:'Pretendard'; 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;} } /* 사업안내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 30px; display:table-cell;} .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%;} /* 주요사업 */ .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_saup_point_01 {max-width:1300px; margin:20px auto 5px auto; display:flex; align-items:center; justify-content:space-between;} .sm_saup_point_01 > div {min-height:120px; text-align:center; line-height:1.3; display:flex; justify-content:center; align-items:center;} .sm_saup_point_01 > .con {width:30%; padding:15px 5%; background:#219DE7; border-radius:20px; font-size:24px; color:#FFF; word-break:keep-all;} .sm_saup_point_01 > .etc {font-size:50px; font-weight:100;} .sm_saup_point_01 > .etc span {font-size:35px;} @media only screen and (max-width:496px){ .sm_saup_point_01 {margin:15px auto 5px auto; flex-wrap:wrap;} .sm_saup_point_01 > div {width:100% !important; min-height:inherit; display:flex; justify-content:center; align-items:center;} .sm_saup_point_01 > .con {padding:15px 5%; border-radius:0; font-size:18px;} .sm_saup_point_01 > .etc {font-size:30px;} .sm_saup_point_01 > .etc span {font-size:20px; padding:5px 0;} } /* 주요사업 포인트2 */ .sm_saup_point_02 {max-width:1300px; margin:20px auto 5px auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;} .sm_saup_point_02 > div {text-align:center; line-height:1.3;} .sm_saup_point_02 > .con {padding:15px 3%; background:#219DE7; border-radius:20px; font-size:24px; color:#FFF; word-break:keep-all;} .sm_saup_point_02 > .con b {display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:#FFF 1px solid;} .sm_saup_point_02 > .etc {font-size:50px; font-weight:100;} .sm_saup_point_02 > .etc span {font-size:35px;} @media only screen and (max-width:496px){ .sm_saup_point_02 {margin:15px auto 5px auto;} .sm_saup_point_02 > div {width:100% !important;} .sm_saup_point_02 > .con {padding:15px 5%; border-radius:0; font-size:18px;} .sm_saup_point_02 > .etc {font-size:30px; padding:0 !important;} .sm_saup_point_02 > .etc span {font-size:20px; padding:5px 0;} } /* 후원자원 문구 */ .sm_love_ddam {font-size:35px; letter-spacing:-1px; font-family:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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:'Pretendard'; 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_table-normal { margin-top: 0px; margin-bottom: 10px; border-radius: 20px 20px 0 0; } .sm_table-normal>table { table-layout:fixed; } /* 반은형 테이블-----------------------------------------------------------*/ .sm_table-responsive { min-height: .01%; overflow-x: auto; margin-top: 0px; margin-bottom: 10px; border-radius: 20px 20px 0 0; } /* 테이블-----------------------------------------------------------*/ .sm_table { width: 100%; max-width: 100%; font-size:18px; color: #666; line-height:140%; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left:#DDD 1px solid; border-right:#DDD 1px 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: 10px 15px; vertical-align: middle; } .sm_table > thead > tr > th { background-color: #58B1E8; border-left: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; text-align:center; color:#FFF; padding: 15px 10px; } .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: #EAF6FC; 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-normal { border-radius: 0; } .sm_table-responsive { border-radius: 0; } .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:18px; line-height:130%; border-top:#0B3C9A 1px solid; 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:#0B3C9A; text-align:left; vertical-align:middle; padding-left:15px; 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; } }