@charset "utf-8";

.wrap {position:relative; max-width:1400px; margin:auto;}

header {z-index:100; background:url('/tv/img/inc/nav_bg.gif') repeat-x;}
header:after {display:block; content:""; clear:both;}
header .gnb {position:absolute; top:15px;}
header .gnb>ul.etc>li.lang  {display:none;}
header h1 {padding-top:70px;}
header h1 img {vertical-align:middle;}
header .gnb>ul.etc>li.lang  {display:none;}

header nav#lnb .close {display:none;}
header .ndTv {position:absolute; right:0; bottom:-24px; text-align:right; width:291px; height:121px; background:url('/photo/img/inc/nav_tv.png') no-repeat; z-index:100;}
header .ndTv>a {width:156px; height:52px; margin-top:40px;}

footer #footer {position:relative; text-align:center; max-width:1400px; width:100%; margin:0 auto; padding:40px 0; overflow:hidden;}
footer .logo {top:40px; text-align:left; color:#333 !important;}
footer #footer address, footer #footer>p.copy {color:#818381; letter-spacing:0; font-size:15px;}
footer #footer ul#sns {position:absolute; right:0; top:45px;}
footer #footer ul#sns>li {float:left; margin-right:5px;}


/*big_pc*/
@media all and (min-width:1400px){
	/* header {overflow:hidden;} */
	body {overflow-x:hidden;}
	header>div:after {display:block; content:""; position:absolute; left:100%; top:50px; width:100%; height:121px; background:#ff007d; z-index:0;}
}

/*pc*/
@media all and (min-width:801px){
	header {height:236px; border-bottom:1px solid #d7d7d7; background-position:left 50px;}
	header h1 a {position:relative; z-index:500;}
	header .gnb {z-index:600;}
	header .goHome {display:none;}
	header nav#lnb {position:absolute; right:0; top:50px; width:100%; padding-top:45px; padding-right:325px;}
	header nav#lnb>div>ul {text-align:right;}
	header nav#lnb>div>ul:after {display:block; content:""; clear:both;}
	header nav#lnb>div>ul>li {vertical-align:top; display:inline-block; margin-left:9%;}
	header nav#lnb>div>ul>li:first-child {margin-left:0;}
	header nav#lnb>div>ul>li>a {position:relative; display:block; padding-bottom:47px; color:#fff; font-size:22px; letter-spacing:-2px; text-shadow:1px 1px 1px rgba(0,0,0,.2); font-weight:bold; z-index:100;}
	header nav#lnb>div>ul>li>a:hover {text-decoration:none;}
	header nav#lnb>div>ul>li>a:before {display:block; content:""; position:absolute; left:-20px; bottom:0; width:183px; height:121px; background:url('/tv/img/inc/nav_on.gif') no-repeat center bottom; z-index:-1; opacity:0;}
	header nav#lnb>div>ul>li:first-child>a:before {left:-50px;}
	header nav#lnb>div>ul>li>a.on:before {opacity:1; transition:1s;}
	header nav#lnb .submenu {display:none; position:absolute; top:92px; text-align:center; margin-left:10px; padding:45px 0;}
	header nav#lnb .submenu>div {display:none;}
	header nav#lnb .submenu>ul {overflow:hidden;}
	header nav#lnb .submenu>ul>li {float:left; margin-right:20px;}
	header nav#lnb .submenu>ul>li>a {color:#888; font-size:18px;}
	header nav#lnb .submenu>ul>li>a:hover, header nav#lnb .submenu>ul>li.on>a {display:block; padding-bottom:23px; color:#000; text-decoration:none; border-bottom:2px solid #000;}
}

/*pc_min*/
@media all and (max-width:1280px){
	header nav#lnb {padding-right:230px;}
	header .ndTv {width:227px; background:url('/photo/img/inc/nav_tv_mb.png') no-repeat; background-size:100% 100%;}
	header .ndTv>a {width:74px; height:50px;}
}

/*tablet*/
@media all and (max-width:800px){
	header h1 {text-align:center; padding:25px 0 40px;}
	header h1 a {display:block; height:50px;}
	header nav#lnb h2 a {position:absolute; left:5%; top:33px; padding-top:21px; font-size:14px; letter-spacing:0; color:#fff;}
	header nav#lnb h2 a span, header nav#lnb h2 a span:before, header nav#lnb h2 a span:after {display:block; width:32px; height:3px; margin-left:3px; border-radius:20px; background:#fff;}
	header nav#lnb h2 a span:before, header nav#lnb h2 a span:after {display:block; content:""; position:absolute; left:0; top:9px;}
	header nav#lnb h2 a span:after {top:15px;}
	header nav#lnb .submenu>div>p>span {display:none;}
	header .ndTv {bottom:0; z-index:10;}

	footer #footer>p.logo {display:none;}
	footer #footer address {text-align:center; margin-top:60px; margin-bottom:7px;}
	footer #footer address, footer #footer>p.copy {font-size:13px;}
	footer #footer ul#sns {top:30px; right:50%; margin-right:-122px;}
}


/*mobile*/
@media all and (max-width:640px){
	header h1 {padding-top:15px;}
	header nav#lnb h2 a {top:28px;}
	/* header .ndTv {right:-20px;} */
	header .ndTv {width:80px; background:url('/photo/img/inc/ndtv_mb.png') no-repeat center 48px;}
}


/*mobile*/
@media all and (max-width:480px){
	header h1 img {width:235px;}
}