@charset "utf-8";



/*reset*/
* {margin: 0;padding: 0;}
body {margin: 0;}
h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700; font-size: inherit;}
a {color: inherit; text-decoration: inherit;}
img {vertical-align: middle;width:100%}
a img {border: none;}
li {list-style: none;}
address, em, i {font-style: normal;}

/*layout*/
.mo {display: none;}
.pc {display: block;}
body,div {font-family: 'NanumGothic','Malgun Gothic','Dotum', sans-serif, 'Apple Gothic'; 
    font-size: 15px;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;}
.wrap {margin: 0 auto; }
.left {float:left}
.center {float:center}
.right {float:right}
.w100 {width:100%}


td,th {
	font-family: "NanumGothic", "Malgun Gothic", 'Dotum';
}

.bbs_view .con_box {padding:20px 0px;}
#book_layout .main {width:100%; margin:0 auto;}
#book_layout .book_tit {width:100%;margin: 0 auto 8px;padding:0;background-color:#ededed }
#book_layout .book_tit01 {display: inline-block; width:65%;text-align:center}
#book_layout .book_tit01 img {width:85%}
#book_layout .book_tit02 {display: inline-block; width:32%;text-align:center}
#book_layout .book_tit02 img {width:163px}

.news_list2 {margin:21px auto 0px;display:inline-block; padding:0}
.news_list2 .book_stit {padding-bottom:21px}
.news_list2 ul {overflow: hidden; position: relative; margin:0 auto;padding:0 48px}
.news_list2 ul li {position: relative;display:inline-block; float:left;text-align:center; width: 47%; padding:0 0 21px; margin:0 10px}
#book_layout {width:900px; margin:0 auto}

#book_footer {width:900px; margin:50px auto 0; font-family: 'Noto Sans KR'; letter-spacing: -0.4px}
.newsinner {background: #e6484d; padding:20px 10px 14px 30px;}
.newsinner .f_logo {float:left; display:inline-block;padding:0 70px 0 80px}
.newsinner .copy_wrap {display:inline-block}


/*태블릿모드 와이드 화면*/

@media only screen and (max-width: 1153px) and (min-width: 769px){
    #book_layout, #book_footer {width:760px} 
    .news_list2 ul li {width: 45%;}
    .newsinner {background: #e6484d; padding:20px 10px 14px 10px;}
    .newsinner .f_logo {float:left; display:inline-block;padding:0 20px 0 30px}
}

/*태블릿모드 768*/
@media screen and (max-width:768px) {
    .pc { display:none; }
    .mo { display:block; }
    #book_layout {width:100%}
    #book_footer {width:100%; margin:20px auto 0;}
    .news_list2 ul {padding:0 25px}
     .news_list2 ul li {padding:0 0 11px; margin:0 5px}
    .newsinner .f_logo {float:left; display:inline-block;padding: 0 20px 0 10px;}
    

}
/*태블릿모드 414*/ 
@media screen and (max-width:414px) {
       #book_layout, #book_footer {width:100%; min-width: 200px;}
      .book_tit02 img {width:60%!important}
       .news_list2 ul {padding:0 10px}
		.newsinner {padding:10px 20px}
        .newsinner .f_logo img {width:70%;}
       .newsinner .f_logo {float:none;padding:0 40px 0 5px}
        .newsinner .copy_wrap {width:80%}

    }


/*태블릿모드 320*/ 
@media screen and (max-width:320px) and (max-width:410px){
        #book_layout, #news_footer {width:100%; min-width: 200px;}
        .news_list2 ul {padding:0 10px}
        .news_list2 ul li {padding:0 0 8px; margin:0 3px}
        
    }