/*@media all and (min-width: 321px) and (max-width: 768px) {*/

.dk_view h2 {background:none !important;}

#program .lib_ma{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5087c7 !important; border:1px solid #5087c7 !important; border-radius:3px;}
#program .lib_mb{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#ef5998 !important; border:1px solid #ef5998 !important; border-radius:3px;}
#program .lib_tol{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#333 !important; border:1px solid #333 !important; border-radius:3px;}
#program .lib_za{ display:block; width:44px; height:20px; line-height:20px; font-size:11px !important; font-weight:bold; background:#fff; margin:0 auto; color:#5ea71c !important; border:1px solid #5ea71c !important; border-radius:3px;}

#wait{text-align:center}
#poplayer *,
#header *,
#gnb *,
#footer *{
/*transition:all 0.4s cubic-bezier(.48,.18,.88,.77)*/
-webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
#header , #header.sel ,
#container .search *,
#container .direct *,
#container .calendar *,
#container .notice *,
#container .culture *,
#design .visual h1,
#design .visual h2,
#design .visual .locator,
#design .visual i,
#design .tabmenu,
#design .depthmenu,
#aside *{
/*transition:all 0.4s cubic-bezier(.48,.18,.88,.77)*/
-webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
-moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

/**/
#poplayer{position:absolute;z-index:99999;top:120px;left:50%;margin:0 0 0 -280px;width:560px;height:595px;}
#poplayer *{margin:0;padding:0;border:0}
#poplayer img{display:block}
#poplayer .todays{padding:2px 20px 8px 20px;text-align:right;background:#323232}
#poplayer .todays a{font-size:14px;color:#fff}
#poplayer area{cursor:pointer}

/**/
#popupbar{position:relative;background:#0e6faf url(../img/popupbarbg.png) no-repeat 50% 50%;overflow:hidden;display:none}
#popupbar .popupbar{max-height:117px !important;overflow:hidden}
#popupbar .popupbar .slide h3{display:inline-block;margin:0;padding:0 20px 5px 0;font-size:26px;color:#fff;text-shadow:-1px -1px 2px rgba(0,0,0,0.2)}
#popupbar .popupbar .slide .close{display:inline-block}
#popupbar .popupbar .slide .close button{font-size:14px;font-weight:800;letter-spacing:-1px;color:#fff;border:0;background:none}
#popupbar .popupbar img{display:block}
#popupbar .bx-controls{position:absolute;z-index:100;bottom:3px;left:50%}
#popupbar .bx-pager{float:left;display:block}
#popupbar .bx-pager .bx-pager-item{display:inline;*zoom:1}
#popupbar .bx-pager.bx-default-pager a{display:inline-block;margin-right:5px;width:12px;height:12px;outline:0;border:2px solid #fff;background:transparent;border-radius:50px;text-indent:-9999px}
#popupbar .bx-pager.bx-default-pager a.active{border:2px solid #00558b;background:#00558b}
#popupbar .bx-prev{position:absolute;top:0px;right:80px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_prev.png) no-repeat}
#popupbar .bx-next{position:absolute;top:0px;right:20px;display:none;width:10px;height:19px;text-indent:-9999px;background:url(../img/banner_next.png) no-repeat}
#popupbar i.b1{position:absolute;z-index:3;top:0px;left:0%;display:block;width:100%;height:5px;background:#00558b}
#popupbar i.b2{position:absolute;z-index:4;top:0px;left:50%;margin:0 0 0 570px;display:block;width:100%;height:5px;background:#ffbd3f}
#popupbar .holidays{padding-top:40px;text-align:center}
#popupbar .opens{text-align:center}
#popupbar .opens a{display:block;text-align:center}
#popupbar .opens a img{display:block;margin:0 auto}




