@charset "utf-8";

#sub_default {
	letter-spacing: 0;
}

#subVisual{
	display: none;
}

/* 외국어 logo */
.logo strong {
	width: 250px;
}

@media screen and (max-width: 568px) {
	#footer .logo {
		display: flex;
		align-items: start;
		justify-content: center;
		width: 300px;
	}

	#footer .logo img {
		margin: 0;
	}

	#footer .logo strong {
		text-align: center;
		width: 180px;
	}

	.btn_top {
		top: -16px;
	}
}

/* 외국어 글로벌 (top) */
.global>li:last-child {
	display: none;
}

@media all and (max-width:768px) {
	#top {
		font-size: 14px;
	}

	#top .inner {
		padding: 0 10px;
	}

	.global {
		left: 10px;
	}

	.global>li {
		width: 16.666%;
	}

	.global>li>a {
		height: 36px;
		line-height: 36px;
	}

	.global>li.current>a {
		font-size: 14px;
	}

	.global>li.list>a:after {
		width: 6px;
		height: 6px;
		margin: -6px 0 0 7px;
	}

	.global li div a {
		height: 36px;
		line-height: 37px;
	}

	.global .list1 div {
		width: 250px;
	}

	#font_control {
		right: 10px;
	}
}

@media all and (max-width:568px) {
	.global>li {
		width: 33.33%;
	}

	.global>li>a {
		height: 33px;
		line-height: 33px;
	}

}

@media all and (max-width:380px) {
	#top {
		font-size: 13px;
	}

	.global>li>a {
		height: 31px;
		line-height: 32px;
	}

	.global>li.current>a {
		font-size: 13px;
	}

	.global li div {
		top: 31px;
		padding: 0 5px 4px;
	}

	.global li div a {
		height: 34px;
		line-height: 35px;
	}

	.global .list1 div {
		width: 212px;
	}
}

/* 외국어 sns */
#sns {
	margin: 0 -705px 0 0;
}

@media (max-width: 1440px) {
	#sns {
		margin: 0;
		right: 16px;
	}
}

@media (max-width: 1024px) {
	#sns {
		right: 58px;
	}
}

@media (max-width: 568px) {
	#sns {
		right: 16px;
	}
}

@media (max-width: 368px) {
	#sns {
		display: none;
	}
}

#topmenu {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

#topmenu>li {
	position: relative;
	float: left;
	width: calc(100% / 2);
	line-height: 0;
}

#topmenu li.menu9,
#topmenu li.last {
	display: none;
}

#topmenu>li>a {
	display: block;
	line-height: 60px;
	font-family: "score";
	font-weight: 500;
	font-size: 21px;
	text-align: center;
	text-decoration: none;
}

#topmenu>li:hover>a,
#topmenu>li>a:hover,
#topmenu>li>a:active,
#topmenu>li>a:focus,
#topmenu>li.current_on>a {
	color: #dd7f30;
}

#topmenu li .menu {
	display: none;
	z-index: 96;
	width: 100%;
	height: 270px;
	padding: 15px 0 0 0;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
	background: #fff;
}

#topmenu li:first-child .menu {
	border-left: 1px solid #e5e5e5;
}

#topmenu li:focus .menu,
#topmenu li:hover .menu {
	background: #fbfbfb;
}

#topmenu li ul li {
	float: none;
	width: 100%;
}

#topmenu li ul li a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 3px 0 15px;
	color: #151515;
	font-size: 16px;
	text-align: left;
	line-height: 120%;
}

#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on a {
	color: #dd7f30;
}

#topmenu ul ul {
	display: none !important;
}

.btn_menu {
	display: none;
}

.btn_top {
	top: 58px;
}

/* footer */
#footer {
	position: relative;
	float: left;
	width: 100%;
	padding: 40px 0 60px 0;
	font-weight: 400;
	color: rgba(255, 255, 255, .8);
	font-size: 14px;
	line-height: 120%;
	background: #535356;
}

#footer .inner {
	z-index: 1;
	padding-left: 350px;
}

#footer .logo strong {
	width: 300px;
}

#footer:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}

#footer .link {
	clear: both;
	width: 100%;
	padding: 0 0 20px;
}

#footer .link li {
	position: relative;
	display: inline-block;
}

#footer .link li:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	margin: -2px 19px 0 18px;
	background: #ddd;
	vertical-align: middle;
	transform: rotate(45deg);
}

#footer .link li:first-child:before {
	display: none;
}

#footer .link a {
	color: #fff;
}

#footer .link .privacy a {
	color: #ffd8b4;
}

#footer .logo {
	display: flex;
	align-items: center;
	top: 0;
	color: rgba(255, 255, 255, .5);
}

#footer .logo img {
	margin: -3px 14px 0 0;
}

