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

/* 초기화 */
* { margin:0; padding:0; line-height:1; letter-spacing:-1px; font-size:100%; vertical-align:top; border:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
input { font-family:'notokr-demilight'; }
a { text-decoration:none; color:#222; }
.main a { color:#fff; }
ol, ul, dl { list-style:none; }
img, video { border:0 none; vertical-align:bottom; }
table { border-collapse:collapse; border-spacing:0; }
body { background:#000; font-family:'notokr-demilight', '돋움', 'dotum'; }
button, button:focus, button:active { padding:0; cursor:pointer; font-family:'notokr-demilight'; background:none; color:#fff; }
button span { position:relative; }
strong { font-family:'notokr-bold'; }
.wrapper { width: 1218px; margin: 0 auto; position:relative; }
.ellipsis-multi { text-overflow: ellipsis; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tit { word-break:keep-all; }

.sub .ad-area{text-align: center;margin-top:30px;}
/* main ***********************************************************************************************************/

/* accessibility */
#accessibility {position:absolute; top:0; left:0; z-index:9999;  width:100%; text-align:left}
#accessibility a {display:block; position:absolute; top:-1000px; left:0; z-index:500; width:100%; text-align:center}
#accessibility a:focus, #accessibility a:active {position:absolute; top:0; z-index:1000; height:40px; background:#000; font:bold 12px dotum; color:#fff; line-height:40px}

/* nav */
#header { position:relative; z-index:180; background:url(https://img.imbc.com/commons/2018/image/main/nav-bg-black.png) repeat-x center top; height:90px; }
.nav { overflow:hidden; height:90px; }
.nav .gnb { float:left; overflow:hidden; }
.nav .gnb ul { overflow:hidden; }
.nav .gnb ul li { font-size:0; float:left; margin-left:8px; line-height:88px; }
.nav .gnb ul li:first-child { margin-left:0; }
.nav .gnb ul li:first-child a { padding-left:0; }
.nav .gnb ul li a { color:#fff; padding:4px 8px; font-size:18px; box-sizing:border-box; font-family:'notokr-medium'; vertical-align:middle; }
.nav .gnb ul li a.en { padding:0; font-size:0; }
.nav .gnb ul li a span { padding:6px 8px; font-size:18px; box-sizing:border-box; vertical-align:middle; }
.nav .gnb ul li.logo a, .nav .gnb ul li.search a { font-size:0; }
.nav .gnb ul li.menu a:hover { background:#fff; color:#000; font-family:'notokr-bold'; }
.nav .gnb ul li.menu.active a { background:#fff; color:#000; font-family:'notokr-bold'; }
.nav .gnb ul li.menu a.en:hover span { font-weight:bold; background:#fff; color:#000; font-family:'notokr-bold'; letter-spacing:-0.070em; }
.nav .gnb ul li.menu.active a.en span { font-weight:bold; background:#fff; color:#000; font-family:'notokr-bold'; letter-spacing:-0.070em; }
.nav .gnb ul li.search { margin-left:8px; } 
.nav .gnb ul li a img { vertical-align:middle; width:inherit}
.nav .snb { float:right; overflow:hidden; }
.nav .snb ul { overflow:hidden; float:left; }
.nav .snb ul li { font-size:0; float:left; line-height:88px; }
.nav .snb ul li a { color:#fff; vertical-align:middle; font-size:14px; line-height:0; font-family:'notokr-bold'; }
.nav .snb ul.login { margin-right:22px; }
.nav .snb ul.login li { margin-left:9px; }
.nav .snb ul.login li:first-child { background:url(https://img.imbc.com/commons/2018/image/main/snb-line.png) no-repeat right center; margin-left:0; padding-right:9px; box-sizing:border-box; }
.nav .snb ul.login li.log { background:url(https://img.imbc.com/commons/2018/image/main/snb-line.png) no-repeat right center; padding-right:9px; box-sizing:border-box; }
.nav .snb ul.box { margin-top:27px; }
.nav .snb ul.box li { background:url(https://img.imbc.com/commons/2018/image/main/snb-box.png) no-repeat left center; width:58px; height:34px; }
.nav .snb ul.box li a { color:#fff; text-align:center; display:block; width:100%; height:34px; line-height:34px; }
.nav .snb ul.box li.clip { width:58px; background-position:right center; }

/* 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; }
.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 .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 form button { position:absolute; top:51px; right:0; }

.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; }

/* footer 공통 */
#footer { background-color:#0b0b0b; padding:30px 0 60px; }
.fnb-wrap { overflow:hidden; margin-bottom:35px; }
.fnb-wrap ul { overflow:hidden; }
.fnb-wrap ul li { float:left; }
.fnb-wrap ul.foot-menu { float:left; }
.fnb-wrap ul.foot-menu li { margin-left:20px; }
.fnb-wrap ul.foot-menu li:first-child { margin-left:0; }
.fnb-wrap ul.foot-menu li a { font-size:16px; line-height:18px; font-family:'notokr-demilight'; color:#acacac; }
.fnb-wrap ul.foot-menu li a span, .fnb-wrap ul.foot-menu li a strong { line-height:17px; vertical-align:top; }
.fnb-wrap ul.foot-menu li a span { font-family: "noto-regular"; line-height:18px; }
.fnb-wrap ul.foot-menu li a strong { font-family:'notokr-bold'; font-weight:normal; }
.fnb-wrap ul.foot-menu li:hover a { font-family:'notokr-medium'; color:#e5e5e5; }
.fnb-wrap ul.sns-menu { float:right; }
.fnb-wrap ul.sns-menu li { margin-left:17px; }
.fnb-wrap ul.sns-menu li:first-child { margin-left:0; }
.fnb-wrap ul.sns-menu li a { width:22px; height:20px; display:block; text-indent:-9999px; background-repeat:no-repeat; background-position:center top; }
.fnb-wrap ul.sns-menu li a.twt { width:20px; background-image:url(https://img.imbc.com/commons/2018/image/main/fnb-sns1.png); }
.fnb-wrap ul.sns-menu li a.fcb { width:10px; background-image:url(https://img.imbc.com/commons/2018/image/main/fnb-sns2.png); }
.fnb-wrap ul.sns-menu li a.isg { background-image:url(https://img.imbc.com/commons/2018/image/main/fnb-sns3.png); }
.fnb-wrap ul.sns-menu li a.ytb { background-image:url(https://img.imbc.com/commons/2018/image/main/fnb-sns4.png); }
.add-wrap { margin-bottom:28px; }
.add-wrap { font-size:14px; color:#a5a5a5; line-height:24px; }
.add-wrap .add-list span { line-height:24px; background:url(https://img.imbc.com/commons/2018/image/main/add-vertical-line.png) no-repeat left center; padding-left:8px; margin-left:8px; }
.add-wrap .add-list span.ceo { background:none; padding-left:0; margin-left:0; }
.copylight { font-size:14px; letter-spacing:0; color:#fff }