/*1260*/
@media all and (min-width: 1220px) {
	#divpop { display:none;}
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	#banpo{position:relative;top:0px;width:100%;height:100%}
	#banpo .tmovie{position:fixed !important;position:absolute;z-index:15;bottom:0px;right:0px;display:block;width:86px;height:43px;background:#999 url(../img/ddea/btn_tmovie.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden}
	
	
	
	/**/
	#header{position:absolute;z-index:30002;top:0;left:0;width:100%;height:100px;border-bottom:1px solid rgba(255, 255, 255, .2);overflow:hidden;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.sel {background:rgba(0, 0, 0, .6);height:260px; border-bottom:0; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu {background:rgba(0, 0, 0, .6);position:fixed; top:0;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	
	
	#header .header{position:relative;z-index:30002;height:300px;overflow:hidden;margin:0 auto; clear:both;width:1200px}
	#header .header h1{ padding-top:35px; float:left;}
	#header .header h1 a{display:block}
	#header .header h1 a img { }
	#header .header button{display:none}
	#header .h_top { width:100%; height:32px; background:#414c5d;} 
	#header .h_top div { width:1200px; margin:0 auto;position:relative;}
	#header .h_top ul {}
	#header .h_top ul li { float:left;}
	#header .h_top ul.left_lib { position:absolute; left:0; top:0;}
	#header .h_top ul.left_lib li a {display:block;font-size:13px;text-align:center;color:#000;letter-spacing:-0.5px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#header .h_top ul.left_lib li.li1 a{height:32px;line-height:30px;border-right:0;padding:0 8px;background:#fff;}
	#header .h_top ul.left_lib li.li2 a{height:32px;line-height:30px;border-right:0;padding:0 8px;background:#414c5d;color:#c1c4ca;}
	#header .h_top ul.right_btn { position:absolute; right:-22px; top:0;overflow:hidden;}
	#header .h_top ul.right_btn li {}
	#header .h_top ul.right_btn li a {display:block;height:32px;line-height:30px;width:90px;font-size:13px;text-align:center;color:#c1c4ca;letter-spacing:-0.5px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	
	/**/
	#header .lnb{float:right; margin:0; opacity:1; padding-top:25px;}
	#header .lnb ul{overflow:hidden}
	#header .lnb li{float:left; padding-left:30px;}
	#header .lnb li a{display:block;font-size:13px;font-weight:normal;letter-spacing:0px;color:#888}
	#header .lnb .mlose{display:none}

	/**/
	#gnb{ position:absolute; right:0; top:24px;transition:all 0.5s;overflow:hidden}
	#gnb .gnb{margin:0 auto;width:900px;transition:all 0.6s}
	#gnb .depth1{position:relative;}
	#gnb .depth1 > li{float:left;position:relative;height:400px}
	
	#gnb .depth1 > li > a{display:block;position:relative;margin:0 78px 0 0;padding:0;height:50px;line-height:50px;font-size:18px;font-weight:bold;color:#fff;}
	#gnb .depth1 > li.g7 > a{ margin-right:0px;padding-right: 50px;}

	#gnb .depth1 > li:hover > a , #gnb .depth1 > li.sel > a{color:#c17914}
	
	#gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none}
	#gnb .depth2{position:absolute;top:70px;left:0px; visibility:hidden; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.sel #gnb .depth2 {display:block; top:56px; visibility:visible; transition: all 0.8s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#gnb .depth2 li a{display:block;letter-spacing:-0.9px;padding:7px 0;position:relative;z-index:2;line-height:15px;font-size:14px;text-align:left;color:#ddd;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#gnb .depth2 li a:hover{color:#c17914;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	
	#gnb .depth2 li.sel a{color:#c17914}
	#gnb.sel{height:400px;transition:all 0.3s}
	#gnb.sel .gnb{background:url(../img/gnb-visual.png) no-repeat 50px 170px;transition:all 0.6s}
	#gnb.sel depth1{height:300px !important}
	/*	
	#gnb.sel .depth1 > li > a{color:#555}
	#gnb.sel .depth1 > li.sel > a,
	#gnb.sel .depth1 > li > a:hover{color:#000}
	*/
	#gnb .mobile{display:none}
	#gnb .depth1 .g1 a{}
	#gnb .depth1 .g2 a{}
	#gnb .depth1 .g3 a{}
	#gnb .depth1 .g4 a{}
	#gnb .depth1 .g5 a{}
	#allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none}

	/**/
	#m_login {position:absolute !important;z-index:10;top:12px;right:50px;float:none;}
	#m_login a {display:block;margin:0 !important;padding:0 !important;width:24px;height:24px;background:url(../img/m_login.png) no-repeat right center;text-indent:-9999em;overflow:hidden}
	#m_logout {position:absolute !important;z-index:10;top:12px;right:50px;float:none;}
	#m_logout a {display:block;margin:0 !important;padding:0 !important;width:36px;height:27px;background:url(../img/m_logout.png) no-repeat right center;text-indent:-9999em;overflow:hidden}

	/**/
	#menu{position:absolute !important;z-index:10;top:0px;right:0;float:none}
	#menu a{display:block;margin:0 !important;padding:0 !important;width:42px;height:40px;background:url(../img/menu.png) no-repeat right center;text-indent:-9999em;overflow:hidden}
	#gnb .depth1 > #menu:hover > a:before { display:none;}
	#menu a.sel{background:url(../img/menu.png) no-repeat 100% 50%}
	
	/*m-비주얼*/
	#visual{overflow:hidden;z-index:1;height:820px; background:#dcdddc;  background:url(../img/visual_bg.png) no-repeat center 0px;/*animation:mv00 3.5s ease;  background-attachment: fixed;*/}
	#visual .visual{height:520px;position:relative;overflow:hidden;}
	#visual .visual .v_01 { position:absolute; left:50%; margin-left:-200px; top:190px; z-index:9999; animation: mv01 2s ease 1;color:#0c1645;font-size:50px;font-weight:700;text-align: center;line-height: 50px;}
	#visual .visual .v_01 span {display:block;color:#fff;font-size:34px;margin-top:10px;}
	#visual .v_02 { position:absolute; left:50%; margin-left:-201px; top:301px; z-index:9999;  animation: mv02 1.5s ease 1;}

	
	#container{}
	
	/*m-상단컨텐츠*/
	#container .mc_top {clear: both;margin:-230px auto 0;width: 1200px;overflow: hidden;}
	#container .mc_top .mct01 a {display:block;float:left;height:230px;width:50%;background:rgba(44, 77, 9, .9);transition:all 0.5s}
	#container .mc_top .mct01 a:hover {display:block;float:left;height:230px;width:50%;background:rgba(34, 62, 4, .9);}
	#container .mc_top .mct02 a {display:block;float:left;height:230px;width:50%;background:rgba(186, 129, 48, .9);transition:all 0.5s}
	#container .mc_top .mct02 a:hover {display:block;float:left;height:230px;width:50%;background:rgba(157, 100, 20, .9);}
	#container .mc_top .mct01 h3,
	#container .mc_top .mct02 h3 {font-size:30px;color:#fff;padding:32px 0 0 40px;font-weight:800;}
	#container .mc_top .mct01 span,
	#container .mc_top .mct02 span {font-size:20px;color:#fff;padding:0 0 0 40px;}
	#container .mc_top .mct01 .bg_mct01 {height:190px;margin-right:40px;background:url(../img/bg_mct01.png) no-repeat right bottom;}
	#container .mc_top .mct02 .bg_mct02 {height:214px;margin-right:40px;background:url(../img/bg_mct02.png) no-repeat right bottom;}
	
	
	/*m-이달의일정*/
	#container .container {background:url(../img/bg_m_calendar.png) no-repeat center 0;clear:both;*zoom:1;overflow:hidden;}
	#container .container:before,
	#container .container:after{clear:both;display:table;content:"";line-height:0}
	#container .container .in {margin:0 auto;width:1200px;height:auto;position:relative;}
	#container .container .in .m_calendar {text-align:center;margin-bottom:20px}
	#container .container .in .m_calendar h3 {padding:50px 0 10px 0;font-size:30px;font-weight:800;color:#1d1f1a;}
	#container .container .in .m_calendar .txt {display:block;font-size:16px;color:#1d1f1a;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#container .container .in .m_calendar h4 {top:160px;left:0;font-size:30px;color:#323c1a;}
	#container .container .in .m_calendar h4 strong {font-size:70px;}
	#container .container .in .m_calendar .e_list {position:absolute;top:270px;left:0;text-align: left;}
	#container .container .in .m_calendar .e_list li.l1 {padding: 2px 0 6px 25px;background: url(../img/e_bullet01_s.png) no-repeat 0 4px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#container .container .in .m_calendar .e_list li.l2 {padding: 2px 0 6px 25px;background: url(../img/e_bullet02_s.png) no-repeat 0 4px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#container .container .in .m_calendar .day {width:770px;margin:40px auto 0;}
	#container .container .in .m_calendar .day table{width:100%;border-collapse:collapse;background: #fff;}
	#container .container .in .m_calendar .day table *{text-align:left;color:#323c1a}
	#container .container .in .m_calendar .day caption{display:none}
	#container .container .in .m_calendar .day th {padding:5px;height:26px;font-size:12px;font-weight:bold;text-align:center;background:#e0ddd9;}
	#container .container .in .m_calendar .day th.sun {background:#ab2600;color:#fff;}
	#container .container .in .m_calendar .day th.sat {background:#2c4809;color:#fff;}
	#container .container .in .m_calendar .day td {padding:5px;font-size:12px;border:1px solid #dee0db;vertical-align: top;}
	#container .container .in .m_calendar .day td a{display:block;height:54px;text-align:left}
	#container .container .in .m_calendar .day td a {font-size:12px;color:#323c1a}
	#container .container .in .m_calendar .day td.sun a {font-size:12px;color:#c82c00;}
	#container .container .in .m_calendar .day td.sat a {font-size:12px;color:#69a024}
	#container .container .in .m_calendar .day ul{position:absolute;top:10px;right:19px}
	#container .container .in .m_calendar .day li{position:relative;line-height:18px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070}
	#container .container .in .m_calendar .day li em{position:absolute;top:4px;left:-15px;display:block;width:11px;height:8px}
	/*#container .container .in .m_calendar .today a {display:block; height:28px; line-height:28px; font-weight:bold; font-size:15px; border:3px solid #455f95;}*/
	#container .container .in .m_calendar .day td.event a {text-align: center;width: 28px;line-height: 28px;background:url(../img/e_bullet01.png) no-repeat 0 0;color:#fff;}
	#container .container .in .m_calendar .day td.holi a {text-align: center;width: 28px;line-height: 28px;background:url(../img/e_bullet02.png) no-repeat 0 0;color:#fff;}


	/**/
	#mc_bottom {width: 100%;overflow:hidden;}
	#mc_bottom .more_btn {position:absolute; display:block;width:27px;height:27px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;}
	#mc_bottom ul .mb_left {float:left;width:50%;height:290px;background:#efedec;}
	#mc_bottom ul .mb_right {float:left;width:50%;height:290px;background:#e7e4e3;}
	#mc_bottom .mcb_in {width:1200px;margin:0 auto;position:relative;}

	/*m-공지사항*/
	#mc_bottom .m_notice {position:absolute;top:0;left:0;width:50%;}
	#mc_bottom .m_notice h3 {font-size:22px; color:#333; font-weight:700;padding:40px 0 16px 0}
	#mc_bottom .m_notice .mn_list {padding:0 40px 0 0;}
	#mc_bottom .m_notice .mn_list li {overflow:hidden;line-height:23px;margin-bottom:12px;}
	#mc_bottom .m_notice .mn_list li strong {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-weight:bold;float:left;display:block;width:58%;font-size:14px;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;transition:all 0.5s}
	#mc_bottom .m_notice .mn_list li strong:hover {color:#c17914}
	#mc_bottom .m_notice .mn_list li .date { float:right; font-size:13px;color:#555;}
	#mc_bottom .m_notice .more_btn {top:35px;right:40px;}

	/*m-게시판*/
	#mc_bottom .m_board {position:absolute;top:0;right:0;width:50%;}
	#mc_bottom .m_board h3 {font-size:22px; color:#333; font-weight:700;padding:40px 0 16px 40px}
	#mc_bottom .m_board .mb_list {padding:0 0 0 40px;}
	#mc_bottom .m_board .mb_list li {overflow:hidden;line-height:23px;margin-bottom:12px;}
	#mc_bottom .m_board .mb_list li strong {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-weight:bold;float:left;display:block;width:58%;font-size:14px;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;transition:all 0.5s}
	#mc_bottom .m_board .mb_list li strong:hover {color:#c17914}
	#mc_bottom .m_board .mb_list li .date { float:right; font-size:13px;color:#555;}
	#mc_bottom .m_board .more_btn {top:35px;right:0;}

	/*m-광고배너*/
	#ad_banner {width:100%;}
	#ad_banner ul {width:1200px;margin:40px auto 40px;overflow: hidden;}
	#ad_banner ul li a {float:left;width:370px;height:120px;margin-right:45px;background:#e7e4e3;}
	#ad_banner ul li:last-child a {margin-right:0;}
	#ad_banner ul li a img {width:100%}
	

	/**/
	#footer{background:#fff; height:212px;border-top:1px solid #e7e4e3;}
	#footer *{font-size:15px;}
	#footer .footer{position:relative;margin:0 auto;width:1200px;text-align:center;}
	#footer .footer h2{display:inline-block;margin:34px 0 18px;}
	#footer .footer ul{ overflow:hidden;}
	#footer .footer li{float:left; padding-right:34px;}
	#footer .footer li a{display:block;line-height:68px; height:65px;font-size:13px;letter-spacing:-1px;color:#eee;font-weight:700;}
	#footer .footer li a strong{font-size:15px;font-weight:700;color:#6aece1}
	#footer .footer li a:hover{color:#6aece1}
	#footer .footer address{display:block;font-style:normal;color:#404040;}
	#footer .footer address strong {color:#8a8a8a;padding-left:30px;}
	#footer .footer address .pad {padding-right:14px;}
	#footer .footer cite{display:block;padding:6px 0 0 0px;font-size:15px;font-style:normal;color:#404040;text-transform:uppercase;}
	#footer .qrcode{position:absolute;top:20px;right:300px}
	
	#footer fieldset{position:absolute; right:0; top:18px}
	#footer select{padding:6px;width:170px;font-size:12px;color:#333;font-weight:normal;background:#2d2d2d; border:1px solid #2d2d2d; color:#fff;border-radius:0}
	#footer select option {background:#fff; color:#555; font-size:13px}
	#footer button{position:relative;padding:0 10px;height:30px;font-size:10px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#111}
	/**/
	#contain{padding-top:370px;background: url(../img/sub_con_bg.png) no-repeat center 0;}
	#contain .contain{position:relative;margin:-190px auto 0;width:1200px;*zoom:1}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}

	
	
	
 

	/**/
	#aside{float:left;width:230px;padding-top:30px;}
	#aside h2{position:relative;height:160px;line-height:160px; font-size:28px;font-weight:normal;color:#fff;text-align:center;background: rgba(186, 129, 48, .9);}
	
	#aside ul{padding:0 0 0px 0}
	#aside ul > li > a{display:block;height:46px; padding-left:16px; line-height:45px;font-size:15px;font-weight:normal;color:#555;border:1px solid #e2e2e2; border-top:0;background:#fff url(../img/sub_left_menu.png) no-repeat 100% 100%;transition:all 0.3s; font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#aside ul > li > a img{padding:0 0 0 5px;vertical-align:middle}
	#aside ul > li > a:hover,
	#aside ul > li:hover > a,
	#aside ul > li.sel > a,
	#aside ul > li.sel > a:hover{font-weight:bold;font-size:15px;color:#fff;background:#fff url(../img/sub_left_menu.png) no-repeat 100% 0%;  transition:all 0.3s;border-left:1px solid #2c4d09;border-right:1px solid #2c4d09;border-bottom:1px solid #2c4d09;}
	#aside ul > li ul{padding:12px 10px 8px 20px;border:1px solid #e2e2e2; background:#fafafa; border-top:0;}
	#aside ul > li li a{display:block;border:0;font-size:13px; height:auto;line-height:22px; padding:0; margin:0;color:#888; padding-bottom:4px; border-bottom:0;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';background:none}
	#aside ul > li li:last-child a{border:0}
	#aside ul > li li a:hover,
	#aside ul > li li a.sel{font-weight:bold;font-size:13px;color:#ff581c; border:0;background:none}
	#aside ul > li li a.sel:before { content:'→'; padding-right:3px; font-family:'dotum';}
	
	#aside .sub_quick { overflow:hidden; padding:16px 4px;}
	#aside .sub_quick a { float:left; width:33.3%; display:block; padding:68px 0 5px 0; background:url(../img/sub_quick01.png) no-repeat center top; font-size:13px; text-align:center; }
	#aside .sub_quick a.a02 { background:url(../img/sub_quick02.png) no-repeat center top;}
	#aside .sub_quick a.a03 { background:url(../img/sub_quick03.png) no-repeat center top;}
	#aside .sub_quick a:hover { opacity:.8;}
	/**/
	#design{float:right;position:relative;width:930px;min-height:750px;background: url(../img/sub-patten.png) no-repeat 100% 0}
	#design #content , #design #program { padding-bottom:50px;}
	#design .visual{position:relative;height:190px;margin-bottom:48px; z-index:1;/*height:140px;border-bottom:1px solid #aaa;*/}
	#design .visual h1 , #design .visual h2{position:relative;z-index:2;padding:70px 0 3px 0;font-size:36px;font-weight:800;letter-spacing:-1px;color:#fff;
transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);
animation-duration: 1s;
animation-name: v_text;
	}
	#design .visual p{font-size:15px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#626262;}
	
	#design .sb_quick {position:absolute; left:-280px; top:-49px; z-index:10; height:48px;border-left:1px solid #e2e2e2;}
	#design .sb_quick li {float:left;border-right:1px solid #e2e2e2;background:#fff;}
	#design .sb_quick li > a { display:block;  width:46px; height:48px;  line-height:48px !important; text-align:center; }
	#design .sb_quick li > a > i {  font-size:24px; color:#888;}
	#design .sb_quick li.no02 > div { position:absolute;overflow:hidden; left:47px; top:48px;width:46px; display:none; box-shadow: 2px 2px 2px rgba(0,0,0,0.3)}
	#design .sb_quick li.no02 > div a { display:block;float:left; width:46px; height:45px;border-top:1px solid #333;color:#fff;font-weight:bold;font-size:17px; background:#444; text-align:center; line-height:46px !important;transition:0.5s;}
	#design .sb_quick li.no02 > div a span {text-indent:-9999px !important; font-size:0;}
	#design .sb_quick li.no02 > a.on { background-color:#009893; transition: 0.5s;}
	#design .sb_quick li.no02 > a.on i {color:#fff;}
	#design .sb_quick li.no02 > div a * {color:#fff !important; line-height:45px !important;}
	#design .sb_quick li.no02 > div a.fb:hover {background:#4d62a0; transition:0.5s;}
	#design .sb_quick li.no02 > div a.tw:hover {background:#11ace6; transition:0.5s;}
	#design .sb_quick li.no02 > div a.blog:hover {background:#00c905; transition:0.5s;}
	
	#design .visual .locator{position:absolute;top:120px;left:0;display:block;padding-left:10px;background:url(../img/ico_home.png) no-repeat 0 50%;}
	#design .visual .locator .path *{font-size:13px;font-weight:400;color:#333}
	#design .visual .locator .path li{float:left;padding-right:3px;background:url(../img/ico_arrow.png) no-repeat 100% 46%}
	#design .visual .locator .path li:last-child{background:none}
	#design .visual .locator .path li button{padding:0 12px;text-align:left;border:0; color:#fff;background:none;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#design .visual .locator .path li.sel button{color:#666}
	#design .visual .locator .path li.home a{padding:0 9px; text-indent:-9999px !important; font-size:0px;}
	#design .vepth .navi{display:none !important}
	#design .datelist{line-height:20px;text-align:center}
	#design .datelist strong{padding:0 10px;font-size:20px}
	#design .datelist a{display:none}
	#design .visual i.img {position:absolute;z-index:2;top:0;right:0px;width:450px;height:190px; background:url(../img/v1.png) no-repeat right bottom;
	transition:all 0.5s cubic-bezier(0.785, 0.135, 0.150, 0.860);
