@charset "utf-8";

/* font */
@font-face { font-family: GmarketSans; src: url('/fonts/GmarketSansLight.woff') format('woff'); font-weight: 200; font-style: normal; }
@font-face { font-family: GmarketSans; src: url('/fonts/GmarketSansMedium.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: GmarketSans; src: url('/fonts/GmarketSansBold.woff') format('woff'); font-weight: 700; font-style: normal; }

/* set */
body{font-size:16px !important;margin:0;padding:0;font-family: 'GmarketSans', NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;color:#464646;font-weight:400;}
input, select, button{font-family: 'GmarketSans', NotoSans, 'Noto Sans KR', Dotum, "돋움", sans-serif;}
div, p, ul, ol, li, img, a, table, td, th, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, dl, dt, dd, caption  {margin:0;padding:0;border:none;}
a, button, submit{transition: .2s ease-in-out}
a {color: #464646;}
a{text-decoration:none;color:#333;border:none;margin:0;padding:0;}
a:visited{text-decoration:none;border:none;}
a:active{text-decoration:none;border:none;}
a:hover{text-decoration:none;border:none;}

fieldset{border:none;margin:0; padding:0;}
img, input.image {border:0 none;}
form, input{margin:0;padding:0;}
legend{display:none; margin:0; padding:0;}
ul,ol,li {list-style:none;}
select{font-size:0.93em;}
button{border:0;cursor:pointer}

td *, div *, span *, p *{vertical-align: middle;}
h1{font-size: 200%;}
h2{font-size: 180%;}
h3{font-size: 160%;}
h4{font-size: 140%;}
h5{font-size: 120%;}
h6{font-size: 100%;}

body *{ box-sizing:border-box;}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
/* set */


.wrap{width: 1080px;height: 1920px;margin: 0 auto;padding: 90px 90px 0;}

/* sig */
.sig{position: relative;background: url("/images/signage/bg_btm01.jpg") no-repeat bottom;}
.sig:before{display: block;position: absolute;left: 0;top: 0;width: 393px;height: 407px;background: url("/images/signage/bg_top01.png") no-repeat;content: "";z-index: -1;}

.date{padding: 20px 0 0;margin-bottom: 80px;color: #192559;}
.date:after{display: block;clear: both;content: "";}
.date h2{font-size: 60px;font-weight: 700;float: left;}
.date h2 strong{display: block;}
.date p{float: right;font-size: 140px;font-weight: 700;text-align: right;}

/* poster */
.poster{position: relative;}
.poster .img{border: 3px solid #192559;border-radius: 30px;overflow: hidden;width:900px;height:1273px;}
.poster .img img{width:100%;height:100%;}
.poster .control{margin-top: 40px;}
.poster .control .btn{position: absolute;top: 48%;width: 100%;}
.poster .control .btn button{display: block;position: absolute;width: 81px;height: 0;padding-top: 81px;overflow: hidden;background: url("/images/signage/icons.png") no-repeat;}
.poster .control .btn button.prev{left: -40px;background-position: center 0;}
.poster .control .btn button.next{right: -40px;background-position: center -81px;}
.poster .control .num{width: 220px;height: 60px;padding: 10px 0 0;margin: 0 auto;background: #304cc6;color: #fff;font-size: 36px;text-align: center;border-radius: 50px;}
.poster .control .num em{font-style: normal;font-weight: 700;}

/* sig2 */
.sig2{position: relative;background: url("/images/signage/bg_btm02.jpg") no-repeat bottom;}
.sig2:before{display: block;position: absolute;right: 0;top: 0;width: 909px;height: 667px;background: url("/images/signage/bg_top02.png") no-repeat;content: "";z-index: -1;}

.stat{margin-bottom: 80px;}
.stat div:after{display: block;clear: both;content: "";}
.stat h2{float: left;color: #192559;font-size: 60px;font-weight: 700;line-height: 1.2;}
.stat h2 strong{display: block;}
.stat h2 span{display: block;font-size: 40px;font-weight: 400;}
.stat p{float: right;text-align: right;font-size: 60px;color: #192559;line-height: 200px;}
.stat p strong{font-size: 96px;vertical-align: baseline;}

.tab{margin-bottom: 40px;}
.tab ul:after{display: block;clear: both;content: "";}
.tab li{float: left;width: 192px;margin-left: 15px;border-radius: 50px;overflow: hidden;}
.tab li a{display: block;width: 100%;height: 70px; text-align: center;color: #fff;font-size: 32px;font-weight: 700;background: #192559;padding-top: 18px;}
.tab li.on a, .tab li a:hover, .tab li a:focus{background: #ec3e41;}
.tab li.home{width: 70px;margin-left: 0;}
.tab li.home a{height: 0;padding-top: 70px;background: url("/images/signage/icons.png") no-repeat center -163px;}

/* list */
.list .scroll{height: 1070px;margin-bottom: 40px;overflow-y: auto;}
.list .scroll::-webkit-scrollbar{width: 10px;background: #192559;border-radius: 10px;}
.list .scroll::-webkit-scrollbar-thumb{background: #ec3e41;border-radius: 10px;}
.list .scroll li{margin: 0 30px 40px 0;}
.list li{margin: 0 0 40px 0;}
.list li a{display: block;position: relative;width: 100%;height: 145px;border: 2px solid #192559;border-radius: 50px;background: #fff;box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}
.list li a span{position: absolute;left: 40px;top: 50%;transform: translateY(-50%);width: calc(100% - 190px);font-size: 36px;letter-spacing: -1px;max-height: 98px;overflow: hidden;}
.list li a span strong{display: block;width: 100%;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;font-size: 40px;}
.list li a span em{font-size: 28px;font-style: normal;color: #555;}
.list li a:hover span, .list li a:focus span{text-decoration: underline;}
.list li a:after{display: block;position: absolute;right: 40px;top: 50%;transform: translateY(-50%);width: 62px;height: 61px;background: url("/images/signage/icons.png") center -234px;content: "";}
.list .page{margin-bottom: 40px;text-align: center;font-size: 0;}
.list .page a{display: inline-block;font-size: 32px;}
.list .page>a{width: 81px;height: 0;padding-top: 81px;margin: 0 10px;overflow: hidden;background: url("/images/signage/icons.png");}
.list .page>a.prev2{background-position: center -614px;}
.list .page>a.prev{background-position: center -695px;}
.list .page>a.next{background-position: center -776px;}
.list .page>a.next2{background-position: center -857px;}
.list .page div{display: inline-block;margin: 0 10px;background: #fff;border: 2px solid #192559;border-radius: 50px;width: calc(100% - 425px);height: 81px;line-height: 81px;}
.list .page div a{width: 50px;height: 50px;margin: 0 10px;line-height: 60px;}
.list .page div a.on{background: #304cc6;color: #fff;border-radius: 100%;}

.search{height: 145px;background: #fff;border-radius: 50px;border: 2px solid #192559;font-size: 36px;}
.search form:after{display: block;clear: both;content: "";}
.search .sel{display: block;position: relative;float: left;width: 235px;padding: 0 0 0 40px;}
.search select{width: 100%;height: 135px;margin-top: 2px;border: none;appearance:none;}
.search .sel:after{display: block;position: absolute;right: 30px;top: 64px;width: 23px;height: 15px;content: "";background: url("/images/signage/icons.png") center -296px;}
.search .txt{display: block;position: relative;float: right;width: calc(100% - 240px);height: 145px;}
.search .txt:before{display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 30px;background: #787878;content: "";}
.search .sc_txt{display: block;float: left;width: calc(100% - 140px);padding: 47px 30px;font-size: 36px;color: #192559;}
.search .sc_txt:placeholder{font-size: 36px;color: #192559;}
.search .sc_btn{display: block;float: right;width: 140px;height: 0;padding-top: 141px;overflow: hidden;background: url("/images/signage/icons.png") no-repeat center -310px #ec3e41;cursor: pointer;border-radius: 0 50px 50px 0;}

/* view_content */
.view_content{position: relative;height: 1260px;padding: 40px;border: 3px solid #192559;border-radius: 30px;background: #fff;}
.view_content .vtop h2{font-size: 40px;font-weight: 400;color: #192559;}
.view_content .vtop .file{margin: 30px 0 40px;padding: 24px 20px;background: #f4f6fc;font-size: 0;}
/*
.view_content .vtop .file li{display: inline-block;position: relative;padding: 0 20px;}
.view_content .vtop .file li:before{display: block;position: absolute;top: 10px;left: 0; width: 1px;height: 20px;content: "";background: #192559;}
.view_content .vtop .file li:first-child{padding-left: 0;}
.view_content .vtop .file li:first-child:before{display: none;}
*/
.view_content .vtop .file li a{display: block;font-size: 28px;}
.view_content .vtop .file li a span{display: inline-block;width: 42px;height: 0;padding-top: 41px;margin-left: 10px;overflow: hidden;background: url("/images/signage/icons.png") no-repeat center -451px;}
.view_content .vcon{max-height: 860px;font-size: 24px;color: #464646;overflow: auto;}
.view_content .vcon::-webkit-scrollbar{width: 10px;background: #192559;border-radius: 10px;}
.view_content .vcon::-webkit-scrollbar-thumb{background: #ec3e41;border-radius: 10px;}
.view_content .vcon *{font-family: 'GmarketSans';}
.view_content button{display: block;position: absolute;top: 40px;right: 40px;width: 62px;height: 0;padding-top: 60px;overflow: hidden;background: url("/images/signage/icons.png") no-repeat center -492px;}

/* view_file */
.view_file{position: absolute;top: -3px;left: -3px;width: calc(100% + 6px);height: calc(100% + 6px);background: #333;}
.view_file button{top: 60px;right: 20px;background-position: center -553px;}

/** fancybox **/
.fancybox-margin{margin: 0!important;}
.fancybox-wrap, .fancybox-inner, .fancybox-inner iframe{width: 900px!important;height: 1260px!important;}
.fancybox-skin{padding: 0!important;}
.fancybox-wrap{top: 378px!important;left: 50%!important;transform: translateX(-50%);box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}
.fancybox-close{display: block;position: absolute;bottom: 0;right: -70px;width: 62px;height: 0;padding-top: 61px;overflow: hidden;background: url("/images/signage/icons.png") no-repeat center -492px;}
.fancybox-iframe .fancybox-wrap{top: 0;}
.fancybox-title{display:none;}

.fancy2 .fancybox-wrap{top: 0!important;}
.fancybox-close2{display: block;position: absolute;bottom: 30px;right: 30px;width: 62px;height: 0;padding-top: 61px;overflow: hidden;background: url("/images/signage/icons.png") no-repeat center -553px;}

/* keyboard */
.keyboard{display: block;position: absolute;top: 45px;right: 160px;width: 50px;height: 0;padding-top: 40px;background: url("/upload_data/board_data/BBS_0000522/165811871738772.png") no-repeat;cursor: pointer;overflow: hidden;}
.keypad{position: absolute;top: 160px;left: -240px;right: 0;border: 2px solid #192559;background: #fff;z-index: 999;}
.keypad ul{border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;}
.keypad ul:after{display: block;clear: both;content: "";}
.keypad ul li{float:left;width: 10%;height: 50px;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;}
.keypad ul li button{width:100%;padding: 0;font-size:24px;text-align:center;background: none;line-height: 50px;vertical-align: middle;}
.keypad ul li.space button{background:#333;color:#fff;font-size: 20px;}
.keypad ul li.keyboard_del button{background:#cc2025;color:#fff;font-size: 20px;}
.keypad ul li.keyboard_lang button{background:#304cc6;color:#fff;font-size: 20px;}
.keypad ul li.keyboard_close button{background: #ccc;color: #000;font-size: 20px;}
.keypad ul li button:hover, .keypad ul li button:focus{background:#192559;color:#fff;text-decoration:underline;}

/* 화면분할 */
.wide{width: 2160px;height: 1920px;margin: 0 auto;}
.wide:after{display: block;clear: both;content: "";}             

/* air */
.air{position: relative;padding-top: 12px;margin-bottom: 140px;color: #192559;}
.air h1{font-size: 40px;font-weight: normal;}
.air h2{font-size: 60px;}
.air ul{position: absolute;top: 4px;right: 0;overflow: hidden;}
.air li{float: left;width: 150px;margin-left: 20px;border-radius: 20px;text-align: center; overflow: hidden;}
.air li strong{display: block;padding: 12px 0 5px;background: #fff;font-size: 24px;color: #333;}
.air li strong.good{background: #eef4ff;}
.air li strong.normal{background: #ebfaf6;}
.air li strong.bad{background: #fff5e5;}
.air li strong.worst{background: #ffeded;}
.air li strong.none{background: #f4f4f4;}
.air li span{display: block;position: relative;color: #fff;font-size: 21px;}
.air li span.good{background: #2776ff;}
.air li span.normal{background: #00c290;}
.air li span.bad{background: #ff9b00;}
.air li span.worst{background: #ff4a4a;}
.air li span.none{background: #555;}
.air li em{font-style: normal;}
.air .ozone li span{padding: 93px 0 10px;}
.air .ozone li span:after{display: block;position: absolute;top: 14px;left: 40px;width: 70px;height: 70px;content: "";}
.air .ozone li span.good:after{background: url("/images/signage/air01.png");}
.air .ozone li span.normal:after{background: url("/images/signage/air02.png");}
.air .ozone li span.bad:after{background: url("/images/signage/air03.png");}
.air .ozone li span.worst:after{background: url("/images/signage/air04.png");}
.air .dust li span{padding: 22px 20px 16px;text-align: left;}
.air .dust li em{display: block;position: absolute;top: 13px;right: 20px;width: 40px;height: 0;padding-top: 40px;overflow: hidden;background-size: cover;}
.air .dust li .good em{background-image: url("/images/signage/air01.png");}
.air .dust li .normal em{background-image: url("/images/signage/air02.png");}
.air .dust li .bad em{background-image: url("/images/signage/air03.png");}
.air .dust li .worst em{background-image: url("/images/signage/air04.png");}

.touch{margin: 40px 0;padding: 16px 0;border-radius: 60px;text-align: center;background: #ecfaff;}
.touch p{display: inline-block;position: relative;height: 51px;padding-left: 50px;font-size: 32px;color: #192559;line-height: 51px;}
.touch p:before{display: block;position: absolute;left: 0;width: 35px;height: 51px;content: "";background: url(/images/signage/touch_ico.png) no-repeat;}

.sig3{position: relative;background: url("/images/signage/bg_btm01.jpg") no-repeat bottom;}
.sig3:before{display: block;position: absolute;left: 0;top: 0;width: 393px;height: 407px;background: url("/images/signage/bg_top01.png") no-repeat;content: "";z-index: -1;}
.sig3 .date{padding: 0;margin: 0;}
.sig3 .air{padding: 20px;margin-bottom: 40px;background: #192559;border-radius: 30px;}
.sig3 .air h1{font-size: 32px;font-weight: bold;color: #fff;text-align: center;}
.sig3 .air ul{position: static;}
.sig3 .air li{width: calc((100% - 40px)/3);margin-left: 20px;}
.sig3 .air li:first-child{margin-left: 0;}
.sig3 .air li span{float: left;width: calc(100%/3);height: 130px;padding-top: 94px;}
.sig3 .air li span em{width: 0;height: 0;font-size: 0;overflow: hidden;}
.sig3 .air li span:after{display: block;content: "";position: absolute;width: 70px;height: 70px;top: 14px;left: 11px;}
.sig3 .air li span.good:after{background: url("/images/signage/air01.png");}
.sig3 .air li span.normal:after{background: url("/images/signage/air02.png");}
.sig3 .air li span.bad:after{background: url("/images/signage/air03.png");}
.sig3 .air li span.worst:after{background: url("/images/signage/air04.png");}
.sig3 .poster .control{margin-top: 0;}
.sig3 .poster .control .num{position: relative;top: -30px;z-index: 1;}

.wrap.only_poster{height: 1470px;padding: 40px 60px;}
.only_poster .poster .img{width: 960px;height: 1352px;}
.only_poster .poster .control{margin-top: 0;}
.only_poster .poster .control .num{position: relative;top: -30px;}