#wrap{width:100%;margin:0 auto;min-height:100%;min-width:375px;position:relative;word-break:keep-all} .header_info .infobox{float:left} /** header **/ #header_wrap{width:100%} #header{width:100%;max-width:1400px;height:120px;margin:0px auto -1px;padding:0;position:relative; z-index: 1000000;} #header .logo_wrap{position:absolute;top:30px;left:0} #header .logo_wrap h1{float:left} #header .logo_wrap h2{float:left;margin-top:-6px} #header .logo_wrap img{width:100%} * 전체메뉴버튼 */ .header_fullmenu_t{padding:10px 0 0 4px;float:left; display:none} .header_fullmenu_t a.btn_fullmenu_t{display:block;width:50px;height:50px;position:absolute;top:45px;right:5px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat} a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .pop_open_btn a.btn_fullmenu_t{position:absolute;top:45px} .header_fullmenu{padding:10px 0 0 4px;float:left; display:block} .header_fullmenu a.btn_fullmenu_t{display:block;width:50px;height:50px;position:absolute;top:45px;right:5px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat} a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .pop_open_btn a.btn_fullmenu_t{position:absolute;top:45px} .pop_open_btn { display: none; } /* menuwrap */ #menuwrap{text-align:center} #menuwrap h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation{padding-top:34px;position:absolute;left: 33%;} #navigation > li{display:inline-block;position:relative} #navigation > li:after{content:'';display:block;width:4px;height:8px;background:#ccc;right:0;position:absolute;top: 33px;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg)} #navigation > li > a{position:relative;display:block;font-size:20px;color:#000;font-weight:600;text-align:center;letter-spacing:-1px;padding:28px 45px 28px 35px} #navigation > li > a.on{font-weight:700;padding-bottom:28px;color:#4372c3} #navigation > li > a:hover{border-top:6px solid #4372c3;font-weight:700;color:#4372c3;padding:22px 45px 28px 35px;text-decoration:none} #navigation > li > a.over{border-top:6px solid #4372c3;font-weight:700;padding:22px 45px 28px 35px;color:#4372c3} #navigation > li:last-child::after{display:none} .pullDownbg{width:100%;background:#fff url('../img/main/pulldown_bg.png') no-repeat;border-bottom:1px solid #ccc;height:210px;position:absolute;z-index:9;top:120px} .pullDown{position:absolute;min-height: 120px;z-index:9999; display: none !important;width:100%} .pullDown ul { padding: 15px 0; background: #4372c3; display: block; float: left; text-align: center; width: 100%; position: relative; border-right: none !important; margin-top: 15px; } .pullDown ul li{background:#4372c3;display:block;float:left;text-align:center;width:100%;position:relative;border-right:none !important;line-height: 28px;} .pullDown ul li a{display:block;width:100%;font-size: 18px !important;color:#fff !important;position:relative;padding:4px 0 !Important;/* line-height:25px; */font-weight:400} .pullDown ul li a:hover{color:#fff !important;font-weight:600} .pullDown ul li a.blank{display:inline-block;background:url('../img/main/icon_blank_w.png') 100% top no-repeat;padding-right:16px !important;} /*.navigation_s19 ul{position:absolute;left:0;top:0;width:228px !important;}*/ /*.navigation_s24 ul{position:absolute;left:0;top:0;width:138px !important}*/ /*.navigation_s3 ul{position:absolute;left:20px;top:0;width:250px !important}*/ /*.navigation_s4 ul{position:absolute;left:-5px;top:0;width:197px !important}*/ /*.navigation_s5 ul{position:absolute;left:0px;top:0;width:152px !important}*/ /*.navigation_s6 ul{position:absolute;left:-10px;top:0;width:118px !important;border-right:none !important}*/ #navigation_pc .login_btn a{position:absolute;right:90px;top:58px;background:url(../img/main/top_iconlogin.png) no-repeat left center;padding:5px 0 5px 30px;color:#333;} /* header_info */ #header .header_info{position:absolute;right:0;top:7px;width:380px} .newqr{float:left;margin-right:17px;margin-top:10px} .m_d_daybox{display:none} #main_wrap{ width:100%; max-width:1600px;margin:0 auto} /* 메인비주얼 */ .main_visualbox{float:left;width:100%;height:514px;overflow:hidden;position:relative; margin-bottom: 50px;} .main_visualbox .visual_navi{position:absolute;left:138px;bottom:160px } .main_visualbox .visual_navi a{display:block;width:25px;height:25px;float:left;margin-right:5px} .main_visualbox .visual_navi a.visual_btnprev{background:url(/pages/dreamnaru/img/main/visual_btnprev.png) no-repeat center top / 25px} .main_visualbox .visual_navi a.visual_btnnext{background:url(/pages/dreamnaru/img/main/visual_btnnext.png) no-repeat center top / 25px} .main_visualbox .visual_navi p{float:left;border:2px solid #fff;border-radius:30px;height:25px;box-sizing:border-box;text-align:center;padding:2px 15px;color:#fff;font-weight:800;font-size:14px} #main_wrap .main_visualbox .search_area{position:absolute;width:100%; height:158px; bottom:0; text-align:center; background:url(/pages/dreamnaru/img/main/s_boxhbg.png) 0 bottom repeat-x; z-index:2000 } /* 메인동영상 */ #main_video{width:700px;height:394px;float:left;background:#000} /* 유관기관 통합공지 */ #main_totalnotice{width:1100px;float:left;padding:30px 25px 0 0;box-sizing:border-box;position:relative} #main_totalnotice h3{font-size:20px;margin-bottom:30px} #main_totalnotice a.more{position:absolute;right:25px;top:30px;color:#333} #main_totalnotice ul li{clear:both;width:100%;display:inline-block;border-bottom:1px solid #ddd} #main_totalnotice ul li a{padding:15px 0;color:#444;display:block;width:70%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #main_totalnotice ul li a:hover{color:#333;font-weight:600} #main_totalnotice ul li span{padding:15px 0} #main_totalnotice ul li span.date{float:right;color:#999} #main_totalnotice ul li span.user{padding:11px 0; float:left;margin-right:25px;width:130px;background:#f2f2f2;text-align:center;font-size:14px;border-radius:4px;font-weight:500;margin-top:3px} #main_totalnotice ul li span.user.gsct{color:#e83333} /* 메인_소개 */ #main_intro{;width:500px;box-sizing:border-box;float:left;background:url(/pages/dreamnaru/img/main/main_introbg.jpg) no-repeat center top;padding:60px 70px;text-align:center;color:#fff} #main_intro h3{font-size:30px;line-height:35px} #main_intro p{padding:15px 0 20px;line-height:22px;} #main_intro p span{text-decoration:underline} #main_intro ul {display:inline-flex} #main_intro ul li a{width:300px;height:100px;background:#375396 url(/pages/dreamnaru/img/main/fund_icon.png) no-repeat 225px 25px; color:#fff; display:block;float:left;margin-right:3px;padding: 30px 0 0 30px; text-align:left;box-sizing:border-box;line-height:20px;position:relative} #main_intro ul li a:hover{border:5px solid #fff;color:#fff;padding:26px;text-decoration:none} #main_intro ul li a:hover:after{content:'';display:block;width:12px;height:20px;background:#6277b6;right:20px;position:absolute;top:0px;-webkit-transform:skew(-30deg); -moz-transform:skew(-30deg); -o-transform:skew(-30deg);} /* 메인_게시판 */ #main_board{width:50%;padding:130px 0px 20px;box-sizing:border-box;float:left} .wd100{width: 47.5%;float: left; position: relative;} .wd100_2{width: 47.5%;float: left; position: relative; margin-left: 30px;} /* 자료실 */ #main_board div{float:left;width:100%;margin-right:36px;position:relative} #main_board div:nth-child(3){margin:0} #main_board div h3{font-size:20px;margin-bottom:30px} #main_board div a.more{position:absolute;right:0;top:0px;color:#333} #main_board .main_board1 ul li{clear:both;width:100%;display:inline-block;border-bottom:1px solid #ddd} #main_board .main_board1 ul li a p{padding:15px 0;color:#444;display:block;width:64%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #main_board .main_board1 ul li span{padding:15px 0} #main_board .main_board1 ul li span.date{float:right} #main_board .main_board1 ul li span.user{font-size:14px;font-weight:500;float:left;margin-right:25px;width:130px;border-radius:5px;background:#f2f2f2;margin-top:3px;padding:11px 0;text-align:center} #main_board .main_board1 ul li a:hover{color:#333;font-weight:600} /* 포토갤러리 */ #main_board .main_board2 ul li a{width:32%;margin:0 14px 35px 0;box-sizing:border-box;display:block;position:relative;float:left;height:175px;overflow:hidden} #main_board .main_board2 ul li:nth-child(3) a{margin-right:0} #main_board .main_board2 ul li a img{max-width:100%;display:block;height:100%;width:100%;} #main_board .main_board2 ul li a .hover{display:block;z-index:20; position:absolute; top:0; left:0; background-color:rgba(92,76,191,0.7); width:100%; height:100%; color:#efefef; text-align:center; padding-top:25%; box-sizing:border-box; opacity:0; transition:opacity .5s ease-out; -webkit-transition:opacity .5s ease-out; -moz-transition:opacity .2s ease-out;} #main_board .main_board2 ul li a:hover .hover {display:block; opacity:1;} #main_board .main_board2 ul li a .hover .tit{position:relative;font-size:17px;font-weight:700;color:#fff; opacity:0; transition:animation 1s ease .2s,opacity .5s ease-out .3s; -webkit-transition:-webkit-animation 1s ease .2s,opacity .5s ease-out .3s; -moz-transition:-moz-animation 1s ease .2s,opacity .5s ease-out .3s} #main_board .main_board2 ul li a:hover .hover .tit {animation:translateHover .8s .2s;-webkit-animation:translateHover .8s .2s;-moz-animation:translateHover .8s .2s;transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; opacity:1;} #main_board .main_board2 ul li a:hover .hover .tit span{display:block;text-align:center;margin-top:20px;font-size:14px;font-weight:400} /* 기사창투한마당 공동 운영기관 */ #main_map{float:left;padding-top:130px;width:48%;margin-left:25px} #main_map h3{font-size:20px;margin-bottom:30px} #main_map .map{background:#fff;height:450px;width:100%;background:#f2f2f2} .customoverlay { } .customoverlay span {width:150px;display:block;margin-top:3px;text-align:center;font-size:13px;color:#444 } /*지원사업공고*/ .main_sec1{clear:both;position:relative;margin-top:20px} .main_sec1 h3{font-size:20px;margin-bottom:30px} .main_sec1 a.more{position:absolute;right:0;top:10px;color:#333} .busi_announ{width:38%;position: relative;float:left;margin-top:50px} .busi_announ ul li{clear:both;width:100%;display:inline-block;border-bottom:1px solid #ddd} .busi_announ ul li a{padding:15px 0;color:#444;display:block;width:80%;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .busi_announ ul li a:hover{color:#333;font-weight:600} .busi_announ ul li a span.tag{display:inline-block;padding:3px 10px;color:#fff;margin-right:10px} .busi_announ ul li a span.tag.end{background:#555} .busi_announ ul li a span.tag.ing{background:#555} .busi_announ ul li a span.tag.wait{background:#555} .busi_announ ul li span{padding:15px 0} .busi_announ ul li span.date{float:right;color:#999} /*행사일정*/ .main_calendar{float:left;background:#e6ecff;padding:30px;width:59%;margin-left:3%;margin-top:20px;position:relative} .main_calendar a.more{right:30px;top:35px} .main_calendar ol{position: relative;width: 100%;height:265px;border:1px solid #a6b1cb;background:#fff;overflow: hidden} .main_calendar ol > li{float:left;width:calc(100% / 12);height:52px;line-height:40px;padding:8px 0;text-align: center;background: #fff} .main_calendar ol > li.active a{display: inline-block;width:40px;height:40px;line-height:40px;border-radius: 50%;overflow: hidden;background: #ffaa00;color:#fff;font-weight:600;} .main_calendar ol > li a{color:#333;font-size:16px} .main_calendar ol > li a.cal_btnl{position:absolute;left:20px;top:150px;background:url(/pages/dreamnaru/img/main/cal_btnl.png) no-repeat 0 0;width:32px;height:32px;opacity: .4} .main_calendar ol > li a.cal_btnr{position:absolute;right:20px;top:150px;background:url(/pages/dreamnaru/img/main/cal_btnr.png) no-repeat 0 0;width:32px;height:32px;opacity: .4} .main_calendar ol > li a.cal_btnl:hover{opacity:1} .main_calendar ol > li a.cal_btnr:hover{opacity:1} .main_calendar ol > li .calendarSlide{background:#2e3e6c;position: absolute;top:65px;width:100%;color:#fff;left:0;padding:0 40px} .main_calendar ol > li .calendarSlide .calendarItems{position: relative;width:33.4%;height:198px;line-height:160%;font-size:15px;float:left;text-align: left;} .main_calendar ol > li .calendarSlide .calendarItems div{padding: 30px 15px;position: relative} .main_calendar ol > li .calendarSlide .calendarItems div:after{position: absolute;right:0;top:28px;width:1px;height:130px;background: #5b688a;content:''} .main_calendar ol > li .calendarSlide .calendarItems p.cate{color:#79c6f2;font-weight:600;font-size:14px} .main_calendar ol > li .calendarSlide .calendarItems p.cate span.date{color:#fff;background:#5f6f90;padding:3px 10px;font-weight:500;margin-right:15px} .main_calendar ol > li .calendarSlide .calendarItems p.tit{font-size:17px;line-height:30px;margin-top:15px} .main_calendar ol > li .no_data{background:#2e3e6c url(/pages/dreamnaru/img/main/nodata.png) no-repeat center 50px;position: absolute;display:none;top:65px;width:100%;color:#c6cdd6;left:0;padding:80px 40px 0;height:198px;} /* 메인_하단배너 */ #main_btnwrap{width:100%;padding:50px 0px 80px;clear:both;display:inline-block;box-sizing:border-box} #main_btnwrap ul li{width:33.3%;float:left;padding:60px 0; height:262px;text-align:center;color:#fff;position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; transform-style:preserve-3d; -webkit-transform-style:preserve-3d;box-sizing:border-box} #main_btnwrap ul li {overflow:hidden;position:relative;display:block;margin:auto;line-height:40px;color:#fff;text-align:center;text-decoration:none;text-transform:uppercase; font-size:14px; font-family:oswald} #main_btnwrap ul li.btn01{background:url(/pages/dreamnaru/img/main/newimg001.png) no-repeat center top} #main_btnwrap ul li.btn02{background:url(/pages/dreamnaru/img/main/newimg002.png) no-repeat center top} #main_btnwrap ul li.btn02_2{background:url(/pages/dreamnaru/img/main/newimg003.png) no-repeat center top} #main_btnwrap ul li.btn03{background:url(/pages/dreamnaru/img/main/main_banibg_03.jpg) no-repeat center top} #main_btnwrap ul li h3{font-size:23px;padding-top:70px;font-family:Noto Sans KR} #main_btnwrap ul li h3 p{font-size:15px;line-height:20px;font-weight:400} #main_btnwrap ul li a{display:none} #main_btnwrap ul li span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;} #main_btnwrap ul li:hover {padding:30px 0} #main_btnwrap ul li:hover span { color:#fff;} #main_btnwrap ul li .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:rgba(238,167,13,0.4); border:1px solid transparent;transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top;transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;} #main_btnwrap ul li:hover .hover {transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);} #main_btnwrap ul li:hover a{display:block;font-size:15px;color:#fff;width:135px;border-radius:30px;box-sizing:border-box;border:1px solid #fff;margin:10px auto} #main_btnwrap ul li:hover a:hover{text-decoration:none;background:#fff;color:#333} #contents{width:1200px;clear:both;margin:0 auto;padding:100px 0;min-height:600px} .contents_top h3{position:relative;font-size:30px;font-weight:200;text-align:center;padding:40px 0 70px} .contents_top h3::before{ content:''; position: absolute; top:0; left:50%; width: 50px; height: 2px;background:#1b458e;background:-moz-linear-gradient(left, #1b458e 0%, #00aeef 100%);background:-webkit-linear-gradient(left, #1b458e 0%, #00aeef 100%);background:linear-gradient(to right, #1b458e 0%, #00aeef 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='$g_point-theme-color2', endColorstr='$g_point-font-color', GradientType=1);transform:translateX(-50%)} .sub_contents{width:100%} .sub_contents .sub_visual{width:100%;margin:0 auto;text-align:center;padding:130px 0 0;height:287px;box-sizing:border-box} .sub_contents .bg1{background:url(../img/sub/sub_visual.jpg) no-repeat center top} .sub_contents .sub_visual .s_visualbox{width:1200px;margin:0 auto} .s_visualbox h2{font-size:28px;font-weight:700;color:#fff;letter-spacing:-1} .s_visualbox p.navi{position:relative;top:30px;color:#fff} .sub_2dmenu {top:127px;position:relative} .sub_2dmenu li a{font-size:16px;font-weight:500;float:left;width:calc(100% / 3);background:#fff;border:1px solid #bbb;padding:23px 0;text-align:center;color:#333;box-sizing:border-box;border-right:none} .sub_2dmenu li a.on{background:#313a62;color:#fff} .sub_2dmenu li a.blank{display:inline-block;background:#fff url('../img/main/icon_blank.png') 63% 10px no-repeat;padding-right:16px !important;} .sub_2dmenu li a:hover.blank{display:inline-block;background:#f2f2f2 url('../img/main/icon_blank.png') 63% 10px no-repeat;padding-right:16px !important;} .sub_2dmenu li a:hover{background:#f2f2f2} .sub_2dmenu li a.on:hover{background:#202951} .sub_2dmenu li:last-child a{border-right:1px solid #bbb} /* right_quick */ /* 디데이 */ .right_quick{position:fixed;right:10px;top:250px;} .d_daybox{position:absolute;width:120px;background:#6C49B8;padding:20px 10px;text-align:center;box-sizing:border-box;z-index:9} .d_daybox .title{font-size:15px;line-height:18px;font-weight:500;color:#fff} .d_daybox .dday{font-size:22px;font-weight:800;padding:15px 0;color:#f6ff3f} .d_daybox .date{font-size:13px;color:#fff;line-height:18px;font-weight:300} .slick-dots{width:25px; text-align:center; margin:70px auto 50px} .slick-dots li{margin:20px 0 ; } .slick-dots li button{cursor:pointer; margin:0px; padding:0px; background:none; font-size:0; width:15px; height:17px; border:1px solid #d5d2d0;-ms-transform: translateX(0px); -o-transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); transform: skew(-25deg);} .slick-dots li.slick-active button{background:#d5d2d0} .actionCon {overflow:hidden} .actionType3 {position:initial;width:100%;height:100%;text-align:center;vertical-align:middle} .actionType3 p{font-weight:600;font-size:13px} .actionType3 span.ac_ico {display:block;padding:20px 0} .actionType3 span.ac_ico img {transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);opacity:1;animation:translateArr 1.5s ease-out infinite;-webkit-animation:translateArr 1.5s ease-out infinite;-moz-animation:translateArr 1.5s ease-out infinite;} @keyframes translateArr { 0%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } 20%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; } 25% { opacity:.7; } 33% { transform:translate3d(0,22px,0); -webkit-transform:translate3d(0,22px,0); opacity:.5; } 75%{ transform:translate3d(0,-15px,0); -webkit-transform:translate3d(0,-15px,0); } 100%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }} @-webkit-keyframes translateArr { 0%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); } 20%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); opacity:1; } 25% { opacity:.7; } 33% { transform:translate3d(0,22px,0); -webkit-transform:translate3d(0,22px,0); opacity:.5; } 75%{ transform:translate3d(0,-15px,0); -webkit-transform:translate3d(0,-15px,0); } 100%{ transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); }} /* footer */ #footer{width:100%;background:#2b2927;clear:both} #footer_wrap{max-width:1600px;margin:0 auto;padding:30px 0 100px;position:relative} #footer_wrap img{position:absolute;right:0} #footer_wrap ul li a{color:#fff;float:left;padding:0 20px;position:relative} #footer_wrap ul li a::after{display:block;width:1px;height:14px;content:'';background:#888;position:absolute;right:0;top:1px;} #footer_wrap ul li:last-child a::after{display:none} #footer_wrap address{clear:both;font-style:normal;color:#888;font-weight:400;padding:20px 0 10px;line-height:22px;font-size:14px} #footer_wrap p{font-style:normal;color:#888;font-weight:400;line-height:22px;font-size:14px} /****** Mobile ******/ @media screen and (max-width:690px){ .header_fullmenu_t{padding:10px 0 0 4px;float:left; display:block} .header_fullmenu_t a.btn_fullmenu_t{display:block;width:50px;height:50px;position:absolute;top:55px;right:5px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat} a.btn_fullmenu_t span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} a.btn_fullmenu_m span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} .pop_open_btn a.btn_fullmenu_t{position:absolute;top:55px} .header_fullmenu{padding:10px 0 0 4px;float:left; display:none} .header_fullmenu a.header_fullmenu{display:block;width:50px;height:50px;position:absolute;top:55px;right:5px;overflow:hidden;background:url('../img/main/header_btn_fullmenu.gif') no-repeat} a.header_fullmenu span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /* menuwrap */ #navigation{display:none} #header{height:100px} #header .logo_wrap {top:12px;left:10px;width:96%} #header .logo_wrap img{width:240px} #navigation_pc .login_btn a{display:none} #navigation_mobile .login_btn_m{display:block;color:#fff;background:url(../img/main/top_iconlogin2.png) no-repeat left center;padding:5px 0 5px 30px;} .loginbox_m{border-top:2px solid #ccc;padding:35px 0 50px 0;box-sizing:border-box;margin:35px} .m_d_daybox{display:block;position:absolute;background:#6C49B8;padding:13px 10px;text-align:center;box-sizing:border-box;z-index:9;top:-70px;width:calc(100% + 14px);left:-10px;max-width:690px} .m_d_daybox .title{font-size:15px;line-height:18px;font-weight:500;color:#fff;float:left} .m_d_daybox .title br{display:none} .m_d_daybox .dday{font-size:22px;font-weight:800;padding:15px 0;color:#f6ff3f;float:left;padding:0 20px} .m_d_daybox .date{font-size:13px;color:#fff;line-height:18px;font-weight:300;float:left} .m_d_daybox .date br{display:none} .sub_2dmenu li a.blank{background-position: 90% 10px} .sub_2dmenu li a:hover.blank{background-position: 90% 10px} /* 모바일메뉴 */ .navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.9;display:none} #navigation_mobile{left: 0;padding-right: 17px;position: fixed; overflow-y:auto; width:100%;height:100%;min-height:100%;right:0;padding-top:70px;z-index:9999;display:none} #navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /* #navigation_mobile #navigation_m{padding-top:40px} */ #navigation_mobile #navigation_m > li > a{color:#fff;text-align:left;font-size:25px;line-height:48px;display:block;height:50px;font-weight:300;position:relative;padding-left:40px;text-decoration:none} /*#navigation_mobile ul > li > a:hover{color:#fff}*/ #navigation_mobile ul > li > a.on{color:#34d2ff !important;font-weight:500 !important} /* #navigation_mobile ul > li > a.on span{font-size:33px} */ #navigation_mobile ul > li > a span{position:relative;margin-left:20px} #navigation_mobile li > ul{padding:10px 0} #navigation_mobile li > ul > li > a{display:block;line-height:20px;height:33px;font-size:15px;padding-left:40px;color:#ccc;font-weight:600} #navigation_mobile li > ul > a span{right:30px} #navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:25px;height:25px;background:url(../img/main/navi_close_btn.png) no-repeat;top:15px;right:25px;background-size:25px} #navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile ul > li > a span.planprice{width:40px} #navigation_mobile li > ul > li > a.blank{background:#1a6bc1 url('../img/layout/blank.png') 105px 4px no-repeat} .pop_open_btn a.btn_fullmenu_t{top:35px} #section01, #section02{width:100%} #main_wrap{width:100%;padding:10px;box-sizing:border-box} /* 메인비주얼 */ .main_visualbox{width:100%;height:360px} .main_visualbox ul li img{width:100%} .main_visualbox .visual_navi{left:62%;margin-left:-45%;bottom:24px} .d_daybox{display:none} /* 메인동영상 */ #main_video{width:100%;height:auto} #navigation_pc { display: none !important; } /* 메인_소개 */ #main_intro{width:100%;padding:50px 20px } #main_intro h3{font-size:22px} #main_intro p{padding:15px;line-height:20px} #main_intro ul li {text-align:center} #main_intro ul li a{width:150px; text-align:center; padding:26px 0px;} #main_intro ul li a:hover{padding:26px 0px; text-align:center} /* 메인_게시판 */ #main_totalnotice{width:100%; padding: 30px 10px 0 10px;} #main_totalnotice ul li span.user{margin-right:10px;width:120px;} #main_totalnotice ul li a {width: 70%;} #main_board .main_board1 ul li a p{width:60%;} #main_board .main_board1 ul li span.user{margin-right:10px} #main_board .main_board1 ul li span.date{display:none} #main_board{padding:50px 0;width:100%} #main_board div{width:100%;margin-bottom:25px} #main_board .main_board2 ul li a{width:31%;height:auto;margin:0 10px 35px 0} #main_board .main_board2 ul li a .hover{opacity:1;position:relative;background:#fff;padding-top:10px} #main_board .main_board2 ul li a .hover .tit{opacity:1;color:#333;font-size:16px;line-height:22px} #main_board .main_board2 ul li a .hover .tit span{font-size:14px;color:#888;display:block;font-weight:400;margin-top:10px} #main_board .main_board2 ul li a:hover .hover .tit span{margin-top:10px} #main_board .main_board2 ul li a img{height:120px;width:100%} .busi_announ{width:100%} .main_calendar{width:100%;margin:20px 0;padding:30px 10px} .main_calendar a.more{right:15px;top:35px} .main_calendar ol {height:365px} .main_calendar ol li{width: calc(100% / 4);} .main_calendar ol li .calendarSlide{top:170px;padding:0 30px} .main_calendar ol li .no_data{top:170px} .main_calendar ol li .calendarSlide .calendarItems{width: 100%} .main_calendar ol li a.cal_btnl{top:250px;left:10px} .main_calendar ol li a.cal_btnr{top:250px;right:10px} .main_calendar ol > li .calendarSlide .calendarItems div:after{display:none} .wd100{width: 100%;} .wd100_2{width: 100%; margin-left:0; margin-top: 30px;} /* 기사창투한마당 공동 운영기관 */ #main_map{width:100%;padding:0;margin:0} /* 메인_하단배너 */ #main_btnwrap{padding:20px 10px} #main_btnwrap ul li h3{font-size:18px} #main_btnwrap ul li{width:100%;padding:50px 0} #main_btnwrap ul li a{display:block;font-size:15px;color:#fff;width:135px;border-radius:30px;box-sizing:border-box;border:1px solid #fff;margin:10px auto} /* footer */ #footer_wrap{width:100%;padding:30px 10px 150px;box-sizing:border-box} #footer_wrap img{bottom:15px;right:10px} #footer_wrap ul li a{padding:0 10px } /* 서브공통 */ .sub_2dmenu{top:100px} .sub_2dmenu li a{padding:16px 10px;word-break:keep-all;line-height:20px;height:68px} .sub_contents .sub_visual{padding:70px 0 0 ;height:220px} .contents_top{margin-top:30px} /* 디데이 */ .right_quick{position:absolute;top:0;left:0;right:0} .right_quick .d_daybox {width:100%;height:50px;padding:15px} .right_quick .d_daybox p{float:left} .right_quick .d_daybox p br{display:none} .d_daybox .dday{padding:0 15px} .slidebtn{display:none} .actionCon{display:none} } /****** Tablet Device ******/ @media screen and (min-width:691px) and (max-width:899px) { /* 모바일메뉴 */ .navigation_mobile_bg{position:fixed;width:100%;height:100%;min-height:100%;z-index:999;background:#333;top:0;left:0;opacity:0.85;display:none} #navigation_mobile{position:absolute;width:100%;height:100%;min-height:100%;right:0;top:50px;z-index:9999;display:none} #navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} /* #navigation_mobile #navigation_m{padding-top:40px} */ #navigation_mobile #navigation_m > li > a{color:#fff;text-align:left;font-size:25px;line-height:48px;display:block;height:50px;font-weight:300;position:relative;padding-left:40px} /*#navigation_mobile ul > li > a:hover{color:#fff}*/ #navigation_mobile ul > li > a.on{color:#34d2ff !important;font-weight:500 !important} /* #navigation_mobile ul > li > a.on span{font-size:33px} */ #navigation_mobile ul > li > a span{position:relative;margin-left:20px} #navigation_mobile li > ul{padding:10px 0} #navigation_mobile li > ul > li > a{display:block;line-height:20px;height:33px;font-size:15px;padding-left:40px;color:#ccc;font-weight:600} #navigation_mobile li > ul > a span{right:30px} #navigation_mobile .btn_close{z-index:9999;position:fixed;display:block;width:25px;height:25px;background:url(../img/main/navi_close_btn.png) no-repeat;top:15px;right:25px;background-size:25px} #navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0} #navigation_mobile ul > li > a span.planprice{width:40px} #navigation_mobile li > ul > li > a.blank{background:#1a6bc1 url('../img/layout/blank.png') 105px 4px no-repeat} #navigation_pc .login_btn a{display:none} #navigation_pc { display: none !important; } .header_fullmenu{display:none} .header_fullmenu_t{display:block} #navigation_mobile .login_btn_m{display:block;color:#fff;background:url(../img/main/top_iconlogin2.png) no-repeat left center;padding:5px 0 5px 30px;} .loginbox_m{border-top:2px solid #ccc;padding:35px 0;box-sizing:border-box;margin:35px} .sub_2dmenu li a.blank{background-position: 70% 10px} .sub_2dmenu li a:hover.blank{background-position: 70% 10px} /* menuwrap */ #navigation{display:none} #section01{width:100%} #section02{width:100%} #main_wrap{width:100%;padding:10px;box-sizing:border-box} /* 메인비주얼 */ .main_visualbox{width:100%} /* 메인동영상 */ #main_video{width:100%;height:auto;min-height:300px} /* 메인_소개 */ #main_intro{width:100%;background-size:100%;padding:50px} #main_intro h3{font-size:22px} #main_intro p{padding:15px;line-height:20px} #main_intro ul li a{width:150px; padding:26px 5px; text-align:center} #main_intro ul li a:hover{padding:26px 0px; text-align:center} /* 메인_게시판 */ #main_totalnotice{width:100%; padding: 30px 0px 0 0;} #main_totalnotice ul li a{width:65%} #main_board{padding:50px 10px;width:100%} #main_board .main_board1{width:100%;margin-right:20px} .tmr0 {margin-right:0 !important} #main_board .main_board2{width:100%;margin-right:0;margin-top:30px !important} #main_board .main_board2 ul li a {height:auto;width:32%;margin:0 10px 35px 0;line-height:25px} #main_board .main_board2 ul li a .hover{opacity:1;position:relative;background:#fff;padding-top:10px} #main_board .main_board2 ul li a .hover .tit{opacity:1;color:#333} #main_board .main_board2 ul li a .hover .tit span{font-size:14px;color:#888;display:block;font-weight:400;margin-top:10px} #main_board .main_board2 ul li a:hover .hover .tit span{margin-top:10px} #main_board .main_board2 ul li a img{height:210px;width:100%} .busi_announ{width:100%} .main_calendar{width:100%;margin:20px 0;padding:30px 10px} .main_calendar a.more{right:15px;top:35px} .main_calendar ol {height:300px} .main_calendar ol li{width: calc(100% / 6);} .main_calendar ol li .calendarSlide{top:110px} .main_calendar ol li .no_data{top:110px} .main_calendar ol li .calendarSlide .calendarItems{width: 100%} .main_calendar ol li a.cal_btnl{top:200px} .main_calendar ol li a.cal_btnr{top:200px} /* 기사창투한마당 공동 운영기관 */ #main_map{width:100%;padding:0;margin:0} /* 메인_하단배너 */ #main_btnwrap{padding:20px 10px} #main_btnwrap ul li h3{font-size:19px} #main_btnwrap ul li{padding:50px 0;width:50%} #main_btnwrap ul li a{display:block;font-size:15px;color:#fff;width:135px;border-radius:30px;box-sizing:border-box;border:1px solid #fff;margin:10px auto} /* footer */ #footer_wrap{width:100%;padding:30px 10px 150px;box-sizing:border-box} #footer_wrap img{bottom:15px;right:10px} /* 서브공통 */ .sub_2dmenu{top:100px} .sub_2dmenu li a{padding:23px 10px;word-break:keep-all;line-height:20px} .sub_contents .sub_visual{padding:100px 0 0 ;height:255px} .contents_top{margin-top:30px} /* 디데이 */ .right_quick{position:absolute;top:0;} .right_quick .d_daybox {width:400px;height:50px;padding:15px} .right_quick .d_daybox p{float:left} .right_quick .d_daybox p br{display:none} .slidebtn{display:none} .actionCon{display:none} } /****** Desktop Device ******/ @media screen and (min-width:900px) and (max-width:1150px) { #header{height:150px} #header .logo_wrap {top:20px} #header .logo_wrap img{width:230px} #navigation{left:25%;top:30px} #navigation > li{display:inline-block;position:relative} #navigation > li:after{content:'';display:block;width:4px;height:8px;background:#ccc;right:0;position:absolute;top:40px;-webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg)} #navigation > li > a{padding:36px 45px 28px 45px;font-size:18px;font-weight:400 } #navigation > li > a.on{font-weight:500;padding-bottom:28px;color:#4372c3} #navigation > li > a:hover{border-top:6px solid #4372c3;font-weight:400;color:#4372c3;padding:30px 45px 28px 45px;text-decoration:none} #navigation > li > a.over{border-top:6px solid #4372c3;font-weight:400;padding:30px 45px 28px 45px;color:#4372c3} #navigation > li:last-child::after{display:none} /*.navigation_s19 ul{position:absolute;left:0;top:0;width:202px !important;}*/ /*.navigation_s24 ul{position:absolute;left:0;top:0;width:96px !important}*/ .pop_open_btn a.btn_fullmenu_t{top:95px} .header_fullmenu a.btn_fullmenu_t{top:20px} .sub_2dmenu li a.blank{background-position: 70% 10px} .sub_2dmenu li a:hover.blank{background-position: 70% 10px} #navigation_mobile_wrap{display:none} #navigation_pc .login_btn a{width:46px;height:46px;border:2px solid #ddd;background:url(../img/main/top_iconlogin.png) no-repeat center 3px;background-size:22px;box-sizing:border-box;padding:24px 0 0 0;right:60px; top: 20px;font-size:12px} #navigation > li > a{letter-spacing:-1.5px;font-size:17px} #main_wrap{width:100%;padding:0 10px;box-sizing:border-box} /* 메인비주얼 */ .main_visualbox{width:100%;height:auto} .main_visualbox img{width:100%} /* 메인동영상 */ #main_video{width:100%;height:auto;min-height:500px} /* 메인_소개 */ #main_intro{width: 100%; background-size: 100%;padding: 50px;} #main_intro ul li a{width:180px; padding: 30px 0 0 20px;} #main_intro ul li a:hover{padding: 30px 0 0 20px;} /* 메인_게시판 */ #main_totalnotice{width:100%;padding: 30px 0px 0 0;} #main_totalnotice ul li a{width:45%} #main_board{padding:50px 10px;width:100%} #main_board .main_board1{width:100%;margin-right:20px} .tmr0 {margin-right:0 !important} #main_board .main_board2{width:100%;margin-right:0;margin-top:30px !important} #main_board .main_board2 ul li a {height:auto} #main_board .main_board2 ul li a .hover{opacity:1;position:relative;background:#fff;padding-top:10px} #main_board .main_board2 ul li a .hover .tit{opacity:1;color:#333} #main_board .main_board2 ul li a .hover .tit span{font-size:14px;color:#888;display:block;font-weight:400;margin-top:10px} #main_board .main_board2 ul li a:hover .hover .tit span{margin-top:10px} #main_board .main_board2 ul li:nth-child(2n) a{margin:0 15px 15px 0} #main_board .main_board2 ul li:nth-child(4) a{margin:0} #main_board .main_board2 ul li a img{height:180px;width:100%} .busi_announ{width:100%} .main_calendar{width:100%;margin:20px 0;padding:30px 10px} .main_calendar a.more{right:15px;top:35px} /* 기사창투한마당 공동 운영기관 */ #main_map{width:100%;padding:0;margin:0} /* 메인_하단배너 */ #main_btnwrap{padding:10px} #main_btnwrap ul li h3{font-size:19px} #main_btnwrap ul li{padding:50px 0} #main_btnwrap ul li a{display:block;font-size:15px;color:#fff;width:135px;border-radius:30px;box-sizing:border-box;border:1px solid #fff;margin:10px auto} /* footer */ #footer_wrap{width:100%;padding:30px 10px 100px;box-sizing:border-box} #footer_wrap img{bottom:15px;right:10px} /* 서브공통 */ .sub_contents .sub_visual .s_visualbox{width:100%} #contents{width:100%;padding:120px 10px;box-sizing:border-box} /* 디데이 */ .right_quick{position:absolute;top:0;} .right_quick .d_daybox {width:400px;height:50px;padding:15px} .right_quick .d_daybox p{float:left} .right_quick .d_daybox p br{display:none} .slidebtn{display:none} .actionCon{display:none} } /****** Desktop Wide Device ******/ @media screen and (min-width:1151px) and (max-width:1600px){ #navigation_mobile_wrap{display:none} #navigation{ padding-top: 40px; margin-left: 5%;} #navigation > li{display:inline-block;position:relative} #navigation > li:after{content:'';display:block;width:4px;height:8px;background:#ccc;right:0;position:absolute;top:40px;-webkit-transform:skew(-20deg); -moz-transform:skew(-20deg); -o-transform:skew(-20deg)} #navigation > li > a{position:relative;display:block;font-size:20px;color:#000;font-weight:500;text-align:center;letter-spacing:-1px;padding:36px 20px 28px 20px} #navigation > li > a.on{font-weight:500;padding-bottom:28px;color:#4352c3} #navigation > li > a:hover{border-top:6px solid #4372c3;font-weight:500;color:#4372c3;text-decoration:none;padding:30px 20px 28px 20px} #navigation > li > a.over{border-top:6px solid #4372c3;font-weight:500;color:#4372c3;padding:30px 20px 28px 20px} #navigation > li:last-child::after{display:none} /* 디데이 */ .right_quick{position:absolute;top:0;} .right_quick .d_daybox {width:400px;height:50px;padding:15px} .right_quick .d_daybox p{float:left} .right_quick .d_daybox p br{display:none} .slidebtn{display:none} .actionCon{display:none} /* 메인_게시판 */ #main_board .main_board2 ul li a img{height:210px;width:100%} /* 메인_하단배너 */ #main_btnwrap{padding:20px 10px} } /****** Desktop Wide Device ******/ @media screen and (min-width:1600px){ #navigation_mobile_wrap{display:none} }