/* --------------------------------------------------------- layout : 공통 레이아웃 --------------------------------------------------------- */ /* 기본사이즈 */ /* 모달 */ .modal .modal-dialog {width:1100px; background:#fff; margin: 75px auto 50px; position:relative;} .modal .modal-dialog .close {color: #fff; opacity: 1; font-size: 52px; position: absolute; right: -55px;top: 0;} .modal .modal-dialog .close:hover { -webkit-animation:spin-close 0.3s; -moz-animation:spin-close 0.3s; animation:spin-close 0.3s; } @-moz-keyframes spin-close { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin-close { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin-close { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* 공통 header */ #header .Topmenu {border-bottom: 1px solid #e6e6e6;} #header .Topmenu .left {float: left;} #header .Topmenu .left a {display:inline-black; margin-left:-5px;} #header .Topmenu .left .btn {margin:0;font-weight: normal;margin-left: -4px;width: 105px;font-size: 14px;line-height: 27px} #header .Topmenu .right {float: right;} #header .Topmenu .right i {display:inline-block; margin-right: 5px; vertical-align: middle;} #header .Topmenu .right .ico_kakao {width:17px; height:17px; background:url(../images/common/ico_kakao.png) no-repeat;} #header .Topmenu .right .ico_naver {width:12px; height:13px; background:url(../images/common/ico_naver.png) no-repeat;} #header .Topmenu .right .ico_facebook {width:7px; height:16px; background:url(../images/common/ico_facebook.png) no-repeat;} #header .Topmenu .right .ico_instagram {width:17px; height:17px; background:url(../images/common/ico_instagram.png) no-repeat;} #header .Topmenu .right a {font-size: 13px;color: #a0a0a0;display: inline-block;line-height: 42px;padding-right: 10px; letter-spacing: -0.4px; background:url(../images/common/Topmenu_bar.png) no-repeat; background-position:right;margin-right: 6px;} #header .Topmenu .right a:last-child {margin-right:0; padding-right:0; background:none;} #header .Topmenu .right a:hover {color:#202020;} #header .Topmenu .right a:hover .ico_kakao {background:url(../images/common/ico_kakao_on.png) no-repeat;} #header .Topmenu .right a:hover .ico_naver {background:url(../images/common/ico_naver_on.png) no-repeat;} #header .Topmenu .right a:hover .ico_facebook {background:url(../images/common/ico_facebook_on.png) no-repeat;} #header .Topmenu .right a:hover .ico_instagram {background:url(../images/common/ico_instagram_on.png) no-repeat;} #header .gnbW, #header .gnbM {position:relative; width:100%; margin:0 auto; background:#fff;} #header .gnbDiv {position:relative; height:90px; margin:0 auto; z-index:110;} #header .gnbDiv .logo {float: left;margin-top: 10px;} #header .gnbDiv .logo a {display: block;} #header .gnbDiv .gnbL {position:absolute; top: 0px; padding:0; overflow:hidden; z-index:110; float: right;width: 75%; right: 0;} #header .gnbDiv .gnbL li {position:relative; float:left; width:20%;} #header .gnbDiv .gnbL li .oneD {font-size: 22px;font-weight: bold;color: #333;display: block;text-align: center;line-height:92px;} #header .gnbDiv .gnbL li .oneD:hover, #header .gnbW .gnbDiv .gnbL li .active {color:#005aae; text-decoration:none;} #header .gnbDiv .gnbL li .twoD{position:absolute; top:135px;padding: 0 20px;border-left: 1px solid rgba(255,255,255,0.07);min-height: 390px;} #header .gnbDiv .gnbL li .twoD1 {} #header .gnbDiv .gnbL li .twoD2 {} #header .gnbDiv .gnbL li .twoD3 {} #header .gnbDiv .gnbL li .twoD4 {} #header .gnbDiv .gnbL li .twoD5 {} #header .gnbDiv .gnbL > li {float: left;width: 20%;} #header .gnbDiv .gnbL li .twoD a {display:block; padding:8px 0px; color:#fff; font-size:14.5px;width: 100%;} #header .gnbDiv .gnbL li .twoD a.on, #header .gnbDiv .gnbL li .twoD a:hover{color:#fff; text-decoration:none; font-weight:bold; text-decoration:underline;} #header .gnbBg {display:none; width:100%; height:0; position:absolute; top:90px; left:0; z-index:105; background:#0a478c; opacity:0.97;} #header .gnbBg .decor1 {position:absolute; left:0; bottom:115px;} #header .gnbBg .decor2 {position:absolute; right:0; bottom:0;} #header .gnbLeft {width:250px;} #header .gnbLeft .tit {margin-top:45px;} #header .gnbLeft .grab {position:relative;} #header .gnbLeft .linkWrap {margin-top: 50px;} #header .gnbLeft .linkWrap .link, #header .gnbLeft .linkWrap .link .txt {-webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #header .gnbLeft .linkWrap .link b {font-size: 16px;font-weight: bold;color: #fff;display: block;} #header .gnbLeft .linkWrap .link .txt {font-size: 13px;color: #66a2e5;display: block;} #header .gnbLeft .linkWrap .link .label_skyblue {display: inline-block;width: 55px;height: 55px;text-align: center;line-height: 50px;font-size: 13px;position: absolute;right: -25px;top: -25px;border-radius: 55px;} #header .gnbLeft .linkWrap .link {display: block;padding: 12px 10px 10px 65px;border: 1px solid #3072ba;margin-bottom: 10px;} #header .gnbLeft .linkWrap .link1 {position: relative; background:url(../images/common/gnbLeft_link1.png) no-repeat; background-position:21px 16px;} #header .gnbLeft .linkWrap .link2 {background:url(../images/common/gnbLeft_link2.png) no-repeat; background-position:17px 16px;} #header .gnbLeft .linkWrap .link3 {background:url(../images/common/gnbLeft_link3.png) no-repeat; background-position:17px 16px;} #header .gnbLeft .linkWrap .link:hover {border: 1px solid #71acec;} #header .gnbLeft .linkWrap .link:hover .txt {color:#acd3ff;} /* 공통 footer */ .Footer {background:#2f2f2f;} .Footer .footNav {border-bottom:1px solid #3f3f3f;padding: 25px 0;} .Footer .footNav ul {} .Footer .footNav li {display: inline-block;} .Footer .footNav li a {color: #888 !important;padding: 0 20px; border-left:1px solid #444;} .Footer .footNav li a:hover {text-decoration:underline;} .Footer .footNav li:first-child a {padding-left:0; border-left:0;} .Footer .footNav li a strong {color: #ddd;} .Footer .footCont {border-bottom:1px solid #efefef;} .Footer .footCont {padding:40px 0 30px;display: none;} .Footer .footCont .tit {font-size: 19px;font-weight: bold;color: #000;margin-bottom: 15px;display: block;} .Footer .footCont .link {display: inline-block;font-weight: bold;font-size: 16px;color: #555;text-decoration: underline;margin-top: 18px;} .Footer .footCont .link:hover {color:#000;} .Footer .footCont .contact {float: left;width: 22%;padding-right: 1%;} .Footer .footCont .contact .num {font-size: 38px;font-weight: bold;color: #1b449e;letter-spacing: -2.3px;line-height: 1;} .Footer .footCont .contact .info {color: #a0a0a0;} .Footer .footCont .contact .info b {} .Footer .footCont .location {float: left;width: 56%; padding:0 0.5% 0 3%; border-left:1px solid #ecf1fc; border-right:1px solid #ecf1fc;} .Footer .footCont .location address {color: #a0a0a0; line-height: 1.6;} .Footer .footCont .location address b {} .Footer .footCont .quick {float: right;width: 200px;/*! text-align: right; */} .Footer .footCont .quick .siteLink {} .Footer .footCont .quick .siteLink .dropup {} .Footer .footCont .quick .siteLink .dropup .btn {display: block;width: 100%;color: #333; font-size: 14px;} .Footer .footCont .quick .siteLink .dropup .dropdown-menu {width: 100%; margin-bottom: -1px;} .Footer .footCont .quick .siteLink .dropup .dropdown-menu li {} .Footer .footCont .quick .siteLink .dropup .dropdown-menu li a {} .Footer .footCont .quick .sns_btn {overflow:hidden;margin-top: 25px;} .Footer .footCont .quick .sns_btn {} .Footer .footCont .quick .sns_btn a {display:block; float:left; width:46px; border-right:1px solid #fff;height: 45px;border-radius: 45px;margin-left: 4px;} .Footer .footCont .quick .sns_btn .naver {background:#2DB500 url(../images/common/footer_naver_ico.png) no-repeat; background-position:center;} .Footer .footCont .quick .sns_btn .facebook {background:#3B5998 url(../images/common/footer_facebook_ico.png) no-repeat; background-position:center;} .Footer .footCont .quick .sns_btn .instagram {background:#80503b url(../images/common/footer_instagram_ico.png) no-repeat; background-position:center;} .Footer .footCont .quick .sns_btn .youtube {border:0; background:#E62117 url(../images/common/footer_youtube_ico.png) no-repeat; background-position:center;} .Footer .copyright {clear:both; color:#777; text-align:center; letter-spacing:2px; padding:30px;font-size: 12px;} /* --------------------------------------------------------- layout : 서브 레이아웃 --------------------------------------------------------- */ /* 현재 위치 */ .Location {background:#005aae; width: 100%; height: 55px; text-align: left;} .Location .grab {height: 100%;} .Location .home {float: left;border-left: 1px solid rgba(255,255,255,0.18);border-right: 1px solid rgba(255,255,255,0.18);width: 55px;height: 100%;} .Location .home a {display: block;width: 100%;height: 100%; background:url(../images/common/Location_ico_house.png) no-repeat; background-position:center} .Location .dropdown {float: left;min-width: 200px;border-right: 1px solid rgba(255,255,255,0.18);} .Location .dropdown button {background: none;color: #fff;display: block;padding-left: 25px;padding-right: 10px;min-width: 200px;text-align: left;line-height: 55px; background:url(../images/common/Location_ico_arr.png) no-repeat; background-position:90% center;} .Location .dropdown .dropdown-menu {width: 100%;} .Location .dropdown .dropdown-menu a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 서브 레이아웃 틀 */ #Sub {position: relative; margin: 0 auto; padding-bottom: 70px; width: 1200px; text-align: left; background: url(../images/common/bg_sub.gif) repeat-y right top; overflow: hidden;} #Wide_Sub {padding-bottom: 50px;} #Content {position: relative; float: left; width: 910px; transition: margin-right .2s ease;} #Side {float: right; width: 240px; transition: width .2s ease;} /* 페이지 타이틀 */ .pagetitle {position: relative; margin: 70px 0 25px; width: 100%; height: 75px; line-height: 1;} .pagetitle .Subtit {float: left;} .pagetitle .sns_btn {float: right; margin-top:30px;} .pagetitle .sns_btn a {display:inline-block; margin-left:10px; width: 25px; height: 25px;} .pagetitle .sns_btn .naver {background: url(../images/common/sub_ico_naver.png) no-repeat; background-position:center;} .pagetitle .sns_btn .facebook {background: url(../images/common/sub_ico_facebook.png) no-repeat; background-position:center;} .pagetitle .sns_btn .instagram {background: url(../images/common/sub_ico_instagram.png) no-repeat; background-position:center;} .pagetitle .sns_btn .naver:hover {background: url(../images/common/sub_ico_naver_on.png) no-repeat; background-position:center;} .pagetitle .sns_btn .facebook:hover {background: url(../images/common/sub_ico_facebook_on.png) no-repeat; background-position:center;} .pagetitle .sns_btn .instagram:hover {background: url(../images/common/sub_ico_instagram_on.png) no-repeat; background-position:center;} /* Side 메뉴 */ .Side {} .Side .SideNav {padding: 70px 0 30px 30px;} .Side .SideNav .navtit {font-size: 24px;font-weight: bold;color: #111;margin-bottom: 20px;} .Side .SideNav .menu {} .Side .SideNav .menu li {-webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .Side .SideNav .menu li:hover {background:#f3f3f3;} .Side .SideNav .menu li a {display: block;padding: 13px 8px 13px 15px;font-size: 17px;font-weight: bold;color: #111;border-top: 1px solid #e6e6e6; background: url(../images/common/SideNav_arr.png) no-repeat;background-position:93%;} .Side .SideNav .menu .active a {font-weight:bold; color:#005aae;} .Side .article {padding: 30px 0 30px 30px;position: relative;border-top: 1px solid #ddd;} .Side .article .sidetit {font-size: 19px;font-weight: bold;color: #000;margin-bottom: 15px;} .Side .class {display:none;} .Side .class .more {display: inline-block;width: 20px;height: 20px;background: #ddd;position: absolute;right: 0;top: 35px; background: url(../images/common/ico_more_11.png) no-repeat;background-position:center;} .Side .class ul {} .Side .class ul li {margin-bottom: 15px; padding:5px 5px 5px 60px; position:relative;} .Side .class ul li a {display: block;font-size: 15px;font-weight: bold;color: #111;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .Side .class ul li a:hover {text-decoration:underline;} .Side .class ul li span {font-size: 14px;color: #888; background: url(../images/common/Side_class_bar.png) no-repeat;background-position:left; padding:0 5px;} .Side .class ul li .dday {background:none; padding-left:0;} .Side .class ul li .month {} .Side .class ul li .person {} .Side .class ul li:before {position: absolute; left: 0; top: 0px; width: 50px; height: 50px; border-radius: 9999px; background-color: #c2c2c2; content: '';} .Side .class ul .list1:before {background:#289be0;} .Side .class ul .list2:before {background:#3c4c6f;} .Side .class ul .list3:before {background:#005aae;} .Side .class ul .ico {display: inline-block;width: 45px;height: 45px;position: absolute;left: 3px;top: 2px;} .Side .class ul .ict {background:url(../images/main/Class_ict_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .hybrid {background:url(../images/main/Class_hybrid_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .digitalbook {background:url(../images/main/Class_digitalbook_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .digital {background:url(../images/main/Class_digital_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .smartebook {background:url(../images/main/Class_smartebook_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .interior {background:url(../images/main/Class_interior_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .echo {background:url(../images/main/Class_echo_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .printing {background: url(../images/main/Class_printing_on.png) no-repeat;background-position:center; background-size:25px;} .Side .class ul .animation {background:url(../images/main/Class_animation_on.png) no-repeat;background-position:center;background-size:25px;} .Side .counsel {} .Side .counsel .callbox {background: #00236c url(../images/common/Side_counsel_bg.png) no-repeat;background-position:center 25px; padding: 13px 20px;height: 150px;color: #fff;} .Side .counsel .callbox .num {font-size: 21px;font-weight: bold;margin-bottom: 0;} .Side .counsel .callbox .txt {font-size: 14px;display: block;line-height: 1.35;} .Side .quickmenu {} .Side .quickmenu .link {display: block;padding: 15px 15px 15px 60px;margin-bottom: 5px;font-size: 17px;color: #fff;} .Side .quickmenu .link:hover {text-decoration:underline;} .Side .quickmenu .link1 {background:#929fb8 url(../images/common/Side_quick1.png) no-repeat;background-position:10%;} .Side .quickmenu .link2 {background:#929fb8 url(../images/common/Side_quick2.png) no-repeat;background-position:10%;} .Side .quickmenu .link3 {background:#929fb8 url(../images/common/Side_quick3.png) no-repeat;background-position:10%;} .mobile {display:none;} .close {display:none;} .grab:after {display:block; content:""; clear:both;} .gnbM {display: none;} .board_body a { word-break: break-all; } /* --------------------------------------------------------- page : 메인 (가로폭 : 768px) --------------------------------------------------------- */ @media screen and (min-width:1200px) { .grab {width:1200px; margin:0 auto;} .Cardbox {margin-top: -340px;} #header .gnbW .gnbDiv .gnbL > li.close {display:none;} } @media screen and (max-width:1199px ) { .Topmenu {display: none;} } @media screen and (max-width:1119px ) { .gnbM {display: block;} .gnbW {display: none;} .gallery, .interview_wrap { margin-top: 80px; padding-top: 50px!important; border-top: 4px solid #eee; } .gallery .list { padding: 20px!important; } .tit_port, .tit_comm { margin-left: 20px; } .box:nth-of-type(odd) { background-color: rgba(0,60,149,1); } .sub_Cardbox .box:nth-of-type(odd) .txt, .sub_Cardbox .box:nth-of-type(odd) .date, .sub_Cardbox .box:nth-of-type(odd) .tit, .sub_Cardbox .box:nth-of-type(odd) li { color: white!important; } #Content .box1, #Content .box2, #Content .box3, #Content .box4, #Content .box6, #Content .box7, #Content .box9, #Content .box8 { background-image: none; background-color: #f9f9f9; padding: 25px 10px; } .listlist { padding-top: 20px!important; padding-bottom: 20px!important; border-bottom: 1px solid #eee; } .box5,.box1, .box9{ background-image: none; } .vision .group .part1 .ico_wrap p { border: none; } .vision .group .part3 .list { width: 100%; background-color: transparent; } .list:nth-of-type(even) {background-color: #efefef;} .Cardbox .cont_box .list {position: static;} .close {display:block;} .mobile {display:block;} html, body {width:100%; height:100%;} #mask,M #header .Topmenu {display:none;} .grab {width: 100%;} #header .gnbM .gnbDiv .logo {position:absolute; left:30px; float:none;} #header .gnbM .gnbDiv .gnbL {position:fixed; display:block; background:#fff; overflow:visible; height:100%; z-index: 1000;right: 0px;width: 304px;height: 100%; overflow-y: auto; background: #fff;transform: translateX(304px);transition: all 0.4s ease 0s; box-shadow: -1px -1px 2px rgba(221,221,221,1); } #header .gnbM .gnbDiv .gnbL.active {right:304px;width:304px;transition:all 0.4s ease 0s;} #header .gnbM .gnbDiv .gnbL li .oneD {line-height:60px;font-size:18px;padding: 0 20px; text-align:left; font-weight:500;} #header .gnbM .gnbDiv .gnbL li .twoD {position:relative; top:0; min-height:auto; display:none;} #header .gnbM .gnbDiv .gnbL li .twoD a {color:#000;} #header .gnbM .gnbDiv .gnbL > li {float: none;width: 100%; border-bottom: 1px solid #ddd;} #header .gnbM .gnbBg {display:none;} #header .gnbM .gnbDiv .gnbL > li.close {position: fixed;top: 20px;right: 20px;color: #FE642E; font-weight: bold;opacity: 1; font-size: 18px; width:30px; height:30px;} .mobile {position: absolute;right: 20px;top: 50%;width: 52px;height: 52px;margin-top: -26px;} .mobile .btn {width:100%; height:100%; display:block; border:0 none;} #Main {width:100%;} .Visual .visual_txt .fir {font-size:20px;} .Visual .visual_txt {padding-top:60px;} .Cardbox {margin-top: -700px;} .Cardbox .box { width:100%; margin-right:0; float:none;} .Visual .grab {overflow:auto; position:absolute;} .Quickmenu {display:none;} .Visual .main_visual li {width:100%;} .Visual .visual_txt p {font-size:16px;} .Goodchoice {display:none;} .Videolink {display:none;} .Board {margin-top:230px;} .Board .gallery_wrap {float: none;width: 100%;} .Board .gallery .list {float: none;width: 100%;} .Board .gallery .list .image {height:280px;} .Board .gallery .list .image a img {width: 100%;height: 100%;text-align: center;} .Class {display:none;} .Footer {position:absolute; width:100%;} .Footer .footNav li {display:block;} .Board .interview_wrap {float: none;width: 100%;position: relative;padding: 10px; border-left: 0 none;} .logo a img {width:80%;} .Footer .footNav li:first-child a {padding:0 10px;} .Footer .footNav li {width:50%; float:left;} .Footer .footNav li a {font-size:14px;letter-spacing:-1px; padding:10px;} .Footer .footNav li:nth-child(7),.Footer .footNav li:nth-child(8),.Footer .footNav li:nth-child(9) {display:none;} .Footer .footNav li:after {content:""; display:block; clear:both;} .Footer .copyright {letter-spacing: -1px;} .Location {width:100%;} .Location .home { width:10%;} .Location .dropdown {min-width:45%;} .Location .dropdown button {width:100%; min-width:100%;} #Sub {width:100%;background-position:-9000px;} #Content {width:100%; padding:15px;} .pagetitle {margin:0px;} .Subtit {font-size:22px;} .pagetitle .sns_btn {margin-top:6px; margin-right:0px;} .greeting .head {padding:30px 10px; background-position: calc(100% + 70px) bottom; background-size:contain;} .greeting .head .tit {font-size:18px;} .greeting .body .txt {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1; line-height: 160%;padding: 15px;} #Side {display:none;} .box_cont {padding: 20px;} .box0 .txt .sizeup {font-size:22px;} .box0 .txt {width:100%; text-align:left;} .history .part2011 img {right: 10%;bottom: 0;width: 100px; top:-90px; } .history .part2017 img {right: 10%;bottom: 0;width: 100px; top:-90px; } .history .part2016 img {right: 10%;bottom: 0;width: 100px; top:-90px; } .history .part2014 img {right: 10%;bottom: 0;width: 100px; top:-90px; } .history .part2013 img {right: 10%;bottom: 0;width: 100px; top:-90px; } .history .part2008 img {right: 10%;bottom: 0;width: 100px; top:-90px; } .history .part .tit_year span {line-height:1;} .vision .group {padding:15px;} .vision .group .Subtit2 {float:none; width:100%;} .vision .group .part {float:none; width:100%; margin-top:20px;} .vision .group .part1 .ico_wrap p { float:none; width:100%;} .vision .group .part3 {padding-bottom:0;} .vision .group .part3 img {margin: 0 auto;display: block;width: 90%;} .vision .group .part3 .list1 {position:relative;margin-top: 20px;} .vision .group .part3 .list2 {position:relative;margin-top: 20px;} .vision .group .part3 .list3 {position:relative;margin-top: 20px;} .board_top {width:100%; padding:15px;} .board_top .total {float:none; width:100%; margin-bottom:15px;} .board_top .search-group {position:relative; float:none;} .board_top .search-group .form-control {width:47%;} .board_card {width:100%; padding:15px;} .board_card li {float:none; width:100%;margin:0;} .board_btn {margin-top:20px; margin-right:30px;} .Subtit {font-size: 26px;} .Tab {margin-bottom:30px;} .naverMap {height:100%;} .location .group_info {background-position:right 50px;} .location .group .title {float:none; width:100%;} .location .group .list {float:none; width:100%;} .location .group_bus {background-position:right 50px;} .location .group_car {background-position:right 50px;} .dropdown-backdrop {z-index:88;} #Wide_Sub {padding:15px;} .sub_allclass {padding: 40px 0;} .sub_allclass .tit {display:block;} .sub_allclass .tit .txt1 {font-size: 18px; text-align:center;} .sub_allclass .tit .txt1 strong {font-size: 26px; display:block;} .sub_allclass .quickbtn {width: 100%;position: relative; padding:20px;} .sub_Cardbox .box {float:none; width:100%; margin:0;} .pagetitle {height:45px;} .sub_Cardbox .cont_box a {padding:10px;} .allhidden {display:none;} .box_class { clear:both; margin-top:50px;} .snshidden {display:none;} .box_class .cont {padding: 40px 20px 25px;} .box_class .cont .tit1 {font-size:20px;} .box_class .cont .class_info [class^="label_"] {margin-bottom:10px;} .class_tab .tab {float: none;width: 100%;text-align: center;} .class_tab .tab a {width:31%; display:inline-block; padding:0;} .class_tab .btn {display:none;} .board_profile li {float:none; width:100%;} .board_port {width:100%;} .board_port li {float: none;width: 100%;margin-bottom: 3%;padding: 0 0;border: 1px solid #eee;padding:10px;} .box3 {width:100%;background-position:99% 5%; } .box4 {width:100%;background-position:99% 5%; } .box9 {width:100%;background-position:99% 5%; } .box_cont {padding:20px;} .list_step li {float:none; width:100%;} .onlineHidden {display:none;} .modal .modal-dialog {width:100%;} .modal .modal-dialog .close {position:absolute; right:10px; top:0; z-index:999;} .Viewport .modal-dialog .tit {padding: 15px;background: #000;} .Viewport .modal-dialog .tit .ico_board_view {position: absolute;right: 65px;top:15px;} .Viewport .modal-dialog .tit strong {font-size:18px; color:#fff;} .Viewport .modal-dialog .tit .kind, .Viewport .modal-dialog .tit .data, .Viewport .modal-dialog .tit .link {color:#fff;} .Viewport .modal-dialog .tit .link {color:#fff; font-size:13px; display:block;} .modal .modal-dialog {margin:10px auto 10px;} input#name {width:100%;} input#age {width:100%;} input#phone, input#A_phone2, input#A_phone3 {width:30%;} .apply .select select { width:100%;} .C_c1, .C_c3, .C_c4, .C_c5, .C_c6, .W_c1 {display:none;} .board_top .select .dropdown-toggle { padding:0 10px;} .board_view .board_body {padding: 20px 0px;} .board_view .board_header .ico_board_view {position: absolute;right: 10px;top: 5px;} .board_detail .gallery .image {float:none;width: 100%;margin-right: 0;} .board_detail .gallery .cont {float:none;float:none;padding-top:15px;} .board_view .board_control .prev { padding:0; background-position:-9999px;} .board_view .board_control .next { padding:0; background-position:-9999px;} .table-responsive {width: 100%;} .cooperation {width:100%;} .cooperation li {width:48%; padding:18px; height:170px;} .cooperation li img {right:20px; bottom:8px;} .table-responsive { border: none!important; } footer a { padding: 0 10px!important; display: block; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; } }