animation-duration: 2s;
animation-name: v_img;
	}
	
	
	
	
	
	
	#blind{position:absolute;z-index:99998;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#f7941d}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;margin-bottom:3px;font-size:18px;color:#fff}
	#dkleft .select .join{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .join i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .modify i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:50px;font-size:16px;color:#555;border-bottom:1px solid #ccc;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{display:block;margin:15px 10px 0 0;color:#767a81;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#00a19c;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:fixed;z-index:99999;left:215px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870"}
	#gotop,
	#gotop a{display:none !important}
/*	#gotop{position:fixed;z-index:90000;bottom:-40px;left:50%;display:none !important}
	#gotop a{display:block;margin-left:600px;width:50px;height:50px;padding:22px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.2) url(../img/gotop.png) no-repeat 48% 30%;border-radius:50px;overflow:hidden}
*/}







@media all and (min-width: 809px) and (max-width: 1219px) {
#divpop { display:none;}
	#mm-blocker{display:none}
	#popupWindow{position:absolute}
	#bukgu{position:relative;top:0px;padding:0; margin:0;width:100%;height:100%}
	#banpo .tmovie{position:fixed !important;position:absolute;z-index:15;bottom:0px;right:0px;display:block;width:86px;height:43px;background:#999 url(../img/ddea/btn_tmovie.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden}

	
	
	/**/
	#header{position:absolute;z-index:30002;top:0;left:0;width:100%;height:100px;border-bottom:1px solid rgba(255, 255, 255, .2);overflow:hidden;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.sel {background:rgba(0, 0, 0, .6);height:260px; border-bottom:0; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.fix_menu {background:rgba(0, 0, 0, .6);position:fixed; top:0;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	
	
	#header .header{position:relative;z-index:30002;height:300px;overflow:hidden;margin:0 auto; clear:both;padding:0 20px;}
	#header .header h1{ padding-top:35px; float:left;}
	#header .header h1 a{display:block}
	#header .header h1 a img { }
	#header .header button{display:none}
	#header .h_top { width:100%; height:32px; background:#414c5d;} 
	#header .h_top div { width:1200px; margin:0 auto;position:relative;}
	#header .h_top ul {}
	#header .h_top ul li { float:left;}
	#header .h_top ul.left_lib { position:absolute; left:0; top:0;}
	#header .h_top ul.left_lib li a {display:block;font-size:13px;text-align:center;color:#000;letter-spacing:-0.5px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#header .h_top ul.left_lib li.li1 a{height:32px;line-height:30px;border-right:0;padding:0 8px;background:#fff;}
	#header .h_top ul.left_lib li.li2 a{height:32px;line-height:30px;border-right:0;padding:0 8px;background:#414c5d;color:#c1c4ca;}
	#header .h_top ul.right_btn { position:absolute; right:-22px; top:0;overflow:hidden;}
	#header .h_top ul.right_btn li {}
	#header .h_top ul.right_btn li a {display:block;height:32px;line-height:30px;width:90px;font-size:13px;text-align:center;color:#c1c4ca;letter-spacing:-0.5px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	
	/**/
	#header .lnb{float:right; margin:0; opacity:1; padding-top:25px;}
	#header .lnb ul{overflow:hidden}
	#header .lnb li{float:left; padding-left:30px;}
	#header .lnb li a{display:block;font-size:13px;font-weight:normal;letter-spacing:0px;color:#888}
	#header .lnb .mlose{display:none}

	/**/
	#gnb{ position:absolute; right:0; top:24px;transition:all 0.5s;overflow:hidden}
	#gnb .gnb{margin:0 auto;width:590px;transition:all 0.6s}
	#gnb .depth1{position:relative;}
	#gnb .depth1 > li{float:left;position:relative;height:400px}
	
	#gnb .depth1 > li > a{display:block;position:relative;margin:0 50px 0 0;padding:0;height:50px;line-height:50px;font-size:18px;font-weight:bold;color:#fff;}
	#gnb .depth1 > li.g7 > a{ margin-right:0px;padding-right: 50px;}

	#gnb .depth1 > li:hover > a , #gnb .depth1 > li.sel > a{color:#c17914}
	
	#gnb .depth1 > li > a em{position:absolute;top:23px;right:0;display:block;margin:-10px 0 0 0;width:1px;height:16px;background:#ccc;display:none}
	#gnb .depth2{position:absolute;top:70px;left:0px; visibility:hidden; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#header.sel #gnb .depth2 {display:block; top:56px; visibility:visible; transition: all 0.8s cubic-bezier(0.785, 0.135, 0.150, 0.860);}
	#gnb .depth2 li a{display:block;letter-spacing:-0.9px;padding:7px 0;position:relative;z-index:2;line-height:15px;font-size:14px;text-align:left;color:#ddd;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#gnb .depth2 li a:hover{color:#c17914;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	
	#gnb .depth2 li.sel a{color:#c17914}
	#gnb.sel{height:400px;transition:all 0.3s}
	#gnb.sel .gnb{background:url(../img/gnb-visual.png) no-repeat 50px 170px;transition:all 0.6s}
	#gnb.sel depth1{height:300px !important}
	/*	
	#gnb.sel .depth1 > li > a{color:#555}
	#gnb.sel .depth1 > li.sel > a,
	#gnb.sel .depth1 > li > a:hover{color:#000}
	*/
	#gnb .mobile{display:none}
	#gnb .depth1 .g1 a{}
	#gnb .depth1 .g2 a{}
	#gnb .depth1 .g3 a{}
	#gnb .depth1 .g4 a{}
	#gnb .depth1 .g5 a{}
	#allbg{position:fixed;z-index:30000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);display:none}

	/**/
	#m_login {position:absolute !important;z-index:10;top:12px;right:70px;float:none;}
	#m_login a {display:block;margin:0 !important;padding:0 !important;width:24px;height:24px;background:url(../img/m_login.png) no-repeat right center;text-indent:-9999em;overflow:hidden}
	#m_logout {position:absolute !important;z-index:10;top:12px;right:70px;float:none;}
	#m_logout a {display:block;margin:0 !important;padding:0 !important;width:36px;height:27px;background:url(../img/m_logout.png) no-repeat right center;text-indent:-9999em;overflow:hidden}

	/**/
	#menu{position:absolute !important;z-index:10;top:0px;right:20px;float:none}
	#menu a{display:block;margin:0 !important;padding:0 !important;width:42px;height:40px;background:url(../img/menu.png) no-repeat right center;text-indent:-9999em;overflow:hidden}
	#gnb .depth1 > #menu:hover > a:before { display:none;}
	#menu a.sel{background:url(../img/menu.png) no-repeat 100% 50%}
	

	/*m-비주얼*/
	#visual{overflow:hidden;z-index:1;height:720px; background:#dcdddc;  background:url(../img/visual_bg.png) no-repeat center 0px;/*animation:mv00 3.5s ease;  background-attachment: fixed;*/}
	#visual .visual{height:520px;position:relative;overflow:hidden;}
	#visual .visual .v_01 {position:absolute; left:50%; margin-left:-174px; top:190px;width:330px;z-index:9999; animation: mv01 2s ease 1;color:#0c1645;font-size:50px;font-weight:700;text-align: center;line-height: 50px;}
	#visual .visual .v_01 img {width:100%;}
	#visual .visual .v_01 span {display:block;color:#fff;font-size:30px;}
	#visual .v_02 { position:absolute; left:50%; margin-left:-201px; top:301px; z-index:9999;  animation: mv02 1.5s ease 1;}

	#container{padding:0 20px;}
	
	/*m-상단컨텐츠*/
	#container .mc_top {clear: both;margin:-210px auto 0;overflow: hidden;}
	#container .mc_top .mct01 a {display:block;float:left;height:210px;width:50%;background:rgba(44, 77, 9, .9);transition:all 0.5s}
	#container .mc_top .mct01 a:hover {display:block;float:left;height:210px;width:50%;background:rgba(34, 62, 4, .9);}
	#container .mc_top .mct02 a {display:block;float:left;height:210px;width:50%;background:rgba(186, 129, 48, .9);transition:all 0.5s}
	#container .mc_top .mct02 a:hover {display:block;float:left;height:210px;width:50%;background:rgba(157, 100, 20, .9);}
	#container .mc_top .mct01 h3,
	#container .mc_top .mct02 h3 {font-size:30px;color:#fff;padding:22px 0 0 0;font-weight:800;}
	#container .mc_top .mct01 span,
	#container .mc_top .mct02 span {font-size:19px;color:#fff;}
	#container .mc_top .mct01 .bg_mct01 {height:180px;margin:0 30px;background:url(../img/bg_mct01.png) no-repeat right bottom;}
	#container .mc_top .mct02 .bg_mct02 {height:204px;margin:0 30px;background:url(../img/bg_mct02.png) no-repeat right bottom;}
	
	
	/*m-이달의일정*/
	#container .container {background:url(../img/bg_m_calendar.png) no-repeat left top;clear:both;*zoom:1;overflow:hidden;}
	#container .container:before,
	#container .container:after{clear:both;display:table;content:"";line-height:0}
	#container .container .in {margin:0 auto;height:616px;position:relative;}
	#container .container .in .m_calendar {text-align:center;}
	#container .container .in .m_calendar h3 {padding:50px 0 10px 0;font-size:30px;font-weight:800;color:#1d1f1a;}
	#container .container .in .m_calendar .txt {display:block;font-size:16px;color:#1d1f1a;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#container .container .in .m_calendar h4 {position:absolute;top:120px;left:0;font-size:20px;color:#323c1a;}
	#container .container .in .m_calendar h4 strong {font-size:50px;}
	#container .container .in .m_calendar .e_list {position:absolute;top:150px;left:90px;}
	#container .container .in .m_calendar .e_list li.l1 {float:left;padding: 2px 20px 6px 25px;background: url(../img/e_bullet01_s.png) no-repeat 0 4px;line-height: 27px;}
	#container .container .in .m_calendar .e_list li.l2 {float:left;padding: 2px 0 6px 25px;background: url(../img/e_bullet02_s.png) no-repeat 0 4px;line-height: 27px;}
	#container .container .in .m_calendar .day {width:650px;margin:60px auto 0;}
	#container .container .in .m_calendar .day table{width:100%;border-collapse:collapse;background: #fff;}
	#container .container .in .m_calendar .day table *{text-align:left;color:#323c1a}
	#container .container .in .m_calendar .day caption{display:none}
	#container .container .in .m_calendar .day th {padding:5px;height:26px;font-size:12px;font-weight:bold;text-align:center;background:#e0ddd9;}
	#container .container .in .m_calendar .day th.sun {background:#ab2600;color:#fff;}
	#container .container .in .m_calendar .day th.sat {background:#2c4809;color:#fff;}
	#container .container .in .m_calendar .day td {padding:5px;font-size:12px;border:1px solid #dee0db;vertical-align: top;}
	#container .container .in .m_calendar .day td a{display:block;height:60px;text-align:left}
	#container .container .in .m_calendar .day td a {font-size:12px;color:#323c1a}
	#container .container .in .m_calendar .day td.sun a {font-size:12px;color:#c82c00;}
	#container .container .in .m_calendar .day td.sat a {font-size:12px;color: #69a024;}
	#container .container .in .m_calendar .day ul{position:absolute;top:10px;right:19px}
	#container .container .in .m_calendar .day li{position:relative;line-height:18px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070}
	#container .container .in .m_calendar .day li em{position:absolute;top:4px;left:-15px;display:block;width:11px;height:8px}
	/*#container .container .in .m_calendar .today a {display:block; height:28px; line-height:28px; font-weight:bold; font-size:15px; border:3px solid #455f95;}*/
	#container .container .in .m_calendar .day td.event a {text-align: center;width: 28px;line-height: 28px;background:url(../img/e_bullet01.png) no-repeat 0 0;color:#fff;}
	#container .container .in .m_calendar .day td.holi a {text-align: center;width: 28px;line-height: 28px;background:url(../img/e_bullet02.png) no-repeat 0 0;color:#fff;}


	/**/
	#mc_bottom {width: 100%;overflow:hidden;}
	#mc_bottom .more_btn {position:absolute; display:block;width:27px;height:27px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;}
	#mc_bottom ul .mb_left {float:left;width:50%;height:260px;background:#efedec;}
	#mc_bottom ul .mb_right {float:left;width:50%;height:260px;background:#e7e4e3;}
	#mc_bottom .mcb_in {position:relative;}

	/*m-공지사항*/
	#mc_bottom .m_notice {position:absolute;top:0;left:0;width:50%;}
	#mc_bottom .m_notice h3 {font-size:20px; color:#333; font-weight:700;padding:30px 0 16px 20px}
	#mc_bottom .m_notice .mn_list {padding:0 40px 0 20px;}
	#mc_bottom .m_notice .mn_list li {overflow:hidden;line-height:23px;margin-bottom:10px;}
	#mc_bottom .m_notice .mn_list li strong {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-weight:bold;float:left;display:block;width:58%;font-size:14px;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;transition:all 0.5s}
	#mc_bottom .m_notice .mn_list li strong:hover {color:#c17914}
	#mc_bottom .m_notice .mn_list li .date { float:right; font-size:13px;color:#555;}
	#mc_bottom .m_notice .more_btn {top:35px;right:40px;}

	/*m-게시판*/
	#mc_bottom .m_board {position:absolute;top:0;right:0;width:50%;}
	#mc_bottom .m_board h3 {font-size:20px; color:#333; font-weight:700;padding:30px 0 16px 40px}
	#mc_bottom .m_board .mb_list {padding:0 20px 0 40px;}
	#mc_bottom .m_board .mb_list li {overflow:hidden;line-height:23px;margin-bottom:10px;}
	#mc_bottom .m_board .mb_list li strong {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';font-weight:bold;float:left;display:block;width:58%;font-size:14px;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;transition:all 0.5s}
	#mc_bottom .m_board .mb_list li strong:hover {color:#c17914}
	#mc_bottom .m_board .mb_list li .date { float:right; font-size:13px;color:#555;}
	#mc_bottom .m_board .more_btn {top:35px;right:20px;}

	/*m-광고배너*/
	#ad_banner {width:100%;}
	#ad_banner ul {margin:40px auto 40px;overflow: hidden;}
	#ad_banner ul li a{float:left;width:30%;height:120px;margin-right:5%;background:#e7e4e3;}
	#ad_banner ul li:last-child a {margin-right:0;}
	#ad_banner ul li a img {width:100%}

	/**/
	#footer{background:#fff; height:130px;border-top: 1px solid #e7e4e3;}
	#footer *{font-size:14px}
	#footer .footer{position:relative;margin:0 auto;padding:45px 20px 0;}
	#footer .footer h2{position:absolute;top:26px;right:20px;}
	#footer .footer ul{ overflow:hidden;}
	#footer .footer li{float:left; padding-right:34px;}
	#footer .footer li a{display:block;line-height:68px; height:65px;font-size:13px;letter-spacing:-1px;color:#eee;font-weight:700;}
	#footer .footer li a strong{font-size:14px;font-weight:700;color:#6aece1}
	#footer .footer li a:hover{color:#6aece1}
	#footer .footer address{display:block;font-style:normal;color:#404040;}
	#footer .footer address strong { padding-left:30px;}
	#footer .footer address .pad {padding-right:14px;}
	#footer .footer cite{display:block;padding:6px 0 0 0px;font-size:15px;font-style:normal;color:#404040;}
	#footer .qrcode{position:absolute;top:20px;right:300px}
	
	#footer fieldset{position:absolute; right:0; top:18px}
	#footer select{padding:6px;width:170px;font-size:12px;color:#333;font-weight:normal;background:#2d2d2d; border:1px solid #2d2d2d; color:#fff;border-radius:0}
	#footer select option {background:#fff; color:#555; font-size:13px}
	#footer button{position:relative;padding:0 10px;height:30px;font-size:10px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#111}
	/**/
	#contain{padding-top: 340px;background: url(../img/sub_con_bg.png) no-repeat center -30px;}
	#contain .contain{position:relative;margin:-140px auto 0;}
	#contain .contain:before,
	#contain .contain:after{clear:both;display:table;content:"";line-height:0}


	
	/**/
	#aside{float:left;width:230px; display:none;}
	#aside h2{position:relative;height:124px;border-bottom:1px solid #e2e2e2; line-height:124px; font-size:24px;font-weight:normal;color:#111;text-align:center;background:#fbcb00;}
	
	#aside ul{padding:0 0 0px 0}
	#aside ul > li > a{display:block;height:46px; padding-left:16px; line-height:45px;font-size:14px;font-weight:normal;color:#555;border:1px solid #e2e2e2; border-top:0;background:#fff url(../img/sub_left_menu.png) no-repeat 100% 100%;transition:all 0.3s; font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';}
	#aside ul > li > a img{padding:0 0 0 5px;vertical-align:middle}
	#aside ul > li > a:hover,
	#aside ul > li:hover > a,
	#aside ul > li.sel > a,
	#aside ul > li.sel > a:hover{font-weight:bold;font-size:15px;color:#ed7700;background:#fff url(../img/sub_left_menu.png) no-repeat 100% 0%;  transition:all 0.3s}
	#aside ul > li ul{padding:12px 10px 8px 20px;border:1px solid #e2e2e2; background:#fff; border-top:0;}
	#aside ul > li li a{display:block;border:0;font-size:13px; height:auto;line-height:22px; padding:0; margin:0;color:#888; padding-bottom:4px; border-bottom:0;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';background:none}
	#aside ul > li li:last-child a{border:0}
	#aside ul > li li a:hover,
	#aside ul > li li a.sel{font-weight:bold;font-size:13px;color:#005db0; border:0;background:none}
	#aside ul > li li a.sel:before { content:'→'; padding-right:3px; font-family:'dotum';}
	
	#aside .sub_quick { overflow:hidden; padding:16px 4px;}
	#aside .sub_quick a { float:left; width:33.3%; display:block; padding:68px 0 5px 0; background:url(../img/sub_quick01.png) no-repeat center top; font-size:13px; text-align:center; }
	#aside .sub_quick a.a02 { background:url(../img/sub_quick02.png) no-repeat center top;}
	#aside .sub_quick a.a03 { background:url(../img/sub_quick03.png) no-repeat center top;}
	#aside .sub_quick a:hover { opacity:.8;}
	/**/
	#design{position:relative; padding:0 20px;min-height:750px;background: url(../img/sub-patten.png) no-repeat 100% 0}
	#design #content , #design #program { padding-bottom:40px;}
	#design .visual{position:relative;height:140px;margin-bottom:30px;z-index:1;}
	#design .visual h1,#design .visual h2{position:relative;z-index:2;padding:46px 0 3px 0;font-size:30px;font-weight:800;letter-spacing:-1px;color:#fff;
transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);
animation-duration: 1s;
animation-name: v_text;
	}
	#design .visual p{font-size:15px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#626262;}
	
	#design .sb_quick {position:absolute; left:-20px; top:1px; z-index:10; height:48px;border-left:1px solid #e2e2e2;}
	#design .sb_quick li {float:left;border-right:1px solid #e2e2e2;background:#fff;}
	#design .sb_quick li > a { display:block;  width:46px; height:48px;  line-height:48px !important; text-align:center; }
	#design .sb_quick li > a > i {  font-size:24px; color:#888;}
	#design .sb_quick li.no02 > div { position:absolute;overflow:hidden; left:47px; top:48px;width:46px; display:none; box-shadow: 2px 2px 2px rgba(0,0,0,0.3)}
	#design .sb_quick li.no02 > div a { display:block;float:left; width:46px; height:45px;border-top:1px solid #333;color:#fff;font-weight:bold;font-size:17px; background:#444; text-align:center; line-height:46px !important;transition:0.5s;}
	#design .sb_quick li.no02 > div a span {text-indent:-9999px !important; font-size:0;}
	#design .sb_quick li.no02 > a.on { background-color:#009893; transition: 0.5s;}
	#design .sb_quick li.no02 > a.on i {color:#fff;}
	#design .sb_quick li.no02 > div a * {color:#fff !important; line-height:45px !important;}
	#design .sb_quick li.no02 > div a.fb:hover {background:#4d62a0; transition:0.5s;}
	#design .sb_quick li.no02 > div a.tw:hover {background:#11ace6; transition:0.5s;}
	#design .sb_quick li.no02 > div a.blog:hover {background:#00c905; transition:0.5s;}
	
	#design .visual .locator{position:absolute;top:94px;left:0; z-index:99999;display:block;padding-left:16px;background:url(../img/ico_home.png) no-repeat 0 50%;}
	#design .locator .path{*zoom:1}
	#design .locator .path:before,
	#design .locator .path:after{clear:both;display:table;content:"";line-height:0}
	#design .locator .path li{float:left;position:relative;white-space:nowrap}	
	#design .locator .path li a{display:block;padding:8px 0;color:#a7a7a7}
	#design .locator .path li button{margin-right:10px;padding:0 35px 0 0;height:30px;font-size:15px;font-weight:400;color:#fff;background:url(../img/btn_more.png) no-repeat 90% 46% / 15px 15px;text-indent:8px}
	#design .locator .path li button.sel{font-weight:700;color:#000}
	#design .locator .path li.home{position:absolute;top:0;left:20px}
	#design .locator .path li.home a{display:block;text-indent:-9999em;overflow:hidden}
	#design .locator .vepth .navi{position:absolute;z-index:400;left:0;top:36px}
	#design .locator .vepth > div {display:none;}
	#design .locator .vepth .navi div{border:1px solid #ccc;background:#fff;box-shadow:5px 5px 5px rgba(0,0,0,0.05)}
	#design .locator .vepth .navi div a{display:block;padding:5px 20px;color:#333;border-bottom:1px solid #eee}
	#design .locator .vepth .navi div a:hover,
	#design .locator .vepth .navi div a.on{color:#fff;background:#f7941d}
	#design .datelist{line-height:20px;text-align:center}
	#design .datelist strong{padding:0 10px;font-size:20px}
	#design .datelist a{display:none}
	#design .visual i.img {position:absolute;z-index:2;top:24px;right:0px;width:450px;height:116px; background:url(../img/v1.png) no-repeat right bottom;background-size: 100px;
	transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);
