@charset "utf-8";
.f_left { float:left; }
.f_right { float:right; }

#main_wrap { width:100%; margin:auto; clear:both; }
#main_vis { position: relative; width:100%; margin:0 auto; text-align:center; }
.vis_img { line-height:0; overflow:hidden; }
.vis_img img { max-width:100%; }
.vis_text { position:absolute; top:20%; left:50%;}
.vis_text img { max-width:100%; margin:0 !important; }

#main_box { position:relative; width:1580px; margin:auto; clear:both; }
#main_box2 { position:relative; width:1580px; margin:auto; clear:both; }
#main_box::after { display:block; height:0; content:""; float:none; clear:both; }
#main_box2::after { display:block; height:0; content:""; float:none; clear:both; }
#main_box3  { position:relative; width:1163px; margin:auto; clear:both; }
#main_box3::after { display:block; height:0; content:""; float:none; clear:both; }
#main_box4  { position:relative; width:1163px; margin:auto; clear:both;position:relative}
#main_box4::after { display:block; height:0; content:""; float:none; clear:both; }
.vis_quick { position:absolute; width:880px; top: -150px; left: 0; right: 0; margin: auto; text-align: center; z-index:55; }
.vis_quick ul::after { display:block; height:0; content:""; float:none; clear:both; }
.vis_quick ul a li { float:left; width:110px; margin-left:40px; background: #333; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */ border-radius: 50%; line-height: 0; }
.vis_quick ul a li img { max-width:100%; }
.vis_quick ul a:hover li { background: #da125d; }
.vis_quick ul a:first-child li { margin-left:0; }

#banner1 { float:left; width:316px; height:370px; }
#banner1 img { width:316px; height:370px; }
#banner2 { float:left; width:316px; height:370px; }
#banner2 img { width:316px; height:370px; }
#banner3 { float:left; width:948px; height:370px; }
#banner3 img { width:948px; height:370px; }

#menu1 { float:left; width:316px; height:185px; padding:30px 25px 0 25px; box-sizing:border-box; background:#1aa6a4 url('/kor/img/main/bg_icon1.png') no-repeat 90% 70%; }
#menu2 { float:left; width:316px; height:185px; padding:30px 25px 0 25px; box-sizing:border-box; background:#95bf25 url('/kor/img/main/bg_icon2.png') no-repeat 90% 70%; }
.menu_title { width:130px; font-size:27px; line-height:100%; padding-bottom:15px; color:#fff; }
.menu_subtitle { width:130px; font-size:14px; padding-bottom:15px; color:#fff; }
.menu_more { width:16px; height:16px; }
#menu2 .menu_title { width:140px; } /* for IE8 */

#photo_box { float:left; width:948px; height:185px; padding:30px 25px 0 25px; box-sizing:border-box; background:#604586 url('/kor/img/main/photo_bg.jpg') repeat 0px 0px; }
#photo_inner { padding-left:130px; }
#photo_inner::after { display:block; height:0; content:""; float:none; clear:both; }
.photo_info { float:left; width:130px; margin-left:-130px; }
.photo_minititle { font-size:20px; padding-bottom:15px; color:#fff; }
.photo_title { font-size:27px; line-height:100%; padding-bottom:15px; color:#fff; }

.photo_wrap { position:relative; float:right; width:100%; height:100%; margin-left:-130px; overflow:hidden; line-height:0; /* 이미지 감싸는 div에는 0을 줘야 높이값 추가가 안됨 */ }
.photo_wrap ul::after { display:block; height:0; content:""; float:none; clear:both; }
.photo_wrap ul li { float:left; width:250px; margin-left:9px; cursor:pointer; background-color:#000; }
.photo_wrap ul li:first-child { margin-left:0; }
.photo_wrap ul li .photo_img { position:relative; }
.photo_wrap ul li .photo_img::after { display:block; height:0; content:""; float:none; clear:both; }
.photo_wrap ul li .photo_img .f_left, .photo_wrap ul li .photo_img .f_right { width:125px; }
.photo_wrap ul li .photo_img .f_left img, .photo_wrap ul li .photo_img .f_right img { max-width:100%;  }
.photo_wrap ul li .photo_img .arrow{ position:absolute; top: 40px; left: 28px; color:#fff; line-height:130%; width:80%; text-align:center; font-size:18px; font-weight:800; /* opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */ /* IE 8 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* IE 7 and olders */ }

.photo_wrap ul li .photo_fog {position:absolute; width:250px; height:80px; padding-top:45px; font-size:20px; color:#fff; line-height:20px; text-align:center; z-index:1; background-color:rgba(0,0,0, .5);}


#board1 { float:left; width:316px; height:185px; padding:30px 25px 0 25px; box-sizing:border-box; background:#fff; border-right: 1px solid #eee4ea; }
#board2 { float:left; width:316px; height:185px; padding:30px 25px 0 25px; box-sizing:border-box; background:#fff; border-right: 1px solid #eee4ea; }
#board3 { float:left; width:316px; height:185px; padding:30px 25px 0 25px; box-sizing:border-box; background:#fff; }
.board_head { width:100%; height:22px; margin-bottom:15px; }
.board_head::after { display:block; height:0; content:""; float:none; clear:both; }
	.board_name { float:left; width:130px; font-size:22px; color:#000; }
	.board_more { float:right; width:16px; height:16px; }


.board_content ul::after { display:block; height:0; content:""; float:none; clear:both; }
.board_content ul li { float:left; width:100%; margin-bottom:3px; color:#666; background:url('/kor/img/common/bu_04.gif') no-repeat 0px 9px; }
.board_content ul li .subject { float:left; width: 64%; padding-left: 5px; margin-right: 2%; font-size:15px; color:#666; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.board_content ul li .subject a { color:#666; }
.board_content ul li .date { float:right; font-size:13px; color:#666; }
.board_content ul li .day { float:left; width: 27%; padding-left: 5px; font-size:15px; text-align:justify; color:#666; }
.board_content ul li .day::after { content:":"; }
.board_content ul li .time { float:left; font-size:15px; color:#666; }

.time_notice { float:right; font-size:13px; color:#666; }

#tel_box { float:left; width:316px; height:185px; text-align:center; box-sizing:border-box; background:#e7dbde; }
.tel_title { margin-top:55px; font-size:24px; color:#000; }
.tel_number { margin-top:15px; font-size:40px; color:#d14871; line-height:40px; }

#sns_box { float:left; width:316px; height:185px; text-align:center; box-sizing:border-box; background:#fff; }
.sns_title { margin-top:40px; font-size:20px; color:#c93260; }
.sns_icon { padding-top:20px; width:256px; margin:0 auto; }
.sns_icon ul::after { display:block; height:0; content:""; float:none; clear:both; }
.sns_icon ul li { float:left; margin-left:20px; }
.sns_icon ul li:first-child { margin-left:0; }

#big_banner { position: relative; float:left; width:1264px; height:370px; box-sizing:border-box; }
#big_banner ul li { display:none; }
#big_banner ul li.on { display:block; }
.banner_img { width:100%; line-height:0; overflow:hidden; }
.banner_text { position:absolute; top:20%; left:40%;}
.banner_text img { max-width:100%; }

#bannner_list { float:left; width:316px; box-sizing:border-box; background:#f1d3d4; }
#bannner_list ul { display:table; width:100%; height:100%; }
#bannner_list ul::after { display:block; height:0; content:""; float:none; clear:both; }
#bannner_list ul a li { display:table-cell; position:relative; float:left; width:100%; height:73px; line-height:73px; border-top:1px solid #e7a7ae; text-align:center; }
#bannner_list ul a:first-child li { border-top:0; height:74px; line-height:74px; }
#bannner_list ul a li:hover, #bannner_list ul a li.on { border-top:0; height:74px; line-height:74px; margin-left: -10px; padding-left:10px; background:url('/kor/img/main/bannerlist_bg.png') no-repeat 0px 0px; color:#fff; }

@media (max-width:1600px) {
	.vis_text img { max-width:93% !important; }
	.vis_quick { top:-120px; width:800px; }
	.vis_quick ul a li { width:100px; }
	#main_box { width:1264px; }
	#main_box2 { width:1264px; }
	#main_box3 { width:1163px; }
	#main_box4 { width:1300px; } /*1163에서 수정*/
	#board3 { border-right: 1px solid #eee4ea; }
	#big_banner { width:948px; }
	.banner_img img { margin-left:-80px; }
	.banner_text { padding-left:20px; }
}

@media (max-width:1300px) {
	.vis_img img { max-width:120% !important; margin:0 0 0 -10% !important; }
	.vis_text img { max-width:85% !important; }
	.vis_quick { top: -100px; width: 660px; }
	.vis_quick ul a li { width:85px; margin-left:30px; }
	#main_box { width:948px; }
	#main_box2 { width:948px; }
	#main_box3 { width:948px; }
	#main_box4 { width:1120px; } /*948에서 수정*/
	#board1, #board2 { width:474px; border-bottom: 1px solid #eee4ea; }
	#board2, #board3 { border-right:0; }
	#sns_box { border-right: 1px solid #eee4ea; }
	#big_banner { width:790px; }
	.banner_img img { margin-left:-110px; }
	.banner_text { padding-left:50px;}
	.banner_text img { max-width:90%; }
	#bannner_list { width:158px; }
}

/* 테블릿 사이즈*/
@media (max-width:980px) {
	.vis_img img { max-width:140% !important; margin:0 0 0 -25% !important; }
	.vis_text { width:50%; left:45%; }
	.vis_quick { top: -80px; width: 520px; }
	.vis_quick ul a li { width:70px; margin-left:20px; }
	#main_box { width:100%; max-width:632px; }
	#main_box2 { width:90%; }
	#main_box3 { width:100%; }
	#main_box4 { width:90%; }
	#banner3 { width:100%; height:100%; }
	#banner3 img { width:auto; height:auto; }

	#photo_box { width:632px; }
	#photo_inner { padding-left:73px; }
	.photo_info { width:60px; margin-left:-73px; }
	.photo_wrap { margin-left:-73px; }

	.photo_wrap ul li:nth-child(3) { display:none; }

	#board1, #board2 { width:316px; }
	#board1 { border-right: 1px solid #eee4ea; }

	#tel_box { width:100%; height: 100%; padding: 30px;}
	.tel_title { margin-top:0; }

	#big_banner { width:100%; height:100%; }
	.banner_img img { margin-left:0; max-width: 120%; margin-left: -10%;}
	.banner_text { padding-left:0; }
	.banner_text img { height:115px; max-width: 100%; }
	#bannner_list { width:100%; }
	#bannner_list ul a li { width:20%; border-top:0; height:50px; line-height:50px; }
	#bannner_list ul a:first-child li { height:50px; line-height:50px; }
	#bannner_list ul a li:hover, #bannner_list ul a li.on { border-top:0; height:50px; line-height:50px; margin-left:0; padding-left:0; background:#e15988; }
}

/* 모바일 사이즈*/
@media (max-width:660px) {
	.vis_img img { max-width:160% !important; margin:0 0 0 -35% !important; }
	.vis_text { left:50%; }
	.vis_quick { width: 290px; top:-50px; }
	.vis_quick ul a li { width: 40px; margin-left: 10px; }
	#banner1, #banner2 { width:50%; height:100%; }
	#banner1 img, #banner2 img { width:auto; height:auto; }
	#menu1, #menu2 { width:50%; height:100%; padding:3%; background-position:90% 85%; background-size:25%; }
	.menu_title { width:130px; padding-bottom:10px; font-size:20px; }
	.menu_subtitle { padding-bottom:10px; line-height:120%; }

	#photo_box, #board1, #board2, #board3, #sns_box, #tel_box { width:100%; height:100%; padding:18px 16px 10px 16px; }

	#photo_inner { padding-left:50px; }
	.photo_info { width:38px; margin-left:-50px; }
		.photo_title { font-size:20px; }
	.photo_wrap { margin-left:-50px; }

	#board1, #sns_box { border-right:0; }
	#board3 { border-bottom: 1px solid #eee4ea; }

	.board_head { margin-bottom:10px; }
	.board_name { font-size:20px; }
	.board_content ul li .subject { font-size:13px; }

	.sns_title, .tel_number { margin-top:0; }
	.sns_icon { padding-top:10px; width:216px;}
	.sns_icon ul li { margin-left:0; }
	.sns_icon ul li img { max-width:80%; }

	.tel_title { font-size:20px; }
	.tel_number { font-size:36px; }

	#big_banner { background:#f3b6c0; }
	.banner_img img { display:none; }
	.banner_text { position:relative; top:0; left:0; padding:15px; text-align:center; }
	#bannner_list ul a li { font-size:14px; }
}

@media (max-width:620px) {
	#photo_inner { padding-left:0; }
	.photo_info { width:auto; max-width:38px; margin-left:0; }
		.photo_minititle { font-size:16px; }
		.photo_title { font-size:18px; }
	.photo_wrap { width:250px; float:none; margin:auto; }

	.photo_wrap ul li:nth-child(2) { display:none; }
}