@charset "utf-8";

#body_layout .contents_wrap .title_wrap .utile_wrap .print_wrap li a {background-image: url(/images/star/common/atype_ir.png);}
#top_layout{overflow: hidden;z-index: 3;}
#top_layout.ov {overflow:visible;}
#top_layout:after {display:block; clear:both; visibility:hidden; content:'';}
#top_layout .top_wrap {width:100%;}
#top_layout .top_wrap .logo_wrap {float:none; position:absolute;  left:50%; margin:0 0 0 -620px;padding: 19px 0 0;}
#top_layout .top_wrap .logo_wrap a {display:block; width:209px; height:52px; background-image:url(/images/star/common/logo2.png);}
#top_layout .top_wrap .sitemap {position:absolute;left:0;top:0;z-index: 999;}
#top_layout .top_wrap .sitemap a {display:block;width:90px;height: 90px;background:#3f66b9 url(/images/star/common/menu.png)no-repeat center;font-size:0;}


#gnb_layout.on,
#gnb_layout.on.at_type .gnb_bg{height:200px;}
#gnb_layout .depth1_ul{padding: 0 0 0 260px;padding: 0;text-align:right;}
#gnb_layout .depth1_ul:after {display:block; clear:both; visibility:hidden; content:''; }
#gnb_layout .depth1_ul > li {display: inline-block;position: relative;text-align: center;}
#gnb_layout .depth1_ul > li.n1 {width: 14.5%;}
#gnb_layout .depth1_ul > li.n2 {width: 13%;}
#gnb_layout .depth1_ul > li.n3 {width: 14.5%;}
#gnb_layout .depth1_ul > li.n4 {width: 12%;}
#gnb_layout .depth1_ul > li.n5 {width: 18%;}
#gnb_layout .depth1_ul > li:before {display:none;position:absolute;content:'';left: -2px;top: 50%;width:4px;height:4px;margin-top: -2px;border-radius:50%;background:#ddd;}
#gnb_layout .depth1_ul > li:first-child:before {display:none;}
#gnb_layout .depth1_ul > li > a {display: block;width: 100%;height: 90px;padding: 0;text-align: center;}
#gnb_layout .depth1_ul > li > a:before {display:none;}
#gnb_layout .depth1_ul > li > a span {display: inline-block;line-height: 90px;font-size:19px;font-weight:bold;color:#111;text-align: center;}
#gnb_layout.on .depth1_ul > li.on > a,
#gnb_layout.on .depth1_ul > li.ov > a,
#gnb_layout.on .depth1_ul > li:hover > a,
#gnb_layout.on .depth1_ul > li:focus > a{ border-bottom:4px solid #3f66b9;}/* 1차메뉴 오버시 밑줄 */
#gnb_layout.at_type .depth2_ul:before {display:none;}
#gnb_layout.at_type .depth2_ul > li {margin:0 0 2px;}
#gnb_layout.at_type .depth2_ul > li > a {display: block;padding: 0 10px 0 20px;line-height: 1.3;font-size: 17px;word-break: keep-all;}
#gnb_layout.at_type .depth2_ul > li > a:before {left:10px;top: 9px;}
#gnb_layout.at_type .depth1_ul.n5 .depth2_ul {display: inline-block;width: 100% !important;padding-left: 20px;}
#gnb_layout .depth2_ul {display: block;position:static;}
#gnb_layout .gnb_bg {height:160px !important;}

#body_layout.b_type .lnb_wrap:before{background-color:rgba(62,102,185, 0.9);}/* 2차메뉴 배경 색 */
#body_layout.b_type .lnb_wrap .depth2_ul > li > a span {font-size:17px;}
#body_layout.b_type .lnb_wrap .depth2_ul > li.on > a span,
#body_layout.b_type .lnb_wrap .depth2_ul > li.ov > a span{ color:#3f66b9;font-weight:bold; }
#body_layout.b_type .lnb_wrap .depth3_ul li a {font-size:16px;}
#body_layout.b_type .lnb_wrap .depth3_ul li.on a{ color:#3f66b9;}/* 3차메뉴 오버시 폰트 설정 */

#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li, #body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li a {font-size:15px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li:first-child {margin-right: 8px;margin-top: -1px;}
#body_layout .contents_wrap .title_wrap .utile_wrap .location_wrap li:before {left: -6px;width: 5px;height: 5px;margin-top: -4px;border: solid #ddd;border-width: 1px 1px 0 0;background: none;transform: rotate(45deg);-webkti-transform: rotate(45deg);}


#svisual_layout.b_type .svisual_wrap {height:300px;}
#svisual_layout.b_type .svisual_wrap .title_wrap {margin:0;}
#svisual_layout.b_type .svisual_wrap .title_wrap strong {display: none;line-height:1.3;}
#svisual_layout.b_type .svisual_wrap .title_wrap strong:before,
#svisual_layout.b_type .svisual_wrap .title_wrap p {display:none;}


#body_layout.b_type .lnb_wrap {overflow: hidden;padding-bottom:0 !important;}
#body_layout.b_type .lnb_wrap .depth3_ul {position:relative;top:0;text-align: center;}
#body_layout.b_type .lnb_wrap .depth3_ul li {float:none;}
#body_layout.b_type .lnb_wrap .sub01_03 .depth3_ul {width: 730px;left: auto;right: 69%;}

@media(max-width:1359px){
    #body_layout.b_type .lnb_wrap .sub01_03 .depth3_ul {right: 88%;}
    #gnb_layout.at_type .depth1_ul.n5 .depth2_ul {padding-left:0;}

}
@media(max-width:1150px){
    #body_layout.b_type .lnb_wrap .sub01_03 .depth3_ul {right: 120%;}
}
@media(max-width:1023px){
    #svisual_layout.b_type .svisual_wrap {height:200px;}
}
@media(max-width:767px){
    #svisual_layout.b_type .svisual_wrap {height:150px;}
}

