@charset "utf-8";
/* CSS Document */

/*top banner common style*/

.main #content_wrap {padding-top:0;}

/*main visual*/
#main_visual {position:relative; width:100%; height:713px; overflow:hidden;}

#main_visual #arrows {position:absolute; left:50%; top:50%; z-index:2;width:86%; height:68px;margin-left:-43%; margin-top:-34px;}
#main_visual #arrows .prev {float:left; width:52px;}
#main_visual #arrows .next {float:right; width:52px;}
#main_visual #arrows a {cursor:pointer;}

#main_visual .btnbox {position:absolute; left:50%; bottom:-20px; z-index:2;	width:190px; height:60px; margin-left:-100px; overflow:hidden;}
#main_visual .btnbox li {float:left; width:53px; height:20px; margin:0 5px; cursor:pointer; overflow:hidden;}

#main_visual .imgbox {position:absolute; left:50%; top:0; width:2000px; height:690px; margin-left:-1000px; border-top:1px solid #c4c3c1}
#main_visual .imgbox ul {width:10000%;}
#main_visual .imgbox li {float:left; width:2000px; height:6900px; overflow:hidden;}


/*contents*/
#main_contents {width:100%; margin:0 auto; padding-top:45px}

.cnt_tit {width:100%; text-align:center; margin:45px 0 35px 0;}

#diet {width:1200px; margin:auto; margin-bottom:50px; overflow:hidden;}
#diet ul { height:387px;}
#diet li {float:left; font-size:0; line-height:0; margin-left:19px;}
#diet li:first-child {margin-left:0;} 

#result  {width: 100%; margin:auto; position: relative; }
#result .result_button ul{position:absolute; left:50%; bottom:165px; z-index:2;	width:550px; height:262px; margin-left:-275px; overflow:hidden;} 
#result .result_button li.b01{float: left;}
#result .result_button li.b02{float: left; margin-left: 25px;}
#result .result_bg ul{width: 2000px; height:548px;  width:100%; overflow:hidden;}
#result .result_bg li {position: absolute; float:left; font-size:0; line-height:0; margin-left:-951.5px; left:50%;}

#video  {width:100%; margin:auto; margin-bottom:50px; position: relative;  }
#video .video_button {position:absolute; left:50%; bottom:20px; z-index:2;	width:550px; height:262px; margin-left:-600px; overflow:hidden;} 
#video .video_button li.v01{float: left;}
#video .video_button li.v02{float: right;}
#video .video_bg ul{height:608px;  width:100%; overflow:hidden;}
#video .video_bg li {position: absolute; float:left; font-size:0; line-height:0; margin-left:-951.5px; left:50%;}

#board {width:1200px; margin:auto; margin-bottom:50px; overflow:hidden;}
#board ul{height: 316px;}
#board li {float:left; font-size:0; line-height:0; padding-left:75px}
#board li:first-child{padding-left:0}

#last  {width:100%; margin:auto; position: relative;  }
#last ul {width: 2000px; margin: auto; height:295px;}
#last li  {position: absolute; float:left; font-size:0; line-height:0; margin-left:-951.5px; left:50%;}

#info{padding: 30px 0; background: #4e5157;}
#info ul{width: 1200px; margin: auto;}
#info #loc{float: left; width: 848px; position:relative; }
#daumRoughmapContainer1534742199295{position:absolute; top:56px;}
#info #time{float: right; width: 326px;}

#main_contents .fl_left {width:275px; margin-right:14px}


.online_wrap{width:297px; height:155px; padding-top:20px}
.online_wrap .img{padding:15px 0 15px 0}
.online_wrap  table {width:297px;}
.online_wrap td {height:30px; line-height:20px; font-size:15px; color:#999;}
.online_wrap .subject{width:200px; }
.online_wrap td  a {vertical-align:middle;  }
.online_wrap td img {vertical-align:middle; margin-left:2px;}
.online_wrap .date{float:right; font-size:14px; line-height:30px;}