@charset "utf-8";
 
/* 메인비주얼 180920 수정 */
.main_visual {position:relative;}
.main_visual ul li {position:relative; width:100%; height:460px;}
.main_visual ul li .img {position:relative; width:100%; height:100%;}
.main_visual ul li .img.visual1 {background:url('/images/org/web/dy/main/M_visual1.png') no-repeat center center; }
.main_visual ul li .img.visual2 {background:url('/images/org/web/dy/main/M_visual2.png') no-repeat center center; }
.main_visual ul li .mv_slogan {position:absolute; top:272px; left:50%; margin-left:121px;}

.main_visual .bx-controls {position:absolute; width:1200px; left:50%; bottom:60px; margin-left:-600px;}
.main_visual .bx-controls-direction {display:none;}
.main_visual .bx-controls-auto {position:absolute; top:0; left:0}
.main_visual .bx-controls-auto::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-controls-auto .bx-controls-auto-item {display:block; float:left; width:auto;}
.main_visual .bx-controls-auto .bx-controls-auto-item a {text-indent:-999em; width:24px; height:24px;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-start {display:none; background:url('/images/org/web/dy/main/btn_play.png') no-repeat center center;}
.main_visual .bx-controls-auto .bx-controls-auto-item a.bx-stop {display:block; background:url('/images/org/web/dy/main/btn_stop.png') no-repeat center center;}
.main_visual .bx-pager.bx-default-pager {position:absolute; top:8px; left:25px;}
.main_visual .bx-pager.bx-default-pager::after {content:''; display:block; clear:both; height:0;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item {display:block; float:left; margin-left:10px;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a {display:block; text-indent:-999em; width:40px; height:5px; border:1px solid #fff; box-sizing:border-box;}
.main_visual .bx-pager.bx-default-pager .bx-pager-item a.active {background-color:#fff;}

/* 바로가기 */
.M_link01 { position:relative}
.M_link01 ul:after {content:""; display:block; clear:both;}
.M_link01 li {float:left; width:33.3%; margin-bottom:15px}
.M_link01 li a {display:block; text-align:center;}
.M_link01 li a:hover{text-decoration:none}
.M_link01 li a:hover img {
	-webkit-animation:M_link01_icon 0.5s  ease; 
	-moz-animation:M_link01_icon 0.5s  ease; 
	-o-animation:M_link01_icon 0.5s  ease; 
	-ms-animation:M_link01_icon 0.5s  ease; 
	animation:M_link01_icon 0.5s  ease;}
@-webkit-keyframes M_link01_icon {0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);}}
@-moz-keyframes M_link01_icon {0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);}}
@-o-keyframes M_link01_icon {0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);}}
@-ms-keyframes M_link01_icon {0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);}}
@keyframes M_link01_icon {0% {transform:translateY(0);} 50% {transform:translateY(-5px);} 100% {transform:translateY(0);}}
.M_link01 a span {display:block; padding:5px 0; font-size:15px; line-height:140%; color:#fff; }

/* 공지사항 180920 수정*/
.notice01 {position:relative; width:100%; padding-top:44px;}
.notice01 h2 {position:absolute; top:0; font-weight:bold; font-size:16px; letter-spacing:-0.5px; height:44px; line-height:42px}
.notice01 h2 a {display:block; height:100%; background-color:#edf0f3; width:102px; text-align:center; color:#848587; }
.notice01 h2 a:hover, .notice01 h2 a:focus { text-decoration:underline}
.notice01 h2.current a {background-color:#3f8af9; color:#fff;} 
.notice01 h2.tit_1{left:0;}
.notice01 h2.tit_2{left:102px;}
.notice01 .list_box.on {display:block;}
.notice01 .list_box {display:none; font-size:14px; border-top:1px solid #3f8af9; overflow:hidden;}
.notice01 .top_list{padding:10px 0 6px;}
.notice01 .top_list a {display:block; min-height:62px; position:relative}
.notice01 .top_list a:hover { text-decoration:none}
.notice01 .top_list a span.img {position:absolute; top:0; left:0}
.notice01 .top_list a dl {margin-left:75px; padding-top:6px; line-height:150%}
.notice01 .top_list a dl dt {font-size:14px; font-weight:bold; margin-bottom:4px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice01 .top_list a dl dd { font-size:14px; color:#777; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.notice01 .top_list a:hover dl dt { text-decoration:underline}
.notice01 .list_box ul.ul_list { overflow:hidden}
.notice01 .list_box ul.ul_list li {position:relative; line-height:27px; overflow:hidden; background:url('/images/org/web/dy/main/dot_01.png') no-repeat 0 12px}
.notice01 .list_box ul.ul_list li a {display:block; width:76%; padding-left:8px; float:left; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.notice01 .list_box ul.ul_list li a:hover {text-decoration:underline;}
.notice01 .list_box ul.ul_list li span.date {display:block; float:right; text-align:right; color:#777; }
.notice01 .btn_more {position:absolute; right:0; top:7px; width:30px; height:30px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/dy/main/notice_more01.png') no-repeat}

/* 팝업존 180920 수정 */
/* .box_popup { position:relative; height:200px; overflow:hidden;}
.box_popup h2 {font-size:16px; font-weight:bold; height:45px; line-height:43px; padding-left:14px; color:#fff; background:#0068b7}
.box_popup .pop {position:relative; overflow:hidden; height:155px;}
.box_popup .pop li {width:100%; float:left}
.box_popup .pop li a {display:block}
.box_popup .pop li a img { width:100%; height:100%}
.box_popup .control {position:absolute; top:12px; right:5px; z-index:10}
.box_popup .control span { display:inline-block; line-height:20px; float:left; margin-right:5px; color:#fff; font-size:13px;}
.box_popup .control span strong {color:#fff799;}
.box_popup .control a {display:block; float:left; text-indent:-10000px; width:20px; height:20px; margin-right:2px; overflow:hidden; background-position:center center; background-repeat:no-repeat }
.box_popup .control a.prev { background-image:url('/images/org/web/dy/main/btn_pop_prev.png'); }
.box_popup .control a.next { background-image:url('/images/org/web/dy/main/btn_pop_next.png'); }
.box_popup .control a.stop { background-image:url('/images/org/web/dy/main/btn_pop_stop.png'); }
.box_popup .control a.play { background-image:url('/images/org/web/dy/main/btn_pop_play.png'); } */

/* 팝업 수정 181018*/
.box_popup {position:relative; height:100%;}
.box_popup h2 {height:50px; line-height:48px; font-size:19px; font-weight:bold; color:#222; background: url(/images/org/web/dy/main/bu_h2_tit.png) no-repeat left top;}
.box_popup .pop {position:relative; height:150px; overflow:hidden}
.box_popup .pop li {width:100%; height:192px; overflow:hidden; float:left}
.box_popup .pop li a {display:block;}
.box_popup .pop li a img {width:100%; height:100%;}
.box_popup .control {position:absolute; top:16px; right:0; z-index:10}
.box_popup .control a {display:block; float:left; text-indent:-10000px; width:20px; height:20px; margin-left:2px; overflow:hidden; }
.box_popup .control a.prev { background:url('/images/org/web/dy/main/btn_pop_prev.png') no-repeat; }
.box_popup .control a.next { background:url('/images/org/web/dy/main/btn_pop_next.png') no-repeat; }
.box_popup .control a.stop { background:url('/images/org/web/dy/main/btn_pop_stop.png') no-repeat; }
.box_popup .control a.play { background:url('/images/org/web/dy/main/btn_pop_play.png') no-repeat; }



/* 행사일정 180920 수정 */
.drawSchedule {width:308px; height:199px; background:#fff; border:1px solid #00a0e9; border-top:0; overflow:hidden}
.drawSchedule h2 { font-size:16px; font-weight:bold; height:45px; line-height:43px; padding-left:14px; color:#fff; background:#00a0e9; margin-bottom:15px;}
.drawSchedule .date_view { position:relative; font-size:16px; font-weight:bold; width:274px; height:28px; line-height:26px; margin:0 auto 10px; text-align:center; border:2px solid #00a0e9;}
.drawSchedule .date_view .year {color:#333;}
.drawSchedule .date_view .month {color:#006bb6;}
.drawSchedule .date_view a{ position:absolute; width:20px; height:20px; text-indent:-9999em; line-height:0; font-size:0; background-repeat:no-repeat; background-position:50% 50%}
.drawSchedule .date_view .pre {left:10px; top:4px; background-image:url('/images/org/web/dy/main/btn_s_prev.png'); }
.drawSchedule .date_view .next {right:10px; top:4px; background-image:url('/images/org/web/dy/main/btn_s_next.png'); }
.drawSchedule .sch_list {width:278px; height:83px; margin:0 auto; overflow:hidden; overflow-y:auto; }
.drawSchedule .sch_list li { position:relative; line-height:21px; font-size:13px; }
.drawSchedule .sch_list li a { display:block; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.drawSchedule .sch_list li a:hover { text-decoration:none}
.drawSchedule .sch_list li a span {color:#006bb6; margin-right:8px;}
.drawSchedule .btn_more { position:absolute; width:21px; height:21px; top:12px; right:15px; text-indent:-9999em; line-height:0; font-size:0; background:url('/images/org/web/dy/main/btn_more_01.png') no-repeat}

/* 전화번호안내  수정 181019 */
.cstm_center {position:relative; height:100%; padding-left:127px;}
.cstm_center .img { position:absolute; top:18px; left:10px;}
.cstm_center h2 {font-size:22px; padding-top:37px; color:#2a447a; font-weight:bold; line-height:160%}
.cstm_center h2 span {font-size:18px; color:#fff;}
.cstm_center span.txt {font-size:15px; color:#fff; line-height:160%}
.cstm_center span.txt em {color:#f9ec31;}

/* 바로가기2  수정 181019 */
.M_link2 { overflow:hidden; height:100%;} 
.M_link2 li { position:relative; float:left; width:346px; height:100%; margin-left:32px;}
.M_link2 li:first-child {margin-left:0}
.M_link2 li a { display:block; padding:38px 0 35px}
.M_link2 li a .tit {display:block; font-size:20px; font-weight:bold; color:#30487c;}
.M_link2 li a .tit:after { content:''; display:inline-block; width:42px; height:8px; margin-left:3px; background:url('/images/org/web/dy/main/btn_more2.png') no-repeat;  -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.M_link2 li a:hover .tit:after {margin-left:10px}
.M_link2 li a .sm_txt {display:block; width:135px; font-size:13px; color:#fff; margin-top:10px}
.M_link2 .img {position:absolute; right:0; top:15px;}

/* 포토뉴스  수정 181019 */
.news {position:relative;}
.news > h2 { float:left; width:315px; color:#1a1a1a; font-size:24px; font-weight:bold; padding-top:70px}
.news > h2:before {content:''; width:45px; height:3px; background-color:#2059a8; display:block; margin-bottom:8px}
.news .news_info { display:block; padding-top:12px; line-height:130%; font-weight:normal; font-size:14px; width:290px; color:#6e7b92; word-break:keep-all}
.news .news_list_box { float:right; width:885px; padding:50px 0 0}
.news .news_list_box ul{height: 310px; overflow:hidden;}
.news .news_list_box ul li {padding-bottom:80px; width:275px; height:260px; float:left; margin-left:30px; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.news .news_list_box ul li:first-child {margin-left:0;}
.news .news_list_box ul li a { position:relative; display:block; height:260px;}
.news .news_list_box ul li a > img {width:100%; height:100%;}
.news .news_list_box ul li:hover {margin-top:-10px;}
.news .news_list_box ul li a:hover .view_con {display:block;}
.news .news_list_box ul li a .view_con {display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; background:url("/images/org/web/dy/main/view_bg.png") repeat;}
.news .news_list_box ul li a .view_con > h3 {color:#fff; font-size:16px; font-weight:bold; padding:80px 20px 20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news .news_list_box ul li a .view {color:#fff; font-size:13px;}
.news .news_list_box ul li a .view span.view_ico {background: url("/images/org/web/dy/main/view_ico.png") no-repeat left 5px; margin-right:12px; padding-left:17px; display:inline-block;}
.news .news_list_box ul li a .view span.date_ico {background: url("/images/org/web/dy/main/date_ico.png") no-repeat left 4px; padding-left:16px; display:inline-block;}
.news .news_list_box ul li a .view_con .btn { margin-top:40px; display:block}
.news_control {position:absolute; left:0; top:199px;}
.news_control a { display:block; float:left; width:40px; height:40px; text-indent:-9999em; font-size:0; margin-left:1px; background-repeat:no-repeat}
.news_control a:first-child {margin-left:0}
.news .news_control a.news_prev {background-image:url("/images/org/web/dy/main/news_prev.png")}
.news .news_control a.news_next {background-image:url("/images/org/web/dy/main/news_next.png")}
.news .news_control a.news_more {background-image:url("/images/org/web/dy/main/news_more.png")}


/* 배너존 */
.bannerZone {width:100%; background:#fff; border-top:1px solid #b2b7c7;}
.bannerZone .inner { position:relative; width:1200px; margin:0 auto}
.bannerZone h2 {position:absolute; left:0; top:21px; line-height:150%; font-size:16px; font-weight:bold}
.bannerZone .control {position:absolute; left:60px; top:28px;}
.bannerZone .control a {display:block; width:14px; height:15px; float:left; text-indent:-10000em; font-size:0; line-height:0; background-repeat:no-repeat }
.bannerZone .control a.prev {background-image:url('/images/org/web/dy/main/btn_b_prev.png'); }
.bannerZone .control a.next {background-image:url('/images/org/web/dy/main/btn_b_next.png'); }
.bannerZone .control a.stop {background-image:url('/images/org/web/dy/main/btn_b_stop.png'); }
.bannerZone .control a.play {background-image:url('/images/org/web/dy/main/btn_b_play.png'); }
.bannerZone .control a.list {background-image:url('/images/org/web/dy/main/btn_b_list.png'); }
.bannerZone .obj {margin-left:178px; height:43px; overflow:hidden; padding-top:14px}
.bannerZone .obj li { width:190px; height:43px; margin-left:18px;  float:left;}
.bannerZone .obj li:first-child { margin-left:0}



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

	#container,  .main_content, 
	.main_visual_wrap, .box_popup, 
	.drawSchedule, .drawSchedule .date_view,
	.gallery, .M_link02, .M_link02 li,
	.bannerZone .obj li{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box }
	
	/* 메인비주얼 180920 수정 */
	.main_visual ul li { height:360px;}
	.main_visual ul li .img.visual1, .main_visual ul li .img.visual2 {background-size:cover}
	.main_visual ul li .mv_slogan {top:60%; left:auto; right:3%; margin-left:0;}
	.main_visual ul li .img.visual1 + .mv_slogan {right:8%;}
	.main_visual ul li .img.visual1 + .mv_slogan img { width:auto; height:80px}
	.main_visual ul li .img.visual2 + .mv_slogan img { width:auto; height:80px}
	.main_visual .bx-controls { display:none;}
	
	/* 바로가기 */
	.M_link01 li a img { width:68%; height:auto}
	
	/* 공지사항 */
	.notice01 .top_list{padding:20px 0 15px;}
	
	/* 팝업존 180920 수정 */
	.box_popup { width:100%; height:100%;}
	.box_popup h2 {font-size:17px; line-height:45px; padding-left:14px; color:#fff; background:#673ab7}
	.box_popup .pop {height:195px;}
	.box_popup .pop li {width:100%; height:100%; overflow:hidden}
	.box_popup .pop li a { height:100%}
	
	/* 행사일정 */
	.drawSchedule { width:100%; height:100%}
	.drawSchedule .date_view { width:94%; height:32px;}
	.drawSchedule .sch_list {width:94%; height:120px;}
	.drawSchedule .sch_list li {line-height:31px; font-size:14px;}
	
	/* 전화번호안내  수정 181019 */
	.cstm_center {height:99px; background-color:#74a1de; border-bottom:1px solid #fff; padding-left:100px}
	.cstm_center .img {top:16px; left:2.5%;}
	.cstm_center .img img { width:64px; height:auto}
	.cstm_center h2 {font-size:20px; padding-top:19px}
	.cstm_center h2 span {font-size:16px;}
	.cstm_center span.txt {font-size:14px;} 
	
	/* 바로가기2  수정 181019 */
	.M_link2 {height:99px; background-color:#74a1de;} 
	.M_link2 li {width:50%; margin-left:0}
	.M_link2 li a {height:100%; padding:18px 5% 0; border-left:1px dashed #fff;}
	.M_link2 li:first-child a {border-left:0;}
	.M_link2 .img { top:15px; right:5%;}
	.M_link2 .img img { width:75px; height:auto} 
	
	/* 포토뉴스  수정 181019 */
	.news > h2 {width:100%; font-size:20px; padding-top:0}
	.news .news_info { display:none}
	.news .news_list_box {width:100%;padding:25px 0 0;height: 220px;overflow: hidden;}/* 190517 */
	.news .news_list_box ul li {width:31%; height:auto; margin-left:3.5%}
	.news .news_list_box ul li a {height:220px;}
	.news .news_list_box ul li a .view_con > h3 {padding:50px 20px 20px;}
	.news_control { left:auto; right:0; top:0;}	

	/* 배너존 */
	.bannerZone .inner {width:95%;}
	.bannerZone .obj {margin-left:150px}
	.bannerZone .obj li { width:calc(25% - 18px)}
	.bannerZone .obj li img { width:100%; height:100%;}
	
	
}

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

	/* 메인비주얼 180920 수정 */
	.main_visual ul li { height:300px;}
	.main_visual ul li .img.visual1 + .mv_slogan {right:6%;}
	.main_visual ul li .img.visual1 + .mv_slogan img {height:70px}
	.main_visual ul li .img.visual2 + .mv_slogan img {height:70px}
	

	 /* 바로가기 */
	.M_link01 {width:100%; height:auto; background:#1f5aa0}
	.M_link01 ul {border-bottom:1px dashed #fff; border-right:1px dashed #fff}
	.M_link01 li {margin-bottom:0}
	.M_link01 li a {border-top:1px dashed #fff; border-left:1px dashed #fff }
	.M_link01 a span {padding:8px 0 10px; line-height:160%;}
	.M_link01 li a img { display:none}
	
	
	/* 포토뉴스  수정 181019 */
	.news .news_list_box ul{height:200px;}/* 190517 */
	.news .news_list_box ul li a .view_con > h3 {padding:50px 20px 10px;}
	.news .news_list_box ul li a .view_con .btn { margin-top:13px}	
	
	/* 배너존 */
	.bannerZone .obj li { width:calc(33.3% - 18px)}
	

}


@media screen and (max-width:680px) {
	
	/* 메인비주얼 180920 수정 */
	.main_visual ul li { height:240px;}
	.main_visual ul li .img.visual1 + .mv_slogan {right:5%;}
	.main_visual ul li .img.visual1 + .mv_slogan img {height:50px}
	.main_visual ul li .img.visual2 + .mv_slogan img {height:50px}
	
	/* 바로가기 3개 */
	.M_link02 {padding:3.5%;}
	.M_link02 li {width:100%; margin-left:0; margin-top:2%}
	.M_link02 li:first-child {margin-left:0; margin-top:0}
	
	/* 포토뉴스  수정 181019 */
	.news .news_list_box ul li a {height:140px;}
	.news .news_list_box ul li a .view_con > h3 {padding:25px 20px 10px;}	
	
	
	/* 배너존 */
	.bannerZone .obj li { width:calc(50% - 18px)}
	
	
}


@media screen and (max-width:580px) {
	
	/* 메인비주얼 180920 수정 */
	.main_visual ul li { height:200px;}
	.main_visual ul li .mv_slogan { display:none}
	
	/* 전화번호안내  수정 181019 */
	.cstm_center {padding-left:5%}
	.cstm_center .img {left:auto; right:12px}
	.cstm_center h2 {padding-top:13px}
	.cstm_center h2 span {display:none}
	.cstm_center span.txt {line-height:120%}
	.cstm_center h2 + span.txt, .cstm_center h2 + span.txt + span.txt {display:block;}
	
	/* 바로가기2  수정 181019 */
	.M_link2 { height:auto} 
	.M_link2 li {width:100%}
	.M_link2 li a {padding:18px 5% 18px; border-left:0; border-top:1px dashed #fff}
	.M_link2 li:first-child a { border-top:0}

	/* 포토뉴스  수정 181019 */
	.news .news_list_box ul li {width:100%; margin-left:0}
	.news .news_list_box ul li a {height:200px; margin-bottom:3%}
	.news .news_list_box ul li:last-child a {margin-bottom:0}
	.news .news_list_box ul li:hover{margin-top:0}
	.news .news_list_box ul li a .view_con > h3 {padding:50px 20px 10px;}
	
	/* 공지사항 */
	.notice01 .list_box ul.ul_list li a {width:90%}
	.notice01 .list_box ul.ul_list li span.date { display:none}
	
}


@media screen and (max-width:480px) {
	
	/* 배너존 */
	.bannerZone .obj li { width:calc(100% - 18px)}

}


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


}