@charset "utf-8";
.wrap {width:90%; max-width:1400px; margin:0 auto;}

header {position:absolute; width:100%; padding-top:40px; font-family:'GyeonggiTitleM'; z-index:10;}
.logo-on {display:none;}
header.on .logo-on {display:block;}
header.on .logo-off {display:none;}

#lnb>ul>li>ul>li>a {font-family:'Noto Sans KR'; color:#7c7c7c;}
#lnb>ul>li>ul>li>a.select,
#lnb>ul>li>ul>li>a:hover {color:#222; font-weight:500; text-decoration:none;}
#lnb>ul>li>ul>li>a[target=_blank] {padding-right:20px; background:url('/skypost/share/images/program/ic_window.gif') no-repeat right center;}

.footer {text-align:center; padding:60px 0; border-top:1px solid #d7d7d7;}
.footer_link {text-align:center; max-width:768px; margin:0 auto 30px;}
.footer_link>li {display:inline-block;}
.footer_link>li:first-child>a {color:#004998; font-weight:500;}
.footer_link>li:before {display:inline-block; content:""; width:1px; height:9px; margin:0 30px; background:#b0b0b0;}
.footer_link>li:first-child:before {display:none;}
.footer_family>a {display:inline-block; padding-left:30px; background:url('/skypost/img/inc/family_logo.gif') no-repeat left center;}
.footer address {line-height:190%;}
.copyright {color:#7c7c7c;}
.footer .visitor{display:inline-block; margin-top:15px; padding:0 20px; border-top:1px solid #b0b0b0; border-bottom:1px solid #b0b0b0}
.footer .visitor p{padding:8px 0px; font-size:.9em; color:#7c7c7c}

#quick .weather {text-align:center; border-radius:5px 0 0 5px; padding:15px 0; background:rgba(255,255,255,1); box-shadow:0 0 5px rgba(0,0,0,.3); overflow:hidden; text-shadow:0px 0px 2px rgb(255 255 255 / 60%);}
#quick .weather img {display:inline-block; text-align:center;}
#quick .weather p {display:block; vertical-align:top; margin-top:3px; font-size:14px;}
#quick .weather p span {display:block; padding-top:5px;}

#quick {position:fixed; right:0; top:30%; width:120px; z-index:99;}
#quick ul {display:none; border-radius:5px 0 0 5px; box-shadow:0 0 5px rgba(0,0,0,.3); overflow:hidden;}
#quick ul li, #quick p {text-align:center;}
#quick a {display:block; padding:70px 0 15px 0; font-size:14px;}
#quick ul li {position:relative; background-color:#fff; background-repeat:no-repeat; background-position:center 15px;}
#quick ul li:after {content:''; position:absolute; left:0; right:0; top:0; width:80%; height:1px; margin:auto; background-color:#ddd;}
#quick ul li:first-child:after {display:none;}
#quick ul li.ic01 {background-image:url('/skypost/img/inc/quick01.png');}
#quick ul li.ic02 {background-image:url('/skypost/img/inc/quick02.png');}
#quick ul li.ic03 {background-image:url('/skypost/img/inc/quick03.png');}
#quick ul li.ic04 {background-image:url('/skypost/img/inc/quick04.png');}
#quick .remote {display:block; border-radius:5px 0 0 5px; margin-top:10px; background-color:#2c82de; box-shadow:0 0 5px rgba(0,0,0,.3);}
#quick .remote a {color:#fff; background:url('/skypost/img/inc/quick_remote.png') no-repeat center 15px;}
#quick .remote {display:none !important;}


.share_sns{display:flex; justify-content:center; flex-wrap:wrap; text-align:center;}
.share_sns .shareSns{margin-top:0;}
.shareSns {display:flex; justify-content:center; margin-top:18px;}
.shareSns>li {margin:3px;}
.shareSns>li>a {display:block; width:33px; height:33px; border-radius:50%; background-color:rgba(0,0,0,.6); background-position:center center; background-repeat:no-repeat; text-indent:-100%; font-size:0; line-height:0; overflow:hidden; transition:.5s;}
.shareSns>li>a.blog {background-image:url('/skypost/img/inc/share_blog.png');}
.shareSns>li>a.facebook {background-image:url('/skypost/img/inc/share_facebook.png');}
.shareSns>li>a.kakaostory {background-image:url('/skypost/img/inc/share_kakaostory.png');}
.shareSns>li>a.kakaotalk {background-image:url('/skypost/img/inc/share_kakaotalk.png');}
.shareSns>li>a.twitter {background-image:url('/skypost/img/inc/share_twitter.png');}
.shareSns>li>a.copy {background-image:url('/skypost/img/inc/share_link.png');}
.shareSns>li>a.print {background-image:url('/skypost/img/inc/share_print.png');}
.shareSns>li>a:hover {background-color:rgba(0,0,0,1);}
.share_sns .share_kakao>a{display:block; margin:3px; width:33px; height:33px; border-radius:50%; background:rgba(0,0,0,.6) url('/skypost/img/inc/kakaoch.png') center center no-repeat; text-indent:-100%; font-size:0; line-height:0; overflow:hidden; transition:.5s;}
.share_sns .share_kakao>a:hover {background-color:rgba(0,0,0,1);}

/***************************************************************************************************************************/
@media all and (min-width:1281px){
	.dp_mb {display:none;}
	header>div {position:relative; display:flex; justify-content:space-between; z-index:10;}

	.menu {flex:1; margin:20px 0 0 50px;}
	.lnb_top {display:none;}
	#lnb>ul {display:flex;}
	#lnb>ul>li {flex:1 1 10%; text-align:center;}
	#lnb>ul>li>a {display:block; font-size:22px; color:#fff; text-shadow:0 0 5px rgba(0,0,0,.9), 0 0 1px rgba(0,0,0,.3);}
	#lnb>ul>li>a:hover {text-decoration:none;}
	#lnb>ul>li>ul {display:none; padding-top:70px;}
	#lnb>ul>li>ul>li {margin-top:18px;}

	header.on #lnb>ul>li>a {color:#222; text-shadow:none;}
	header.on #lnb>ul>li:hover>a {color:#2c82de;}

	.header_gnb {display:flex; margin-top:25px;}
	.header_gnb>li {margin-left:30px;}
	.gnb_login {position:relative; width:19px; height:19px; background:url('/skypost/img/inc/ic_login_w.png') no-repeat; background-size:19px; overflow:visible;}
	.gnb_login:after{content:'로그인'; position:absolute; left:calc(50% - 40px); bottom:0; text-align:center; width:80px; font-size:13px; color:#fff; font-family:'Noto Sans KR'; opacity:0; text-indent:0; transition:.3s;}
	.gnb_login:hover:after{bottom:-13px; opacity:1;}
	header.on .gnb_login:after{color:#333;}
	.gnb_login.gnb_mypage, .gnb_login.gnb_logout{width:50px; background-position:center 0;}
	.gnb_login.gnb_mypage:after{content:'마이페이지'; bottom:-13px; opacity:1;}
	.gnb_login.gnb_logout{background-image:url('/skypost/img/inc/ic_logout_w.png');}
	.gnb_login.gnb_logout:after{content:'로그아웃'; bottom:-13px; opacity:1;}
	.gnb_search {width:19px; height:19px; background:url('/skypost/img/inc/search_submit.png') no-repeat; background-size:100%;}
	header.on .gnb_login {background-image:url('/skypost/img/inc/ic_login.png');}
	header.on .gnb_login.gnb_logout{background-image:url('/skypost/img/inc/ic_logout.png');}
	header.on .gnb_search {background-image:url('/skypost/img/inc/search_submit_b.png');}

	.lnb_bg {position:absolute; left:0; top:0; width:100%; height:0; background:#fff; box-shadow:0 0 30px rgba(0,0,0,.4); opacity:0; z-index:0; transition:opacity .5s;}	
	.lnb_bg.on {display:block; height:515px; opacity:1;}
	.lnb_bg:before {content:""; opacity:0;}
	.lnb_bg.on:before {position:absolute; top:150px; left:50%; transform:translateX(-50%); width:1400px; max-width:100%; height:1px; background:#ececec; opacity:1; transition:.1s .2s;}
}


@media screen and (max-width:1280px){
	.dp_pc {display:none;}
	#quick {display:none;}
	body.fix {height:100%; overflow:hidden;}
	header {padding-top:25px;}
	.header_logo img {width:174px;}

	#lnb {display:none; position:fixed; left:0; top:0; bottom:0; width:100%; background:#fff; overflow-y:scroll;}
	.mb_menu {position:absolute; right:5%; top:35px;}
	.mb_menu a {width:40px; height:27px;}
	.mb_menu a:after,
	.mb_menu a:before{display:block; content:''; position:absolute; left:0px; top:4px; width:100%; height:4px; border-radius:5px; transition:.2s;}
	.mb_menu a:before{background:#fff; box-shadow:0px 10px 0px #fff, 0px 20px 0px #fff;}

	.lnb_logo {width:174px; margin:20px auto;}
	.lnb_login {position:absolute; left:5%; top:30px; width:40px; height:40px; background:url('/skypost/img/inc/ic_login.png') no-repeat center top; overflow:visible;}
	.lnb_login:after {position:absolute; left:calc(50% - 50px); bottom:0; text-align:center; width:100px; height:15px; font-size:15px; font-family:'Noto Sans KR'; text-indent:0; line-height:15px;}
	/* .lnb_logo {width:174px; margin-top:20px; margin-left:20px;} */
	.login_box {position:relative; display:flex; justify-content:space-around; padding:20px;}
	.login_box:after {content:''; position:absolute; left:0; right:0; top:27px; margin:auto; width:1px; height:9px; background:#b0b0b0;}
	.login_box .lnb_login {position:static; width:auto; height:auto; padding-left:30px; background:url('/skypost/img/inc/ic_login.png') no-repeat left center / auto 20px; font-size:15px; font-family:'Noto Sans KR';}
	.login_box .lnb_login:after {display:none;}
	.login_box .lnb_logout {background-image:url('/skypost/img/inc/ic_logout.png');}

	.lnb_close {position:absolute; right:5%; top:30px; width:40px; height:40px;}
	.lnb_close:before,
	.lnb_close:after {content:""; position:absolute; left:0; top:50%; width:100%; height:4px; margin-top:-2px; border-radius:5px; background:#333;}
	.lnb_close:before {transform:rotate(45deg);}
	.lnb_close:after {transform:rotate(-45deg);}
	.lnb_search {padding:0 5%; line-height:74px; background:#2c82de;}
	.lnb_search input[type=text] {width:calc(100% - 30px); color:#fff; font-size:20px; background:none; border:0;}
	.lnb_search input[type=text]::placeholder {color:#fff;}
	.lnb_search input[type=submit] {width:24px; height:24px; border:0; background:url('/skypost/img/inc/search_submit.png') no-repeat center center; background-size:100%; text-indent:-100%; font-size:0; overflow:hidden;}
	#lnb>ul {padding:0 5%;}
	#lnb>ul>li {display:flex; padding:8% 0; border-top:1px solid #d7d7d7;}
	#lnb>ul>li:first-child {border-top:0;}
	#lnb>ul>li>a {display:block; flex-basis:35%; min-width:170px; font-size:22px;}
	#lnb>ul>li.on>a {color:#2c82de;}
	#lnb>ul>li>ul>li {margin-top:5px;}

	.header_gnb {display:none;}
}


@media screen and (max-width:800px){
	.share_sns{margin-top:15px; overflow:hidden;}
	.share_sns .shareSns{display:contents; float:left;}
	.share_sns .shareSns li{float:left;}
	.share_sns .share_kakao{float:left;}

	.footer {padding:7% 0;}
	.footer_link {position:relative; padding-top:30px;}
	.footer_family {position:absolute; left:0; top:0; width:100%;}
	.footer_family:before {display:none !important;}
}

@media screen and (max-width:480px){
	.lnb_search input[type=text] {font-size:4vw;}
	.footer_link>li:before {margin:0 10px;}
}