/*공통 input태그*/ select{-moz-appearance: none; -webkit-appearance: none; appearance: none; background: #fff url('/images/common/s_arrow_b_g.png') 95% 50% no-repeat; background-size:12px auto; display: inline-block; margin: 8px; box-sizing: content-box;} select::-ms-expand {display: none;} select.phone{min-width: 90px; width: 110px;} select{height: 42px; line-height: 40px; border: 1px solid #dcdcdc; min-width: 410px;} input[type="text"]{height: 40px; line-height: 40px; border: 1px solid #dcdcdc; background: #fff; min-width: 410px; display: inline-block; margin: 8px;} input[type="text"].phone{min-width: 60px; width: 110px;} input[type="radio"]{width: 0; opacity: 0;} input[type="radio"] + label{height: 30px; background: url('/images/common/radio_btn.png') 0 50% no-repeat; background-size: 18px; line-height: 30px; padding-left: 30px; color: #888;} input[type="radio"]:checked + label{background: url('/images/common/radio_btn_on.png') 0 50% no-repeat; background-size: 18px;} input[type="checkbox"]{transform:scale(1.3); margin: 0 5px 0 0;} textarea{background: #fff; border: 1px solid #dcdcdc; display: block; padding: 10px 15px; margin: 8px; box-sizing:border-box;} .bd-li{position: relative;} .bd-li:after{width: 100%; height: 100%; content: ''; box-sizing: border-box; border: 1px solid #dcdcdc; position: absolute; left: 0; top: 0;} /*공통 클래스*/ .hide{text-indent:-9999px; width:0; height:0; font-size:0;} .inner{width: 1180px; margin: auto;} .pcview{} .mobview{display: none;} .a-area{width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; font-size: 0; text-indent: -9999px;} .noting{height: 50px; border: 5px solid #eaeaea; text-align: center; line-height: 50px; color: #888;} @media screen and (max-width: 1540px) { .inner{width: 95%;} } @media screen and (max-width: 768px) { select{width: 95%; height: 40px; min-width: 0; box-sizing:border-box; padding: 0 5px;} input[type="text"]{width: 95%; min-width: 0; box-sizing:border-box; padding: 0 5px;} input[type="text"].phone{min-width: 0; width: 28%; box-sizing:border-box; margin-right: 0;} select.phone{min-width: 0; width: 28%; box-sizing:border-box; margin-right: 0; background: #fff url('/images/common/s_arrow_b_g.png') 90% 50% no-repeat; background-size: 12px auto;} textarea{padding: 5px;} .pcview{display: none;} .mobview{display: inline-block;} } /*공통 버튼*/ a.full-btn.full-btn-c{background: #3a4fc9; color: #ffffff;} a.full-btn.full-btn-g{background: #2c2d3b; color: #ffffff;} a.line-btn{width: 160px; height: 38px; display: block; border: 1px solid #dcdcdc; text-align: center; line-height: 38px;} a.full-btn{width: 160px; height: 40px; display: block; text-align: center; line-height: 40px;} .more-box{width: 50px; height: 30px; display: inline-block; padding-left:30px; background: url('/images/common/ico_s_plus_g.png') 8px 50% no-repeat; border: 1px solid #8b8e9880; font-size: 13px; color: #8b8e98; line-height: 30px;} .more-box-kr{width: auto; height: 38px; display: inline-block; padding-left: 10px; padding-right:30px; background: url('/images/common/ico_s_plus_g.png') 90px 50% no-repeat; border: 1px solid #8b8e9880; font-size: 15px; color: #8b8e98; line-height: 38px;} .more-box:active, .more-box:visited, .more-box:hover,.more-box:focus{color: #8b8e98;} .more-box-kr:active, .more-box-kr:visited, .more-box-kr:hover,.more-box-kr:focus{color: #8b8e98;} .plus-box{width: 25px; height: 25px; display: block; background: url('/images/common/ico_big_plus_g.png') 50% 50% no-repeat; background-size: 15px; border: 1px solid #8b8e9880; font-size: 0; text-indent: -9999px;} h3.title{text-align: center; margin-bottom: 40px;} h3.title strong{font-size: 25px; font-weight: 300; line-height: 1; color: #403d78; letter-spacing: 4px; padding-left: 30px; background: url('/images/common/title_design.svg') 0 50% no-repeat; background-size: 12px 18px;} h3.title span{margin-left: 10px; font-size: 22px; font-weight: 500; color: #333333; padding-right: 30px; background: url('/images/common/title_design.svg') 100% 47% no-repeat; background-size: 12px 18px;} @media screen and (max-width: 768px) { a.line-btn{height: 38px; line-height: 38px;} a.full-btn{height: 40px; line-height: 40px;} h3.title{width: 100%; margin-bottom: 15px;} h3.title strong{padding-left: 15px; font-size: 16px; background-size: 8px auto;} h3.title span{padding-right: 15px; margin-left: 5px; font-size: 16px; top:0; background-size: 8px auto;} } /*공통 게시판 페이징*/ .board-paging{width: 100%; text-align: center; margin: auto; margin-top: 50px;} .board-paging ul{display: inline-block;} .board-paging ul li{display: inline-block;margin-right: 5px; position: relative; top: -1px;} .board-paging a{display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #dcdcdc; color: #888; font-size: 0.9rem;} .board-paging li.on a{border-color: #3a4fc9; color: #3a4fc9;} .board-paging a.first-page, .board-paging a.last-page,.board-paging a.prev,.board-paging a.next{margin-right: 5px; text-indent: -9999em; background-repeat: no-repeat; background-position: 50% 50%; background-size:25px auto;} .board-paging a.first-page{background-image: url('/images/common/paging_first.png');} .board-paging a.prev{background-image: url('/images/common/paging_prev.png');} .board-paging a.next{background-image: url('/images/common/paging_next.png');} .board-paging a.last-page{background-image: url('/images/common/paging_last.png');} .board-paging a:last-child{margin-right: 0;} #wrap{width: 100%; overflow: hidden;} #container{width: 90.5%; float: right; transition: 0.5s ease-in-out;} #content{} @media screen and (max-width: 1540px) { #container{width: 87%} } @media screen and (max-width: 1250px) { #container{width: 85%} } @media screen and (max-width: 1080px) { #container{width: 100%;} } @media screen and (max-width: 768px) { #container{width: 100%; margin-top: 82px;} } #header.open{width: 100%;} #container.open{width: 100%;} #footer.open{width: 100%;} #header{width: 90.5%; position: relative; z-index: 20; float: right; transition: 0.5s ease-in-out; } #headerTopBanner{height: 100%; position: relative; z-index: 10; background: #000;} #headerTopBanner a{} #headerTopBanner a .pcview img{width: 100%; display: block;} #headerTopBanner .close{position: absolute; right: 10px; top: 10px;} #headerTopBanner .close form input[type="checkbox"]{display: none;} #headerTopBanner .close form input[type="checkbox"]+label{position: relative; top: -2px; font-size: 12px; color: #333; padding-left: 40px; cursor:pointer;} #headerTopBanner .close form input[type="checkbox"]+label:before{content:''; width: 20px; height: 20px; position: absolute; top: -3px; left: 0; display: inline-block; margin-left: 10px; background: url('/images/common/close_box.png');} @media screen and (max-width: 1540px) { #header{width: 87%;} } @media screen and (max-width: 1250px) { #header{width: 85%;} } @media screen and (max-width: 1080px) { #header{width: 100%;} } @media screen and (max-width: 768px) { #header{width: 100%; position: fixed;} #headerTopBanner{height: auto; position: fixed; bottom: 50px; left: 0; z-index: 20;} #headerTopBanner a .mobview{display: block;} #headerTopBanner a .mobview img{width: 100%; display: block; min-height: 40px;} #headerTopBanner .close{transform:scale(0.8); top: 8px; right: 0px;} #headerTopBanner .close form input[type="checkbox"]+label{font-size: 0; text-indent: -9999px;} #headerTopBanner .close form input[type="checkbox"]+label:before{width: 15px; height: 15px; left: 0; top: -5px; background-repeat: no-repeat; background-size: cover;} } @media screen and (max-width: 480px) { #headerTopBanner{width: 100%;} #headerTopBanner a .mobview{height: 40px; position: relative;} #headerTopBanner a .mobview img{width: 480px; height: 40px; position: absolute; top: 0; left: 50%; margin-left: -240px;} } #nav{height: auto; position: relative; z-index: 10; background: #ffffff;} #nav h1{width: 100%; height: 90px; margin-top: 30px; position: relative;} #nav h1 a{width: 271px; height: 100%; position: absolute; left: 50%; margin-left: -135px; top: 0; display: inline-block; background: url('/images/common/logo_sc.png') 50% 50% no-repeat; background-size: auto; font-size: 0; text-indent: -9999em;} #nav .topmenu{width: 100%; border-bottom: 1px solid #edeff6; position: absolute; top: -30px; left: 0;} #nav .topmenu .inner{} #nav .topmenu .inner ul{} #nav .topmenu .inner ul li{float: left;} #nav .topmenu .inner ul li a{height: 29px; display: inline-block; font-size: 20px; line-height: 29px; color: #898989;} #nav .topmenu .inner .campus{float: left;} #nav .topmenu .inner .campus li{} #nav .topmenu .inner .campus li:first-child a{padding-left: 30px; background-image:url('/images/common/ico_home_c.png'); background-position: 10px 8px; background-repeat: no-repeat;} #nav .topmenu .inner .campus li:first-child.on a{background-image:url('/images/common/ico_home_w.png'); background-position: 10px 8px; background-repeat: no-repeat;} #nav .topmenu .inner .campus li.on{} #nav .topmenu .inner .campus li.on a{background: #262161; color: #fff;} #nav .topmenu .inner .campus li a{padding: 0 10px; transition:0.3s; font-size: 20px;} #nav .topmenu .inner .campus li:hover a{color: #3a4fc9;} #nav .topmenu .inner .campus li.on:hover a{background-color: #3a4fc9; color: #fff;} #nav .topmenu .inner .minimenu{float: right;} #nav .topmenu .inner .minimenu li{margin-right: 15px;} #nav .topmenu .inner .minimenu li:last-child{margin-right: 0px;} #nav .topmenu .inner .minimenu li a{padding-left: 30px; background-repeat: no-repeat; background-position: 0 50%; background-size: 20px;} #nav .topmenu .inner .minimenu li a strong{font-weight: 700; font-family: 'Roboto',sans-serif; color: #262161; margin-left: 5px;} #nav .topmenu .inner .minimenu li:nth-of-type(1) a{background-image: url('/images/common/small_ico06.svg');} #nav .topmenu .inner .minimenu li:nth-of-type(2) a{background-image: url('/images/common/small_ico02_w.svg');} #nav .topmenu .inner .minimenu li:nth-of-type(3) a{background-image: url('/images/common/small_ico05_w.svg');} #nav > ul{width: 1180px; height: 79px; margin: auto;} #nav > ul .header-banner{width: 180px; height: 79px; float: left;} #nav > ul .header-banner a{} #nav > ul .header-banner a img{} #nav > ul .date{width: 135px; float: right;} #nav > ul .date ul{} #nav > ul .date ul li:first-child{border-bottom: 1px solid #edeff6;} #nav > ul .date ul li{height: 39px; text-align:right; line-height: 39px;} #nav > ul .date ul li strong{margin-right: 10px;} #nav > ul .date ul li span{color: #3a4fc9; font-weight: 700;} #nav > ul .date{} #nav > .mob-call{} #nav > .mob-call a{} #gnb{border-top: 1px solid #edeff6; border-bottom: 1px solid #dcdcdc;} #gnb a.allmenu{width: 49px; height: 49px; float: left; opacity: 0.5; display: block; background-image: url('/images/common/hamburger_ico.svg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 20px 20px; overflow:hidden; font-size: 0; text-indent: -9999px; transition:0.3s;} #gnb a.allmenu:hover{opacity: 1;} #gnb a.price-btn{width: 105px; height: 49px; position: relative; padding-left: 50px; float: left; display: block; background-image: url('/images/common/menu_ico05_g.svg'); background-repeat: no-repeat; background-position: 20px 49%; background-size: 20px 20px; line-height: 49px;} #gnb a.price-btn:before{width: 1px; height: 18px; display: block; content: ''; clear: both; background: #dcdcdc; position: absolute; left: 0; top: 15px;} #gnb a.price-btn:after{width: 113px; height: 29px; display: block; content: ''; clear: both; background: url('/images/common/chat_img.gif') 0 0 no-repeat; position: absolute; right: -45px; top: -18px;} #gnb ul{width: 975px; float: left;} #gnb ul li{float: left;} #gnb ul li a{height: 49px; display: block; padding: 0 13px; line-height: 49px;} #gnb ul li a:hover:after{width: 100%; height: 3px; position: relative; top: -1px; display: block; content: ''; background-color:#3a4fc9;} #gnb ul li a.on{color: #3a4fc9;} #gnb ul li a.on:after{width: 100%; height: 3px; position: relative; top: -1px; display: block; content: ''; background-color:#3a4fc9;} .sub-menu{width: 100%; padding: 30px 0; position: absolute; top: 141px; left: 0; background: #f5f5f5; display: none;} .sub-menu > .inner{} .sub-menu > .inner > ul{height:140px;} .sub-menu > .inner > ul > li{width: 550px; float: left;} .sub-menu > .inner > ul > li:first-of-type{padding-right: 30px; margin-right: 29px; border-right: 1px solid #ddd;} .sub-menu > .inner > ul > li h3{margin-bottom: 15px; font-size: 15px; font-weight: 700;} .sub-menu > .inner > ul > li ul{width: 49%; height: 100px; float: left;} .sub-menu > .inner > ul > li ul:first-of-type{margin-right: 2%;} .sub-menu > .inner > ul > li ul li{margin-bottom: 5px;} .sub-menu > .inner > ul > li ul li a{font-size: 14px;} .sub-menu > .inner a:hover{color:#3a4fc9;} .sub-menu > .inner > ul > li ul li .blue-box{height: 20px; display: inline-block; padding: 0 5px; margin-right: 5px; background: #3a4fc9; border-radius: 20px; font-size: 12px; line-height: 20px; color: #ffffff;} .sub-menu > .inner > ul > li ul li .gray-box{height: 20px; display: inline-block; padding: 0 5px; margin-right: 5px; background: #2c2d3b; border-radius: 20px; font-size: 12px; line-height: 20px; color: #ffffff;} .sub-menu > .inner h4{margin-bottom: 15px; font-size: 15px; font-weight: 700;} .sub-menu > .inner > a{} .sub-menu > .inner > a:after{content: ''; width: 1px; height: 12px; background: #dcdcdc; margin: 0 20px; display: inline-block;} .sub-menu > .inner > a:last-of-type:after{display: none;} /*스크롤바 컬러*/ .mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.11) !important;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #ccc !important;} .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #bac7e0 !important;} .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background: #bac7e0 !important;} #siteMap{width: 100%; height: 99.5vh; border-top:0.5vh solid #3a4fc9;position: fixed; top: 0; left: 0; z-index: 50; display: none; background:#fff url('/images/common/logo_bg.png') 97% 95% no-repeat; background-size: 250px auto;} #siteMap .inner{width: 80%;} #siteMap .inner .hamburger{position: relative;} #siteMap .inner .hamburger h3{padding-top: 80px; margin-bottom: 8px; font-size: 35px; letter-spacing: 10px;} #siteMap .inner .hamburger h3 strong{font-weight: 300;} #siteMap .inner .hamburger h3 span{font-weight: 600; font-size: 28px; position: relative; top: -3px; letter-spacing: 0px; margin-left: 5px;} #siteMap .inner .hamburger p{padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #e8e8e8; color: #555;} #siteMap .inner .hamburger a{width: 50px; height: 50px; border: 2px solid #dcdcdc; position: absolute; right: 0; top: 80px; font-size: 0; text-indent: -9999px; cursor: pointer; background: url('/images/common/close_g.png') 50% 50% no-repeat; background-size: 35px;} #siteMap .menu-block{} #siteMap .menu-block > li{width: 18%; margin-right: 2%; float: left;} #siteMap .menu-block > li:nth-of-type(5n+5){margin-right: 0;} #siteMap .menu-block > li > strong{display: inline-block; margin-bottom: 20px; font-size: 18px; color: #372f9a; font-weight: 400; border-bottom: 1px solid #372f9a;} #siteMap .menu-block > li .menu-scroll{height: 150px; margin-bottom: 70px;} #siteMap .menu-block > li .menu-scroll li{margin-bottom: 5px;} #siteMap .menu-block > li .menu-scroll li a{color: #666;} #siteMap .menu-block > li .menu-scroll li:hover a{color: #3a4fc9;} #fixedSidebar{min-width: 180px; width: 9.5%; height: 100%; position: fixed; top: 0; left: 0; z-index:30; overflow: hidden; transition: 0.5s ease-in-out;} #fixedSidebar.close{left: -180px;} #fixedSidebar .inner{width: auto; height: 100%;} #fixedSidebar .inner .fix-quickkbtn{} #fixedSidebar .inner .fix-quickkbtn li{} #fixedSidebar .inner .fix-quickkbtn li a{} #fixedSidebar .inner .main-menu{width: 100%; height: 100%; background: #24214c;} #fixedSidebar .inner .main-menu .mCSB_inside > .mCSB_container{margin-right: 0;} #fixedSidebar .inner .main-menu .menu-scroll{max-height: 80vh;} #fixedSidebar .inner .main-menu .menu-scroll .mCSB_scrollTools{opacity: 0;} #fixedSidebar .inner .main-menu #mCSB_27_scrollbar_vertical{opacity: 0;} #fixedSidebar .inner .main-menu h3{height: 20vh; position: relative; background:url('/images/common/fixed_logo2.png') 50% 50% no-repeat; background-size:contain; font-size: 0; text-indent: -9999px;} #fixedSidebar .inner .main-menu h3 .close{width: 25px; height: 25px; display: block; position: absolute; top: 0; right: 0; background: #1a1832 url('/images/common/fixed_close.png') 50% 50% no-repeat; font-size: 0; text-indent: -9999px;} #fixedSidebar .inner .main-menu h3 .open{width: 40px; height: 25px; opacity: 0; position: fixed; top: 0; left: 180px; padding-left: 30px; background: #2c2d3b url('/images/common/ico_menu_w.png') 8px 50% no-repeat; background-size: 13px; font-size: 12px; line-height: 25px; color: #fff; text-indent: 0; transition: 0.5s ease-in-out;} #fixedSidebar.close .inner .main-menu h3 .open{left: 0; opacity: 1;} #fixedSidebar .inner .main-menu .fix-banner.pcview{height: 180px;} #fixedSidebar .inner .main-menu .fix-banner.pcview a{} #fixedSidebar .inner .main-menu .fix-banner.pcview a img{width: 100%; height: 100%;} #fixedSidebar .inner .main-menu .fix-banner.mobview{} #fixedSidebar .inner .main-menu .fix-banner.mobview a{} #fixedSidebar .inner .main-menu .fix-banner.mobview a img{} #fixedSidebar .header-dim{} #fixedSidebar .inner .main-menu ul.left-menu{} #fixedSidebar .inner .main-menu ul.left-menu > li{background: #2e2b5a; border-bottom: 1px solid #24214c;} #fixedSidebar .inner .main-menu ul.left-menu > li > a{width: 150px; height: 49px; display: block; margin: auto; background-image: url('/images/common/fixed_arrow_b.png'); background-position: 100% 50%; background-repeat: no-repeat; line-height: 49px; color: #ffffff;} #fixedSidebar .inner .main-menu ul.left-menu > li.on > a{background-image: url('/images/common/fixed_arrow_t.png');} #fixedSidebar .inner .main-menu ul.left-menu > li > ul{display: none;} #fixedSidebar .inner .main-menu ul.left-menu > li.on > ul{display: block;} #fixedSidebar .inner .main-menu ul.left-menu > li > ul li{} #fixedSidebar .inner .main-menu ul.left-menu > li > ul li a{height: 39px; display: block; background: #22232d; border-top: 1px solid #1d1d26; font-size: 14px; line-height: 39px; text-indent: 15px; color: #8f97a8;} #fixedSidebar .inner .main-menu ul.left-menu > li > ul li a:hover{color: #3a4fc9;} #rightquick{position: fixed; right: 0px; top: 50%; z-index: 30; margin-top: -200px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1);} #rightquick li{width: 100px; height: 100px; background: #fff; border-bottom: 1px solid #e8e8e8;} #rightquick li:nth-of-type(1){background: #3a4fc9;} #rightquick li:nth-of-type(5){border-bottom: 0;} #rightquick li a{height: 35px; display: block; padding-top: 65px; font-size: 14px; text-align: center; color: #555; background-position: 50% 25px; background-repeat: no-repeat; background-size: 28px auto;} #rightquick li:nth-of-type(1) a{background-image: url('/images/common/menu_ico01_w.svg'); color: #fff;} #rightquick li:nth-of-type(2) a{background-image: url('/images/common/menu_ico02.svg');} #rightquick li:nth-of-type(3) a{background-image: url('/images/common/menu_ico03.svg');} #rightquick li:nth-of-type(4) a{background-image: url('/images/common/menu_ico04.svg');} #rightquick li:nth-of-type(5) a{background-image: url('/images/common/menu_ico05.svg');} @media screen and (max-width: 1540px) { #gnb a.allmenu{width: 5%;} #gnb a.price-btn{width: 12%; padding-left: 5%;} #gnb a.price-btn:after{right: 0;} #gnb ul{width: 78%;} #gnb ul li{width: 10.8%; text-align: center;} #gnb ul li a{padding: 0;} #fixedSidebar{min-width:0%; width: 13%;} #fixedSidebar.close{left: -13%;} #fixedSidebar .inner .main-menu h3 .open{width: 35px; top: 50px; left: 13%; padding-left: 0; padding-top: 20px; background-position: 50% 8px; font-size: 10px; text-align: center;} #fixedSidebar .inner .main-menu ul.left-menu > li > a{width: 100%; text-indent: 15px; background-position: 93% 50%;} } @media screen and (max-width: 1320px) { #gnb a.price-btn{width: auto; float: right; padding-left: 20px; background: none; text-align: right;} #gnb ul{width: 83%;} #gnb ul li{width: auto;} #gnb ul li a{padding: 0 7px;} #rightquick li{width: 90px; height: 90px;} #rightquick li a{padding-top: 55px; font-size: 13px; background-position: 50% 15px;} } @media screen and (max-width: 1250px) { #gnb{font-size: 14px;} #fixedSidebar{width: 15%;} #fixedSidebar.close{left: -15%;} #fixedSidebar .inner .main-menu h3 .open{left: 15%;} .sub-menu > .inner > ul > li{width: 47%;} .sub-menu > .inner > ul > li:first-of-type{padding-right:2%; margin-right: 2%;} } @media screen and (max-width: 1180px) { #gnb > .inner{position: relative;} #gnb a.allmenu{position: absolute; left: 0; top: 0;} #gnb a.price-btn{display: none;} #gnb ul{width: 100%; text-align: center;} #gnb ul li{display: inline-block; float: none;} #fixedSidebar .inner .main-menu ul.left-menu > li > a{text-indent: 10px;} #fixedSidebar .inner .main-menu ul.left-menu > li > ul li a{text-indent: 10px;} } @media screen and (max-width: 1080px) { #gnb ul{text-align: center;} #fixedSidebar{min-width: 180px; width: 9.5%;} #fixedSidebar.close{left: -180px;} #fixedSidebar .inner .main-menu h3 .open{left: 180px;} } @media screen and (max-width: 940px) { #gnb ul{text-align: right;} #gnb ul li a{padding: 0 10px;} } @media screen and (max-width: 920px) { #gnb ul{text-align: right;} #gnb ul li{float: left;} #gnb ul li a{padding: 0 5px; font-size: 0.8rem;} #gnb a.allmenu{display: none;} } @media screen and (max-width: 850px) { #nav .topmenu .inner .minimenu li:last-child{display: none;} #nav .topmenu .inner .campus li a{font-size: 0.8rem;} } @media screen and (max-width: 768px) { #nav .allmenu{width: 50px; height: 50px; display: block; position: absolute; left: 0; top: 0; background: url('/images/common/hamburger_ico.svg') 50% 50% no-repeat; background-size:18px; text-indent: -9999px; font-size: 0;} #nav > .mob-call{width: 50px; height: 50px; display: block; position: absolute; right: 0; top: 0; background: url('/images/common/li_ico_tel_g.png') 50% 50% no-repeat; background-size:18px; text-indent: -9999px; font-size: 0;} #nav > .mob-call a{display: block; width: 100%; height: 100%;} #nav > ul{display: none;} #nav h1{width: 30%; height: 45px; margin: 0 auto;} #nav h1 a{background: url('/images/common/logo_sc.png') 50% 50% no-repeat; background-size: auto 25px;} #nav .topmenu{display: none;} #gnb{width: 100%; overflow-x: scroll; border-top: 0;} #gnb ul{width: 815px; border-top: 1px solid #edeff6; text-align: center;} #gnb ul li{margin-right: 15px;} #gnb ul li:last-child{margin-right: 0;} #gnb ul li a{height: 35px; padding: 0; line-height: 35px; font-size: 0.9rem;} #gnb a.allmenu{display: none;} .sub-menu > .inner h4{font-size: 14px; margin-bottom: 10px;} .sub-menu > .inner > a{display: block; width: 100%; border-bottom: 1px solid #e8e8e8; height: 39px; line-height: 39px;} .sub-menu > .inner > a:last-of-type{border-bottom: 0;} .sub-menu > .inner > a:after{display: none;} .sub-menu > .inner > ul > li:nth-of-type(2){padding-top: 20px; margin-top: 10px; border-top: 1px solid #dcdcdc;} .sub-menu > .inner > ul > li h3{margin-bottom: 5px; font-size: 14px;} .sub-menu{top:auto; padding: 20px 0 10px;} .sub-menu.on{height: auto; background: #eee; border-bottom: 1px solid #dcdcdc;} .sub-menu > .inner > ul > li{width: 100%;} .sub-menu > .inner > ul > li ul{width: 100%; height: auto; max-height:150px; margin-bottom: 10px;} #fixedSidebar{min-width: 100%; width: 100%; left: -100%;} #fixedSidebar.open{left: 0;} #fixedSidebar.open .inner{left: 0;} #fixedSidebar .header-dim{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.8); opacity: 0;} #fixedSidebar .mob-close{width: 10%; height: 80px; position: absolute; top: 0; right: 0; display: block; background: url('/images/common/ico_close.png') 50% 20px no-repeat; background-size:20px; text-indent: -9999px; font-size: 0;} #fixedSidebar .inner{width: 90%; position: absolute; top: 0; left: -100%; z-index: 10; background: #fff;} #fixedSidebar .inner .fix-quickbtn{width: 20%; height: 100%; float: left; background: #424458;} #fixedSidebar .inner .fix-quickbtn li{background: #2e2b5a; border-bottom: 1px solid #24214c;} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(1) a{background-image: url('/images/common/menu_ico01_w.svg');} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(2) a{background-image: url('/images/common/menu_ico06_w.svg');} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(3) a{background-image: url('/images/common/menu_ico02_w.svg');} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(4) a{background-image: url('/images/common/menu_ico04_w.svg');} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(5) a{background-image: url('/images/common/menu_ico05_w.svg');} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(6){background: #4a7bd5;} #fixedSidebar .inner .fix-quickbtn li:nth-of-type(6) a{background-image: url('/images/common/menu_ico07_w.svg');} #fixedSidebar .inner .fix-quickbtn li a{height: 30px; padding-top: 50px; display: block; background-repeat: no-repeat; background-size: auto 25px; background-position: 50% 15px; font-size: 12px; text-align: center; color: #fff;} #fixedSidebar .inner .main-menu{width: 80%; float: right; background: #22232d;} #fixedSidebar .inner .main-menu h3{height: 80px; border-bottom: 1px solid #22232d; background: url('/images/common/fixed_logo2_m.png') 15px 50% no-repeat; background-size:auto 35px;} #fixedSidebar .inner .main-menu h3 .close{display: none;} #fixedSidebar .inner .main-menu > ul > li > a{width: 100%; height: 39px; line-height: 39px; text-indent: 15px; background-position: 95% 50%; border-color: #272835;} #fixedSidebar .inner .main-menu ul.left-menu > li{background: #2c2d3b; border-bottom: 1px solid #22232d} #fixedSidebar .inner .main-menu ul.left-menu > li > a{height: 39px; line-height: 39px;} #fixedSidebar .inner .fix-banner.mobview{width: 100%; position: absolute; left: 0; bottom: 0;} #fixedSidebar .inner .fix-banner.mobview a{} #fixedSidebar .inner .fix-banner.mobview a img{width: 100%; display: block;} #fixedSidebar.close{left: -100%;} #fixedSidebar.close .inner .main-menu h3 .open{display: none;} #rightquick{display: none;} } #footer{width: 90.5%; padding-bottom: 20px; float: right; transition: 0.5s ease-in-out; background: #eeeeee;} #footer div.inner{} #footer .inner ul li a{display: inline-block; height: 45px; line-height: 45px;} #footer .inner .footer-menu{float: left;} #footer .inner .footer-menu li{float: left; margin-right: 30px;} #footer .inner .footer-menu li a{font-size: 14px; color: #505868;} #footer .inner .sns-menu{float: right;} #footer .inner .sns-menu li{float: left; margin-left: 10px;} #footer .inner .sns-menu li a{padding-left: 25px; background-position: 0 50%; font-size: 0; text-indent: -9999px; background-repeat: no-repeat; background-size: 25px; font-size: 12px; color: #505868;} #footer .inner .sns-menu .insta a{background-image: url('/images/common/ico_insta.png');} #footer .inner .sns-menu .facebook a{background-image: url('/images/common/ico_facebook.png');} #footer .inner .sns-menu .naver a{background-image: url('/images/common/ico_naver.png');} #footer .inner .sns-menu .blog a{background-image: url('/images/common/ico_blog.png');} #footer .inner address{width: 100%; padding: 20px 0 0px 250px; border-top: 1px solid #dcdcdc; clear: both; font-size: 14px; color: #606164; line-height: 1.7; background: url('/images/common/footer_logo.png') 0 90% no-repeat;} #footer .inner address strong{display: block; margin-bottom: 5px; font-weight: 700;} #footer .inner address span{padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc;} #footer .inner address span:nth-of-type(2){border-right: 0px;} #footer .inner address span:last-of-type{border-right: 0px;} #footer .inner .copyright{display: block; font-size: 13px; padding-left: 250px; margin-top: 15px; font-family: "Roboto"; color: #a6a7a8;} #footerBtn{padding:10px 0; background: #383942;} #footerBtn li{display: inline-block; padding-right: 15px; margin-right: 10px; border-right: 1px solid #292a32;} #footerBtn li:last-child{margin-right: 0; border-right: 0;} #footerBtn li a{display: block; color: #fff; text-align: center; font-weight: 300; font-size: 14px;} #footerBtn li a span{height: 20px; display: inline-block; padding-left: 24px; background-position: 0 50%; background-repeat: no-repeat; background-size: 15px; line-height:20px;} #footerBtn li:nth-of-type(1) a span{background-image: url('/images/common/small_ico02_w.svg');} #footerBtn li:nth-of-type(2) a span{background-image: url('/images/common/small_ico03_w.svg');} #footerBtn li:nth-of-type(3) a span{background-image: url('/images/common/small_ico04_w.svg');} #footerBtn li:nth-of-type(4) a span{background-image: url('/images/common/small_ico05_w.svg');} @media screen and (max-width: 1540px){ #footer{width: 87%;} #footer .inner address{padding-left: 0; background: none;} #footer .inner .copyright{padding-left: 0;} } @media screen and (max-width: 1250px){ #footer{width: 85%;} } @media screen and (max-width: 768px) { #footer{width: 100%; padding-bottom: 0;} #footer .fix-banner img{width: 100%;} #footerBtn li a{font-size: 12px;} #footer div.inner{border: none; padding-bottom: 50px;} #footer .inner .footer-menu{width: 100%; border-bottom: 1px solid #dcdcdc;border-top: 1px solid #dcdcdc;} #footer .inner .footer-menu li{margin-right: 0;} #footer .inner .footer-menu li:after{width: 1px; height: 10px; display: inline-block; margin-left: 10px; margin-right: 10px; background: #dcdcdc; content: '';} #footer .inner .footer-menu li:last-child:after{display: none;} #footer .inner .footer-menu li a{font-size: 12px;} #footer .inner address{border-top: 0;} #footer .inner .sns-menu{float: left; margin-top: 15px;} #footer .inner .sns-menu li{margin-left: 0;} #footer .inner .sns-menu li a{width: 0; height: 25px; overflow: hidden; background-size:25px; margin-right: 10px;} #footer .inner address{padding: 15px 0 0;} #footer .inner address span{font-size: 12px; word-break: break-all;} #footer .inner address span:nth-of-type(2){margin-right: 0;} #footer .inner address span:nth-of-type(3){padding-left: 10px; border-left: 1px solid #ccc;} #footer .inner address br{display: none;} #footer .inner .copyright{width: 105%; margin-left: -2.5%; height: 30px; display: block; text-align: center; margin-top: 20px; background: #ededed; line-height: 30px; font-size: 11px;} #footer .footer-btn-m{width: 100%; position: fixed; bottom: 0; left: 0; z-index: 10;} #footer .footer-btn-m li{width: 50%; float: left; text-align: center;} #footer .footer-btn-m li:first-child{background: rgba(35,54,162,0.9);} #footer .footer-btn-m li:last-child{background: rgba(38,38,48,0.9);} #footer .footer-btn-m li a{height: 50px; display: inline-block; padding-left: 30px; color: #fff; text-align: center; line-height: 50px;} #footer .footer-btn-m li:first-child a{background: url('/images/common/menu_ico01_w.svg') 0 50% no-repeat; background-size:22px;} #footer .footer-btn-m li:last-child a{background: url('/images/common/menu_ico07_w.svg') 0 50% no-repeat; background-size:22px;} } @media screen and (max-width: 500px) { #footer .inner .footer-menu li:first-of-type{display: none;} } @media screen and (max-width: 430px) { #footerBtn li a span{padding-left: 0; background-position: -200px 50%;} #footerBtn li a span:before{text-align: center;} #fixedSidebar .inner .fix-quickbtn{width: 25%;} #fixedSidebar .inner .main-menu{width: 75%;} #fixedSidebar .inner .fix-quickbtn li a{background-size:auto 20px;} } @media screen and (max-width: 390px) { #footer .inner ul{padding: 10px 0;} #footer .inner ul li a{height: auto; line-height: 2;} } #government{padding: 70px 0;} #government .inner{} #government .inner h3.title{margin-bottom: 30px;} #government .inner h3.title strong{} #government .inner h3.title span{} #government .inner ul{} #government .inner ul li{width: 580px; float: left; margin-right: 20px;} #government .inner ul li:last-of-type{margin-right: 00;} #government .inner ul li a{} #government .inner ul li a .pcview{} #government .inner ul li a .mobview{} @media screen and (max-width: 1540px){ #government .inner img{width: 100%;} } @media screen and (max-width: 768px){ #government{padding: 30px 0;} } /*수강생리뷰*/ .review ul{} .review ul li{position: relative; width: auto; height: 100px; padding: 20px; margin-bottom: 2px; background: #f3f3f3; transition: 0.5s ease-in-out;} .review ul li.swiper-slide-active{background: #3a4fc9;} .review ul li .review-title{position: relative; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #8b8e9880; transition: 0.3s ease-in-out;} .review ul li .review-title h6{} .review ul li .review-title h6 .review-name{font-size: 16px; font-weight: 700; transition: 0.3s ease-in-out;} .review ul li .review-title h6 .category-kr{display: block; font-size: 13px; color: #2436a2; transition: 0.3s ease-in-out;} .review ul li .review-title h6 span{margin-left: 3px; font-size: 16px; transition: 0.3s ease-in-out;} .review ul li p{height: 38px; overflow: hidden; transition: 0.3s ease-in-out;} .review ul li a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0; text-indent: -9999px;} /*지점 전화번호*/ .main-campus{width: 590px; float: left; position: relative;} .main-campus .campus-call{width: 459px; position: absolute; top: 0; left: 0; z-index: 10; float: left;} .main-campus .campus-call li{height: 25px; display: none; padding: 10px 0 10px 20px; background: #00a8ff; border-bottom: 1px solid #3cbdff;} .main-campus .campus-call li strong{font-size: 23px; font-weight: 700; display: inline-block; line-height: 1.2; color: #ffffff;} .main-campus .campus-call li span{position: relative; top: -3px; margin-left: 10px; font-size: 14px; color: #eee;} .main-campus .campus-call li.on{height: 49px; display: block; background-color: #fff; background-image: url('/images/common/all_campus.png'); background-repeat: no-repeat; background-position: 350px 50%; border-bottom: 0;} .main-campus .campus-call li.on.close{background-image: url('/images/common/all_campus_fade.png');} .main-campus .campus-call li.on strong{display: block; padding-left: 30px; background: url('/images/common/ico_tel_c.png') 0 50% no-repeat; background-size: 26px; font-size: 25px; color: #00a8ff;} .main-campus .campus-call li.on span{top: 0px; margin-left: 0; color: #8b8e98;} .main-campus .main-location{width: 84px; height: 69px; float: right; display: block; padding-left: 45px; background:url('/images/common/ico_map_c.png') 20px 50% no-repeat; background-size: 25px; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; line-height: 69px; color: #00a8ff;} .interview ul{} .interview ul li{width: 280px; float: left; margin-right: 20px;} .interview ul li:last-child{margin-right:0;} .interview ul li .interview-name{font-size: 16px; font-weight: 700;} .interview ul li .category-kr{font-size: 13px; margin-left: 5px; color: #00a8ff;} .interview ul li > span{margin-left: 3px;} .interview ul li .interview-thumbnail{width: 100%; height: 280px; background: #000000; position: relative;} .interview ul li .interview-thumbnail a{display: block; width: 100%; height: 100%;} .interview ul li .interview-thumbnail a img{width: 100%;} .interview ul li .interview-thumbnail:after{position: absolute; display: block; content:''; width: 40px; height: 40px; bottom: 20px; right: 20px; background: url('/images/common/plus_btn_c.png'); background-size: 100%;} .interview ul li .interview-summary{margin-top: 10px; margin-bottom: 30px; color: #666; position: relative;} .interview ul li .interview-summary span{display: block; margin-bottom: 8px; color: #3a4fc9;} .interview ul li .interview-summary span strong{padding-right:10px; font-weight: 500; color: #333;} .interview ul li .interview-summary span strong:after{display: inline-block; content: ''; width: 1px; height: 12px; background: #dcdcdc; position: relative; left: 10px; margin-right: 10px;} .interview ul li .interview-summary a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; font-size: 0; text-indent: -9999px;} @media screen and (max-width: 768px){ .interview ul li .interview-summary{height: 62px; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis;} } @media screen and (max-width: 450px){ .interview ul li .interview-summary span{margin-bottom: 3px;} .interview ul li .interview-summary span strong{display: block;} .interview ul li .interview-summary span strong:after{display: none;} .interview ul li .interview-thumbnail:after{width: 30px; height: 30px; bottom: 10px; right: 10px;} }