@charset "utf-8";
body,
h1, h2, h3, h4, h5, h6 {font-family: 'score';}

.inner {width: 1400px; box-sizing: border-box;}

#header .logo {font-family:'Noto Sans KR';}

#top {background: #21334a; font-weight:300;}
#top .global > li {border-color: rgba(255,255,255,.2);}
#top .global > li > a {text-decoration: none; background: none;}
#top .global > li > a:hover {background: none;}
#top .global > li > a:before {display: none;}
#top .global > li.list > a:after{content:''; display:inline-block; vertical-align:middle; margin:-3px 0 0 15px; border-top:5px solid #bdc2c9; border-left:5px solid transparent; border-right:5px solid transparent; transition:0.2s ease-in-out;}
#top .global > li.list > a.on:after{transform:rotate(180deg);}
#top .global > li > a.current {font-weight: 500;}
#top .global > li > a.current:hover {background: #fff;}
#top .global .live a {padding: 0 8px;}
#top .global .live a,
#top .global .live.on a {background: none !important;}
#top .global .live a span {display: inline-block;margin: 0 0 0 6px;width: 40px;height: 25px;line-height: 25px;font-size: 14px;font-weight: 600;text-align: center;background: #555;border-radius: 5px;letter-spacing: 0;}
#top .global .live.on a span {background: #d00f0f;}

#search .btn_search {margin: 0 0 0 610px;}
#search .btn_search:before, #search .btn_search:after {border-color: #1b4573;}

#topmenu {padding: 0 120px 0 0;}
#topmenu > li > a {font-size:21px; font-weight: 900; font-family:"gmarket";}

.btn_menu {top: 113px;display: block;width: 26px;height: 20px;background: url(/images/kr/common/ico_menu.png)no-repeat;border-radius: 0;}
.btn_menu .bar {display: none;}

#footer {position:relative;color: #333;background: #fff;}
#footer .logo {top: 41px;}
#footer .logo em {font-size: 23px;}
#footer .logo span > span {font-size: 10px; font-weight: 200; color: #999; letter-spacing:-1px;}
#footer .info {padding: 0 0 40px 350px;}
#footer .link {display: inline-flex;}
#footer .link li {padding: 0 33px;}
#footer .link li:not(:last-child)::after {content:'';position: absolute;top: 0;right: 0;width: 1px;height:15px;background: #ccc;transform: rotate(-30deg);}
#footer .link li.privacy a {font-weight: 500; color: #d84455;}
#footer .link li a {color: #333;}
#footer .copyright {font-size: 14px; letter-spacing: -0.02em; color: #999;}
#footer .link li + li:before {display: none;}

.btn_top{z-index:1;display:block;position:absolute;top: -23px;left:50%;width:45px;height:45px;margin: 0 0 0 747px;font-size: 0;text-indent: -9999px;box-shadow: 0 0 0 8px rgba(40,162,176,0.4);background: #28a2b0;border-radius: 50%;box-sizing:border-box;transition: all 0.2s ease-in-out;}
.btn_top:before{content:'';display:block;position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);width:10px;height:10px;width: 14px;height: 21px;background: url(/images/kr/common/ico_top.png);} 
.btn_top:hover {box-shadow: 0 0 0 12px rgba(40,162,176,0.4);}

