/* 가로 737 이하일때 
@media (max-width:737px){

#header {position:relative;border-bottom:0;}
#header.fixed{box-shadow:none;}
#header:hover .gnb_wp{border-bottom:0;} 

div.top{background:#0e457a; width:100%; padding:10px; font-size:13px; color:#fff;}
div.top .info{width:100%; text-align:right;}
div.top .info a{padding:0 20px; border-right:1px solid rgba(255,255,255,0.5);}
div.top .info span:last-child a{padding-right:0; border-right:0;}

div.gnb_wp{padding-bottom:0;}
div.gnb{width:100%; padding-bottom:0;}
div.gnb h1{float:none; padding:14px 10px 10px; border-bottom:1px solid #000;}

div.gnb nav.navi,
div.gnb nav.navi main_menu{display:none;}

.mainMenu{display: block; overflow: hidden; }
.mainMenu > li{overflow: hidden; border-bottom:1px solid #efefef; padding-top:20px;}
.mainMenu li i{ padding-left:20px; display:block;}
.subMenu{background: #f5f5f5;  overflow: hidden; transition: max-height 0.7s; max-height: 0; margin-top:20px;}
.subMenu a{ display: block; padding: 15px 20px; color: #222;  font-size: 14px; border-bottom: 1px solid #eaeaea; position: relative;   }
.subMenu a:after{ content: ''; opacity: 0; transition: opacity 0.3s; }
.subMenu a:hover{ color:#3182f6;}
.subMenu a:last-child{ border:none; }
.mainMenu > li:target .subMenu{max-height: 35rem;}
}
*/

/* main slide 
div.main-visual .swiper-container {padding-top:109px;}
div.main-visual .swiper-container{height:420px;}
div.main-visual .swiper-button-prev{left:50%; margin-left:-600px;}
div.main-visual .swiper-button-next{right:50%; margin-right:-600px;}  
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:url("/imgs/arrow-prev.png");}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:url("/imgs/arrow-next.png");}
 */ 

/*
@media screen and (max-width:1100px){
    #container{min-width: auto;}
    header{display: none;}
    .content,
    .inner,
    footer{width: 100%;} 
    footer ul li{width: 100%;} 
}
*/

/* 가로 1100 이하일때 
@media (max-width:1100px){
    html, body{width: auto;}
    div.gnb nav.m_navi,
    div.gnb nav.m_navi mainMenu{display:none;}

    header{background: #fff;  z-index: 3; width: 100%; padding: 0;}
    #wrapper{box-sizing: border-box;}
    #container {min-width: 100%; width: 100%; padding: 0 2%;}
    #gnb .logo{width: auto; float: none;}
    nav{position: fixed; box-shadow: 0 5px 5px rgb(0 0 0 / 0.07)}

    h3{padding-top: 135px; letter-spacing: -1px;}

    .top{text-align: right; overflow: hidden; position: fixed;  background: #fff; height: 38px; z-index: 3; width: 100%; padding-top: 20px;}
    .top li:last-child{padding-right: 15px;}
    .content{min-height: 100%; width: auto;}
    .about{margin-top: 35px;}
    .inner{width: auto;}

    .main_visual{margin-top: 100px;}
    .main_book{width: 100%;}
    .bnr_evt{padding: 20px 0; text-align: center;}
    .bnr_evt li{float: none; margin: 0 auto; padding: 5px 0 0;} 
    .bnr_evt li img{width: 96%;}
    .board.main{width:100%; margin: 0 auto; float:none;}
    .board.main:first-child{margin-left: auto;}

    div.board table tr th{font-size: 0.813rem; padding: 0.625rem;}
    div.board table tr td{font-size: 0.813rem; padding: 0.625rem 0;}
    div.board table tr td a{font-size: 0.813rem;}
    div.board.view ul.header li:first-child {width: 100%;}
    ul.center-wrap > li:first-child{width: 100%;}
    ul.center-wrap > li {padding: 1.875rem 3.125rem;}
    div.center-conts > ul > li:nth-child(2) > div:first-child{padding-bottom: 0;}
    
    span.down {padding: 0.625rem 0.438rem;}

    .center-wrap pre{top: 5rem; right: 15%;}
    .center-bar{text-align: left; padding: 1.25rem 2.5rem; }
    .box_center .btn_write{right: 2.5rem;}
    .box_center ul li:last-child div:last-child{font-size:1.25rem;}
    
    .sort{font-size: 0.75rem; padding: 0.125rem 0 0.25rem; width: 90%;}
    
    .company ul.step > li:first-child{margin-left: 20px !important;}
    .company ul.step > li {padding-bottom:45px;}
    .company .tit{font-size: 33px !important; padding-top: 30px;}
    .company .bnr {padding-left: 1.563rem;}
    .company .con1{padding-top: 30px !important;}
    .company .con2{padding: 0 !important;}
    .navi{width: 74%;}
    .main-menu{padding: 20px 0 0 0;}
    .line-top{top: 112px;}
    
    .book_rolling{background:url('/imgs/company/bg_book.png') no-repeat center 74px !important; background-size:100% !important;}
    .writeForm span.req{padding-left: 2px;}

    .company ul.valu > li > div:last-child{padding-left: 10px !important;}
    .company ul.valu > li:nth-child(2){margin-left: 310px !important;}
    .company .swiper-container{width: 95% !important;}
    .company .visual{padding: 120px 0 0 !important;}
    .company .con3 {padding: 60px 0 0 !important;}

    .reading_box{display: none;}

    ul.f_logo li{display: flex !important; float: left;}
    ul.f_logo li div{padding: 5px 10px !important; height: auto !important;}
    ul.f_logo li div img{width: 100%;}
    ul.f_logo{border-bottom: 0 !important; height:120px;} 
}
*/