@charset "utf-8";

/* set */
input[type="submit"]{-webkit-appearance:none;-webkit-border-radius:0;}
body{font-size:16px;margin:0;padding:0;font-family:SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;font-weight:300;}
input, select, button{font-family:SCDream, "에스코어드림", NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;}
body *{ box-sizing:border-box;}

/* Mobile */
body{font-family: 'NEXON Lv1 Gothic Low';font-weight: 400;background:#1e1e20;color:#fff;}
body a{color:#fff;}
.wrap{padding:0 20px;}

.gnb{background:#151516;}
.gnb::after{content:"";display: block;clear: both;}
.gnb li a{font-size:14px;display: block;padding:8px 12px;}
.gnb .link{float:left;}
.gnb .link li{float:left;}
.gnb .link .login a{padding-left:0;color:#959595;position: relative;}
.gnb .link .login a::after{content:"";display: block;width:1px;height:8px;border-right:1px solid #666;position:absolute;right:0;top:10px;}
.gnb .link .jb a{color:#7da7d9;}
.gnb .sns{float:right;}
.gnb .sns li{float: left;margin-right: 8px;}
.gnb .sns li:last-child{margin-right:0;}
.gnb .sns li a{display: block;width:30px;height:30px;background:url("/images/new_tv/common/sns.png")no-repeat;font-size:0;}
.gnb .sns .facebook a{background-position: -2px -2px;}
.gnb .sns .youtube a{background-position: -1px -50px;}
.head{position: relative;}
.head:after{content:"";display:block;clear:both;}
.head .logo{padding:10px 20px;}
.head .logo a{display: block;width:86px;height:51px;}
.head .logo img{width:100%;}
header button{width:46px;height:46px;background:url("/images/new_tv/common/icon.png")no-repeat center top #000;font-size:0;position: absolute;top:0;right:0;}
header button.close{background-position: center top -105px;}

/*검색*/
header button.search_op{background-position: center top 12px;top: -60px;right: 68px;background-color: transparent;}
.search{position: relative;}
.search>div{display: none;position: absolute;top:0;left:0;z-index: 2;background: #ffffffbf;width:100%;border-top: 1px solid #666;padding: 30px 20px;box-shadow: 0 25px 20px #0000005c;backdrop-filter: blur(8px);}
.search>div.on{display:block;}
.search button.close{top: -60px;right: 68px;background-color: #1e1e20;border: 1px solid #ffffff38;}
.search input[type="text"]{padding:15px 20px;font-size:14px;letter-spacing:-1px;color:#959595;width:calc(100% - 46px);float:left;}
.search input[type="submit"]{width:46px;height: 49px;background:url("/images/new_tv/common/icon.png")no-repeat center top 13px #000;font-size:0;cursor: pointer;}

/*menu*/
.site_map{display: none;}
header button.menu_op{background-position: center top -46px;top: 10px;right:20px;}
.menu{display: none;position: fixed;top:0;right:0;bottom:0;z-index: 3;width: 80%;background: #ffffffe6;backdrop-filter: blur(10px);min-width: 320px;box-shadow: -20px 0 20px #00000052;}
.menu.on{display: block;}
.menu h2{font-size: 15px;background: #1e1e20;color: #fff;padding:14px 20px;font-weight:400;}
.menu>ul>li{width:40%;border-bottom: 1px solid #0000001c;}
.menu li a{display:block;padding: 20px 10px;font-size: 18px;color: #000;}
.menu li.on>a{color: #ffffff;font-weight:600;background: #2e9cd4;padding: 15px 15px;margin: 10px 0;position: relative;left: 10px;z-index: 2;border-radius: 0 15px 0 0;}
.menu li li a{font-size:16px;padding: 15px 15px 15px 25px;border:none;}
.menu li li>ul{background:#f5f5f5;margin:0 15px;border-radius:5px;padding:15px;overflow:hidden;}
.menu li li>ul>li{float:left;width:100%;margin-bottom:3px;}
.menu li li>ul>li:last-child{margin-bottom:0;}
.menu li li li a{font-size: 14px;padding:0 !important;color:#555;/* word-break:keep-all; */}
.menu li li li:before{content:"";display:block;width:4px;height:4px;float:left;background:#a9a9a9;border-radius:50px;margin:5px 5px 10px 0;}
.menu li li:first-child a{padding-top: 25px;}
.menu li li:hover>a, .menu li li:focus>a{color:#0089d0;text-decoration:underline;}
.menu li li li:hover a, .menu li li li:focus a{text-decoration:none;color:#222;}
.menu .new_win{display:inline-block;width:20px;height: 16px;background:url("/images/new_tv/common/new_win.png")no-repeat top;font-size:0;}
.depth_box{background:#fff;position: absolute;right: 0;top: 46px;width: 60%;height: 100%;border-left: 1px solid #ddd;}

/*footer*/
footer{padding: 30px 0;background:#151516;}
footer .link{overflow: hidden;margin-bottom:20px;}
footer .link li{float: left;}
footer .link li a{display:block;padding:0 30px;font-weight:600;border-left:1px solid #666;}
footer .link li:first-child a{padding-left:0;border:none;}
footer .foot{color:#acacac;font-size:15px;font-weight: 300;overflow:hidden;}
footer address{font-style: normal;} 
footer .foot span{display: block;}
footer .copy{font-size: 12px;padding-top:5px;}

/* Tablet */
@media (min-width: 768px) {
header button.search_op{display:none;}
.search{position:absolute;top: 10px;left: 130px;width: 50%;}
.search>div{display:block;background:none;backdrop-filter:none;box-shadow:none;padding: 0;border: none;}
.search button.close{display:none;}
.menu{width: 55%;}

footer address{float:left;margin-right:30px;display: block;}
footer .copy{font-size:15px;}
}

/* Desktop */
@media all and (min-width:1023px) {
.wrap{padding:0;width:1400px;margin:0 auto;}

.gnb{background:none;width:1400px;margin:0 auto;}
.gnb .wrap{float:right;width:fit-content;}
.gnb .sns{float:left;margin-top: 7px;}
.gnb li a{padding:15px 12px;}
.gnb .link .login a::after{top:20px;}

header{position:relative;}
.head{width:1400px;margin:0 auto;position: static;}
.head .logo{padding:0;width: fit-content;position: relative;top: -7px;float: left;}
.head .logo a{width:auto;}
.head .logo img{width:auto;}

.search{width:448px;left:140px;top: 0;position: relative;}
.search input[type="text"]{padding: 19px;width:calc(100% - 57px);}
.search input[type="submit"]{height:57px;width:57px;background-position-y: 18px;}

/*menu*/
header button.menu_op{display:none;}
.menu .close{display:none;}
.site_map{display:block;position: static;right:0;width: fit-content;float: right;margin-top: 5px;}
.site_map a{display:block;width:46px;height:46px;background:url("/images/new_tv/common/icon.png")no-repeat center top -46px #000;font-size:0;}
.menu{display:block;position: static;background:none;width: fit-content;float: left;backdrop-filter: none;width: calc(100% - 700px);margin-left: 525px;box-shadow: none;}
.menu h2{display:none;}
.menu li a{border:none;padding: 16px 0;font-size: 22px;text-align: center;font-weight: 600;color: #fff;position: relative;}
.menu>ul>li:hover>a, .menu>ul>li:focus>a{color:#0089d0;}
.menu li.on>a{border:0;background: none;margin: 0;position: static;padding: 16px 0;}
.menu li li>ul>li{width:fit-content;float:none;/* margin-left: 10px; */}
.menu li li a{font-weight: 400;padding: 45px 45px 25px 45px;color: #c4c4c4;position:relative;width: fit-content;}
.menu li li a:after{content:"";display:block;width:1px;height:8px;position:absolute;border-left:1px solid #dddddd80;right:0;top: 61%;transform:translateY(-50%);}
.menu li li:last-child a:after{display:none;}
.menu li li:first-child a{padding-top: 45px;}
.menu>ul{display: flex;justify-content: flex-end;}
.menu>ul:after{content:"";display:block;clear:both;}
.menu>ul>li{float:left;width:25%;border: none;}
.menu li li>ul{background:none;padding: 0;justify-content: start;margin: 0 auto;display: block;width: fit-content;}
.menu li li li a{text-align:left;color: #c4c4c4;font-weight: 300;padding: 0 0 10px 0 !important;min-width: 160px;}
.menu li li li a:after{display:none;}
.menu li li li:hover a{color:#fff;text-decoration:none}
.menu li li:hover li a, .menu li li:focus li a{color:#fff;text-decoration:none}
.menu .new_win{background-position:center bottom;}
.menu .depth_box{display:block;min-height: 108px;padding-bottom:30px;}
.depth_box{width:100%;min-width:1400px;z-index:9;background: #262a35ed;border-left: none;height:auto;top: 120px;left: 0;backdrop-filter: blur(6px);border-top: 1px solid #ddd3;box-shadow: 0 35px 25px #00000080;}
.depth_boxcon{width:1400px;margin:0 auto;}
.depth_boxcon:after{content:"";display:block;clear:both;}
.depth_box ul{display:flex;justify-content:center;}
    
footer{padding:40px 0;}
footer .foot span{float:left;}
footer .foot .copy{margin: -2px 0 0 30px;float:left;padding: 0;}
}