@charset "utf-8";

/*공통*/
.m_content h2{color:#1e1e20;font-size:36px;font-weight:600;margin:70px 0 30px 0;text-align: center;}


/* Mobile */
.con1 h2 span{color:#034694}

.dgt_list{position: relative;overflow: hidden;height: 389px;margin-bottom: 50px;}
.dgt_list ul{overflow:hidden;}
.dgt_list li{text-align: center;margin-right:20px;margin-bottom:20px;width:100%;float: left;}
.dgt_list li:last-child{margin-right:0;}
.dgt_list li a{display: block;text-align: center;}
.dgt_list li p{position:relative;width: 242px;height: 322px;margin: 0 auto;border:1px solid #e6e6e6;box-shadow: 0 0 30px #00000024;}
.dgt_list li img{width:100%;height:100%;}
.dgt_list li .view{display:none;font-weight:600;color:#fff;position:absolute;top:0;left:0;width:100%;height:100%;background:#00000061;backdrop-filter: blur(4px);}
.dgt_list li .view:before{content:"";display:block;width:88px;height:88px;background: url("/images/05_book/common/icon.png")no-repeat -63px -27px #fff;border-radius:50%;margin:0 auto;margin-bottom:10px;margin-top: 105px;}
.dgt_list li:hover .view{display: block;}
.dgt_list li strong{display: block;margin:0 auto;margin-top: 20px;font-size:18px;font-weight:400;text-overflow: ellipsis;width: 240px;color:#252525;overflow:hidden;white-space:nowrap;}
.dgt_list li:hover strong{text-decoration: underline;}
.dgt_list li .date{display: block;font-size:15px;color:#7d7d7d;margin-top:8px;}
.dgt_list .btn button{width:59px;height:59px;font-size:0;background: url("/images/05_book/common/icon.png")no-repeat 23px -43px #0000000d;position: absolute;top: 35%;}
.dgt_list .btn button.next{background-position: -16px -43px;right: 0;}

.con2{background:#ebeff5;}
.con2 .wrap{padding:50px 20px;overflow: hidden;}
.con2 .quick_link li{float:left;width:33.333%;text-align: center;}
.con2 .quick_link .li01, .con2 .quick_link .li02, .con2 .quick_link .li03{margin: 0 0 30px 0;}
.con2 .quick_link li a{display: block;}
.con2 .quick_link li span{display: block;font-size:17px;}
.con2 .quick_link li span::before{content:"";display: block;width: 85px;height: 85px;background: url("/images/05_book/main/quick_i.png")no-repeat center top #fff;border-radius:50%;margin: 0 auto;margin-bottom:15px;}
.con2 .quick_link .li01 span::before{background-position-y: 21px;}
.con2 .quick_link .li02 span::before{background-position-y: -59px;}
.con2 .quick_link .li03 span::before{background-position-y: -143px;}
.con2 .quick_link .li04 span::before{background-position-y: -225px;}
.con2 .quick_link .li05 span::before{background-position-y: -307px;}
.con2 .quick_link .li06 span::before{background-position-y: -388px;}
.con2 .quick_link li:hover span{color: #0089d0;}
.con2 .quick_link li:hover span::before{outline:1px solid #0089d0;}

.con3 h2 span{color: #2bb673}


/* Tablet */
@media all and (min-width:768px) {
.dgt_list li{width:50%;margin-right:0;}
.con2 .quick_link li{width: 16.666%;}
.con2 .quick_link .li01, .con2 .quick_link .li02, .con2 .quick_link .li03{margin:0;}
}

/* Desktop */
@media all and (min-width:1023px) {
.m_content h2{font-size:48px;margin: 80px 0 50px 0;}
    
.dgt_list{margin-bottom:80px;}
.dgt_list ul{width: 1240px;margin: 0 auto;}
.dgt_list li{width:240px;/* margin: 0 35px; */margin-bottom: 30px;}

.con2 .wrap{width: 1300px;}
.con2 .quick_link li span{font-size:18px;}
.con2 .quick_link li span::before{width: 123px;height: 123px;margin-bottom: 20px;}
.con2 .quick_link .li01 span::before{background-position-y: 44px;}
.con2 .quick_link .li02 span::before{background-position-y: -39px;}
.con2 .quick_link .li03 span::before{background-position-y: -122px;}
.con2 .quick_link .li04 span::before{background-position-y: -206px;}
.con2 .quick_link .li05 span::before{background-position-y: -288px;}
.con2 .quick_link .li06 span::before{background-position-y: -369px;}
}