@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');


/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0px; padding:0px; border:0px; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; letter-spacing: 0px;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,td,div,select,input,textarea {font-weight:400; font-size:14px; letter-spacing: 0px;}
input,textarea {height:18px; font-weight:400; font-size:12px; color:#666666; border:1px solid #DDDDDD; padding:0 0 0 5px;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display:block;}
table {border-collapse:collapse; border-spacing:0; width: 100%; table-layout: fixed; text-align: center;}
table caption{display: none;}
table th, table td{vertical-align: middle;}
table img{width: 100%; box-sizing: border-box;}

body {width:100%; min-width:1280px; color:#333333; font-family:'Noto Sans KR', sans-serif !important; font-weight:400; background:#FFFFFF !important;}
a {color:#333333; font-weight:700; font-size:1em; font-family:'Noto Sans KR', sans-serif !important; font-weight:400; text-decoration:none;}
a:hover {color:#e0002a; text-decoration:none;}
a:link, a:visited, a:active {color:#333333;}
:focus {outline: 0;}
strong, b {font-weight:900;}
ol, ul {list-style: none;}

/* text-align */
.tLeft{text-align: left !important;}
.tCenter{text-align: center !important;}
.tRight{text-align: right !important;}

/* float */
.floatLeft{float: left !important;}
.floatRight{float: right !important;}
.select-wrap::after{content: ''; display: block; clear: both;}

/* header */
header{width: 100%; height: 275px; background: url(/web/images/subvisual.jpg) no-repeat center center; background-size: cover; border-top: 5px solid #114b86; border-bottom: #e21a4c 5px solid;}
header::before{content: ''; display: block; width: 100%; height: 5px; background: #114b86; position: fixed; top: 0; z-index: 9999;}

/* nav */
nav{height: 100px; position: fixed; left: 0; right: 0; top: 0; z-index: 999; padding-top: 5px;}

.navArea{width:1280px; height: 100px;  margin: 0 auto; position: relative; z-index: 2;}
.navArea::after{content: ''; display: block; clear: both;}

.navArea .logo{float: left; width: 160px; margin-right: 42.3px; position: relative;}
.navArea .logo > a{display: block; height: 170px; margin-top: -10px;}
.navArea .logo .goPrevSite{display: inline-block; position: absolute; top: 0; left: 0; right: 0; text-align: center; height: 20px; margin: 0px 20px 0 20px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #5d85ad; color: #becede; font-size: 12px; letter-spacing: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.navArea .logo .goPrevSite:hover{color: #fff; border-color: #becede; }

.navArea .logo img{width: 100%; height: auto;}

.navArea .gnb{float: left; width: calc(100% - 362.3px); height: 100px; line-height: 103px;}
.navArea .gnb::after{content: ''; display: block; clear: both;}
.navArea .gnb > li{float: left; text-align: left;}
.navArea .gnb > li:nth-of-type(1){width: 143px;}
.navArea .gnb > li:nth-of-type(2){width: 193px;}
.navArea .gnb > li:nth-of-type(3){width: 148px;}
.navArea .gnb > li:nth-of-type(4){width: 175px;}
.navArea .gnb > li:nth-of-type(5){width: 115px;}
.navArea .gnb > li:nth-of-type(6){width: auto;}
.navArea .gnb > li a{padding: 7px 0px 15px 0px; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 0;}
.navArea .gnb > li a:hover{color: #c30136; border-bottom: 3px solid #c30136;}

.navArea .gnb-btn{float: left; width: 160px;}
.navArea .gnb-btn .lang-btn a{float: left; display: block; width: 50%; height: 25px; line-height: 25px; margin-bottom: 5px; background: #114b86; color: #fff; text-align: center; font-size: 12px; box-sizing: border-box; letter-spacing: -0.6px;}
.navArea .gnb-btn .lang-btn::after{content: ''; display: block; clear: both;}

.lnb-wrap{float: none; position: absolute; top: -360px; left: 0; right: 0; padding-top: 124px; height: 196px; background: rgba(0, 0, 0, 0.6); z-index: 1; transition: all 0.5s ease;}
.lnb-wrap a{color: #dddddd;}
.lnb-wrap .lnb{display: block; position: relative; width: 960px; left: 50%; transform: translateX(-50%); padding-left: 44px; box-sizing: border-box;}
.lnb-wrap .lnb::after{content: ''; display: block; clear: both; }
.lnb-wrap .lnb > li{float: left; line-height: 30px;}
.lnb-wrap .lnb > li:nth-child(1){width: 146px;}
.lnb-wrap .lnb > li:nth-child(2){width: 190px;}
.lnb-wrap .lnb > li:nth-child(3){width: 153px;}
.lnb-wrap .lnb > li:nth-child(4){width: 170px;}
.lnb-wrap .lnb > li:nth-child(5){width: 115px;}
.lnb-wrap .lnb > li:nth-child(6){width: auto;}
.lnb-wrap .lnb li ul li a{font-weight: bold; padding: 0px 0px 4px 0px; display: block; font-size: 15px; font-weight: 400; letter-spacing: -0.5px;}
.lnb-wrap .lnb li ul li a:hover{color: #c30136; font-weight: 400;}

/* nav:hover .lnb-wrap{top: 0;} */

.navArea .liveGnbLink a{display: block; width: 100%; height: 40px; margin: 0px; padding: 0px; background: #e21a4c; border-radius: 0 0 5px 5px; color: #FFFFFF; font-size: 18px; font-weight: 400; line-height: 40px; text-align: center; letter-spacing: 0;}
.navArea .liveGnbLink a > i{margin: 0 10px 0 0px; color: #FFFFFF; font-size: 18px;}
.navArea .liveGnbLink a strong{font-size: 18px; font-weight: 600; letter-spacing: 0;}


/* 레이아웃 */
section{width: 1280px; margin: 0 auto; position: relative}
section::after{content: ''; display: block; clear: both;}
section > div{float: left}

/* side menu */
.snb{position: absolute; width: 120px; padding: 40px 20px 20px 20px; background: linear-gradient(to bottom, #E21A4C, #af143a); border-radius: 0px 0px 15px 15px; z-index: 9999;}
.snb .s-gnb{padding: 0px 0 20px 0;}
.snb .s-gnb a{font-weight: 700;}
.snb ul li{border-bottom: 1px solid #e21a4c;}
.snb ul li:last-of-type{border-bottom: 0;}
.snb a{display: block; width: auto; height: auto; padding: 10px 0 10px 0px; color: #F5F5F5; font-family: 'Noto Sans KR'; font-size: 14px; font-weight: 400;}

/* tit */
.titA{margin: 20px 0;  text-align: center; font-size: 26px; font-weight: bold; /*letter-spacing: -1px;*/letter-spacing: 0px; }
.titB{margin: 70px 0 10px 0; font-size: 20px; color: #1c3856; font-weight: bold; /*letter-spacing: -3px;*/letter-spacing: 0px; }

/* margin-top */
.margin-top10{margin-top: 10px;}
.margin-top20{margin-top: 20px;}
.margin-top30{margin-top: 30px;}
.margin-top40{margin-top: 40px;}

/* margin-bottom */
.margin-bottom10{margin-bottom: 10px;}
.margin-bottom20{margin-bottom: 20px;}
.margin-bottom30{margin-bottom: 30px;}
.margin-bottom40{margin-bottom: 40px;}

.margin-bottom-10{margin-bottom: -10px;}
.margin-bottom-20{margin-bottom: -20px;}
.margin-bottom-30{margin-bottom: -30px;}
.margin-bottom-40{margin-bottom: -40px;}

/* table */
/* tableA */
.tableA{width:100%; table-layout: fixed; border-top: 3px solid #1c3856;}
.tableA th, .tableA td{padding: 11px 0; border-bottom: 1px solid #dbdbdb; text-align: center; vertical-align: middle;}
.tableA th{background: #f9f9f9; color: #114b86; font-weight: bold;}
.tableA thead tr:nth-child(2) th{font-weight: 400;}

.tableA .bg-02{background:#eef2f5;}
.tableA .bg-03{background:#f9f9f9;}

/* tableB */
/*
.tableB{width:100%; table-layout: fixed; border-top: 3px solid #1c3856;}
.tableB th{border-left: 1px solid #a8a8a8; border-right: 1px solid #a8a8a8;}
.tableB th, .tableB td{padding: 14px 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd;border-bottom: 1px solid #ddd; text-align: center; vertical-align: middle;}
.tableB th:first-child, .tableB td:first-child{border-left: 0;}
.tableB thead th{background: #efefef;}
.tableB tbody th{background: #f9f9f9;}
.tableB tfoot th{background: #e6e6e6}
*/
.tableB{width:100%; table-layout: fixed; border-top: 3px solid #1c3856;}
.tableB th{border-left: 1px solid #a8a8a8; border-right: 1px solid #a8a8a8;}
.tableB thead tr th:nth-child(1){border-left: 0; border-right: 0;}
.tableB thead tr th:nth-child(2){border-left: 0; border-right: 0;}
.tableB thead tr th:nth-child(4){border-left: 0; border-right: 0;}
.tableB thead tr th:nth-child(5){border-left: 0; border-right: 0;}
.tableB th, .tableB td{padding: 14px 0; border-bottom: 1px solid #dbdbdb; text-align: center; vertical-align: middle;}
.tableB th:first-child, .tableB td:first-child{border-left: 0;}
.tableB thead th{background: #efefef;}
.tableB tbody th{background: #f9f9f9;}
.tableB tfoot th{background: #e6e6e6}

/* tableC */
.tableC{ border-collapse: separate; border-spacing: 0 10px; }
.tableC tr th, .tableC tr td{padding: 18px 0; font-size: 15px; word-break: keep-all;}
.tableC tr th{border-top:1px solid #ddd; border-bottom: 1px solid #ddd; background: #ededed; color: #1c3856; font-weight: 500;}
.tableC tr th:last-of-type{border-left: 1px solid #ddd;}
.tableC tr td{border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.tableC tr td:last-of-type{border-right: 1px solid #ddd;}
.tableC tr .set-info{color: #aaa; font-size: 12px;}
.tableC tr .win{color: #e21a4c; font-size: 15px; font-weight: bold;}
.tableC tr .lose{color: #aaaaaa; font-size: 15px; font-weight: bold;}
.tableC tr .score{font-size: 18px; font-weight: bold;}

/* tableD */
.tableD tr th, .tableD tr td{padding: 10px 0;}
.tableD tr th{background:#244569; color: #fff; border: 1px solid #112f4f;}
.tableD tr td{border: 1px solid #ddd;}
.tableD tr td:last-of-type{border-right: 0;}
.tableD tr td.none{background: #f9f9f9;}

/* table tit */
.table-tit{display: block; margin-top: 50px; margin-bottom: 20px; color: #244569; text-align: center; font-size: 24px; font-weight: bold;}
.table-tit::before{content: ''; display: inline-block; width: 50px; height:2px; background: #244569; vertical-align: middle; margin-right: 20px;}
.table-tit::after{content: ''; display: inline-block; width: 50px; height:2px; background: #244569; vertical-align: middle; margin-left: 20px;}

/* table-btn */
.table-btn{display: block; background: #114b86; color: #fff !important; border-radius: 3px; margin: 0 4px; padding: 5px 10px; box-sizing: border-box; font-size: 11px;}
.table-btn:hover{background:#092541; transition: all 0.3s ease;}

/* listA*/
.listA{margin: 30px 0 15px 0;}
.listA > li{font-size: 16px; color: #1c3856;}
.listA > li::before{content: ''; display: inline-block; width: 2px; height: 2px; margin: 0 10px; background: #1c3856; vertical-align: middle;}

/* listB */
.listB > li{margin-left: 30px; color: #333333; line-height: 2;}

/* listC*/
.listC > li{line-height: 2;}
.listC > li::before{content: ''; display: inline-block; width: 4px; height: 1px; margin: 0 10px; background: #1c3856; vertical-align: middle;}

/* select */
/* .selectA { min-width:150px; padding: 5px 10px; margin-right: 10px; margin-bottom: 10px; border-color: #bbb; vertical-align: middle; border-width: 1px; } */
.selectA { background-image: url('/web/images/ico_arr_down.png'); background-repeat: no-repeat; background-size: contain; background-position: right; float: left; padding: 5px 45px 5px 10px; height: 40px; line-height:30px; color:#666; border-radius: 5px; border: 1px solid #ccc; background-color:#fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.selectA::-ms-expand { display: none; }
.selectA:first-child{margin-right: 0;}

/* content */
.content{width: 940px; margin: 20px 0px 60px 200px; padding: 0px 0 0 0;min-height:450px; position: relative; }
.content::after{content: ''; display: block; clear: both;}

.content-header {clear:both; width:100%; margin:0 auto 40px auto; padding:0px 0 0 0; background:transparent;}
.content-header h2 {position: relative; width: 100%; margin: 18px auto 0px auto !important; padding: 0px 0 0px 0px; color: #333333; font-family: 'Noto Sans KR', sans-serif; font-size: 36px; font-weight: 300 !important; letter-spacing: -0.06em;}
.content-header .pageDesc { position: relative; width: 100%; margin: 0px 0 0px 3px !important; padding: 0px 0 0px 0px; color: #777777; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400 !important; letter-spacing: -0.04em;}

/* quick menu */
/*
.quick-menu{z-index: 9; position: absolute; top: 0px; right: 0px; width: 100px; height: auto;}
.qMenu{position: fixed; top: 295px; right: auto; padding: 20px 0 0px 0; background: #114B86; background: -webkit-linear-gradient(top, #114B86, #08233E); background: -moz-linear-gradient(top, #114B86, #08233E); background: linear-gradient(to bottom, #114B86, #08233E); border-radius: 10px; text-align: center}
.qMenu li{width: 100px; height: 80px;}
.qMenu li a{color: #fff; display: block; font-size: 12px; letter-spacing: 0;}
.qMenu li a > i{display: block; margin: 0 auto 5px 0; font-size: 32px;}
.qMenu .goQuickTop {height: 60px;}
.qMenu .goQuickTop a > i { margin: 0 auto 0px 0; font-size: 21px;}
*/
.quick-menu{z-index: 9999; position: absolute; top: 0px; right: 0px; width: 100px; height: auto;}
.qMenu{width: 100px; position: fixed; top: 295px; right: auto; padding: 40px 6px 0 6px; background: #fff; border: 2px solid #03388f; border-radius: 10px; text-align: center; box-sizing: border-box;}
.qMenu .quick-tit{position: absolute; left: 0; right: 0; top: 0; height: 30px; padding: 0;  line-height: 30px; background: #03388f; color: #fff; font-size: 12px; letter-spacing: 0;}
.qMenu li{width: 100%; padding: 10px; box-sizing: border-box; border-bottom: 1px solid #ddd;}
.qMenu li img{width: 100%;}


/* footer */
#footer {z-index:9997; position:relative; width:auto; height:auto; margin:0px 0px 0px 0px; padding:0px 0 0px 0; background:#292929;}
#footer .footerTop {display:none; position:relative; width:auto; height:auto; margin:0px 0px 0 0px; padding:10px 20px 10px 20px; text-align:right;}
#footer .footerTop a.goTop {display:inline-block; width:auto; height:auto; margin:0px 0px 0 0px; padding:0px 0px 0px 0px; color:#FFFFFF; font-family:'Noto Sans KR',sans-serif;}

#footer .footerMid {z-index:9997; position:relative; width:100%; margin:0px auto 0px auto; padding:0px; border:#EFEFEF 0px solid;}
#footer .footerMid .footerSectionMid {position:relative; width:1280px; margin:0px auto 0px auto; padding:30px 0px; border:none;}
#footer .footerMid .footerSectionMid .address {position:absolute; left:0px; top:40px; font-size:12px; font-weight:400; color:#808080; margin:0px; text-shadow:none; line-height:170%;}
#footer .footerMid .footerSectionMid .address > p {width:100%;}
#footer .footerMid .footerSectionMid .address > p > span {display:inline-block; white-space:nowrap;}
#footer .footerMid .footerSectionMid .address > p > span.title {color:#808080; margin:0 0px 5px 0px; font-family:'Noto Sans KR',sans-serif; font-size:15px; letter-spacing:0em; vertical-align:-1px;}
#footer .footerMid .footerSectionMid .address > p > span > a.tel {color:#808080; margin:0 0px 0 5px; font-family:'Noto Sans KR',sans-serif; font-size:12px; letter-spacing:0em; vertical-align:-1px;}
#footer .footerMid .footerSectionMid .address > p > span > a.tel:hover {color:#FFFFFF;}
#footer .footerMid .footerSectionMid .address > p > span > a.fax {color:#808080; margin:0 10px 0 5px; font-family:'Noto Sans KR',sans-serif; font-size:12px; letter-spacing:0em; vertical-align:-1px;}
#footer .footerMid .footerSectionMid .address > p > span > .fa-envelope {vertical-align:-2px;}
#footer .footerMid .footerSectionMid .address > p > .locationBtn {display:inline-block; border:#CCCCCC 0px solid; padding:2px 5px 2px 5px; margin:0px 0px 0px 5px; font-size:11px;}
#footer .footerMid .footerSectionMid .address > p > .locationBtn:hover {border:#e21a4c 1px solid; color:#e21a4c;}
#footer .footerMid .footerSectionMid .logo_footer {position:relative; top:auto; width:66px; height:80px; margin:0px auto 0 auto;}
#footer .footerMid .footerSectionMid .linkFamily {display:block; position:absolute; bottom:19px; right:0px; width:98px; height:30px; margin:0; border:#535456 1px solid;}
#footer .footerMid .footerSectionMid .linkFamily > a {display:block;width:98px;height:30px;margin:0;background:url('/web/images/footer_familysite.png') 11px 11px no-repeat;text-indent:-9999px;}
#footer .footerMid .footerSectionMid .linkFamilyOn ul li {width:auto; margin:0px; padding:5px;}

#linkFamilyOn {display:none; z-index:999999; position:absolute; bottom:50px; right:0px; width:98px; background:rgba(37,37,37,0.7); border-top:#535456 1px solid; border-right:#535456 1px solid; border-bottom:#252525 1px solid; border-left:#535456 1px solid; border-radius:0px;}
#linkFamilyOn li {float:none; padding:5px 0 !important; margin-left:7px; font-size:11px; font-weight:400;}
#linkFamilyOn li a {color:#DDDDDD;}
#linkFamilyOn li a:hover, #family li a:active, #family li a:focus {color:#D03849;}
#linkFamilyOn ul {padding:5px 10px 5px 10px;}

#footer .footerBtm {position:relative; width:100%; height:70px; background:#1a1a1a;}
#footer .footerBtm .footerSectionBtm {position:relative; width:1280px; margin:0 auto 0 auto; padding:20px 0 0 0; border-top:#757c8c 0px solid;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation {display:block; position:absolute; top:25px; left:0px; width:auto; margin:0px;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation li {float:left;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation li .bar {color:#464646; margin:0 13px 0 13px;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation li a {margin:0 5px 0 5px; color:#bababa;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation li a:hover {color:#e21a4c;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation li a.privacy {margin:0 5px 0 5px; color:#bb9556;}
#footer .footerBtm .footerSectionBtm ul.linkLegislation li a.privacy:hover {color:#e21a4c;}
#footer .footerBtm .footerSectionBtm ul.social {display:block; position:relative; width:120px; margin:0px auto 0 auto;}
#footer .footerBtm .footerSectionBtm ul.social li {float:left;}
#footer .footerBtm .footerSectionBtm ul.social li a.facebook {display:block; width:40px; height:25px; background:url('/web/images/ico_fb.png') center 0px no-repeat; text-indent:-9999em;}
#footer .footerBtm .footerSectionBtm ul.social li a.instagram {display:block; width:40px; height:25px; background:url('/web/images/ico_insta.png') center 0px no-repeat; text-indent:-9999em;}
#footer .footerBtm .footerSectionBtm ul.social li a.youtube {display:block; width:40px; height:25px; background:url('/web/images/ico_youtube.png') center 0px no-repeat; text-indent:-9999em;}
#footer .footerBtm .footerSectionBtm .footerLang {display:none; margin-bottom:15px; text-align:center;}
#footer .footerBtm .footerSectionBtm .copyright {position:absolute; right:0px; top:25px; width:auto; margin:0px 0px 0px 0px; padding:0px 0 0 0; background:none; border-top:#a5a9b1 0px solid; font-size:12px; font-weight:400; color:#808080; text-align:left; text-shadow:none; line-height:15px;}
#footer .footerBtm .footerSectionBtm .copyright > span {white-space:nowrap;}

/* 최종수정일 */
.lastupdate { text-align:right; position:absolute; margin-top:-20px; width:100%; font-size:0.8em; color:#aaa;}
.lastupdate_s { text-align:right; width:100%; font-size:0.8em; color:#aaa; margin-bottom:3px; min-height:10px; margin-top:3px; }