/* Document : Style Created on : 2018. 11. 27 Author : SW */ /* 최초로그인시 비밀번호 변경& 개인정보 동의&내배카 동의 **************/ #policy_auth_alert { background:#fff; color:#000; display:none; padding:20px; min-width:600px; height: 405px; z-index:999;} #hrd_agree_alert, #shadow_login_alert, #pass_auth_alert{ background-color:#fff; color:#000; display:none; padding:20px; min-width:600px; min-height: 220px; z-index:9999;} .b-close{ cursor:pointer; position:absolute; left:240px; top:110px;} /*공통*/ #wrap{min-width:1361px; position: relative;} fieldset legend, table caption {display:none;} /* top_banner **************/ #top_baaner.display_block {display:block !important; height:96px;} .display_block_t {height:96px; display: block !important;} .display_none{display: none !important ;} .topbanner{width:100%; display:block; } .topbanner .baner_bx.licence {display:block; background: #d2f9e7; min-width:1361px; overflow: hidden} .topbanner .baner_bx.st_Bg {display:block; background: #007042; min-width:1361px; overflow: hidden } #top_banner .bx-controls-direction{display: none;} .topbanner .banner_con{width:1200px; margin:0 auto; position: relative} .topbanner .banner_con img{padding:0; margin:0; display: block; } .topbanner .banner_con label {cursor: pointer; position: absolute; top:18px; right:0;} .topbanner .banner_con input[type="checkbox"]{} /* Quick Menu **************/ #aside{position:fixed; top:0; right:0; width: 102px; height:100%; margin-top:45px; z-index:101; transition-duration: 0.2s; } #aside.banner_on{margin-top:96px;} #aside .q_menu{background: #0b2239 url('../Images/newcommon/q_icon01.png') no-repeat center 25px; height:101px; line-height:130px; text-align: center; color:#fff; cursor: pointer; transition: .3s ease;border-left:1px solid #0b2239; } #aside .q_menu:hover{background: #49d295 url('../Images/newcommon/q_icon01_on.png') no-repeat center 25px;; color:#000; font-weight:500; border-left:1px solid #49d295;} #aside .q_list{width:102px; height:calc(100% - 43px); background:#fff; } #aside ul{width:102px; height: calc(100% - 101px);} #aside ul li{height:25%; text-align: center; border-bottom:1px solid #666; width:100%; display: table; transition-duration: 0.3s; } #aside ul li a{display: block; height: 100%;} #aside ul li.q_con01{background: #0b2239 url('../Images/newcommon/aside01.png') no-repeat center center; border-top:1px solid #666; } #aside ul li.q_con01:hover{background:#49d295 url('../Images/newcommon/aside01_on.png') no-repeat center center;} #aside ul li.q_con02{background: #0b2239 url('../Images/newcommon/aside02.png') no-repeat center center; } #aside ul li.q_con02:hover{background:#49d295 url('../Images/newcommon/aside02_on.png') no-repeat center center;} #aside ul li.q_con03{background: #0b2239 url('../Images/newcommon/aside03.png') no-repeat center center; } #aside ul li.q_con03:hover{background: #49d295 url('../Images/newcommon/aside03_on.png') no-repeat center center; } #aside ul li.q_con04{background: #65a8f6;} #aside ul li.q_con04:hover{background: #49d295; } #aside ul li.q_con04 a{background: url('../Images/newcommon/aside04_re.png') no-repeat center center; } #aside ul li.q_con04:hover a{background:url('../Images/newcommon/aside04_re.png') no-repeat center center; } /* userArea */ .userArea {width:100%; background: #243045; } .userArea .userInner{height:45px; width:1200px; margin: 0 auto; overflow:hidden;} .userArea .userInner #userBox{float:right;} .userArea .userInner #userBox a{display:block;} .userArea .userInner div.pw, .userArea .userInner div.id{float:right; margin-right: 8px; line-height:45px } .userArea .userInner div .idpw{background:#fff; border:0px; border-radius: 3px; ; width:130px; height:27px; text-indent: 10px; color:#222; } .userArea .userInner .userBox .btn_login.btn01{float:right; cursor: pointer; margin:9px 8px 0 0; padding:5px 19px; background: #49d295;} .userArea .userInner .userBox fieldset legend{display:none;} .userArea .userInner .userBox .util_area{overflow:hidden;} .userArea .userInner .userBox .userLogin, .util_area{float:right;} .userArea .userInner p.id{ line-height:45px; color:#fff; margin-right:8px;} .userArea .userInner p.id strong{font-weight:600;} input.idpw[type="text"]::-webkit-input-placeholder {color:#222;} input.idpw[type="text"]:-input-placeholder {color:#222;} input.idpw[type="text"]:-ms-input-placeholder {color:#222;} input.idpw[type="text"]::-moz-input-placeholder {color:#222;} input.idpw[type="password"]::-webkit-input-placeholder {color:#222;} input.idpw[type="password"]:-input-placeholder {color:#222;} input.idpw[type="password"]:-ms-input-placeholder {color:#222;} input.idpw[type="password"]::-moz-input-placeholder {color:#222;} .userArea a{float:right; margin:9px 8px 0 0; } /* Navigation*/ #menu{width:100%; border-bottom:1px solid #ddd; min-width:1361px; position: relative; } #menu .shop_pop {position: absolute; right:138px ; top:18px; } @media all and (max-width:1846px) { #menu .shop_pop {display: none;} } #menu .navInner{width:1200px; height:100px; margin:0 auto;} #menu .navInner a.h_logo{display:block; float:left; margin:27px 0px 0 0; } #menu .navInner .main_menu{overflow:hidden; float:right; margin-right: 25px; } #menu .navInner .main_menu li{float:left; font-size:16px; font-weight:500; } #menu .navInner .main_menu li a{color:#555; padding:20px 24px 42px 24px; display:block; margin:21px 0 0 0 ; letter-spacing: -0.4px;} #menu .navInner .Mystudy{float:right;} #menu .navInner .Mystudy a{display: block; background: #0b2239; color:#fff; border-radius: 5px; width:112px; height:42px; text-align: center; margin-top:28px; line-height: 42px; font-size:16px;} #menu .navInner .Mystudy a:hover{background:#49d295; color:#111 ; transition: .2s ease; } #menu .navInner .Mystudy a img{padding-left:20px;} #menu_open{display:none; width:100%; text-align:center; padding:10px 0 0 0; } #menu_dept{position:absolute; z-index:99; width:100%; left:0; top:145px; background:#fff; border-bottom:1px solid #ddd; border-top:1px solid #ddd; } #menu_dept .menu_dept_ul { width:1500px; margin: 0 auto; position:relative; left:-125px; } #menu_dept .menu_dept_ul li{float:right; } #menu_dept .menu_dept_ul li.list01 {width:230px; } #menu_dept .menu_dept_ul li.list02 {width:162.56px; } #menu_dept .menu_dept_ul li.list03 {width:162.56px;} #menu_dept .menu_dept_ul li.list04 {width:90.97px;} #menu_dept .menu_dept_ul li.list05 {width:133.92px;} #menu_dept .menu_dept_ul li.list06 {width:105.28px;} #menu_dept .menu_dept_ul li.list07 {width:119.61px;} #menu_dept .menu_dept_ul li.list08 {width:162px;} #menu_dept .menu_dept_ul li.list01:hover{background:#fff;} #menu_dept .menu_dept_ul li.list01 ul li:hover{background:#fff;} #menu_dept .menu_dept_ul li:hover{background: #EEF1F6;} #menu_dept .menu_open{text-align:left;width:100%; height:225px; float:left;} #menu_dept .close_img{position:absolute;right:10px; top:220px; display:none;} #menu_dept .menu_dept_ul li .sub_menu {width:100%; padding-top:20px; } #menu_dept .menu_dept_ul li .sub_menu li {width:100%; text-align: center; } #menu_dept .menu_dept_ul li .sub_menu li > a{display:block; padding:3px 0; letter-spacing: -0.5px; clear:both; } #menu_dept .menu_dept_ul li.list02 .sub_menu li > a{width:100%;} #menu_dept .menu_dept_ul li .sub_menu li > a:hover{color:#45ac6e; } .search_area{width:170px; position:absolute; top:25px; right:0px;} .search_area .search_box{width:165px; height:27px; border:1px solid #dedede; background:#fff url('../Images/newcommon/ic_search.png') 140px 4px no-repeat;} #menu_dept .menu_dept_ul li .sub_menu li.eduguid span{font-size:15px; color:#5f5f5f; } #menu_dept .menu_dept_ul li .sub_menu li.eduguid strong{font-weight:bold; font-size:33px; color:#0c3581; line-height:130%; display:block; margin-bottom:10px; } #menu_dept .menu_dept_ul li .sub_menu li.eduguid a {border-radius: 5px; border:1px solid #545478; text-align: center; font-size:12px; color:#222; padding:4px 9px; margin-bottom:5px; } #menu_dept .menu_dept_ul li .sub_menu li.eduguid a img{padding-right:7px;} /*Main vis*/ .bx-wrapper{max-width:auto;} .bx-prev{padding:0;} /*메인 비쥬얼 height 값 줄임 #vis_wrap{background: #f1f8fb; width:100%; padding-bottom: 80px; border-bottom:1px solid #ddd;} */ #vis_wrap{width:100%;} #vis_wrap .main_slider_wrap{width: 1440px; margin:0 auto; position: relative;} #bx_pager{position: absolute ; top: 97px; left:36px ; z-index: 99;} #bx_pager a{color:#fff; font-size:16px; display: block; margin: 11px 0;line-height:100%; } #bx_pager a.active{font-size:40px; font-weight:600; border-bottom: 2px solid #fff; padding-bottom:11px; letter-spacing: -0.8px; } @media all and (max-width:1440px) { #vis_wrap{background: #fff; width:100%; padding-bottom: 0; border-bottom:none;} #vis_wrap .main_slider_wrap{width: 100%;} .topbanner .banner_con {width:100%;} .topbanner .banner_con label{right:30px;} #menu_dept .menu_dept_ul {left:-245px;} } @media all and (max-width:1200px) { #aside{display: none;} #menu_dept .menu_dept_ul {left:-196px;} } /*메인 비쥬얼 height 값 줄임 .main_vis {background:#000; position:relative; height:762px;} .main_vis.vis01{background: url(../Images/newmain/main_vis01.jpg) no-repeat right center;} .main_vis.vis01 .vis_txtarea{background:#354461;} .main_vis.vis02{background: url(../Images/newmain/main_vis02.jpg) no-repeat right center;} .main_vis.vis02 .vis_txtarea{background:#3973b2;} .main_vis.vis03{background: url(../Images/newmain/main_vis03.jpg) no-repeat right center;} .main_vis.vis03 .vis_txtarea {background: #0eae91;} .main_vis.vis04{background: url(../Images/newmain/main_vis04.jpg) no-repeat right center;} .main_vis.vis04 .vis_txtarea {background: #dc872c;} .main_vis.vis05{background: url(../Images/newmain/main_vis05.jpg) no-repeat right center;} .main_vis.vis05 .vis_txtarea {background:#DB5E73;} */ .main_vis {background:#000; position:relative; height:562px;} .main_vis.vis00{background: url(../Images/newmain/mainvis_2201.jpg) no-repeat right bottom;} .main_vis.vis00 .vis_txtarea{background:#0e2d57;} .main_vis .vis_txtarea .vis_tit span.color_ligreen {display: inline; color:#0fe990; font-size: 17px;line-height: 26px; letter-spacing: -0.4px; font-weight: 400;} .main_vis.vis01{background: url(../Images/newmain/main_vis01.jpg) no-repeat right bottom;} .main_vis.vis01 .vis_txtarea{background:#354461;} .main_vis.vis02{background: url(../Images/newmain/main_vis11.jpg) no-repeat right bottom;} .main_vis.vis02 .vis_txtarea{background:#3973b2;} .main_vis.vis03{background: url(../Images/newmain/main_vis03.jpg) no-repeat right bottom; } .main_vis.vis03 .vis_txtarea {background: #0eae91;} .main_vis.vis04{background: url(../Images/newmain/main_vis04.jpg) no-repeat right center;} .main_vis.vis04 .vis_txtarea {background: #dc872c;} .main_vis.vis05{background: url(../Images/newmain/main_vis05.jpg) no-repeat right bottom;} .main_vis.vis05 .vis_txtarea {background:#DB5E73;} .main_vis .vis_txtarea{position: absolute; left:0; top:0; width:41.5%; height:100%; z-index:5; } /* 메인 비쥬얼 height 값 줄임 .main_vis .vis_txtarea .vis_tit{background:#000; opacity: 0.85; width: 461px; min-height:215px; padding:44px 27px 35px 27px; margin: 110px 0 0 170px; position: relative} */ .main_vis .vis_txtarea .vis_tit{background:#000; opacity: 0.85; width: 461px; min-height:215px; padding:44px 27px 35px 27px; margin:70px 0 0 170px; position: relative} .main_vis .vis_txtarea .vis_tit .vtit_top {padding: 0 0 0 12px; border-left: 3px solid #fff; margin: 0 0 20px 0;} .main_vis .vis_txtarea .vis_tit span{color:#fff; font-size:20px; font-weight:400; line-height: 100%; display:block; padding: 3px 0 13px 0; } .main_vis .vis_txtarea .vis_tit h1{color:#fff; font-size:48px; font-weight:600; line-height: 100%; display:block; padding: 0 0 3px 0; letter-spacing: -0.2px; } .main_vis .vis_txtarea .vis_tit p{color:#c6c7c7; font-size:17px; line-height:26px; letter-spacing: -0.4px; font-weight: 400;} .main_vis .vis_txtarea .vis_tit a{display: inline-block; color:#fff; font-size: 15px; font-weight:500; margin:34px 0 0 0; padding: 8px 15px ; border: 1px solid #737476; } .main_vis .vis_imgtxt {margin: 36px 0 0 170px; } .main_vis .vis_imgtxt img{display:block;} .main_vis .vis_txtarea .bx_controls {margin: 36px 0 0 170px;} .main_vis .vis_txtarea .bx_controls span{ background:#242a30;} .main_vis .vis_txtarea .bx_controls span a{color:#fff;} .main_vis .vis_txtarea .bx_controls .Prev:hover a, .main_vis .vis_txtarea .bx_controls .Next:hover a, .main_vis .vis_txtarea .vis_tit a:hover{color:#33cc99; transition: .2s ease; } .main_vis .vis_txtarea .bx_controls .Prev, .main_vis .vis_txtarea .bx_controls .Next{ padding: 16px 25px; margin-right:6px; font-size:22px;} /*콘텐츠영역*/ /*메인 비쥬얼 height 값줄임에 따른 padding값 조절 #contents{width:100%; backgrond:#fff; padding:76px 0 0 0; } */ #contents{width:100%; background:#fff; padding:50px 0 0 0; } /*과정콘텐츠*/ #curriculum{width:1200px; margin:0 auto; } #curriculum h2{margin:0 auto; font-weight:500; color:#222; font-size:34px; text-align: center; line-height:120%; letter-spacing: -0.4px; display:block; margin-bottom:52px;} #curriculum h2 strong{display:block; font-size:36px; color:#787878; letter-spacing: -0.2px; font-weight:300; } #curriculum .culum {overflow:hidden; width:100%; margin-bottom:67px;} #curriculum .culum .cul{float:left; margin-right:33px;width:275px; position: relative;} #curriculum .culum .cul h4{font-size:24px; font-weight:700; margin-bottom:15px; display:block; } #curriculum .culum .cul .bx-controls-direction{display:none;} #curriculum .culum .cul .bx-pager{position:absolute; top:9px; right:0; } #curriculum .culum .cul .bx-pager-item{float:left;} #curriculum .culum .cul .bx-pager.bx-default-pager a{background: #ccc; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 3px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #curriculum .culum .cul .bx-pager.bx-default-pager a.active{background:#49d295; width:30px;} #curriculum h3{font-size:34px; font-weight:300; color:#787878; display:block; text-align: center; letter-spacing: -0.5px; margin-bottom:44px;} #curriculum h3 strong{font-weight:500; color:#222; } #curriculum .new_culum {overflow:hidden; width:100%; margin-bottom:100px;} #curriculum .new_culum .Ncul{width: 230px; margin-right:12px; float:left; } #curriculum .new_culum .Ncul img{margin-bottom:5px;} #curriculum .new_culum .Ncul strong{font-size:14px; font-weight:400; color:#222; line-height:19px; letter-spacing: 0.25px; transition: .2s ease; } #curriculum .new_culum .Ncul strong:hover{color:#489c75;} /*하단 콘텐츠*/ #info_wrap{width:1200px; margin:0 auto 79px; overflow: hidden;} #info_wrap .about{float: left; position: relative; } #info_wrap .about .info_txt01{position:absolute; top:42px; left:32px;z-index:1; } #info_wrap .about .info_txt01 strong{font-size: 20px; color:#fff; font-weight:400; display:block; margin-bottom:15px;} #info_wrap .about .info_txt01 h5{font-size: 36px; color:#fff; letter-spacing: -0.3px; display:block; font-weight:400; text-transform: uppercase;} #info_wrap .about .info_txt01 .h_bur{display:block; width:38px; height:1px; background: #fff; margin:40px 0 20px 0; } #info_wrap .about .info_txt01 p{font-size:15px; letter-spacing: -0.1px; font-weight:200; opacity: 0.9; color:#fff; line-height: 22px; } #info_wrap .about a{position: absolute; bottom:27px; left: 32px; color:#fff; font-size: 15px; font-weight:400; transition: .2s ease; z-index:1;} #info_wrap .about a:hover{color:#47cb90;} #info_wrap .cs_cneter{float:right; position: relative; margin-bottom:22px;} .info_txt02{position:absolute; top:28px; left:32px; z-index:1; } #info_wrap .cs_cneter .info_txt02 strong{font-size:16px; font-weight: 500; color:#333; margin-bottom:5px; display:block;} #info_wrap .cs_cneter .info_txt02 h5{font-size:41.5px; color:#ff7f36; font-weight:700; margin-bottom:6px; display:block; line-height:1; } #info_wrap .cs_cneter .info_txt02 p{color:#5f5f5f; line-height: 20px; font-size:14px; font-weight:400; } #info_wrap .cs_cneter a{position: absolute; bottom:24px; left: 32px; color:#222; font-size: 15px; font-weight:500; transition: .2s ease; z-index:1;} #info_wrap .cs_cneter a:hover{color:#489c75;} #info_wrap .library{float:right; position: relative;} #info_wrap .library .info_txt02 h5{font-size:28px; color:#fff; font-weight:400; margin-bottom:6px; display:block; line-height:1; padding-top: 11px; } #info_wrap .library .info_txt02 p{color:#fff; line-height: 20px; font-size:14px; font-weight:300; opacity: 0.9; } #info_wrap .library a{position: absolute; bottom:24px; left: 32px; color:#fff; font-size: 15px; font-weight:500; transition: .2s ease; z-index:1;} #info_wrap .library a:hover{color:#47cb90;} /*Notice*/ #Notice{width:1200px; margin:0 auto 53px; } #Notice h5{font-size:23px; color:#333; font-weight:500; letter-spacing: -0.5px; display: block;} #Notice ul{overflow:hidden; width:100%; margin-top:21px;} #Notice ul li{width:23%; margin-right: 2.5%; float:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:26px 0; transition: .3s ease; } #Notice ul li h6{font-size:16px; font-weight:500; color:#aaaaaa; display: block; margin-bottom:15px; transition: .3s ease; } #Notice ul li h6 img{float:right;} #Notice ul li strong{font-wieght:400; letter-spacing: -0.2px; line-height:26px; font-size:18px; color:#565656; min-height: 53px; display: block; transition: .3s ease; } #Notice ul li div{font-weight:300; line-height:18px; font-siz:13px; color: #787878; margin-top:18px; min-height:36px; transition: .3s ease; } #Notice ul li:last-child{margin-right: 0;} #Notice ul li:hover{ border-top:1px solid #aaa; border-bottom:1px solid #aaa;} #Notice ul li:hover a strong{color:#489c75; } #Notice ul li:hover p, #Notice ul li:hover h6{color:#000; } /* Footer **************/ #footer_wrap{width:100%; background:#3e3e4c; min-width:1361px; position: relative; z-index: 100;} #footer_wrap .f_nav{width:100%; border-bottom:1px solid #666670; } #footer_wrap ul{overflow: hidden; width: 1200px; margin:0 auto; padding:15px; } #footer_wrap ul li{float: left; font-size:13px; font-weight: 300; } #footer_wrap ul li a{color:#d8d8d9; } #footer_wrap ul li.nav_bur{color:#67676b; padding:0 10px;} #footer_wrap .footer{width:1200px; margin:0 auto; padding:24px 0 135px 0; } #footer_wrap .f_left{float:left; } #footer_wrap .f_left strong{color:#aaa; font-size:30px; font-weight:700; line-height: 1; margin-bottom:11px; display:block; } #footer_wrap .f_left p{font-size:13px; line-height: 20px; color:#aaa; margin-bottom:6px;} #footer_wrap .f_right{float:right; width:231px} /*셀렉트 박스 영역 css*/ .custom-select {position: relative; } .custom-select select { display: none;} #footer_wrap .f_right .select-selected {border:1px solid #aaa; background-color: #3e3e4c; color: #aaa; padding: 12px 16px; } #footer_wrap .f_right .select-selected:after { position: absolute; content: ""; top: 13px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: transparent transparent #aaa transparent;} #footer_wrap .f_right .select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 13px; right: 10px;} #footer_wrap .f_right .select-items div{ color: #aaa; padding: 12px 16px; border: 1px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer;} #footer_wrap .f_right .select-items { border:1px solid #aaa; position: absolute; background-color: #3e3e4c; bottom: 43px; left: 0; right: 0; z-index: 99; } #footer_wrap .f_right .select-hide { display: none;} #footer_wrap .f_right .select-items div:hover, #footer_wrap .f_right .same-as-selected { background-color: rgba(0, 0, 0, 0.1);} /*셀렉트박스*/ .sel_g{text-align:left; position: relative; width:231px; height:36px; font-size:14px; color:#aaa; line-height:24px; background: #3e3e4c url('../../images/common/bullet05.png') no-repeat 210px 50%; background-color:#3e3e4c; border:1px solid #ccc; cursor:pointer; z-index:98;} .sel_g>label{position: absolute; top:0;left:0; width:100%; height:36px; color: #aaa; z-index: 2; line-height:36px; padding-left:14px;} .sel_g select.sel{ position:absolute; top:1px; left:0; width:100%; height:36px; line-height:36px; border:0; opacity:0; background:#3e3e4c; cursor:pointer; z-index:3; color: #aaa; padding: 0 0 0 10px; filter:alpha(opacity=0); -webkit-appearance: none; /*네이티브 외형 감추기*/ -moz-appearance: none; appearance: none; font-size:14px; outline-width:0; } .sel_g select > option{ min-height:1.5em !important; } .sel_g.foot{position:relative; width:231px; background:#f8f7f7; border:1px solid #aaa; background-color: #3e3e4c; } .sel_g.foot:after{ position: absolute; content: ""; top: 12px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: transparent transparent #aaa transparent;} /*셀렉트 박스 영역 css(e) */ #footer_wrap .f_right .f_sns{width:231px;} #footer_wrap .f_right .f_sns ul {overflow:hidden; width:231px; padding:14px 0 0 0;} #footer_wrap .f_right .f_sns ul li{float:left;} #footer_wrap .f_right .f_sns ul li.medi_news{margin:0 14px 0 0; } #footer_wrap .f_right .f_sns ul li.sns{margin:0 8px 0 0; } @media screen and (min-width: 1400px) and (max-width: 1440px) { #menu .navInner{width:auto; margin: 0 0 0 5%;} #menu .navInner .Mystudy{margin-right:11%;} #vis_wrap{padding:0; border:0;} .main_vis{width:100%;} #curriculum, #info_wrap, #footer_wrap ul, #footer_wrap .footer {margin:0 0 0 5%;} } @media screen and (min-width: 1200px) and (max-width: 1400px) { #menu .navInner{width:auto; margin: 0 0 0 2.2%;} #menu .navInner .Mystudy{margin-right:10%;} #vis_wrap{padding:0; border:0;} .main_vis{width:100%;} #curriculum, #info_wrap, #footer_wrap ul, #footer_wrap .footer {margin:0 0 0 2.2%;} } /*fix_footer*/ .fix_foot{position: fixed; bottom:0; width:100%; overflow:hidden; z-index:1000; display: none; } .f_fix_a{width:100%; display:block; background:#4D8BFC; text-align: center; padding: 80px 0;} .f_fix_a span{font-size:56px; font-weight:600; color:#fff; letter-spacing: 1.5px } @media (max-width: 1051px) { #aside {display:none;} #footer{padding-bottom:200px;} .fix_foot{display: block; width:100% } }