@charset "utf-8"; #wrap { min-width: 1240px;}
 .inner { position:relative; width:1240px; margin:0 auto;}
  #header { position: relative; height:95px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; z-index:3; }
 .header_box { height:95px; }
 .logo_box { }
 .logo_box h1 { float:left; padding-top:32px; }
 .header_right { position:absolute; top:38px; right:0px; }
 .header_right ul { position:relative; }
 .header_right ul li { float:left; margin-left:30px; }
 .header_right ul li > a { width:24px; height:24px; display: inline-block; }
 .header_right ul li > a .icon { background:url("/images/jhinjae/common/layout_sp.png?build_20251015005") no-repeat 2px 0 ; display:block; text-indent:-99999px; }
 .header_right ul li.login > a .icon {background-position:2px 0px; }
 .header_right ul li.logout > a .icon {background-position:-47px 0px; }
 .header_right ul li.sitemap > a .icon {background-position:-105px -1px; }
 .header_right ul li.search > a .icon {background-position:-161px -1px; }
 .header_right ul li.login > a:hover .icon {background-position:2px -114px; }
 .header_right ul li.logout > a:hover .icon {background-position:-47px -114px; }
 .header_right ul li.sitemap > a:hover .icon {background-position:-105px -115px; }
 .header_right ul li.search > a:hover .icon {background-position:-161px -115px; }
 .header_right .search_box { position:absolute; top:0px; right:0px; display:none; z-index:1; }
 .header_right .search_box label { position:absolute; top:1px; left:15px; color:#000; z-index:1; font-size:13px; }
 .header_right .search_box input[type="text"] { background-color: #fff; height:30px; border-radius:30px; position:relative; z-index:0; margin:-4px 64px 0 0; padding-left:15px; font-size:15px; }
 .header_right .search_box input[type="submit"] { background:#334893 url("/images/jhinjae/common/layout_sp.png?build_20251015005") no-repeat -152px -49px ; position:absolute; top:-8px; right:50px; height:42px; width:42px; border-radius:40px; border:0px; text-indent:-99999px; }
 .header_right .search_box a.close { background:#efac48 url("/images/jhinjae/common/layout_sp.png?build_20251015005") no-repeat -296px -49px ; position:absolute; top:-8px; right:0px; height:42px; width:42px; border-radius:42px; text-indent:-99999px; }
  #top_menu { float:left; height:100%; text-align:center; position:relative; margin-left:100px; z-index:1; }
 #top_menu .gnb .gnbA { float:left; }
 #top_menu .gnb .gnbA > a { display:block; height:95px; line-height:95px; padding:0 30px; text-align:center; font-size:18px; letter-spacing:-0.5px; font-weight:400; }
 #top_menu .gnb .gnbA > a:hover { color:#f57114; }
 #top_menu .gnb .gnbA.on > a { color:#f57114; }
 #top_menu .gnb .gnbC { display:none; }
  #top_menu .gnb .gnbB_wrap { z-index: 2; }
 #top_menu .gnb .gnbB_wrap .gnb_dot{ background-color: #f7f7f7 ; position: fixed; top: 96px; left: 0px; width: 100%; height: 0; transition: ease-in-out 0.3s; }
 #top_menu .gnb .gnbB_wrap.gnbB_hover .gnb_dot::before { content:''; width:212px; height:125px; display:block; background:url("/images/jhinjae/common/gnb_dot_bg.png?build_20251015005") no-repeat 0 0; position:absolute; left:50%; top:35px; margin-left:-620px; }
 #top_menu .gnb .gnbB_wrap.gnbB_hover .gnb_dot { height: 190px; border-top:1px solid #b3b3b3; }
 #top_menu .gnb .gnbB_wrap .title_s {position: absolute; top: 122px; left: 50%; display: none; margin-left:-465px; }
 #top_menu .gnb .gnbB_wrap .title_s h2 { font-size:24px; font-weight:bold; color:#f6883b; text-align:left; letter-spacing:-1px; }
 #top_menu .gnb .gnbB_wrap .gnbB {position: absolute; top: 100px; left: 50%; display: none; margin-left:-295px; }
 #top_menu .gnb .gnbB_wrap .gnbB > li {float: left; margin:10px 17px 0 0; }
 #top_menu .gnb .gnbB_wrap .gnbB > li:first-child{margin-left: 0;}
 #top_menu .gnb .gnbB_wrap .gnbB > li > a{position: relative; display: inline-block; width:170px; font-size:16px; letter-spacing:-1px; text-align:left; border-bottom:1px solid #d4d4d4; padding:10px 0; }
 #top_menu .gnb .gnbB_wrap .gnbB > li > a:hover { color:#e1574c; border-bottom:1px solid #e1574c; transition: ease-in-out 0.3s;}
 #top_menu .gnb .gnbB_wrap .gnbB > li.on > a { color:#e1574c; font-weight: 400; }
 #top_menu .gnb .gnbB_wrap .gnbB > li > a.newwin .newicon { background:url("/images/jhinjae/common/layout_sp.png?build_20251015005") no-repeat -383px -69px ; width:15px; height:14px; display:inline-block; text-indent:-99999px; vertical-align:middle; margin:-3px 0 0 7px;}
 #top_menu .gnb .gnbB_wrap .gnbB > li > a.newwin:hover .newicon { background-position:-383px -132px ; transform:ease-in-out 0.3s; }
 section{position: relative;}
  #footer { height:185px; }
 .footer_top { background-color:#eee; height:64px; line-height:64px; position:relative; }
 .footer_top .footer_link { }
 .footer_top .footer_link li { margin-right:50px; float:left; }
 .footer_top .footer_link li a { font-size:15px; letter-spacing:-0.5px; }
 .footer_top .footer_link li a:hover { text-decoration: underline; }
 .footer_top .family_site { position:absolute; top:0px; right:0px; background-color:#ddd; }
 .footer_top .family_site a { letter-spacing: 1.5px; padding:0 25px; width:210px; display:block; box-sizing: border-box; }
 .footer_top .family_site a > span { background:url("/images/jhinjae/common/layout_sp.png?build_20251015005") no-repeat -264px -9px ; width:9px; height:11px; display:inline-block; text-indent:-99999px; margin-left:45px; vertical-align:middle; }
 .footer_top .family_site a .open { background-position: -264px -9px; }
 .footer_top .family_site a .close { background-position: -219px -9px; }
 .footer_top .family_site .site_link { display:none; position:absolute; right:0px; bottom:65px; z-index: 2; }
 .footer_top .family_site .site_link li { width: 210px; height:38px; }
 .footer_top .family_site .site_link li a { background-color:#466eaf; width:100%; height:100%; display:block; text-align:center; line-height:35px; font-size:14px; color:#fff; }
 .footer_top .family_site .site_link li a:hover { transition:ease-in-out 0.3s; background-color:#305490; }
 .footer_btm { position:relative; }
 .footer_btm address { margin-top:33px; }
 .footer_btm .copyright { color:#979797; margin-top:5px; font-size:14px; }
 .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_20251015005") no-repeat -323px -15px;}