/* infotech 20220809 JSJ*/

/* #region pc */
.visual {position:relative;z-index:10;}
.srch {position:absolute;bottom:80px;z-index:10;width:100%;}
.srch fieldset {width:100%;max-width:672px;height:60px;margin:0 auto;display:block;position:relative}
.input-srch {width:100%;padding-left:20px;line-height:60px;padding-right:60px;font-size:1.8rem;color:#636363;background:#fff;border-radius:99px;height:60px;}
.input-srch:focus {outline:none;box-shadow:0 0 0 2px rgba(57, 86, 143, 0.5)}
.btn-srch {width:60px;height:60px;position:absolute;top:0;right:0;margin-bottom:0;cursor:pointer;}
.btn-srch input:hover + span, .btn-srch input:focus + span {color:#0069b7;}
.btn-srch span {width:60px;height:60px;position:absolute;top:-6px;right:7px;font-size:4.2rem;text-align:center;line-height:60px;color:#00a651;}

.cont2 {height:105px;background:#fcfcfc;border-bottom:1px solid #e1e1e1;}
.quick-menu {width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-between;}
.quick-menu h2 {font-size:1.6rem;font-weight:bold;color:#333;line-height:1;font-family:'Arial';width:150px;float:left;display:block;padding-top:32px;}
.quick-menu h2 span {display:block;font-size:1.4rem;margin-top:10px;}
/*.quick-menu a {text-align:center;padding-top:20px;position:relative;flex-grow:1;}
.quick-menu a:hover span {color: #0069b7;}
.quick-menu a:hover span, .quick-menu a:focus span {color:#39568f;}*/
.quick-menu-text {display:block;text-align:center;font-size:1.6rem;color:#636363;white-space:nowrap;}

.quick-menu ul {float:left;}
.quick-menu ul li {float:left;width:240px;height:105px;text-align:center;}
.quick-menu ul li a {display:block;padding-top:66px;color:#999;letter-spacing:-0.025em;font-stretch:95%;}
.quick-menu ul li:first-child a {background:url(../images/Main/qm1.png) center 18px no-repeat;}
.quick-menu ul li:nth-child(2) a {background:url(../images/Main/qm2.png) center 18px no-repeat;}
.quick-menu ul li:nth-child(3) a {background:url(../images/Main/qm3.png) center 18px no-repeat;}
.quick-menu ul li:last-child a {background:url(../images/Main/qm4.png) center 18px no-repeat;}
.quick-menu ul li:first-child a:hover, .quick-menu ul li:first-child a:focus {background:url(../images/Main/qm1-o.png) center 18px no-repeat;}
.quick-menu ul li:nth-child(2) a:hover, .quick-menu ul li:nth-child(2) a:focus {background:url(../images/Main/qm2-o.png) center 18px no-repeat;}
.quick-menu ul li:nth-child(3) a:hover, .quick-menu ul li:nth-child(3) a:focus {background:url(../images/Main/qm3-o.png) center 18px no-repeat;}
.quick-menu ul li:last-child a:hover, .quick-menu ul li:last-child a:focus {background:url(../images/Main/qm4-o.png) center 18px no-repeat;}
.quick-menu ul li span {display:block;line-height:1;margin-top:8px;font-size:14px;}
.quick-menu ul li a:hover span, .quick-menu ul li a:focus span {color:#04a754;}

.cont3 {background:#404041;}
.cont3-wrap {width:100%;max-width:1200px;margin:0 auto;padding-top:50px;padding-bottom:40px;}
.board {width:50%;position:relative;float:left;padding-right:44px;}
.board h2 {font-size:3rem;line-height:1;color:#fff;margin-bottom:28px;}
.notice ul li {height:45px;display:block;}
.notice ul li a {line-height:36px;color:#fff;font-size:1.6rem;display:block;position:relative;padding-right:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Arial', '나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic', sans-serif;padding-left:2px;}
.notice-date {position:absolute;top:0;right:0;}
.notice-more {font-size:2.4rem;color:#fff;position:absolute;top:7px;right:40px;text-transform:capitalize;}
.popup {width:50%;position:relative;float:left;border:4px solid #fff;margin-top:21px;}
.popup > div {max-width:588px;max-height:240px;}
.popup-text {width:100%;height:50px;display:block;background:#333;color:#fff;font-size:1.4rem;line-height:50px;padding-left:10px;position:absolute;bottom:0;}
.popup .owl-dots {position:absolute;top:16px;left:16px;}
.popup .owl-dot {width:16px;height:16px;background:#fff;border-radius:50%;float:left;margin-left:8px;}
.popup .owl-dot.active {background:#9fc8da;}

.cont4 {padding: 0 60px 51px 60px;position:relative;background:#404041;}
.cont4:before {content:'';display:block;position:absolute;top:0;left:0;right:0;height:204px;background:#404041;z-index:0;}
.book {width:100%;max-width:1200px;margin:0 auto;position:relative;padding-top:67px;}
.book h2 {font-size:3rem;line-height:1;margin-bottom:39px;color:#fff;}
.book h2.active {font-weight:bold;}
.book h2 + div {display:none;}
.book h2.active + div {display:block;}
.book h2 button {background:transparent;line-height:1;}
.new-book-tit {position:absolute;width:100%;top:0;left:0;text-align:center;}
.best-book-tit {position:absolute;width:50%;top:0;left:50%;padding-left:20px}
.new-book {position:relative;}
.book-name {display:block;color:#121212;font-size:1.6rem;text-align:center;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Arial', '나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic', sans-serif;position:absolute;top:70%;width:100%;height:20%;background:#fff}
.book-author {display:block;color:#121212;font-size:1.4rem;text-align:center;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Arial', '나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic', sans-serif;position:absolute;top:85%;width:100%;height:10%;background:#fff}
.new-book .item {width:180px;height:270px;position:relative;display:block;box-shadow:0 0 6px 6px rgba(102, 102, 102, 0.1);margin:0 auto 10px auto;}
.new-book .item img {width:180px;height:270px;}
.new-book .owl-prev {width:64px;height:64px;background:rgba(0, 0, 0, 0.2);border-radius:32px;position:absolute;top:103px;left:-112px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.new-book .owl-prev:after {color:#fff;font-size:4rem;line-height:64px;content:"<";display:block;position:absolute;top:0;text-indent:-4px;width:100%;text-align:center;font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic';}
.new-book .owl-next {width:64px;height:64px;background:rgba(0, 0, 0, 0.2);border-radius:32px;position:absolute;top:103px;right:-112px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.new-book .owl-next:after {color:#fff;font-size:4rem;line-height:64px;content:">";display:block;position:absolute;top:0;text-indent:4px;width:100%;text-align:center;font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic';}
.new-book-more {font-size:2.4rem;color:#fff;position:absolute;top:-72px;right:40px;text-transform:capitalize;}
.best-book {position:relative;}
.best-book .item {width:180px;height:270px;position:relative;display:block;box-shadow:0 0 6px 6px rgba(102, 102, 102, 0.1);margin:0 auto 10px auto;}
.best-book .item img {width:180px;height:270px;}
.best-book .owl-prev {width:64px;height:64px;background:rgba(0, 0, 0, 0.2);border-radius:32px;position:absolute;top:103px;left:-112px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.best-book .owl-prev:after {color:#fff;font-size:4rem;line-height:64px;content:"<";display:block;position:absolute;top:0;text-indent:-4px;width:100%;text-align:center;font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic';}
.best-book .owl-next {width:64px;height:64px;background:rgba(0, 0, 0, 0.2);border-radius:32px;position:absolute;top:103px;right:-112px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.best-book .owl-next:after {color:#fff;font-size:4rem;line-height:64px;content:">";display:block;position:absolute;top:0;text-indent:4px;width:100%;text-align:center;font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic';}
.best-book-more {font-size:2.4rem;color:#fff;position:absolute;top:-72px;right:40px;text-transform:capitalize;}

.cont5 {position:relative;z-index:200;background:#fff;padding:45px 0 70px 0;}
.agency {width:100%;max-width:1200px;margin:0 auto;}
.agency h2 {font-size:3rem;line-height:1;margin-bottom:85px;color:#121212;text-align:center;font-weight:bold;}
.agency .owl-item {text-align:center;}
.agency a {width:172px;height:172px;border-radius:86px;display:inline-block;text-align:center;background:#cce1f1;padding-top:60px;}
.agency .owl-item a {margin:0 auto;}
.agency .owl-item img {width:initial;height:auto;margin:0 auto;}
.agency .owl-prev {width:64px;height:64px;background:rgba(0, 0, 0, 0.2);border-radius:32px;position:absolute;top:54px;left:-112px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.agency .owl-prev:after {color:#fff;font-size:4rem;line-height:64px;content:"<";display:block;position:absolute;top:0;text-indent:-4px;width:100%;text-align:center;font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic';}
.agency .owl-next {width:64px;height:64px;background:rgba(0, 0, 0, 0.2);border-radius:32px;position:absolute;top:54px;right:-112px;white-space:nowrap;text-indent:100%;overflow:hidden;}
.agency .owl-next:after {color:#fff;font-size:4rem;line-height:64px;content:">";display:block;position:absolute;top:0;text-indent:4px;width:100%;text-align:center;font-family:'나눔 고딕', 'Nanum Gothic','Malgun Gothic', Dotum, 'AppleGothic';}

.manualDiv {padding:10px;}
.manualLink {padding:10px;}


.agency-main h3 {    text-align: center;    font-size: 30px;    color: #333;        line-height: 1;font-weight: bold;    margin: 0px 0 84px 0;}

/* #endregion */

@media (max-width: 1400px) {

}

@media (max-width: 991px){
.cont2 {height:auto;}
.quick-menu {flex-wrap:wrap;}
.quick-menu h2 {padding-left:10px;}
.quick-menu li span {font-size:1.4rem;letter-spacing:-1px;font-stretch:95%;}
.cont4 {padding-left:0;padding-right:0;}
.new-book {padding:0 64px;}
.new-book .owl-prev {left:-64px;}
.new-book .owl-next {right:-64px;}
.agency {padding:0 64px;}
.agency .owl-prev {left:-64px;}
.agency .owl-next {right:-64px;}
}

@media (max-width: 767px) {
.quick-menu a {}
.cont3-wrap {padding-top:30px;}
.board {width:100%;padding-right:0;float:none;}
.board h2 {padding-left:10px;}
.notice-date {right:10px;}
.notice-more {right:20px;}
.popup {width:100%;float:none;margin-top:20px;}
.book h2 {text-align:left;padding-left:10px;}
.new-book-more {right:20px;}
.quick-menu ul li {    width: 25%;}
.quick-menu ul {    width: 100%;}
.cont2 .quick-menu strong {        width: 100% !important; padding-right:0px !important;   }
}




.cont2 .quick-menu strong {
    float: left;
    width: 180px;
    height: 73px;
    padding-right: 60px;
    text-align: center;
    font-size: 20px;
    color: #333;
    letter-spacing: -0.025em;
    padding-top: 32px;
}
.cont2 .quick-menu strong span {
    display: block;
    font-size: 15px;
    color: #333;
    letter-spacing: -0.025em;
    font-weight: bolder;
}