@charset "utf-8"; #wrap { min-width: 1630px;}
 .inner { position:relative; width:1300px; margin:0 auto;}
  #header { position: relative; height:114px; border-top:1px solid #e4e4e4; }
 .header_box { height:114px; }
 .header_box .inner { width: 96%; min-width: 1300px; margin: 0 auto; position: relative;}
 .logo_box { z-index:1; }
 .logo_box h1 { float:left; padding-top:37px; z-index:1; }
 .header_box .inner > .header_left { left:-910px; }
 .header_right { position: absolute; right: 0; top: 28px;}
 .header_right li { float: left;}
 .header_right li a {display: block; line-height: 55px;}
 .header_right li.sitemap { margin-left:17px; }
 .header_right li.sitemap a { display: block; width: 55px; height: 55px; border-radius: 50px; background-color:#3b82da; text-indent: -99999px; position: relative; }
 .header_right li.sitemap a:after { content: ""; display: block; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251027002") no-repeat -10px -10px; width: 21px; height: 19px; position: absolute; top: 18px; left: 17px;}
  #top_menu { float:left; width:100%; height:100%; text-align:center;}
 .gnb { background-color:#fff; height:117px; margin-left: 25%; }
 .gnb > li { display:inline-block; vertical-align:top; text-align:center; position: relative;}
 .gnb > li > a {display:block; color:#000; font-size:20px; font-weight:300; letter-spacing:-1px; padding: 47px 0px; margin: 0 40px; position: relative; box-sizing: border-box;}
 .gnb > li:hover > a {color:#1b5ba9;}
 .gnb > li.on > a {color:#1b5ba9;}
 /*.gnb > li.on > a:after{content: ''; position: absolute; top: 55%; left: 50%; width: 19px; height: 8px; margin: 20px 0 0 -9.5px; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251027002") no-repeat -233px -200px; z-index:110; }
*/ .gnb > li > .gnbB_wrap {position:absolute; top:105px; left:60%; background-color:#fff; width:100%; padding:12px 22px; z-index: 100; display: none; border:2px solid #3b82da; border-radius:30px; }
 .gnb > li > .gnbB_wrap > .gnbB > li {margin:12px 0;}
 .gnb > li > .gnbB_wrap > .gnbB > li a { font-size:16px; letter-spacing:-0.5px; }
 .gnb > li > .gnbB_wrap > .gnbB > li a:hover {color:#1b5ba9; }
 .gnb > li > .gnbB_wrap > .gnbB > li.on a{color: #1b5ba9; font-weight: 400;}
 .gnb > li.gnbA2 > .gnbB_wrap {width:170px;}
 .gnb > li.gnbA5 > .gnbB_wrap {width:130px;}
 .gnb > li.gnbA a.newwin span.newicon{display: inline-block; position: relative; top: 6px; text-indent: -99999px; width: 15px; height: 12px; margin-left: 5px; background: url("/youthcenter/images/common/sub/SubMenu_Div_sp.png?build_20251027002") no-repeat 0 -568px;}
 .gnb > li > .gnbB_wrap > .gnbB > li > a.newwin span{display: inline-block; position: relative; top: 6px; text-indent: -99999px; width: 15px; height: 12px; margin-left: 5px; background: url("/youthcenter/images/common/sub/SubMenu_Div_sp.png?build_20251027002") no-repeat 0 -289px;}
 .gnb > li.gnbA > a.newwin:hover span.newicon{background-position: 0 -590px;}
 .gnb > li.gnbA .gnbB > li > a.newwin:hover span.newicon{background-position: 0 -360px;}
 .gnb > li > .gnbB_wrap > .gnbB > li > .gnbC { display:none; }
 /* .gnbA5 {background: url("/youthcenter/images/youth/common/layout_sp.png?build_20251027002?build_20250218005") no-repeat 0 -240px; width:56px; height: 60px; text-indent: -99999px; margin-top: 24px;}
 */ .sns_link{ margin-left: 25px;}
 .sns_link ul { width:100%; display:inline-block;}
 .sns_link ul li { float:left; width:56px; height:56px; margin-right:5px; }
 .sns_link ul li a { background:#bbbbbb url("/youthcenter/images/youth/common/layout_sp.png?build_20251027002?build_20250218005") no-repeat 0px 0px; width:100%; height:100%; display:block; border-radius:30px; text-indent:-99999px; }
 .sns_link ul li.naver a { background-position: 3px 4px; background-color:#00bf18;}
 .sns_link ul li.kakao a { background-position: -56px 4px; background-color:#eed814;}
 .sns_link ul li.instagram a { background-position: -1px -242px;}
 .sns_link ul li a:hover {transform: rotateY(180deg); transition: ease-in-out 0.5s;}
  /* .gnb .gnbA2 > a { padding-top: 68px;}
 .gnb .gnbA2::before { content:''; background: url("/youthcenter/images/youth/main/sp_2new.png?build_20251027002") no-repeat -45px -9px; width:147px; height:45px; display:block; position:absolute; top:16px; left:0; }
 */ section{position: relative;}
  #footer { height:285px; }
 .footer_wave { background:url("/youthcenter/images/youth/common/wave_bg.png?build_20251027002") repeat-x center; width:100%; height:25px; display:block; margin-top:-8px; }
 .footer_left { float:left; width:305px; }
 .footer_left ul { width:100%; display:inline-block; margin-top:92px; }
 .footer_left ul li { float:left; width:60px; height:60px; margin-right:13px; }
 .footer_left ul li a { background:#bbbbbb url("/youthcenter/images/youth/common/layout_sp.png?build_20251027002") no-repeat 0px 0px; width:100%; height:100%; display:block; border-radius:30px; text-indent:-99999px; }
 .footer_left ul li.naver a { background-position: 5px 6px; }
 .footer_left ul li.kakao a { background-position: -54px 6px; }
 .footer_left ul li.naver a:hover { background-color:#00bf18; transition: ease-in-out 0.5s; }
 .footer_left ul li.kakao a:hover { background-color:#eed814; transition: ease-in-out 0.5s; }
 .footer_cont { float:left; width:690px; padding-top:40px; }
 .footer_cont .f_logo { background:url("/youthcenter/images/youth/common/youth_f_logo_n.png?build_20251027002") no-repeat; width:281px; height:46px; margin:0 auto; display:block; text-indent:-99999px; }
 .footer_cont .address_box { margin-top:25px; text-align:center; color:#606060; }
 .footer_cont .guide { width:82%; display:block; padding:20px 32px; margin:0 auto; }
 .footer_cont .guide li { float:left; width:140px; }
 .footer_cont .guide li a { display:block; text-align:center; font-weight:400;}
 .footer_cont .guide li a:hover { color:#3b82da; transition: ease-in-out 0.5s; }
 .family_site { float:right; width:305px; height:147px; position:absolute; top:0px; right:0px; }
 .family_site > a { width:200px; height:48px; padding-left:20px; line-height:48px; border:1px solid #d1d2d4; display:inline-block; box-sizing:border-box; float:right; position:relative; top:100px; right:0px; }
 .family_site > a span { background: url("/youthcenter/images/youth/common/layout_sp.png?build_20251027002") no-repeat -196px -20px; width:14px; height:7px; margin:20px 25px 0 0; float:right; display:inline-block; text-indent:-99999px; }
 .family_site > a span.close { background-position: -238px -22px; }
 .family_site_box { position:absolute; right:0px; bottom:46px; width:200px; background-color:#fafafa; padding:20px; border:1px solid #d1d2d4; display:none; box-sizing:border-box; }
 .family_site_box li a { padding:7px 0px; display:block; border-bottom:1px dashed #b7b7b7; }
 .family_site_box li:first-child a { padding:0 0 7px; }
 .family_site_box li:last-child a { padding:7px 0 0 ; border-bottom:0px; }
 .family_site_box li a:hover { color:#d6465e; }
 #footer address { line-height: 26px;}
 .go_top{position: fixed; bottom: 50px; right: 42px; width: 62px; height: 62px; background-color: #3b82da; border-radius: 50%; color: #fff; text-align: center; overflow: hidden; font-size: 14px; letter-spacing: -1px; z-index: 1;}
 .go_top span.icon{display: block; width: 16px; height: 21px; margin: 11px auto 0; background: url("/youthcenter/images/youth/common/layout_sp.png?build_20251027002") no-repeat -323px -15px;}