@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:32px; 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: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; justify-content:space-between; align-items: center; padding:0 0 0 45%;}
#topmenu > li{width:100%;}
#topmenu > li > a{line-height:118px; 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: #4f3b80;}
#topmenu > li.current_on > a{font-weight:600;}
#topmenu li li.current_on a {font-weight:500;}
#menuArea .bar{background: #4f3b80;}

#footer {padding-top:0; font-size:15px; text-transform: uppercase;}
#footer .inner{padding:47px 0 0 253px;; border-top:2px solid #e4e4e4;}
#footer .logo{top: 42px;}
#footer .logo strong{padding:0 0 7px;}
#footer .logo span{font-family: "score";}
#footer .logo span > span{opacity:0.5; font-size:12px; letter-spacing: -1px;}
#footer address{font-weight:300; color:#666; word-break: keep-all;}
#footer address strong{font-weight: 500;}
#footer address strong ~ strong{display:inline-block; padding:0 0 0 10px;}
#footer .copyright{opacity:0.8; padding:8px 0 0 0; line-height:100%; color:#777;}

#container_sub:before{height:140px; background:#f0eef8 url(../../images/member/sub/subvisual.jpg) repeat-x 50% 0; }
#submenu{padding:79px 0 0 0;}
#submenu .sm_tit{height:150px; border-radius:14px; background:#624b98 url(../../images/member/sub/bg_subtit.jpg) no-repeat;}
#submenu .sm_tit h2{font-weight: 600; font-size:32px;}
#submenu .depth2 > li > a:after{width:27px; height:22px; background: url(../../images/member/sub/ico_snb.png) no-repeat 0 100%;}
#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: #4f3b80; border-color:#4f3b80; 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;}

.location{padding: 37px 0 15px 0; line-height:100%; font-size:16px; text-align: center;}
.location .home{width:14px; height:14px; margin:0; border-radius:0; background:url(../../images/member/sub/ico_home.png) no-repeat 50% 50%;}
#fontSize{float:left; width:100%;}
#pageInfo{padding:0;}
#sub_default{float:left; width:100%; padding:55px 0 0 0; box-sizing: border-box;}
#pageTitle{text-align:center;}

@media (max-width:1480px) {
    .inner{width:100%; padding-left:20px; padding-right:20px;}
    .logo{left:20px;}
    #topmenu {padding:0 0 0 40%;}
    #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{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 3px;}
    #footer .logo span > span{font-size:10px; color:#555;}
    
    #pageInfo{padding:25px 0; background: #f0eef8 url(../../images/member/sub/subvisual.jpg) repeat-x 50% 100%;}
    .location{padding:0 0 11px;}
    #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;}
}