@charset "UTF-8"; 

@charset "utf-8";

/*초점*/
#dataroom .data_go ul li a:focus {
  outline: 2px solid red;
  outline-offset: -2px;
}


#main_contents{width:100%; margin:0 auto; padding:0; max-width:1920px}
.m_only{display:none;}

/*메인 상단*/
#contents_top{width:100%; margin-bottom:65px;}

/*메인 이미지*/
#top_bg_area{width:100%; height:695px; box-sizing:border-box; letter-spacing: -1.5px; transition:0.4s all ease; position:relative; z-index:1; box-sizing:border-box; padding:0 70px;}
#top_bg_area:before{background:url(../images/main/under_bg.png) no-repeat; display:block; content:""; position:absolute; bottom:30px; right:-20px; width:1020px; height:410px; background-position:left top; z-index:-1;}
#top_bg_area:after{background:url(../images/main/float_bg.png) no-repeat; display:block; content:""; position:absolute; top:5px; right:20px; width:500px; height:675px; z-index:2; background-size:100%;}
#top_bg_area .slogan{width:100%; position:relative; background:url(../images/main/bg_txt.png) no-repeat; background-position: left 5px top 145px; padding:65px 0 125px 0; box-sizing:border-box; background-size:382px;}
#top_bg_area .slogan span{font-size:60px; font-weight:700; display:block; letter-spacing: -1px; line-height:1em;}

