/*@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); } /**/ .green {color: #00823f !important;} .div7 {width: 14.285% !important;} /**/ #skipBtnWrap a {display: block;width: 1px;height: 0;line-height: 0;text-align: center;background: #333;color: #fff;} #skipBtnWrap a:focus, #skipBtnWrap a:hover, #skipBtnWrap a:active {width: 100%;height: 30px;line-height: 30px;} /**/ #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} /*1300*/ @media all and (min-width: 1330px) { #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} #OpenLayer {position: absolute;top: 150px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /**/ #header{position:absolute;z-index:30002;top:0;left:0;width:100%;height:100px;overflow:hidden;background:#fff;transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);border-bottom:1px solid #efefef;box-sizing:border-box;} #header.sel { height:424px; border-bottom:0; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header.fix_menu {position:fixed; top:-31px; border-bottom:1px solid #aaa; box-shadow:0px 2px 0px rgba(0,0,0,0.07);transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header .header{position:relative;z-index:30002;height:500px;overflow:hidden;margin:0 auto; clear:both;max-width:1200px} #header .header h1{ padding-top:20px;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:#051f54;} #header .h_top div {max-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;line-height: 1em;font-weight: 400;padding: 9px 30px;text-align:center;letter-spacing:-0.5px;color: #fff;} #header .h_top ul.left_lib li.li1 {margin-right: 1px;} #header .h_top ul.left_lib li.li1 a{font-size: 14px;padding: 9px 30px;color:#555;background:#fff;line-height: 1em;} #header .h_top ul.left_lib li.li5 a {width:100px;} #header .h_top ul.left_lib li.on a { height:31px;background:#fff; } #header .h_top ul.right_btn { position:absolute; right:-22px; top:0; overflow:hidden;height:30px;} #header .h_top ul.right_btn li { } #header .h_top ul.right_btn li a {display:block;padding: 9px 15px;font-size:14px;line-height: 1em;text-align:center; color:#fff;letter-spacing:-0.5px;font-weight: 400;} /**/ #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{float: right;width: 75%;margin-right: 40px;transition:all 0.5s;overflow:hidden} #gnb .gnb{margin:0 auto;transition:all 0.6s} #gnb .depth1{position:relative;} #gnb .depth1 > li{float:left;width: 14.285%;text-align: center;position:relative;height:400px} #gnb .depth1 > li > a{display:block;position:relative;padding:22px 0;font-size:18px;font-weight:600;color:#111} #gnb .depth1 > li:hover > a , #gnb .depth1 > li.sel > a{color: #051f54;} #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:80px;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:80px; 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:#666;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #gnb .depth2 li a:hover{color:#014fbb;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #gnb .depth2 li.sel a{color:#dc2f00} #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} /**/ #menu{position:absolute !important;z-index:10;top:17px;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%} /*비주얼*/ #visual{position: relative;overflow:hidden;z-index:1;padding-top:100px;height:360px; background:#dcdddc; } #visual .visual{height:360px;position:relative;overflow:hidden;background:url(../img/visual_bg.png) no-repeat center 0px;} #visual .visual ul{} #visual .visual li{width:1200px; margin:0 auto;} #visual .visual .v_01 {position:relative;top:66px; z-index:9999;color:#000;font-size:35px;font-weight:500;text-align:left;line-height: 50px;} #visual .visual .v_01 strong {font-size:45px;font-weight:700;color:#063a4d;} #visual .visual .v_01 strong span{font-weight:800;color:#063a4d;font-size:inherit;} #container{width: 100%;position:relative;z-index:99;} #container .search{position:absolute;z-index:2;top:340px;left:0;width: 100%;text-align: center;} #container .search .search_link {display:inline-block;width:540px;background:#fff url(../img/main_search_icon.png) no-repeat 101% 50%;border-radius:8px;border: 6px solid #008c44;} #container .search .search_link > a {display:block;padding: 12px 0;font-size: 17px;color:#464646;font-weight: 600;letter-spacing: -0.5px;background: url(../img/search_bg.png) no-repeat 100px 50%;} #container .search .search_link > a > span {font-size: 24px;font-weight: 800;color:#00823f;vertical-align: middle;} /*이용안내 및 전화번호 안내 자료검색*/ #container .mc_top {clear: both;width: 1200px;height:85px;overflow: hidden;margin:-85px auto 0;} #container .mc_top .m_use {float:left;width:33.3%;} #container .mc_top .m_search {float:left;width:27%;} #container .mc_top .t_area .m_use{background-color:#1f95bf;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_use h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_use ul {margin:5px 0 0 30px;} #container .mc_top .t_area .m_use ul li {float:left;font-size:15px;color:#fff;margin-right:30px;} #container .mc_top .t_area .m_use ul li:last-child {margin-right:0;} #container .mc_top .m_use ul li .week {font-size:inherit;color:#ffe699;} #container .mc_top .t_area .m_search{background-color:#003b50;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_search{background-color:#003b50;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search .tit {font-size:22px;color:#fff;padding: 15px 0 0 120px;background:url(../img/msearch_img.png) no-repeat 24px 20px;} #container .mc_top .t_area .m_search .search{z-index:2;} /*아이콘*/ #container .direct_wp {width:100%;height:auto;} #container .direct {position:relative;z-index:1;text-align:center;width:100%;background:#f5f5f5;} #container .direct ul{margin:0 auto;max-width:1200px;overflow:hidden} #container .direct li{float:left;width: 11.1%;text-align: center;} #container .direct li:hover { background:#fff;} #container .direct li a{display:block;color:#fff;padding: 22px 0;transition:all 0.3s} #container .direct li strong{display:block;margin:0 auto; margin-bottom:2px;padding: 40px 0;transition:all 0.3s} #container .direct li span{display:block;font-weight: 400;margin-top: 7px;font-size:14px;color:#444;text-align:center;transition:all 0.3s;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';letter-spacing: -1px;} #container .direct li span span.disB {display:none;} #container .direct li.bn1 a strong{background:url(../img/quick_01.png) no-repeat center center;} #container .direct li.bn2 a strong{background:url(../img/quick_02.png) no-repeat center center;} #container .direct li.bn3 a strong{background:url(../img/quick_03.png) no-repeat center center;} #container .direct li.bn4 a strong{background:url(../img/quick_04.png) no-repeat center center;} #container .direct li.bn5 a strong{background:url(../img/quick_05.png) no-repeat center center;} #container .direct li.bn6 a strong{background:url(../img/quick_06.png) no-repeat center center;} #container .direct li.bn7 a strong{background:url(../img/quick_07.png) no-repeat center center;} #container .direct li.bn8 a strong{background:url(../img/quick_08.png) no-repeat center center;} #container .direct li.bn9 a strong{background:url(../img/quick_09.png) no-repeat center center;} #container .direct li.bn10 a strong{background:url(../img/quick_10.png) no-repeat center center;} #container .direct li a:hover{transition:all 0.3s} #container .direct li a:hover strong { -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} #container .direct li a:hover span { color:#051f54; font-weight:bold;} /**/ #container .container{clear:both;margin:0 auto;width:1200px;*zoom:1;overflow:hidden; } #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container .more_btn {position:absolute; display:block;width:24px;height:24px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;} #container .container > div {width:30%;float:left; height:320px; position:relative;margin-right:5%} #container .container > div:last-child{margin-right:0px;float:right;} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container .more_btn {position:absolute; display:block;width:24px;height:24px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;} #container .bx-viewport {height:250px !important;} #container .bx-viewport li{height:250px !important;} /**/ #container .container .culture h3 {font-size:21px;color:#333;font-weight:700;padding:55px 0 20px 0;} #container .container .culture .le_list {} #container .container .culture .le_list li {overflow:hidden;line-height:23px;margin-bottom:15px;} #container .container .culture .le_list li strong {font-weight:bold;float:left;display:block;width:58%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .culture .le_list li .date { float:right; font-size:13px;color:#555;} #container .container .culture .le_list li .state { display:block; width:18%; height:20px; font-weight:bold; line-height:20px; float:left; border-radius:3px; text-align:center; margin-right:10px; font-size:12px; } #container .container .culture .le_list li .s1/*접수중*/ { border:1px solid #d93900;color:#d93900;background:#fff; } #container .container .culture .le_list li .s2/*마감*/ { border:1px solid #c5c5c5;color:#6D6D6D;background:#f1f1f1;} #container .container .culture .le_list li .s3{border:1px solid #c5c5c5;color:#6d6d6d;background:#f1f1f1;} #container .container .culture .more_btn {top:55px;right:0;} /**/ #container .container .notice h3 {font-size:21px; color:#333; font-weight:700;padding:55px 0 20px 0;} #container .container .notice ul {} #container .container .notice li { overflow:hidden; line-height:22px; margin-bottom:9px;} #container .container .notice li .text { display:block;font-size:13px;color:#6d6d6d} #container .container .notice li a {float:left;display:block;width:100%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right} #container .container .notice li.first {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;padding-top:17px;padding-bottom:17px;} #container .container .notice li.first strong { float:none; font-weight:bold; padding-top:6px; font-size:15px; padding-bottom:3px; width:auto; padding-right:20px;} #container .container .notice li.first p { display:block;float:none;color:#757575;height:45px;font-size:14px;line-height:20px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #container .container .notice li.first a {float:left;display:block;width:90%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;overflow: hidden;white-space: inherit;} #container .container .notice li.first .date{display:none;} #container .container .notice li strong{font-size:14px;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:250px;display:block;float:left;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right;} #container .container .notice .more_btn {top:55px;right:0;} /*팝업*/ #container .popup{z-index:300;margin-right:0px;} #container .popup h3{font-size:21px; color:#333; font-weight:700;padding:55px 0 20px 0;} #container .popup ul{overflow:hidden;background:#fff;} #container .popup ul li{text-align:center;} #container .popup ul li img{display:block;width:100%;} #container .popup .bx-wrapper{position:relative;z-index:10} #container .popup .bx-wrapper .bx-prev{background:url(../img/control.png) no-repeat -40px -20px} #container .popup .bx-wrapper .bx-next{margin-top:-1px;background:url(../img/control.png) no-repeat -60px -20px} #container .popup .bx-wrapper .bx-prev:hover{background-position:-40px -20px} #container .popup .bx-wrapper .bx-next:hover{background-position:-60px -20px} #container .popup .bx-wrapper .bx-controls-direction a{display:block;width:20px;height:20px;text-indent:-9999em;z-index:9999;outline:0} #container .popup .bx-wrapper .bx-controls-direction a.disabled{display:none} #container .popup .bx-wrapper .bx-controls{position:absolute;z-index:100;top:-40px;right:-5px} #container .popup .bx-wrapper .bx-controls-direction{display:none} #container .popup .bx-wrapper .bx-controls-auto{display:inline} #container .popup .bx-wrapper .bx-controls-auto .bx-start{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -60px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-60px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-start.active{display:none} #container .popup .bx-wrapper .bx-controls-auto .bx-stop{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -40px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-40px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-stop.active{display:none} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{float:left;display:block} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{float:left;display:block} #container .popup .bx-wrapper .bx-pager .bx-pager-item, #container .popup .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1} #container .popup .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) 0 0 no-repeat;text-indent:-9999px} #container .popup .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-20px -0} /*달력*/ #container .m_event .rest_ex {float: left;width: 70%;font-size: 15px;line-height: 1.2em;color: #333;} #container .m_event .rest_ex span {font-size: 15px;} #container .m_event .e_list {float: right;padding: 0 20px;background: #ececec;border-radius: 15px;text-align: center;} #container .m_event .e_list li {padding: 5px 0 5px 20px;background: url(../img/holi_icon.png) no-repeat 0 50%;color: #000;} #container .m_event .c_box {clear: both; } #container .m_event .c_box .calendar {overflow: hidden;background: #3a6396;box-sizing: border-box;height:285px;} #container .m_event .c_box .calendar .calendar_left {box-sizing: border-box;padding:0px 45px;text-align:center;} #container .m_event .c_box .calendar strong {display:block;color: #fff;font-weight: 400;font-size: 18px;} #container .m_event .c_box .calendar strong .now {color:#fff;font-size: 24px;font-weight: 600;line-height: 2em;margin-left:5px;} #container .m_event .c_box .calendar strong .now .month {font-size: 48px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow{position:relative;top:50px;left:100px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow > a {overflow: hidden;display: inline-block;width: 27px;height: 27px;text-indent: -9999px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .prev {background: url(../img/calendar_left_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .next {background: url(../img/calendar_right_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .option {position:absolute;top:16px;right:30px;} #container .m_event .c_box .calendar .day {float: left;width: 100%;height: 175px;padding: 12px 40px;box-sizing: border-box;background: #3a6396;} #container .m_event .c_box .calendar .day table{width:100%;border-collapse:collapse} #container .m_event .c_box .calendar .day table *{line-height: 1em;text-align:center;color:#fff} #container .m_event .c_box .calendar .day caption{display:none} #container .m_event .c_box .calendar .day th {font-size:12px;padding: 0 0 3px;font-weight:bold;} #container .m_event .c_box .calendar .day th.sun {color:#fff !important;} #container .m_event .c_box .calendar .day th.sat {color:#fff !important;} #container .m_event .c_box .calendar .day td {height: 23px;font-size:11px;background:#3a6396;} #container .m_event .c_box .calendar .day td a{display:block;text-align:center} #container .m_event .c_box .calendar .day td span{display: inline-block;font-size:11px;color:#fff} #container .m_event .c_box .calendar .day td.sun a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.sat a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.holi a span {color: #ff0a0a !important;} #container .m_event .c_box .calendar .day ul{position:absolute;top:10px;right:19px} #container .m_event .c_box .calendar .day li{position:relative;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070} #container .m_event .c_box .calendar .day .d1 em{background:#747474} #container .m_event .c_box .calendar .day .d2 em{background:#c64f6a} #container .m_event .c_box .calendar .day .d3 em{background:#50699d} #container .m_event .c_box .calendar .event a {background:url(../img/e_bullet02.png) no-repeat center 49%} #container .m_event .c_box .calendar .event a span{color:#fff !important;} #container .m_event .c_box .calendar .today a span{display: inline-block;font-weight:bold; font-size:15px;} #container .m_event .c_box .calendar .holi {color:#fff !important;} #container .m_event .c_box .calendar .holi span {min-width: 12px;padding: 5px;color:#fff !important;background: #fff;border-radius: 50%;} #container .m_event .c_box .calendar .calendar_bp{font-size:12px;color:#fff} /*20180504*/ #mc_bottom {width: 100%;max-width: 1200px;height: 310px;margin: 55px auto 55px;} #mc_bottom .mc_con {overflow: hidden;height: 100%;} #mc_bottom .mc_con > div {float: left;width: 32%;} /**/ #mc_bottom .books {position: relative;width: 64% !important; float:right !important;} #mc_bottom .books h3{font-size:21px;font-weight:700;} #mc_bottom .books .book_on {z-index: 1;} #mc_bottom .books #bo1 {position: absolute;top: 49px;left: 0;width: 100%;z-index: 1;} #mc_bottom .books #bo2 {position: absolute;top: 49px;left: 0;width: 100%;z-index: -1;} #mc_bottom .books .lSSlideOuter {overflow: hidden;} #mc_bottom .books .nbook ul {overflow: hidden;} #mc_bottom .books .nbook ul li {position: relative;float: left;text-align: center;display:inline-block;margin-right:36px !important;} #mc_bottom .books .nbook ul li dl dt img{height:199px !important;width:144px !important} #mc_bottom .books .nbook ul li dd strong{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;} #mc_bottom .books .nbook ul li .img img {display: block;margin: 0 auto;height:199px !important;} #mc_bottom .books .nbook ul li .txt {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;} #mc_bottom .books .nbook ul li .txt a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 120px;padding: 20px 10px 8px;margin: 0 auto;color: #fff;background: url(../img/book_bg.png) repeat-x 0 20%;} #mc_bottom .m_book .books .tabs li .book ul li .mark01 {position:absolute;top:0;left:50%;margin-left:-60px;width:34px;height:48px;background:url(../img/mark01.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} #mc_bottom .books .mb_tab {position:absolute;top:0;width: 50%;} #mc_bottom .books .tab_01 {left: 0;text-align: right;} #mc_bottom .books .tab_02 {right: 0;text-align: left;} #mc_bottom .books .mb_tab > a {display: inline-block;margin: 0 10px;font-size: 17px;color: #757575;} #mc_bottom .books .mb_tab > .sel {color: #00823f;font-weight: 800;border-bottom: 1px solid #00823f;} #mc_bottom .books .tab_01 {padding: 0 7px;box-sizing: border-box;background: url(../img/books_tab_bg.png) no-repeat 100% 50%;} #mc_bottom .books .slide_direction {top: -48px;right: 0;height: 28px;} #Bo1GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo1GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #mc_bottom .books .book_tab {position: absolute;top: 2px;left: 0;width: 100%;text-align: center;} #mc_bottom .books .book_tab ul {overflow: hidden;display: inline-block;} #mc_bottom .books .book_tab ul li {display: none;float: left;padding: 0 10px 0 15px;background: url(../img/books_tab_bg.png) no-repeat 0 50%;} #mc_bottom .books .book_tab ul li.lslide {display: block;} #mc_bottom .books .book_tab ul li:first-child {padding: 0 10px;background: none;} #mc_bottom .books .book_tab ul li a {display: block;font-size: 17px;color: #757575;} #mc_bottom .books .book_tab ul li .sel {color: #00823f;font-weight: 800;border-bottom: 1px solid #00823f;} #mc_bottom .books .mark01 {position:absolute;top:0;left:50%;margin-left:-60px;width:34px;height:48px;background:url(../img/mark01.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} #mc_bottom .m_book .books .tabs li .book ul li .mark02 {position:absolute;top:0;left:50%;margin-left:-72px;width:34px;height:48px;background:url(../img/mark02.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} /**/ #mc_bottom .mc_con .best {position: relative;margin: 0 2%;} #mc_bottom .best .best_wrap {position: relative;} #mc_bottom .best ul li {overflow: hidden;height: 200px;overflow: hidden;} #mc_bottom .best ul li .img {float: left;width: 140px;margin: 10px 20px 0 10px;} #mc_bottom .best ul li .img a {display: block;} #mc_bottom .best ul li .img a img {display: block;} #mc_bottom .best #bestMark {position: absolute;top: 0;left: 0;z-index: 100;width: 34px;height: 47px;background: url(../img/best_flag.png) no-repeat 0 0;} #mc_bottom .best ul li .txt {float: right;width: 214px;margin-top: 15px;} #mc_bottom .best ul li .txt a strong {display: block;width: 100% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px !important;color: #333;} #mc_bottom .best ul li .txt .writer {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;color: #747474;font-size: 15px;padding: 5px 0 8px;} #mc_bottom .best ul li .txt p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;color: #575757;line-height: 1.4em;height: 4.2em;overflow: hidden;text-overflow: ellipsis; } #mc_bottom .best .best_pager {position: absolute;top: 6px;right: 0;z-index: 101;} #mc_bottom .best .best_pager a {display: inline-block;width: 17px;height: 17px;text-indent: -9999px;line-height: 1em;vertical-align: middle;margin-left: 8px;background: url(../img/pager_off.png) no-repeat 50%;} #mc_bottom .best .best_pager a:first-child {margin-left: 0;} #mc_bottom .best .best_pager .cycle-pager-active {width: 18px;height: 18px;background: url(../img/pager_on.png) no-repeat 50%;} #mc_bottom .best .slide_direction {left: 170px;bottom: 20px;border-right: 0;} #mc_bottom .best .slide_direction .btn_stop {border-right: 1px solid #d2d2d2;} /*book*/ #mc_bottom .slide_direction {overflow: hidden;position: absolute;bottom: 0;right: 0;z-index: 120;border-right: 1px solid #d2d2d2;} #mc_bottom .slide_direction a {float: left;display: block;width: 28px;height: 28px;text-indent: -9999px;border: 1px solid #d2d2d2;border-right: 0;box-sizing: border-box;} #mc_bottom .slide_direction .btn_prev {background: url(../img/btn_prev.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_next {background: url(../img/btn_next.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_stop {background: url(../img/btn_stop.png) no-repeat 50%;} /*하단 시간*/ #time_zone{background:url(../img/time_zone.jpg) no-repeat 100%;width:100%;overflow:hidden;height:115px;padding:35px 0px} #time_zone .time{width:1200px;margin:0 auto;} #time_zone .time .time_left{float:left;} #time_zone .time .time_left .time_title{color:#fff;font-size:22px;font-weight:700px;background:url(../img/main_time.png) no-repeat 0 0px;padding:0px 0px 5px 40px;} #time_zone .time .time_left ul{margin-top:25px; float:left;margin-right:80px;} #time_zone .time .time_left li{color:#fff;font-size:14px; margin-bottom:5px;} #time_zone .time .time_left span{color:#feffb9;margin-right:30px;} #time_zone .time .time_right{float:left;} #time_zone .time .time_right .call_title{color:#fff;font-size:22px;font-weight:700px;background:url(../img/main_call.png) no-repeat 0 0px;padding:0px 0px 0px 40px;} #time_zone .time .time_right ul{margin-top:25px;} #time_zone .time .time_right li{color:#fff;font-size:14px;margin-bottom:5px;} #time_zone .time .time_right span{color:#feffb9;margin-right:30px;} /**/ #banner{height:60px;background:#fff; overflow:hidden;border-top: 1px solid #d2d2d2;} #banner .banner{position:relative;margin:0 auto;max-width:1200px} #banner .banner h3{display:none} #banner .banner .bx-wrapper{margin:0 !important} #banner .banner .bx-controls{position:absolute;top:7px;right:-2px;height:45px;background: #fff;} #banner .banner .bx-controls-direction a{display:block;width:15px;height:15px;text-indent:-9999em;background:url(../img/banner.png) no-repeat} #banner .banner .bx-controls-direction a.bx-prev{background-position:-0px -0px} #banner .banner .bx-controls-direction a.bx-next{position:absolute;bottom:0;right:0;background-position:-0px -30px} #banner .banner .bx-controls-auto{position:relative} #banner .banner .bx-controls-auto .bx-start{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background:url(../img/banner.png) -15px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-start:hover{z-index:2;background-position:-15px -15px} #banner .banner .bx-controls-auto .bx-start.active{display:none} #banner .banner .bx-controls-auto .bx-stop{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background:url(../img/banner.png) -0px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-stop:hover{z-index:2;background-position:-0px -15px} #banner .banner .bx-controls-auto .bx-stop.active{display:none} /**/ #footer{background:#4d4d4d;} #footer *{font-size:14px} #footer .footer{position:relative;margin:0 auto;max-width:1200px} #footer .footer h2{display: inline-block;padding: 20px 40px 20px 0;vertical-align: top;} #footer .f_con {display: inline-block;} #footer .footer ul{ overflow:hidden;} #footer .footer li{float:left; padding-right:34px;} #footer .footer .etc_tel {padding: 5px 0 10px;} #footer .footer .etc_tel li {color: #fff;padding: 0 15px;background: url(../img/etc_tel_bg.png) no-repeat 0 4px;} #footer .footer .etc_tel li:first-child {padding-left: 0;background: none;} #footer .footer li a{display:block;line-height:68px; height:65px;font-size:15px;letter-spacing:-1px;color:#eee;font-weight:400} #footer .footer li a strong{font-size:15px;font-weight:400;color:#e2d350;} #footer .footer address{display:block;font-style:normal;color:#fff} #footer .footer address strong { padding-left:30px;} #footer .footer cite{display:block;padding:6px 0 30px 0px;font-size:14px;font-style:normal;color:#c5c5c5;text-transform: uppercase;} #footer .qrcode{position:absolute;top:20px;right:300px} #footer fieldset{position:absolute; right:0; top:18px} #footer select{padding:6px;width:200px;font-size:14px;color:#fff;font-weight:normal;background:#333; border:1px solid #333; 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} #footer .f_link_wrap {float: right;margin-top: 20px;} /**/ #footer #fLink {position: relative;z-index: 99;width: 200px;} #footer #fLink .flink_first > a {display: block;padding: 10px;box-sizing: border-box;background: url(../img/flink_bg.png) no-repeat 100% 50%;color: #fff;} #footer #fLink .flink_con {display: none;position: absolute;bottom: 40px;width: 100%;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} #footer #fLink .flink_con ul {height: 430px;overflow-y: auto;} #footer #fLink .flink_con ul li {float: none;width: 100%;padding-right: 0;} #footer #fLink .flink_con ul li a {width: 100%;height: 1em;line-height: 1em;display: block;padding: 10px;color: #464646;border-top: 1px solid #ddd;font-size: 14px;} #footer #fLink .flink_con ul li:first-child a {border-top: 0;} /**/ #contain{width: 100%;padding-top:100px;} #contain .contain{position:relative;margin:0px auto 0;max-width:1200px;*zoom:1} #contain .contain:before, #contain .contain:after{clear:both;display:table;content:"";line-height:0} /*사물함신청*/ .lock_wrap {width:100%;text-align:center;font-family: 'Montserrat','Microsoft Yahei','NanumSquare','MalgunGothic' , 'Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif';} .lock_wrap .locker_tit {font-size:40px;margin-top: -140px;padding-bottom: 100px;} .lock_wrap .locker_list {overflow: hidden;margin: 0 auto;display: inline-block;padding: 0;} .lock_wrap .locker_list li {float: left;} .lock_wrap .locker_list li.cl_both {clear:both;} .lock_wrap .locker_list li a {display:block;width: 40px;height: 80px;border-radius: 3px;border: 1px solid #f24101;margin:0 1px 2px;position:relative;background:#dc2f00;} .lock_wrap .locker_list li a .num {position:absolute;top:2px;left:4px;font-size:14px;color:#fff;} .lock_wrap .locker_list li.no_sign {display:block;width: 40px;height: 80px;border-radius: 3px;border: 1px solid #ccc;margin: 0 1px 0;position:relative;background:#e2e2e2;} .lock_wrap .locker_list li.no_sign .num {position:absolute;top:2px;left:4px;font-size:14px;color:#8c8c8c;} .lock_wrap .locker_list li.no_sign .notxt {display:block;font-size:14px;color:#8c8c8c;padding-top:28px} .lock_wrap .locker_list li.inspect {display:block;width: 42px;height: 80px;border-radius: 3px;border: 1px solid #ffcb8d;margin: 0 1px 0;position:relative;background:url(../img/patt_02.png) repeat 0 0 #ffd5a2;} .lock_wrap .locker_list li.inspect .num {position:absolute;top:2px;left:4px;font-size:14px;color:#8c8c8c;} .lock_wrap .locker_list li.inspect .notxt {display:block;font-size:14px;color:#8c8c8c;padding-top:40px;background:url(../img/icon_inspect.png) no-repeat 0 22px;} .lock_wrap .legend {margin:20px 20px 40px;padding:20px;border:1px solid #ccc;border-radius: 5px;} .lock_wrap .legend ul {overflow:hidden;padding:0;margin:0;} .lock_wrap .legend li {float:left;font-size:14px;margin-right:10px;} .lock_wrap .legend li .lg01 {display:inline-block;width:20px;height:20px;background:#dc2f00;border: 1px solid #f24101;border-radius: 3px;} .lock_wrap .legend li .lg02 {display:inline-block;width:20px;height:20px;background:url(../img/patt_01.png) repeat 0 22px #e2e2e2;border: 1px solid #ccc;border-radius: 3px;} .lock_wrap .legend li .lg03 {display:inline-block;width:20px;height:20px;background:url(../img/patt_02.png) repeat 0 22px #ffd5a2;border: 1px solid #ffcb8d;border-radius: 3px;} .my_locker {margin: 100px auto 30px;display: inline-block;padding: 0;min-width: 1344px;} .my_locker .myl_tit {text-align:left;font-size:20px;font-weight:bold;padding-bottom:20px;} .lock_wrap table *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px;color:#333;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} .lock_wrap table{width:100%;border-collapse:collapse;border-top:2px solid #f7941d} .lock_wrap table caption{display:none} .lock_wrap table thead *{font-size:14px} .lock_wrap table tbody *{font-size:13px} .lock_wrap table thead th{padding:13px 10px;line-height:15px;font-weight:800;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#fff;box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);} .lock_wrap table thead th:first-child{border-left:0} .lock_wrap table thead tr{background-color:#fff} .lock_wrap table tbody tr{} .lock_wrap table tbody th{padding:7px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} .lock_wrap table tbody td{padding:10px 10px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc} .lock_wrap table tbody td:first-child{border-left:0} .lock_wrap table tbody td:last-child{border-right:0} .lock_wrap table tbody th:first-child{border-left:0} .lock_wrap table tbody th:last-child{border-right:0;background-color:#fbfbfb} .lock_wrap table tbody tr:first-child th, .lock_wrap table tbody tr:first-child td{border-top:1px solid #aaa;} .lock_wrap table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} .lock_wrap table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} .lock_wrap table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} .lock_wrap table tfoot td:first-child{border-left:0} .lock_wrap table tfoot td:last-child{border-right:0} .lock_wrap table tfoot th:first-child{border-left:0} .lock_wrap table tfoot th:last-child{border-right:0} .lock_wrap table tfoot td.tal{text-align:left} .lock_wrap table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} .lock_wrap table tbody td.subject{text-align:left} .lock_wrap table tbody td.subject a:hover{color:#000;text-decoration:underline} .lock_wrap table tbody th.item, .lock_wrap table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca; padding-left:30px; text-align:left;background-color:#fafafa} .lock_wrap table tbody td.item span.red{position:absolute;} .lock_wrap table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} .lock_wrap table tbody td .new{font-size:11px;font-weight:800;color:#c00} .lock_wrap table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} .lock_wrap table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} .lock_wrap table tbody td span.info { padding:0 3px;} .lock_wrap .ta_mo_none {display:none;} /* 서브비주얼 */ #contain #subVisual {height: 295px;background:url(../img/sub_v_img.png) no-repeat 50% 0;background-size: cover;text-align: center;} #contain #subVisual .sub_slogan {padding: 50px 0 195px;margin: 0;font-size: 26px;font-weight: 600;color: #fff;letter-spacing: 10px;word-spacing: 20px;} #contain #subVisual .sub_slogan .yellow {font-size: 26px;color: #fff900;} /**/ #aside{float:left;width:250px;} #aside h2{position:relative;padding: 58px 0;max-height: 145px;border-bottom:1px solid #e2e2e2;font-size:24px;line-height: 1.2em;letter-spacing: -1px;font-weight:600;color:#fff;text-align:center;background:#051f54;} #aside ul{padding:0 0 0px 0} #aside ul > li > a{display:block;height:46px; padding-left:16px; line-height:45px;font-size:17px;font-weight:400;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;} #aside ul > li > a img{padding:0 0 0 5px;vertical-align:middle} #aside ul > li > a:hover, #aside ul > li:hover > a {color: #051f54;font-weight: 600;background: url(../img/sub_left_menu.png) no-repeat 100% 5%;transition: all 0.3s;} #aside ul > li.sel > a, #aside ul > li.sel > a:hover{color:#fff;border: 0;border-bottom: 1px solid #e2e2e2;background: url(../img/left_menu_on.png) no-repeat 100% 50%; transition:all 0.5s} #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:15px; height:auto;line-height:22px; padding:0; margin:0;color:#888; padding-bottom:4px; border-bottom:0;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:15px;color:#051f54; 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:950px;min-height:750px;background: #fff;} #design #content , #design #program { padding-bottom:70px;} #design #content > div {padding: 50px 0 50px 50px;} #design #program > div {padding: 50px 0 50px 50px;} #design #content > .sub_visual {padding: 0;} #design #program > .sub_visual {padding: 0;} #design #dkboard > div {padding: 50px 0 50px 50px;} #design #dkboard > .sub_visual {padding: 0;} #design .visual{border-bottom:1px solid #ddd; z-index:1;/*height:140px;border-bottom:1px solid #aaa;*/} #design .visual h1 , #design .visual h2{font-size:36px;font-weight:600;letter-spacing:-1px;color:#000;/*;border-bottom:1px solid #c62338*/transition:all 0.6s cubic-bezier(0.785, 0.135, 0.150, 0.860);animation-duration: 1s;animation-name: v_text;} #design .visual {padding: 27px 0 27px 50px;} #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{padding-top: 15px;} #design .visual .locator .path {height: 24px;} #design .visual .locator .path *{font-size:16px;font-weight:400;color:#575757} #design .visual .locator .path li{float:left;background:url(../img/loc_arrow.png) no-repeat 0 50%;} #design .visual .locator .path li button{padding:0 15px 0 20px;text-align:left;border:0; color:#666;background:none;} #design .visual .locator .path li.sel button{color:#666} #design .visual .locator .path li.home {background: none;} #design .visual .locator .path li.home a{display: block;width: 24px;height: 20px;padding-right: 20px;background: url(../img/loc_home.png) no-repeat 0 50%;text-indent: -9999px;} #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:140px; 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} */} /*1200*/ @media all and (min-width: 1200px) and (max-width: 1329px) { #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} #OpenLayer {position: absolute;top: 150px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /**/ #header{position:absolute;z-index:30002;top:0;left:0;width:100%;height:100px;overflow:hidden;background:#fff; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header.sel { height:424px; border-bottom:0; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header.fix_menu {position:fixed; top:-31px; border-bottom:1px solid #aaa; box-shadow:0px 2px 0px rgba(0,0,0,0.07);transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header .header{position:relative;z-index:30002;height:500px;overflow:hidden;margin:0 auto; clear:both;max-width:1200px} #header .header h1{ padding-top:20px; 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: #051f54;} #header .h_top div {max-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;line-height: 1em;font-weight: 400;padding: 9px 30px;text-align:center;letter-spacing:-0.5px;color: #fff;} #header .h_top ul.left_lib li.li1 {margin-right: 1px;} #header .h_top ul.left_lib li.li1 a{font-size: 14px;padding: 9px 30px;color:#555;background:#fff;line-height: 1em;} #header .h_top ul.left_lib li.li5 a {width:100px;} #header .h_top ul.left_lib li.on a { height:31px;background:#fff; } #header .h_top ul.right_btn { position:absolute; right:0; top:0; overflow:hidden;height:30px;} #header .h_top ul.right_btn li { } #header .h_top ul.right_btn li a {display:block;padding: 9px 15px;font-size:14px;line-height: 1em;text-align:center; color:#fff;letter-spacing:-0.5px;font-weight: 400;} #header .h_top ul.right_btn li:last-child a {padding-right: 0;} /**/ #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{float: right;width: 80%;transition:all 0.5s;overflow:hidden} #gnb .gnb{transition:all 0.6s} #gnb .depth1{position:relative;} #gnb .depth1 > li{float:left;width: 14%;text-align: center;position:relative;height:400px} #gnb .depth1 > li > a{display:block;position:relative;padding:22px 0;font-size:18px;font-weight:600;color:#111} #gnb .depth1 > li:hover > a , #gnb .depth1 > li.sel > a{color: #00823f;} #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:70px; 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:#666;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #gnb .depth2 li a:hover{color:#014fbb;font-weight:bold;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #gnb .depth2 li.sel a{color:#dc2f00} #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} /**/ #menu{position:absolute !important;z-index:10;top:17px;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%} /*비주얼*/ #visual{position: relative;overflow:hidden;z-index:1;padding-top:100px;height:360px; background:#dcdddc; } #visual .visual{height:360px;position:relative;overflow:hidden;background:url(../img/visual_bg.png) no-repeat center 0px;} #visual .visual ul{} #visual .visual li{width:1200px; margin:0 auto;} #visual .visual .v_01 {position:relative;top:66px; z-index:9999;color:#000;font-size:35px;font-weight:500;text-align:left;line-height: 50px;} #visual .visual .v_01 strong {font-size:45px;font-weight:700;color:#063a4d;} #visual .visual .v_01 strong span{font-weight:800;color:#063a4d;font-size:inherit;} #container{width: 100%;position:relative;z-index:99;} /*이용안내 및 전화번호*/ #container .mc_top {clear: both;width:100%;height:85px;overflow: hidden;margin:-85px auto 0;} #container .mc_top .m_use {float:left;width:50%;} #container .mc_top .m_search {float:left;width:50%;} #container .mc_top .t_area .m_use{background-color:#1f95bf;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_use h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_use ul {margin:5px 0 0 30px;} #container .mc_top .t_area .m_use ul li {float:left;font-size:15px;color:#fff;margin-right:30px;} #container .mc_top .t_area .m_use ul li:last-child {margin-right:0;} #container .mc_top .m_use ul li .week {font-size:inherit;color:#ffe699;} #container .mc_top .t_area .m_search{background-color:#fbd37a;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_search{background-color:#fbd37a;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search .tit {font-size:22px;color:#fff;padding: 15px 0 0 120px;background:url(../img/msearch_img.png) no-repeat 24px 20px;} #container .mc_top .t_area .m_search .search{z-index:2;} /*아이콘*/ #container .direct_wp {width:100%;height:auto;} #container .direct {position:relative;z-index:1;text-align:center;width:100%;background:#f5f5f5;} #container .direct ul{margin:0 auto;max-width:1200px;overflow:hidden} #container .direct li{float:left;width: 11.1%;text-align: center;} #container .direct li:hover { background:#fff;} #container .direct li a{display:block;color:#fff;padding: 22px 0;transition:all 0.3s} #container .direct li strong{display:block;margin:0 auto; margin-bottom:2px;padding: 40px 0;transition:all 0.3s} #container .direct li span{display:block;font-weight: 400;margin-top: 7px;font-size:14px;color:#444;text-align:center;transition:all 0.3s;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';letter-spacing: -1px;} #container .direct li span span.disB {display:none;} #container .direct li.bn1 a strong{background:url(../img/quick_01.png) no-repeat center center;} #container .direct li.bn2 a strong{background:url(../img/quick_02.png) no-repeat center center;} #container .direct li.bn3 a strong{background:url(../img/quick_03.png) no-repeat center center;} #container .direct li.bn4 a strong{background:url(../img/quick_04.png) no-repeat center center;} #container .direct li.bn5 a strong{background:url(../img/quick_05.png) no-repeat center center;} #container .direct li.bn6 a strong{background:url(../img/quick_06.png) no-repeat center center;} #container .direct li.bn7 a strong{background:url(../img/quick_07.png) no-repeat center center;} #container .direct li.bn8 a strong{background:url(../img/quick_08.png) no-repeat center center;} #container .direct li.bn9 a strong{background:url(../img/quick_09.png) no-repeat center center;} #container .direct li.bn10 a strong{background:url(../img/quick_10.png) no-repeat center center;} #container .direct li a:hover{transition:all 0.3s} #container .direct li a:hover strong { -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} #container .direct li a:hover span { color:#051f54; font-weight:bold;} /**/ #container .container{clear:both;margin:0 auto;width:1200px;*zoom:1;overflow:hidden; } #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container .more_btn {position:absolute; display:block;width:24px;height:24px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;} #container .container > div {width:30%;float:left; height:340px; position:relative;margin-right:4%} #container .container > div:last-child{margin-right:0px;float:right;} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container .more_btn {position:absolute; display:block;width:24px;height:24px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;} /**/ #container .container .notice h3 {font-size:21px; color:#333; font-weight:700;padding:55px 0 20px 0;} #container .container .notice ul {} #container .container .notice li { overflow:hidden; line-height:22px; margin-bottom:9px;} #container .container .notice li .text { display:block;font-size:13px;color:#6d6d6d} #container .container .notice li a {float:left;display:block;width:100%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right} #container .container .notice li.first {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;padding-top:17px;padding-bottom:17px;} #container .container .notice li.first strong { float:none; font-weight:bold; padding-top:6px; font-size:15px; padding-bottom:3px; width:auto; padding-right:20px;} #container .container .notice li.first p { display:block;float:none;color:#757575;height:45px;font-size:14px;line-height:20px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #container .container .notice li.first a {float:left;display:block;width:90%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;overflow: hidden;white-space: inherit;} #container .container .notice li.first .date{display:none;} #container .container .notice li strong{font-size:14px;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:250px;display:block;float:left;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right;} #container .container .notice .more_btn {top:55px;right:0;} /*팝업*/ #container .popup{z-index:300;margin-right:0px;} #container .popup h3{font-size:21px; color:#333; font-weight:700;padding:55px 0 20px 0;} #container .popup ul{overflow:hidden;background:#fff;} #container .popup ul li{text-align:center;} #container .popup ul li img{display:block;width:100%;} #container .popup .bx-wrapper{position:relative;z-index:10} #container .popup .bx-wrapper .bx-prev{background:url(../img/control.png) no-repeat -40px -20px} #container .popup .bx-wrapper .bx-next{margin-top:-1px;background:url(../img/control.png) no-repeat -60px -20px} #container .popup .bx-wrapper .bx-prev:hover{background-position:-40px -20px} #container .popup .bx-wrapper .bx-next:hover{background-position:-60px -20px} #container .popup .bx-wrapper .bx-controls-direction a{display:block;width:20px;height:20px;text-indent:-9999em;z-index:9999;outline:0} #container .popup .bx-wrapper .bx-controls-direction a.disabled{display:none} #container .popup .bx-wrapper .bx-controls{position:absolute;z-index:100;top:-40px;right:-5px} #container .popup .bx-wrapper .bx-controls-direction{display:none} #container .popup .bx-wrapper .bx-controls-auto{display:inline} #container .popup .bx-wrapper .bx-controls-auto .bx-start{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -60px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-60px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-start.active{display:none} #container .popup .bx-wrapper .bx-controls-auto .bx-stop{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -40px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-40px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-stop.active{display:none} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{float:left;display:block} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{float:left;display:block} #container .popup .bx-wrapper .bx-pager .bx-pager-item, #container .popup .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1} #container .popup .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) 0 0 no-repeat;text-indent:-9999px} #container .popup .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-20px -0} #container .container .culture h3 {font-size:21px;color:#333;font-weight:700;padding:55px 0 20px 0;} #container .container .culture .le_list {} #container .container .culture .le_list li {overflow:hidden;line-height:23px;margin-bottom:15px;} #container .container .culture .le_list li strong {font-weight:bold;float:left;display:block;width:58%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .culture .le_list li .date { float:right; font-size:13px;color:#555;} #container .container .culture .le_list li .state { display:block; width:18%; height:20px; font-weight:bold; line-height:20px; float:left; border-radius:3px; text-align:center; margin-right:10px; font-size:12px; } #container .container .culture .le_list li .s1/*접수중*/ { border:1px solid #d93900;color:#d93900;background:#fff; } #container .container .culture .le_list li .s2/*마감*/ { border:1px solid #c5c5c5;color:#6D6D6D;background:#f1f1f1;} #container .container .culture .le_list li .s3{border:1px solid #c5c5c5;color:#6d6d6d;background:#f1f1f1;} #container .container .culture .more_btn {top:55px;right:0;} #container .container .notice .more_btn {right:0;} #container .container .lectures .more_btn {right:0;} #container .container .lectures h3 , #container .container .lectures ul {padding-left:40px;} #container .books .more_btn {position:absolute;top:-43px;right:0;} #container .l_event .more_btn {position:absolute;top: 4px;right:0;} #container .movie .more_btn {position:absolute;top: 4px;right:0;} #container .movie .more_btn a {display: block;} /*하단 시간*/ #time_zone{background:url(../img/time_zone.jpg) no-repeat 100%;width:100%;overflow:hidden;height:115px;padding:35px 0px;} #time_zone .time{width:1200px;margin:0 auto;} #time_zone .time .time_left{float:left;} #time_zone .time .time_left .time_title{color:#fff;font-size:22px;font-weight:700px;background:url(../img/main_time.png) no-repeat 0 0px;padding:0px 0px 5px 40px;} #time_zone .time .time_left ul{margin-top:25px; float:left;margin-right:80px;} #time_zone .time .time_left li{color:#fff;font-size:14px; margin-bottom:5px;} #time_zone .time .time_left span{color:#feffb9;margin-right:30px;} #time_zone .time .time_right{float:left;} #time_zone .time .time_right .call_title{color:#fff;font-size:22px;font-weight:700px;background:url(../img/main_call.png) no-repeat 0 0px;padding:0px 0px 0px 40px;} #time_zone .time .time_right ul{margin-top:25px;} #time_zone .time .time_right li{color:#fff;font-size:14px;margin-bottom:5px;} #time_zone .time .time_right span{color:#feffb9;margin-right:30px;} /**/ #container .popup{margin: 0 2%;} #container .popup ul{overflow:hidden;background:#fff;} #container .popup ul li{text-align:center;} #container .popup ul li img{display:block;width: 100%;height: 220px;border: 1px solid #d2d2d2;box-sizing: border-box;} #container .popup .pop_pager {position: absolute;top: 31px;right: 0;} #container .popup .pop_pager a {display: inline-block;width: 17px;height: 17px;text-indent: -9999px;line-height: 1em;vertical-align: middle;margin-left: 8px;background: url(../img/pager_off.png) no-repeat 50%;} #container .popup .pop_pager a:first-child {margin-left: 0;} #container .popup .pop_pager .cycle-pager-active {width: 18px;height: 18px;background: url(../img/pager_on.png) no-repeat 50%;} #container .popup .slide_direction {overflow: hidden;position: absolute;bottom: 0;right: 0;z-index: 100;border-right: 1px solid #d2d2d2;} #container .popup .slide_direction a {float: left;display: block;width: 28px;height: 28px;text-indent: -9999px;border: 1px solid #d2d2d2;border-right: 0;box-sizing: border-box;} #container .popup .slide_direction .btn_prev {background: url(../img/btn_prev.png) no-repeat 50%;} #container .popup .slide_direction .btn_next {background: url(../img/btn_next.png) no-repeat 50%;} #container .popup .slide_direction .btn_stop {background: url(../img/btn_stop.png) no-repeat 50%;} /*달력*/ #container .m_event .rest_ex {float: left;width: 70%;font-size: 15px;line-height: 1.2em;color: #333;} #container .m_event .rest_ex span {font-size: 15px;} #container .m_event .e_list {float: right;padding: 0 20px;background: #ececec;border-radius: 15px;text-align: center;} #container .m_event .e_list li {padding: 5px 0 5px 20px;background: url(../img/holi_icon.png) no-repeat 0 50%;color: #000;} #container .m_event .c_box {clear: both;padding-top: 55px;} #container .m_event .c_box .calendar {overflow: hidden;background: #3a6396;box-sizing: border-box;height:285px;} #container .m_event .c_box .calendar .calendar_left {box-sizing: border-box;padding:0px 45px;text-align:center;} #container .m_event .c_box .calendar strong {display:block;color: #fff;font-weight: 400;font-size: 18px;} #container .m_event .c_box .calendar strong .now {color:#fff;font-size: 24px;font-weight: 600;line-height: 2em;margin-left:5px;} #container .m_event .c_box .calendar strong .now .month {font-size: 48px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow{position:relative;top:50px;left:100px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow > a {overflow: hidden;display: inline-block;width: 27px;height: 27px;text-indent: -9999px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .prev {background: url(../img/calendar_left_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .next {background: url(../img/calendar_right_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .option {position:absolute;top:16px;right:30px;} #container .m_event .c_box .calendar .day {float: left;width: 100%;height: 175px;padding: 12px 40px;box-sizing: border-box;background: #3a6396;} #container .m_event .c_box .calendar .day table{width:100%;border-collapse:collapse} #container .m_event .c_box .calendar .day table *{line-height: 1em;text-align:center;color:#fff} #container .m_event .c_box .calendar .day caption{display:none} #container .m_event .c_box .calendar .day th {font-size:12px;padding: 0 0 3px;font-weight:bold;} #container .m_event .c_box .calendar .day th.sun {color:#fff !important;} #container .m_event .c_box .calendar .day th.sat {color:#fff !important;} #container .m_event .c_box .calendar .day td {height: 23px;font-size:11px;background:#3a6396;} #container .m_event .c_box .calendar .day td a{display:block;text-align:center} #container .m_event .c_box .calendar .day td span{display: inline-block;font-size:11px;color:#fff} #container .m_event .c_box .calendar .day td.sun a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.sat a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.holi a span {color: #ff0a0a !important;} #container .m_event .c_box .calendar .day ul{position:absolute;top:10px;right:19px} #container .m_event .c_box .calendar .day li{position:relative;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070} #container .m_event .c_box .calendar .day .d1 em{background:#747474} #container .m_event .c_box .calendar .day .d2 em{background:#c64f6a} #container .m_event .c_box .calendar .day .d3 em{background:#50699d} #container .m_event .c_box .calendar .event a {background:url(../img/e_bullet02.png) no-repeat center 49%} #container .m_event .c_box .calendar .event a span{color:#fff !important;} #container .m_event .c_box .calendar .today a span{display: inline-block;font-weight:bold; font-size:15px;} #container .m_event .c_box .calendar .holi {color:#fff !important;} #container .m_event .c_box .calendar .holi span {min-width: 12px;padding: 5px;color:#fff !important;background: #fff;border-radius: 50%;} #container .m_event .c_box .calendar .calendar_bp{font-size:12px;color:#fff} /*20180504*/ #mc_bottom {width: 100%;max-width: 1200px;height: 255px;margin: 0 auto 50px;padding-bottom: 20px;} #mc_bottom .mc_con {overflow: hidden;height: 100%;} #mc_bottom .mc_con > div {} /**/ #mc_bottom .books {position: relative;width: 100%;} #mc_bottom .books #bo1 {position: absolute;top: 49px;left: 0;width: 100%;z-index: 1;} #mc_bottom .books #bo2 {position: absolute;top: 49px;left: 0;width: 100%;z-index: -1;} #mc_bottom .books .lSSlideOuter {overflow: hidden;} #mc_bottom .books .nbook ul {overflow: hidden;height: 100% !important;} #mc_bottom .books .nbook ul li {position: relative;float: left;width: 50%;margin-top: 10px;text-align: center;} #mc_bottom .books .nbook ul li .img img {display: block;width: 140px;margin: 0 auto;} #mc_bottom .books .nbook ul li .txt {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;} #mc_bottom .books .nbook ul li .txt a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 120px;padding: 20px 10px 8px;margin: 0 auto;color: #fff;background: url(../img/book_bg.png) repeat-x 0 20%;} #mc_bottom .books .mb_tab {position:absolute;top:0;width: 50%;} #mc_bottom .books .tab_01 {left: 0;text-align: right;} #mc_bottom .books .tab_02 {right: 0;text-align: left;} #mc_bottom .books .mb_tab > a {display: inline-block;margin: 0 10px;font-size: 17px;color: #757575;} #mc_bottom .books .mb_tab > .sel {color: #00823f;font-weight: 800;border-bottom: 1px solid #00823f;} #mc_bottom .books .tab_01 {padding: 0 7px;box-sizing: border-box;background: url(../img/books_tab_bg.png) no-repeat 100% 50%;} #mc_bottom .books .slide_direction {top: -48px;right: 0;height: 28px;} #Bo1GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo1GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #mc_bottom .books .book_tab {position: absolute;top: 2px;left: 0;width: 100%;text-align: center;} #mc_bottom .books .book_tab ul {overflow: hidden;display: inline-block;} #mc_bottom .books .book_tab ul li {float: left;padding: 0 10px 0 15px;background: url(../img/books_tab_bg.png) no-repeat 0 50%;} #mc_bottom .books .book_tab ul li:first-child {padding: 0 10px;background: none;} #mc_bottom .books .book_tab ul li a {display: block;font-size: 17px;color: #999;} #mc_bottom .books .book_tab ul li .sel {color: #00823f;font-weight: 800;} #mc_bottom .books .mark01 {position:absolute;top:0;left:50%;margin-left:-72px;width:34px;height:48px;background:url(../img/mark01.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} /**/ #mc_bottom .mc_con .best {position: relative;margin: 0 2%;} #mc_bottom .best .best_wrap {position: relative;} #mc_bottom .best ul li {overflow: hidden;width: 100%;height: 200px;} #mc_bottom .best ul li .img {float: left;width: 140px;margin: 10px 2% 0 10px;} #mc_bottom .best ul li .img a {display: block;} #mc_bottom .best ul li .img a img {display: block;} #mc_bottom .best #bestMark {position: absolute;top: 0;left: 0;z-index: 100;width: 34px;height: 47px;background: url(../img/best_flag.png) no-repeat 0 0;} #mc_bottom .best ul li .txt {float: right;width: 58%;margin-top: 15px;} #mc_bottom .best ul li .txt a strong {display: block;width: 100% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px !important;color: #333;} #mc_bottom .best ul li .txt .writer {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;color: #999;font-size: 15px;padding: 5px 0 8px;} #mc_bottom .best ul li .txt p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;color: #575757;line-height: 1.4em;height: 4.2em;overflow: hidden;text-overflow: ellipsis; } #mc_bottom .best .best_pager {position: absolute;top: 6px;right: 0;z-index: 101;} #mc_bottom .best .best_pager a {display: inline-block;width: 17px;height: 17px;text-indent: -9999px;line-height: 1em;vertical-align: middle;margin-left: 8px;background: url(../img/pager_off.png) no-repeat 50%;} #mc_bottom .best .best_pager a:first-child {margin-left: 0;} #mc_bottom .best .best_pager .cycle-pager-active {width: 18px;height: 18px;background: url(../img/pager_on.png) no-repeat 50%;} #mc_bottom .best .slide_direction {left: 42%;bottom: 20px;border-right: 0;} #mc_bottom .best .slide_direction .btn_stop {border-right: 1px solid #d2d2d2;} #mc_bottom .mc_con .l_event .le_list li .s3/*접수중*/ { border:1px solid #ff713e;color:#ff713e;background:#fff; } #mc_bottom .mc_con .l_event .le_list li .s2/*마감*/ { border:1px solid #c5c5c5;color:#999;background:#f1f1f1;} #mc_bottom .slide_direction {overflow: hidden;position: absolute;bottom: 0;right: 0;z-index: 120;border-right: 1px solid #d2d2d2;} #mc_bottom .slide_direction a {float: left;display: block;width: 28px;height: 28px;text-indent: -9999px;border: 1px solid #d2d2d2;border-right: 0;box-sizing: border-box;} #mc_bottom .slide_direction .btn_prev {background: url(../img/btn_prev.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_next {background: url(../img/btn_next.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_stop {background: url(../img/btn_stop.png) no-repeat 50%;} /**/ #banner{height:60px;background:#fff; overflow:hidden;border-top: 1px solid #d2d2d2;} #banner .banner{position:relative;margin:0 auto;width:1180px;} #banner .banner h3{display:none} #banner .banner .bx-wrapper{margin:0 !important} #banner .banner .bx-controls{position:absolute;top:8px;right:4px;height:45px;background: #fff;} #banner .banner .bx-controls-direction a{display:block;width:15px;height:15px;text-indent:-9999em;background: url(../img/banner.png) no-repeat} #banner .banner .bx-controls-direction a.bx-prev{background-position:-0px -0px} #banner .banner .bx-controls-direction a.bx-next{position:absolute;bottom:0;right:0;background-position:-0px -30px} #banner .banner .bx-controls-auto{position:relative} #banner .banner .bx-controls-auto .bx-start{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background: url(../img/banner.png) -15px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-start:hover{z-index:2;background-position:-15px -15px} #banner .banner .bx-controls-auto .bx-start.active{display:none} #banner .banner .bx-controls-auto .bx-stop{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background: url(../img/banner.png) -0px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-stop:hover{z-index:2;background-position:-0px -15px} #banner .banner .bx-controls-auto .bx-stop.active{display:none} /**/ #footer{background:#595959;} #footer *{font-size:14px} #footer .footer{position:relative;margin:0 auto;width:1180px} #footer .footer h2{display: inline-block;padding: 25px 40px 20px 0;} #footer .f_con {display: inline-block;} #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:15px;letter-spacing:-1px;color:#eee;font-weight:400} #footer .footer li a strong{font-size:15px;font-weight:400;color:#fff900;} #footer .footer address{display:block;font-style:normal;color:#fff} #footer .footer address strong { padding-left:30px;} #footer .footer .etc_tel {padding: 5px 0 10px;} #footer .footer .etc_tel li {color: #fff;padding: 0 15px;background: url(../img/etc_tel_bg.png) no-repeat 0 4px;} #footer .footer .etc_tel li:first-child {padding-left: 0;background: none;} #footer .footer cite{display:block;padding:6px 0 30px 0px;font-size:14px;font-style:normal;color:#c5c5c5;font-family:roboto,arial;text-transform: uppercase;} #footer .qrcode{position:absolute;top:20px;right:300px} #footer fieldset{position:absolute; right:0; top:18px} #footer select{padding:6px;width:200px;font-size:14px;color:#fff;font-weight:normal;background:#333; border:1px solid #333;} #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} #footer .f_link_wrap {float: right;margin-top: 20px;} /**/ #footer #fLink {position: relative;z-index: 99;width: 200px;} #footer #fLink .flink_first > a {display: block;padding: 10px;box-sizing: border-box;background: url(../img/flink_bg.png) no-repeat 100% 50%;color: #fff;} #footer #fLink .flink_con {display: none;position: absolute;bottom: 40px;width: 100%;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} #footer #fLink .flink_con ul {height: 430px;overflow-y: auto;} #footer #fLink .flink_con ul li {float: none;width: 100%;padding-right: 0;} #footer #fLink .flink_con ul li a {width: 100%;height: 1em;line-height: 1em;display: block;padding: 10px;color: #464646;border-top: 1px solid #ddd;font-size:14px;} #footer #fLink .flink_con ul li:first-child a {border-top: 0;} /**/ #contain{padding:20px 0;padding-top:100px;} #contain .contain{position:relative;margin:0px auto 0;width:1180px;background: #fff;*zoom:1} #contain .contain:before, #contain .contain:after{clear:both;display:table;content:"";line-height:0} /* 서브비주얼 */ #contain #subVisual {background:url(../img/sub_v_img.png) no-repeat 50% 0;text-align: center;} #contain #subVisual .sub_slogan {padding: 50px 0 195px;margin: 0;font-size: 26px;font-weight: 600;color: #fff;letter-spacing: 10px;word-spacing: 20px;} #contain #subVisual .sub_slogan .yellow {font-size: 26px;color: #fff900;} /*사물함신청*/ .lock_wrap {width:100%;text-align:center;font-family: 'Montserrat','Microsoft Yahei','NanumSquare','MalgunGothic' , 'Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif';} .lock_wrap .locker_tit {font-size:40px;margin-top: -140px;padding-bottom: 100px;} .lock_wrap .locker_list {overflow: hidden;margin: 0 auto;display: inline-block;padding: 0;min-width: 1100px;} .lock_wrap .locker_list li {float: left;} .lock_wrap .locker_list li.cl_both {clear:both;} .lock_wrap .locker_list li a {display:block;width: 40px;height: 80px;border-radius: 3px;border: 1px solid #f24101;margin:0 1px 2px;position:relative;background:#dc2f00;} .lock_wrap .locker_list li a .num {position:absolute;top:2px;left:4px;font-size:14px;color:#fff;} .lock_wrap .locker_list li.no_sign {display:block;width: 40px;height: 80px;border-radius: 3px;border: 1px solid #ccc;margin: 0 1px 0;position:relative;background:#e2e2e2;} .lock_wrap .locker_list li.no_sign .num {position:absolute;top:2px;left:4px;font-size:14px;color:#8c8c8c;} .lock_wrap .locker_list li.no_sign .notxt {display:block;font-size:14px;color:#8c8c8c;padding-top:28px} .lock_wrap .locker_list li.inspect {display:block;width: 42px;height: 80px;border-radius: 3px;border: 1px solid #ffcb8d;margin: 0 1px 0;position:relative;background:url(../img/patt_02.png) repeat 0 0 #ffd5a2;} .lock_wrap .locker_list li.inspect .num {position:absolute;top:2px;left:4px;font-size:14px;color:#8c8c8c;} .lock_wrap .locker_list li.inspect .notxt {display:block;font-size:14px;color:#8c8c8c;padding-top:40px;background:url(../img/icon_inspect.png) no-repeat 0 22px;} .lock_wrap .legend {margin:20px 20px 40px;padding:20px;border:1px solid #ccc;border-radius: 5px;} .lock_wrap .legend ul {overflow:hidden;padding:0;margin:0;} .lock_wrap .legend li {float:left;font-size:14px;margin-right:10px;} .lock_wrap .legend li .lg01 {display:inline-block;width:20px;height:20px;background:#dc2f00;border: 1px solid #f24101;border-radius: 3px;} .lock_wrap .legend li .lg02 {display:inline-block;width:20px;height:20px;background:url(../img/patt_01.png) repeat 0 22px #e2e2e2;border: 1px solid #ccc;border-radius: 3px;} .lock_wrap .legend li .lg03 {display:inline-block;width:20px;height:20px;background:url(../img/patt_02.png) repeat 0 22px #ffd5a2;border: 1px solid #ffcb8d;border-radius: 3px;} .my_locker {margin: 100px auto 30px;display: inline-block;padding: 0;min-width: 1344px;} .my_locker .myl_tit {text-align:left;font-size:20px;font-weight:bold;padding-bottom:20px;} .lock_wrap table *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px;color:#333;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} .lock_wrap table{width:100%;border-collapse:collapse;border-top:2px solid #f7941d} .lock_wrap table caption{display:none} .lock_wrap table thead *{font-size:14px} .lock_wrap table tbody *{font-size:13px} .lock_wrap table thead th{padding:13px 10px;line-height:15px;font-weight:800;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#fff;box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);} .lock_wrap table thead th:first-child{border-left:0} .lock_wrap table thead tr{background-color:#fff} .lock_wrap table tbody tr{} .lock_wrap table tbody th{padding:7px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} .lock_wrap table tbody td{padding:10px 10px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc} .lock_wrap table tbody td:first-child{border-left:0} .lock_wrap table tbody td:last-child{border-right:0} .lock_wrap table tbody th:first-child{border-left:0} .lock_wrap table tbody th:last-child{border-right:0;background-color:#fbfbfb} .lock_wrap table tbody tr:first-child th, .lock_wrap table tbody tr:first-child td{border-top:1px solid #aaa;} .lock_wrap table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} .lock_wrap table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} .lock_wrap table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} .lock_wrap table tfoot td:first-child{border-left:0} .lock_wrap table tfoot td:last-child{border-right:0} .lock_wrap table tfoot th:first-child{border-left:0} .lock_wrap table tfoot th:last-child{border-right:0} .lock_wrap table tfoot td.tal{text-align:left} .lock_wrap table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} .lock_wrap table tbody td.subject{text-align:left} .lock_wrap table tbody td.subject a:hover{color:#000;text-decoration:underline} .lock_wrap table tbody th.item, .lock_wrap table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca; padding-left:30px; text-align:left;background-color:#fafafa} .lock_wrap table tbody td.item span.red{position:absolute;} .lock_wrap table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} .lock_wrap table tbody td .new{font-size:11px;font-weight:800;color:#c00} .lock_wrap table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} .lock_wrap table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} .lock_wrap table tbody td span.info { padding:0 3px;} .lock_wrap .ta_mo_none {display:none;} /**/ #aside{float:left;width:250px;} #aside h2{position:relative;padding: 58px 0;max-height: 145px;border-bottom:1px solid #e2e2e2;font-size:24px;line-height: 1.2em;letter-spacing: -1px;font-weight:600;color:#fff;text-align:center;background:#051f54} #aside ul{padding:0 0 0px 0} #aside ul > li > a{display:block;height:46px; padding-left:16px; line-height:45px;font-size:17px;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;} #aside ul > li > a img{padding:0 0 0 5px;vertical-align:middle} #aside ul > li > a:hover, #aside ul > li:hover > a {color: #051f54;font-weight: 600;background: url(../img/sub_left_menu.png) no-repeat 100% 5%;transition: all 0.3s;} #aside ul > li.sel > a, #aside ul > li.sel > a:hover{font-weight:600;font-size:17px;color:#fff;background:#fff url(../img/left_menu_on.png) no-repeat 100% 50%; transition:all 0.5s} #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:15px; height:auto;line-height:22px; padding:0; margin:0;color:#888; padding-bottom:4px; border-bottom:0;background:none} #aside ul > li li:last-child a{border:0} #aside ul > li li a:hover, #aside ul > li li a.sel{font-size:15px;color:#051f54; border:0;background:none} #aside ul > li li a.sel:before { content:'→'; padding-right:3px;} #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:left;position:relative;width:930px;min-height:750px;background: url(../img/sub-patten.png) no-repeat 100% 0} #design #content , #design #program { padding-bottom:40px;} #design #content > div {padding: 50px 0 50px 50px;} #design #program > div {padding: 50px 0 50px 50px;} #design #content > .sub_visual {padding: 0;} #design #program > .sub_visual {padding: 0;} #design #dkboard > div {padding: 50px 0 50px 50px;} #design #dkboard > .sub_visual {padding: 0;} #design .visual {padding: 26px 0 27px 50px;border-bottom: 1px solid #ddd;} #design .visual p{font-size:15px;color:#626262;} #design .visual h1 , #design .visual h2{font-size:36px;font-weight:600;letter-spacing:-1px;color:#000;/*;border-bottom:1px solid #c62338*/ 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;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{height: 24px;padding-top: 15px;} #design .visual .locator .path *{font-size:15px;font-weight:400;color:#333} #design .visual .locator .path li{float:left;background:url(../img/loc_arrow.png) no-repeat 0% 50%} #design .visual .locator .path li button{padding:0 15px 0 20px;text-align:left;border:0; color:#666;background:none;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #design .visual .locator .path li.sel button{color:#666} #design .visual .locator .path li.home {background: none;} #design .visual .locator .path li.home a{display: block;width: 24px;height: 20px;margin-right: 20px;background: url(../img/loc_home.png) no-repeat 0 50%;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:140px; 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: 1199px) { #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} #OpenLayer {position: absolute;top: 180px;left: 100px;z-index: 9999;background: #fff;padding: 10px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 14px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} /**/ #header{position:absolute;z-index:30002;top:0;left:0;width:100%;height:145px;overflow:hidden;background:#fff; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);border-bottom:1px solid #ddd;} #header.sel { height:470px; border-bottom:0; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header.fix_menu {position:fixed; top:-31px; border-bottom:1px solid #aaa; box-shadow:0px 2px 0px rgba(0,0,0,0.07);transition: all 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header .header{position:relative;z-index:30002;height:500px;overflow:hidden;margin:0 auto; clear:both;} #header .header h1{ padding:15px 0 10px 0; text-align:center; border-bottom:1px solid #ddd;} #header .header h1 a{} #header .header h1 a img { font-size:0; clear:both; } #header .header button{display:none} #header .h_top { width:100%; height:32px;background: #051f54;} #header .h_top div { 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;line-height: 1em;font-weight: 400;padding: 9px 30px;text-align:center;letter-spacing:-0.5px;color: #fff;} #header .h_top ul.left_lib li.li1 {margin-right: 1px;} #header .h_top ul.left_lib li.li1 a{font-size: 14px;padding: 9px 30px;color:#555;background:#fff;line-height: 1em;} #header .h_top ul.left_lib li.on a { height:31px;background:#fff; } #header .h_top ul.right_btn {position:absolute; right:15px; top:0; overflow:hidden;height:30px;} #header .h_top ul.right_btn li { } #header .h_top ul.right_btn li a {display:block;padding: 9px 15px;font-size:14px;line-height: 1em;text-align:center; color:#fff;letter-spacing:-0.5px;font-weight: 400;} #header .h_top ul.right_btn li:last-child a {padding-right: 0;} /**/ #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:60px;width:100%;transition:all 0.5s;overflow:hidden} #gnb .gnb{transition:all 0.6s} #gnb .depth1{position:relative;} #gnb .depth1 > li{float:left;position:relative;width:14.285%;height:400px; text-align:center;} #gnb .depth1 > li > a{display:block;position:relative;padding:0;height:50px;line-height:50px;font-size:18px;font-weight:bold;color:#111} #gnb .depth1 > li.g7 > a{ margin-right:0px;} #gnb .depth1 > li:hover > a , #gnb .depth1 > li.sel > a{color:#051f54;} #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:60px;left:0px;padding-top:12px; border-top:1px solid #d2d2d2; width:100%;height:300px;visibility:hidden; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.150, 0.860);} #header.sel #gnb .depth2 {display:block; top:50px; 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; text-align:center;position:relative;z-index:2;line-height:15px;font-size:13px;color:#666;} #gnb .depth2 li a:hover{color:#014fbb;} #gnb .depth2 li.sel a{color:#dc2f00} #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} /**/ #menu{position:absolute !important;z-index:10;top:0px;right:0;float:none; display: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%} /*비주얼*/ #visual{position: relative;overflow:hidden;z-index:1;padding-top:100px;height:360px; background:#dcdddc; } #visual .visual{height:360px;position:relative;overflow:hidden;background:url(../img/visual_bg.png) no-repeat center;background-size: auto 100%;} #visual .visual ul{} #visual .visual li{width:1200px; margin:0 auto;} #visual .visual .v_01 {position:relative;top:66px;left:50px; z-index:9999;color:#000;font-size:30px;font-weight:500;text-align:left;line-height: 50px;} #visual .visual .v_01 strong {font-size:40px;font-weight:700;color:#063a4d;} #visual .visual .v_01 strong span{font-weight:800;color:#063a4d;font-size:inherit;} #container .con_wrap{clear:both;padding:0px 15px;} #container{width: 100%;position:relative;z-index:99;} #container .search{position:absolute;z-index:2;top:340px;left:0;width: 100%;text-align: center;} #container .search .search_link {display:inline-block;width:540px;background:#fff url(../img/main_search_icon.png) no-repeat 101% 50%;border-radius:8px;border: 6px solid #008c44;} #container .search .search_link > a {display:block;padding: 12px 0;font-size: 17px;color:#464646;font-weight: 600;letter-spacing: -0.5px;background: url(../img/search_bg.png) no-repeat 100px 50%;} #container .search .search_link > a > span {font-size: 24px;font-weight: 800;color:#00823f;vertical-align: middle;} /**/ #container .mc_top {clear: both;width:100%;height:85px;overflow: hidden;margin:-85px auto 0;} #container .mc_top .m_use {float:left;width:50%;} #container .mc_top .m_search {float:left;width:50%;} #container .mc_top .t_area .m_use{background-color:#1f95bf;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_use h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_use ul {margin:5px 0 0 30px;} #container .mc_top .t_area .m_use ul li {float:left;font-size:15px;color:#fff;margin-right:30px;} #container .mc_top .t_area .m_use ul li:last-child {margin-right:0;} #container .mc_top .m_use ul li .week {font-size:inherit;color:#ffe699;} #container .mc_top .t_area .m_search{background-color:#003b50;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_search{background-color:#003b50;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search .tit {font-size:22px;color:#fff;padding: 15px 0 0 120px;background:url(../img/msearch_img.png) no-repeat 24px 20px;} #container .mc_top .t_area .m_search .search{z-index:2;} /**/ #container .direct_wp {width:100%;height:auto;} #container .direct {position:relative;z-index:1;text-align:center;width:100%;background:#f5f5f5;} #container .direct ul{margin:0 auto;overflow:hidden} #container .direct li{float:left;width:11.1%;text-align: center;} #container .direct li:hover { background:#fff;} #container .direct li a{display:block;color:#fff;padding: 22px 0;transition:all 0.3s} #container .direct li strong{display:block;margin:0 auto; margin-bottom:2px;padding: 40px 0;transition:all 0.3s} #container .direct li span{display:block;font-weight: 400;margin-top: 7px;font-size:13px;color:#444;text-align:center;transition:all 0.3s;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';letter-spacing: -1px;} #container .direct li span span.disB {display:none;} #container .direct li.bn1 a strong{background:url(../img/quick_01.png) no-repeat center center;} #container .direct li.bn2 a strong{background:url(../img/quick_02.png) no-repeat center center;} #container .direct li.bn3 a strong{background:url(../img/quick_03.png) no-repeat center center;} #container .direct li.bn4 a strong{background:url(../img/quick_04.png) no-repeat center center;} #container .direct li.bn5 a strong{background:url(../img/quick_05.png) no-repeat center center;} #container .direct li.bn6 a strong{background:url(../img/quick_06.png) no-repeat center center;} #container .direct li.bn7 a strong{background:url(../img/quick_07.png) no-repeat center center;} #container .direct li.bn8 a strong{background:url(../img/quick_08.png) no-repeat center center;} #container .direct li.bn9 a strong{background:url(../img/quick_09.png) no-repeat center center;} #container .direct li.bn10 a strong{background:url(../img/quick_10.png) no-repeat center center;} #container .direct li a:hover{transition:all 0.3s} #container .direct li a:hover strong { -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} #container .direct li a:hover span { color:#051f54; font-weight:bold;} /**/ #container .container{float: left;clear:both;margin:0 0 0 0;width: 100%;*zoom:1;overflow:hidden; } #container .container:before, #container .container:after{clear:both;display:table;content:"";line-height:0} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container .more_btn {position:absolute; display:block;width:24px;height:24px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;} #container .container > div {width:48%;float:left; position:relative;margin-right:4%} #container .container > div:last-child{margin-right:0px;float:right;} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container .more_btn {position:absolute; display:block;width:24px;height:24px;text-indent:-9999px;background:url(../img/main_more.png) no-repeat center center;} #container .container > div {box-sizing: border-box;position:relative;} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container h3 {font-size:20px; color:#333; font-weight:600;padding:25px 0 20px 0} #mc_middle h3 {font-size:20px; color:#333; font-weight:600;padding:25px 0 20px 0} #mc_bottom h3 {font-size:20px; color:#333; font-weight:600;padding:25px 0 20px 0} #container .container .culture h3 {font-size:21px;color:#333;font-weight:700;padding:55px 0 20px 0;} #container .container .culture .le_list {} #container .container .culture .le_list li {overflow:hidden;line-height:23px;margin-bottom:15px;} #container .container .culture .le_list li strong {font-weight:bold;float:left;display:block;width:58%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .culture .le_list li .date { float:right; font-size:13px;color:#555;} #container .container .culture .le_list li .state { display:block; width:18%; height:20px; font-weight:bold; line-height:20px; float:left; border-radius:3px; text-align:center; margin-right:10px; font-size:12px; } #container .container .culture .le_list li .s1/*접수중*/ { border:1px solid #d93900;color:#d93900;background:#fff; } #container .container .culture .le_list li .s2/*마감*/ { border:1px solid #c5c5c5;color:#6D6D6D;background:#f1f1f1;} #container .container .culture .le_list li .s3{border:1px solid #c5c5c5;color:#6d6d6d;background:#f1f1f1;} #container .container .culture .more_btn {top:35px;right:0;} #container .container .lectures ul li { position:relative; padding:0 100px 14px 0px; } #container .container .lectures ul li a {font-size:15px; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #container .container .lectures ul li span {position:absolute; right:0px; top:-4px; display:block; width:80px; height:27px; line-height:27px; font-size:12px; border:1px solid #aaa; text-align:center; font-size:13px; font-weight:bold;} #container .container .more_btn { position:absolute; display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/main_more.png) no-repeat center center; top:29px;right: 0;} #mc_middle .more_btn { position:absolute; display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/main_more.png) no-repeat center center; top:29px;right: 0;z-index: 199;} #mc_bottom .more_btn { position:absolute; display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/main_more.png) no-repeat center center; top:29px;right: 0;z-index: 199;} #mc_bottom .more_btn > a {display: block;} #container .container .notice .more_btn {right:0;} #container .container .lectures .more_btn {right:0;} #container .container .lectures h3 , #container .container .lectures ul {padding-left:40px;} #container .books .more_btn {position:absolute;top:-43px;right:0;} /**/ #container .container .notice{width:100%;} #container .container .notice h3 {font-size:21px; color:#333; font-weight:700;padding:35px 0 20px 0;} #container .container .notice ul {} #container .container .notice li { overflow:hidden; line-height:22px; margin-bottom:9px;} #container .container .notice li .text { display:block;font-size:13px;color:#6d6d6d} #container .container .notice li a {float:left;display:block;width:100%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right} #container .container .notice li.first {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;padding-top:17px;padding-bottom:17px;} #container .container .notice li.first strong { float:none; font-weight:bold; padding-top:6px; font-size:15px; padding-bottom:3px; width:auto; padding-right:20px;} #container .container .notice li.first p { display:block;float:none;color:#757575;height:45px;font-size:14px;line-height:20px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #container .container .notice li.first a {float:left;display:block;width:90%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;overflow: hidden;white-space: inherit;} #container .container .notice li.first .date{display:none;} #container .container .notice li strong{font-size:14px;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:250px;display:block;float:left;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right;} #container .container .notice .more_btn {top:40px;right:0;} /*팝업*/ #container .popup{z-index:300;margin-right:0px;} #container .popup h3{font-size:21px; color:#333; font-weight:700;padding:35px 0 20px 0;} #container .popup ul{overflow:hidden;background:#fff;} #container .popup ul li{text-align:center;} #container .popup ul li img{display:block;width:100%;} #container .popup .bx-wrapper{position:relative;z-index:10} #container .popup .bx-wrapper .bx-prev{background:url(../img/control.png) no-repeat -40px -20px} #container .popup .bx-wrapper .bx-next{margin-top:-1px;background:url(../img/control.png) no-repeat -60px -20px} #container .popup .bx-wrapper .bx-prev:hover{background-position:-40px -20px} #container .popup .bx-wrapper .bx-next:hover{background-position:-60px -20px} #container .popup .bx-wrapper .bx-controls-direction a{display:block;width:20px;height:20px;text-indent:-9999em;z-index:9999;outline:0} #container .popup .bx-wrapper .bx-controls-direction a.disabled{display:none} #container .popup .bx-wrapper .bx-controls{position:absolute;z-index:100;top:-40px;right:-5px} #container .popup .bx-wrapper .bx-controls-direction{display:none} #container .popup .bx-wrapper .bx-controls-auto{display:inline} #container .popup .bx-wrapper .bx-controls-auto .bx-start{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -60px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-60px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-start.active{display:none} #container .popup .bx-wrapper .bx-controls-auto .bx-stop{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -40px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-40px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-stop.active{display:none} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{float:left;display:block} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{float:left;display:block} #container .popup .bx-wrapper .bx-pager .bx-pager-item, #container .popup .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1} #container .popup .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) 0 0 no-repeat;text-indent:-9999px} #container .popup .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-20px -0} /*달력*/ #container .m_event{width:100% !important;} #container .m_event .rest_ex {float: left;width: 70%;font-size: 15px;line-height: 1.2em;color: #333;} #container .m_event .rest_ex span {font-size: 15px;} #container .m_event .e_list {float: right;padding: 0 20px;background: #ececec;border-radius: 15px;text-align: center;} #container .m_event .e_list li {padding: 5px 0 5px 20px;background: url(../img/holi_icon.png) no-repeat 0 50%;color: #000;} #container .m_event .c_box {clear: both;padding-top: 55px;} #container .m_event .c_box .calendar {overflow: hidden;background: #3a6396;box-sizing: border-box;height:285px;} #container .m_event .c_box .calendar .calendar_left {box-sizing: border-box;padding:0px 45px;text-align:center;} #container .m_event .c_box .calendar strong {display:block;color: #fff;font-weight: 400;font-size: 18px;} #container .m_event .c_box .calendar strong .now {color:#fff;font-size: 24px;font-weight: 600;line-height: 2em;margin-left:5px;} #container .m_event .c_box .calendar strong .now .month {font-size: 48px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow{position:relative;top:50px;left:100px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow > a {overflow: hidden;display: inline-block;width: 27px;height: 27px;text-indent: -9999px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .prev {background: url(../img/calendar_left_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .next {background: url(../img/calendar_right_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .option {position:absolute;top:16px;right:30px;} #container .m_event .c_box .calendar .day {float: left;width: 100%;height: 175px;padding: 12px 40px;box-sizing: border-box;background: #3a6396;} #container .m_event .c_box .calendar .day table{width:100%;border-collapse:collapse} #container .m_event .c_box .calendar .day table *{line-height: 1em;text-align:center;color:#fff} #container .m_event .c_box .calendar .day caption{display:none} #container .m_event .c_box .calendar .day th {font-size:12px;padding: 0 0 3px;font-weight:bold;} #container .m_event .c_box .calendar .day th.sun {color:#fff !important;} #container .m_event .c_box .calendar .day th.sat {color:#fff !important;} #container .m_event .c_box .calendar .day td {height: 23px;font-size:11px;background:#3a6396;} #container .m_event .c_box .calendar .day td a{display:block;text-align:center} #container .m_event .c_box .calendar .day td span{display: inline-block;font-size:11px;color:#fff} #container .m_event .c_box .calendar .day td.sun a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.sat a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.holi a span {color: #ff0a0a !important;} #container .m_event .c_box .calendar .day ul{position:absolute;top:10px;right:19px} #container .m_event .c_box .calendar .day li{position:relative;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070} #container .m_event .c_box .calendar .day .d1 em{background:#747474} #container .m_event .c_box .calendar .day .d2 em{background:#c64f6a} #container .m_event .c_box .calendar .day .d3 em{background:#50699d} #container .m_event .c_box .calendar .event a {background:url(../img/e_bullet02.png) no-repeat center 49%} #container .m_event .c_box .calendar .event a span{color:#fff !important;} #container .m_event .c_box .calendar .today a span{display: inline-block;font-weight:bold; font-size:15px;} #container .m_event .c_box .calendar .holi {color:#fff !important;} #container .m_event .c_box .calendar .holi span {min-width: 12px;padding: 5px;color:#fff !important;background: #fff;border-radius: 50%;} #container .m_event .c_box .calendar .calendar_bp{font-size:12px;color:#fff} /**/ #mc_bottom {clear: both;margin: 0 0 40px;} #mc_bottom .mc_con {overflow: hidden;} /**/ #mc_bottom .books {position: relative;width: 100%;margin: 10px 1% 0 0;overflow:hidden;height:270px;} #mc_bottom .books #bo1 {position: absolute;top: 65px;left: 0;padding-bottom: 25px;width: 100%;z-index: 1;} #mc_bottom .books #bo2 {position: absolute;z-index: -1;top: 65px;left: 0;width: 100%;padding-bottom: 25px;} #mc_bottom .books .lSSlideOuter {overflow: hidden;} #mc_bottom .books .nbook ul {overflow: hidden;width: 100%;} #mc_bottom .books .nbook ul li {position: relative;float: left;width: 25%;text-align: center;} #mc_bottom .books .nbook ul li .img img {display: block;width: 140px;margin: 0 auto;} #mc_bottom .books .nbook ul li .txt {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;} #mc_bottom .books .nbook ul li .txt a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 120px;padding: 20px 10px;margin: 0 auto;color: #fff;background: url(../img/book_bg.png) repeat-x 0 20%;} #mc_bottom .mc_con .books h3{font-size:font-size:21px;} #mc_bottom .books .nbook ul li dl dt img{height:150px !important;width:109px;} #mc_bottom .books .nbook ul li dd strong{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;} #mc_bottom .books .mb_tab {position:absolute;top:26px;width: 50%;} #mc_bottom .books .tab_01 {left: 0;text-align: right;} #mc_bottom .books .tab_02 {right: 0;text-align: left;} #mc_bottom .books .mb_tab > a {display: inline-block;margin: 0 10px;font-size: 17px;color: #757575;} #mc_bottom .books .mb_tab > .sel {color: #00823f;font-weight: 800;border-bottom: 1px solid #00823f;} #mc_bottom .books .tab_01 {padding: 0 7px;box-sizing: border-box;background: url(../img/books_tab_bg.png) no-repeat 100% 50%;} #mc_bottom .books .mark01 {position:absolute;top:0;left:50%;margin-left:-53px;width:34px;height:48px;background:url(../img/mark01.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} #mc_bottom .books .slide_direction {top: -38px;right: 0;height: 28px;} #Bo1GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo1GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #mc_bottom .books .book_tab {position: absolute;top: 27px;left: 0;width: 100%;text-align: center;} #mc_bottom .books .book_tab ul {overflow: hidden;display: inline-block;} #mc_bottom .books .book_tab ul li {float: left;padding: 0 10px 0 15px;background: url(../img/books_tab_bg.png) no-repeat 0 50%;} #mc_bottom .books .book_tab ul li:first-child {padding: 0 10px;background: none;} #mc_bottom .books .book_tab ul li a {display: block;font-size: 15px;color: #999;} #mc_bottom .books .book_tab ul li .sel {color: #00823f;font-weight: 800;} #mc_bottom .m_book .books .tabs li .book ul li .mark02 {position:absolute;top:0;left:50%;margin-left:-72px;width:34px;height:48px;background:url(../img/mark02.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} /**/ #mc_bottom .mc_con .best {float: left;width: 49%;position: relative;margin: 10px 1% 0 0;} #mc_bottom .best .best_wrap {position: relative;} #mc_bottom .best ul li {overflow: hidden;width: 100%;height: 200px;overflow: hidden;} #mc_bottom .best ul li .img {float: left;width: 33%;margin: 10px 5% 10px 0;} #mc_bottom .best ul li .img a {display: block;} #mc_bottom .best ul li .img a img {display: block;width: 100%;} #mc_bottom .best #bestMark {position: absolute;top: 0;left: 0;z-index: 100;width: 34px;height: 47px;background: url(../img/best_flag.png) no-repeat 0 0;} #mc_bottom .best ul li .txt {float: right;width: 62%;margin-top: 15px;} #mc_bottom .best ul li .txt a strong {display: block;width: 100% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px !important;color: #333;} #mc_bottom .best ul li .txt .writer {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;color: #999;font-size: 15px;padding: 5px 0 8px;} #mc_bottom .best ul li .txt p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;color: #575757;line-height: 1.4em;height: 4.2em;overflow: hidden;text-overflow: ellipsis; } #mc_bottom .best .best_pager {position: absolute;top: 30px;right: 0;z-index: 101;} #mc_bottom .best .best_pager a {display: inline-block;width: 14px;height: 14px;text-indent: -9999px;line-height: 1em;vertical-align: middle;margin-left: 8px;background: url(../img/pager_off.png) no-repeat 50%;background-size: 14px;} #mc_bottom .best .best_pager a:first-child {margin-left: 0;} #mc_bottom .best .best_pager .cycle-pager-active {width:15px;height: 15px;background: url(../img/pager_on.png) no-repeat 50%;background-size: 15px;} #mc_bottom .best .slide_direction {left: 40%;bottom: 20px;border-right: 0;} #mc_bottom .best .slide_direction .btn_stop {border-right: 1px solid #d2d2d2;} #mc_bottom .slide_direction {overflow: hidden;position: absolute;bottom: 0;right: 0;z-index: 120;border-right: 1px solid #d2d2d2;} #mc_bottom .slide_direction a {float: left;display: block;width: 28px;height: 28px;text-indent: -9999px;border: 1px solid #d2d2d2;border-right: 0;box-sizing: border-box;} #mc_bottom .slide_direction .btn_prev {background: url(../img/btn_prev.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_next {background: url(../img/btn_next.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_stop {background: url(../img/btn_stop.png) no-repeat 50%;} /*하단 시간*/ #time_zone{background:url(../img/time_zone02.jpg) no-repeat 100%;width:100%;overflow:hidden;padding:35px 0px;} #time_zone .time{width:100%;margin:0 auto;padding:0px 15px;} #time_zone .time .time_left{display:inline-table;} #time_zone .time .time_left .time_title{color:#fff;font-size:18px;font-weight:600;background:url(../img/main_time.png) no-repeat 0 0px;padding:5px 0px 5px 40px;} #time_zone .time .time_left ul{margin-top:25px; float:left;margin-right:80px;} #time_zone .time .time_left li{color:#fff;font-size:14px; margin-bottom:5px;} #time_zone .time .time_left span{color:#feffb9;margin-right:30px;} #time_zone .time .time_right{margin-top:20px;} #time_zone .time .time_right .call_title{color:#fff;font-size:18px;font-weight:600;background:url(../img/main_call.png) no-repeat 0 0px;padding:5px 0px 5px 40px;} #time_zone .time .time_right ul{margin-top:25px;} #time_zone .time .time_right li{color:#fff;font-size:14px;margin-bottom:5px;} #time_zone .time .time_right span{color:#feffb9;margin-right:30px;} /**/ #banner{clear: both;height:60px;background:#fff; overflow:hidden; border-top:1px solid #d2d2d2;} #banner .banner{position:relative;margin:0 2%;} #banner .banner h3{display:none} #banner .banner .bx-wrapper{margin:0 !important} #banner .banner .bx-controls{position:absolute;top:8px;right:0;height:45px;background: #fff;} #banner .banner .bx-controls-direction a{display:block;width:15px;height:15px;text-indent:-9999em;background: #fff url(../img/banner.png) no-repeat} #banner .banner .bx-controls-direction a.bx-prev{background-position:-0px -0px} #banner .banner .bx-controls-direction a.bx-next{position:absolute;bottom:0;right:0;background-position:-0px -30px} #banner .banner .bx-controls-auto{position:relative} #banner .banner .bx-controls-auto .bx-start{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background: #fff url(../img/banner.png) -15px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-start:hover{z-index:2;background-position:-15px -15px} #banner .banner .bx-controls-auto .bx-start.active{display:none} #banner .banner .bx-controls-auto .bx-stop{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background: #fff url(../img/banner.png) -0px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-stop:hover{z-index:2;background-position:-0px -15px} #banner .banner .bx-controls-auto .bx-stop.active{display:none} /**/ #footer{background:#595959;} #footer *{font-size:13px} #footer .footer{position:relative;margin:0 auto;padding:0 20px;} #footer .footer h2{position:absolute;top:40px;right:0;display:none;} #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:14px;letter-spacing:-1px;color:#fff;font-weight:400;} #footer .footer li a strong{font-size:14px;font-weight:400;color: #fff900;} #footer .footer address{display:block;font-style:normal;color:#fff} #footer .footer address strong { padding-left:30px;} #footer .footer .etc_tel {padding: 5px 0 10px;} #footer .footer .etc_tel li {color: #fff;padding: 0 15px;background: url(../img/etc_tel_bg.png) no-repeat 0 4px;} #footer .footer .etc_tel li:first-child {padding-left: 0;background: none;} #footer .footer cite{display:block;padding:6px 0 30px 0px;font-size:13px;font-style:normal;color:#c5c5c5;text-transform: uppercase;font-family:roboto,arial;} #footer .qrcode{position:absolute;top:20px;right:300px} #footer fieldset{position:absolute; right:0; top:18px} #footer select{padding:6px;width:180px;font-size:13px;color:#fff;font-weight:normal;background:#333; border:1px solid #333;} #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} #footer .f_link_wrap {float: right;margin-top: 20px;} /**/ #footer #fLink {position: relative;z-index: 99;width: 200px;} #footer #fLink .flink_first > a {display: block;padding: 10px;box-sizing: border-box;background: url(../img/flink_bg.png) no-repeat 100% 50%;color: #fff;} #footer #fLink .flink_con {display: none;position: absolute;bottom: 40px;width: 100%;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} #footer #fLink .flink_con ul {height: 430px;overflow-y: auto;} #footer #fLink .flink_con ul li {float: none;width: 100%;padding-right: 0;} #footer #fLink .flink_con ul li a {width: 100%;height: 1em;line-height: 1em;display: block;padding: 10px;color: #464646;border-top: 1px solid #ddd;font-size: 14px;} #footer #fLink .flink_con ul li:first-child a {border-top: 0;} /**/ #contain{padding:20px 0;padding-top:145px;} #contain .contain{position:relative;margin:0 auto;} #contain .contain:before, #contain .contain:after{clear:both;display:table;content:"";line-height:0} /* 서브비주얼 */ #contain #subVisual {background:url(../img/sub_v_img.png) no-repeat 50% 0;text-align: center;} #contain #subVisual .sub_slogan {padding: 50px 0;margin: 0;font-size: 26px;font-weight: 600;color: #fff;letter-spacing: 10px;word-spacing: 20px;} #contain #subVisual .sub_slogan .yellow {font-size: 26px;color: #fff900;} /*사물함신청*/ .lock_wrap {width:100%;text-align:center;font-family: 'Montserrat','Microsoft Yahei','NanumSquare','MalgunGothic' , 'Malgun Gothic','맑은고딕','dotum','돋움','gulim','굴림','Tahoma','sans-serif';} .lock_wrap .locker_tit {font-size:40px;margin-top: -110px;padding-bottom: 100px;} .lock_wrap .locker_list {overflow: hidden;margin: 0 auto;display: inline-block;padding: 0;width: 967px;} .lock_wrap .locker_list li {float: left;} .lock_wrap .locker_list li.cl_both {clear:both;} .lock_wrap .locker_list li a {display:block;width: 42px;height: 80px;border-radius: 3px;border: 1px solid #f24101;margin:0 1px 2px;position:relative;background:#dc2f00;} .lock_wrap .locker_list li a .num {position:absolute;top:2px;left:4px;font-size:14px;color:#fff;} .lock_wrap .locker_list li.no_sign {display:block;width: 42px;height: 80px;border-radius: 3px;border: 1px solid #ccc;margin: 0 1px 0;position:relative;background:url(../img/patt_01.png) repeat 0 0 #e2e2e2;} .lock_wrap .locker_list li.no_sign .num {position:absolute;top:2px;left:4px;font-size:14px;color:#8c8c8c;} .lock_wrap .locker_list li.no_sign .notxt {display:block;font-size:14px;color:#8c8c8c;padding-top:28px} .lock_wrap .locker_list li.inspect {display:block;width: 42px;height: 80px;border-radius: 3px;border: 1px solid #ffcb8d;margin: 0 1px 0;position:relative;background:url(../img/patt_02.png) repeat 0 0 #ffd5a2;} .lock_wrap .locker_list li.inspect .num {position:absolute;top:2px;left:4px;font-size:14px;color:#8c8c8c;} .lock_wrap .locker_list li.inspect .notxt {display:block;font-size:14px;color:#8c8c8c;padding-top:40px;background:url(../img/icon_inspect.png) no-repeat 0 22px;} .lock_wrap .legend {margin:20px 20px 40px;padding:20px;border:1px solid #ccc;border-radius: 5px;} .lock_wrap .legend ul {overflow:hidden;padding:0;margin:0;} .lock_wrap .legend li {float:left;font-size:14px;margin-right:10px;} .lock_wrap .legend li .lg01 {float:left;display:inline-block;width:20px;height:20px;background:#dc2f00;border: 1px solid #f24101;border-radius: 3px;margin-right:2px;} .lock_wrap .legend li .lg02 {float:left;display:inline-block;width:20px;height:20px;background:url(../img/patt_01.png) repeat 0 22px #e2e2e2;border: 1px solid #ccc;border-radius: 3px;margin-right:2px;} .lock_wrap .legend li .lg03 {float:left;display:inline-block;width:20px;height:20px;background:url(../img/patt_02.png) repeat 0 22px #ffd5a2;border: 1px solid #ffcb8d;border-radius: 3px;margin-right:2px;} .lock_wrap .legend li strong {float: left;} .my_locker {margin: 100px auto 30px;display: inline-block;padding: 0;width:100%;} .my_locker .myl_tit {text-align:left;font-size:20px;font-weight:bold;padding:0 20px 20px;} .lock_wrap table *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px;color:#333;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} .lock_wrap table{width:100%;border-collapse:collapse;border-top:2px solid #f7941d} .lock_wrap table caption{display:none} .lock_wrap table thead *{font-size:14px} .lock_wrap table tbody *{font-size:13px} .lock_wrap table thead th{padding:13px 10px;line-height:15px;font-weight:800;text-align:center;color:#000;border-left:1px solid #e7e7e7;border-right:none;border-bottom:1px solid #989898;background:#fff;box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.08);} .lock_wrap table thead th:first-child{border-left:0} .lock_wrap table thead tr{background-color:#fff} .lock_wrap table tbody tr{} .lock_wrap table tbody th{padding:7px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2} .lock_wrap table tbody td{padding:10px 10px;text-align:center;border:1px solid #e2e2e2;border-bottom:1px solid #ccc} .lock_wrap table tbody td:first-child{border-left:0} .lock_wrap table tbody td:last-child{border-right:0} .lock_wrap table tbody th:first-child{border-left:0} .lock_wrap table tbody th:last-child{border-right:0;background-color:#fbfbfb} .lock_wrap table tbody tr:first-child th, .lock_wrap table tbody tr:first-child td{border-top:1px solid #aaa;} .lock_wrap table tbody td button{margin:2px 0;padding:2px 5px;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#fff} .lock_wrap table tfoot th{padding:4px 10px;font-weight:800;text-align:center;color:#002747;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f4f5f8} .lock_wrap table tfoot td{padding:4px 10px;text-align:center;border:1px solid #989898;border-bottom:1px solid #cacaca;background-color:#f8f8f8} .lock_wrap table tfoot td:first-child{border-left:0} .lock_wrap table tfoot td:last-child{border-right:0} .lock_wrap table tfoot th:first-child{border-left:0} .lock_wrap table tfoot th:last-child{border-right:0} .lock_wrap table tfoot td.tal{text-align:left} .lock_wrap table tfoot td button{margin:2px 0;padding:2px 5px;border:1px solid #ccc;background-color:#fff} .lock_wrap table tbody td.subject{text-align:left} .lock_wrap table tbody td.subject a:hover{color:#000;text-decoration:underline} .lock_wrap table tbody th.item, .lock_wrap table tbody td.item{/*padding:0 0 0 30px;text-align:left;*/border-bottom:1px solid #cacaca; padding-left:30px; text-align:left;background-color:#fafafa} .lock_wrap table tbody td.item span.red{position:absolute;} .lock_wrap table tbody td .dtnum{display:block;position:relative;height:16px;line-height:16px;text-overflow:ellipsis;overflow:hidden} .lock_wrap table tbody td .new{font-size:11px;font-weight:800;color:#c00} .lock_wrap table tbody td .btn_zip{padding:0 7px;height:25px;font-size:12px;letter-spacing:-1px;color:#fff !important;border:1px solid #333;background:#777 !important;cursor:pointer} .lock_wrap table tbody td .okay{padding:5px 30px;font-size:16px;color:#fff;border:1px solid #333;background:#333;cursor:pointer} .lock_wrap table tbody td span.info { padding:0 3px;} .lock_wrap .ta_mo_none {display:none;} /**/ #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;background: url(../img/sub-patten.png) no-repeat 100% 0} #design #content > div {margin-top: 20px;} #design #content .sub_visual {margin: 0;} #design #program > div {margin-top: 20px;} #design #program .sub_visual {margin: 0;} #design #content , #design #program { padding-bottom:40px;} #design .visual{padding-bottom: 20px;border-bottom:1px solid #ddd; z-index:1;/*height:140px;border-bottom:1px solid #aaa;*/} #design .visual h1,#design .visual h2{position:relative;z-index:2;padding:30px 0 0;font-size:30px;font-weight:600;letter-spacing:-1px;color:#333;/*;border-bottom:1px solid #c62338*/ 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 #wait img {width: 100%;} #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{height: 35px;} #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;background: url(../img/loc_arrow.png) no-repeat 0 50%;} #design .locator .path li a{display:block;padding:8px 0;color:#a7a7a7} #design .locator .path li button{margin-right:10px;padding:8px 35px 8px 15px;font-size:15px;font-weight:400;color:#333;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{background: none;} #design .locator .path li.home a{display:block;width: 24px;height: 20px;padding-right: 15px;background: url(../img/loc_home.png) no-repeat 0 50%;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; 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 !important;} #OpenLayer {position: absolute;top: 150px;left: 10px;width: 70%;z-index: 9999;background: #fff;padding: 5px;border-radius: 5px;border: 1px solid #ccc;box-shadow: 5px 5px 20px rgba(0,0,0,0.3);text-align: right;} #OpenLayer > a {clear: both;font-size: 12px;} #OpenLayer #TodayClose {float: left;margin-right: 20px;} #OpenLayer img {width: 100%;} #banpo{min-width:320px; overflow-x:hidden;} #header{position:relative; background:#fff} #header .header{height:60px;} #header .h_top {width:100%;background:#051f54;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;padding: 4px 20px;font-size:13px; font-weight:300;text-align:center;color:#fff; background:#051f54;} #header .h_top ul.left_lib li.li1 a{ background:#fff;color: #000;margin-right:1px; } #header .h_top ul.left_lib li.on a { background:#fff; color:#333; font-weight:bold; } #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:20px;} #header .header h1 a{display:block; width:150px;padding-left:50px;} #header .header h1 img{width:100%;} #header .header button{position:absolute;top:26px;width:50px;height:60px;line-height:68px} #header .header button i{font-size:24px !important} #header .header .btn-menu{top:26px;left:0} #header .header button.btn-page{height:40px;background:#e4e4e4;border-radius:3px;width:40px;text-align:center;top:36px;right:10px;display:block;line-height:14px;font-size:11px;font-family:'Roboto';} #header .header button.btn-page2{height:40px;background:#e4e4e4;border-radius:3px;width:48px;text-align:center;top:36px;right:55px;display:block; line-height:14px;font-size:11px;font-family:'Roboto';} #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%} /*비주얼*/ #visual{position: relative;overflow:hidden;z-index:1;height:360px; background:#dcdddc; } #visual .visual{height:360px;position:relative;overflow:hidden;background:url(../img/visual_bg.png) no-repeat 70% 0;background-size: cover;} #visual .visual ul{} #visual .visual li{width:100%; margin:0 auto;} #visual .visual .v_01 {position:relative;top:30px;left:30px; z-index:9999;color:#000;font-size:25px;font-weight:500;text-align:left;line-height: 50px;} #visual .visual .v_01 strong {font-size:35px;font-weight:700;color:#063a4d;} #visual .visual .v_01 strong span{font-weight:800;color:#063a4d;font-size:inherit;} #container .con_wrap{clear:both;padding:0px 15px;} #container{width: 100%;position:relative;z-index:99;} #container .search{position:absolute;z-index:2;top:340px;left:0;width: 100%;text-align: center;} #container .search .search_link {display:inline-block;width:540px;background:#fff url(../img/main_search_icon.png) no-repeat 101% 50%;border-radius:8px;border: 6px solid #008c44;} #container .search .search_link > a {display:block;padding: 12px 0;font-size: 17px;color:#464646;font-weight: 600;letter-spacing: -0.5px;background: url(../img/search_bg.png) no-repeat 100px 50%;} #container .search .search_link > a > span {font-size: 24px;font-weight: 800;color:#00823f;vertical-align: middle;} /**/ #container .mc_top {clear: both;width:100%;height:85px;overflow: hidden;margin:-85px auto 0;} #container .mc_top .m_use {float:left;width:50%;} #container .mc_top .m_search {float:left;width:50%;} #container .mc_top .t_area .m_use{background-color:#1f95bf;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_use h3{margin:15px 0 0 15px; color:#fff;font-weight:700;font-size:15px !important;} #container .mc_top .t_area .m_use ul {margin:5px 0 0 15px;} #container .mc_top .t_area .m_use ul li {float:left;font-size:14px;color:#fff;margin-right:30px;} #container .mc_top .t_area .m_use ul li:last-child {margin-right:0;} #container .mc_top .m_use ul li .week {font-size:inherit;color:#ffe699;} #container .mc_top .t_area .m_search{background-color:#003b50;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search h3{margin:15px 0 0 30px; color:#fff;font-weight:700;font-size:19px;} #container .mc_top .t_area .m_search{background-color:#003b50;border-top-left-radius:7px;border-top-right-radius:7px;height:85px;} #container .mc_top .t_area .m_search .tit {font-size:20px !important;color:#fff;padding: 15px 0 0 15px;font-weight:600;} #container .mc_top .t_area .m_search .search{z-index:2;} /**/ #container .direct_wp {width:100%;height:auto;} #container .direct {position:relative;z-index:1;text-align:center;width:100%;background:#f5f5f5;} #container .direct ul{margin:0 auto;overflow:hidden} #container .direct li{float:left;width:23%;padding: 0 1%;} #container .direct li a{display:block;color:#fff; padding:10px 0; height:110px; transition:all 0.3s} #container .direct li strong{display:block;margin:0 auto;width:60px;height:60px;transition:all 0.3s} #container .direct li span{display:block;position:relative;font-weight:bold;word-break: keep-all;z-index:10;font-size:13px;line-height: 1.2em;color:#444;padding-top:10px;text-align:center;transition:all 0.3s} #container .direct li.bn1 a strong{background:url(../img/quick_01.png) no-repeat center center; background-size:44px;} #container .direct li.bn2 a strong{background:url(../img/quick_02.png) no-repeat center center; background-size:44px;} #container .direct li.bn3 a strong{background:url(../img/quick_03.png) no-repeat center center; background-size:44px;} #container .direct li.bn4 a strong{background:url(../img/quick_04.png) no-repeat center center; background-size:44px;} #container .direct li.bn5 a strong{background:url(../img/quick_05.png) no-repeat center center; background-size:44px;} #container .direct li.bn6 a strong{background:url(../img/quick_06.png) no-repeat center center; background-size:44px;} #container .direct li.bn7 a strong{background:url(../img/quick_07.png) no-repeat center center; background-size:44px;} #container .direct li.bn8 a strong{background:url(../img/quick_08.png) no-repeat center center; background-size:44px;} #container .direct li.bn9 a strong{background:url(../img/quick_09.png) no-repeat center center; background-size:44px;} #container .direct li.bn10 a strong{background:url(../img/quick_10.png) no-repeat center center; background-size:44px;} #container .direct li.bn1 , #container .direct li.bn3 , #container .direct li.bn7 , #container .direct li.bn9, #container .direct li.bn10 {background-color:#fff;} #container .direct li a:hover{transition:all 0.3s} #container .direct li a:hover strong { -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} #container .direct li a:hover span { color:#00823f; font-weight:bold;} /**/ #container .container > div {width: 100%;box-sizing: border-box;position:relative;} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container h3 {font-size:20px; color:#333; font-weight:600;padding:25px 0 20px 0} #mc_middle h3 {font-size:20px; color:#333; font-weight:600;padding:25px 0 20px 0} #mc_bottom h3 {font-size:20px; color:#333; font-weight:600;padding:25px 0 20px 0} /*#container .container > div { padding-bottom:20px; position:relative; border-bottom:1px solid #f2f2f2;} #container .container > div li:hover a {color:#1e8d54; transition:0.3s;} #container .container h3 {font-size:18px; color:#333; font-weight:800;padding:16px 0 16px 16px}*/ #container .container .lectures ul li { position:relative; padding:0 80px 10px 0px; } #container .container .lectures ul li a {font-size:14px; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #container .container .lectures ul li span {position:absolute; right:0px; top:-2px; display:block; width:60px; height:22px; line-height:22px; font-size:12px; border:1px solid #ccc; text-align:center;} #container .container .more_btn { position:absolute; display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/main_more.png) no-repeat center center; top:26px;} #mc_middle .more_btn { position:absolute; display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/main_more.png) no-repeat center center; top:29px;right: 0;} #mc_bottom .more_btn { position:absolute; display:block; width:24px; height:24px; text-indent:-9999px; background:url(../img/main_more.png) no-repeat center center; top:29px;} #container .container .books .nbook {} #container .books {position: relative;padding-bottom: 25px;} #container .container .notice .more_btn {right:0;} #container .container .lectures .more_btn {right:0;} #container .container .lectures h3 , #container .container .lectures ul {padding-left:40px;} #container .books .more_btn {position:absolute;top:-43px;right:0;} #mc_bottom .more_btn {right:0;} #container .container .culture h3 {font-size:21px;color:#333;font-weight:700;padding:35px 0 20px 0;} #container .container .culture .le_list {} #container .container .culture .le_list li {overflow:hidden;line-height:23px;margin-bottom:19px;} #container .container .culture .le_list li strong {font-weight:bold;float:left;display:block;width:58%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .culture .le_list li .date { float:right; font-size:13px;color:#555;} #container .container .culture .le_list li .state { display:block; width:18%; height:20px; font-weight:bold; line-height:20px; float:left; border-radius:3px; text-align:center; margin-right:10px; font-size:12px; } #container .container .culture .le_list li .s1/*접수중*/ { border:1px solid #d93900;color:#d93900;background:#fff; } #container .container .culture .le_list li .s2/*마감*/ { border:1px solid #c5c5c5;color:#6D6D6D;background:#f1f1f1;} #container .container .culture .le_list li .s3{border:1px solid #c5c5c5;color:#6d6d6d;background:#f1f1f1;} #container .container .culture .more_btn {top:35px;right:0;} /*공지사항*/ #container .container .notice h3 {font-size:21px; color:#333; font-weight:700;padding:35px 0 20px 0;} #container .container .notice ul {} #container .container .notice li { overflow:hidden; line-height:22px; margin-bottom:9px;} #container .container .notice li .text { display:block;font-size:13px;color:#6d6d6d} #container .container .notice li a {float:left;display:block;width:100%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right} #container .container .notice li.first {font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;padding-top:17px;padding-bottom:17px;} #container .container .notice li.first strong { float:none; font-weight:bold; padding-top:6px; font-size:15px; padding-bottom:3px; width:auto; padding-right:20px;} #container .container .notice li.first p { display:block;float:none;color:#757575;height:45px;font-size:14px;line-height:20px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';} #container .container .notice li.first a {float:left;display:block;width:90%;font-size:14px;font-family:'MalgunGothic' , 'Malgun Gothic','맑은고딕';color:#333;overflow: hidden;white-space: inherit;} #container .container .notice li.first .date{display:none;} #container .container .notice li strong{font-size:14px;color:#2d2d2d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:250px;display:block;float:left;} #container .container .notice li .date{font-size:13px;color:#6d6d6d;float:right;} #container .container .notice .more_btn {top:35px;right:0;} /*팝업*/ #container .popup{z-index:300;margin-right:0px;} #container .popup h3{font-size:21px; color:#333; font-weight:700;padding:35px 0 20px 0;} #container .popup ul{overflow:hidden;background:#fff;} #container .popup ul li{text-align:center;} #container .popup ul li img{display:block;/*width:50%;*/margin:0 auto;} #container .popup .bx-wrapper{position:relative;z-index:10} #container .popup .bx-wrapper .bx-prev{background:url(../img/control.png) no-repeat -40px -20px} #container .popup .bx-wrapper .bx-next{margin-top:-1px;background:url(../img/control.png) no-repeat -60px -20px} #container .popup .bx-wrapper .bx-prev:hover{background-position:-40px -20px} #container .popup .bx-wrapper .bx-next:hover{background-position:-60px -20px} #container .popup .bx-wrapper .bx-controls-direction a{display:block;width:20px;height:20px;text-indent:-9999em;z-index:9999;outline:0} #container .popup .bx-wrapper .bx-controls-direction a.disabled{display:none} #container .popup .bx-wrapper .bx-controls{position:absolute;z-index:100;top:-40px;right:-5px} #container .popup .bx-wrapper .bx-controls-direction{display:none} #container .popup .bx-wrapper .bx-controls-auto{display:inline} #container .popup .bx-wrapper .bx-controls-auto .bx-start{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -60px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-60px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-start.active{display:none} #container .popup .bx-wrapper .bx-controls-auto .bx-stop{display:inline-block;display:block;text-indent:-9999px;width:20px;height:20px;outline:0;background:url(../img/control.png) -40px -0px no-repeat} #container .popup .bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-40px -0px} #container .popup .bx-wrapper .bx-controls-auto .bx-stop.active{display:none} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{float:left;display:block} #container .popup .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{float:left;display:block} #container .popup .bx-wrapper .bx-pager .bx-pager-item, #container .popup .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;*zoom:1} #container .popup .bx-wrapper .bx-pager.bx-default-pager a{display:inline-block;width:20px;height:20px;outline:0;background:url(../img/control.png) 0 0 no-repeat;text-indent:-9999px} #container .popup .bx-wrapper .bx-pager.bx-default-pager a.active{background-position:-20px -0} #container .popup .slide_direction {overflow: hidden;position: absolute;bottom: 0;right: 0;z-index: 100;border-right: 1px solid #d2d2d2;} #container .popup .slide_direction a {float: left;display: block;width: 28px;height: 28px;text-indent: -9999px;border: 1px solid #d2d2d2;border-right: 0;box-sizing: border-box;} #container .popup .slide_direction .btn_prev {background: url(../img/btn_prev.png) no-repeat 50%;} #container .popup .slide_direction .btn_next {background: url(../img/btn_next.png) no-repeat 50%;} #container .popup .slide_direction .btn_stop {background: url(../img/btn_stop.png) no-repeat 50%;} /*달력*/ #container .m_event{width:100% !important;} #container .m_event .rest_ex {float: left;width: 70%;font-size: 15px;line-height: 1.2em;color: #333;} #container .m_event .rest_ex span {font-size: 15px;} #container .m_event .e_list {float: right;padding: 0 20px;background: #ececec;border-radius: 15px;text-align: center;} #container .m_event .e_list li {padding: 5px 0 5px 20px;background: url(../img/holi_icon.png) no-repeat 0 50%;color: #000;} #container .m_event .c_box {clear: both;padding-top: 55px;} #container .m_event .c_box .calendar {overflow: hidden;background: #3a6396;box-sizing: border-box;height:285px;} #container .m_event .c_box .calendar .calendar_left {box-sizing: border-box;padding:0px 45px;text-align:center;} #container .m_event .c_box .calendar strong {display:block;color: #fff;font-weight: 400;font-size: 18px;} #container .m_event .c_box .calendar strong .now {color:#fff;font-size: 24px;font-weight: 600;line-height: 2em;margin-left:5px;} #container .m_event .c_box .calendar strong .now .month {font-size: 35px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow{position:relative;top:50px;left:100px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow > a {overflow: hidden;display: inline-block;width: 27px;height: 27px;text-indent: -9999px;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .prev {background: url(../img/calendar_left_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .calendar_left .calendar_arrow .next {background: url(../img/calendar_right_arrow.png) no-repeat 50%;} #container .m_event .c_box .calendar .option {position:absolute;top:16px;right:30px;} #container .m_event .c_box .calendar .day {float: left;width: 100%;height: 175px;padding: 12px 40px;box-sizing: border-box;background: #3a6396;} #container .m_event .c_box .calendar .day table{width:100%;border-collapse:collapse} #container .m_event .c_box .calendar .day table *{line-height: 1em;text-align:center;color:#fff} #container .m_event .c_box .calendar .day caption{display:none} #container .m_event .c_box .calendar .day th {font-size:12px;padding: 0 0 3px;font-weight:bold;} #container .m_event .c_box .calendar .day th.sun {color:#fff !important;} #container .m_event .c_box .calendar .day th.sat {color:#fff !important;} #container .m_event .c_box .calendar .day td {height: 23px;font-size:11px;background:#3a6396;} #container .m_event .c_box .calendar .day td a{display:block;text-align:center} #container .m_event .c_box .calendar .day td span{display: inline-block;font-size:11px;color:#fff} #container .m_event .c_box .calendar .day td.sun a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.sat a span{color:#fff !important;} #container .m_event .c_box .calendar .day td.holi a span {color: #ff0a0a !important;} #container .m_event .c_box .calendar .day ul{position:absolute;top:10px;right:19px} #container .m_event .c_box .calendar .day li{position:relative;font-size:11px;font-weight:400;letter-spacing:-1px;color:#707070} #container .m_event .c_box .calendar .day .d1 em{background:#747474} #container .m_event .c_box .calendar .day .d2 em{background:#c64f6a} #container .m_event .c_box .calendar .day .d3 em{background:#50699d} #container .m_event .c_box .calendar .event a {background:url(../img/e_bullet02.png) no-repeat center 49%} #container .m_event .c_box .calendar .event a span{color:#fff !important;} #container .m_event .c_box .calendar .today a span{display: inline-block;font-weight:bold; font-size:15px;} #container .m_event .c_box .calendar .holi {color:#fff !important;} #container .m_event .c_box .calendar .holi span {min-width: 12px;padding: 5px;color:#fff !important;background: #fff;border-radius: 50%;} #container .m_event .c_box .calendar .calendar_bp{font-size:12px;color:#fff} /**/ #mc_bottom {clear: both;margin: 0 0 40px;} #mc_bottom .mc_con {overflow: hidden;} /**/ #mc_bottom .books {position: relative;height: 275px;} #mc_bottom .books #bo1 {position: absolute;top: 76px;left: 0;z-index: 1;width: 100%;} #mc_bottom .books #bo2 {position: absolute;top: 76px;left: 0;z-index: -1;width: 100%;} #mc_bottom .books .lSSlideOuter {overflow: hidden;} #mc_bottom .books .nbook ul {overflow: hidden;width: 100%;} #mc_bottom .books .nbook ul li {position: relative;float: left;width: 50%;height: 198px;;text-align: center;} #mc_bottom .books .nbook ul li .img img {display: block;width: 140px;margin: 0 auto;} #mc_bottom .books .nbook ul li .txt {position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;} #mc_bottom .books .nbook ul li .txt a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;width: 120px;padding: 20px 10px;margin: 0 auto;color: #fff;background: url(../img/book_bg.png) repeat-x 0 20%;} #mc_bottom .books .nbook ul li dl dt img{height:150px !important;width:109px;} #mc_bottom .books .nbook ul li dd strong{white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis;} #mc_bottom .books .mb_tab {position:absolute;top:29px;width: 50%;} #mc_bottom .books .tab_01 {left: 0;text-align: right;} #mc_bottom .books .tab_02 {right: 0;text-align: left;} #mc_bottom .books .mb_tab > a {display: inline-block;margin: 0 10px;font-size: 17px;color: #757575;} #mc_bottom .books .mb_tab > .sel {color: #00823f;font-weight: 800;border-bottom: 1px solid #00823f;} #mc_bottom .books .tab_01 {padding: 0 7px;box-sizing: border-box;background: url(../img/books_tab_bg.png) no-repeat 100% 50%;} #mc_bottom .books .mark01 {position:absolute;top:0;left:50%;margin-left:-54px;width:34px;height:48px;background:url(../img/mark01.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} #mc_bottom .books .slide_direction {top: -49px;right: 0;height: 28px;} #Bo1GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo1GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToPrevSlide {background: url(../img/btn_prev.png) no-repeat 50%;text-indent: -9999px;} #Bo2GoToNextSlide {background: url(../img/btn_next.png) no-repeat 50%;text-indent: -9999px;} #mc_bottom .books .book_tab {position: absolute;top: 27px;left: 0;width: 100%;text-align: center;} #mc_bottom .books .book_tab ul {overflow: hidden;display: inline-block;} #mc_bottom .books .book_tab ul li {float: left;padding: 0 10px 0 15px;background: url(../img/books_tab_bg.png) no-repeat 0 50%;} #mc_bottom .books .book_tab ul li:first-child {padding: 0 10px;background: none;} #mc_bottom .books .book_tab ul li a {display: block;font-size: 15px;color: #999;} #mc_bottom .books .book_tab ul li .sel {color: #00823f;font-weight: 800;} #mc_bottom .m_book .books .tabs li .book ul li .mark02 {position:absolute;top:0;left:50%;margin-left:-72px;width:34px;height:48px;background:url(../img/mark02.png) no-repeat 0 0;font-size:12px;padding-top:8px;text-align:center;color:#fff;} /**/ #mc_bottom .mc_con .best {position: relative;} #mc_bottom .best .best_wrap {position: relative;} #mc_bottom .best .best_wrap .best_list {overflow: hidden;} #mc_bottom .best ul li {overflow: hidden;width: 100%;min-height: 200px;overflow: hidden;} #mc_bottom .best ul li .img {float: left;width: 33%;margin: 10px 5% 10px 0;} #mc_bottom .best ul li .img a {display: block;} #mc_bottom .best ul li .img a img {display: block;width: 100%;} #mc_bottom .best #bestMark {position: absolute;top: 0;left: 0;z-index: 100;width: 34px;height: 47px;background: url(../img/best_flag.png) no-repeat 0 0;} #mc_bottom .best ul li .txt {float: right;width: 62%;margin-top: 15px;} #mc_bottom .best ul li .txt a strong {display: block;width: 100% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 17px !important;color: #333;} #mc_bottom .best ul li .txt .writer {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;color: #999;font-size: 15px;padding: 5px 0 8px;} #mc_bottom .best ul li .txt p {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 14px;color: #575757;line-height: 1.4em;height: 4.2em;overflow: hidden;text-overflow: ellipsis; } #mc_bottom .best .best_pager {position: absolute;top: 30px;right: 0;z-index: 101;} #mc_bottom .best .best_pager a {display: inline-block;width: 14px;height: 14px;text-indent: -9999px;line-height: 1em;vertical-align: middle;margin-left: 8px;background: url(../img/pager_off.png) no-repeat 50%;background-size: 14px;} #mc_bottom .best .best_pager a:first-child {margin-left: 0;} #mc_bottom .best .best_pager .cycle-pager-active {width: 15px;height: 15px;background: url(../img/pager_on.png) no-repeat 50%;background-size: 15px;} #mc_bottom .best .slide_direction {left: 38%;bottom: 20px;border-right: 0;} #mc_bottom .best .slide_direction .btn_stop {border-right: 1px solid #d2d2d2;} #mc_bottom .slide_direction {overflow: hidden;position: absolute;bottom: 0;right: 100;z-index: 199;border-right: 1px solid #d2d2d2;} #mc_bottom .slide_direction a {float: left;display: block;width: 28px;height: 28px;text-indent: -9999px;border: 1px solid #d2d2d2;border-right: 0;box-sizing: border-box;} #mc_bottom .slide_direction .btn_prev {background: url(../img/btn_prev.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_next {background: url(../img/btn_next.png) no-repeat 50%;} #mc_bottom .slide_direction .btn_stop {background: url(../img/btn_stop.png) no-repeat 50%;} / /**/ #banner{height:60px;background:#fff; overflow:hidden; border-top:1px solid #d2d2d2;} #banner .banner{position:relative;margin:0 3%;} #banner .banner h3{display:none} #banner .banner .bx-wrapper{margin:0 !important} #banner .banner .bx-controls{position:absolute;top:8px;right:0;height:45px;background: #fff;} #banner .banner .bx-controls-direction a{display:block;width:15px;height:15px;text-indent:-9999em;background: #fff url(../img/banner.png) no-repeat} #banner .banner .bx-controls-direction a.bx-prev{background-position:-0px -0px} #banner .banner .bx-controls-direction a.bx-next{position:absolute;bottom:0;right:0;background-position:-0px -30px} #banner .banner .bx-controls-auto{position:relative} #banner .banner .bx-controls-auto .bx-start{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background: #fff url(../img/banner.png) -15px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-start:hover{z-index:2;background-position:-15px -15px} #banner .banner .bx-controls-auto .bx-start.active{display:none} #banner .banner .bx-controls-auto .bx-stop{display:block;position:relative;z-index:1;width:15px;height:15px;outline:0;background: #fff url(../img/banner.png) -0px -15px no-repeat;text-indent:-9999em} #banner .banner .bx-controls-auto .bx-stop:hover{z-index:2;background-position:-0px -15px} #banner .banner .bx-controls-auto .bx-stop.active{display:none} /*하단 시간*/ #time_zone{background:url(../img/time_zone01.jpg) no-repeat 100%;width:100%;overflow:hidden;padding:35px 0px;} #time_zone .time{width:100%;margin:0 auto;padding:0px 15px;clear:both;} #time_zone .time .time_left{float:left;} #time_zone .time .time_left .time_title{color:#fff;font-size:18px;font-weight:600;background:url(../img/main_time.png) no-repeat 0 0px;padding:5px 0px 10px 40px;} #time_zone .time .time_left ul{margin-top:25px; float:left;margin-right:80px;} #time_zone .time .time_left li{color:#fff;font-size:14px; margin-bottom:5px;} #time_zone .time .time_left span{color:#feffb9;margin-right:30px;} #time_zone .time .time_right{float:left;margin-top:20px;} #time_zone .time .time_right .call_title{color:#fff;font-size:18px;font-weight:600px;background:url(../img/main_call.png) no-repeat 0 0px;padding:5px 0px 10px 40px;} #time_zone .time .time_right ul{margin-top:25px;} #time_zone .time .time_right li{color:#fff;font-size:14px;margin-bottom:5px;} #time_zone .time .time_right span{color:#feffb9;margin-right:30px;} /**/ #footer{padding: 20px 0;background:#595959;} #footer *{font-size:12px} #footer .footer{position:relative} #footer .footer h2{display:none} #footer .footer ul{text-align:center;overflow:hidden; padding:10px 0;} #footer .footer li{display:inline-block} #footer .footer li a{display:block;padding:4px 10px;font-size:14px;letter-spacing:-1px;color:#fff;font-weight:400} #footer .footer li a:hover{color:#fff} #footer .footer li a strong{font-size:14px; font-weight:400;color: #fff900;} #footer .footer address{display:block;text-align:center;font-style:normal;color:#fff} #footer .footer address strong { padding:0 10px; display:block; text-align:center;} #footer .footer .etc_tel {padding: 5px 0 10px;} #footer .footer .etc_tel li {color: #fff;padding: 0 15px;background: url(../img/etc_tel_bg.png) no-repeat 0 4px;} #footer .footer .etc_tel li:first-child {padding-left: 0;background: none;} #footer .footer cite{display:block;padding:4px 0 12px 0;font-size:12px;font-style:normal;text-transform: uppercase;text-align:center;color:#c5c5c5} #footer fieldset{ padding-bottom:16px;} #footer fieldset span { display:block; text-align:center; margin-top:4px;} #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} #footer .f_link_wrap {text-align: center;} #footer .f_link_wrap select {width: 40%;margin-bottom: 20px;} /**/ #footer .f_link_wrap {text-align: center;} #footer #fLink {display: inline-block;position: relative;z-index: 199;width: 40%;min-width: 200px;text-align: center;} #footer #fLink .flink_first {text-align: center;} #footer #fLink .flink_first > a {display: block;padding: 10px;box-sizing: border-box;background: url(../img/flink_bg.png) no-repeat 100% 50%;color: #fff;} #footer #fLink .flink_con {display: none;position: absolute;bottom: 40px;z-index: 200;width: 100%;background: #fff;border: 1px solid #ddd;box-sizing: border-box;} #footer #fLink .flink_con ul {height: 430px;overflow-y: auto;} #footer #fLink .flink_con ul li {float: none;width: 100%;padding-right: 0;} #footer #fLink .flink_con ul li a {width: 100%;height: 1em;line-height: 1em;display: block;padding: 10px 0;color: #464646;border-top: 1px solid #ddd;} #footer #fLink .flink_con ul li:first-child a {border-top: 0;} .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;} /**/ #contain #subVisual {display: none;} /**/ #aside{display:none} #content{position:relative} /**/ #design{background:#fff; padding-bottom:40px;} #design .visual{position:relative;height:110px;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:60px;width: 100%;text-align: center;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 #696969; box-shadow:0px 2px 0px rgba(0,0,0,0.1); background:#696969;*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:33.3%;white-space:nowrap} #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: 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:#051f54;} #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:9999;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;height: 100%;background:#fff;padding-bottom: 48px;box-sizing: border-box;} #dkleft .lefttit{height: 50px;padding:0 20px;background:#051f54} #dkleft .select {height: 100%;overflow-y: auto;} #dkleft .lefttit button{display:block;position:relative;padding: 14px 0;font-size:14px;color:#fff;border:0;background:transparent} #dkleft .lefttit button i{display:block;padding:5px 10px 0 0;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 .lefttit .mobile_member {display: block;padding-bottom: 5px;border-top: 1px solid rgba(255,255,255,0.3);} #dkleft .lefttit .mobile_member > a {display: block;padding: 10px 0 10px 35px;color: #fff;font-size: 15px;box-sizing: border-box;background: url(../img/member_icon.png) no-repeat 0 50%;} #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:10px;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 (max-width: 360px) { #container .direct li {width: 46%;padding: 0 2%;} }*/ @keyframes mv00 { from {background-position:center 110px; } to {background-position:center 0px; } } @keyframes mv01 { from {top:140px; opacity:0;} to {top:90px; opacity:1;} } @keyframes mv02 { from {top:100px;opacity:0;} to {top:40px;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; } }