@charset "utf-8";

html{overflow-x: hidden;}
body{font-family:"Pretendard"; font-size:18px; font-weight:400;}
.m.btn_menu{display: none !important;}
.inner{width:1440px;}

#top{font-family: "score";}
.logo {top:29px; font-family: "score"; letter-spacing: -3px;}
.logo span > span{font-size:18px; font-weight: 400; letter-spacing: -1px; color:#333;}
.logo strong{width:inherit; padding:6px 0 0 0; font-family: "score"; font-weight: 600; font-size:28px;}

#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:"score"; font-weight: 500; font-size: 20px;}
#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;}

#footer{padding-top:47px; color: #f1f4f9; letter-spacing: 0; background: #565c72; font-size:15px; font-family:"Pretendard"; text-transform: uppercase;}
#footer .inner{padding:7px 0 0 253px;}
#footer .logo img{margin-right:8px;}
#footer .logo strong{line-height:100%; padding:2px 0 8px;}
#footer .logo span{color: #f1f4f9; font-family:"score";}
#footer .logo span > span{opacity:0.5; font-size:12px; letter-spacing: -1px; color:#e9eff9;}
#footer address{color: #f1f4f9; 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.8; line-height:100%; color:#c1c9da;}


#container_sub:before{height:200px; background:#f2f5f7 url(../../images/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(../../images/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(../../images/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:1480px) {
    .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) {
    body{font-size:17px;}
    .inner{padding-left:15px; padding-right:15px;}

    #header{height:70px;}
    .logo{top:13px; left:15px;}
    .logo strong{padding:3px 0 0 0; font-size:24px;}
    .logo span > span{font-size:15px;}

    .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 strong{padding:2px 0 4px;}
    #footer .logo span > span{font-size:10px;}
    
    #pageInfo{padding:25px 0; background: #f0eef8 url(../../images/committee/sub/subvisual.jpg) repeat-x 50% 100%;}
    #subContent{padding:0 0 7em;}
    #sub_default{padding:30px 15px 0;}
}
@media (max-width: 768px) {
    body{font-size:16px;}
    #header{height:62px;}
    .logo{top:12px;}
    .logo strong{font-size:21px;}
    .logo span > span{font-size:14px;}
    
    #footer{font-size:13px;}
    #footer .logo span > span{font-size:9px;}

     #pageInfo{padding:20px 0;}
}