/*상단 바로가기*/
#go_box{width:825px; padding:0; display:flex; flex-wrap:wrap;}
#go_box > div{display:inline-block; vertical-align:top; width:calc((100% - 1px)/2); box-sizing:border-box; transition:0.4s all ease;}
#go_box > div a{display:block; width:100%; height:100%; box-sizing:border-box;}
#go_box > div a:hover .gb_go{margin-right: -15px;}
#go_box .img_box{width:100%; height:368px;}
.box_txt{box-sizing:border-box; word-break:keep-all; width:100%; display:inline-block; background-color:#fff; height:72px; text-align:right; padding:16px 15px;}
.box_txt span{display:inline-block; vertical-align:middle;}
.box_txt span.tit{font-size:25px; letter-spacing: -0.5px; margin-right:18px;}
.box_txt .gb_go{transition:0.5s all ease;}

#go_box .left_box{margin-right:1px;}
#go_box .left_box .img_box{background:url(../images/main/main_tl.jpg) no-repeat;  background-position:center;}
#go_box .left_box span.tit{color:#4e6386;}
#go_box .right_box .img_box{background:url(../images/main/main_tr.jpg) no-repeat; background-position:center;}
#go_box .right_box span.tit{color:#885c27;}


/*중앙 콘텐츠 상단*/
#contents_middle_top{width:100%; margin-bottom:65px;}
#contents_middle_top .inner{font-size:0;}
#contents_middle_top .inner > div{display:inline-block; vertical-align:top; box-sizing:border-box; transition:0.4s all ease;}

/*새소식*/
#news{border:1px solid #e3e3e3; padding:30px; width:585px; height:400px;}
#news .title_box{width:100%; position:relative; margin-bottom:15px;}
#news .title_box h1{font-size:28px; line-height:1em; font-weight:300;}
#news .title_box > a{display:block; position:absolute; right:0; font-size:15px; padding-bottom:5px; padding-right:32px; background:url(../images/main/news_go_arr.png) no-repeat; top:1px; background-position:center bottom; transition:0.3s all ease;}
#news .title_box a:hover{color: #00a0ab;}
#news .news_list{width:100%; position:relative;}
#news .news_list ul{position:relative;}
#news .news_list ul:before{width:1px; height:calc(100% - 70px); background-color:#e3e3e3; position:absolute; content:""; display:block; top:50%; transform:translateY(-50%); left:65px;}
#news .news_list ul li{border-bottom:1px solid #e3e3e3; width:100%; box-sizing:border-box; padding:10px 15px;}
#news .news_list ul li:first-child{border-bottom:1px solid #e3e3e3 !important;}
#news .news_list ul li:last-child{border-bottom:none;}
#news .news_list ul li > div{display:inline-block; vertical-align:middle;}
#news .news_list ul li .date{position:relative; padding-right:30px;  font-size:23px; line-height:1.15em; font-weight:200;}
#news .news_list ul li .date:after{width:10px; height:10px; content:""; display:block; position:absolute; top:20px; right:-3px; background-color:#ffa627; border-radius:50%;}
#news .news_list ul li .date span.day{display:block; margin-top:1px;}
#news .news_list ul li .cont{font-size:16px; padding-left:25px; box-sizing:border-box; width: calc(100% - 55px);}
#news .news_list ul li .cont a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:0.3s all ease;}
#news .news_list ul li .cont a:hover{color:#b1734e;}
#news .news_list .empty_bbsList{box-sizing: border-box; padding: 20px 15px; background-color: #f7f2ef; border-radius: 10px; margin-top: 20px; width: 100%; height:292px; position:relative; text-align:center;}
#news .news_list .empty_bbsList:before{width:0px; height:100%; display:inline-block; vertical-align:middle; position:relative; content:"";}
#news .news_list .empty_bbsList span{font-size: 17px; color: #726054; font-weight: 500; display:inline-block; vertical-align:middle;}

/*로드맵*/
#road_map{width:285px; background:linear-gradient(135deg, #ffe897, #ffe378); position:relative; height:400px;}
#road_map a{display:block; width:100%; height:100%; padding:40px 25px 40px 30px; box-sizing:border-box; background:url(../images/main/roadmap_bg.png) no-repeat; background-position:left -20px top -90px;}
#road_map a h1{font-size:28px; line-height:1.3em; font-weight:300; color:#000; word-break:keep-all; position:relative; width:170px;}
#road_map a .rm_go{position:absolute; top:140px; right:40px; transition:0.4s all ease;}
#road_map a:hover .rm_go{right:30px;}

/*팝업존*/
#ppz_box{width:430px; position:relative; border:1px solid #e3e3e3; padding:30px; height:400px;}
#ppz_box .ppz_tit{width:100%; position:relative; margin-bottom:20px;}
#ppz_box .ppz_tit h1{font-size:28px; line-height:1em; font-weight:300;}
.ppz_controll{position:absolute; right:0; top:0; font-size:0;}
.ppz_controll li{display:inline-block; vertical-align:top; margin-right:7px; position:relative; font-size:16px;}
.ppz_controll li:first-child{margin-right:20px;}
.ppz_controll li:last-child{margin-right:0; margin-top:5px;}
.ppz_controll li:nth-child(2) img{margin-top:-5px;}
.ppz_controll li.now img{margin-top:4px; display:inline-block; vertical-align:top;}
.ppz_controll li.now span{display:inline-block; vertical-align:top;}
.ppz_controll li.now .total{padding-top:7px;}
.ppz_controll li a{display:block; width:100%; height:100%; text-align: center;}

#ppz_box .ppz_real{width:370px; height:290px; position:relative; margin:0 auto;}
.ppz_list{width:100%; height:290px; overflow:hidden;}
.ppz_list li{width:100%;}


/*중앙 콘텐츠 하단*/
#contents_middle_bottom{width:100%; position:relative;}
#contents_middle_bottom .inner{font-size:0;}
#contents_middle_bottom .inner > div{display:inline-block;vertical-align:top;box-sizing:border-box;height: 350px;position:relative;transition:0.4s all ease;}

#mb_left{width: 100%;}
#mb_right{width:400px;}

/*자료실*/
#dataroom{width:100%;box-sizing:border-box;padding:65px 0;font-size:0;}
#dataroom > div{display:inline-block; vertical-align:middle;}
#dataroom .dr_tit{width:170px; position:relative;}
#dataroom .dr_tit:before{display:block;content:"";position:absolute;width: 550px;height:1px;background-color:#d8d8d8;top:45px;left:-302px;}
#dataroom .dr_tit:after{display:block;content:"";position:absolute;width:9px;height:9px;background-color:#ffa627;border-radius:50%;top: 41px;right: -81px;}
#dataroom .dr_tit h1{font-size:36px; line-height:1em; font-weight:300; margin-bottom:20px;}
#dataroom .dr_tit h1 a:hover{color:#947467;}
#dataroom .dr_tit p{font-size:15px; line-height:1.3em; word-break:keep-all;}
#dataroom .data_go{width: calc(100% - 170px);box-sizing:border-box;padding-left: 50px;text-align: center;}
#dataroom .data_go ul li{display:inline-block;vertical-align:middle;height: 200px;width: 200px;border-radius:50%;margin-right: 50px;position:relative;z-index:1;}
#dataroom .data_go ul li:before{display:block; content:""; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1;}
#dataroom .data_go ul li:hover:before{background-color:#fff; opacity:0.5;}

#dataroom .data_go ul li:first-child{background:#cfe0fb;}
#dataroom .data_go ul li:first-child a{background:url(../images/main/data_icon3_on.png) no-repeat; background-position:center top 45px;}
#dataroom .data_go ul li:first-child a:hover{background:url(../images/main/data_icon3_on.png) no-repeat;background-position:center top 45px;}

#dataroom .data_go ul li:nth-child(2){background:#ffe38f;}
#dataroom .data_go ul li:nth-child(2) a{background:url(../images/main/data_icon2_on.png) no-repeat; background-position:center top 50px;}
#dataroom .data_go ul li:nth-child(2) a:hover{background:url(../images/main/data_icon2_on.png) no-repeat; background-position:center top 50px;}

#dataroom .data_go ul li:last-child{background:#ffc076; margin-right:0;}
#dataroom .data_go ul li:last-child a{background:url(../images/main/data_icon1_on.png) no-repeat; background-position:center top 45px;}
#dataroom .data_go ul li:last-child a:hover{background:url(../images/main/data_icon1_on.png) no-repeat; background-position:center top 45px;}

#dataroom .data_go ul li a{font-size:18px; color:#000; display:block; width:100%; height:100%; box-sizing:border-box; text-align:center; position:relative; z-index:1; padding-top:115px;}
#dataroom .data_go ul li a:hover{font-weight:500;margin-top:-1px;}
#dataroom .data_go ul li, #dataroom .data_go ul li a, #dataroom .data_go ul li:before{transition:0.4s all ease;}


/*바로가기*/
#direc_go{width:100%; height:245px; box-sizing:border-box; padding:75px 55px 0 0; position:relative;}
#direc_go:before{width:calc(100% + 300px); height:245px; content:""; display:block; position:absolute; top:0; left:-300px; background:url(../images/main/dir_bg.jpg) no-repeat; z-index:-1;}
#direc_go ul{font-size:0;}
#direc_go ul li{display:inline-block; vertical-align:middle; width:20%; text-align:center;}
#direc_go ul li a{font-size:18px; display: inline-block;}
#direc_go ul li a span{display:block; font-weight:500; margin-top:20px; letter-spacing:-1.5px;}
#direc_go ul li a:hover img{margin-top:-15px;}
#direc_go ul li a img{transition:0.4s all ease; height:45px;}



/*행사일정*/
#event_area{width:100%; box-sizing:border-box; padding:66px 0; background-color:#fafafa; /*height:400px;*/}
#event_area:after{display:block; content:""; position:absolute; width:302px; height:100%;  background-color:#fafafa; top: 0; right: -302px; z-index:-1;}
#event_area h1{font-size:32px; line-height:1em; font-weight:300; margin-bottom:30px; position:relative; box-sizing:border-box; padding-left:40px;}
#event_area h1 a:hover{color:#886556;}
#event_area h1:after{display:block; content:""; position:absolute; width:235px; height:2px; background-color:#785f4e; top: 30px; right: 0;}
#event_area .event_box{width:100%; padding-right:40px; box-sizing:border-box; position:relative; z-index:1; padding-bottom: 60px; height:358px;}
#event_area .event_box .e_month{font-size:36px; line-height:1em; margin-bottom:15px; text-align:right; letter-spacing:-1.5px; font-weight:200;}
#event_area .event_box .e_month span{font-size:45px;}
#event_area .event_list{width:100%; position:relative; box-sizing:border-box; padding:1px 0 1px 40px;}
#event_area .event_list li{margin:30px 0; font-size:0;}
#event_area .event_list li > span{display:inline-block; vertical-align:middle;}
#event_area .event_list li .date{font-size:20px; width:70px; font-style: italic; position:relative; line-height:1.15em;}
#event_area .event_list li .date:after{display:block; content:""; position:absolute; width:9px; height:9px; background-color:#ffa627; top: 7px; right: -4px; border-radius:50%;}
#event_area .event_list li .cont{font-size:18px; width:calc(100% - 70px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding-left:17px;}
#event_area .event_list li .cont a{transition:0.4s all ease;}
#event_area .event_list li .cont a:hover{color:#a93c0e;}
#event_area .event_box .eb_go{display:block; position:absolute; right:0; font-size:15px; padding-bottom:5px; padding-right:32px; background:url(../images/main/news_go_arr.png) no-repeat; bottom:0; background-position:center bottom; transition:0.3s all ease;}
#event_area .event_box .eb_go:hover{color:#a93c0e; right:-10px;}

#event_area .event_box .empty_eventList{font-size: 17px; box-sizing: border-box; width: 100%; padding-left: 130px; padding-top: 35px;}






@media  screen and (max-width:1360px)
{
/*메인 이미지*/
#top_bg_area{height:635px; padding:0 30px;}
#top_bg_area:before{right:0; width:100%; height:410px; background-position:center top;}
#top_bg_area:after{right:15px; width:450px; height:615px;}
#top_bg_area .slogan{background-position: left 0 top 105px; padding:35px 0 115px 0;}
#top_bg_area .slogan span{font-size:50px;}

/*상단 바로가기*/
#go_box{width:725px;}

/*중앙 콘텐츠 상단*/
#contents_middle_top{box-sizing:border-box; padding:0 15px; margin-bottom:45px;}
#contents_middle_top .inner{text-align:center;}
#contents_middle_top .inner > div{text-align:left;}


/*새소식*/
#news{width:calc(100% - 665px);}

/*로드맵*/
#road_map{width:235px;}

/*중앙 콘텐츠 하단*/
#contents_middle_bottom{box-sizing:border-box; padding:0 15px;}
#contents_middle_bottom .inner > div{height:auto;}

#mb_left{width:calc(100% - 400px);}

/*자료실*/
#dataroom{padding:65px 0;}
#dataroom .data_go{padding-left:0; text-align:center;}
#dataroom .data_go ul li{height:150px; width:150px; margin-right:5%;}
#dataroom .data_go ul li:first-child a{background-position:center top 32px;}
#dataroom .data_go ul li:first-child a:hover{background-position:center top 32px;}
#dataroom .data_go ul li:nth-child(2) a{background-position:center top 35px;}
#dataroom .data_go ul li:nth-child(2) a:hover{background-position:center top 35px;}
#dataroom .data_go ul li:last-child a{background-position:center top 32px;}
#dataroom .data_go ul li:last-child a:hover{background-position:center top 32px;}
#dataroom .data_go ul li a{padding-top:100px;}


/*바로가기*/
#direc_go{height:auto; padding:59px 15px 60px 15px;}
#direc_go:before{width:calc(100% + 15px); height:100%; left:-15px;}



/*행사일정*/
#event_area{padding:35px 0;}
#event_area:after{width:230px; right: -28px;}
#event_area h1{padding-left:25px;}
#event_area h1:after{width:245px;}
#event_area .event_box{padding-right:25px;}
#event_area .event_box:before{height:calc(100% - 22px); width: 95px;}
#event_area .event_list{padding:1px 0 1px 25px;}
#event_area .event_list:before{left: 94px;}
#event_area .event_box .eb_go{bottom:10px;}

}




@media  screen and (max-width:1200px)
{
/*메인 이미지*/
#top_bg_area{height:570px;}
#top_bg_area:before{bottom:auto; height:320px; background-position:center top; top:25px; background-size: 100%;}
#top_bg_area:after{top:0; width:245px; height:330px; z-index:-1;}

/*상단 바로가기*/
#go_box{width:825px; margin:0 auto;}
#go_box .img_box{height:300px;}


/*새소식*/
#news{width:100%; padding:20px 30px 10px 30px; height:auto;}
#news .news_list .empty_bbsList{height: auto; margin-bottom: 20px;}
#news .news_list .empty_bbsList:before{display:none;}

/*로드맵*/
#road_map{width:50%;}
#road_map a{background-position: left 0 bottom -35px;}

/*팝업존*/
#ppz_box{width:50%;}


/*중앙 콘텐츠 하단*/
#contents_middle_bottom {padding: 0;}
#mb_left{width:100%;}
#mb_right{width:100%;}

/*자료실*/
#dataroom{width:100%; padding:0 0 40px 0;}
#dataroom .dr_tit{width:200px; box-sizing:border-box; padding-left:15px;}
#dataroom .dr_tit:before{width:192px; left:0;}
#dataroom .dr_tit:after{right:0;}
#dataroom .data_go{padding-left:0; text-align:center; width:calc(100% - 200px);}
#dataroom .data_go ul li{margin-right:calc((100% - 450px)/3);}

/*바로가기*/
#direc_go{padding:40px 15px;}
#direc_go:before{width:100%; left:0;}



/*행사일정*/
#event_area:after{display:none;}
#event_area h1 {margin-bottom: 18px;}
#event_area h1:after {width: calc(100% - 165px); top: 25px;}
#event_area .event_box{padding-bottom:30px; height:auto;}
#event_area .event_list li {margin: 23px 0;}
#event_area .event_box .eb_go{right:30px;}
#event_area .event_box .eb_go:hover{right:10px;}

}




@media  screen and (max-width:920px)
{

#contents_top{margin-bottom:25px;}

/*메인 이미지*/
#top_bg_area {padding: 0 15px; height:auto;}
#top_bg_area .slogan span{font-size:50px;}

/*상단 바로가기*/
#go_box{width:100%;}
#go_box .img_box{height:auto; box-sizing:border-box; padding-top:60%;}
.box_txt{height:63px;}
.box_txt span.tit{font-size:20px;}

#go_box .left_box .img_box{background-size: 100%;}
#go_box .right_box .img_box{background-size: 100%;}

/*로드맵*/
#road_map{width:100%; height:auto;}
#road_map:before{display:none;}
#road_map a{background-size:100%; background-position: left 0 bottom -195px;}
#road_map a .rm_go{top: 50%; transform: translateY(-50%);}


/*팝업존*/
#ppz_box{width:100%;}

}


@media screen and (max-width:740px)
{
/*메인 이미지*/
#top_bg_area:after{display:none;}
#top_bg_area .slogan{background-size:73%; background-position: left 0 top 85%; padding: 15px 0 14% 0;}
#top_bg_area .slogan span {font-size: 45px;}

/*새소식*/
#news{border:none; padding:0 0 30px 0;}

/*자료실*/
#dataroom{width:100%; padding:0 0 40px 0;}
#dataroom .dr_tit{width:100%; margin-bottom: 15px;}
#dataroom .dr_tit:before{width:calc(100% - 15px);}
#dataroom .dr_tit:after{right:15px;}
#dataroom .dr_tit p{display:none;}
#dataroom .data_go{width:100%;}

}


@media  screen and (max-width:600px)
{

/*자료실*/
#dataroom .dr_tit h1{font-size:30px;}

/*바로가기*/
#direc_go{padding:15px 0; height:240px;}
#direc_go ul{text-align:center;}
#direc_go ul li{width:33.3%; height:80px; margin:20px 0; margin:15px 0;}
#direc_go ul li a span{margin-top:10px;}


}

@media  screen and (max-width:540px)
{

/*자료실*/
#dataroom{padding-bottom:0;}
#dataroom .data_go ul li{height:150px; width:calc(99.9%/3); margin-right:0; border-radius:0;}
#dataroom .data_go ul li a{padding: 105px 15px 20px 15px;}


}



@media  screen and (max-width:500px)
{
/*메인 이미지*/
#top_bg_area .slogan span{font-size:32px;}

/*상단 바로가기*/
#go_box{width:100%;}
#go_box > div{width:100%;}
#go_box .img_box{padding-top:45%;}
#go_box .left_box {margin-right: 0; margin-bottom:10px;}
.box_txt{height:auto; border: 1px solid #ddd; padding:15px;}


/*새소식*/
#news .news_list ul li {padding: 10px 5px;}
#news .news_list ul li .date {padding-right: 25px;}

/*로드맵*/
#road_map a {padding: 40px 20px; background-position: left center;}
#road_map a h1 {font-size: 23px; padding-left: 20px;}
#road_map a h1:before {top: 8px; left: 0;}
#road_map a .rm_go{right:25px;}
#road_map a:hover .rm_go{right:15px;}

/*팝업존*/
#ppz_box{border:none; padding:30px 0 0 0; height:auto;}

/*바로가기*/
#direc_go ul li a{font-size:16px;}

/*행사일정*/
#event_area h1 {padding-left: 15px;}
#event_area h1:after {width: calc(100% - 150px);}
#event_area .event_box {padding-right: 15px;}
#event_area .event_box:before {width: 85px;}
#event_area .event_list {padding: 1px 0 1px 15px;}
#event_area .event_list:before {left: 84px;}

#event_area .event_box .empty_eventList{padding-left:110px;}


}




@media  screen and (max-width:400px)
{

/*새소식*/
#news .title_box h1{font-size:25px;}


/*팝업존*/
#ppz_box .ppz_tit h1{font-size:25px;}
#ppz_box .ppz_real{width:100%; height:auto;}
.ppz_list{width:100%; height:auto;}
.ppz_list li img{width:100%;}

/*로드맵*/
#road_map a {padding: 35px 20px;}
#road_map a h1 {font-size: 20px;}
#road_map a h1:before {top: 6px;}

}