@charset "utf-8";

@media (max-width:1400px){
    .hd_inner {width: 94%}
    .lay_pop.main_pop {top: 55%}
}
@media (max-width:1200px){
    .inner {width:94%}
    footer .ft_top.inner {padding: 0;width: 94%}
}
@media (max-width:1024px){
    header .hd_logo {margin-right: 3%}
    header .gnb_sec {margin-right: 2%}
    .hd_utill {width: 20%}
    .ft_camp_list {width: 100%}
    .ft_utill {position: relative;top: 0;margin-top: 30px}
    .ft_utill .sel_list {float: none;margin-bottom: 35px;text-align: center}
    .ft_utill .sel_list > li {display: inline-block;vertical-align: top}
    .ft_utill .sel_list > li + li {margin: 0 0 0 13px}
    .ft_logo {margin-right: 0;float: none;width: 100%;background-size: auto}
}
@media (max-width:900px) {
    header .gnb_sec, .hd_utill {display: none !important}
    header .hd_logo {width: 216px;margin-right: 0}
    .hd_top {display: none}
    .hd_bottom {top: 0 !important}
    .mo_utill {display: block}
    
    .ft_top {height: auto;display: block;border-bottom: none !important}
    .ft_top > * {display: block;width: 100%}
    .notice_box, .list_corp {padding: 20px 0;border-bottom: 1px solid #e1e1e1}
    .list_corp {text-align: center}
    .ft_bottom.inner {padding: 35px 45px}
    
    .mobile_hide {display: none !important}
    .pc_hide {display: block !important}
    .hd_inner {width: 100%;padding: 0 25px}
    .inner, footer .ft_top.inner {width: 100%;padding: 0 45px}
    
    .arti01 .inner {width: 100%;padding: 0}
    .arti01 .box_title {display: none}
    .arti02 {padding: 90px 0}
    .proc_theme_list .slick-list {margin: 0 -20px}
    .proc_theme_list .slick-slide {margin: 0 20px}
    .proc_theme_list .slick-prev, .proc_theme_list .slick-next {display: none !important}
    .proc_theme_list .info > .nav, .proc_recomm_list .info > .nav, .arti0204 .info > .nav {font-size: 15px}
    .proc_recomm_list .slick-list {overflow: hidden !important;margin: 0 -20px}
    .proc_recomm_list .slick-slide {margin: 0 20px}
    .proc_recomm_list .slick-dots {right: 45px}
    .proc_ranking {padding: 40px 45px}
    .proc_ranking dl {float: none;width: 100%}
    .proc_ranking dl + dl {margin: 40px 0 0}
    .banner_list .item .banner_txt {left: 20px}
    .arti0204 > * {float: none;width: 100% !important}
    .arti0204 > .box_title {margin-bottom: 30px}
    .arti0204 > .box_title .sub_tit {display: none}
    .arti0204 .slick-list {overflow: visible; margin: 0 -15px}
    .arti0204 .slick-slide {margin: 0 15px}
    .arti0204 .slick-dots {left: auto;bottom: auto;right: 45px;top: 15px}
    .arti03 {padding: 60px 0}
    .arti03 > div > * {float: none}
    .arti03 .box_title {margin: 0 0 30px;width: 100%}
    .arti03 .book_list {width: 80%}
    .book_list .book_item {float: none;width: 100%}
    .book_list .book_item + .book_item {margin: 35px 0 0}
    .book_list .slick-prev {left: auto;top: 20px;bottom: auto;right: 95px}
    .book_list .slick-next {left: auto;top: 45px;bottom: auto;right: 45px}
    .arti03 > div + div {margin-top: 70px;padding-top: 45px}
    .arti03 > div + div .book_list .slick-prev {top: 60px}
    .arti03 > div + div .book_list .slick-next  {top: 85px}
}
@media (max-width:768px){
    .banner_list .item {height: 250px}
}
@media (max-width:640px){
}
@media (max-width:480px){
    .m_gnb > li > a {font-size: 35px}
    .m_gnb > li + li {margin-top: 60px}
    .m_menu_utill > li {width: 20%}
    .m_menu_utill > li.m_sch_box {width: 50%}
    .m_menu_utill > li:last-of-type {width: 30%}
    
    .m_menu_bottom li + li {padding-left: 15px;margin-left: 15px}
    .m_menu_bottom li > a {font-size: 14px}
    .mo_gnb > li > h3 > a {font-size: 20px;padding: 30px 80px 30px 100px}
    .mo_gnb > li > h3 > a:before {left: 35px}
    
    .m_menu .m_menu_top {padding: 0 20px 0 20px}
    .m_menu_top li.mo_update {width: 100px}
    .m_menu_top ul > li:first-of-type {font-size: 16px}
    .m_menu_top ul > li:first-of-type strong {font-size: 18px}
    
    .ft_utill .sel_list > li {display: block}
    .ft_utill .sel_list > li + li {margin: 13px 0 0 0}
    .list_corp > li {width: 50%;margin-left: -4px !important}
    .list_corp > li:nth-of-type(2n):before {content: '';position: absolute;left: 0;top: 50%;width: 1px;height: 60%;background: #cacaca;transform: translateY(-50%)}
    .list_corp > li > a {line-height: 30px}
    .list_corp > li + li {margin: 0;padding: 0;border-left: none}
    
    .arti03 .book_list {width: 100%}
    .banner_txt .tit {font-size: 23px}
    .banner_txt .txt, .banner_txt > a {font-size: 15px}
    
    .lay_pop.main_pop {width: 95%}
}
@media (max-width:390px){
    header .hd_logo {width: 140px}
    .m_menu_bottom li > a {font-size: 12px}
    .mo_btn {width: 35px}
    .mo_search, .mo_login, .mo_logout {width: 25px;margin: 30px 20px 0 0}
    
    .m_sch_box input {padding: 10px 45px 10px 10px}
    .m_sch_box button {width: 45px;height: 42px}
    
    .m_menu_top li {display: block}
    .m_menu_top ul > li:first-of-type {padding-top: 25px}
    .m_menu_top li.mo_update {position: absolute;bottom: 10px;right: 90px}
    .m_menu_top li.mo_lang {position: absolute;bottom: 15px;right: 0;padding: 0;width: auto}
    
    .banner_list .item {height: 200px}
    .banner_txt .tit {font-size: 20px}
    .banner_txt .txt, .banner_txt > a {font-size: 14px;margin: 10px 0}
    .book_item > * {float: none;width: 100% !important;text-align: center}
    .book_item .thumb img {width: auto;display: inline-block}
    .book_item .info {padding: 30px 0 0 0}
}
@media (max-width:355px){
    .book_list .slick-next {top: 20px;right: 20px}
    .book_list .slick-prev {top: -5px;right: 70px}
    .arti03 > div + div .book_list .slick-prev {top: 40px}
    .arti03 > div + div .book_list .slick-next {top: 65px}
}
@media (max-width:320px){
}