@charset 'utf-8';

div.wrap{max-width:100% !important;}
ul.gnbMenu-list li div.gnbMenu-deth2{display:none;}
div.container{position:relative;padding:0 0 0 160px;background:#fff;overflow:hidden;}

div.main-scroll{width:100%;}
div.main-cont{position:absolute;right:150px;top:0;width:740px;height:100%;background:#fff;}
div.cont-top-wrap{width:100%;overflow:hidden;}
div.cont-mid-wrap{overflow:hidden;}

/* 메인 배너 */
div.mainBan-area{max-width:855px;background:#fff;min-height:100%;}
div.main-banner{position:relative;}
	div.main-banner div.viewport{height:1000px;overflow:hidden;}
		div.main-banner div.viewport ul{height:9999px;overflow:hidden;}
			div.main-banner div.viewport ul li{}
				div.main-banner div.viewport ul li img{width:100%;}
				div.main-banner div.viewport ul li .vi1920{display:block;width:100%;}
				div.main-banner div.viewport ul li .vi1280, div.main-banner div.viewport ul li .vi640, div.main-banner div.viewport ul li .vi1600{display:none;}
	div.main-banner div.button{position:absolute;bottom:0;left:50%;margin:0 0 0 -40px;font-size:0;line-height:0;}
		div.main-banner div.button a.prev div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -233px;width:40px;height:36px;float:left;}
		div.main-banner div.button a.next div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -197px;width:40px;height:36px;float:left;}

/* 자주찾는 정보 */
div.popular-menu-wrap{margin:0 auto;}
div.popular-menu-wrap-1280{display:none;}
div.popular-menu{float:left;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:495px;padding:60px 0px 27px;background:#c9ebff;}
	div.popular-menu h2.mtit{padding-left:25px;}
		div.popular-menu h2.mtit div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 0;width:153px;height:27px;}
		div.popular-menu h2.mtit strong{font-weight:800;}
	div.popular-menu ul.popular-list{width:100%;overflow:hidden;padding-left:25px;}
		div.popular-menu ul.popular-list li{position:relative;float:left;width:40%;height:70px;line-height:70px;border-bottom:1px dashed #97c1d1;}
		div.popular-menu ul.popular-list li:nth-child(even){width:45%;}
			div.popular-menu ul.popular-list li span{position:absolute;left:0;bottom:10px;width:37px;height:37px;background:url('/resource/images/main/map_popular_menu_icon_171109.png') no-repeat 0 0;}
			div.popular-menu ul.popular-list li.m1 span{ background-position:0 0; }
			div.popular-menu ul.popular-list li.m2 span{ background-position:-37px 0; }
			div.popular-menu ul.popular-list li.m3 span{ background-position:-74px 0; }
			div.popular-menu ul.popular-list li.m4 span{ background-position:-111px 0; }
			div.popular-menu ul.popular-list li.m5 span{ background-position:-148px 0; }
			div.popular-menu ul.popular-list li.m6 span{ background-position:-185px 0; }
			div.popular-menu ul.popular-list li.m7 span{ background-position:-222px 0; }
			div.popular-menu ul.popular-list li.m8 span{ background-position:-259px 0; }
			div.popular-menu ul.popular-list li.m9 span{ background-position:-296px 0; }
			div.popular-menu ul.popular-list li.m10 span{ background-position:-333px 0; }
			div.popular-menu ul.popular-list li a{display:block;padding:7px 0 0 43px;font-size:14px;color:#444;letter-spacing:-1px;font-weight: 900;}

/* 열린청장실 */
div.director-con-1280{display:none;}
div.director-wrap{position:relative;float:left;width:50%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:250px;background:#ebedf4 url('/resource/images/main/img_director_34_181130.png') no-repeat -10px 100%;}
	div.director-con{padding:60px 30px 0 50%;}
		div.director-con h2.mtit{float:right;}
			div.director-con h2.mtit div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -27px;width:127px;height:27px;}
			div.director-con h2.mtit strong{font-weight:800;}
		div.director-con p.txt{margin:15px 0 0 0;font-size:14px;float:right;clear:both;text-align:right;}
			div.director-con p.txt span.txt_line{}
			div.director-con p.txt span.br{display:block;}
			div.director-con p.txt span.sign{display:block;padding-top:5px;margin-top:10px;}
		div.director-con a.dialgue{display:block;min-width:150px;margin:15px 0 0 0;padding:10px 0;text-align:right;}
			div.director-con a > img{margin: 15px 0 0 0;}

/* 알림판 */
div.detail-notice-1280, div.detail-notice-mo, div.page-sta-1280, div.page-sta-320{display:none;}

div.detail-notice{display:block;}
div.notice-board-wrap{margin:0 auto;max-width:480px;position:relative;}
div.notice-board-wrap-mo{margin:0 auto;max-width:480px;position:relative;overflow:hidden;float:right;}
	div.notice-board-wrap-mo ul li{display:inline-block;margin:7px 0 2px 0;width:180px;vertical-align:top;}

div.notice-board{position:relative;float:left;padding:20px;position:relative;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:192px;}
	div.notice-board h2.mtit{padding:0;margin-bottom:20px;}
		div.notice-board h2.mtit div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -54px;width:52px;height:18px;}
	div.notice-board a.cont-wrap{display:none;position:relative;width:100%;overflow:hidden;margin:20px 0 0 0;}
	div.notice-board div.selected{display:block !important;}
	div.notice-board a.selected{display:block !important;}
		div.notice-board a.cont-wrap p.pic{float:left;margin:0 15px 0 0;}
			div.notice-board a.cont-wrap p.pic img{width:163px;height:153px;border:1px solid #e5e5e5;}
		div.notice-board a.cont-wrap p.txt{color:#333;font-size:12px;line-height:20px;letter-spacing:0;}
			div.notice-board a.cont-wrap p.txt strong{color:#333;display:block;margin:0 0 14px 0;font-size:15px;line-height:19px;letter-spacing:0;}
		div.notice-board a.cont-wrap span.detail-view{color:#333;font-size:11px;position:absolute;bottom:3px;right:3px;text-decoration:underline;}
		div.notice-board div.page-sta{position:absolute;right:0;top:0;}
			div.notice-board div.page-sta span.page{float:left;padding:0 10px 0 0;color:#4c629b;font-size:14px;line-height:23px;}
			div.notice-board div.page-sta a{display:block;float:left;width:23px;height:23px;margin:0 0 0 1px;text-indent:-9999px;}
			div.notice-board div.page-sta a.prev{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -330px;width:23px;height:23px;}
			div.notice-board div.page-sta a.next{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -307px;width:23px;height:23px;}
		div.notice-board div.page-sta2{display:none;position:absolute;right:0;top:0;}
			div.notice-board div.page-sta2 span.page2{float:left;padding:0 10px 0 0;color:#4c629b;font-size:14px;line-height:23px;}
			div.notice-board div.page-sta2 a{display:block;float:left;width:23px;height:23px;margin:0 0 0 1px;text-indent:-9999px;}
			div.notice-board div.page-sta2 a.prev{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -330px;width:23px;height:23px;}
			div.notice-board div.page-sta2 a.next{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -307px;width:23px;height:23px;}

/* 공지사항 리스트 */
div.notice-list-wrap{position:relative;float:left;width:50%;max-height:220px;}
div.notice-list{padding:32px 30px;}
	div.notice-list ul.tab-tit{width:100%;overflow:hidden;}
		div.notice-list ul.tab-tit li{float:left;padding:0 0 0 8px;}
		div.notice-list ul.tab-tit li:first-child{padding:0;}
			div.notice-list ul.tab-tit li a span{font-weight:900;font-size:17px;line-height:19px;color:#000000;}
			div.notice-list ul.tab-tit li a span.selected{color:#2157b7;}

	div.notice-list ul.tab-tit-320{width:100%;overflow:hidden;display:none;}
		div.notice-list ul.tab-tit-320 li{float:left;padding:0 0 0 8px;}
		div.notice-list ul.tab-tit-320 li:first-child{padding:0;}
			div.notice-list ul.tab-tit-320 li a span{font-size:17px;line-height:19px;color:#000000;font-weight:900;}
			div.notice-list ul.tab-tit-320 li a span.selected{color:#2157b7;}

	div.notice-list div.tab-cont{display:none;margin:10px 0 0 0;}
		div.notice-list div.tab-cont ul li{position:relative;line-height:33px;padding:0 25% 0 0;width:75%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
			div.notice-list div.tab-cont ul li a{color:#333;font-size:13px;}
			div.notice-list div.tab-cont ul li a:hover{font-weight:bold;color:#000;}
			div.notice-list div.tab-cont ul li span{position:absolute;right:0;top:0;}
			div.notice-list div.tab-cont a.more{position:absolute;right:30px;top:30px;text-indent:-9999px;background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -286px;width:21px;height:21px;}

/* 영상 영역 */
div.video-area{float:left;width:50%;max-height:220px;min-height:220px;overflow:hidden;background-color:#000000;}

div.video-tab-nav{position:relative;background-color:#000000;z-index:200;width:100px;min-height:220px;text-align:center;background:rgba(0, 0, 0, 0.5);-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5;}
	div.video-tab-nav ul.video-tabs{width:100%;height:100%;text-align:center;padding-top:30px;}
		div.video-tab-nav ul.video-tabs li{width:80%;float:left;margin:16px 10% 0 10%;clear:both;line-height:0;}
			div.video-tab-nav ul.video-tabs li a{color:#ffffff;font-weight:900;}

div.video-tab-content{position:relative;top:-260px;left:-20px;z-index:100;}
	div.video-tab-content a{color:#ffffff;padding:0 120px 0 0;line-height:40px;}
		div.video-tab-content a img:nth-child(2){display:none;}
		div.video-tab-content a img:nth-child(3){display:none;}
		div.video-tab-content a:hover img{transition-duration:.2s;-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04);}
	div.video-tab-content img{width:110%;height:auto;}
	div.video-tab-content p.video-tab-text{position:relative;background-color:#000000;z-index:150;width:100%;height:40px;top:220px;left:120px;padding-left:10px;font-weight:800;text-align:left;background:rgba(0, 0, 0, 0.5);-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-khtml-opacity:.5;-moz-opacity:.5;}

/* SNS */
div.sns-box{float:left;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:279px;padding:25px 30px;background:#ebedf4;position:relative;}
	div.sns-box h2.mtit{font-size:19px;}
		div.sns-box h2.mtit div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -72px;width:36px;height:16px;}

span.img img{float:left;}
span.message{display:block;overflow:hidden;margin:0;padding:0 0 0 20px;vertical-align:top;min-height:70px;}
p.date{display:block;text-align:right;padding:0 0 0 70px;}
p.face-btn{position:absolute;top:35px;right:30px;}
	p.face-btn a div{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -385px;width:117px;height:13px;}
#facebook_list li{margin:10px 0 0 0;font-size: 13px;}

/* 관련기관 영역*/
div.org-wrap{max-height: 280px;}
div.relate-org{position:relative;float:left;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-height:250px;min-height:279px;}
	div.relate-org h2.mtit{font-size:19px;}

/* 모바일 애드온 (청소년 홈페이지) */
.mobile_addon{ display:none; }

/* quick */
div.quick-close{width:40px;right:110px;}

div.page-sta-1920{display:block;position:absolute;right:0;top:0;}
	div.page-sta-1920 a{display:block;float:left;width:23px;height:23px;margin:0 0 0 1px;text-indent:-9999px;}
	div.page-sta-1920 a.prev{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -330px;width:23px;height:23px;}
	div.page-sta-1920 a.next{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -307px;width:23px;height:23px;}
	div.page-sta-1920 span.page-1920{float:left;padding:0 10px 0 0;color:#4c629b;font-size:14px;line-height:23px;}


/******************************************************************************
* Media 1600
******************************************************************************/
@media only screen and (max-width : 1600px){
	div.main-banner div.viewport ul li .vi640, div.main-banner div.viewport ul li .vi1280, div.main-banner div.viewport ul li .vi1920{display:none;}
	div.main-banner div.viewport ul li .vi1600{display:block;}
	div.mainBan-area{width:550px;}
}
@media only screen and (max-width : 1530px){
	div.container{position:relative;padding:0 150px 0 160px;overflow:hidden;}
	div.main-cont{position:relative;right:0;left:0;width:100%;overflow:hidden;}
	div.mainBan-area{min-width:100%;max-width:100%;min-height:100%;}
	div.main-banner div.viewport ul li .vi640, div.main-banner div.viewport ul li .vi1600{display:none;}
	div.main-banner div.viewport ul li .vi1280{display:block;}
	div.notice-list{padding:30px 30px;}
		div.notice-list div.tab-cont a.more{top:30px;}
}

/******************************************************************************
* Media 1280
******************************************************************************/
@media all and (width:1280px){
	div.director-wrap{background:#ebedf4 url('/resource/images/main/img_director-1280_34_181130.png') no-repeat 20px 100%;min-height:210px;}

	div.popular-menu-wrap{display:none;}
	div.popular-menu-wrap-1280{display:block;padding:35px 50px;}
		div.popular-menu-wrap-1280 h2.mtit, div.popular-menu-wrap-1280 ul.popular-list{padding-left:0px;}
		div.popular-menu-wrap-1280 ul.popular-list li{width:55%;height:64px;line-height:50px;}

	div.popular-menu{padding:0;min-height:426px;}
		div.popular-menu ul.popular-list li span{background: url('/resource/images/main/map_popular_menu_icon_171109.png') no-repeat 0 -37px;width:46px;height:46px;}
		div.popular-menu ul.popular-list li.m11 span{background-position:0 -37px;}
		div.popular-menu ul.popular-list li.m12 span{background-position:-46px -37px;}
		div.popular-menu ul.popular-list li.m13 span{background-position:-92px -37px;}
		div.popular-menu ul.popular-list li.m14 span{background-position:-138px -37px;}
		div.popular-menu ul.popular-list li.m15 span{background-position:-184px -37px;}
		div.popular-menu ul.popular-list li.m16 span{background-position:-230px -37px;}
		div.popular-menu ul.popular-list li.m17 span{background-position:-276px -37px;}
		div.popular-menu ul.popular-list li.m18 span{background-position:-322px -37px;}
		div.popular-menu ul.popular-list li.m19 span{background-position:-368px -37px;}
		div.popular-menu ul.popular-list li.m20 span{background-position:-414px -37px;}
		div.popular-menu ul.popular-list li a{padding:7px 0 0 55px;font-size:13px;}

	div.director-con{display:none;}
	div.director-con-1280{display:block;padding:35px 50px 0px 43%;text-align:right;}
		div.director-con-1280 p.txt{margin:15px 0 0 0;}
		div.director-con-1280 p.sign{float:right;margin:5px 0 0 0;}
		div.director-con-1280 a.dialgue{display:block;min-width:150px;clear:both;position:absolute;bottom:15px;right:50px;}

	div.detail-notice{display:none;}
	div.detail-notice-1280{display:block;}

	div.page-sta{display:none;}
	div.page-sta-1280{display:block;position:absolute;right:0;top:0;}
		div.page-sta-1280 a{display:block;float:left;width:23px;height:23px;margin:0 0 0 1px;text-indent:-9999px;}
		div.page-sta-1280 a.prev{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -330px;width:23px;height:23px;}
		div.page-sta-1280 a.next{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -307px;width:23px;height:23px;}
		div.page-sta-1280 span.page-1280{float:left;padding:0 10px 0 0;color:#4c629b;font-size:14px;line-height:23px;}

	div.notice-board{padding:20px;min-height: 210px;}
		div.notice-board a.cont-wrap{margin:0;}
			div.notice-board a.cont-wrap p.pic img{width:211px;height:111px;}
			div.notice-board a.cont-wrap p.txt strong{margin:0 0 14px;}

	div.notice-page-1280{display:none;}
	div.notice-page-1280 .selected{display:block;}
		div.notice-page-1280 a{float:left;width:48%;}
		div.notice-page-1280 a.img_r{float:right;width:48%;}
			div.notice-page-1280 a img{width:100%;border:1px solid #dddddd;}
}
@media only screen and (max-width : 1280px){
	div.video-tab-content{top:-260px;left:0px;}
		div.video-tab-content img{width:100%;}
		div.video-tab-content p.video-tab-text{left:100px;}
			div.video-tab-content p a{padding:0 140px 0 0;}
}


/******************************************************************************
* Media 1024
******************************************************************************/
@media only screen and (max-width : 1024px){
	div.main-banner div.viewport ul li .vi1600, div.main-banner div.viewport ul li .vi640{display:none;}
	div.main-banner div.viewport ul li .vi1280{display:block;}
	div.main-cont{min-height:600px;}
	div.main-banner{max-width:100%;}

	div.container{padding:0 0 0 0;border-top:3px solid #0e4ac4;}
	div.cont-top-wrap{width:100%;float:none;}
	div.cont-mid-wrap{width:100%;float:none;}

	div.director-wrap{background:#ebedf4 url('/resource/images/main/img_director_34_181130.png') no-repeat 20px 100%;}
	div.director-con p.txt span.br{display:inline;}

	div.notice-list-wrap{width:50%;max-height:246px;}
	div.notice-list ul.tab-tit li{padding:0 0 0 8px;}
	div.notice-list ul.tab-tit li.selected a{color:#2157b7;}
		div.notice-list ul.tab-tit li a{font-size:17px;color:#000000;font-weight:900;}
	div.video-area{width:100%;max-height:246px;min-height:1px;}

	div.sns-box{min-height:280px;width:50%;clear:both;}
	div.relate-org{width:50%;background:#f6f6f6;}

	div.video-area{width:50%;max-height:246px;}
	div.video-tab-nav{min-height:245px;}
	div.video-tab-content{top:-285px;}
		div.video-tab-content p.video-tab-text{top:245px;left:100px;}
}
@media all and (width:1024px){
	div.director-wrap{background:#ebedf4 url('/resource/images/main/img_director-1280_34_181130.png') no-repeat 20px 100%;min-height:210px}

	div.popular-menu{padding:0;}
	div.popular-menu{min-height:426px;}
	div.popular-menu-wrap{display:none;}
	div.popular-menu-wrap-1280{display:block;padding:35px 50px;}
		div.popular-menu-wrap-1280 h2.mtit, div.popular-menu-wrap-1280 ul.popular-list{padding-left:0px;}
		div.popular-menu-wrap-1280 ul.popular-list li{width:50%;height:64px;line-height:50px;}
		div.popular-menu ul.popular-list li:nth-child(2n){width:50%;}
			div.popular-menu ul.popular-list li span{background: url('/resource/images/main/map_popular_menu_icon_171109.png') no-repeat 0 -37px;width:46px;height:46px;}
			div.popular-menu ul.popular-list li.m11 span{background-position:0 -37px;}
			div.popular-menu ul.popular-list li.m12 span{background-position:-46px -37px;}
			div.popular-menu ul.popular-list li.m13 span{background-position:-92px -37px;}
			div.popular-menu ul.popular-list li.m14 span{background-position:-138px -37px;}
			div.popular-menu ul.popular-list li.m15 span{background-position:-184px -37px;}
			div.popular-menu ul.popular-list li.m16 span{background-position:-230px -37px;}
			div.popular-menu ul.popular-list li.m17 span{background-position:-276px -37px;}
			div.popular-menu ul.popular-list li.m18 span{background-position:-322px -37px;}
			div.popular-menu ul.popular-list li.m19 span{background-position:-368px -37px;}
			div.popular-menu ul.popular-list li.m20 span{background-position:-414px -37px;}
			div.popular-menu ul.popular-list li a{padding:7px 0 0 55px;font-size:13px;letter-spacing: 2px;}

	div.director-con{display:none;}
	div.director-con-1280{display:block;padding:35px 50px 0px 43%;text-align:right;}
		div.director-con-1280 p.sign{float:right;margin:5px 0 0 0;}
		div.director-con-1280 p.txt{margin:15px 0 0 0;text-align:right;}
		div.director-con-1280 a.dialgue{display:block;min-width:150px;clear:both;position:absolute;bottom:15px;right:50px;}

	div.detail-notice{display:none;}
	div.detail-notice-1280{display:block;}

	div.page-sta{display:none;}
	div.page-sta-1280{display:block;position:absolute;right:0;top:0;}
		div.page-sta-1280 a{display:block;float:left;width:23px;height:23px;margin:0 0 0 1px;text-indent:-9999px;}
		div.page-sta-1280 a.prev{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -330px;width:23px;height:23px;}
		div.page-sta-1280 a.next{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -307px;width:23px;height:23px;}
		div.page-sta-1280 span.page-1280{float:left;padding:0 10px 0 0;color:#4c629b;font-size:14px;line-height:23px;}

	div.notice-board{min-height:210px;}
		div.notice-board a.cont-wrap{margin:0;}
			div.notice-board a.cont-wrap p.pic img{width:205px;height:127px;}
			div.notice-board a.cont-wrap p.txt strong{margin:0 0 14px;}

	div.notice-list{padding:40px;}
		div.notice-list div.tab-cont a.more{top:40px;right:40px;}

	div.notice-page-1280{display:none;}
	div.notice-page-1280 .selected{display:block;}
		div.notice-page-1280 a{float:left;width:48%;}
		div.notice-page-1280 a.img_r{float:right;width:48%;}
			div.notice-page-1280 a img{width:100%;border:1px solid #dddddd;}
}


/******************************************************************************
* Media 768
******************************************************************************/
@media only screen and (max-width : 768px){
	div.sns-box{width:50%;}
	div.relate-org{width:50%;}
	div.video-area{background:#000000;}
	div.director-wrap{background:rgb(235, 237, 244) url("/resource/images/main/img_director_34_181130.png") no-repeat scroll 0px 100%;}
}


/******************************************************************************
* Media 640
******************************************************************************/
@media only screen and (max-width : 640px){
	div.main-banner div.viewport ul li .vi1280, div.main-banner div.viewport ul li .vi1600{display:none;}
	div.main-banner div.viewport ul li .vi640{display:block;}

	div.cont-mid-wrap{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}

	div.director-wrap{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;background:#ebedf4 url('/resource/images/main/img_director_34_181130.png') no-repeat -20px 100%;}
	div.director-con{text-align:right;padding:30px 15px 0 50%}
		div.director-con a.dialgue{position:absolute;right:15px;margin:0;padding:0;bottom:30px;}
			div.director-con a > img{margin:0;}

	div.popular-menu{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;padding:35px 15px;min-height:400px;}
		div.popular-menu h2.mtit, div.popular-menu ul.popular-list{padding:0;}
		div.popular-menu ul.popular-list li span{background:url("/resource/images/main/map_popular_menu_icon_171109.png") no-repeat 0px -83px;width:23px;height:20px;}
		div.popular-menu ul.popular-list li.m1 span{background-position:0 -83px;}
		div.popular-menu ul.popular-list li.m2 span{background-position:-23px -83px;}
		div.popular-menu ul.popular-list li.m3 span{background-position:-46px -83px;}
		div.popular-menu ul.popular-list li.m4 span{background-position:-69px -83px;}
		div.popular-menu ul.popular-list li.m5 span{background-position:-92px -83px;}
		div.popular-menu ul.popular-list li.m6 span{background-position:-115px -83px;}
		div.popular-menu ul.popular-list li.m7 span{background-position:-138px -83px;}
		div.popular-menu ul.popular-list li.m8 span{background-position:-161px -83px;}
		div.popular-menu ul.popular-list li.m9 span{background-position:-184px -83px;}
		div.popular-menu ul.popular-list li.m10 span{background-position:-207px -83px;}
		div.popular-menu ul.popular-list li:nth-child(2n){width:50%;}
		div.popular-menu ul.popular-list li{width:50%;height:60px;line-height:65px;}
		div.popular-menu ul.popular-list li a{padding:7px 0px 0px 30px;font-size:13px;}

	div.notice-list-wrap{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:241px;border-top:1px solid #eaeaea;}
	div.notice-list{padding:30px 15px;}
		div.notice-list div.tab-cont a.more{top:30px;right:15px;}

	div.notice-board{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;padding:30px 15px;}
		div.notice-board a.cont-wrap p.pic{float:none;text-align:center;margin-bottom:20px;}

	div.sns-box{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;}
	div.relate-org{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:none;min-height:200px;}

	div.detail-notice .cont-wrap{min-height:280px;}
	div.notice-page-mo a{float:left;width:48%;}
	div.notice-page-mo a.img_r{float:right;width:48%;}
		div.notice-page-mo a img{width:100%;}
		div.notice-page-mo a.img_r img{width:100%;}

	div.video-area{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:241px;overflow:hidden;}
	div.video-tab-content{top:-320px;left:0px;}
		div.video-tab-content p.video-tab-text{top:275px;}
}

/******************************************************************************
* Media 420
******************************************************************************/
@media only screen and (max-width : 420px){
	div.mainBan-area .visualD .txt img{max-width:80%;}

	div.detail-notice-mo{display:block;}
	div.detail-notice{display:none;}
	div.notice-page-mo{display:none;}
	div.notice-page-mo .selected{display:block;}
	div.notice-board div.page-sta{display:none;}
	div.notice-board div.page-sta2{display:block;}
	div.notice-list ul.tab-tit{display:none;}
	div.notice-list ul.tab-tit-320{display:block;}

	div.page-sta-320{display:block;position:absolute;right:0;top:0;}
		div.page-sta-320 a{display:block;float:left;width:23px;height:23px;margin:0 0 0 1px;text-indent:-9999px;}
		div.page-sta-320 a.prev{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -330px;width:23px;height:23px;}
		div.page-sta-320 a.next{background:url('/resource/images/main/map_mainetc_171114.png') no-repeat 0 -307px;width:23px;height:23px;}
		div.page-sta-320 span.page-320{float:left;padding:0 10px 0 0;color:#4c629b;font-size:14px;line-height:23px;}

	div.video-area{max-height:200px;overflow:hidden;}
	div.video-tab-nav{width:100%;top:150px;height:50px;min-height:0px;}
		div.video-tab-nav ul.video-tabs{margin:0;padding:10px 0 0 0;}
			div.video-tab-nav ul.video-tabs	li{float:left;width:27.5%;margin:0 2.5% 0 2.5%;clear:none;}
	div.video-tab-content{top:-110px;}
	div.video-tab-text{display:none;}

	div.mobile_addon{ display:block; }
}