@charset "utf-8"; #container{min-width: 1300px; margin: 0 auto;}
 .main_cont { width:100%; background-color:#eee; overflow:hidden; padding-top: 10px; }
 .closure_kakao { height: 217px; box-sizing: border-box; padding-top: 52px; font-size: 18px;}
 .closure_kakao span { display: block;}
 .closure_kakao .closure { float: left; margin-left: 30px;}
 .closure_kakao .closure span { display: block; line-height: 30px; position: relative;}
 .closure_kakao .closure span:before { content: ""; display: block; float: left; width:30px; height: 30px; border-radius: 30px; margin-right: 7px; }
 .closure_kakao .closure .time:before { background-color:#da608d; }
 .closure_kakao .closure .tel:before { background-color:#3b82da; }
 .closure_kakao .closure .fax:before { background-color:#3c4974; }
 .closure_kakao .closure span:after { content: ""; display: block; height: 18px; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat; position: absolute; top: 6px; }
 .closure_kakao .closure .time:after { width: 18px; background-position: -10px -71px; left: 6px; }
 .closure_kakao .closure .tel:after { width: 12px; background-position: -43px -71px; left: 9px; }
 .closure_kakao .closure .fax:after { width: 18px; background-position: -66px -71px; left: 6px; }
 .closure_kakao .closure .time em { font-size: 22px; font-weight: 400; margin-left: 13px; }
 .closure_kakao .closure .close { font-size: 17px; margin-top: 2px;}
 .closure_kakao .closure .phone { display: flex; margin-top: 17px; font-size: 22px; font-weight: 400; letter-spacing: 1px;}
 .closure_kakao .closure .phone em { display: block; text-indent: -999999px; width: 0; height: 0; float: left;}
 .closure_kakao .closure .tel { margin-right: 26px; color: #3b82da;}
 .closure_kakao .closure .fax { color:#3c4974; }
 .closure_kakao .kakao { width: 352px; height: 210px; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat; background-position: 0 -247px; text-indent: -99999px; position: absolute; right: 214px; top:22px; z-index: 4; }
 .cont_pop { width: 100%; margin: 0 auto; position: relative; }
 .cont_pop .vis_pop .swiper{position:relative;}
 .cont_pop .vis_pop .swiper-slide { width:960px; }
 .cont_pop .vis_pop .swiper-slide img { border-radius: 40px;}
 .cont_pop .vis_pop .control { position:absolute; width:1172px; left:50%; top: 177px; margin-left: -586px; z-index:2; }
 .cont_pop .vis_pop .control button { width: 80px; height: 80px; border-radius: 50px; background-color: #fff; display:inline-block; text-indent:-999999px; position: relative; box-shadow: 3px 2px 16px rgba(85,118,151,0.4); border: 3px solid #fff; box-sizing: border-box;cursor:pointer;}
 .cont_pop .vis_pop .control button.btn_prev { position: absolute; top: 0; left: 0;}
 .cont_pop .vis_pop .control button.btn_next { position: absolute; top: 0; right: 0;}
 .cont_pop .vis_pop .control button:after { content:""; display: block; background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat; width: 16px; height: 29px; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -15px;}
 .cont_pop .vis_pop .control button.btn_prev:after { background-position: -225px -17px; }
 .cont_pop .vis_pop .control button.btn_next:after { background-position: -281px -17px; }
 .cont_pop .vis_pop .control button:hover { border: 3px solid #3b82da; transition:ease-in-out 0.5s; }
 .cont_pop .vis_pop .pager_control { position: absolute; width: 1300px; left:50%; top: -60px; margin-left: -650px; text-align: right; line-height: 30px; display: flex; justify-content: right; }
 .cont_pop .vis_pop .pager_control .pager { width:auto;font-weight: 400; color: #7a7a7a; font-size: 16px; }
 .cont_pop .vis_pop .pager_control .pager span { display: block; float: left; margin: 0 14px;}
 .cont_pop .vis_pop .pager_control .pager .total { color:#da608d; position: relative; }
 .cont_pop .vis_pop .pager_control .pager .split { display: block;float: left; width: 3px; height: 11px; background-color:#999999; border-radius: 3px; transform: rotate(25deg);margin:9px 0 0;}
 .cont_pop .vis_pop .pager_control button { display: block; width: 30px; height: 30px;border:0;border-radius:100%;background:#767676 url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat; margin-left: 7px; text-indent: -999999px;cursor:pointer;}
 .cont_pop .vis_pop .pager_control button.btn_stop { background-position:-90px -66px; }
 .cont_pop .vis_pop .pager_control button.btn_stop.on { background-position:-110px -65px; }
 .cont_pop .icon_link { width: 1300px; margin: 60px auto 80px;}
 .cont_pop .icon_link ul { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
 .cont_pop .icon_link ul li { width: calc(20% - 27px); }
 .cont_pop .icon_link ul li a { border: 2px solid #fff; box-sizing: border-box; background-color: #fff; border-radius: 20px; display: flex; justify-content: center; padding: 22px 0; box-shadow: 3px 2px 16px rgba(85,118,151,0.4); }
 .cont_pop .icon_link ul li a .txt { display:block; font-size:18px; letter-spacing:-0.5px; line-height: 40px;}
 .cont_pop .icon_link ul li a .icon { background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat; height:44px; display:block; margin-right: 9px; }
 .cont_pop .icon_link ul .li01 a .icon { background-position: -10px -118px; width: 55px; }
 .cont_pop .icon_link ul .li02 a .icon { background-position: -80px -118px; width: 54px; }
 .cont_pop .icon_link ul .li03 a .icon { background-position: -151px -118px; width: 61px; }
 .cont_pop .icon_link ul .li04 a .icon { background-position: -226px -118px; width: 43px; }
 .cont_pop .icon_link ul .li05 a .icon { background-position: -284px -118px; width: 53px; }
 .cont_pop .icon_link ul li a:hover { color:#2a71ca; transition:ease-in-out 0.5s; border: 2px solid #3b82da;}
 .cont_pop .icon_link ul li a:hover .icon { transform:rotateY(180deg); transition:ease-in-out 0.5s; }
 .cont_pop .newwin { display: block; background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -151px -69px; width: 23px; height: 23px; text-indent: -999999px; margin: 9px 0 0 9px;}
 .cont_pop a:hover .newwin { background-position:-254px -69px; }
 .community_box .newwin { display: block; background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -151px -69px; width: 23px; height: 23px; text-indent: -999999px; margin: 9px 0 0 9px;}
 .notice_box .inner { padding: 68px 80px; }
 .notice_box h4 { font-size:30px; font-weight:bold; letter-spacing:-1px; text-align: center; margin-right: 40px; }
 .notice_box h4 em { color: #6b6b6b;}
 .notice_box .notice_list { margin-top:40px; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; }
 .notice_box .notice_list li { width:calc(25% - 28px); height: 265px; }
 .notice_box .notice_list li a { display: block; border: 2px solid #d3d3d3; border-radius: 30px; padding:30px; height: 265px; box-sizing: border-box; position: relative;}
 .notice_box .notice_list li a:hover { transition:ease-in-out 0.5s; border: 2px solid #3b82da; box-shadow: 3px 2px 16px rgba(85,118,151,0.4);}
 .notice_box .notice_list li a .notice_tit { width:100%; height:44px; font-size:20px; letter-spacing:-0.5px; font-weight:300; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 24px; margin-bottom: 20px; }
 .notice_box .notice_list li a .txt { line-height: 20px; color: #5d5d5d; height: 80px; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: -webkit-box; font-size: 15px; }
 .notice_box .notice_list li a .date { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
 .notice_box .notice_list li a .date .day { font-size:20px; font-weight:bold; }
 .notice_box .notice_list li a .date .week { margin-left:5px; color:#656565; font-weight:300; }
 .notice_box .notice_list li a .new_icon { background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -127px -200px; width:35px; height:12px; text-indent:-99999px; position: absolute; bottom: 30px; right: 30px; }
 .notice_box .more { position: absolute; left: 50%; top:65px; margin-left: 62px; }
 .notice_box .more a { display: block; width: 35px; height: 35px; background-color:#252525; border-radius: 30px; text-indent: -999999px;}
 .notice_box .more a:after { content: ""; display: block; background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -195px -73px; width:13px; height:13px; margin: -5px auto 0;}
 .notice_box .more a:hover { background-color:#3b82da; transition:ease-in-out 0.5s; }
 .community_box { padding-top:70px; background-color:#e8f6fb; padding-bottom: 78px; display: inline-block; width: 100%; height: 600px; }
 .community_box .inner { display: flex;}
 .comu_left { width: 920px;}
 .work_link {width:918px; height:276px; margin-bottom:25px; text-align:center; float: left; margin-right:20px; background-color: #fff; border-radius: 30px;}
 .work_link .btmm_title {width:92%; margin: 0 auto; font-size:24px; font-weight:bold; padding:34px 0px 26px; border-bottom:1px solid #dcdcdc;}
 .work_link .btmm_title em {color: #6b6b6b;}
 .work_link .work_info{padding:30px 33px 38px; display: block; overflow: hidden;}
 .work_link .work_info > div {float:left; width:30%; height:119px; margin-left:4%; border-radius: 18px;}
 .work_link .work_info > div:first-child {margin-left:0%;}
 .work_link .work_info > div.work_info_1{border:2px solid #428bde;}
 .work_link .work_info > div.work_info_2{border:2px solid #2cc26d;}
 .work_link .work_info > div.work_info_3{border:2px solid #eed814;}
 .work_link .work_info > div > h4 { font-weight:400; font-size:17px; padding:18px 0px; border-radius: 15px 15px 0 0; }
 .work_link .work_info > div > a { font-size:17px; line-height:66px; display: flex; justify-content: center; }
 .work_link .work_info > div > a em { display: block;}
 .work_link .work_info > div > a .newwin { margin: 21px 0 0 6px;}
 .work_link .work_info > div > a:hover .newwin { background-position:-254px -69px; }
 .work_info_1 > h4{ background:#428bde; color: #fff;}
 .work_info_2 > h4{ background:#2cc26d; color: #fff;}
 .work_info_3 > h4{ background:#eed814; color: #252525;}
 .left_botm {clear: both;}
 .rank { width:350px; height: 307px; padding:40px 40px; box-sizing:border-box; background-color: #fff; border-radius: 30px; float: left; position: relative; }
 .rank h4 { font-size:24px; font-weight:bold; }
 .rank h4 .lc { color:#3bb7da; }
 .rank h4 em { color: #6b6b6b;}
 .rank .date { font-size:14px; position:absolute; top:48px; right:45px; letter-spacing:-0.5px; color: #657993; }
 .rank .rank_list { margin-top:23px; border-top:1px solid #dcdcdc; padding-top:20px; }
 .rank .rank_list li { width:100%; position:relative; margin-bottom: 5px; }
 .rank .rank_list li a { width:100%; line-height:17px; display: block; position: relative; padding: 5px 0; text-align:left; }
 .rank .rank_list li a:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #428bde; position: absolute; top: 11px; left: 0;}
 .rank .rank_list li a:hover .rankword { color:#2a71ca; transition:ease-in-out 0.2s;}
 .rank .rank_list li.on a { font-weight:400; }
 .rank .rank_list li.on a .rankword { font-weight:400; }
 .rank .rank_list li a .rankword { width:96%; display:inline-block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; margin-left:11px; }
 .rank .rank_list li a .ricon { background:url("/youthcenter/images/youth/main/main_sp.png?build_20251210007") no-repeat -500px -23px; display:block; width:9px; height:3px; position:absolute; right:10px; top:8px; }
 .rank .rank_list li a .r_up { background-position:-442px -18px; width:11px; height:10px; }
 .rank .rank_list li a .r_down { background-position:-556px -18px; width:11px; height:10px; }
 .com_ask { float: left; position: relative; width:544px; height:307px; margin:0 0 0 26px; padding:35px 40px; background-color: #fff; box-sizing:border-box; border-radius: 30px; }
 .com_ask h4 { font-size:25px; font-weight:bold; line-height: 29px; }
 .com_ask h4 .tl { background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -11px -191px; width:96px; height:29px; margin-right:9px; margin-top: 1px; display:inline-block; text-indent:-99999px; vertical-align:middle; }
 .com_ask .dot_line { width:100%; height:1px; margin:23px 0; border-bottom:1px dashed #c9c9c9; display:block; }
 .com_ask .ask_list { margin-top:23px; border-top:1px solid #dcdcdc; padding-top:20px; }
 .com_ask .ask_list li { width:100%; position:relative; margin-bottom: 5px;}
 .com_ask .ask_list li a { width:96%; display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; line-height:17px; padding:5px 0 5px 12px; position: relative;}
 .com_ask .ask_list li a:hover {color:#2a71ca; transition:ease-in-out 0.2s;}
 .com_ask .ask_list li a:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 5px; background-color: #428bde; position: absolute; top: 11px; left: 0;}
 .com_ask .more { position: absolute; right: 42px; top:31px; }
 .com_ask .more a { display: block; width: 35px; height: 35px; background-color:#252525; border-radius: 30px; text-indent: -999999px;}
 .com_ask .more a:after { content: ""; display: block; background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -195px -73px; width:13px; height:13px; margin: -5px auto 0;}
 .com_ask .more a:hover { background-color:#3b82da; transition:ease-in-out 0.5s; }
 .com_top .com_cafe { background:url("/youthcenter/images/youth/main/cafe_img.png?build_20251210007") no-repeat; width:350px; }
 .com_top .com_cafe .cafe_tit { background:url("/youthcenter/images/youth/main/main_sp.png?build_20251210007") no-repeat -271px -141px; width:209px; height:76px; margin:65px auto 0; display:block; text-indent:-99999px; }
 .com_top .com_cafe .cafe_more { background:rgba(0,0,0,0.5); width:92px; height:35px; display:block; margin:28px auto 0; border:2px solid #fff; }
 .com_top .com_cafe .cafe_more a { width:100%; height:100%; color:#fff; font-size:14px; line-height:33px; text-align:center; display:block; position:relative; }
 .com_top .com_cafe .cafe_more a::before { content:''; width:14px; height:2px; display:block; position:absolute; right:-16px; top:-2px; background-color:#fff; }
 .com_top .com_cafe .cafe_more a::after { content:''; width:2px; height:14px; display:block; position:absolute; right:-2px; top:-16px; background-color:#fff; }
 .com_top .com_cafe .cafe_more:hover { background-color:#ff7b8e; border:2px solid #ff7b8e; transition:ease-in-out 0.5s; }
 .com_top .com_cafe .cafe_more:hover a::before { background-color:#ff7b8e; transition:ease-in-out 0.5s; }
 .com_top .com_cafe .cafe_more:hover a::after { background-color:#ff7b8e; transition:ease-in-out 0.5s; }
 .related_agency {width:355px; margin-left: 25px; height:385px; background-color: #fff; margin-bottom:30px; text-align:center; float: left; box-sizing:border-box; border-radius: 30px;}
 .related_agency .btmm_title {width:85%; margin: 0 auto; font-size:24px; font-weight:bold; padding:34px 0px 26px; border-bottom:1px solid #dcdcdc;}
 .related_agency .btmm_title em {color: #6b6b6b;}
 .related_agency .agency_list { width: 85%; margin: 30px auto 0;}
 .related_agency .agency_list li a {width: 100%; display:flex; justify-content: center; overflow: hidden; border-radius: 34px; text-align: center; line-height: 43px; height: 45px; font-size: 16px; border:2px solid #c1c1c1; margin-top: 15px; box-sizing: border-box;}
 .related_agency .agency_list li a:hover {background: #3b82da; color: #fff; border:2px solid #3b82da; transition:ease-in-out 0.5s; }
 .related_agency .agency_list li a em { display: block;}
 .related_agency .agency_list li a .newwin { margin:10px 0 0 6px;}
 .related_agency .agency_list li a:hover .newwin { background-position:-226px -69px; }
 .com_top > div { float:left; height:304px; position:relative; }
 .vod { width:355px; height:193px; overflow:hidden; background:url("/youthcenter/images/youth/main/vod_bg_2025_2.jpg?build_20251210007") no-repeat 0 0; margin-left: 25px; border-radius: 30px; }
 .vod:hover a { background-color:rgba(0,0,0,.5); transition: ease-in-out 0.5s;}
 .vod a { width:100%; height:100%; padding-top:54px; box-sizing:border-box; display:block; }
 .vod a .icon { width:50px; height:50px; margin:0 auto; border-radius:50px; display:block; border: 3px solid #fff; position: relative; }
 .vod a .icon:after { content: ""; display: block; width: 22px; height: 26px; position: absolute; top: 12px; left: 15px; background:url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -342px -28px;}
 .vod a:hover .icon { background-color: #c52130; border: 3px solid #c52130; transition: ease-in-out 0.5s; }
 .vod a .txt { margin-top:14px; font-size:23px; color:#fff; display:block; text-align:center; }
 .QR_img {position: absolute; left:-111px; top:465px;}
 .banner_box { height:140px; padding-top:60px; overflow:hidden; }
 .banner_box .inner { height:140px; }
 .banner_box h4 { position:absolute; top:20px; left:0px; font-size:18px; }
 .banner_box .banner_list { width:868px; padding-left:200px; }
 .banner_box .banner_list ul { }
 .banner_box .banner_list ul li { width:185px; height:60px; border:1px solid #d2d2d2; }
 .banner_box .banner_list ul li a { width:100%; height:100%; display:inline-block; }
 .banner_box .banner_list .bx-controls { position:absolute; left:100px; top:14px; }
 .banner_box .banner_list .bx-controls a { background:#f5f5f5 url("/youthcenter/images/youth/main/main_sp.png?build_20251210007") no-repeat -86px -275px; width:33px; height:33px; margin:0 1px; border:1px solid #d3d3d3; border-radius:40px; display:inline-block; text-indent:-99999px; }
 .banner_box .banner_list .bx-controls a.bx-prev { background-position:-85px -274px; }
 .banner_box .banner_list .bx-controls a.bx-next { background-position:-125px -274px; }
 .banner_box .banner_list .bx-controls a.bx-stop { background-position:-168px -274px; }
 .banner_box .banner_list .bx-controls a.bx-start { background-position:-213px -273px; }
 .banner_box .banner_list .bx-controls-direction { float:left; }
 .banner_box .banner_list .bx-controls-auto {float:left; }
 .banner_box .ship { background: url("/youthcenter/images/youth/main/main_sp.png?build_20251210007") no-repeat -856px -473px; width:140px; height:175px; display:block; position:absolute; bottom:-15px; right:55px; animation-name:move; animation-duration:5s; animation-iteration-count:infinite; z-index:-1; }
 @keyframes move{ 0% {right:55px;}
 50%{right:15px;}
 100%{right:55px;}
}
  .program_box {background-color: #e8f6fb; display: inline-block; width: 100%; padding: 68px 0 80px 0;}
 .program_box h4{font-size: 30px; font-weight: bold; letter-spacing: -1px; text-align: center; margin-right: 40px;}
 .program_box .more { position: absolute; left: 56%; top: -2px;}
 .program_box .more a {display: block;width: 35px; height: 35px; background-color: #252525; border-radius: 30px; text-indent: -999999px;}
 .program_box .more a:after {content: ""; display: block; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -195px -73px; width: 13px; height: 13px; margin: -5px auto 0;}
 .program_box .more a:hover {background-color: #3b82da; transition:ease-in-out 0.5s;}
 .program_box .program_list {margin-top: 40px; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
 .program_box .program_list li {width: calc(25% - 28px); height: 299px;}
 .program_box .program_list li a {display: block; border-radius: 30px; box-sizing: border-box; position: relative;}
 .program_box .program_list li a img{height:299px;border-radius:30px;overflow:hidden; border: 3px solid #d3d3d3;}
 .program_box .program_list li a span.tab_tab { width: 59px; height: 74px; position: absolute; top: 0; left: 19px; background: url(/youthcenter/contents/119/tab_sp.png) no-repeat 0 0; display: block; overflow: hidden; font-size: 15px; font-weight: 400; padding-top: 15px; text-align: center; letter-spacing: -0.1em; color: #fff;}
 .program_box .program_list li a span.state_finish {background-position: 0 0;}
 .program_box .program_list li a span.sstate_wait {background-position: 0 -90px;}
 .program_box .program_list li a span.state_receipt {background-position: 0 -180px;}
 .newsrelease_box {display: inline-block; width: 100%; height: 454px; padding: 68px 0 80px 0;}
 .newsrelease_box h4{font-size: 30px; font-weight: bold; letter-spacing: -1px; text-align: center; margin-right: 40px;}
 .newsrelease_box .more { position: absolute; left: 54%; top: -2px;}
 .newsrelease_box .more a {display: block;width: 35px; height: 35px; background-color: #252525; border-radius: 30px; text-indent: -999999px;}
 .newsrelease_box .more a:after {content: ""; display: block; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251210007") no-repeat -195px -73px; width: 13px; height: 13px; margin: -5px auto 0;}
 .newsrelease_box .more a:hover {background-color: #3b82da; transition:ease-in-out 0.5s;}
 .newsrelease_box .newsrelease_list {margin-top: 40px; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
 .newsrelease_box .newsrelease_list li {width: calc(25% - 28px); height: 299px;}
 .newsrelease_box .newsrelease_list li a {display: block; border: 2px solid #d3d3d3; border-radius: 30px; box-sizing: border-box; position: relative; transition:all .2s;}
 .newsrelease_box .newsrelease_list li a .img{height:195px;border-radius:30px 30px 0 0;overflow:hidden;}
 .newsrelease_box .newsrelease_list li a .img img{width:100%;height:100%;object-fit:cover;}
 .newsrelease_box .newsrelease_list li a .notice_tit_box { padding: 30px;}
 .newsrelease_box .newsrelease_list li a .notice_tit_box .notice_tit { height: 44px; font-size: 18px; letter-spacing: -0.5px; font-weight: 300; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 24px; margin-bottom: 20px;}
 .newsrelease_box .newsrelease_list li a .notice_tit_box .date {border-top:1px solid #ddd; margin-top: 30px; padding-top: 30px;}
 .newsrelease_box .newsrelease_list li a .notice_tit_box .date .day {font-size: 20px; font-weight: bold;}
 .newsrelease_box .newsrelease_list li a .notice_tit_box .date .week {margin-left: 5px; color: #656565; font-weight: 300;}