@charset "utf-8";
/* container */
#container { position:relative; width:100%; z-index:0; margin:80px 0 0; }
#container:after { display:block; content:""; clear:both; }

.cntWrap01 { position:relative; max-width:1920px; margin:0 auto; overflow:hidden; }
.cntWrap02-1{width:100%; max-width:1400px; margin:0 auto; overflow:hidden; }/* 200813 */
.cntWrap02 { width:100%; margin-top: 4rem; overflow:hidden; }/* 200810 */
.cntWrap02 .contBox{ width:96%; max-width:1400px; margin:0 auto;}
.cntWrap03 { padding-top: 7rem; padding-bottom: 8rem; background: url('/images/web/ncrc/main/main04_bg.png') no-repeat 100% 0; }

/* sns 바로가기 */
.cntWrap01 .sns_box{position: absolute; right:2%; top:1rem; z-index:1;}
.sns_box li { float:left; margin-left:0.75rem; }
.sns_box a { display:block; width:2.15rem; height:2.15rem; border-radius:50%; text-indent:-9999em; overflow:hidden; transition: all .3s ease; -webkit-transition: all .3s ease;}
.sns_box a.snsF { background:#255e93 url('/images/web/ncrc/main/ico_snsF.png') no-repeat center; }
.sns_box a.snsB { background:#1a9c39 url('/images/web/ncrc/main/ico_snsB.png') no-repeat center; }
.sns_box a.snsY { background:#ee3024 url('/images/web/ncrc/main/ico_snsY.png') no-repeat center; }
.sns_box a.snsI { background: url('/images/web/ncrc/main/ico_snsI.png') no-repeat center,radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); }

.sns_box a.snsF:hover,
.sns_box a.snsF:focus { background-color:#2588e4; }
.sns_box a.snsB:hover,
.sns_box a.snsB:focus { background-color:#18d645; }
.sns_box a.snsY:hover,
.sns_box a.snsY:focus { background-color:#f74e44; }
.sns_box a.snsI:hover,
.sns_box a.snsI:focus { background-color:#feaf42; }

/* Layer popup___200714추가*/
.layerPopup_wrap { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:0; display:none; z-index:10;}
.layerPopup { position:absolute; left:50%; top:50%; width:95%; max-width:1080px; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); text-align:center; background:#fff;}

.layerPopup .close_wrap a { position:absolute; display:inline-block; line-height:30px; padding:0 15px; margin:0 5px;border-radius:30px; border:1px solid #fff; right:0; }
.layerPopup .close_wrap a::after { display:inline-block; vertical-align:middle; margin-left:10px; }
.layerPopup .close_wrap a.close { color:#000; background:#c0c0c0; text-align:center;}
.layerPopup .close_wrap a.close::after { content:url('/images/web/ncrc/main/btn_close_miniBk.png') }
.layerPopup .close_wrap a.close:hover { background:rgba(255,255,255,0.8); }
.layerPopup a { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

.support_box{width:100%; height:100%; max-width:1080px; min-height:600px; background:url("/images/web/ncrc/sub_cnt/sub_support_bg.png") no-repeat center 2rem; padding:20px 0 0 0;}
.support_box h3,.support_box h4{color:#202020; letter-spacing: -1px; text-align:center;letter-spacing: -1px; text-align:center;line-height:120%;}
.support_box h3{margin-top:20px;font-size:40px; font-weight: bold;}
.support_box h4{margin-top:5px;font-size:1.2rem;}

.sptbox_link{margin-top:130px;position:relative;display:block;bottom:0;}
.sptbox_link a{float:left;display:block;width:50%;text-align:center;color:#202020; letter-spacing: -1px;}
.sptbox_link a strong{font-size:1.3rem; line-height:120%;font-weight:bold;}
.sptbox_link a.spt_info01{width:40%;min-height:200px;margin:5% 2% 5% 8%;padding:3%;background:#f2a29a;border-radius:70px;font-weight:400;}
.sptbox_link a.spt_info01 p{margin:10px 0 15px 0;color:#202020;}
.sptbox_link a.spt_info01 span{display:inline-block;font-size:0.75rem;color:#202020;padding:2% 5%;min-width:100px;background-color:#ffd2ce;border-radius:20px;line-height:130%;}
.sptbox_link a.spt_info01 span::before{display:inline;position:relative;vertical-align:top;padding-right:5%;margin-top:0;line-height:100%;content:"+";}
.sptbox_link a.spt_info02{width:40%;min-height:200px;margin:5% 8% 5% 2%;padding:3%;background:#f2c65c;border-radius:70px;font-weight:400;}
.sptbox_link a.spt_info02 span{display:inline-block;font-size:0.75rem;color:#202020;padding:2% 5%;min-width:100px;background-color:#fdebbe;border-radius:20px;line-height:130%;}
.sptbox_link a.spt_info02 span::before{display:inline;position:relative;vertical-align:top;padding-right:5%;margin-top:0;line-height:100%;content:"+";}
.sptbox_link a.spt_info01 span:hover{background:#fff;}
.sptbox_link a.spt_info02 span:hover{background-color:#fff;}
.sptbox_link ul{display:block;position:relative;margin-top:10px;}
.sptbox_link ul li{display:inline-block;line-height:110%;color:#202020;}
.sptbox_link ul li:first-child{width:20%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic01.png") no-repeat top center;}
.sptbox_link ul li:nth-child(2),.sptbox_link ul li:nth-child(4){vertical-align:top;padding-top:40px;}
.sptbox_link ul li:nth-child(3){width:30%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic02.png") no-repeat top center;}
.sptbox_link ul li:last-child{width:30%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic03.png") no-repeat top center;}
.sptbox_link a.spt_info03{clear:both;position:relative;display:block;width:84%;min-height:40px;margin:0 8%;padding:2%;margin-top:-3%;background:#4ec8db;border-radius:70px;font-weight:400; }
.sptbox_link a.spt_info03::after{clear:both;display:inline-block;position:absolute;margin-left:1%;width:26px;height: 26px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic06.png") no-repeat;content:"";}
.spt_banner img{max-width:100%;}

.sptbox_link > a.spt_info01 > ul > li:nth-child(1){width:40%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic07.png") no-repeat top center;}/* 20201021추가*/
.sptbox_link > a.spt_info01 > ul > li:nth-child(3){width:40%;min-height:110px;padding-top:65px;background:url("/images/web/ncrc/sub_cnt/sub_support_ic08.png") no-repeat top center;}/* 20201021추가*/

/* 전광판 : 200824 */
.disbrd{position: absolute; right:2%; top:3.8rem; width:20rem; height:2rem; z-index:1; background:rgba(255,255,255,0.7) url('/images/web/ncrc/main/ico_board.png') no-repeat 0.5rem center; padding:0 6rem 0 2.2rem; border-radius:0.5rem; }
.disbrd .control a{position: absolute; top:0; display:block; width:1.2rem; height:2rem; text-indent:-9999em; overflow:hidden; }
.disbrd .control a.prev{right:4.4rem; background:url('/images/web/ncrc/main/btn_brd_prev.png') no-repeat center;}
.disbrd .control a.next{right:2rem; background:url('/images/web/ncrc/main/btn_brd_next.png') no-repeat center;}
.disbrd .control a.play{ display:none; right:3.2rem; background:url('/images/web/ncrc/main/btn_brd_play.png') no-repeat center;}
.disbrd .control a.stop{right:3.2rem; background:url('/images/web/ncrc/main/btn_brd_stop.png') no-repeat center;}
.disbrd .btn_more{position: absolute; top:0; right:0.5rem; display:block; width:1.5rem; height:2rem; text-indent:-9999em; overflow:hidden; background:url('/images/web/ncrc/main/btn_brd_more.png') no-repeat center; transition: all .3s; -webkit-transition: all .3s;}
.disbrd .btn_more:hover{transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#disbrdList .txt{line-height:2rem; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
#disbrdList .slick-slide{height:2rem;}
#disbrdList a{font-weight: 400; color:#111;}

/* 메인비주얼 231119*/
.main_visual {position:relative;border-top: 1px solid #ddd;height: 879px;z-index:0;overflow: hidden;}/* 200708 */
/* 슬로건 */
.main_visual .slogan_wrap{ margin-top: 5rem; width: 100%; text-align: center; z-index:2000; text-align: center; position: relative; }
.main_visual .slogan.slick-slider{opacity: 1; }/* 200708 */
.main_visual .slogan .txt .tit{ position:relative; font-weight:700; position:relative; font-family:'GmarketSans'; font-size:3.9rem; letter-spacing:-2px;}
.main_visual .slogan .txt .txt01{ position:relative; margin-top: 20px; font-family:'GmarketSans'; font-size:2.2rem; font-weight: 400;}
.main_visual .slogan .txt.bg01 .tit{color:#3b3b3b;}
.main_visual .slogan .txt.bg02 .tit{color:#3b3b3b;}
.main_visual .slogan .txt.bg03 .tit{color:#723224}
.main_visual .slogan .txt.bg04 .tit{color:#342b60}
.main_visual .slogan .txt .txt01{color: #3b3b3b;}
.main_visual .slogan .txt .tit{line-height: 1;}
.main_visual .slogan .txt .link{margin-top: 2.5rem;position: relative;left:30px}
.main_visual .slogan .txt .link a{font-size: 0.8rem;display: inline-block;border-bottom:1px solid #101010}
.main_visual .slogan .txt .link a img{vertical-align: middle;margin-left: 0.1rem;}
.main_visual .slogan .txt.bg05{color:#022049;text-shadow:1px 1px 1px rgba(255,255,255,0.5)}
.main_visual .slogan .txt.bg01:before{background:rgba(0,0,0,0.3);}
.main_visual .slogan .txt.bg02:before{background:rgba(15,98,145,0.5);}
.main_visual .slogan .txt.bg03:before{background:rgba(77,75,156,0.5);}
.main_visual .slogan .txt.bg04:before,
.main_visual .slogan .txt.bg05:before{background:rgba(255,255,255,0.3);}

/*퀵메뉴*/
#main_quick { position: fixed; top: 55%; right: 50px; z-index: 9999; width: 130px; height: 130px; background: #2d91e7; border-radius: 50%; overflow: hidden; padding: 1.5rem; font-family: 'GmarketSans'; color: #fff; transition: .3s; }
#main_quick.active { width: 400px; padding: .8rem; height: 400px; display: flex; align-items: center; justify-content: flex-start; }
#main_quick p { width: fit-content; font-size: 1rem; font-weight: 400; text-align: center; transition: .3s; }
#main_quick.active p { margin-right: -1.5rem; transform: rotate(-90deg); }
#main_quick a.btn { display: block; margin: .6rem auto .8rem; font-size: 0px; text-indent: -9999px; overflow: hidden; width: 20px; height: 20px; text-align: center; background: url('/images/web/ncrc/main/main_quick_btn.png') no-repeat 50% 50%; transition: .3s; }
#main_quick.active a.btn { margin: 1rem; background: url('/images/web/ncrc/main/main_quick_close.png') no-repeat 50% 50%; }
#main_quick ul { pointer-events: none; text-align: left; opacity: 0; transition: .3s; }
#main_quick ul li { margin-top: .8rem; padding-left: 1.75rem; background-repeat: no-repeat; background-position: 0 50%; background-size: 1.25rem; }
#main_quick.active ul { pointer-events: auto; opacity: 1; }
#main_quick ul li a { display: none; }
#main_quick.active ul li a { display: block; }

/*검색*/
.main_visual .search_wrap { margin: 2rem auto 0;width: 24%;max-width: 590px;border-radius: 10px;box-shadow: 2px 1px 20px 3px; background: rgba(122, 94, 0, .8); padding: 10px;}
/* .main_visual .search_wrap { margin: 2rem auto 0;width: 24%;max-width: 590px;border-radius: 10px;box-shadow: 2px 1px 20px 3px; background: #ebdeadbf; padding: 10px;} */
.main_visual .search_wrap fieldset { display: block; width: 100%; height: 50px; position: relative; }
.main_visual .search_wrap fieldset::after { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff; box-shadow: 0px 1px 5px rgba(0,0,0,0.5); z-index: 5; }
.main_visual .search_wrap input[type="text"] { width: calc(100% - 45px); height: 100%; border: 0; background: transparent; }
.main_visual .search_wrap input[type="text"]:focus { background: rgba(255, 255, 255, 0.8); }
.main_visual .search_wrap .vis_search_btn { position: absolute; top: 0; right: 0; border: 0; background: none;cursor: pointer;}
.main_visual .search_wrap .hashtag { margin-top: 13px; display: flex; flex-wrap: wrap; gap: .5rem; }
.main_visual .search_wrap .hashtag a { display: inline-block; padding: 5px 15px 2px; background: rgba(255, 255, 255, .6); border-radius: 500px; font-family: 'GmarketSans'; font-size: .7rem; font-weight: 700; }
/* .main_visual .search_wrap .hashtag a::before { content: '#'; } */

/* 이미지 */
.main_visual .visual{ position: absolute; width: 100%; height:100%; z-index:0; top:0; }
.main_visual .visual div{ width: 100%; height:100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

/* 버튼 */
.main_visual .control{position:absolute; bottom:18px; z-index:999;}
.main_visual .control a{display:block; width:12px; height:1.25rem; margin:0 0.25rem; text-indent:-9999%; overflow:hidden; float:left;}
.main_visual .control a.btn_stop { background:url('/images/web/ncrc/main/btn_m_stop.png') no-repeat center; }
.main_visual .control a.btn_play { display:none; background:url('/images/web/ncrc/main/btn_m_play.png') no-repeat center; }

/* 비주얼팝업 */
.m_popWrap{position: absolute; right:2%; bottom:2rem; z-index:99999; }
.m_popWrap h2{position: absolute; left:5%; bottom:0; width:90%; background:#01bef5; border-radius:1rem; line-height:1.7rem; font-size:0.85rem; font-weight: 600; z-index:1;}
.m_popWrap h2 span{display:block; text-align:center;/*  margin-right:1rem; */}
.m_popWrap .m_pop{width:8.5rem; height:8.5rem; border-radius:50%; border:8px solid #01bef5; overflow:hidden; background:rgba(0,0,0,0.7);}
.m_popWrap .m_pop div{height:100%;}
.m_popWrap .m_pop a{display:block; width:100%; height:100%;}
.m_popWrap .m_pop img{position:relative; width:101%; height:auto; left:50%; top:65%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
.m_popWrap .control a{position: absolute; right:5%; bottom:0.25rem; width:1.5rem; height:1.5rem; margin-right:0.25rem; border-radius:50%; z-index:2; text-indent:-9999em; overflow:hidden;}
.m_popWrap .control #m_popStop{background:#fff url('/images/web/ncrc/main/m_pop_stop.png') no-repeat center;}
.m_popWrap .control #m_popPlay{display:none; background:#fff url('/images/web/ncrc/main/m_pop_play.png') no-repeat center;}
.m_popWrap:hover .m_pop{border-color:#0fbe65;}
.m_popWrap:hover h2{background:#0fbe65; color:#fff;}
.m_popWrap .m_pop, .m_popWrap h2{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }

/* 팝업존 *//* 210129 */
.popup { position:absolute; top: 20%; left: 70%;width:330px; height:360px; background-color:rgba(255,255,255,0.5); box-shadow:0 3px 5px rgba(0,0,0,0.2); border-radius:15px 15px 50px 15px;
margin-top:0; padding: 15px 15px 40px; }/*210203*/
.popup h3 { position:absolute; left:-9999em; top:-9999em; width:1px; height:1px; text-indent:-9999em; overflow:hidden; }
.popup .popupList,
.popup .popupList div { height:100%; }

.popup .popupList .slick-list { border: 1px solid #b7c2c6; border-radius: 15px; }
.popup .popupList .box { background:#ccc; }

.popup .popupList img { width:345px; height:auto; position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); }/*210203*/
.popup .control { width: 90%; height: 38px; position:absolute; bottom:0; display: flex; justify-content: center; align-items: center; }
.popup .control a { display:block; width: 0; height: 0; border-left: 14px solid #333; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 0; text-indent:-9999em; overflow:hidden; transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }


.popup .control a.btn_prev { transform: rotate(180deg); }
.popup .control a.btn_next {  }
.popup .control .count { font-family:'GmarketSans'; font-size:0.75rem; font-weight: 400; text-align: center;}
.popup .control .count #current { color: #2e80ec; }
/* .main .popupList div {height: 96%;} *//*201027*/
.main .popupList img {width: 100%;height:100%;position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}/*210203*/
.main .control .count {padding: 0 1.13rem;font-size:0.75rem;float:right;}/*201027*/

/* 바로가기01 *//* 200813 */
.mLink { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; width:100%; max-width: 1265px; padding: .9rem 2.5rem 0; overflow:hidden; font-family:'GmarketSans'; z-index: 999; background-color: rgba(255,255,255,0.8); border-radius: 20px; box-shadow: -5px 5px 10px rgba(0, 0, 0, .1); }
.mLink h3 { position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden; }
.mLink ul{font-size:0; line-height:0; }
/* Main페이지 둥근탭 추가로 width 9%에서 8.3 으로변경*/
.mLink ul li { width:8.3%; padding: 2px; display:inline-block; vertical-align:top; text-align:center; }
.mLink ul li a{display:block;}/*201210 수정*/
.mLink ul li a p { position:relative; width:80px; height:80px; line-height:80px; margin:0 auto; border: 1px solid #afc0ce; border-radius:50%; background:#fff; }
.mLink ul li a p:before { content:""; position:absolute; left:50%; top:50%; width:1px; height:1px; border-radius:50%; opacity:0; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); background:#fff; z-index:0; }
.mLink ul li a p::after { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:2px solid #f4f3f3; box-sizing:border-box; -webkit-box-sizing:border-box; z-index:1; }
.mLink ul li a img { position:relative; }
.mLink ul li a span { display:block; margin:0.75rem 0 0; line-height:1.2; font-size:0.8rem; }
.mLink ul li a:hover { color:#004a96; text-decoration:underline; }
.mLink ul li a:hover p:after { border-color:#14586d; }
.mLink ul li a:hover p:before { width:100%; height:100%; opacity:1; }
.mLink :before, .mLink :after { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
.mLink > a { position: absolute; top: 0; width: 2.5rem; height: 100%; background: #fff; text-indent:-9999em; overflow:hidden; }
.mLink > a::after { content: ""; position: absolute; top: 50%; left: 70%; width: 30px; height: 30px; border-top: 2px solid #333; border-right: 2px solid #333; transform: translate(-50%,-50%) rotate(45deg); }
.mLink a#mLinkPrev { left: 0; }
.mLink a#mLinkPrev::after { transform: translate(-50%,-50%) rotate(-135deg); }
.mLink a#mLinkNext { right: 0; }
.mLink a#mLinkNext::after { left: 30%; }

/* 게시판 *//* 200813 */
.bbs_card.loyal_box .notice { position:relative; width:990px; height:300px; float:left; font-family:'GmarketSans'; top: 60px; left: 200px;}

.notice { position:relative; width:1030px; height:300px; float:left; font-family:'GmarketSans'; }
.notice h3 { position:absolute; top:0; width:20%; }
.notice h3 a { position:relative; display:block; height:40px; line-height:40px; border:1px solid #ccc; margin-right:0.5rem; font-size:0.85rem; color:#222; letter-spacing:-0.5px; text-align:center; background:#fff;}
.notice h3 a:before { content:""; position:absolute; left:50%; bottom:0; width:10px; height:10px; margin-left:-5px; background:#004a96; transform:rotate(45deg); -webkit-transform:rotate(45deg); opacity:0; transition:all .1s ease; -ms-transition:all .1s ease; -webkit-transition:all .1s ease; }
.notice h3.tit_1 { left:0; }
.notice h3.tit_2 { left:20%; }
.notice h3.tit_3 { left:40%; }
.notice h3 a:hover { color:#000; border-color:#004a80; }
.notice h3.current a { color:#fff; background:#004a80; border-color:#004a80; }
.notice h3.current a:before { bottom:-5px; opacity:1; }
.notice .list_box.on { display:block; }
.notice .list_box { position:relative; width:100%; margin:70px 0 0; display:none; }
.notice .list_box ul { height:399px; overflow:hidden; }
.notice .list_box ul li { width:32%; margin-left:2%; float:left; }
.notice .list_box ul li:first-child { margin-left:0; }
.notice .list_box ul li a { display:block; position:relative; height:228px; padding:35px 35px 0; border:1px solid #ccc; line-height:1.3; text-align:left; color:#555; box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff;}
.notice .list_box ul li a .tit { height:2rem; line-height:1.1rem; font-size:0.9rem; color:#000; overflow:hidden; word-break:keep-all; }
.notice .list_box ul li a .cont { font-family:'NotoSans'; line-height:1rem; height:3rem; overflow:hidden; margin:0.4rem 0 1.15rem; letter-spacing:-0.5px; }
.notice .list_box ul li a .date { color:#666; font-size:0.7rem; float:left; }
.notice .list_box ul li.new a::before { content:"N"; position:absolute; left:0; top:0; width:30px; height:30px; line-height:34px; text-align:center; background:#f00; color:#fff; font-size:0.6rem; font-weight:600; }
.notice .list_box a.btn_more { display:block; position:absolute; right:0; top:-69px; width:38px; height:38px; text-indent:-9999em; border:1px solid #ccc; z-index:1; background:#fff url('/images/web/ncrc/main/btn_more.png') no-repeat center}
.notice .list_box a.btn_more:hover { border-color:#004a80; }
.notice .list_box ul li a:hover { border-color:#004a80; }
.notice .list_box ul li a:hover .tit { color:#004a80; }
.notice .list_box ul li a:hover .cont { text-decoration:underline; }
.notice a, .notice p { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }



/* 카드뉴스 : 200624 삭제
.newsWrap { position:relative; width:420px; height:480px; margin:1px 0 0; background:#fff; float:right; }
.newsWrap:before { content:""; position:absolute; width:100%; height:150px; left:0; bottom:0; background:#045fc6; }
.newsWrap h3 { font-family:'GmarketSans'; color:#111; line-height:2.2rem; font-size:1.25rem; padding:1.55rem 1.25rem 1.25rem; }
.newsWrap .newsList a { display:block; padding:10px 1rem 0; color:#fff; text-align:center; }
.newsWrap .newsList a .img { position:relative; width:265px; height:270px; margin:0 auto; }
.newsWrap .newsList a .img:before { content:""; position:absolute; width:100%; height:222px; left:10px; top:10px; background:url('/images/web/ncrc/main/pttrn_slide.png'); }
.newsWrap .newsList a .img img { position:relative; width:100%; height:100%; }
.newsWrap .newsList a strong { width:100%; margin:0.75rem 0; display:block; line-height:1rem; font-size:0.9rem; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-1px; }
.newsWrap .newsList a span { float:left; font-size:0.8rem; opacity:0.8; }
.newsWrap .newsList a span em { color:#fff; }
.newsWrap .newsList a:hover strong { text-decoration:underline; }
.newsWrap .control { position:absolute; right:-20px; bottom:0; padding:10px 1.5rem 10px 1rem;
background:#6dd3da;
background:-moz-linear-gradient(left,  #6dd3da 0%, #0182e0 100%);
background:-webkit-linear-gradient(left,  #6dd3da 0%,#0182e0 100%);
background:linear-gradient(to right,  #6dd3da 0%,#0182e0 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dd3da', endColorstr='#0182e0',GradientType=1 );
}
.newsWrap .control:before { content:""; position:absolute; right:0; top:-8px; width:20px; height:8px; background:url('/images/web/ncrc/main/bg_cardnews.png') no-repeat; background-size:100% 100%; }
.newsWrap .control a { display:block; width:35px; height:20px; float:left; margin:0 10px; text-indent:-9999em; overflow:hidden; }
.newsWrap .control a.btn_stop { width:14px; background:url('/images/web/ncrc/main/btn_stop.png') no-repeat center; }
.newsWrap .control a.btn_play { width:14px; display:none; background:url('/images/web/ncrc/main/btn_play.png') no-repeat center; }
.newsWrap .control a.btn_prev { background:url('/images/web/ncrc/main/btn_prev.png')no-repeat center; }
.newsWrap .control a.btn_next { background:url('/images/web/ncrc/main/btn_next.png')no-repeat center; }
.newsWrap a.btn_more { position:absolute; right:1.25rem; top:1.45rem; width:2.2rem; height:2.2rem; text-indent:-9999em; overflow:hidden; background:url('/images/web/ncrc/main/btn_more02.png') no-repeat center; }
.newsWrap .newsList a:hover .img { transform:translateY(-10px); -webkit-transform:translateY(-10px); }
.newsWrap .newsList a:hover .img:before { height:232px; }
.newsWrap .control a.btn_stop:hover,
.newsWrap .control a.btn_play:hover { transform:translateY(-3px); -webkit-transform:translateY(-3px); }
.newsWrap .control a.btn_prev:hover { transform:translateX(-5px); -webkit-transform:translateX(-5px); }
.newsWrap .control a.btn_next:hover { transform:translateX(5px); -webkit-transform:translateX(5px); }
.newsWrap a.btn_more:hover { transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.newsWrap a, .newsWrap .img { transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; } */

/* 배너 */
.bn_wrap { position:relative; width:100%; padding:1rem 0; background:#fff; }
.bn_wrap h2 { position:absolute; width:1px; height:1px; left:-9999em; top:-9999em; text-indent:-9999em; overflow:hidden; }
.bn_wrap .bnList { margin-left:100px; overflow:hidden; }
.bn_wrap .bnList a { margin:0 1.5rem; text-align:center; }
.bn_wrap .bnList a img { max-width:100%; max-height:40px; }
.bn_wrap .control { position:absolute; left:0; top:5px; }
.bn_wrap .control a { display:block; width:27px; height:27px; float:left; text-indent:-9999em; overflow:hidden; }
.bn_wrap .control a.btn_stop { width:26px; background:url('/images/web/ncrc/main/btn_b_stop.png') no-repeat center; }
.bn_wrap .control a.btn_play { width:26px; display:none; background:url('/images/web/ncrc/main/btn_b_play.png') no-repeat center; }
.bn_wrap .control a.btn_next { background:url('/images/web/ncrc/main/btn_b_next.png') no-repeat center; }
.bn_wrap .control a.btn_prev { background:url('/images/web/ncrc/main/btn_b_prev.png') no-repeat center; }



/* 게시판02 210129*/
.cntWrap02{position: relative;}
.cntWrap02 .contBox{position: relative; overflow: hidden; }

.notice02 {height:100%; }
h3.m_sec_tit { font-size: 1.9rem; line-height: 1.3; letter-spacing: -2px; font-weight: 500; color: #222; }
h3.m_sec_tit span { color: #2f91e8; }
.notice02 .tab_btn { margin-right: 1rem; padding-right: 1rem; font-size: .9rem; color: #333; position: relative; }
.notice02 .tab_btn::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1rem; background: #999; }
.notice02 .tab_btn.tit_5::after { display: none; }
.notice02 .tab_btn.active { color: #2f91e8; }
.notice02 .tab_btn_wrap { margin-top: 1.8rem; display: flex; }

.notice02 .tab_btn > a{display: inline-block;position: relative;}
.notice02 .tab_btn.active > a{font-weight: 700;}
.notice02 .tab_btn.active > a::after{content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;right: 0;background-color: #2f91e8;}


.notice02 .tab_box_wrap { position: relative; margin-top: 2rem; }
.tab_box_wrap > .tabs { opacity: 0; height: 0; pointer-events: none; visibility: hidden; position: relative; }
.tab_box_wrap > .tabs.active { opacity: 1; height: fit-content; visibility: visible; pointer-events: auto; }


.notice02 .tabs ul .slick-slide { margin: 0 1rem; }
.notice02 .tabs ul .slick-list { margin: 0 -1rem; padding: 20px 0; }

.slide_arrow { display: block; width: 40px; height: 40px; text-indent:-9999em; overflow:hidden; background: url('/images/web/ncrc/main/slide_arrow.png') no-repeat 50% 50%; }
.slide_arrow.next { transform: rotate(180deg); }
.notice02 .slide_arrow { position: absolute; top: 40%; }
.notice02 .slide_arrow.prev { left: -56px; }
.notice02 .slide_arrow.next { right: -56px; }

.notice02 .tabs ul li { overflow: visible; padding-bottom: 14.6%; max-height: 100%; box-shadow: 3px 3px 6px rgba(0, 0, 0, .1); position: relative; border-radius: 10px; background-repeat: no-repeat; background-position: 50% 0; background-size: 100%; }
.notice02 .tabs ul li a { padding: 1.5rem; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; flex-direction: column; justify-content: flex-end; text-align: center; }

.notice02 .tabs ul li a .con { font-family: 'GmarketSans'; font-weight: 900; color: #000; line-height: 1.4;  text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.notice02 .tabs ul li::before { content:""; position: absolute; left: 50%; transform: translateX(-50%); top: 27%; width: 76px; max-width: 27%; height: 73px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; }
.notice02 .tabs ul li::after { content:""; position: absolute; left: 50%; transform: translateX(-50%); top: 15%; padding: 3px 5px 0px 5px; border-radius: 3px; font-family: 'GmarketSans'; font-size: .75rem; font-weight: 900; color: #000; z-index: 0; }

.notice02 .tabs ul li.event { background-image: url('/images/web/ncrc/main/card_yellow.png'); }
.notice02 .tabs ul li.schship02,
.notice02 .tabs ul li.noti{ background-image: url('/images/web/ncrc/main/card_green.png'); }
.notice02 .tabs ul li.event02,
.notice02 .tabs ul li.noti02 { background-image: url('/images/web/ncrc/main/card_blue.png'); }
.notice02 .tabs ul li.schship { background-image: url('/images/web/ncrc/main/card_pink.png'); }

.notice02 .tabs ul li.event::before { background-image: url('/images/web/ncrc/main/card_yellow_ico.png'); }
.notice02 .tabs ul li.schship02::before,
.notice02 .tabs ul li.noti::before { background-image: url('/images/web/ncrc/main/card_green_ico.png'); }

.notice02 .tabs ul li.event02::before, 
.notice02 .tabs ul li.noti02::before { background-image: url('/images/web/ncrc/main/card_blue_ico.png'); }

.notice02 .tabs ul li.schship::before { background-image: url('/images/web/ncrc/main/card_pink_ico.png'); }


.notice02 .tabs ul li.event::after { content: "기관소식"; background-color: #fedb3c; }
.notice02 .tabs ul li.schship02::after,
.notice02 .tabs ul li.noti::after { content: "보도자료"; background-color: #c2d84e; }

.notice02 .tabs ul li.event02::after, 
.notice02 .tabs ul li.noti02::after { content: "공지사항"; background-color: #9fd8ee; }

.notice02 .tabs ul li.schship::after { content: "채용공고"; background-color: #f4b9ca; }

.notice02 .tabs.list_box_2 ul li { background-image: url('/images/web/ncrc/main/card_blue.png'); }
.notice02 .tabs.list_box_3 ul li { background-image: url('/images/web/ncrc/main/card_green.png'); }
.notice02 .tabs.list_box_4 ul li { background-image: url('/images/web/ncrc/main/card_yellow.png'); }
.notice02 .tabs.list_box_5 ul li { background-image: url('/images/web/ncrc/main/card_pink.png'); }

.notice02 .tabs.list_box_2 ul li::before { background-image: url('/images/web/ncrc/main/card_blue_ico.png'); }
.notice02 .tabs.list_box_3 ul li::before { background-image: url('/images/web/ncrc/main/card_green_ico.png'); }
.notice02 .tabs.list_box_4 ul li::before { background-image: url('/images/web/ncrc/main/card_yellow_ico.png'); }
.notice02 .tabs.list_box_5 ul li::before { background-image: url('/images/web/ncrc/main/card_pink_ico.png'); }

.notice02 .tabs.list_box_2 ul li::after { content: "공지사항"; background-color: #9fd8ee; }
.notice02 .tabs.list_box_3 ul li::after { content: "보도자료"; background-color: #c2d84e; }
.notice02 .tabs.list_box_4 ul li::after { content: "기관소식"; background-color: #fedb3c; }
.notice02 .tabs.list_box_5 ul li::after { content: "채용공고"; background-color: #f4b9ca; }



.notice02 .tabs a.btn_more{ position: absolute; top: -65px; right: 0; font-weight: 700; display: none; }
.notice02 .tabs.active a.btn_more{ display: block; }


/* SNS */
.cntWrap02_1 { margin-top: 4rem; padding-top: 4rem; padding-bottom: 6rem; background: url('/images/web/ncrc/main/main03_bg.jpg') no-repeat 50% 50%; }
.snsWrap { width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } 
.snsWrap .title_wrap { width: 100%; margin-bottom: 3rem; }
.snsWrap .title_wrap h3 { margin-bottom: 1rem; }
.snsWrap .snsList .box .img img {object-fit: cover;width: 100%;height: 100%;}
.snsWrap .snsList { width: 800px; display: flex; justify-content: space-between; }
.snsWrap .snsList > a { display: block;  width: 31.25%; }
.snsWrap .snsList > a + a { margin-left: 3.1%; }
.snsWrap .snsList .box {}
.snsWrap .snsList .box .img {max-width: 250px;height: 250px;overflow: hidden;border-radius: 10px;box-shadow: 3px 3px 5px rgba(51, 51, 51, .4);}
.snsWrap .snsList .box strong { display: block; padding: 0 5px; margin-top: .9rem; font-size: .85rem; font-weight: 600; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* 홍보동영상 *//* 200624 */
.video_wrap { width: 560px; align-items: flex-end; }
.video_wrap img { width: 100%; box-shadow: 3px 3px 5px rgba(51, 51, 51, .4); }

/*
.ncrc_news { width: 1400px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } 
.ncrc_news .title_wrap { width: 100%; }
.ncrc_news .title_wrap h3 { margin-bottom: 1rem; }
.ncrc_news ul { width: 800px; margin-top: 3rem; display: flex; justify-content: space-between; }
.ncrc_news ul li{ width: 31.25%; }
.ncrc_news ul li a{}
.ncrc_news ul li a .img_wrap { max-width: 250px; max-height: 250px; overflow: hidden; border-radius: 10px; box-shadow: 3px 3px 5px rgba(51, 51, 51, .4); }
.ncrc_news ul li a:hover .img_wrap{opacity: 0.7; }
.ncrc_news ul li a .con { padding: 0 5px; }
.ncrc_news ul li a .con p { margin-top: .9rem; font-size: .85rem; font-weight: 600; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ncrc_news ul li a .con::before{content:""; position: absolute; width:23px; height:23px; left:0; top:-23px;}
.ncrc_news ul li a .con:hover{text-decoration: underline;}
.ncrc_news ul li a i{display: block; position: absolute; color: #333; width: 50px; height: 50px;}
.ncrc_news ul li a .con, .ncrc_news ul li a:hover .img_wrap, .ncrc_news a.btn_more span::after{transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
*/




/*간행물*/
.ncrc_news  { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ncrc_news .title_wrap { position: relative; }
.ncrc_news .title_wrap h3 { margin-bottom: 1.2rem; }
.ncrc_news .title_wrap .control { position: absolute; top: 63px; right: 0; display: flex; flex-wrap: wrap; gap: 10px; }

.ncrc_news .bookList { max-width: 912px; }
.ncrc_news .bookList .slick-list { margin: 0 -.75rem; padding: 10px 0; }
.ncrc_news .bookList li { margin: 0 .75rem; border-radius: 10px; overflow: visible;  box-shadow: 3px 3px 6px rgba(0, 0, 0, .1); }
.ncrc_news .bookList li .img_wrap { max-height: 10.5rem; overflow: hidden; }
.ncrc_news .bookList li .img_wrap img { width: 100%; object-fit: cover; }
.ncrc_news .bookList li .con { position: relative; }
.ncrc_news .bookList li .con p { height: 4rem; padding: 0 1rem; background: #fff; display: flex; justify-content: center; align-items: center; text-align: center; }
.ncrc_news .bookList li .con p b { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ncrc_news .bookList li .con span { position: absolute; top: -2rem; left: 0; display: flex; width: 7rem; height: 2rem; justify-content: center; align-items: center; background: #2d91e7; border-radius: 0 20px 0 0; font-size: 14px; color: #fff; text-align: center;  }

.btn_wrap { display: flex; justify-content: space-between; margin-top: 2rem; }
.btn_wrap > a { display: block; width: 46%; padding: 10px 0; background: #fff; border: 1px solid #2d91e7; border-radius: 5px; color: #2d91e7; line-height: 1.3; text-align: center; }
.btn_wrap > a.fill { background: #2d91e7; color: #fff; }

@media screen and (max-width:1460px) {

    #container{margin:160px 0 0;}
	.cntWrap02 {width: 100%;}/*210420*/
	.cntWrap02 .contBox { width: 90%; }
	.cntWrap03 { width: 100%; }

	/* 메인비주얼 */
	.main_visual .slogan_wrap{ left:2%; margin-left:0; }

	/* 팝업존 *//* 210129 수정 */
    .popup { top: 17%; right: 2%; }

	/* 게시판 */
	.notice { width:65%; }

	/* 홍보동영상 */
	.video_wrap { width:33%; }

	/* SNS */
	.snsWrap { width:90%; }
	.snsWrap .control{display:block;}
	.snsWrap .snsList{margin:0 1.5rem;}

	/* 카드뉴스 : 200624 삭제
	.newsWrap { width:33%; }
	*/

    .cntWrap01 .sns_box{right: 2%; }/*210203*/
    
    .snsWrap .snsList { width: 57.143%; }
	.snsWrap .snsList .box img { width: 100%; }
	
	
	.ncrc_news .bookList { width: 65.1428%;  }
}

@media screen and (max-width:1200px) {

	#container { margin:80px 0 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }


	/* 메인비주얼 */
	.main_visual { height: 700px; background-size: cover; }
	/*.main_visual::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3) }*/
	.main_visual .slogan_wrap { text-align: left; padding-left: 2rem; margin-top: 2rem; }
	.main_visual .slogan { width: fit-content; padding: 3rem 3rem 1rem 0; background: rgba(255, 255, 255, .7); }
	.main_visual .slogan .slick-dots{right: 30%;}
	
	.main_visual .search_wrap { margin: 1rem 0 0; padding-left: 2rem; }
	/* 팝업존 : 200624 삭제
	.popup { width:34%; }*/

	/* 게시판 */
	.notice .list_box ul li a { padding:35px 1rem 0; }

	/* 카드뉴스 : 200624 삭제
	.newsWrap .control { right:0; padding:0.5rem 1rem; }
	.newsWrap .control:before { display:none; } */
	


 }

@media screen and (max-width:1019px) {

	.cntWrap02 { padding:20px 0; }
	.cntWrap02_1 { padding-bottom: 0; }

	/* 메인비주얼 */
	.main_visual{height:600px;}
	.main_visual .slogan_wrap { width:70%; /* top:50%; left:3%; */ margin-top:1rem; }/* 210129 */
	.main_visual .slogan .txt .tit { font-size: 2.8rem; }
	.main_visual .slogan .txt .txt01 { font-size: 1.5rem; }
	
	

	/* 비주얼팝업 *//* 200813 */
	.m_popWrap{ position: relative; width:95%; right:auto; bottom:auto; margin:1rem auto; padding:0.5rem 0; }
	.m_popWrap h2{position:relative; left:auto; top:auto; width:auto; margin-left:3rem; padding:1.5rem 0; z-index:0; }
	.m_popWrap h2 span{font-size:1rem; text-align:left; padding-left:4.5rem; }
	.m_popWrap .m_pop{position:absolute; left:0; top:0; width:6rem; height:6rem; border-width: 4px; }
	.m_popWrap .control a{left:4.8rem; right:auto; bottom:15%; }

	/* 팝업존 : 200624 삭제
	.popup { position:relative; width:96%; margin:20px auto 0; top:auto; right:auto; }
	.popup .control{right:50%; margin-right:-172px;}*/

	/* 팝업존 *//* 210129 */
    .popup {position: absolute; width:250px; height:250px; top:24%; right: 0; }
    .popup .control a { width:62px;  }

	/* 게시판 */
    .bbs_card.loyal_box .notice { position:relative; width:990px; height:300px; float:left; font-family:'GmarketSans'; top: 60px; left: 0px;}

	.notice h3 { width:25%}
	.notice h3.tit_2 { left:25%; }
	.notice h3.tit_3 { left:50%; }
	.notice .list_box ul li { width:49%; }

	/* 바로가기01 *//* 200813 */
	.mLink { padding:0; width: 93%; }
	.mLink ul li { width:20%; margin:0.5rem 0; }

	/* SNS */
	.snsWrap { height:auto;}
	.snsWrap .snsList { width: 100%; }
	.snsWrap .snsList .box:nth-child(even){margin:0;}

	/* 홍보동영상 *//* 200624 */
	.video_wrap { width:100%; height:300px; margin:1.5rem 0 0; }
	.video_wrap div{height:300px; text-align: center; }
	.video_wrap img { max-width: 560px; }

	/*layerPopup__200714 추가*/
	.layerPopup_wrap{overflow:auto;}
	.layerPopup { top:10%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin:0 0 1rem;}

	/* 카드뉴스 : 200624 삭제
	.newsWrap { width:100%; margin:1.5rem 0 0; }
	.newsWrap h3 { padding:1.25rem; }
	.newsWrap a.btn_more { right:1.25rem; top:1.15rem; }*/

	    /*210202 학보*/
    .cntWrap03 { padding-bottom: 3rem; }
    .cntWrap03 .container { width: 90%; }
	.ncrc_news .title_wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
	.ncrc_news .title_wrap h3 { width: 100%; }
	.ncrc_news .title_wrap .control { top: 80px; }
    .ncrc_news .bookList { width: 100%; max-width: 100%; }
    .ncrc_news .btn_wrap { position: absolute; top: 0; right: 0; width: 260px; margin: 0; }
 }

@media screen and (max-width:940px){
	/*200714__후원안내*/
	.support_box{margin-bottom:25%;}
	.support_box h3{font-size:2rem;}
	.support_box h4{font-size:1.1rem;}
	.sptbox_link{margin-top:30%}
	.sptbox_link a.spt_info01,.sptbox_link a.spt_info02,.sptbox_link a.spt_info03{width: 80%;margin: 1% 10%;}
	.sptbox_link a.spt_info01 span,.sptbox_link a.spt_info02 span{min-width:150px}
}

@media screen and (max-width:768px) {
	
	.cntWrap02 { height: 31rem; }

    .main_visual .slogan_wrap { text-align: center; padding: 0; width: 100%; left: 0; }/* 210129 */
    .main_visual .slogan { width: 100%; }
	.main_visual .slogan .slick-dots{right: 40%;top:15rem}
	.main_visual .slogan .txt .tit{line-height: 1.2;letter-spacing: -4px;}
	.main_visual .slogan .txt .tit span{display: block;}
	.main_visual .slogan .txt .txt01{line-height: 1;margin-top: 0.5rem;}
	.main_visual .slogan .txt .txt01 span{display: block;}
	.main_visual .slogan .txt .link{margin-top: 1rem;}
	
	.main_visual .search_wrap { padding: 0; width: 70%; max-width: 95%; margin: 1rem auto; }
	/* 바로가기01 */
	.mLink { position: relative; top: auto; left: auto; margin: 50px auto 0; transform: none; }

	/* 게시판 */
	.notice { width:100%; height:auto; margin:1rem 0; }
	.notice .list_box ul,
	.notice .list_box ul li a{height:190px;}

	/* 팝업존 *//* 210129 */
	.popup { width:280px; height: 280px; position: relative; margin: 0 auto; margin-top: 120px; top: 0; right: auto; left: auto; }
    .popup .popupList .box { background:#eee; }

	/* 홍보동영상 : 200624 삭제
	.video_wrap */

	/*200714__후원안내*/
	.support_box{margin-bottom:15%;background-position-y:-50px;}
	.sptbox_link{margin-top:20%;}

	 /*게시판 210129*/
    .notice02 {width: 100%; height: 280px;/* background: #fff;*/ position: relative; margin-top: 30px; padding:0;}
    .notice02 .list_box ul {margin:0 10px 0 0; padding-top:10px; overflow:hidden;}
    .notice02 .list_box a.btn_more{right: 0;}

    /*210128 학보*/

    .ncrc_news{width: 100%;padding-bottom: 20px;position: relative;overflow: hidden;}/*210420*/
    .ncrc_news ul li{width:33%; float:left;}
}

@media screen and (max-width:580px) {
	
	.cntWrap02 { margin-top: 0; }
	
	/* sns 바로가기 *//* 200803 */
	.sns_box a{width:1.8rem; height:1.8rem;}

	/* 전광판 : 200813 */
	.disbrd{width:96%;}

	/* 메인비주얼 *//* 200803 */
	.main_visual{height:310px; overflow: visible;}
	.main_visual .slogan_wrap { width:100%; /*left:5%;*/ margin-top:1rem;}
	.main_visual .slogan { padding: 3rem 0 1rem; }
	/* .main_visual .slogan .txt .tit span{width:50%;} */
	.main_visual .slogan .txt .tit{font-size:2.2rem;}
	.main_visual .slogan .txt .txt01{font-size:1rem;}
	.mLink { margin-top: 320px; }

	.notice02 .tab_btn_wrap { margin-top: 1.4rem; flex-wrap: wrap; justify-content: center; gap: 7px; }
	.notice02 .tab_btn_wrap h4 { background: #f5f5f5; margin: 0; padding: 3px 13px 1px; min-width: 80px; text-align: center; }
	.notice02 .tab_btn::after { display: none; }
	.notice02 .tab_box_wrap { margin-top: 3rem; }
	.notice02 .tabs a.btn_more { top: -30px; }
	.notice02 .slide_arrow.prev { left: -25px; }
	.notice02 .slide_arrow.next { right: -25px; }
	
	.notice02 .slick-list,
	.notice02 .slick-initialized .slick-slide { overflow: visible; }
	.notice02 .tabs ul li a { padding: 0; }
	.notice02 .tabs ul li a .con { font-size: .8rem; }
	.notice02 .tabs ul li a .date { margin-bottom: -60px; }
	.notice02 .tabs ul li::before { max-width: 50%; top: 35%; }
	.notice02 .tabs ul li::after { top: 20%; } 

	/* 게시판 */
	.notice { height:auto; }
	.notice h3 { width:28%}
	.notice h3.tit_2 { left:28%; }
	.notice h3.tit_3 { left:56%; }
	.notice .list_box ul { height:auto; }
	.notice .list_box ul li { width:100%; margin:0.25rem 0; }
	.notice .list_box ul li a .cont { margin:0.4rem 0 1rem; }

	/* SNS */
	.snsWrap .titWrap span { display:block; line-height:1.2; margin:0; }

	/* 홍보동영상 *//* 200624 */
	.video_wrap { height:200px; }
	.video_wrap a div{height:200px;}

	/*200714__후원안내*/
	.support_box{margin-bottom:15%;background-position-y:-30px;background-size:150%;}
	.support_box h3{font-size:1.5rem;}
	.support_box h4{font-size:1rem;}
	.sptbox_link a strong{font-size:1rem;}
	.sptbox_link a.spt_info01,.sptbox_link a.spt_info02{padding-top:5%;}
	.sptbox_link a.spt_info03{padding:4%;}
	.sptbox_link a.spt_info03::after{background-size:60%;}

	/* 바로가기01 *//* 200813 */
	.mLink ul li { width:33.33%;}

	/*학보 210129*/
	.ncrc_news .btn_wrap { position: static; margin-top: 20px; }

}

@media screen and (max-width:480px) {
	.main_visual { height: 400px; }
	
	#main_quick { right: 0; width: 110px; height: 110px; padding: 1.2rem; padding-top: 1.5rem; }
	#main_quick.active { width:280px; height: 280px; }
	#main_quick.active a.btn { width: 17px; height: 17px; margin: .5rem; }
	#main_quick ul li { background-size: 18px; margin-top: .5rem; padding-left: 1.5rem; }
	#main_quick ul li a { font-size: 12px; }
	
	.popup { margin-top: 180px; }
	.popup .popupList .attend img { width:auto; height:100%; position:relative; left:65%; transform:translateX(-50%); margin-top:0; -webkit-transform:translateX(-50%); }
	.container, .cntWrap02 {/* width:92%; */}/*210420*/

	/* 타이틀 */
	h3.m_sec_tit { font-size: 25px; text-align: center; }
	.title_wrap p { text-align: center; }

	/* 게시판 */
	.notice .list_box ul li a .tit { height:2rem; }

	/* 바로가기01 */
	.mLink ul li { width:33.33%; }
	.mLink ul li a p { width:80px; height:80px; line-height:80px; }
	.mLink ul li a img { width:48px; height:48px; }
	
	
	.cntWrap02 { height: 30rem; }

	/* SNS */
	.snsWrap .title_wrap { margin-bottom: 1rem; }
	.snsWrap .snsList { height:auto; margin: 0; flex-wrap: wrap; }
	.snsWrap .snsList li { width:100%; }
	.snsWrap .snsList > a { width: 100%; margin-bottom: 15px; }
	.snsWrap .snsList > a + a { margin-left: 0; }
	.snsWrap .snsList .box { display: flex; align-items: center; }
	.snsWrap .snsList .box img { width: 90px; }
	.snsWrap .snsList .box strong { margin-top: 0; margin-left: 20px; max-width: calc(100% - 110px); white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

	/*200714__후원안내*/
	.support_box{background-size:200%;}
	.support_box h3{font-size:1.3rem}
	.sptbox_link a.spt_info01,.sptbox_link a.spt_info02{border-radius:40px;}
	.li_w25.spt_banner > li {width:50%;}


	/*게시판 210129*/

    /*학보 210129*/
    .ncrc_news .title_wrap .control { display: none; }
    .title_wrap p { width: 100%; text-align: center; }
    .ncrc_news .btn_wrap { margin: 20px auto 0; }
}
@media screen and (max-width:380px) {

	/* 메인비주얼 */
	.main_visual .slogan .txt .tit{font-size:2rem;}
	.main_visual .slogan .txt .txt01{font-size:0.9rem;}

	/*200714__후원안내*/
	.sptbox_link ul li:first-child{width:30%;}
	.sptbox_link ul li:nth-child(3){width:38%;}
	.sptbox_link ul li:last-child{width:40%;}

	  /*게시판 210129*/
    .notice02 .list_box ul li a.new p.con::after{right: -12px;}

    .snsWrap .titWrap .sns_box {  top:30px; }/*210420*/
}




/*jys 04.18 web accessibility*/

/*.notice02 .list_box ul li a:focus{border: 1px solid #000;}*/
/*.notice02 .list_box ul.all_list li .cate.event02 { border-color: #b14d27;  background-color: #b14d27; }*/
/*.notice02 .list_box ul.all_list li .cate.event { border-color: #b14d27; color: #b14d27; }*/