.linksite {float: none;width: 100%;height: 70px;background: #21334a;}
.linksite .inner {display: flex;flex-wrap: wrap;height: inherit;}
.linksite .inner::after {display: none;}
.linksite .inner > li {position:relative; width: 25%;height: inherit;}
.linksite .inner > li::before,
.linksite .inner > li:last-child::after{content:''; position: absolute; top: 50%; left: 0; transform:translateY(-50%); width: 1px; height: 20px; background: rgba(255,255,255,.2);}
.linksite .inner > li:last-child::after{left: auto; right: 0;}
.linksite .inner > li > a {position: relative;display: flex;align-items: center;padding: 0 28px;height: inherit;font-size:16px;color: #fff;text-decoration: none;}
.linksite .inner > li > a::after {content:''; position: absolute; top: 50%; right: 32px; transform: translateY(-50%); width: 11px; height: 6px; background: url(/images/kr/common/ico_arrow_b.png)no-repeat;}
.linksite .inner > li:last-child > a::after {width: 11px; height: 11px; background-image: url(/images/kr/common/ico_open.png);}

#bg_sub .btn_top{display:none;}

#subContent {max-width: 1400px;}
#submenu {width: 18.57%;  font-family:'Noto Sans KR';}
#submenu .sm_tit h2 {font-family:'Noto Sans KR'}
#subContent #content {width: 75%; font-family: 'Noto Sans KR';}

.location {margin: 0 auto;display: flex;justify-content: flex-end;align-items: center;height: 65px;background: #f0f2f5;}
.location::after {content:'';z-index: -1;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1920px;height: 100%;background: #f0f2f5;}
.location .home {margin: 0 45px 0 0;width: auto;height: auto;}
.location .home:hover {background: none;}
.location .home:after, .location .home:before {width: 17px;height: 17px;background-image: url(/images/kr/common/ico_home.png);}
.location .home:before {right: -30px;margin: 0;width: 5px;height: 9px;transform: translateY(-50%);background: url(/images/kr/common/ico_arrow_loc.png)no-repeat;}

.snb {float: none;display: inline-flex;align-items: center;}
.snb > li {width: auto;}
.snb > li:not(:last-child) {margin: 0 45px 0 0;}
.snb > li > a {padding: 0;height: auto;line-height: 1;cursor: default;text-decoration: none;}
.snb > li > a:hover {background: none;}
.snb > li > a:before {margin: 0;right: -27px;width: 5px;height: 9px;ba;transform: translateY(-50%);background: url(/images/kr/common/ico_arrow_loc.png)no-repeat;}
.snb > li:last-child > a:before {display: none;}
.snb > li > a:after {display: none;}

#pageTitle h3,
#sub_default h4, .tit_txt {font-family: 'Noto Sans KR';}

@media all and (max-width:1584px) {
	.btn_top{left:auto;right:15px;margin:0;}
}
@media all and (max-width:1440px){
	.inner {padding: 0 15px; width: 100%;}
	#search .btn_search {margin: 0; left: auto; right: 70px;}

	.location::after {width: 100%;}
	.btn_menu{right:15px;}
}
@media all and (max-width:1024px) {
	#search .btn_search {right: 15px;}
	.btn_menu {top: 25px;}
	.btn_top{top: 100px; right: 30px;}
	#top .global{left:15px;}
	#top .global > li{border-right: none; border-color:#ddd;}
	#top .global .live a span {color: #fff;}
	#top .global > li.list > a:after{border-left:none; border-top:none; border-right:1px solid #9a9999; transform:rotate(-45deg);}
	#top .global > li.list > a.on:after{transform:rotate(-45deg);}

	#footer .logo {margin: 30px 0 0;position: static;}
	#footer .logo em {font-size: 24px;}
	#footer .info {padding: 0 10px 30px;}

	.snb > li:first-child {width: auto;}

	#subContent #content {width: 100%;}
}
@media all and (max-width:768px) {
	.linksite {height: auto;}
	.linksite .inner > li {width: 100%; height: 50px;}
	.linksite .inner > li::before, .linksite .inner > li:last-child::after {display: none;}
	.linksite li div {bottom: 50px;}

	.btn_top{top: 230px;}
	.btn_menu {top: 18px;}
}
@media all and (max-width:568px) {
	#top .global .live a span {margin: 0; width: 30px; height: 20px; line-height: 20px; font-size: 12px;}
	.btn_top {right: 20px;}
	.linksite li div {bottom: 50px;}
	.linksite .inner > li > a {padding: 0;font-size: 14px;}
	.linksite .inner > li > a::after {right: 10px;}
	#footer .logo em {font-size: 20px;}
	#footer .link {justify-content: center;}
	#footer .link li {padding: 0 10px;}
	#footer .link li:not(:last-child)::after {height: 10px;transform: rotate(-10deg);}

	.location {height: 40px;}
}
@media all and (max-width:400px){
	.snb > li:first-child {display: block;}
}
@media all and (max-width:380px) {
	#footer .logo em {font-size: 18px;}
	#footer .logo span > span {font-size: 10px;}
	#footer .copyright {font-size: 12px;}
}