#foot_layout {padding: 25px 0 75px;background:#021426;}
#foot_layout .foot_wrap .utile_wrap {padding:0 0 15px; border-bottom:1px solid #283746}
#foot_layout .foot_wrap .utile_wrap li {margin:10px 0;}
#foot_layout .foot_wrap .utile_wrap li:before {top: 9px;left: -19px;width:4px;height:4px;margin-top: 0;border-radius:50%;background:#354351;}
#foot_layout .foot_wrap .utile_wrap li a {padding: 0 36px 0 0;font-size: 15px;color:#8c9195;}
#foot_layout .foot_wrap .utile_wrap li.n1 a {font-weight: bold;color: #3f66b9;}
#foot_layout .foot_wrap .utile_wrap li a[target=_blank]:after {display:none;}

#foot_layout .foot_wrap address, #foot_layout .foot_wrap .copy {margin:5px 0 0;color:#697076;}
#foot_layout .foot_wrap address span:before {height:8px;margin: -4px 15px 0;background-color:#272f3d;vertical-align: middle;}

#foot_layout .foot_wrap .site_wrap {position:absolute;right:0;top: 0;width: 250px;}
#foot_layout .foot_wrap .site_wrap > a {border:1px solid #283746;color: #8c9195;}
#foot_layout .foot_wrap .site_wrap > a:before,
#foot_layout .foot_wrap .site_wrap > a:after {background-color:#283746; }

.board_total .bold.red {color: #3f66b9 !important;}

@media(max-width:1459px){
    #top_layout .top_wrap .sitemap {}
    #top_layout .top_wrap .logo_wrap {left:115px; margin:0;}
}

@media(max-width:1359px){
    #top_layout .top_wrap .logo_wrap {left:55px;}
    #top_layout .top_wrap .sitemap {left:-60px;}

    #gnb_layout .depth1_ul > li > a {padding: 0;}
    #gnb_layout .depth1_ul > li > a span {font-size:18px;}
  
    #foot_layout {padding:35px 60px 75px; }
}
@media(max-width:1199px){
    #gnb_layout .depth1_ul > li.n1 {width: 13.5%;}
    #gnb_layout .depth1_ul > li.n2 {width: 12%;}
    #gnb_layout .depth1_ul > li.n3 {width: 13.5%;}
    #gnb_layout .depth1_ul > li.n4 {width: 11%;}
    #gnb_layout .depth1_ul > li.n5 {width: 17%;}

    #gnb_layout.mb .depth1_ul > li.n1,
    #gnb_layout.mb .depth1_ul > li.n2,
    #gnb_layout.mb .depth1_ul > li.n3,
    #gnb_layout.mb .depth1_ul > li.n4,
    #gnb_layout.mb .depth1_ul > li.n5 {width:100%;}
    #gnb_layout.mb.at_type .depth2_ul > li > a:before,
    #gnb_layout.mb.at_type .depth2_ul > li > a:after {display:none;}
    #gnb_layout.mb .depth1_ul li.down .depth2_ul {display:block !important;}
    #gnb_layout.mb .depth1_ul li .depth2_ul {display:none !important;}
    #gnb_layout.mb .depth1_ul > li > a > span {line-height:60px;}
    #gnb_layout.mb .depth1_ul > li.n5 > a > span {padding:10px 0 0;line-height:1.3;}
}
@media(max-width:1023px){
    #top_layout {height:60px;}
    #top_layout .top_wrap .sitemap {left:auto; right:-60px;  }
    #top_layout .top_wrap .sitemap a {width:60px; height:60px;}
    #top_layout .top_wrap .logo_wrap  {left:-40px; padding:11px 0 0;}
    #top_layout .top_wrap .logo_wrap a {width:154px; height:38px; background-size:154px auto;}

    #svisual_layout.b_type .svisual_wrap .title_wrap {margin: 0;}
    #svisual_layout.b_type .svisual_wrap .title_wrap strong {font-size:24px;}
    #svisual_layout.b_type .svisual_wrap .title_wrap p {font-size:15px;}

    #body_layout.b_type .contents_wrap .title_wrap h2 {font-size:24px;}

    #foot_layout {padding:15px 30px 35px; }
    #foot_layout .foot_wrap .site_wrap {position:relative;width:100%;margin-top: 20px;margin: 10px 0;}
    #foot_layout .foot_wrap .utile_wrap {display: block;width: auto;margin: 0 -5px 10px;padding: 0;border: none;}
    #foot_layout .foot_wrap .utile_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
    #foot_layout .foot_wrap .utile_wrap li {float:left; width:calc(33.33% - 10px); margin:0 5px 10px;border: 1px solid #283746;}
    #foot_layout .foot_wrap .utile_wrap li a {line-height:40px; padding:0 13px;}
    #foot_layout .foot_wrap .utile_wrap li:before {display:none;}
    #foot_layout .foot_wrap address span {display:inline-block;margin: 0 13px;}
    #foot_layout .foot_wrap address span:before {display:none;}

}

@media(max-width:767px){
    #top_layout .top_wrap .sitemap {right:-20px;}
    #top_layout .top_wrap .logo_wrap {left:0;}

    #foot_layout .foot_wrap .utile_wrap li {width:calc(50% - 10px);}

}

@media(max-width:415px){
    #foot_layout .foot_wrap .utile_wrap li {float:none; width:calc(100% - 10px);}
}