@charset "UTF-8";

#container {  position:relative; background:none; overflow: hidden; }
.container:after { clear:both; float:none; content:""; display:block; height:0;}
#container .contents { background:none; min-height:827px;}
.hrline {clear:both; content:""; display:block; float:none;}
.inner {min-width:360px; width:1180px; margin:0 auto} /* Default :1180px */


{ position:relative; background:#f4f4f4;}
{ position:relative; background:#fff;}

.content_01 { background: #fff; }
.content_02 { background: #DAE4ED; }

/* 홍보이미지 존 */
.c1m1  { width:590px; height:510px; position:relative; float:left; overflow: hidden;}
#container #c1m1vis {position:relative;}
.c1m1vis { width:100%; height:510px; float:left; overflow: hidden; }
.c1m1vis .bx-wrapper .bx-viewport #slider_visual img { width: 100%; height: 100%; }
#c1m1vis .control {position:absolute;left:0;bottom:0;width:100%;height:40px;margin:0px;background:url(/dong/images/main/mc_vis_control2.png) repeat-x 0 0;text-align:center}
#c1m1vis .control button {display:block;position:absolute;top:5px;float:none; padding:0 -10px; width:31px;height:31px;background:url(/dong/images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c1m1vis .control .btn_prev {left:30px;background-position:0 -300px}
#c1m1vis .control .btn_next {right:30px;background-position:0 -340px}
#c1m1vis .bx-controls a {position:absolute;bottom:0px; width:100%; height:40px; background:none; color:#fff; line-height:40px; text-align:center; z-index: 1000;}

#c1m1vis .control .bx-pager { position: absolute;	bottom: 6px; width: 100%;  text-align: center; font-size: 12px; font-family: Arial; font-weight: bold;	color: #fff; }
#c1m1vis .control .bx-pager .bx-pager-item,
#c1m1vis .control .bx-controls-auto .bx-controls-auto-item {	display: inline-block;	*zoom: 1;	*display: inline; }
#c1m1vis .control .bx-pager.bx-default-pager a {	background: #666;	text-indent: -9999px;	display: block;	width: 9px;	height: 9px;	margin: 0 3px;	padding:0px;	outline: 0;	border:solid 1px #fff; 	-moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%;	background:transparent; }
#c1m1vis .control .bx-pager.bx-default-pager a.active { background:#fff;}

/*게시판 */
#c1m2  { width:590px; height:255px;position:relative; float:right; background:#FFFAED; }
#c1m2 h3 { font-size:1.231em; color:#fff; background:#ae9a77; line-height:34px; height:34px; padding:0 17px; display:inline-block; margin-bottom:25px;}
.notice {position:relative;}
.notice h4 {float:left; position:relative; margin-top: 37px;}
.notice h4 a {margin-right:1px; display:block;height:39px; padding:0 15px; font-size:16px; background:#fff; color:#555; line-height:40px; text-decoration:none; border:1px solid #E1E1E1; box-sizing: border-box; }
.notice h4 a:hover, .notice_tab h4 a:active, .notice_tab h4 a:focus { background:#d84374; color:#fff; border: none;}
.notice h4.active a { background:#d84374; color:#fff; border: none;}
#ntab_1 {margin-left: 37px;}
#ntab_2 {}
#ntab_3 {}
.notice .cont {display:none;position:absolute;top: 90px;left:37px;right:40px}
.notice #ntab_1 + .cont {display:block}
.nt_list { padding:0; }
.nt_list li {position:relative;  padding-bottom: 1px; width:100%; background:url(/dong/images/main/icon_dot.png) no-repeat left 10px; height:26px; line-height: 24px; list-style:none}
.nt_list li a {display: block; float: none !important; width: 100% !important; color:#1b1b1b;font-size: 14px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.nt_list li a:hover, .nt_list li a:active, .nt_list li a:focus {color:#3cb896;text-decoration:underline}
.nt_list li .subject {display: block; text-align: left;overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-left:10px;margin-right: 80px;}
.nt_list li .date {position: absolute;top:0;right:0;color:#7c7c7c;font-size:11px;line-height:2.142;text-align: right}
.nt_list li .date span {display:none}
#c1m2 .more { position: absolute; top: -50px; right: 0px; display: inline-block; width: 45px; height: 30px; padding-right: 15px;background: url(/dong/images/main/notice_more.png) no-repeat 100% 50%; color: #888; line-height: 31px; text-decoration: none; }


/* 포토갤러리 */
#c1m3  { width:590px; height:255px;position:relative; overflow: hidden; float:right; background: #0597AE url(/dong/images/main/bg_gallery.jpg) no-repeat right top }
#c1m3 h3 { font-size: 18px; padding:40px 0 0 40px; color:#fff }
#c1m3 .more { position: absolute; top: 40px; right: 40px; display: inline-block; width: 45px; height: 30px; padding-right: 15px;background: url(/dong/images/main/notice_more_w.png) no-repeat 100% 50%; color: #fff; line-height: 31px; text-decoration: none; }
.ptgallery { padding: 10px 0 0 40px; }
.ptgallery li { float: left; width: 33%; }
.ptgallery li .ptpic img { width: 152px; height: 96px; }
.ptgallery li a { color: #fff; }
.ptgallery li .titles { width: 90%; padding: 10px 10% 0 0; overflow:hidden; text-overflow:ellipsis; work-wrap:normal; white-space:nowrap; }

/* 퀵아이콘 */
#c2m1  { width: 100%; height: 164px;position:relative; float:left; background:#40599E; }
#c2m1 ul.quick_icon {margin:auto; width:100%;}
#c2m1 ul.quick_icon li {float:left; width:11%;  padding:30px 0 0;  text-align:center;}
#c2m1 ul.quick_icon li:nth-child(1) {background:url(/dong/images/main/icon_01.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(2) {background:url(/dong/images/main/icon_02.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(3) {background:url(/dong/images/main/icon_03.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(4) {background:url(/dong/images/main/icon_04.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(5) {background:url(/dong/images/main/icon_05.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(6) {background:url(/dong/images/main/icon_06.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(7) {background:url(/dong/images/main/icon_07.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(8) {background:url(/dong/images/main/icon_08.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li:nth-child(9) {background:url(/dong/images/main/icon_09.png) no-repeat center 30px; }
#c2m1 ul.quick_icon li a { display: block; padding-top: 75px; text-align:center; color: #fff; line-height: 18px; }


/* 퀵메뉴 */
#c2m2 { width: 590px; height: 255px;position:relative; float:left; background:#fff url(/dong/images/main/bg_quick_menu.jpg) no-repeat right top; }
#c2m2 h3 { padding: 48px 0 10px 40px; font-size: 18px; color: #40599e; background: url(/dong/images/main/bg_quick.jpg) no-repeat left 40px; }
#c2m2 ul { overflow: hidden; width: 345px; margin-left: 40px; }
#c2m2 ul li {float:left; width:170px; text-align:center;  border: 1px solid #EFEFEF; background: #fff url(/dong/images/main/icon_arrow.jpg) no-repeat 90% 50%; }
#c2m2 ul li:nth-child(1) { border-bottom: none; margin-right: 1px;}
#c2m2 ul li:nth-child(2) { border-bottom: none;}
#c2m2 ul li:nth-child(3) { border-bottom: none; margin-right: 1px;}
#c2m2 ul li:nth-child(4) { border-bottom: none;}
#c2m2 ul li:nth-child(5) { margin-right: 1px;}
#c2m2 ul li:hover { background: #FFFAED url(/dong/images/main/icon_arrow.jpg) no-repeat 90% 50%; }
#c2m2 ul li a { display: block; text-align: left; color: #333; line-height: 35px; padding-left: 15px;}
#c2m2 ul li a:hover { color: #40599e; }


/* 팝업배너존 */
#c2m3  { width:590px; height:255px; position:relative; float:right; overflow: hidden; }
#c2m3 .bx-wrapper .bx-viewport #slider_popup img { width: 100%; height: 255px; }
#c2m3 .control {position:absolute;left:0;top:25px;width:100%;height:40px;margin:0px;text-align:center}
#c2m3 .control button {display:block;position:absolute;top:8px;float:none; padding:0 -10px; width:37px;height:37px;background:url(/dong/images/main/img_main_tiny.png) no-repeat 0 -380px;font-size:0;vertical-align:top; }
#c2m3 .control .btn_prev {right:103px;background-position:0 -140px}
#c2m3 .control .btn_next {right:25px;background-position:0 -190px}
#c2m3 .control .btn_stop {right:64px;background-position:0 -420px}
#c2m3 .control .btn_play {display:none;right:64px;background-position:0 -470px}
#c2m3 .bx-controls {position:absolute;bottom:0px;left:25px; margin-left:-50px;width:100px;height:40px;background:none;color:#fff;line-height:40px;text-align:center;}
#c2m3 .bx-has-pager { display: none; }

@media (max-width:1420px) {
	.inner { padding:0; width:1120px;}
	#c1m2 { width: 530px; }
	#c1m3 { width: 530px; }
	#c2m3 { width: 530px; }
}
@media (max-width:1200px) {
	.inner { width: 960px;}
	.ptgallery li .ptpic img { width: 120px; height: 90px; }
	#c1m1 { width: 500px; height: 510px; }
	#c1m1 #slider_visual img { height: 510px; }
	#c1m2 { width: 460px; }
	#c1m3 { width: 460px; }	
	#c2m2 { width: 500px; background:#fff url(/dong/images/main/bg_quick_menu.jpg) no-repeat right top; }
	#c2m2 ul { width:80%; overflow: hidden; }
	#c2m2 ul li { width: 49%; box-sizing: border-box; }
	#c2m3 { width: 460px; }
}
@media (max-width:1024px) {
	.inner { width: 560px;}
	#c1m1 { width: 560px; }
	#c1m2 { width: 560px; }
	#c1m3 { width: 560px; }	
	#c2m2 { width: 560px; }
	#c2m3 { width: 560px; }
	#c2m1 ul.quick_icon li { padding: 15px 0 10px 5%; width: 33.3%; height: 55px; border: 1px solid #3A528F; box-sizing: border-box; }
	#c2m1 ul.quick_icon li a { padding: 0; text-align: left; line-height: 16px; }
	#c2m1 ul.quick_icon li:nth-child(1) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(2) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(3) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(4) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(5) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(6) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(7) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(8) {background: none; }
	#c2m1 ul.quick_icon li:nth-child(9) {background: none; }
}	
@media (max-width:640px) {
	.inner { padding:0; min-width: 320px; width:320px; position:relative;}	
	#c1m1 { width: 320px; height: 270px;}
	#c1m1 #slider_visual img { width: 100%!important; height: 270px;}
	#c1m2 { width: 320px; }
	.notice h4 a { font-size: 14px; }
	#c1m3 { width: 320px; height: 240px; }
	.ptgallery { height: 120px; overflow: hidden; } 
	.ptgallery li { width: 50%; }
	#c2m1 ul.quick_icon li { padding: 15px 0 10px 2%; }
	#c2m1 ul.quick_icon li a { font-size: 14px; }
	#c2m2 { width: 320px; height: 245px; background:#fff ; }
	#c2m3 { width: 320px; height: 240px; }
	#c2m3 .bx-wrapper .bx-viewport #slider_popup img { height: 240px;}
	
}