@charset "utf-8";
@import url("reset.css");


/* 접근성을위한 대체 텍스트 제공 */
.ir_su {overflow: hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px;}

/* clearfix */
.clearfix{*zoom:1;}
.clearfix:before, .clearfix:after {display:block;content:'';line-height:0;}
.clearfix:after {clear:both;}

/* 버튼 눌림현상 제거 */
button,
button:focus,
button:active{padding: 0; cursor:pointer; display:block; background:none; outline:none;}
button span{position:relative;} 

/* 사파리 위에 선 생기는것 */
input, button, textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* select 세모 없애기 */
select { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

/* 0 ~ 599 */
img{width:100%; vertical-align: top;}
.inner{position: relative; width:100%;}
.event01{background-color: #0a6ddf;}
.event01 .deco_mobile{position: absolute; bottom:0; z-index: 50;}
.event01 .deco_msg02{position: absolute; bottom:-20%; z-index: 50; opacity: 0;}
.event01 .deco_msg01{position: absolute; bottom:-20%; z-index: 50; opacity: 0;}
.event02{background-color: #ebf5f8;}
.event03{background-color: #ffffff;}
.event03 .obj{display: none; position: absolute; z-index: 200;}
.event03 .close_btn{position: absolute;right: 3%;top: 20%;width: 15%; height: 10%; display: none;  z-index: 220;}
.event03 .btns {position: absolute; top:21.2%; width:100%; height:100%; z-index:100;}
.event03 .btns li { width:100%; height:11.7%;}
.event03 .btns li a{ width:100%; height:100%; display: block;  }
.event04{background-color: #ebf5f8;}
.event05{background-color: #0a6ddf;}
.event05 .btn01{position: absolute;left: 23%;top: 51%;width: 35%;height: 36%; display: block;}
.event05 .btn02{position: absolute;left: 60%;top: 51%;width: 34%;height: 36%; display: block;}
.pc{display: none;}

/* 600 ~  */
@media all and (min-width:600px) { 
    .inner{width:600px; margin:0 auto}
    .mobile{display: none;}
    .pc{display: block;}
}