@charset "euc-kr";

@import url(https://font.imbc.com/noto/noto.css);

/* ÃʱâÈ­ */
html, body { height:100%; }
html { _overflow:hidden; }
body{ _height:100%; _width:100%; _overflow:auto; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
.hd-wrap input, .search-area input { border:none; font-family:'notokr-demilight'; }
a { text-decoration:none; }
a:hover{text-decoration: none;}
.hd-wrap strong, .search-area strong { font-family:'notokr-bold'; }
ol, ul, dl { list-style:none; }
.hd-wrap img, .hd-wrap video, .search-area img, .search-area video
{ border:0 none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
.hd-wrap button, .hd-wrap button:focus, .hd-wrap button:active, .search-area button, .search-area button:focus, .search-area button:active 
{ border:none; padding:0; cursor:pointer; font-family:'notokr-demilight'; background:none; color:#fff; }
button span { position:relative; }

/* nav */
.hd-wrap { margin:0; padding:0; letter-spacing:-1px; font-size:100%; text-align:center; vertical-align:top; border:0; position:relative; z-index:1100 !important; background-color:#000; height:88px; }
.hd-t {position:absolute !important; left:-9000px !important;}
.gnb-wrap { display:flex;align-items:center; justify-content:space-between; height: 88px; width: 1218px; margin: 0 auto; position:relative;} 
.gnb-wrap .gnb-sub ul { display:flex; align-items:center; width:auto} 
.gnb-wrap .gnb-sub ul li { padding:8px 5px;margin-left: 7px; position: relative;text-align:left} 
.gnb-wrap .gnb-sub ul li:first-child { margin-left: 0; margin-right: 5px;padding-left:0 } 
.gnb-wrap .gnb-sub ul li a { display:block;color: #fff; font-size: 18px; box-sizing: border-box; font-family: 'notokr-medium'; line-height:1 } 
.gnb-wrap .gnb-sub ul li a span { display:block;font-size: 18px; box-sizing: border-box;font-family:'notokr-bold';color:#fff } 
.gnb-wrap .gnb-sub ul li.logo a, .gnb-wrap .gnb-sub ul li.search a { font-size: 0; } 
.gnb-wrap .gnb-sub ul li.menu:hover{background: #fff; }
.gnb-wrap .gnb-sub ul li.menu.active,
.gnb-wrap .gnb-sub ul li.menu.focus{ background: #fff; } 
.gnb-wrap .gnb-sub ul li.menu.active a,
.gnb-wrap .gnb-sub ul li.menu.focus a{ color: #000; font-family: 'notokr-bold';}
.gnb-wrap .gnb-sub ul li.menu:hover a { color: #000; font-family: 'notokr-bold'; } 
.gnb-wrap .gnb-sub ul li.menu a.en{ font-family: 'notokr-bold'; }
.gnb-wrap .gnb-sub ul li.menu:hover a.en span { color: #000;  } 
.gnb-wrap .gnb-sub ul li.menu.active a.en span,
.gnb-wrap .gnb-sub ul li.menu.focus a.en span { color: #000; } 
.gnb-wrap .gnb-sub ul li a img { vertical-align: middle; width: inherit; } 
.gnb-wrap .gnb-sub ul li ul.depth { display:none;position:absolute; left:0;top:32px;width:100%; z-index:100; background-color:#fff; padding:8px 6px 13px 6px;box-sizing:border-box;} 
.gnb-wrap .gnb-sub ul li ul.depth li { float:none; margin:12px 0 0 0; padding:0;height:auto;line-height:1 } 
.gnb-wrap .gnb-sub ul li ul.depth li:first-child{margin-top:0;}
.gnb-wrap .gnb-sub ul li ul.depth li a { all:unset;display:block;font-size:16px;background:none !important;color:#000; font-family: 'notokr-bold'; }
.gnb-wrap .gnb-sub ul li ul.depth li a:focus{outline:2px solid #000;border-radius:3px;}
.gnb-wrap .gnb-sub ul li.focus ul.depth{display:block;}
.gnb-wrap .gnb-sub ul li.tv{padding:8px 40px 8px 8px;background:url(https://img.imbc.com/commons/2018/image/main/bg_menu_down_wt.png) no-repeat 70% 15px;cursor:pointer;}
.gnb-wrap .gnb-sub ul li.tv.active{background:#fff url(https://img.imbc.com/commons/2018/image/main/bg_menu_down_bk.png) no-repeat 70% 15px;}
.gnb-wrap .gnb-sub ul li.tv:hover,
.gnb-wrap .gnb-sub ul li.tv.focus{background:#fff url(https://img.imbc.com/commons/2018/image/main/bg_menu_up_bk.png) no-repeat 70% 15px;}
.gnb-wrap .gnb-sub ul li.tv:hover ul.depth{display:block;box-shadow:0px 3px 5px rgba(0,0,0,.1)}
.gnb-wrap .gnb-sub ul li:nth-child(3){margin-left:5px}
.gnb-wrap .snb ul { float: left; } 
.gnb-wrap .snb ul li { font-size: 0; float: left; line-height: 88px; } 
.gnb-wrap .snb ul li a { color: #eee; vertical-align: middle; font-size: 12px; line-height: 0; font-family: 'notokr-bold'; } 
.gnb-wrap .snb ul.login { margin-right: 2px; } 
.gnb-wrap .snb ul.login li { margin-right: 7px; background: url(https://img.imbc.com/commons/2018/image/main/snb-line.png) no-repeat right center; padding-right: 7px; box-sizing: border-box; } 
.gnb-wrap .snb ul.login li:last-child { margin-right: 0; background: none; } 
.gnb-wrap .snb ul.login li.event{position:relative}
/* gnb new ¹îÁö
.gnb-wrap .snb ul.login li.event:before{content:'new';display:block;width:21px;height:8px;position: absolute;top: 27px;left: -3px;right: 0;margin: auto;text-indent:-9999px;background:url(https://img.imbc.com/commons/2018/image/main/img_badge_new.png) no-repeat 50% 50%;}
*/
.gnb-wrap .snb ul.box { margin-top: 27px; } 
.gnb-wrap .snb ul.box li { width: 49px; height: 33px; border: 1px solid rgba(255, 255, 255, .3); border-right: 0; } 
.gnb-wrap .snb ul.box li:last-child { border-right: 1px solid rgba(255, 255, 255, .3); } 
.gnb-wrap .snb ul.box li a { text-align: center; display: block; width: 100%; height: 33px; line-height: 33px; } 
.gnb-wrap .snb ul.box li.mbic { width: 84px; position: relative; } 
/* mbic -> new 
.gnb-wrap .snb ul.box li.mbic:after { content: ''; width: 29px; height: 15px; background: url(https://img.imbc.com/commons/2018/image/main/b-new.png); position: absolute; top: -10px; left: 9px; } 
*/
.gnb-wrap .snb ul.box li img { vertical-align: middle; margin-top: -3px; } 
.gnb-wrap .snb ul.box li.pr { width: 62px; } 
.gnb-wrap .snb ul.box li.clip { width: 46px; } 

/* search */
.search a { color:#fff; }
.search-area { display:none; text-align:center; width:100%; height:100%; z-index:15000; position:fixed; top:0; left:0; padding-top:125px;line-height:1 }
.search-area .search-after { width:100%; height:100%; position:absolute; top:0; left:0; background:url(https://img.imbc.com/commons/2018/image/main/search-bg.png); z-index:140; }
.search-area.active { display:block; }
.search-area button.btn-src-close{position:absolute;top:0;right:-60px;z-index:150}
.search-area .search-box { position:relative; z-index:15000; width:1010px; height:437px; background:url(https://img.imbc.com/commons/2018/image/main/search-box-bg.jpg) no-repeat center top; margin:0 auto; }
.search-area .box-wrap { width:594px; margin:0 auto; }
.search-area .search-form { padding-top:28px; margin-bottom:38px; position:relative; }
.search-area .search-form input[type="text"] { font-size:34px; color:#9c9c9c; width:100%; padding:18px 38px 18px 0; text-align:center; background:#fafbfb; box-sizing:border-box; border-bottom:3px solid #e6e6e6; height: auto; line-height: normal; }
.search-area .search-form input::placeholder { color:#9c9c9c; }
.search-area .search-form label {position:absolute; left:-9999px; }
.search-area .search-form form button { position:absolute; top:51px; right:0; }
.search-area .search-banner {
    margin-top: 16px
}
.search-area .best-list { text-align:left; overflow:hidden; }
.search-area .pop-list { float:left; width:50%; }
.search-area .pop-list h3 { font-size:24px; color:#1e1e1e; font-size:24px;font-family:'notokr-bold'; margin-bottom:25px; letter-spacing:-2px; }
.search-area .pop-list h3 strong { color:#4664e6; font-weight:normal; }
.search-area .pop-list ol li { font-size:18px; margin-top:15px; }
.search-area .pop-list ol li:first-child { margin-top:0; }
.search-area .pop-list ol li span, .search-area .pop-list ol li strong { line-height:22px; display:inline-block; font-weight:normal; font-family:'notokr-demilight'; }
.search-area .pop-list ol li span { width:7%; color:#7687e2; font-style:italic; }
.search-area .pop-list ol li strong  { width:93%; color:#1e1e1e; }
.search-area .pop-word { padding-right:20px; box-sizing:border-box; }

/* top banner */
.main-banner {position: relative; margin-right: 0; background: #000; width: auto; transition: all 0.3s; -webkit-transition: all 0.3s; transform-origin: center right; line-height:0}
.main-banner a {display: block; overflow: hidden; text-align: center;}
.main-banner a img {width: auto; min-width: 100%; margin-left: -50%; margin-right: -50%;}
.main-banner .check {position: absolute; top: 50%; right: 50%; margin-top: -7px; margin-right: -609px; font-size: 0;}
.main-banner .check label {margin-right: 7px; font-size: 16px; color: #bfbfbf; cursor: pointer;}
.main-banner .check input[type="checkbox"] {position: absolute; width: 0; height: 0; z-index: -1px;}
.main-banner .check label span.box {position: relative; display: inline-block; width: 16px; height: 16px; margin-right: 10px; background-color: #fff; background-size: 16px; vertical-align: bottom; text-indent: -9999px;}
.main-banner .check input[type="checkbox"] {cursor: pointer;}
.main-banner .check input[type="checkbox"]:checked + label span.box {background: url(https://img.imbc.com/commons/2018/image/main/banner_check_close.jpg) no-repeat 50% 50%;}

/* footer °øÅë */
#footer { letter-spacing:-0.5px; text-align:center; font-family:'notokr-demilight'; }

/* gnb ¹îÁö Ãß°¡
.gnb-wrap .gnb-sub ul li:nth-child(5):after {content: '2022 īŸ¸£ ¿ùµåÄÅ'; width: 97px; height: 23px; background: url(https://img.imbc.com/commons/2018/image/main/gnb_wdc2022.png) no-repeat; position: absolute; top: 10px; left: 0px; animation: ani 1.1s ease infinite alternate; text-indent:-9999px}
@keyframes ani { 0% { opacity: 0 } 100% { opacity: 1 } } */
/* wbc ¹îÁö Ãß°¡
.gnb-wrap .gnb-sub ul li:nth-child(5):after {content: 'WBC';width: 19px;height: 19px;background: url(https://m.imbc.com/wiz/sports/2023wbc/images/ico-wbc.png) no-repeat;position: absolute;top: 17px;left: 36px;animation: ani 1.1s ease infinite alternate;text-indent:-9999px}  */
/* ¿©ÀÚ¿ùµåÄÅ ¾ÆÀÌÄÜ Ãß°¡
.gnb-wrap .gnb-sub ul li.menu:nth-child(3){ background:url(https://img.imbc.com/broad/tv/sports/images/wms23/logo_icon_23wsoccer.png) no-repeat 6px 50%; padding-left:35px; }
.gnb-wrap .gnb-sub ul li.menu:nth-child(3).active,
.gnb-wrap .gnb-sub ul li.menu:nth-child(3):hover{background:#fff url(https://img.imbc.com/broad/tv/sports/images/wms23/logo_icon_23wsoccer.png) no-repeat 6px 50%;} */

/* ie Áö¿ø Á¦¿Ü css Ãß°¡ */
.banner_web.ie_note{width:100%;height:50px;background-color:#ece8dc}
.banner_web.ie_note .wrapper{position:relative;width:1218px;height:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background:none}
.banner_web.ie_note .note_wrap{padding-left:52px;background:url(https://img.imbc.com/commons/2018/image/main/icon_warning.png) no-repeat 21px 50%;box-sizing:border-box;}
.banner_web.ie_note .note_wrap *{color:#2a2a2a;font-family:'notokr-medium';display:inline-block;vertical-align:middle;}
.banner_web.ie_note .note_wrap p{font-size:15px;margin-right:26px;letter-spacing:-0.075em}
.banner_web.ie_note .note_wrap a{border-radius:16px;font-size:13px;box-shadow:1px 1px 3px rgba(52,76,181,.4);padding:0 10px 0 30px;background:#faf8f0 url(https://img.imbc.com/commons/2018/image/main/icon_chrome.png) no-repeat 7px 50%;line-height:26px}
.banner_web.ie_note button{position:relative;padding-right:22px;color:#2a2a2a;font-family:'notokr-medium';font-size:12px;cursor:pointer;border: none;background: none;line-height: 12px;}
.banner_web.ie_note button i{position:absolute;top:-1px;right:0;display:flex;width:13px;height:13px;justify-content:center;align-items:center;box-sizing:border-box;text-indent:-9999px;color:transparent;font-size:1px;overflow:hidden;}
.banner_web.ie_note button i:before{content:'';display:block;position:absolute;width:100%;height:1px;background-color:#2a2a2a;transform:rotate(45deg);left:0;right:0;top:0;bottom:0;margin:auto;transform-origin:50% 50%}
.banner_web.ie_note button i:after{content:'';display:block;position:absolute;width:100%;height:1px;background-color:#2a2a2a;transform:rotate(-45deg);left:0;right:0;top:0;bottom:0;margin:auto;transform-origin:50% 50%}