@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"; font-weight:400; font-size:28px; letter-spacing: -2px;}
.logo span{line-height:100%;}
.logo strong{width:inherit; line-height:100%; 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;}
#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 550px;}
#topmenu > li{width:100%;}
#topmenu > li > a{line-height:118px; font-family:"score"; font-weight: 500; font-size: 20px;}
#topmenu li .menu{height:250px; border: none;}
#topmenu li .menu:before,
#topmenu li:last-child .menu:after{height:100%; background: #f3f4f6;}

#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:140px; background:#f0eef8 url(../../images/ch/sub/bg_sub.jpg) repeat-x 50% 0;}
#submenu{padding:79px 0 0 0;}
#submenu .sm_tit{height:150px; margin:0 0 12px; border-radius:14px; background:#19305a url(../../images/ch/sub/bg_subtit.jpg) no-repeat;}
#submenu .sm_tit h2{font-weight: 600; font-size:32px;}
#submenu .depth2 > li{margin:0 0 7px;}
#submenu .depth2 > li > a{height:66px; border-radius:14px;}
#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: #19305a; border-color:#19305a; 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{background: url(../../images/ch/sub/ico_snb.png) no-repeat 0 100%;}

.location{padding: 37px 0 15px 0; line-height:100%; font-size:16px; text-align:left;}
.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:73px 0 0 0; box-sizing: border-box;}
#pageTitle{text-align:left;}
#pageTitle h3{color: #222;}

@media (max-width:1480px) {
    .inner{width:100%; padding-left:20px; padding-right:20px;}
    .logo{left:20px;}
    
    #topmenu {padding:0 0 0 35%;}
    #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; border-bottom: 1px solid #eee;}
    .logo{top:13px; left:15px; font-size:24px;}
    .logo strong{font-size:24px;}
    .logo a > span{padding:3px 0 0 0;}
    .logo span > span{padding:0 0 3px; font-size:15px; color: #555;}

    .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/ch/sub/bg_sub.jpg) repeat-x 50% 0;}
    .location{padding:0 0 11px; text-align: center;}
    #subContent{padding:0 0 7em;}
    #sub_default{padding:30px 15px 0;}
    #pageTitle{text-align:center;}
}
@media (max-width: 768px) {
    body{font-size:16px;}
    #header{height:62px;}
    .logo{top:12px; font-size:21px;}
    .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;}
}