@charset "euc-kr";

/* font */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* reset */
body,html {height: 100%; width: 100%;}
* {margin: 0; padding: 0; border: 0; list-style: none; text-decoration: none; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;}
body,button,input,textarea {color: #666666;}
img{width: 100%;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer; vertical-align: top;}
button::-moz-focus-inner {padding: 0; border: 0;}
textarea {box-sizing: border-box; resize: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
a:hover{cursor:pointer;}

.inner {max-width: 1000px; margin: 0 auto; text-align: center; overflow-x: hidden;}
.inner02 {max-width: 1119px; margin: 0 auto; text-align: center; overflow-x: hidden;}
.container{width:100%;}

.mt_20{margin-top: 20px;}
.mb_20{margin-bottom: 20px;}

/*header*/
.header {padding : 85px 0 100px; width: 100%; background: url(../images/header_bg.jpg) no-repeat center center / cover;}
.header .corpList{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:62px;}
.header .corpList li{margin-bottom: 10px;  width: calc(98% / 3); background: #fff;}
.header .corpList .date{background:#02291e; height:60px; line-height: 60px; font-size:24px; font-weight: 700; color:#fff;}
.header .corpList .logo{width:95%; height:95px; display: block; overflow: hidden; margin:20px auto;}
.header .corpList .tit{height: 30px; line-height: 30px; font-size:26px; color:#000}
.header .corpList .close,
.header .corpList .ready{position: relative;}
.header .corpList .dim{width: 100%; height:100%; background: rgba(51, 51, 52, 0.85); position: absolute; top: 0; left: 0; font-size: 42px; font-weight: 700; text-align: center; color:#fff; padding-top:45%;}
.header .corpList .btnArea{display: flex; height: 100px; flex-direction: row; justify-content: space-around; align-items: center; padding: 0 2%;}
.header .corpList .btnArea a{width: 100%; padding:5%;}
.header .corpList .btn01{background:url(../images/btn01.png) no-repeat center center / 100%; text-indent: -9999px;}
.header .corpList .btn02{background:url(../images/btn02.png) no-repeat center center / 100%; text-indent: -9999px;}
.header .corpList .btn03{font-size:20px; font-weight: 700; color:#02291e; width:95%; position: relative; z-index: 9; background:url(../images/btn03.png) no-repeat center center / 100%;}

/*section01*/
.section01{ padding: 100px 0; background: url(../images/section01_bg.png) no-repeat center center / cover;}
.section01 h1{margin-bottom:75px;}

/*section02*/
.section02{padding: 30px 0 24px; background: #866ee4;}
.section02 .event02{position:relative; margin-top: -5px;}
.section02 .event02 .divWrap{overflow: hidden; width:80%; position: absolute; bottom: 25%; left: 10%;}
.section02 .event02 .linkArea .imgDown{float: left; width: 25%; margin-right: 4%;}
.section02 .event02 .linkArea .linkUl{overflow: hidden; display:flex;}
.section02 .event02 .linkArea .linkUl li{width:60px; height: 60px; margin-left: 1.8%; vertical-align: middle;}
.section02 .event02 .linkArea .linkUl li a{display: block; text-indent: -9999px; padding-bottom:62%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(1) a{background:url(../images/link_01.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(2) a{background:url(../images/link_02.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(3) a{background:url(../images/link_03.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(4) a{background:url(../images/link_04.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(5) a{background:url(../images/link_05.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(6) a{background:url(../images/link_06.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(7) a{background:url(../images/link_07.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(8) a{background:url(../images/link_08.png) no-repeat 0 0 / 100%;}
.section02 .event02 .linkArea .linkUl li:nth-of-type(9) a{background:url(../images/link_09.png) no-repeat 0 0 / 100%;}
.section02 .event02 .inputArea{text-align:left;}
.section02 .event02 .inputArea input{width:42.6%; height:60px; padding:15px 20px; border: 3px solid #02291e; font-size:24px; color:#000;}
.section02 .event02 .inputArea input::placeholder{font-size:24px; color:#888;}
.section02 .event02 .inputArea .input_name{margin: 0 22px 22px 0;}
.section02 .event02 .inputArea .input_url{width:70%;}
.section02 .event02 .inputArea .btn_submit{width:100%; height: 60px; line-height: 60px; font-size:24px; color: #fff; border-radius: 30px;  display: block; background:#02291e; text-align:center;}

/*footer*/
.footer{background: #282828;}
.footer .event_info dl, .footer .event_info p{text-align: left; font-size: 18px}
.footer .event_info{color:#fff;}
.footer .event_info dl{overflow: hidden; margin:50px 0;}
.footer .event_info dt {width: 180px; float: left;  font-size: 18px; font-weight: 700; text-decoration: none; text-align: right;}
.footer .event_info dd {width: 70%; float: left; margin-left: 50px;}
.footer .event_info dd .info_title{margin-bottom: 20px;}
.footer .event_info .f_yellow{color:#fee300;}
.footer .ft_info{background: #121212;overflow: hidden; padding:35px 0 120px;}
.footer .ft_info p, .footer .ft_info span{text-align: left; font-size: 15px;  color:#6a6a6a; }
.footer .ft_info .info_left{float: left; margin: 60px 0;}
.footer .ft_info .info_right{float: left;  margin-left: 50px;}
.footer .ft_info .info_right p > span:nth-of-type(1){margin-right: 170px;}

/*플로팅배너1*/
.floatingBanner1{display: inline-block; position: fixed; top:200px; right: 10%; z-index: 999;}

/*플로팅배너2*/
.floatingBanner2{display: inline-block; position: fixed; top:450px; right: 10%; z-index: 999;}

/*하단띠배너*/
.banner_bottom{display:block; width:100%; text-align:center; position: fixed; bottom:-5px; left: 0; z-index: 999;}
.banner_bottom:after{content:''; width:100%; height:95px;  background: linear-gradient(to right,#3457EB, #6378DD); position:absolute; bottom:0; left:0; z-index:-1;}
.banner_bottom img{width:1000px;}

/*모바일배너(pc에서 숨기기)*/
.mobileBanner{display:none;}

/*tablet*/
@media screen and (min-width:868px) and (max-width:1410px) {
  .inner {width:95%;}   
  .section02 .event02 .linkArea .imgDown{width:25.5%; margin-right:10px;}
}

@media screen and (min-width:671px) and (max-width:867px) {
  .inner {width:95%;}  

  .header .corpList .btnArea a {font-size: 2vw;}
  .header .corpList .dim{font-size: 5vw;}

  .section01 h1{margin-bottom:20px;}

  .section02 .event02 .divWrap{bottom:24%;}
  .section02 .event02 .linkArea .imgDown{width:40%;}
  .section02 .event02 .linkArea .linkUl li{height:61px;}

  .footer .event_info dl, .footer .event_info p{font-size: 2vw;}
  .footer .event_info dt{text-align: left; width:80px; font-size: 2.5vw;}
  .footer .ft_info .info_left{float: none; margin:0 50px 20px; width:180px;}

  .floatingBanner1{top:340px; right:3%;}
  .floatingBanner2{top:580px; right:3%;}
  .banner_bottom img{width:100%;}
  .banner_bottom:after{display:none;}
}

/* mobile */

@media screen and (min-width:481px) and (max-width:670px) {
  .inner {width:95%;}  
  .m_none{display: none!important;}

  .header{padding: 50px 0;} 
  .header .corpList{margin-top:20px;}
  .header .corpList li {width: 49%;}
  .header .corpList .logo{height: 70px;}

  .header .corpList .btn03{font-size: 3vw;}
  .header .corpList .date, .header .corpList .tit, .header .corpList .dim{font-size:5vw;}
}


@media screen and (min-width:320px) and (max-width:480px) {
  .inner {width:95%;}  
  .m_none{display: none!important;}

  .header{padding: 50px 0;} 
  .header .corpList{margin-top:20px;}
  .header .corpList li {width: 49%;}
  .header .corpList .date, .header .corpList .btnArea {height:40px; line-height: 40px;}
  .header .corpList .logo{height: 50px;}
  .header .corpList .btn03{font-size: 3vw;}
  .header .corpList .date, .header .corpList .tit, .header .corpList .dim{font-size:5vw;}
 
  .section01{padding:50px 0;}
  .section01 h1{margin-bottom:10px;}

  .section02 .event02 .divWrap{bottom:25%;}
  .section02 .event02 .linkArea{height:32px;}
  .section02 .event02 .linkArea .imgDown{width:40%}
  .section02 .event02 .linkArea .linkUl li{height: 37px;}
  .section02 .event02 .linkArea .linkUl li a{padding-bottom:40%;}

  .footer .inner{width:90%;}
  .footer .event_info dl, .footer .event_info p{font-size: 3vw;}
  .footer .event_info dt{width: 100%; text-align:left; font-size: 3.5vw}
  .footer .event_info dd{width:100%; margin-left: 0;}

  .footer .ft_info{padding:34px 0 100px;}
  .footer .ft_info p, .footer .ft_info span{font-size: 3vw;}
  .footer .ft_info .info_left{width:40%; margin: 0 0 20px;}
  .footer .ft_info .info_right{margin-left: 0;}  
  .footer .ft_info .info_right p > span{display: block;}
  .footer .ft_info .info_right p > span:nth-of-type(1){margin-right: 0;}

  .mobileBanner{display: block; position: fixed; bottom:-5px; left:0; z-index: 99;}

}