@charset "utf-8";
html[lang='ja'] body,html *[lang='ja'],
h1, h2, h3, h4, h5, h6,
#sub_default h4, .tit_txt{font-family:'Noto Sans KR',Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif; font-weight:400;}
h1, h2, h3, h4, h5, h6,
#sub_default h4, .tit_txt{font-weight:800;}

html{overflow-x: hidden;}
.btn_menu{display: none;}
.m.btn_menu{display: none !important;}
.inner{width:1400px;}

#top{font-family: "score";}
.logo {top:29px; max-width:370px; letter-spacing: -1px;}
.logo strong{width:inherit; padding:0; font-weight:800; font-family: "Noto Sans KR"; font-size:33px; text-transform: uppercase;}
.global > li > a{letter-spacing: 0; text-transform: uppercase;}

#header{height:118px; border-bottom: none;}
#menuArea{top:53px; border-top: none; border-bottom: none; font-family:"score";}
#menuArea:after{z-index:96; content:''; display:block; position:absolute; top:117px; left:0; width:100%; height:1px; background:#f3f4f6;}
#menuArea .bar{top:114px;}
#topmenu {display: flex; align-items: center; justify-content: space-between; padding:0 0 0 31.25%;}
#topmenu > li{width: inherit;}
#topmenu > li > a{display: flex; justify-content:center; align-items: center; height:118px; line-height:120%; font-family: "Noto Sans KR"; font-weight:700; font-size: 25px;}
#topmenu li .menu{height:200px; border: none;}
#topmenu li .menu:before,
#topmenu li:last-child .menu:after{height:100%; background: #f3f4f6;}

#topmenu > li:hover > a,
#topmenu > li > a:hover,
#topmenu > li > a:active,
#topmenu > li > a:focus,
#topmenu > li.current_on > a,
#topmenu li li a:hover, 
#topmenu li li a:active, 
#topmenu li li a:focus, 
#topmenu li li.current_on a {color:#215283;}
#topmenu > li.current_on > a{font-weight:600;}
#topmenu li li.current_on a {font-weight:500;}
#menuArea .bar{background:#215283;}
#topmenu div.menu > div.tit {display: none;}

#footer{padding-top:47px; color: #fff; letter-spacing: 0; background: #333; font-size:15px; font-family:"Pretendard"; text-transform: uppercase;}
#footer .inner{padding:7px 0 0 365px;}
#footer .logo img{margin-right:8px;}
#footer .logo strong{opacity:0.5; color:#fff;}
#footer address{color: #fff; font-weight: 300;}
#footer address strong{font-weight: 500;}
#footer address strong ~ strong{display:inline-block; padding:0 0 0 10px;}
#footer .copyright{padding:8px 0 0 0; opacity:0.5; font-size:14px; line-height:100%; color:#fff;}

.btn_top{top:-27px;}

#container_sub:before{height:200px; background:#f2f5f7 url(../../../image/committee/sub/subvisual.jpg) repeat-x 50% 0;}
#submenu{padding:100px 0 0 0;}
#submenu .sm_tit{height:150px; margin:0 0 12px; border-radius:16px; background:#215283 url(../../../image/committee/sub/bg_subtit.jpg) no-repeat;}
#submenu .sm_tit h2{font-size:32px; font-family: "Paperozi"; font-weight: 700;}
#submenu .depth2 > li > a{height:63px; border-color: #c6c6c7; border-radius:16px; color:#222;}
#submenu .depth2 > li > a:after{width:27px; height:22px; background: none;}
#submenu .depth2 > li:hover > a, 
#submenu .depth2 > li > a:hover, 
#submenu .depth2 > li > a:focus, 
#submenu .depth2 > li > a:active, 
#submenu .depth2 > li.current_on > a{font-weight:600; color: #fff; background:#215283; border-color:#215283; box-shadow: 0 0 13px rgba(25,40,66,0.1);}
#submenu .depth2 > li:hover > a:after, 
#submenu .depth2 > li.current_on > a:after, 
#submenu .depth2 > li > a:hover:after{height:22px; background: url(../../../image/committee/sub/ico_snb.png) no-repeat 0 100%;}

#pageInfo{padding-top:55px;}
#pageTitle{text-align:center;}
#pageTitle h3{font-family: "Paperozi";}

.location{text-align: center;}
.location .home{background-color:#215283;}

#fontSize{float:left; width:100%;}
#sub_default{float:left; width:100%; padding:98px 0 0 0; box-sizing: border-box;}

@media (max-width:1440px) {
    .inner{width:100%; padding-left:20px; padding-right:20px;}
    .logo{left:20px;}
    
    #topmenu {padding:0 0 0 25%;}
    #topmenu > li > a{font-size:18px;}
    #subContent{padding:0 20px 10em;}
}
@media (max-width: 1024px) {
    .inner{padding-left:15px; padding-right:15px;}

    #header{height:70px;}
    .logo{top:13px; left:15px; max-width:calc(100% - 75px);}
    .logo strong{padding:0; font-size:24px; letter-spacing: -1px;}
    .logo span > span{font-size:15px;}

    .btn_menu{display: block;}
    .m.btn_menu{display: block !important;}
    .m_menu > ul > li > div > ul > li > a:before{box-sizing:border-box;}
    
    #footer{padding-top:0; line-height:140%; font-size:14px;}
    #footer .inner{padding:40px 15px 0;}
    #footer address{padding:17px 0 0 0; font-weight: 400;}
    #footer .logo{display: flex; justify-content: center; max-width:100%;}
    #footer .logo strong{padding:0;}
    #footer .logo span > span{font-size:10px;}
    #footer .copyright{font-size:12px;}
    
    #pageInfo{padding:25px 0; background: #f0eef8 url(../../../image/committee/sub/subvisual.jpg) repeat-x 50% 100%;}
    #subContent{padding:0 0 7em;}
    #sub_default{padding:30px 15px 0;}
}
@media (max-width: 768px) {
    #header{height:62px;}
    .logo{top:12px; max-width:calc(100% - 60px);}
    .logo strong{font-size:20px;}
    .logo span > span{font-size:14px;}
    
    #footer{font-size:13px;}
    #footer .logo span > span{font-size:9px;}
    #footer .copyright{font-size:11px;}

    .btn_top{top:-20px;}

     #pageInfo{padding:20px 0;}
}
@media (max-width: 420px) {
    #footer .logo strong{padding:0;}
    #footer .copyright{font-size:10px;}
}