@charset "utf-8"; /* 초기화 영역 */ *{margin:0px; padding:0px;} body{font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic'; line-height:1; font-size:13px;} img{vertical-align:top; max-width:100%; vertical-align: middle;} .clear:after {content:""; display:block; clear:both;} ul,li,ol{list-style:none;} table{border-collapse:collapse;} a{text-decoration:none; color:#000;} p,span,strong {font-weight:550;} h1,h2,h3,h4,h5,h6{font-size:100%;} form {display: inline;} fieldset {border: 0;} /* 모바일 영역 */ div.m_bg { display: none; position:fixed; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:998;} div.m_box {position:fixed; top:0px; right:-350px; width:350px; height:100%; padding:15px 15px 0px; background-color:#fff; overflow-y:auto; transition:all .5s; box-sizing: border-box; z-index:999;} div.m_box.on {right:0px;} div.m_box > p {text-align:right;} div.m_box > p > i { font-size: 35px; cursor:pointer;} div.m_box > div.m_top {padding-bottom:20px; border-bottom:2px solid #aeacad;} div.m_box > div.m_top > span {display: inline-block; margin-top:15px; color:#78c541; font-size:16px; font-weight:800; } div.m_box > strong.m_tit { display: inline-block; margin: 20px 0px 10px; color: #29a739; font-size: 23px; font-weight: 800; } div.m_box > ul.list > li {margin-bottom:25px;} div.m_box > ul.list > li > a {display: block;} div.m_box > ul.list > li > a:after {content: ""; display: block; clear:both;} div.m_box > ul.list > li > a > div.m_img_box {float:left; width:25%; height:70px; margin-right:4%;} div.m_box > ul.list > li > a > div.m_img_box > img {width:100%; height:100%;} div.m_box > ul.list > li > a > div.m_text {float:left; width:71%;} div.m_box > ul.list > li > a > div.m_text > b {display:block; margin-top:4px; margin-bottom:5px; font-size:18px;} div.m_box > ul.list > li > a > div.m_text > p {font-size:15px; line-height:22px;} .list {cursor:pointer;} /* top 버튼 */ div.top_ntb {position:fixed; right:22px; bottom:30px; width:45px; height:45px; border:1px solid #000; text-align:center; background-color:#fff;} div.top_ntb > a {display:block; height:100%;} div.top_ntb > a > i {margin-top:5px; font-size: 20px;} div.top_ntb > a > b {display:block; font-size:15px; font-weight:800;} /* header 영역 */ #header > div.h_center {width:1200px; margin:0px auto; margin-bottom:20px;} #header > div.h_center > h1.h_logo {float:left; margin-top:25px;} #header > div.h_center > h1.h_logo > a {display:block;} #header > div.h_center > a.m_btn > i {float:right; margin-top:36px; font-size:25px; } #header > div.h_center > ul.h_gnb {float:right; margin-right:44px; line-height:100px; margin-top:36px;} #header > div.h_center > ul.h_gnb > li {float:left; margin-left:30px;} #header > div.h_center > ul.h_gnb > li.color > a {color:#29a739;} #header > div.h_center > ul.h_gnb > li > a:hover {color:#29a739;} #header > div.h_center > ul.h_gnb > li > a {font-size:16px; font-weight:800; transition: all .5s;} #header > div.h_center > div.glasses {display:none;} #header > div.h_center > a.down {display:none;} /* 검색어 영역 */ #search {display:none; margin:5px 10px 5px 10px; border-top:2px solid #000;} .search_form {display:none; position:relative; padding:5px 130px 4px 0px; height:32px;} .blind {position:absolute; top:-1000px; visibility:hidden;} .tbox {position:relative; display: block; padding:2px 30px 2px 8px; height:26px; border:1px solid #8f8f8f; box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%); background-color:#fff;} .tbox .tinp {width:100%; height:26px; line-height:24px; border:0; color:#000; font-size:12px; vertical-align: top; font-weight: bold; outline: none;} .search_btn {position:absolute; top:5px; right:65px; width:58px; height:32px; border:0; background-color: #d53d2f; font-size: 12px; line-height: 20px; color: #fff; letter-spacing:-1px; white-space:nowrap; -webkit-border-radius:0; -webkit-appearance:none; cursor:pointer;} .search_close {right:0px; background-color: #8f8f8f; color: #fff;} /* visual 영열 */ div#visual {/*height:815px;*/} div#visual > div.v_center {width:1200px; height:100%; margin:0px auto;} div#visual > div.v_center > ul.slider > li {width:100%; height:100%;} div#visual > div.v_center > ul.slider > li {height:100%;} div#visual > div.v_center > ul.slider > li > img {width:100%; height:100%;} /* container영역 */ div#container {padding:60px 0px;} div#container > div.c_center {width:1200px; margin:0px auto;} div#container > div.c_center > div.c_top_title {text-align:center;} div#container > div.c_center > div.c_top_title > p {margin-bottom:24px; font-size:20px; } div#container > div.c_center > div.c_top_title > p > span {/*font-weight:800;*/ font-size:20px;} div#container > div.c_center > div.c_top_title > span {display:block; width:270px; height:41px; margin:0px auto 85px; color:#fff; font-size:16px; text-align:center; line-height:41px; background-color:#29a739;} div#container > div.c_center h4.pink_stit {text-align:center; color:#29a739;font-size:19px;font-weight: 400;line-height: 19px;} div#container > div.c_center h3.pink_tit { display: flex; flex-basis: 100%; align-items: center; font-size: 12px; margin: 8px 0px; } div#container > div.c_center h3.pink_tit > a { color:#29a739; font-size:20px; font-weight: 800;} div#container > div.c_center h3.pink_tit:before { top: 1px; content: ""; flex-grow: 1; background:#29a739; height: 2px; font-size: 0px; line-height: 0px; margin: 2% 8% 0 0; } div#container > div.c_center h3.pink_tit:after { top: 1px; content: ""; flex-grow: 1; background:#29a739; height: 2px; font-size: 0px; line-height: 0px; margin: 2% 0 0 8%; } /* container cont1영역 */ div#container > div.c_center > div.cont1 {padding-bottom:70px;} div#container > div.c_center > div.cont1 > h3.pink_tit {display:none;} div#container > div.c_center > div.cont1 > h3.pink_tit:after {width:45.5%;} div#container > div.c_center > div.cont1 > h3.pink_tit:before {width:45.5%;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li {float:left; width:33.333333%;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li > strong.hidden_text {display:none;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.list > p {margin-top:30px; font-size:18px; text-align:center; min-height:46.781px;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.list > a {display: block; width:100%; height:255px;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.list > a > img {width:100%; height:100%; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(1.0); transform: scale(1.0); } div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.list:hover > a > img { -webkit-transform: scale(1.1); transform: scale(1.1); } div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.issue_text {text-align:center;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.issue_text > h3.tit > a {color:#29a739; font-size:20px; font-weight:800;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.issue_text > h4.stit {color:#29a739; font-size:19px; font-weight:400; line-height: 2.125rem;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.issue_text > h4.stit:after {content:"";display:block;width:52.5%;height:2px;background-color:#29a739;margin: 17px auto 20px;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.issue_text > span {font-size:19px; font-weight:800;} div#container > div.c_center .cont1 h3.pink_tit:nth-child(1):before { display:none; } div#container > div.c_center .cont1 h3.pink_tit:nth-child(1):after { display:none; } /* 반응형 1200px */ @media screen and (max-width:1200px) { div#container > div.c_center > div.cont2 > h3.pink_tit:before { width: 10% !important; } div#container > div.c_center > div.cont2 > h3.pink_tit:after { width: 10% !important; } div#container > div.c_center > div.cont3 > h3.pink_tit:before { width: 10% !important; } div#container > div.c_center > div.cont3 > h3.pink_tit:after { width: 10% !important; } div#container > div.c_center h3.pink_tit:before { margin: 0 10% 0 0; } div#container > div.c_center h3.pink_tit:after { margin: 0 0 0 10%; } } /* container cont2영역 */ div#container > div.c_center > div.cont2 {padding-bottom:70px;} div#container > div.c_center > div.cont2 > h3.pink_tit:after {width: 25%;} div#container > div.c_center > div.cont2 > h3.pink_tit:before {width: 25%;} div#container > div.c_center > div.cont2 > ul.cont2_list {margin-top:75px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li {float:left; width:22%; margin-right:4%; text-align:center;} div#container > div.c_center > div.cont2 > ul.cont2_list > li:last-child {margin-right:0px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > a {display:block; height:200px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > a > img {width:100%; height:100%;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(1.0); transform: scale(1.0); } div#container > div.c_center > div.cont2 > ul.cont2_list > li:hover > a > img { -webkit-transform: scale(1.1); transform: scale(1.1); } div#container > div.c_center > div.cont2 > ul.cont2_list > li > strong {display:inline-block; margin:40px 0px 12px; padding-bottom:4px; font-size:19px; font-weight:800; border-bottom:2px solid #bebebe;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > p {font-size:17px; line-height:23px; font-weight:700; } /* container cont3영역 */ div#container > div.c_center > div.cont3 {padding-bottom:70px;} div#container > div.c_center > div.cont3 > h3.pink_tit:after {width:37%;} div#container > div.c_center > div.cont3 > h3.pink_tit:before {width:37%;} div#container > div.c_center > div.cont3 > ul.cont3_list {margin-top:50px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li {float:left; width:20.666666%; margin-right:5.67%; text-align:center; height:450px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li:last-child {margin-right:0px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > a {display:block; /*width:100%; height:250px;*/ border-radius:50%; overflow: hidden;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > a > img {width:100%; height:100%;-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: scale(1.0); transform: scale(1.0);} div#container > div.c_center > div.cont3 > ul.cont3_list > li:hover > a > img {-webkit-transform: scale(1.1); transform: scale(1.1);} div#container > div.c_center > div.cont3 > ul.cont3_list > li > strong {display:inline-block; margin:40px 0px 12px; padding-bottom:4px; font-size:16px; font-weight:800; border-bottom:2px solid #bebebe;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > p {font-size:16px; line-height:23px; font-weight:700;} /* footer 영역 */ div#footer {padding-bottom:50px; background-color:#e2e2e4;} div#footer > div.f_center {width:1200px; margin:0px auto;} div#footer > div.f_center > div.f_left {float:left; margin-top:33px;} div#footer > div.f_center > div.f_left > h1.h_logo {float:left; margin-right:30px;} div#footer > div.f_center > div.f_left > p.address {float:left; font-size:14px; line-height:22px; font-weight: bold;} div#footer > div.f_center > div.f_right {float:right;} div#footer > div.f_center > div.f_right > div.select_wrap {float:right; margin-top:33px;} div#footer > div.f_center > div.f_right > div.select_wrap > div > a {display:block; height:100%; text-align:center; line-height:21px; font-weight:800;} div#footer > div.f_center > div.f_right > div.select_wrap > div > a > i {position:relative; top:2px; margin-left:8px; font-size:14px;} div#footer > div.f_center > div.f_right > div.select_wrap > div.last_issue {margin-bottom:6px; background-color:#808080;} div#footer > div.f_center > div.f_right > div.select_wrap > div.last_issue > a {color:#fff;} div#footer > div.f_center > div.f_right > div.select_wrap > div.last_issue > a > i {color:#fff;} div#footer > div.f_center > div.f_right > div.select_wrap > div.schedule {background-color:#fff; border:1px solid #b5b5b5;} div#footer > div.f_center > div.f_right > ul.icons {float:right; margin-top:46px; margin-right:29px;} div#footer > div.f_center > div.f_right > ul.icons > li {float:right; margin-left:25px;} div#footer > div.f_center > div.f_right > ul.icons > li:first-child > a img {position:relative; top:2px;} div#footer > div.f_center > div.f_right > ul.icons > li:last-child > a img {position:relative; top:4px;} div#footer > div.f_center > div.f_right .mz_link { position:relative; width: 180px; height:35px; border:1px solid #D0D0D0; box-sizing:border-box; } div#footer > div.f_center > div.f_right .mz_link h4 a { position:relative; display:block; line-height:32px; padding:0px 0px 0px 15px; font-size:14px; color:#fff; z-index:1001; } div#footer > div.f_center > div.f_right .mz_link h4 a:before {position: absolute; right: 15px; top: -5; height: 100%; font-size: 14px; content: '▼'; transform: rotate(0deg); transition: all .2s ease; color:#fff; } div#footer > div.f_center > div.f_right .mz_link.active h4 a:before { top: 0px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } div#footer > div.f_center > div.f_right .mz_link ul {display:none; position: absolute; left:0; bottom:34px; width:100%; padding:0px 0; background-color: #4D525A; box-sizing: border-box; z-index:1000; } div#footer > div.f_center > div.f_right .mz_link li { border-bottom: 1px dotted #D2D2D2; transition:all .3s;} div#footer > div.f_center > div.f_right .mz_link li:last-child { border-bottom: none;} div#footer > div.f_center > div.f_right .mz_link li a {display:block; line-height:35px; font-size:14px; color:#fff; padding-left:15px; } div#footer > div.f_center > div.f_right .mz_link li:hover a{background-color: #373C44;} div#footer > div.f_center > div.f_right .mz_links { position:relative; width: 180px; height:35px; border:1px solid #D0D0D0; box-sizing:border-box; z-index: 99999;} div#footer > div.f_center > div.f_right .mz_links h4 a { position:relative; display:block; line-height:32px; padding:0px 0px 0px 15px; font-size:14px; color:#000; z-index:1002; } div#footer > div.f_center > div.f_right .mz_links h4 a:before {position: absolute; right: 15px; top: -5; height: 100%; font-size: 14px; content: '▼'; transform: rotate(0deg); transition: all .2s ease; color:#000; } div#footer > div.f_center > div.f_right .mz_links.active h4 a:before { top: 0px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } div#footer > div.f_center > div.f_right .mz_links ul {display:none; position: absolute; left:0; bottom:34px; width:100%; padding:0px 0; background-color: #4D525A; box-sizing: border-box; z-index:1000; } div#footer > div.f_center > div.f_right .mz_links li { border-bottom: 1px dotted #D2D2D2; transition:all .3s;} div#footer > div.f_center > div.f_right .mz_links li:last-child { border-bottom: none;} div#footer > div.f_center > div.f_right .mz_links li a {display:block; line-height:35px; font-size:14px; color:#fff; padding-left:15px; } div#footer > div.f_center > div.f_right .mz_links li:hover a{background-color: #373C44;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:nth-child(2) {display:none;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:nth-child(3) {display:none;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:nth-child(6) {display:none;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:nth-child(7) {display:none;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:nth-child(8) {display:none;} /* 반응형 1200px */ @media screen and (max-width:1200px) { /* top 버튼 */ div.top_ntb {display:none;} /* header 영역 */ #header > div.h_center {width:97%;} #header > div.h_center > h1.h_logo {width:140px;margin-top:30px;} #header > div.h_center > h1.h_logo > a > img {width:100%;} #header > div.h_center > a.m_btn > i {font-size:30px; margin-top:36px;} #header > div.h_center > ul.h_gnb {display:none;} #header > div.h_center > div.glasses {position:relative; display:block; float:right; width:22px; height:22px; margin-top:40px; margin-right:20px;} #header > div.h_center > div.glasses input.g_text {display:none; position:absolute; top:28px; right:-73px; height:25px;} #header > div.h_center > div.glasses > i {font-size:22px; cursor:pointer;} #header > div.h_center > a.down {display:block; float: right; line-height:84px; margin-right:20px;} #header > div.h_center > a.down > i {position:relative; top:3px; font-size:22px;} /* visual 영열 */ div#visual {height:auto;} div#visual > div.v_center {width:100%;} /* container영역 */ div#container > div.c_center {width:97%;} /* container cont1영역 */ div#container > div.c_center > div.cont1 > h3.pink_tit {display:block; width:100%;} div#container > div.c_center > div.cont1 > h3.pink_tit:after {width:100%;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap {margin-top:40px;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li {width:46%; margin-right:4%; text-align:center;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.issue_text {display:none;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:last-child {margin-right:0px;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li > strong.hidden_text {display:block; margin:19px 0px 10px; font-size:20px; font-weight:800;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.list > a {height:auto;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li.list > p {display:inline-block; margin-top:0px; padding-top:10px; border-top:1px solid #000; min-height:46.781px;} /* container cont2영역 */ div#container > div.c_center > div.cont2 > ul.cont2_list {margin-top:40px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li {width:48%; margin-right:4%; margin-bottom:20px; text-align:center;} div#container > div.c_center > div.cont2 > ul.cont2_list > li:nth-child(2n) {margin-right:0px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li:nth-child(n+3) {margin-bottom:0px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > a {height:auto;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > a > img {width:100%; height:100%;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > strong {/*border:none;*/ display:inline-block; /*block;*/ margin-bottom:10px;} div#container > div.c_center > div.cont2 > ul.cont2_list > li > p {display: inline-block; padding-top:10px; border-top:1px solid #9d9d9d; } /* container cont3영역 */ div#container > div.c_center > div.cont3 > ul.cont3_list {margin-top:40px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li {float:left; width:48%; margin-right:2%;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > a {display:block; width:250px; height:250px; margin:0px auto;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > strong {border:none; display: block; margin-bottom:10px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > p {display: inline-block; padding-top:10px; border-top:1px solid #9d9d9d; min-height:50px;} /* footer 영역 */ div#footer > div.f_center {width:100%;} } /* 반응형 1100px */ @media screen and (max-width:1100px){ /* footer 영역 */ div#footer {padding-bottom:0px; background-color:transparent;} div#footer > div.f_center > div.f_left {float:none; margin-top:0px; padding:20px; background-color:#e0e0e0; text-align:center;} div#footer > div.f_center > div.f_left > h1.h_logo {float:none; margin-right:0px;} div#footer > div.f_center > div.f_left > p.address {float:none; margin-top:15px;} div#footer > div.f_center > div.f_right {float:none; padding:15px; background-color:#efefef;} div#footer > div.f_center > div.f_right > div.select_wrap {float:right; margin-top:0;} div#footer > div.f_center > div.f_right > ul.icons {float:left; margin-top:20px; margin-right:0px;} div#footer > div.f_center > div.f_right > ul.icons > li:last-child {display:none;} div#footer > div.f_center > div.f_right > ul.icons > li > a > img {display:block;} } /* 반응형 800px */ @media screen and (max-width:800px){ div#container > div.c_center > div.cont3 {padding-bottom:0px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li {width:50%; margin-right:0px; margin-bottom:25px;} } /* 반응형 500px */ @media screen and (max-width:500px){ /* container영역 */ div#container {padding:40px 0px;} div#container > div.c_center > div.c_top_title > span {margin:0px auto 70px;} div#container > div.c_center > div.c_top_title > p {font-size: 19px;} div#container > div.c_center > div.c_top_title > p > span {display:inline-block; margin-top:10px;} /* 공통 영역 */ div#container > div.c_center h3.pink_tit {text-align:center;} /* container cont1영역 */ div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li {width:100%; margin-right:0px; margin-bottom:30px;} div#container > div.c_center > div.cont1 > ul.cont1_list_wrap > li:last-child {margin-bottom:0px;} /* container cont2영역 */ div#container > div.c_center > div.cont2 > ul.cont2_list > li {float:none; width:100%; margin-right:0px; margin-bottom:60px;/*30px*/} div#container > div.c_center > div.cont2 > ul.cont2_list > li > strong {margin: 30px 0px 10px;/*30px 0px 12px;*/} div#container > div.c_center > div.cont2 > ul.cont2_list > li:nth-child(n+3) {margin-bottom:60px; /*30px;*/} div#container > div.c_center > div.cont2 > ul.cont2_list > li:last-child {margin-bottom:0px;} /* container cont3영역 */ div#container > div.c_center > div.cont3 > ul.cont3_list > li {float: none; width:100%; margin-right:0px; margin-bottom:35px;} /* footer 영역 */ div#footer > div.f_center > div.f_right > div.select_wrap {float:none;} div#footer > div.f_center > div.f_right > div.select_wrap > div {width:100%;} div#footer > div.f_center > div.f_right > div.select_wrap > div > a {font-size:14px;} div#footer > div.f_center > div.f_right > ul.icons {float:none; text-align:center;} div#footer > div.f_center > div.f_right > ul.icons > li {float:none; display:inline-block;} div#footer > div.f_center > div.f_right > ul.icons > li:nth-child(2) {position:relative; top:3px;} div#container > div.c_center > div.cont3 > ul.cont3_list > li > strong { font-size:16px;} } /* 서브 영역 */ div#content {max-width:1200px; margin:0px auto;} div.issue_wrap span.s_pink {color:#29a739; font-size:20px;} /* 서브 슬라이드 영역 */ .post-wrapper {position:relative; width:100%; margin:0px auto; } .post-wrapper > div.post > a {display: block;} .post-wrapper > div.post > a > img {max-width:100%; width:100%;} .post-wrapper > button {position: absolute; top:50%; transform:translateY(-50%); background-color: transparent; border:none; padding:0px; z-index: 9999999;} .post-wrapper > button > i {color:#000; font-size:30px; width:50px; height:50px; text-align:center; line-height:50px; border-radius:50%; background-color:#fff; border:3px solid #000; box-sizing:border-box; cursor:pointer;} .post-wrapper > button.slick_prev {left:40px;} .post-wrapper > button.slick_next {right:40px;} .post-wrapper .slick-dots {margin-top:20px; text-align: center;} .post-wrapper .slick-dots > li {display:inline-block; margin:0px 5px; } .post-wrapper .slick-dots > li button {width:15px; height:15px; background-color: transparent; background-color: #9d9d9d; border-radius:50%; border:none; font-size:0px; cursor:pointer;} /* dot 버튼 색깔 영역 */ .post-wrapper .slick-dots > li.slick-active button {background-color: #000;} /* 서브 이슈 영역 */ div.issue_wrap {width:100%;} div.issue_wrap ul.img_box {width:100%;} div.issue_wrap ul.img_box > li {width:100%;} div.issue_wrap ul.img_box > li > img {width:100%;} div.issue_wrap div.tit_text_box {margin-top:65px; text-align:center;} div.issue_wrap div.tit_text_box > span {display:inline-block; margin-bottom:30px;} div.issue_wrap div.tit_text_box > h3.s_tit {margin-bottom:35px;font-size:60px;line-height:80px;font-weight:800;word-break: keep-all;} div.issue_wrap div.tit_text_box > small {font-size:25px; color:#4c4a4b;} div.issue_wrap div.tit_text_box > small .name {font-weight:600; font-size:25px !important; } div.issue_wrap div.tit_text_box > small:after {content:""; display:block; width:100%; height:1px; background-color:#8a8a8a; margin:28px 0px;} div.issue_wrap span.s_pink {display:inline-block; margin-bottom:5px;} div.issue_wrap p.text {font-size:19px; line-height:34px; word-break:keep-all; font-weight: normal;} div.issue_wrap div.bg_gray {margin:28px 0px 20px; padding:27px 0px; background-color:#e3e3e3; text-align:center;} div.issue_wrap div.bg_gray > span.s_pink {display:inline-block; font-size:23px; margin-bottom:10px;} div.issue_wrap div.bg_gray > p {font-size:20px; line-height:35px; font-weight:normal;} div.issue_wrap div.bg_green {padding:50px 40px; background-color:#c5d984; box-sizing: border-box;} div.issue_wrap div.bg_green > div.left {float:left; width:49%; margin-right:2%;} div.issue_wrap div.bg_green > div.right {float:right;width:49%;} div.issue_wrap div.bg_green div.box > b {display: block; margin-bottom:14px; color:#fff; font-size:20px;} div.issue_wrap div.bg_green div.box > strong {display: block; margin-bottom:17px; color:#000; font-size:19px;} div.issue_wrap div.bg_green div.box > p {margin-bottom:25px; color:#000; font-size:18px; line-height:23px; font-weight:normal;} div.issue_wrap a.btn_list {display:block; width:110px; height:40px; margin:38px auto 60px; color:#fff; font-size:17px; line-height:40px; font-weight:800; text-align:center; background-color:#ec6a5c;} /* 서브 반응형 */0 @media screen and (max-width:1200px){ div#content {width:97%;} } @media screen and (max-width:800px){ div.issue_wrap > div.bg_gray {padding:27px 22px;} div.issue_wrap > div.bg_gray br {display:none;} div.issue_wrap > div.bg_green > div.left {float:none; width:100%; margin-right:0px;} div.issue_wrap > div.bg_green > div.right {float:none; width:100%;} } @media screen and (max-width:500px){ div.issue_wrap > div.bg_green {padding:20px;} div.issue_wrap > div.tit_text_box {margin-top:55px;} div.issue_wrap div.tit_text_box > h3.s_tit {font-size:35px; line-height:50px;} div.issue_wrap > div.tit_text_box > small {font-size:19px;} div.issue_wrap > div.bg_gray > span.s_pink {font-size:22px; line-height:30px;} }