/* 노토산스_웹폰트*/ @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); .notoFont { font-family: "Noto Sans KR", sans-serif; font-size:14px; letter-spacing:-0.5px; } /* 공통 전체wrap */ #wrap {min-width:1200px; min-height:600px; margin:0 auto; overflow:hidden; zoom:1; background-color:#ffffff;} /* Header */ #header .util { background-color:#f2f4f7; overflow:hidden;} #header .util .utilInner { width:1200px; margin:0 auto; } #header .util .utilInner .utilwidth {float:right;} #header .util .utilInner .utilwidth span {float:left; display:block;} #header .util .blog, #header .util .facebook {width:40px; height:32px; background-color:#dceaf4;} #header .util .blog:hover, #header .util .facebook:hover {background-color:#1d91d8;} /*마우스효과 */ #header .util .reference {width:154px; height:32px; background: url("/common/images/reference.png") no-repeat; display:block;} #header .util .reference:hover {background: url("/common/images/reference_ov.png") no-repeat;} #header .gnb {position:relative; } #header .gnb .moreGnb01 {background:#1d91d8; position:relative; z-index:300;} #header .ovmenuWrap {width:1200px; height:78px; margin:0 auto; position:relative;} /*#header .ovmenuWrap .logo {position:absolute; bottom:0; left:507px;}*/ #header .ovmenuWrap .logo {position:absolute; bottom:0; top:-28px; left:507px;} #header .ovmenuWrap .ovmenu {overflow:hidden;} #header .ovmenuWrap .ovmenu li {float:left; margin:28px 63px 0px 63px;} #header .ovmenuWrap .ovmenu li.depth1 {margin:0px 63px 0px 63px;} #header .ovmenuWrap .ovmenu .depth3 {margin-left:159px;} #header .ovmenuWrap .ovmenu li a {display:block; width:150px; height:50px;} #header .ovmenuWrap .ovmenu li.depth1 a {height:78px;} #header .ovmenuWrap .ovmenu .depth1 a {background: url("/common/images/menu002.png") no-repeat;} #header .ovmenuWrap .ovmenu .depth2 a {background: url("/common/images/menu01.png") no-repeat;} #header .ovmenuWrap .ovmenu .depth3 a {background: url("/common/images/menu03.png") no-repeat;} #header .ovmenuWrap .ovmenu .depth4 a {background: url("/common/images/menu04.png") no-repeat;} /* 마우스 효과 */ #header .ovmenuWrap .ovmenu .depth1:hover a {background: url("/common/images/menu002_ov.png") no-repeat;} #header .ovmenuWrap .ovmenu .depth2:hover a {background: url("/common/images/menu01_ov.png") no-repeat;} #header .ovmenuWrap .ovmenu .depth3:hover a {background: url("/common/images/menu03_ov.png") no-repeat;} #header .ovmenuWrap .ovmenu .depth4:hover a {background: url("/common/images/menu04_ov.png") no-repeat;} #header .tmenu {background-color:#f6f4f0; border-top: 2px solid #1a65b1; position:absolute; width:100%; z-index:200;} #header .tmenu .menu {background-color:#f6f4f0; width:1200px; height:54px; margin:0 auto; position:relative; display:;/* 잠시 */} #header .tmenu .menu > li {position:absolute;} #header .tmenu .menu .depth1 { left:80px;} #header .tmenu .menu .depth2 { left:140px;} #header .tmenu .menu .depth3 { left:600px;} #header .tmenu .menu .depth4 {left:980px;} #header .tmenu .menu .hover01 {float:left; padding:0px 10px; line-height:54px; background: url("/common/images/height_line02.jpg") right no-repeat;} #header .tmenu .menu .noneImg { background:none;} #header .tmenu .menu .hover01 a {font-size:14px; display:block;} #header .tmenu .menu .hover01:hover a {color:#1d91d8;} /* footer */ #footer {border-top:4px solid #f2f0e6; background-color:#333333;} #footer .footerInner {width:1200px; margin:0 auto; background-color:#333333; height:100%; overflow:hidden;} #footer .footerInner .bLogo {float:left; padding:30px;} #footer .footerInner .bLogo_inner {float:left; padding:30px 0px 30px 20px; font-weight:bold; font-size:13px;} #footer .footerInner .bLogo_inner > p {line-height:28px; } #footer .footerInner .bLogo_inner span {padding:0px 10px;} #footer .footerInner .bLogo_inner .policyPoint a {color:#8a8a8a; font-size:14px;} #footer .footerInner .bLogo_inner .policyPoint:hover a {color:#0f80c5;} #footer .footerInner .bLogo_inner .policy {margin-bottom:10px;} #footer .footerInner .bLogo_inner .copyright {margin-top:15px;} /* 경로 레이아웃_스타일*/ #route {background-color:#f9f8f2; overflow:hidden; border-bottom:1px solid #d8d8d8;} #route .routeInner {width:1200px; margin:0 auto; overflow:hidden;} #route .routeInner .routeBlank {width:232px;height:44px;} #route .routeInner li {float:left;} #route .routeInner .same {background: url("/common/images/checkImg.png") no-repeat right; padding:14px 35px;} #route .routeInner .same a {padding:14px 0px;} #route .routeInner .routeOk {color:#03629c; background: url("/common/images/checkImg_ov.png") no-repeat right;} #route .routeInner .routeOk a {color:#03629c;} #route .routeInner .same:hover {background: url("/common/images/checkImg_ov.png") no-repeat right; } /*마우스 효과 */ #route .routeInner .same:hover a {color:#03629c;} /*마우스 효과 */ /*서브 레이아웃 */ #containerInner {width:1200px; margin: 0 auto; overflow:hidden; height:100%;position:relative;} #snbMenu {width:230px;height:100%; float:left; border-right:2px solid #005891; position:absolute;} #content { width:941px; float:right; height:100%; } /* 래프트메뉴 레이아웃_스타일 */ #snbMenuInner {background-color: #f6f6f6; height:100%;} #snbMenuInner .select li {border-top:1px solid #ffffff; border-bottom: 1px solid #e8e1e1;} #snbMenuInner .select li a {display:block; width:230px; height:73px;} /*도서정보_래프트스타일*/ #snbMenuInner .booksMenu .booksMenu01 a {background: url("/common/images/booksMenu01.jpg") no-repeat;} #snbMenuInner .booksMenu .booksMenu02 a {background: url("/common/images/booksMenu02.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu03 a {background: url("/common/images/booksMenu03.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu04 a {background: url("/common/images/booksMenu04.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu05 a {background: url("/common/images/booksMenu05.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu06 a {background: url("/common/images/booksMenu06.jpg") no-repeat ;} /*도서정보_래프트스타일_마우스효과*/ #snbMenuInner .booksMenu .booksMenu01:hover a {background: url("/common/images/booksMenu01_ov.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu02:hover a {background: url("/common/images/booksMenu02_ov.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu03:hover a {background: url("/common/images/booksMenu03_ov.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu04:hover a {background: url("/common/images/booksMenu04_ov.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu05:hover a {background: url("/common/images/booksMenu05_ov.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu06:hover a {background: url("/common/images/booksMenu06_ov.jpg") no-repeat ;} /*도서정보 선택 메뉴 */ #snbMenuInner .booksMenu .booksMenu01_on a {background: url("/common/images/booksMenu01_on.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu02_on a {background: url("/common/images/booksMenu02_on.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu03_on a {background: url("/common/images/booksMenu03_on.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu04_on a {background: url("/common/images/booksMenu04_on.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu05_on a {background: url("/common/images/booksMenu05_on.jpg") no-repeat ;} #snbMenuInner .booksMenu .booksMenu06_on a {background: url("/common/images/booksMenu06_on.jpg") no-repeat ;} /* 회사소개_래프트스타일 */ #snbMenuInner .companMenu .companMenu01 a {background: url("/common/images/companMenu01.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu02 a {background: url("/common/images/companMenu02.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu03 a {background: url("/common/images/companMenu03.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu04 a {background: url("/common/images/companMenu04.jpg") no-repeat ;} /* 회사소개_래프트스타일_마우스효과 */ #snbMenuInner .companMenu .companMenu01:hover a {background: url("/common/images/companMenu01_ov.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu02:hover a {background: url("/common/images/companMenu02_ov.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu03:hover a {background: url("/common/images/companMenu03_ov.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu04:hover a {background: url("/common/images/companMenu04_ov.jpg") no-repeat ;} /* 회사소개 선택 메뉴 */ #snbMenuInner .companMenu .companMenu01_on a {background: url("/common/images/companMenu01_on.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu02_on a {background: url("/common/images/companMenu02_on.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu03_on a {background: url("/common/images/companMenu03_on.jpg") no-repeat ;} #snbMenuInner .companMenu .companMenu04_on a {background: url("/common/images/companMenu04_on.jpg") no-repeat ;} /* 고객소리_래프트스타일 */ #snbMenuInner .customerMenu .customerMenu01 a {background: url("/common/images/customerMenu01.jpg") no-repeat ;} #snbMenuInner .customerMenu .customerMenu02 a {background: url("/common/images/customerMenu02.jpg") no-repeat ;} /* 고객소리_래프트스타일_마우스효과 */ #snbMenuInner .customerMenu .customerMenu01:hover a {background: url("/common/images/customerMenu01_ov.jpg") no-repeat ;} #snbMenuInner .customerMenu .customerMenu02:hover a {background: url("/common/images/customerMenu02_ov.jpg") no-repeat ;} /* 고객소리 선택 메뉴 */ #snbMenuInner .customerMenu .customerMenu01_on a {background: url("/common/images/customerMenu01_on.jpg") no-repeat ;} #snbMenuInner .customerMenu .customerMenu02_on a {background: url("/common/images/customerMenu02_on.jpg") no-repeat ;} /* 교과서_래프트스타일 */ #snbMenuInner .TBMenu .TBMenu001 a {background: url("/common/images/TBMenu001.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu002 a {background: url("/common/images/TBMenu002.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu003 a {background: url("/common/images/TBMenu003.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu004 a {background: url("/common/images/TBMenu004.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu005 a {background: url("/common/images/TBMenu005.jpg") no-repeat ;} /*교과서_래프트스타일_마우스효과 */ #snbMenuInner .TBMenu .TBMenu001:hover a {background: url("/common/images/TBMenu001_ov.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu002:hover a {background: url("/common/images/TBMenu002_ov.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu003:hover a {background: url("/common/images/TBMenu003_ov.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu004:hover a {background: url("/common/images/TBMenu004_ov.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu005:hover a {background: url("/common/images/TBMenu005_ov.jpg") no-repeat ;} /* 교과서 선택 메뉴 */ #snbMenuInner .TBMenu .TBMenu001_on a {background: url("/common/images/TBMenu001_on.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu002_on a {background: url("/common/images/TBMenu002_on.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu003_on a {background: url("/common/images/TBMenu003_on.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu004_on a {background: url("/common/images/TBMenu004_on.jpg") no-repeat ;} #snbMenuInner .TBMenu .TBMenu005_on a {background: url("/common/images/TBMenu005_on.jpg") no-repeat ;} /* 오른쪽 서브 본문 내용 레이아웃*/ #contentInner {height:100%; margin:30px 0px 50px 0px; min-height:600px;} /* 로고 애니용 */ .box { width: 187px; height: 105px; border-radius: 5px; box-shadow: 0 2px 30px rgba(black, .2); background: lighten(#f0f4c3, 10%); position: relative; overflow: hidden; z-index: 301; transform: translate3d(0, 0, 0); } .wave { opacity: .4; position: absolute; top: 3%; left: 50%; background: #0af; width: 200px; height: 200px; margin-left: -100px; margin-top: -190px; transform-origin: 50% 48%; border-radius: 43%; animation: drift 5000ms infinite linear; } .wave.-three { animation: drift 5500ms infinite linear; } .wave.-two { animation: drift 7000ms infinite linear; opacity: .1; background: yellow; } .box:after { content: ''; display: block; left: 0; top: 20; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(#e8a, 1), rgba(#def, 0) 80%, rgba(white, .5)); z-index: 11; transform: translate3d(0, 0, 0); } @keyframes drift { from { transform: rotate(0deg); } from { transform: rotate(360deg); } } /* 그라데이션버튼 */ button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} .btnLoginGra {display: inline-block; box-sizing: content-box; -moz-box-sizing: content-box; background: transparent; outline: 0; vertical-align: middle; text-decoration: none; white-space: nowrap; cursor: pointer;} /*지사자료실*/ .btnLoginGra {display:block; background: #3278b3; background: linear-gradient(to bottom, #3278b3 40%, #275b8a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3278b3', endColorstr='#275b8a', GradientType=0 );/*IE*/} .btnLoginGra:hover {background: #275b8a;background: linear-gradient(to bottom, #275b8a 40%, #3278b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275b8a', endColorstr='#3278b3', GradientType=0 );/*IE*/}