@charset "utf-8";

@font-face{
font-family: "NotoSans-Black";
src:url('./font/NotoSans-Black.eot') format('embedded-opentype'),
url('./font/NotoSans-Black.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Bold";
src:url('./font/NotoSans-Bold.eot') format('embedded-opentype'),
url('./font/NotoSans-Bold.woff') format('woff');
}
@font-face{
font-family: "NotoSans-DemiLight";
src:url('./font/NotoSans-DemiLight.eot') format('embedded-opentype'),
url('./font/NotoSans-DemiLight.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Light";
src:url('./font/NotoSans-Light.eot') format('embedded-opentype'),
url('./font/NotoSans-Light.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Medium";
src:url('./font/NotoSans-Medium.eot') format('embedded-opentype'),
url('./font/NotoSans-Medium.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Regular";
src:url('./font/NotoSans-Regular.eot') format('embedded-opentype'),
url('./font/NotoSans-Regular.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Thin";
src:url('./font/NotoSans-Thin.eot') format('embedded-opentype'),
url('./font/NotoSans-Thin.woff') format('woff');
}

@font-face {
  font-family: "YiSunShinDotum";
  font-style: normal;
  font-weight: 300;
  src: local("./font/YiSunShinDotumL"), /* computer */
    url("./font/YiSunShinDotumL.eot"), /* IE9 Compat Modes */
    url("./font/YiSunShinDotumL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/YiSunShinDotumL.woff2") format("woff2"), /* Modern Browsers */
    url("./font/YiSunShinDotumL.woff") format("woff"), /* Modern Browsers */
    url("./font/YiSunShinDotumL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "YiSunShinDotum";
  font-style: normal;
  font-weight: 400;
  src: local("./font/YiSunShinDotumM"), /* computer */
    url("./font/YiSunShinDotumM.eot"), /* IE9 Compat Modes */
    url("./font/YiSunShinDotumM.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/YiSunShinDotumM.woff2") format("woff2"), /* Modern Browsers */    
    url("./font/YiSunShinDotumM.woff") format("woff"), /* Modern Browsers */
    url("./font/YiSunShinDotumM.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "YiSunShinDotum";
  font-style: normal;
  font-weight: 700;
  src: local("./font/YiSunShinDotumB"), /* computer */
    url("./font/YiSunShinDotumB.eot"), /* IE9 Compat Modes */
    url("./font/YiSunShinDotumB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/YiSunShinDotumB.woff2") format("woff2"), /* Modern Browsers */
    url("./font/YiSunShinDotumB.woff") format("woff"), /* Modern Browsers */
    url("./font/YiSunShinDotumB.ttf") format("truetype"); /* Safari, Android, iOS */
}


html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin: 0;padding: 0;list-style: none;font-family: "NotoSans-Regular";font-size: 15px;color: #666666;}
a{text-decoration: none;color: #666;}
img{max-width: 100%;border: 0;vertical-align: middle;}
select{font-family: "NotoSans-Regular";border: 1px solid #d6d6d6;vertical-align: middle;}
input{font-family: "NotoSans-Regular";vertical-align: middle;margin: 0;padding: 0;}
textarea{font-family: "NotoSans-Regular";vertical-align: middle;}
table{border-collapse: separate;border-collapse: collapse;width: 100%;table-layout: fixed;}
table caption{width: 0;height: 0;overflow: hidden;position: absolute;top: -9999px;left: -9999px;}
body { width: 100%;font-size: 12px; }
tfoot {display: none;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;}
.clear{clear: both;height: 0;}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}

.skipNav {position: relative;width: 100%;z-index: 99999;}
.skipNav a {position: absolute;left: 0;top: -1000px;display: block;width: 100%;padding: 10px 0;font-style: normal;font-variant: normal;text-align: center;font-family: "ng", sans-serif;font-size: 14px;font-weight: bold;color: #ffffff;background: #000000;}
.skipNav a:active,.skipNav a:focus{top: 0;text-decoration: none;color: #ffffff;}
.warp-box{width:1200px;margin:0 auto;}
#header{min-width: 1200px;border-bottom: 1px solid #e5e5e5;}
.header-top{background: #f7f7f7;}
.header-top-in{width: 1200px;margin: 0 auto;}
.relate-ins{float: left;}
.relate-ins > li{float: left;}
.relate-ins > li a{display: block;padding: 5px 15px;font-size: 13px;line-height: 20px;color: #666666;border-right:1px solid #e3e3e3;}
.relate-ins > li a:hover{background:#afafaf;border-right:1px solid #afafaf; color:#fff;}
.relate-ins2{float: right;}
.relate-ins2 > li{float: left;}
.relate-ins2 > li a{display: block;padding: 5px 15px;font-size: 15px;line-height: 20px;color: #565656;font-size: 12px;}
.relate-ins2 > li:first-child a{background: url(/images/artandsport/common/common_bg02.gif) no-repeat right center;}

.header-bottom-in{position: relative;width: 1200px;margin: 0 auto;}
.header-bottom-in h1{float: left;height:90px;display:table;}
.header-bottom-in h1 > a{display:table-cell;vertical-align: middle;}
.header-bottom-in h1 > a.logo2-link{background:url(/images/artandsport/common/logo2-link.png) no-repeat left center;padding-left:15px;}
.gnb-menu{position: relative;float: left;margin-left: 75px;z-index: 10;}
.gnb-menu .main-m > li{position: relative;float: left;}
.gnb-menu .main-m > li > a{display: block;padding: 30px 55px;font-family: "NotoSans-Regular";font-size: 22px;line-height: 30px;}
.gnb-menu .main-m > li  + li > a{background:url(/images/artandsport/common/gnb-menu.gif) no-repeat left center;}
.all-menu{float:right;margin-top: 34px;}
.all-menu-close{display: none;}
.hide-menu{display: none;position: absolute;left: 0px;top: 91px;width: 100%;z-index: 10;}
.hide-menu .clg > .hide-menu-title01{float: left;padding-right: 30px;margin-left: 173px;margin-top: 29px;font-family: "NotoSans-Regular";font-weight: normal;font-size: 24px;line-height: 28px;color: #000000;background: url(/images/artandsport/common/menu_bg01.png) no-repeat right center;}
.hide-menu .clg > ul{float: left;margin-left: 52px;}
.hide-menu .clg > ul > li{float: left;width: 205px;height: 134px;border-right: 1px solid #d9d8d5;padding: 30px 0;background: #ffffff;}
.hide-menu .clg > ul > li:hover{background: #d4e4e2;}
.hide-menu .clg > ul > li:first-child{width: 192px;border-left: 1px solid #d9d8d5;}
.hide-menu .clg > ul > li > ul{text-align: center;}
.hide-menu .clg > ul > li > ul > li{padding: 5px 0;}
.hide-menu .clg > ul > li > ul > li > a{display: block;text-align: center;font-size: 16px;line-height: 20px;color: #393939;}
.hide-menu .clg > ul > li > ul > li > a span{padding-right: 18px;background: url(/images/artandsport/common/menu_bg02.png) no-repeat right center;}
.hide-menu .clg > ul > li > ul > li > ul{display: none;}
.hide-menu .depart{background: #f2f1ed;}
.hide-menu .depart .hide-menu-title02{float: left;padding-right: 30px;margin-left: 217px;margin-top: 29px;font-family: "NotoSans-Regular";font-weight: normal;font-size: 24px;line-height: 28px;color: #000000;background: url(/images/artandsport/common/menu_bg01.png) no-repeat right center;}
.hide-menu .depart > ul{float: left;margin-left: 52px;}
.hide-menu .depart > ul > li{width: 160px;}
.hide-menu .depart > ul > li{float: left;}
.hide-menu .depart > ul > li:first-child{}
.hide-menu .depart > ul > li:last-child{border-right: none;}
.hide-menu .depart > ul > li > a{display: block;text-align: center;height: 40px;padding: 35px 0;font-size: 16px;line-height: 20px;color: #393939;}
.hide-menu .depart > ul > li > a:hover{color: #014195;text-decoration: underline;}
.hide-menu .depart > ul > li > ul{display: none;}
.sub-bg02{display: none;position: absolute;left: 0px;top: 121px;width: 100%;height: 304px;background: url(/images/artandsport/common/menu_bg03.gif) repeat-x left top;z-index: 5;}

.fll{float: left;}
.flr{float: right;}
.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}

#footer{min-width: 1200px;background: #212429;}
.footer-in{width: 1200px;padding: 40px 0 69px;margin: 0 auto;}
h1.footer-logo{float: left;}
.corp-info-floor{margin-top: 15px;float: left;}
.corp-info{float: left;vertical-align: top;margin-left: 40px;}
.corp-info-txt{font-family: "NotoSans-Light";font-size: 13px;line-height: 17px;color: #fff;}