animation-duration: 2s;
animation-name: v_img;
	}
	
	
	
	
	
	
	#blind{position:absolute;z-index:99998;top:0px;left:0px; bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#f7941d}
	#dkleft .lefttit button{display:block;position:relative;top:17px;font-size:12px;font-family:'Roboto';color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{font-family:Linearicons-Free;display:block;padding:5px 0 0 0;height:25px;font-size:20px;color:#fff}
	#dkleft .select .join{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .join i{font-family:Linearicons-Free;display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .modify i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:45px;font-size:16px;color:#555;border-bottom:1px solid #e2e2e2;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1.sel em{background:url(/web/seomun/img/common/minus.png) no-repeat 50% 50%;background-size:11px 3px}
	#dkleft .depth1 i{font-family:Linearicons-Free;display:block;margin:15px 0px 0 0;color:#aaa;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#f7941d;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:absolute;z-index:9999999;left:-50px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870";font-size:30px;}
	
	#gotop{position:fixed;z-index:90000;bottom:20px;right:20px;display:none}
	#gotop a{display:block;width:40px;height:30px;padding:30px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.3) url(../img/gotop.png) no-repeat 48% 28%;border-radius:50px;overflow:hidden}


}
@media all and (max-width: 808px) {

	#poplayer{position:absolute;z-index:1000;top:120px;left:50%;margin:0 0 0 -150px;width:300px;cursor:move}
	img{width:auto;max-width:100%;height:auto}

	#banpo{min-width:320px; overflow-x:hidden;}
	
	#header{position:relative;}
	#header .header{height:60px;background: #000;}
	
	#header .h_top { width:100%; height:30px; background:#414c5d;overflow:hidden;} 
	#header .h_top ul li { float:left;}
	#header .h_top ul.left_lib { }
	#header .h_top ul.left_lib li a {display:block;  height:30px; line-height:30px; font-size:12px; font-weight:300; font-size:12px; text-align:center;color:#fff; background:#818489; margin-right:1px;padding:0 8px;}
	#header .h_top ul.left_lib li.li1 a{ background:#fff;color:#000;margin-right:0; }
	#header .h_top ul.left_lib li.li2 a{ background:#414c5d;color:#fff;}
	#header .h_top ul.right_btn { display:none;}
	#header .h_top ul.right_btn li { margin-left:1px;}

	
	#header .header h1{text-align:center; padding-top:19px;}
	#header .header h1 a{display:inline-block;width:160px;}
	#header .header h1 img{width:130px;}
	#header .header button{position:absolute;top:26px;width:50px;height:60px;line-height:68px}
	#header .header button i{color: #fff;;font-size:24px !important}
	#header .header .btn-menu{top:0;left:0}
	#header .header button.btn-page{height:40px;border-radius:3px;width:40px;text-align:center;top:10px;right:10px;display:block;line-height:14px;font-size:11px;color:#fff;}
	#header .header button.btn-page i{display:block !important;padding:5px 0 0 0;height:20px;font-size:18px !important; }
	#header .header .lib{position:absolute;top:0;width:100%;height:25px;line-height:25px;background:#014fbb}
	#header .header .lib ul{overflow:hidden}
	#header .header .lib li{float:left;width:33.33%}
	#header .header .lib li a{display:block;font-size:11px;text-align:center;color:rgba(255,255,255,0.7)}
	#header .header .lnb{display:none}

	/**/
	#gnb{display:none}
	
	/**/
	#menu{position:absolute !important;z-index:10;top:-2px;right:0}
	#menu a{display:block;width:46px;height:46px;background:url(../img/ico_menuw.png) no-repeat 100% 50%;text-indent:-9999em;overflow:hidden}
	#menu a.sel{background:url(../img/ddea/ico_menu.png) no-repeat 100% 50%}

	
	/*m-비주얼*/
	#visual{margin-top: -60px;overflow:hidden;z-index:1;height:530px;background:url(../img/visual_bg.png) no-repeat center 0px;background-size: cover;}
	#visual .visual{top: 60px;height:250px;position:relative;overflow:hidden;}
	#visual .visual .v_01 {position:absolute; left:50%; margin-left:-102px; top:62px;width:200px;z-index:9999; /*animation: mv01 2s ease 1;*/color:#0c1645;font-size:50px;font-weight:700;text-align: center;line-height: 50px;}
	#visual .visual .v_01 img {width:100%;}
	#visual .visual .v_01 span {display:block;color:#fff;font-size:20px;}
	#visual .v_02 { position:absolute; left:50%; margin-left:-201px; top:301px; z-index:9999;  animation: mv02 1.5s ease 1;}


	/*m-상단컨텐츠*/
	#container .mc_top {clear: both;margin:-190px auto 0;overflow: hidden;}
	#container .mc_top .mct01 a {display:block;float:left;height:190px;width:50%;background:rgba(44, 77, 9, .9);transition:all 0.5s}
	#container .mc_top .mct01 a:hover {display:block;float:left;height:190px;width:50%;background:rgba(34, 62, 4, .9);}
	#container .mc_top .mct02 a {display:block;float:left;height:190px;width:50%;background:rgba(186, 129, 48, .9);transition:all 0.5s}
	#container .mc_top .mct02 a:hover {display:block;float:left;height:190px;width:50%;background:rgba(157, 100, 20, .9);}
	#container .mc_top .mct01 h3,
	#container .mc_top .mct02 h3 {font-size:20px;color:#fff;padding:22px 0 0 0;font-weight:800;}
	#container .mc_top .mct01 span,
	#container .mc_top .mct02 span {display: block;font-size:12px;line-height:16px;color:#fff;}
	#container .mc_top .mct01 .bg_mct01 {height:164px;margin:0 10px;background:url(../img/bg_mct01.png) no-repeat right bottom;background-size: 50px;}
	#container .mc_top .mct02 .bg_mct02 {height:184px;margin:0 10px;background:url(../img/bg_mct02.png) no-repeat right bottom;background-size: 60px;}

	#container {padding: 0 16px;}

	/*m-이달의일정*/
	#container .container {background:url(../img/bg_m_calendar.png) no-repeat left top;clear:both;*zoom:1;overflow:hidden;}
	#container .container:before,
	#container .container:after{clear:both;display:table;content:"";line-height:0}
	#container .container .in {margin-bottom:30px; auto;position:relative;}
	#container .container .in .m_calendar {text-align:center;}
	#container .container .in .m_calendar h3 {padding:30px 0 0 0;font-size:20px;font-weight:700;color:#1d1f1a;}
	#container .container .in .m_calendar .txt {display:block;font-size:14px;color:#1d1f1a;}
	#container .container .in .m_calendar h4 {position:absolute;top:86px;left:0;font-size:20px;color:#323c1a;}
	#container .container .in .m_calendar h4 strong {font-size:40px;}
	#container .container .in .m_calendar .e_list {position:absolute;top:104px;left:70px;}
	#container .container .in .m_calendar .e_list li.l1 {float:left;padding: 2px 12px 6px 25px;background: url(../img/e_bullet01_s.png) no-repeat 0 4px;line-height: 27px;}
	#container .container .in .m_calendar .e_list li.l2 {float:left;padding: 2px 0 6px 25px;background: url(../img/e_bullet02_s.png) no-repeat 0 4px;line-height: 27px;}
	#container .container .in .m_calendar .day {margin-top:60px;}
	#container .container .in .m_calendar .day table{width:100%;border-collapse:collapse;background: #fff;    border-right: 1px solid #dee0db;}
	#container .container .in .m_calendar .day table *{text-align:left;color:#323c1a}
	#container .container .in .m_calendar .day caption{display:none}
	#container .container .in .m_calendar .day th {padding:5px;height:22px;font-size:11px;font-weight:bold;text-align:center;background:#e0ddd9;}
	#container .container .in .m_calendar .day th.sun {background:#ab2600;color:#fff;}
	#container .container .in .m_calendar .day th.sat {background:#2c4809;color:#fff;}
	#container .container .in .m_calendar .day td {padding:5px;font-size:12px;border:1px solid #dee0db;vertical-align: top;}
	#container .container .in .m_calendar .day td a{display:block;height:30px;text-align:left}
	#container .container .in .m_calendar .day td a {font-size:12px;color:#323c1a}
	#container .container .in .m_calendar .day td.sun a {font-size:12px;color:#c82c00;}
	#container .container .in .m_calendar .day td.sat a {font-size:12px;color: #69a024;}
	#container .container .in .m_calendar .day ul{position:absolute;top:10px;right:19px}
	#container .container .in .m_calendar .day li{position:relative;line-height:18px;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070}
	#container .container .in .m_calendar .day li em{position:absolute;top:4px;left:-15px;display:block;width:11px;height:8px}
	/*#container .container .in .m_calendar .today a {display:block; height:28px; line-height:28px; font-weight:bold; font-size:15px; border:3px solid #455f95;}*/
	#container .container .in .m_calendar .day td.event a {text-align: center;width: 28px;line-height: 28px;background:url(../img/e_bullet01.png) no-repeat 0 0;color:#fff;}
	#container .container .in .m_calendar .day td.holi a {text-align: center;width: 28px;line-height: 28px;background:url(../img/e_bullet02.png) no-repeat 0 0;color:#fff;}


	/**/
	#mc_bottom {width: 100%;overflow:hidden;}
	#mc_bottom .more_btn {position:absolute; display:block;width:27px;height:27px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;}
	#mc_bottom ul .mb_left {display:none;}
	#mc_bottom ul .mb_right {display:none;}
	#mc_bottom .mcb_in {position:relative;}

	/*m-공지사항*/
	#mc_bottom .m_notice {background:#efedec;position:relative;}
	#mc_bottom .m_notice h3 {font-size:18px; color:#333; font-weight:700;padding:26px 0 10px 20px}
	#mc_bottom .m_notice .mn_list {padding:0 20px 20px;}
	#mc_bottom .m_notice .mn_list li {overflow:hidden;line-height:20px;margin-bottom:5px;}
	#mc_bottom .m_notice .mn_list li strong {font-weight:bold;float:left;display:block;width:70%;font-size:13px;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;transition:all 0.5s}
	#mc_bottom .m_notice .mn_list li strong:hover {color:#c17914}
	#mc_bottom .m_notice .mn_list li .date { float:right; font-size:13px;color:#555;}
	#mc_bottom .m_notice .more_btn {top:22px;right:20px;}

	/*m-게시판*/
	#mc_bottom .m_board {background:#e7e4e3;position:relative;}
	#mc_bottom .m_board h3 {font-size:18px; color:#333; font-weight:700;padding:26px 0 10px 20px}
	#mc_bottom .m_board .mb_list {padding:0 20px 20px;}
	#mc_bottom .m_board .mb_list li {overflow:hidden;line-height:20px;margin-bottom:5px;}
	#mc_bottom .m_board .mb_list li strong {font-weight:bold;float:left;display:block;width:70%;font-size:13px;color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;transition:all 0.5s}
	#mc_bottom .m_board .mb_list li strong:hover {color:#c17914}
	#mc_bottom .m_board .mb_list li .date { float:right; font-size:13px;color:#555;}
	#mc_bottom .m_board .more_btn {top:22px;right:20px;}

	/*m-광고배너*/
	#ad_banner {width:100%;}
	#ad_banner ul {margin:40px auto 20px;overflow: hidden;}
	#ad_banner ul li a {display:block;width:100%;height:120px;margin-bottom:15px;background:#e7e4e3;}
	#ad_banner ul li a img {width:100%}


	/**/
	#footer{background:#fff;border-top: 1px solid #e7e4e3;padding:20px 0;}
	#footer *{font-size:13px}
	#footer .footer{position:relative}
	#footer .footer h2{display:none}
	#footer .footer ul{text-align:center;overflow:hidden; padding:10px;}
	#footer .footer li{display:inline-block}
	#footer .footer li a{display:block;padding:4px 10px;font-size:13px;letter-spacing:-1px;color:#fff;font-weight:700}
	#footer .footer li a:hover{color:#6aece1}
	#footer .footer li a strong{font-size:13px; font-weight:700;color: #6aece1;}
	#footer .footer address{display:block;text-align:center;font-style:normal;color:#404040}
	#footer .footer address strong { padding:0 10px; display:block; text-align:center;}
	#footer .footer address .pad {display:block;margin-bottom:10px;}
	#footer .footer cite{display:block;padding:16px 0 12px 0;font-size:12px;font-style:normal;text-align:center;color:#404040}
	
	#footer fieldset{  padding-bottom:16px;}
	#footer fieldset span { display:block; text-align:center; margin-top:4px;}
	#footer select{padding:6px;width:170px;font-size:13px;color:#333;font-weight:normal;background:#2d2d2d; border:1px solid #2d2d2d; color:#fff;border-radius:0}
	#footer select option {background:#fff; color:#555; font-size:13px}
	#footer button{position:relative;padding:0 10px;height:30px;font-size:10px;cursor:pointer;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#111}

	.lock_wrap .locker_tit {text-align:center;font-size:20px;margin-top: -110px;padding-bottom: 100px;}
	.lock_wrap .locker_list {display:none;}
	.lock_wrap .ta_mo_none {text-align: center;font-size:20px;}
	.my_locker {display:none;}
	.lock_wrap .legend {display:none;}

	/**/
	#aside{display:none}
	
	#content{position:relative}

	/**/
	#design{background:#fff; padding-bottom:30px;}
	#design .visual{position:relative;height:130px;z-index:1000;background:#f2f2f2; margin-bottom:20px;}
	
	
	#design .sb_quick {position:absolute; right:12px; top:110px; z-index:200;}
	#design .sb_quick li {float:left;}
	#design .sb_quick li > a { display:block;  width:34px; height:34px; background:#fff; border:1px solid #aaa; border-radius:36px; line-height:34px !important; text-align:center; }
	#design .sb_quick li > a > i {  font-size:24px; color:#888;}
	#design .sb_quick li.no01 , #design .sb_quick li.no03 {display:none;}
	#design .sb_quick li.no02 > div { position:absolute;overflow:hidden; left:0px; top:44px;width:36px; display:none; box-shadow: 2px 2px 2px rgba(0,0,0,0.3)}
	#design .sb_quick li.no02 > div a { display:block;float:left; width:36px; height:35px;border-top:1px solid #333;color:#fff;font-weight:bold;font-size:17px; background:#444; text-align:center; line-height:36px !important;transition:0.5s;}
	#design .sb_quick li.no02 > div a span {text-indent:-9999px !important; font-size:0;}
	#design .sb_quick li.no02 > a.on { background-color:#009893; transition: 0.5s;}
	#design .sb_quick li.no02 > a.on i {color:#fff;}
	#design .sb_quick li.no02 > div a * {color:#fff !important; font-size:14px;line-height:35px !important;}
	#design .sb_quick li.no02 > div a.fb:hover {background:#4d62a0; transition:0.5s;}
	#design .sb_quick li.no02 > div a.tw:hover {background:#11ace6; transition:0.5s;}
	#design .sb_quick li.no02 > div a.blog:hover {background:#00c905; transition:0.5s;}
	
	
	#design .visual h1, #design .visual h2{position:absolute;z-index:1100;top:70px;left:10px;margin:0;display:block;font-size:21px;font-weight:700;letter-spacing:-1px;color:#333}
	#design .visual p {position:absolute; left:10px; top:90px;}
	#design .visual .locator{position:relative;z-index:2000;}
	#design .visual .locator .path{border-bottom:1px solid #2b58a9; box-shadow:0px 2px 0px rgba(0,0,0,0.1); background:#2c4d09;*zoom:1}
	#design .visual .locator .path:before,
	#design .visual .locator .path:after{clear:both;display:table;content:"";line-height:0}
	#design .visual .locator .path *{font-size:13px;font-weight:400;color:#555}
	#design .visual .locator .path li{float:left;position:relative;width:50%;white-space:nowrap}
	#design .visual .locator .path li:before {width:1px; height:40px; content:''; display:block; background:#2c4d09; position:absolute; right:0; top:0;}
	#design .visual .locator .path li:last-child{border-right:0}
	#design .visual .locator .path li a{display:block;padding:8px 0;font-weight:normal;font-size:12px;color:#555}
	#design .visual .locator .path li button{display:block !important;width:100%;height:39px; color:#fff;text-align:left;background:#2c4d09 url(../img/ico_path.png) no-repeat 95% 50% / 15px 15px;text-indent:8px;white-space:nowrap;overflow:hidden}
	#design .visual .locator .path li button.sel{color:#fff;font-weight:800}
	#design .visual .locator .path li.home{display:none}
	#design .vepth .navi{position:absolute;top:40px;left:0px;width:100%;border:1px solid #ccc;border-top:0;background:#fff}
	#design .vepth > div {display:none;}
	#design .vepth .navi div a{display:block;padding:10px 0;font-size:11px;color:#333;border-top:1px solid #eee;text-indent:8px}
	#design .vepth .navi div a:hover,
	#design .vepth .navi div a.on{color:#fff;background:#f7941d}
#design .visual i.img {position:absolute;z-index:2;bottom:0px;right:0px;width:100%;height:90px; background:url(../img/v1.png) no-repeat 98% 100%; background-size:auto 84px;
	transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);