#footer .logo span {
	font-family: 'gmarket';
	color: rgba(255, 255, 255, .5);
	text-transform: capitalize;
	letter-spacing: -0.07em;
}

#footer address span {
	letter-spacing: -0.5px;
}

#footer .copyright {
	opacity: 0.5;
	padding: 10px 0 0 0;
}

@media all and (max-width:1300px) {
	#footer .inner {
		padding-right: 100px;
	}
}

@media all and (max-width:1024px) {
	#footer {
		padding: 35px 0 40px;
		text-align: center;
	}

	#footer .inner {
		padding: 0 10px;
	}

	#footer .logo {
		justify-content: center;
		width: 100%;
	}

	#footer .logo span>span {
		color: #aaa;
	}

	#footer .link {
		padding: 20px 0;
		font-size: 15px;
	}

	#footer .link li:before {
		margin: -2px 15px 0;
	}

	#footer .copyright {
		padding: 6px 0 0 0;
		font-size: 12px;
	}
}

@media all and (max-width:768px) {
	#footer {
		font-size: 13px;
	}

	#footer .logo {
		margin-bottom: 1rem;
	}

	#footer .logo strong {
		width: auto;
		text-align: center;
	}

	#footer .link {
		padding: 18px 0;
		font-size: 14px;
	}

	#footer .link li:before {
		margin: -2px 12px 0;
	}

	#footer address span {
		display: block;
	}

	#footer .copyright {
		font-size: 11px;
	}
}

@media all and (max-width:568px) {
	#footer {
		font-size: 12px;
	}

	#footer .link li:before {
		margin: -2px 2px 0;
	}

	#footer address span {
		display: block;
		padding: 3px 0 0 0;
	}

	#footer .copyright {
		padding: 10px 0 0 0;
		font-size: 10px;
	}
}

@media all and (max-width:380px) {
	#footer .link {
		padding: 17px 0 23px;
		font-size: 13px;
	}

	#footer .copyright {
		padding: 7px 0 0 0;
		font-size: 9px;
	}
}

#submenu .sm_tit h2 {
	font-size: 23px;
}

#submenu .depth2 {
	font-family: "score";
}

#submenu .depth2>li>a {
	padding: 0 0 0 20px;
	font-size: 17px;
	font-weight: 400;
}

#submenu .depth2>li.current_on>a {
	font-weight: 400;
}

#bg_main {
	background: url(../../../images/kr/main/bg.jpg) repeat-x 50% 0;
}

#bg_main.on {
	background: #fff;
}

@media all and (max-width:1500px) {
	.btn_top {
		top: 40px;
	}

}

@media all and (max-width:1280px) {
	#bg_main {
		background-size: auto 500px;
	}

}

@media all and (max-width:1130px) {
	#font_control ul {
		display: block;
	}
}

@media all and (max-width:1024px) {
	.logo {
		line-height: 44px;
		font-size: 22px;
		font-weight: 600;
	}

	.btn_menu {
		display: block;
	}

	#font_control ul {
		display: none;
	}


	.btn_top {
		top: 30px;
	}


	#bg_main {
		background-size: auto 420px;
	}

	.m_menu>ul>li {
		display: table;
		width: 50%;
	}

	.m_menu>ul>li>div {
		left: 50%;
		width: 50%;
	}

	.m_menu>ul>li>a {
		display: table-cell;
		vertical-align: middle;
		line-height: 120%;
	}
}

@media all and (max-width:768px) {
	.logo {
		line-height: 41px;
		font-size: 20px;
	}

	.btn_menu {
		top: 50px;
	}

	#bg_main {
		background-size: auto 330px;
	}

	.m_menu .logo {
		width: 80%;
		line-height: 120%;
	}

	.m_menu .logo span {
		width: calc(100% - 50px);
	}
}

@media all and (max-width:568px) {
	.logo {
		line-height: 39px;
		font-size: 19px;
	}

	.btn_top {
		top: -18px;
	}

	.btn_menu {
		top: 43px;
	}

	#bg_main {
		background-size: auto 245px;
	}
}

@media all and (max-width:380px) {
	.logo {
		font-size: 18px;
	}

	.btn_menu {
		top: 43px;
	}

	#bg_main {
		background-size: auto 230px;
	}
}

@media all and (max-width:360px) {
	.logo {
		font-size: 16px;
	}

	.btn_menu {
		right: 5px;
	}

	#bg_main {
		background-size: auto 220px;
	}
}


#container_sub:before{height: 180px;}

#pageInfo {
	background: none;
}

@media screen and (max-width: 1024px) {
	#pageInfo {
    	height: auto;
    	background: #E9EDF4 url(/council/images/kr/common/subvisual.png) no-repeat;
    	background-size: cover;
	}
}

#submenu {
    padding-top: 80px;
}