@charset "utf-8"; #container{clear:both; position:relative; width:100%; padding:0; margin:0 auto; z-index:100;} #container:after{content:""; display:block; height:0; clear:both; visibility:hidden;} #main_visual{position: relative; width:100%; background:url('../images/bg_vis.jpg') repeat-x 0 0;} #main_visual:before{content:""; display:block; position: absolute; right:0; top:10%; width: 50%; height: 90%; background: #f2f9f7;} #main_visual .main_visual_slide li{height:557px;} #main_visual .main_visual_slide li .mn_vs_text{display:block; padding-top:187px;} #main_visual .main_visual_slide li.bg01{background:url('../images/mn_vis_bg_01.jpg') no-repeat 0 0;} #main_visual .main_visual_slide li.bg02{background:url('../images/mn_vis_bg_02.jpg') no-repeat 0 0;} #main_visual .main_visual_slide li .main_visual_no{position: absolute; width: 100%; left: 50%; top: 80%; transform: translate(-50%, -50%); max-width: 1415px;} @media all and (max-width:1600px){ #main_visual .main_visual_slide li.bg01{background-position:center 0;} #main_visual .main_visual_slide li.bg02{background-position:center 0;} } @media all and (max-width:1280px){ #main_visual .main_visual_slide li{height:457px;} #main_visual .main_visual_slide li .mn_vs_text{padding-top:107px;} } @media all and (max-width:1024px){ #main_visual .main_visual_slide li{height:357px;} #main_visual .main_visual_slide li .mn_vs_text{padding-top:87px;} #main_visual .main_visual_slide li .mn_vs_text img{width:70%;} #main_visual .main_visual_slide li.bg01{background-size:1150px;} #main_visual .main_visual_slide li.bg02{background-size:1150px;} } @media all and (max-width:768px){ #main_visual .main_visual_slide li{height:257px;} #main_visual .main_visual_slide li .mn_vs_text{padding-top:60px;} #main_visual .main_visual_slide li.bg01{background-size:840px;} #main_visual .main_visual_slide li.bg02{background-size:840px;} #main_visual .main_visual_slide li .main_visual_no{margin-top: 1rem;} #main_visual .main_visual_slide li .main_visual_no img{width: 100px;} } @media all and (max-width:480px){ #main_visual .main_visual_slide li{height:157px;} #main_visual .main_visual_slide li .mn_vs_text{padding-top:40px;} #main_visual .main_visual_slide li.bg01{background-size:480px;} #main_visual .main_visual_slide li.bg02{background-size:480px;} } #main_visual .main_visual_text{position: absolute; width: 100%; left: 50%; top: 47%; transform: translate(-50%, -50%); max-width: 1415px; text-align: left; letter-spacing: -0.125rem; color: #fff; z-index: 999;} #main_visual .main_visual_bigtext{display: block; font-size: 4.5rem; line-height: 1.2; font-weight: 700; font-family:GmarketSans;} #main_visual .main_visual_smtext{position: relative; display:inline-block; font-size: 1.25rem; margin-top: 1.5rem; font-weight: 500;} #main_visual .main_visual_smtext::before{content: ''; position: absolute; display:block; left: 0; top: 0; margin-top: -1rem; margin-left: -20rem; width: calc(100% + 20rem); height: 1px; background: #fff;} @media all and (max-width:1500px){ #main_visual .main_visual_text, #main_visual .main_visual_slide li .main_visual_no{margin-left: 2%;} } @media all and (max-width:1280px){ #main_visual .main_visual_bigtext{font-size: 2rem;} #main_visual .main_visual_smtext{font-size: 1rem;} } @media all and (max-width:768px){ #main_visual .main_visual_bigtext{font-size: 1.25rem;} #main_visual .main_visual_bigtext br{display: none;} #main_visual .main_visual_smtext{font-size: 0.875rem;} } #mn_content{position:relative; width:100%; clear:both;} #mn_content::before{content:''; position:absolute; left:4%; top:13%; width: 18px; height: 630px; background:url('../images/cnt_bg_text.png') no-repeat 0 0;} @media all and (max-width:1500px){ #mn_content::before{display: none;} } .text_green{color: #20b296;} #mn_content h3{display: block; font-size: 2.375rem; color: rgb(34, 34, 34); font-weight: 700; letter-spacing: -0.02em; padding-left: 3.875rem; margin-bottom:2rem; background: url(../images/sub_h4_bg.png) 0px 0px no-repeat;} @media all and (max-width:1280px){ #mn_content h3{margin-bottom:0;} } @media all and (max-width:1024px){ #mn_content h3{font-size: 1.5rem; padding-left: 1.5rem; background-size:20px;} } /*메인 퀼링크*/ #mn_content .mn_quick_cnt{position:relative; width:100%; height:100%; padding-bottom:118px; background:url('../images/mn_quick_cnt_bg.png') no-repeat 30rem 90%;} #mn_content .mn_quick_cnt::before{content:""; display:block; position: absolute; right:0; top:0; width: 50%; height:calc(100% - 118px); background: #f2f9f7;} #mn_content .mn_quick_cnt .quick_cnt_wrap{position:relative; width: 100%; max-width:1415px; height:100%; margin:0 auto; padding:40px 0 40px 0;} #mn_content .mn_quick_cnt .quick_cnt_wrap::before{content:""; display:block; position: absolute; left:0; top:0; width: 100%; height: 100%; border-bottom-left-radius:300px; background: #f2f9f7; z-index: -1;} #mn_content .mn_quick_cnt .quick_list{display:flex; height:100%; justify-content:space-between; margin:0 80px 0 200px; text-align:center;} #mn_content .mn_quick_cnt .quick_list > li{width:14.285%;} #mn_content .mn_quick_cnt .quick_list > li a{display:block; font-size:17px; color:#423928; word-break:break-all; font-weight:500; padding:0 10px; line-height:140%;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(1) a{background:url('../images/mn_quick_01.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(2) a{background:url('../images/mn_quick_07.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(3) a{background:url('../images/mn_quick_02.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(4) a{background:url('../images/mn_quick_04.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(5) a{background:url('../images/mn_quick_05.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(6) a{background:url('../images/mn_quick_03.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(7) a{background:url('../images/mn_quick_06.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li a img{display:block;} #mn_content .mn_quick_cnt .quick_list > li a:hover{color:#000000; font-weight:600;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(1) a:hover{background:url('../images/mn_quick_01_on.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(2) a:hover{background:url('../images/mn_quick_07_on.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(3) a:hover{background:url('../images/mn_quick_02_on.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(4) a:hover{background:url('../images/mn_quick_04_on.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(5) a:hover{background:url('../images/mn_quick_05_on.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(6) a:hover{background:url('../images/mn_quick_03_on.png') no-repeat center 0; padding-top:110px;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(7) a:hover{background:url('../images/mn_quick_06_on.png') no-repeat center 0; padding-top:110px;} @media all and (max-width:1440px){ #mn_content .mn_quick_cnt .quick_cnt_wrap{width:96%;} } @media all and (max-width:1280px){ #mn_content .mn_quick_cnt{background-position: 2rem 90%;} #mn_content .mn_quick_cnt .quick_list{margin:0;} #mn_content .mn_quick_cnt .quick_cnt_wrap::before{border-bottom-left-radius: 50px;} } @media all and (max-width:1024px){ #mn_content .mn_quick_cnt .quick_list > li a{font-size:1.0rem;} #mn_content .mn_quick_cnt{} } @media all and (max-width:768px){ #mn_content .mn_quick_cnt{padding-bottom: 2.5rem; background-size: 100%; background-position: 2rem 100%;} #mn_content .mn_quick_cnt .quick_cnt_wrap{padding:20px 0;} #mn_content .mn_quick_cnt .quick_list{flex-wrap:wrap; justify-content:flex-start;} #mn_content .mn_quick_cnt .quick_list > li{width:25%;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(5), #mn_content .mn_quick_cnt .quick_list > li:nth-child(6), #mn_content .mn_quick_cnt .quick_list > li:nth-child(7){margin-top:15px;} } @media all and (max-width:480px){ #mn_content .mn_quick_cnt{padding-bottom: 1.5rem;} #mn_content .mn_quick_cnt .quick_list > li a{font-size:0.75rem;} #mn_content .mn_quick_cnt .quick_list > li:nth-child(1) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(2) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(3) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(4) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(5) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(6) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(7) a, #mn_content .mn_quick_cnt .quick_list > li:nth-child(1) a:hover, #mn_content .mn_quick_cnt .quick_list > li:nth-child(2) a:hover, #mn_content .mn_quick_cnt .quick_list > li:nth-child(3) a:hover, #mn_content .mn_quick_cnt .quick_list > li:nth-child(4) a:hover, #mn_content .mn_quick_cnt .quick_list > li:nth-child(5) a:hover, #mn_content .mn_quick_cnt .quick_list > li:nth-child(6) a:hover, #mn_content .mn_quick_cnt .quick_list > li:nth-child(7) a:hover{background-size:66px; padding-top:74px;} } /*열린마당*/ #mn_content .mn_news_cnt{position:relative; width:100%;} #mn_content .mn_news_cnt::before{content:''; position:absolute; left:94%; top:19%; width: 20px; height: 39px; background:url('../images/cnt_bg.png') no-repeat 0 0;} #mn_content .mn_news_cnt .mn_news_wrap{display:flex; justify-content: space-between; width:1415px; margin:0 auto; gap:0 4rem; margin-bottom:2.6875rem; } #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap{position:relative; display: flex; flex-direction: column; width: 100%;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap:after{content:""; display:block; height:0; clear:both; visibility:hidden;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list{display: flex; width:100%; justify-content: flex-start; flex-wrap: wrap; gap:1.5rem; margin-top: 10px;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li{position:relative; width:calc(33.33% - 1rem); padding:1.625rem 2.25rem; border:1px solid #ebebeb; border-radius:10px;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li .sort_new{display: flex; align-items: center; justify-content: center;width:70px; height:24px; border-radius:20px; margin-bottom:1.875rem; text-align:center; color:#f28001; font-weight:600; background:#faf5ac; font-size:0.875rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li .sort_notice{display: flex; align-items: center; justify-content: center; width:79px; height:25px; border-radius:20px; margin-bottom:1.875rem; text-align:center; color:#009cea; font-weight:600; background:#f2f9f7; font-size:0.875rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a{position: relative; display:block;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a .subject{display:block; height:45px; font-size:1.0rem; color:#383d33; font-weight: 500; overflow:hidden;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a:hover .subject{color:#000;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a .notice_date{display:inline-block; margin-top:1.25rem; font-size:0.875rem; letter-spacing: -0.02em; font-weight: 500; color:#aeaeae; padding-left:1.125rem; background:url('../images/mn_news_date.jpg') no-repeat 0 center;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a .notice_more{position:absolute; right:0; bottom: 0; padding-right:1.375rem; font-size:0.75rem; color:#c8c8c8; background:url('../images/mn_news_more.png') no-repeat right center;} @media all and (max-width:1500px){ #mn_content .mn_news_cnt .mn_news_wrap{width:96%;} } @media all and (max-width:1279px){ #mn_content .mn_news_cnt .mn_news_wrap{column-gap: 1.5rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list{gap:0.75rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li{width: calc(33.33% - 0.5rem); padding: 1rem 1.25rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a .notice_more{bottom: 85%;} } @media all and (max-width:1024px){ #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap{margin-bottom: 1.5rem; height:400px; overflow: hidden;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list{flex-direction: column;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li{width:100%; padding: 1rem 1.25rem 0.625rem 1.25rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li .sort_notice{ height: 20px; margin-bottom: 0.75rem; font-size: 0.75rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a .notice_date{margin-top:0; font-size: 0.75rem;} #mn_content .mn_news_cnt .mn_news_wrap .news_cnt_wrap .news_list > li a .subject{height: 25px; font-size: 0.875rem;} } @media all and (max-width:768px){ #mn_content .mn_news_cnt .mn_news_wrap{flex-direction: column;} } /*팝업존*/ #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap{width:373px; max-width: 373px;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box{text-align:center;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap{ width: 100%; margin: 10px; padding-bottom: 30px;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap > ul li{width: 353px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border-radius:20px;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap > ul li a{ display: block;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap > ul li a img { display: block; width: 100%; border-radius:20px;} @media all and (max-width:1279px){ #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap{max-width: 320px;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap > ul li{width: 300px;} } @media all and (max-width:768px){ #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap{width: 100%; max-width: 100%;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap > ul li{text-align: center;} } @media all and (max-width:480px){ #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap{width: 100%; max-width: 100%;} #mn_content .mn_news_cnt .mn_news_wrap .pop_cnt_wrap .pop_box .pop_imgwrap > ul li{width: calc(100% - 20px);} } /*후원안내 기부금영수증*/ #mn_content .mn_service_cnt{position:relative; width:100%;} #mn_content .mn_service_cnt .mn_service_wrap{width:1415px; margin:0 auto;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap{display:flex; justify-content: space-between; width:100%; gap: 3.75rem;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap h4{display: block; color: #fff; font-size:1.625rem; font-weight: 700;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_text{display: block; color: #fff; font-size:0.9375rem; font-weight: 400; letter-spacing: -0.02em; padding-top: 1rem;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box{position: relative; width:calc(50% - 1.875rem); border-radius:20px; padding: 1.9375rem 3rem; box-shadow:5px 5px 5px 0 rgb(50,50,50, 0.2);} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box.left{position: relative; background:#22a188;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box.left::before{content:''; display: block; position: absolute; right: 0.875rem; bottom: -0.625rem; width: 253px; height: 179px; background:url('../images/ser_wrap_left.png') no-repeat 0 0;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box.right{position: relative; background:#20a9ee;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box.right::before{content:''; display: block; position: absolute; right: -1.5rem; bottom: -0.625rem; width: 253px; height: 179px; background:url('../images/ser_wrap_right.png') no-repeat 0 0;} @media all and (max-width:1500px){ #mn_content .mn_service_cnt .mn_service_wrap{width:96%;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_ri{background-size:contain;} } @media all and (max-width:1280px){ #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap{gap:1rem;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box{width: calc(50% - 0.5rem); padding: 1.5rem 10rem 1.5rem 1.5rem;} } @media all and (max-width:1024px){ #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap h4{font-size:1.0rem;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_text{font-size:0.75rem;} } @media all and (max-width:768px){ #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap{flex-direction: column;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box{width:100%;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box.left::before{background-size: 153px; background-position:5rem 4.25rem;} #mn_content .mn_service_cnt .mn_service_wrap .ser_wrap .ser_wrap_box.right::before{right: -2.5rem; background-size: 153px; background-position:3.5rem 2.75rem; } } /*장학사업소개*/ #mn_content .mn_special_cnt{position:relative; width:100%; margin-top:6.5rem; padding-bottom:48px;} #mn_content .mn_special_cnt::before{content:''; position:absolute; left:0; bottom:0; width: 100%; height: 60%; background:#ecfce6; border-top-left-radius:210px;} #mn_content .mn_special_cnt .mn_special_wrap{width:100%; max-width: 1415px; margin:0 auto;} #mn_content .mn_special_cnt .mn_special_wrap .stit_wrap{display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; margin: 0 auto; text-align: center;} #mn_content .mn_special_cnt .mn_special_wrap .stit_wrap .stit_wrap_titsm{ display: flex; justify-content: center; align-items: center; width: auto; text-align: center; margin: 0 auto;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap{position:relative; width:100%; padding-top: 5.25rem;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content{} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list{ /*display:flex; justify-content:space-between; gap: 3.75rem;*/} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li {width:calc(25% - 2.8125rem); height: 100%;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box{background:#FFF; border-radius:0 40px 40px 0; margin: 1rem; box-shadow:3px 3px 20px rgba(50,50,50,.3); overflow:visible;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box a{display:block; height:100%; overflow:visible;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box img{width:100%; height: auto; display: block; border-top-right-radius:40px;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box .spec_txt{padding: 23px 30px; text-align: center;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box .spec_txt .spectit{display: block; font-size: 1.125rem; color: #55422e; font-weight: 500;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box:hover .spec_txt .spectit{color:#22a188;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn{position:absolute; right:0; top:-4rem; gap:0.5rem; display:flex; justify-content: space-between; align-items: center; pointer-events: none;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn .spec_prev, #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn .spec_next {display: block; width: 68px; height: 68px; pointer-events: auto; background-position: center center; background-size: contain;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn .spec_prev a, #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn .spec_next a {display: block; width: 100%; height: 100%; text-indent: -9999em;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn .spec_prev {background: url('../images/mn_special_prev.png') no-repeat;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn .spec_next {background: url('../images/mn_special_next.png') no-repeat;} @media all and (max-width:1500px){ #mn_content .mn_special_cnt .mn_special_wrap{width:96%;} } @media all and (max-width:1280px){ #mn_content .mn_special_cnt{margin-top: 2.5rem;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap{padding-top: 2.25rem;} } @media all and (max-width:1024px){ #mn_content .mn_special_cnt .mn_special_wrap .stit_wrap .stit_wrap_titsm{font-size: 0.75rem;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li .speclist_box .spec_txt .spectit{font-size: 0.875rem;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap > .spec_btn{display: none;} } @media all and (max-width:768px){ #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap{padding-top: 0.75rem;} #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li{width: 8.1% !important;} } @media all and (max-width:480px){ #mn_content .mn_special_cnt .mn_special_wrap .speclist_wrap .speclist_content .speclist_list > li{width:16% !important;} } /*배너*/ #mn_content .mn_special_cnt .mn_slidebn_cnt{width:100%; margin:65px 0 50px 0;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap{position:relative; display:flex; justify-content:flex-start; width:100%; max-width: 1413px; height:111px; background: #fff; overflow:hidden; border:1px solid #ebebeb; border-radius:20px; margin:0 auto; box-shadow:5px 5px 5px 0 rgb(50,50,50,.2);} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bt_bn_tit{ display:flex; width:18%; text-align: center; align-items: center; justify-content: center} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bt_bn_tit > h4{color:#222; font-size:1.1875rem; font-weight:500;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap{position:relative; width:82%; margin:25px 0; padding:0 35px 0 15px; box-sizing:border-box; overflow: hidden;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list{display:flex; align-items: center; justify-content: flex-start;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li{width:250px; height:60px; margin-right:5px;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_control{position:absolute; left:0; top:0; margin-top:21px; display:flex; justify-content: space-between; width:100%; height:0;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_control > li.bn-prev{display:inline-block; text-align:left; width:11px; height:30px; background:url('../images/mn_special_prev.png') no-repeat center 0;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_control > li.bn-next{display:inline-block; text-align:right; width:11px; height:30px; margin-right:20px; background:url('../images/mn_special_next.png') no-repeat center 0;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_control > li a{display:inline-block; height:24px; text-indent:-9999em;} @media all and (max-width:1500px){ #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap{width:96%;} } @media all and (max-width:1280px){ #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bt_bn_tit{width:12%;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap{width: 88%; padding: 0 15px 0 0;} } @media all and (max-width:1024px){ #mn_content .mn_special_cnt .mn_slidebn_cnt{margin: 25px 0 15px 0;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bt_bn_tit{width:90px;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bt_bn_tit > h4{font-size: 1rem;} } @media all and (max-width:768px){ #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap{height: 72px;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap{margin: 0.75rem 0;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li{width: 149px !important;} #mn_content .mn_special_cnt .mn_slidebn_cnt .slidebn_wrap .bn_list_wrap .bn_list > li img{width: 100%;} } .bn_list_img {width: 100%;}