@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:450px; height:60px; margin-left:-190px; 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;}

#ban_wrap {width:1280px; margin:0 auto;  overflow:hidden;}
#ban_wrap li{float:left; height:385px; padding:0 10px 10px 0}
#ban_wrap li:last-child{padding-right:0}

#ban_wrap .tit{text-align:center; padding:50px 0}


#bot_mid_wrap{width:100%;}
#bot_ban{width:1280px; margin:0 auto; overflow:hidden}
#bot_ban li{height:405px; float:left; padding-right:13px}
#bot_ban li:last-child{padding-right:0}


/* �ν�Ÿ�׷� */
#ban_insta {width:1296px; margin:0 auto; overflow:hidden;}
#ban_insta li{float:left; padding:8px}
#ban_insta li:last-child{padding-right:0}

#ban_insta .tit{text-align:center; padding:50px 0 43px 0}


/*������Ƽ*/
#ban_party {width:1290px; margin:0 auto; overflow:hidden; padding-bottom:45px}
#ban_party li{float:left; padding:6px}
#ban_party li:last-child{padding-right:0}

#ban_party .tit{text-align:center; padding:50px 0 43px 0}



#middle_wrap{background-color:#f4f4f4; width:100%;}
#middle_ban{width:1288px; margin:0 auto; text-align:center; padding:50px 0; overflow:hidden}
#middle_ban li{height:300px; float:left; padding:4px}

/* ����TOP */

#news_top{ width:100%; margin:0 auto 50px auto; text-align:center; overflow:hidden; }
#news_top li{border-right:1px solid #ddd;}
#news_top .tit{text-align:center; padding:70px 0 40px 0}
#news_top #news_list #news_slide {position:relative; width:100%; overflow:hidden;}
#news_top #news_list #news_slide .news_cont{width:98%;background:#fff; padding:12px 0; }
#news_top #news_list #news_slide .news_cont_img {width:100%; padding-top:4px; overflow:hidden;}
#news_top #news_list #news_slide .news_cont_img img {width:350px; height:500px;}

#news_top #news_list #news_slide .news_cont_txt .title_tit {font-size:20px; color:#222; padding-top:30px; font-weight:500; line-height:16px; min-height:16px; max-height:32px; margin:0 0 12px; text-align:center;}
#news_top #news_list #news_slide .news_cont_txt .cont_txt {width:80%; margin:0 auto; font-size:18px; color:#666; line-height:24px; padding:0 0 12px; text-align:center;}

.img{width:100%}

	
/* ���� */

#news{ width:1280px; margin:0 auto; text-align:center; overflow:hidden;}
#news li{border-right:1px solid #ddd;}
#news .tit{text-align:center; padding:50px 0}
#news_list {position:relative; width:100%; overflow:hidden;}
#news_list .news_cont{width:98%;background:#fff; padding:12px 0; }
#news_list .news_cont_img {width:100%; padding-top:4px; overflow:hidden;}
#news_list .news_cont_img img {height:100%;}

#news_list .news_cont_txt .title_tit {font-size:18px; color:#222; padding-top:10px; font-weight:500; line-height:16px; min-height:16px; max-height:32px; margin:0 0 12px; text-align:center;}
#news_list .news_cont_txt .cont_txt {width:80%; margin:0 auto; font-size:14px; color:#666; line-height:24px; padding:0 0 12px; text-align:center;}


/* �ϴ� �Խ��ǰ� ��� */

#ban_bot_wrap{width:1280px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
#ban_bot_wrap .tit{text-align:center; padding:50px 0}
#ban_bot_wrap li{float:left; width:373px; height:380px; background-color:#fff; padding:20px; margin-right:20px}
#ban_bot_wrap li:last-child{margin-right:0}
#ban_bot_wrap .board_tit{width:377px; border-bottom:1px solid #ddd; font-size:25px; color:#333; font-weight:500; padding-bottom:10px}

#latest_list{width:377px; padding:10px 0 20px 0; overflow:hidden;}
#latest_list table{}
#latest_list .subject{width:290px; font-size:16px; padding-top:10px}
#latest_list .subject a{color:#333; }
#latest_list .answer{font-size:16px}



#contact_wrap{background:url(images/main/contact_bg.jpg) top center; height:706px}
#contact_cont{width:1050px; margin:0 auto; text-align:center; padding:50px}
#contact_cont .tit{margin-top:75px}
#contact_cont ul{width:50%; float:left; margin-top:45px;}
#contact_cont .add_img{margin:35px 0 20px 0; font-size:15px}
#contact_cont .add_img span{font-size:30px; color:#333}
#contact_cont .location_img{float:right; margin-top:45px; border-left:1px solid #e7e7e7; padding-left:37px}

#contact_cont .contact_btn{width:100px; display:inline-block; background-color:#7494b5; border-radius:50px; padding:5px; margin:0 5px}
#contact_cont .contact_btn span{color:#fff; font-size:18px}
#contact_cont .contact_btn a{display:block}

#main_bottom{width:100%; height:590px}
#main_bottom img{position:absolute; left:50%; margin-left:-1000px}



/*����Ʈ��*/
#site_map{background-color:#616366; width:100%; padding:40px 0; overflow:hidden; margin:0 auto}
#site_map .site_cont{width:1200px; margin:0 auto; text-align:center}
#site_map .site_cont li{float:left; text-align:left; width:16.6%;}
#site_map .site_cont .tit{color:#fff; font-size:20px; padding:40px 0 20px 0}
#site_map .site_cont a{font-size:16px; width:100%; color:#bbb}
.small_menu{float:left; width:100%;}
.small_menu a{font-size:13px!important; color:#ccc!important}

#youtube_link_wrap {width: 100%; height: 1050px;}
#youtube_link_wrap .youtube_link_img_wrap {display: block; overflow: hidden; width: 100%; height: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto;}
#youtube_link_wrap .youtube_link_img_wrap img {width: 100%; height: 1050px; object-fit: cover; object-position: 50% 50%; position: static; box-shadow: 0 0 0 #000;}

#youtube_play_wrap {width: 100%; height: 733px;}
#youtube_play_wrap .youtube_play_img_wrap {display: block; overflow: hidden; width: 100%; height: 100%; box-sizing: border-box; margin-left: auto; margin-right: auto; padding-right: 121px}
#youtube_play_wrap .youtube_play_img_wrap img {width: 100%; height: 733px; object-fit: cover; object-position: 26% 50%; position: static; box-shadow: 0 0 0 #000;}