animation-duration: 2s;
animation-name: v_img_m;
	}
	
	
	

	/**/
	#blind{position:absolute;z-index:99998;top:0px;left:0px; bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}
	#dkleft{display:none;position:absolute;z-index:10;left:0px;top:0px;width:260px;min-height:1000px;background:#fff;overflow:hidden}
	#dkleft .lefttit{padding:0 0 0 20px;height:70px;background:#ba8130}
	#dkleft .lefttit button{display:block;position:relative;top:25px;font-size:14px;color:#fff;border:0;background:transparent}
	#dkleft .lefttit button i{display:block;padding:5px 0 0 0;height:25px;font-size:20px;color:#fff}
	#dkleft .select .join{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .join i{padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .select .modify{display:block;position:relative;padding:0 17px;line-height:45px;font-size:16px;color:#000;border-bottom:1px solid #ccc;background:#eee;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .select .modify i{display:inline-block;position:relative;top:5px;padding:0 7px 0 0;font-size:24px;color:#333}
	#dkleft .depth1{display:block;position:relative;padding:0 15px;line-height:45px;font-size:16px;color:#555;border-bottom:1px solid #e2e2e2;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 strong{position:relative;top:-2px;padding:0 4px;height:14px;line-height:14px;font-size:10px;background:#ff0000;border-radius:30px}
	#dkleft .depth1 span{font-style:normal;color:#ffa800}
	#dkleft .depth1 em{position:absolute;z-index:2;top:0;right:4px;width:39px;height:39px;background:url(/web/seomun/img/common/plus.png) no-repeat 50% 50%;background-size:11px 11px}
	#dkleft .depth1.sel{color:#000;border-bottom:1px solid #596170}
	#dkleft .depth1 i{font-family:Linearicons-Free;display:block;margin:15px 0px 0 0;color:#aaa;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s}
	#dkleft .depth1 i.rightico{float:right}
	#dkleft .depth1.sel i.rightico{color:#1c7fd8;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s}
	#dkleft .depth2{display:none;background:#757c89}
	#dkleft .depth2 a{display:block;padding:0 20px;line-height:40px;font-size:13px;color:#fff;border-bottom:1px solid #596170;text-decoration:none}
	#dkleft .depth2 a.sel{color:#81c341}
	#closeleft{position:absolute;z-index:9999999;left:-50px;top:17px;display:block;font-size:30px;font-family:Linearicons-Free;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
	#closeleft:before{content:"\e870";font-size:30px;}
	
	#gotop{position:fixed;z-index:90000;bottom:20px;right:20px;display:none}
	#gotop a{display:block;width:40px;height:30px;padding:30px 0 0 0;font-size:10px;font-weight:800;text-align:center;color:#fff;background:rgba(0,0,0,0.3) url(../img/gotop.png) no-repeat 48% 28%;border-radius:50px;overflow:hidden}
}



@keyframes mv00 {
    from {background-position:center 90px;  }
	to {background-position:center 0px;  }
	 
}
@keyframes mv01 {
    from {top:130px; opacity:0;}
	to {top:190px; opacity:1;}
	 
}
@keyframes mv02 {
    from {top:220px;opacity:0;}
	to {top:301px;opacity:1;}
	 
}


@keyframes v_img {
    from {right:50px; opacity:0}
	to {right:0px; opacity:1}
	 
}
@keyframes v_text {
    from {padding-left:30px;  opacity:0}
	to {padding-left:0px;  opacity:1}
	 
}

@keyframes v_navi {
    from {margin-top:-20px;  opacity:0}
	to {margin-top:0px; letter-spacing:-1px; opacity:1}
	 
}
@keyframes con_bg {
    from {background:url(../img/sub_con_bg.png) repeat-x left -30px; }
	to {background:url(../img/sub_con_bg.png) repeat-x left 138px; }
	 
}