@charset "utf-8";

body {font-family: 'score_300';}
h1, h2, h3, h4, h5, h6{font-family: 'gmarket_bold';}

/* a:active, a:focus, a:hover{text-decoration: none;} */
#menuArea.on:after{display: none}

.btn_menu,
#search{display:none;}

#container_sub {margin-top: 0;}

#subContent {padding: 0 0 6em 0;}
#submenu {margin-top: -75px;}

.global > li > a {font-family: 'score_300';}
.global > li:nth-child(2):before {display: block;}
.global > li:nth-child(5):before {display: none;}

#font_control {top: 50%; transform: translateY(-50%);}

#header{height:87px;}
#header .logo strong {font-size: 31px; line-height: 44px;}
.logo {top:22px;}
.logo strong{padding:0; line-height:49px; font-weight:700; font-size:26px; font-family:"OneMobileTitleRegular";}

#menuArea{font-family:"OneMobile";}
#menuArea:after, #menuArea:before{top:87px;}

#topmenu {padding:0 0 0 40%;}
#topmenu > li{width:25%;}
#topmenu > li:last-child{display:block;}
#topmenu > li > a{line-height:90px; font-weight:800; font-size: 22px;}
#topmenu .menu{top:87px; padding-left:22%;}
#topmenu li .tit{width:22%;}
#topmenu li.menu1 .tit:after{background-image:url(/images/common/bg_menu5.png);}
#topmenu li.menu2 .tit:after{background-image:url(/images/common/bg_menu4.png);}
#topmenu li.menu3 .tit:after{background-image:url(/images/common/bg_menu7.png);}
#topmenu li.menu4 .tit:after{background-image:url(/images/common/bg_menu6.png);}

#footer {font-family:"Noto Sans KR"; font-weight:400; color:#fff; border-top:1px solid #e6e6e7; background:#4a5156;}
#footer .logo *{color:rgba(0,0,0,0.5);}
#footer .logo span span {color: #fff; opacity: 0.3;}
#footer .logo strong{padding:0 0 3px; line-height:110%; font-family:"paybooc"; font-weight:800; color: #fff;}
#footer .copyright {color: #fff; opacity: 0.5;}
#footer .logo {top: 45px;}
#footer > .inner {padding: 45px 0 70px 210px;}


@media all and (max-width:1230px) {
	.inner{width:100%; padding:0 15px;}
}

@media all and (max-width:1024px) {
	#header{height:70px;}
	#header .logo strong {font-size: 26px;}

	.btn_menu{display:block;}

	.logo {top:13px;}
	.logo strong{line-height:44px; font-size:23px;}

    #footer{padding:10px 0 0 0; text-align:center;}
	#footer > .inner {padding: 45px 0 70px;}	
	#footer .logo {position: static;}
    #footer .logo span {text-align: center; margin-bottom: 15px;}
}

@media all and (max-width:768px) {
	#header{height:62px;}
	
	.inner{padding:0 10px;}
	
	.logo {top:10px;}
    #header .logo strong {font-size: 22px; line-height: 38px;}
	
	.btn_menu {top: 36px;}
	
	#footer .logo strong {font-size: 23px;}
    #footer .logo span {margin-bottom: 0;}	
}

@media all and (max-width:568px) {
	#header{height:58px;}
	
	.logo {top:9px;}
	.logo strong{line-height:39px; font-size:20px;}
}

@media all and (max-width:380px) {
	#header{height:54px;}
	
	.logo strong{line-height:38px; font-size:19px;}
}





/* ���� ���̾ƿ� */

/*
#submenu .sm_tit{background:#1d4e89;}
#submenu .depth2 > li:hover > a,
#submenu .depth2 > li > a:hover,
#submenu .depth2 > li > a:focus,
#submenu .depth2 > li.current_on > a{border-color:#134178; background-color:#134178;}
#submenu .depth2 li ul{background:#dae3ef;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a{color:#134178;}
*/



.dot>li:before {
    width: 5px;
    height: 5px;
    top: 11px;
    left: 0px;
}
.dot>li:after {display: none;}