@charset "utf-8";

/* sub_공통 */

.wrap{
  width: 100%;
  height: 100%;
  position: relative;
}

/* header */
header{
  width: 100%;
  height: 145px;
  background-color: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0; left: 0; right: 0;
  /* backdrop-filter: blur(5px); */
  /* background: rgb(255, 255, 255, 0.95); */
  z-index: 9999;
}

/* h_inner_wrap_top */
.h_inner_wrap_top{
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #ccc;
}


.inner{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
}

.inner img{
  display: block;
}


/* 검색 */
.inner .search_wrap::after{
  display: block;
  content: "";
  clear: both;
}

.inner .search_wrap input::placeholder{
  color: #c8c8c8;
  font-weight: 300;
}

.inner .search_wrap .search_box{
  height: 46px;
  width: 600px; /* 450->600 */
  background-color: #fff;
  border-radius: 40px;
  padding: 0 7px;
  margin-left: 180px; /* 270->180 */
  border: 2px solid #ccc;
}


.inner .search_wrap .search_txt{
  border: none;
  background-color: transparent;
  outline: none;
  float: left;
  padding-left: 10px;
  color: #797979;
  font-size: 16px;
  font-weight: 400;
  height: 100%;
  line-height: 30px;
  width: 350px;
}

.inner .search_wrap .search_btn{
  color: #ccc;
  float: right;
  width: 40px;
  height: 100%;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.h_inner_wrap_top .inner ul{
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
}
.h_inner_wrap_top .inner ul>li{
  display: inline-block;
  line-height: 1;
  padding: 0 20px;
  border-right: 1px solid #333;
  margin-bottom: 15px;
  font-size: 14px;
}
.h_inner_wrap_top .inner ul>li:nth-child(3){
  padding-right: 0;
  border-right: 0;
}
.h_inner_wrap_top .inner ul>li>a{
  display: block;
}

/* h_inner_wrap_bottom */
.h_inner_wrap_bottom{
  position: relative;
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ccc;
  /* box-shadow: 1px 10px 20px -8px rgba(32, 184, 237, 0.8) ; */
}

.h_inner_wrap_bottom .inner{
  width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.h_inner_wrap_bottom .inner .gnb_bg{
  display: none;
  width: 100%;
  height: 155px;
  background-color: #edf5f8;
  position: absolute;
  top:45px; left: 0;
  border-radius: 0 0 20px 20px;
  box-shadow: inset 0 0 18px rgba(32, 184, 237, 0.6) ;
}

.h_inner_wrap_bottom .inner .gnb_wrap{
  width: 1200px;
  z-index: 100;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul{
  width: 100%;
  height: 45px; line-height: 45px;
  display: flex;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li{
  flex: 1;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li>a{
  display: block;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  border-left: 1px solid #ccc;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li:nth-child(6){
  border-right: 1px solid #ccc;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li:hover>a{
  color: #fff;
  background-color: #20b8ed;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li>ul.sub{
  display: none;
  
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li>ul.sub>li>a{
  display: block;
  text-align: center;
  padding: 10px 0;
  height: 32px; line-height: 32px;
}

.h_inner_wrap_bottom .inner .gnb_wrap>ul>li>ul.sub>li>a:hover{
  color: #20b8ed;
}



/* sub1_시작 */

/* slide_wrap: 슬라이드 */
.slide_wrap{
  width: 100%;
  height: 230px;
  
  background-color: #fc6;
}

.slide_wrap .slide{
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.slide_wrap .slide ul{
  width: 1920px;
  height: 230px;
  display: block;
}

.slide_wrap .slide li{
  width: 1920px;
  height: 230px;
  position: absolute;
  top: 0; left: 50%;
  margin-left: -960px;
  display: none;
  
}

.slide_wrap .slide li:first-child{
  display: block;
}

.slide_wrap .slide ul li img{
  max-width: 1920px;
  max-height: 310px;
  display: block;
}

.slide_wrap:after {display:block;visibility:hidden;clear:both;content:""}


/* sub_tit_wrap: 서브컨텐츠 */
.sub_tit_wrap{
  width: 100%;
  height: 40px;
  margin: 35px 0 35px;
  border-bottom: 1px solid #20b8ed;
  /* background-color: aqua; */
}

.sub_tit_wrap .sub_tit1{
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  /* background-color: #fc6; */
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab{
  width: 1200px;
  height: 40px; line-height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #20b8ed;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li{
  width: 200px;
  background-color: #d9d9d9;
  border-right: 1px solid #fff;
  border-radius: 15px 15px 0 0;
}


.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li.on{
  background-color: #20b8ed;
  color: #fff;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li>span{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

/* 네비 현재 위치 */
#sct_location {
	display:inline-block;
	float:right;
	padding:12px 0;
	position:absolute;
/*	right:0;*/
	top:225px;	
}


/* greet: 인사말 */
.sub1_1_greet_wrap{
  width: 100%;
  height: 630px;
  margin-bottom: 40px;
}

.sub1_1_greet_con_wrap{
  width: 1200px;
  height: 630px;
  margin: 0 auto;
  display: flex;
}

.sub1_1_greet_con1{
  width: 600px;
  height: 630px;
}

.sub1_1_greet_con1 .img_box1{
  width: 600px;
  height: 630px;
  overflow: hidden;
}
.sub1_1_greet_con1 .img_box1>img{
  max-width: 600px;
  max-height: 630px;
  display: block;
}

.sub1_1_greet_con2{
  width: 600px;
  height: 630px;
  background-color: #fff5ea;
}

.sub1_1_greet_con2 .text_box1{
  width: 600px;
  height: 630px;
}

.sub1_1_greet_con2 .text_box1>p{
  margin-bottom: 30px;
  line-height: 30px;
  display: block;
  margin: 42px 40px;
}

.sub1_1_greet_con2 .text_box1>p:nth-child(4){
  text-align: right;
}


/* road: 오시는 길 */
.sub1_2_road_wrap{
  width: 100%;
  height: 830px;
  margin-bottom: 40px;
  display: none;
}

.sub1_2_road_con_wrap{
  width: 1200px;
  height: 700px; /*630px*/
  margin: 0 auto;
}

.sub1_2_road_con1{
  width: 1200px;
  height: 700px; /*630px*/
}

.sub1_2_road_con1 .map_box1{
  width: 1200px;
  height: 700px; /*630px*/
  
  border: 1px solid #20b8ed;
  overflow: hidden;
}

.sub1_2_road_con2{
  width: 1200px;
  height: 180px;
}

.sub1_2_road_con2 .text_box2{
  width: 1200px;
  height: 180px;
  margin-top: 20px;
  border: 1px solid #20b8ed;
}

/* sub1_끝 */


/* sub2_시작 */


/* slide_wrap: 슬라이드 */
.slide_wrap{
  width: 100%;
  height: 230px;
  
  background-color: #fc6;
}

.slide_wrap .slide{
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.slide_wrap .slide ul{
  width: 1920px;
  height: 230px;
  display: block;
}

.slide_wrap .slide li{
  width: 1920px;
  height: 230px;
  position: absolute;
  top: 0; left: 50%;
  margin-left: -960px;
  display: none;
  
}

.slide_wrap .slide li:first-child{
  display: block;
}

.slide_wrap .slide ul li img{
  max-width: 1920px;
  max-height: 310px;
  display: block;
}




/* sub_tit_wrap: 서브컨텐츠 */
.sub_tit_wrap{
  width: 100%;
  height: 40px;
  margin: 35px 0 35px;
  border-bottom: 1px solid #20b8ed;
  /* background-color: aqua; */
}

.sub_tit_wrap .sub_tit1{
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  /* background-color: #fc6; */
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab{
  width: 1200px;
  height: 40px; line-height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #20b8ed;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li{
  width: 200px;
  background-color: #d9d9d9;
  border-right: 1px solid #fff;
  border-radius: 15px 15px 0 0;
}


.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li.on{
  background-color: #20b8ed;
  color: #fff;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li>span{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

/* all_Book: 전체도서 */
.sub2_1_all_Book_wrap{
  width: 100%;
  height: 1130px;
  margin-bottom: 40px;
  /* background-color: cadetblue; */
}

.sub2_1_all_Book_con_wrap{
  width: 1200px;
  height: 1130px;
  /* background-color: #eee; */
  margin: 0 auto;
}

.sub2_1_all_Book_con1{
  width: 1200px;
  height: 1052px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start; /* 👈 'space-between' 대신 이것을 사용하세요. */
}

.sub2_1_all_Book_conbox{
  width: 592px;
  height: 340px;
  display: flex;
  padding: 30px 20px;
  border: 1px solid #ccc;
  margin-bottom: 15px; /* 2025.12.11 추가 */
  
}

.sub2_1_all_Book_conbox .sub2_1_all_Book_imgbox{
  width: 198px;
  height: 280px;
  margin-right: 20px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.sub2_1_all_Book_conbox .sub2_1_all_Book_text1{
  border-bottom: 1px solid #333;
}

.sub2_1_all_Book_conbox .sub2_1_all_Book_text1 .sub2_1_all_Book_tit{
  width: 334px;
  border-bottom: 1px solid #333;
  margin-bottom: 20px;
  padding: 0 5px 8px 5px;
  display: block;
}

.sub2_1_all_Book_conbox .sub2_1_all_Book_text1 .sub2_1_all_Book_tit>p{
  width: 334px;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/*.sub2_1_all_Book_conbox .sub2_1_all_Book_text1 .sub2_1_all_Book_tit>p>span{*/
/*  font-size: 24px;*/
/*  font-weight: 600;*/
/*  display: inline-block;*/
/*  line-height: 1.2;*/
/*  width: 324px;*/
/*  padding: 0;*/
/*  white-space: nowrap;*/
/*  overflow:hidden;*/
/*  text-overflow:ellipsis;*/
/*}*/

.sub2_1_all_Book_conbox .sub2_1_all_Book_tit span {
  font-size: 24px;
  font-weight: 600;
  display: inline-block;
  line-height: 1.2;
  width: 324px;
  padding: 0;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.sub2_1_all_Book_conbox .sub2_1_all_Book_imgbox>img{
  max-width: 198px;
  max-height: 280px;
  object-fit: cover;
}

/* .sub2_1_all_Book_conbox .sub2_1_all_Book_text1>ul{
  
} */

.sub2_1_all_Book_conbox .sub2_1_all_Book_text1>ul>li{
  margin-bottom: 4px;
}
.sub2_1_all_Book_conbox .sub2_1_all_Book_text1>ul>li>p{
  display: block;
}
.sub2_1_all_Book_conbox .sub2_1_all_Book_text1>ul>li>p>span{
  display: inline-block;
  width: 80px;
  font-weight: 500;
  padding: 0 5px;
}


/* all_Book_navi: 전체도서 페이지네이션 */
.sub2_1_all_Book_con_wrap .all_Book_navi{
  width: 1200px;
  height: 40px; line-height: 40px;
  margin-top: 38px;
}

.sub2_1_all_Book_con_wrap .all_Book_navi ul{
  display: flex;
  justify-content: center;
}
.sub2_1_all_Book_con_wrap .all_Book_navi ul li{
  width: 40px;
  height: 40px;
  text-align: center;
  margin: 0 5px;
  cursor: pointer;
  font-weight: 500;
  border: 1px solid #ccc;
}
.sub2_1_all_Book_con_wrap .all_Book_navi ul li.active{
  background-color: #20b8ed;
  border: 1px solid #20b8ed;
  color: #fff;
}






/* road: 오시는 길 */
.sub2_2_road_wrap{
  width: 100%;
  height: 830px;
  margin-bottom: 40px;
  display: none;
}

.sub2_2_road_con_wrap{
  width: 1200px;
  height: 630px;
  margin: 0 auto;
}

.sub2_2_road_con1{
  width: 1200px;
  height: 630px;
}

.sub2_2_road_con1 .map_box1{
  width: 1200px;
  height: 630px;
  
  border: 1px solid #20b8ed;
}

.sub2_2_road_con2{
  width: 1200px;
  height: 180px;
}

.sub2_2_road_con2 .text_box2{
  width: 1200px;
  height: 180px;
  margin-top: 20px;
  border: 1px solid #20b8ed;
}


/* sub2_끝 */



/* sub3_시작 */


/* slide_wrap: 슬라이드 */
.slide_wrap{
  width: 100%;
  height: 230px;
  
  background-color: #fc6;
}

.slide_wrap .slide{
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.slide_wrap .slide ul{
  width: 1920px;
  height: 230px;
  display: block;
}

.slide_wrap .slide li{
  width: 1920px;
  height: 230px;
  position: absolute;
  top: 0; left: 50%;
  margin-left: -960px;
  display: none;
  
}

.slide_wrap .slide li:first-child{
  display: block;
}

.slide_wrap .slide ul li img{
  max-width: 1920px;
  max-height: 310px;
  display: block;
}




/* sub_tit_wrap: 서브컨텐츠 */
.sub_tit_wrap{
  width: 100%;
  height: 40px;
  margin: 35px 0 35px;
  border-bottom: 1px solid #20b8ed;
  /* background-color: aqua; */
}

.sub_tit_wrap .sub_tit1{
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  /* background-color: #fc6; */
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab{
  width: 1200px;
  height: 40px; line-height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #20b8ed;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li{
  width: 200px;
  background-color: #d9d9d9;
  border-right: 1px solid #fff;
  border-radius: 15px 15px 0 0;
}


.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li.on{
  background-color: #20b8ed;
  color: #fff;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li>span{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

/* pubform: 출판형식 */

/* sub3_1_pubform_con1 */
.sub3_1_pubform_wrap{
  width: 100%;
  height: 960px;
  margin-bottom: 40px;
  /* background-color: aqua; */
}

.sub3_1_pubform_con_wrap{
  width: 1200px;
  height: 960px;
  margin: 0 auto;
  
  /* background-color: #fc6; */
}

.sub3_1_pubform_con1{
  width: 1200px;
  height: 300px;
  display: flex;
}

.sub3_1_pubform_con1 .pubform_box1{
  width: 630px;
  height: 300px;
  background-color: #fff5ea;
  padding: 30px;
}

.sub3_1_pubform_con1 .pubform_box1 h2{
  font-size: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 8px;
}
.sub3_1_pubform_con1 .pubform_box1 h2>img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}
.sub3_1_pubform_con1 .pubform_box1 p{
  text-align: justify;
  line-height: 28px;
}

.sub3_1_pubform_con1 .pubformimg_box1{
  width: 570px;
  height: 300px;
  overflow: hidden;
}

.sub3_1_pubform_con1 .pubformimg_box1>img{
  max-width: 570px;
  max-height: 300px;
  display: block;
}


/* sub3_1_pubform_con2 */
.sub3_1_pubform_con2{
  width: 1200px;
  height: 300px;
  display: flex;
  margin: 30px 0;
}

.sub3_1_pubform_con2 .pubform_box2{
  width: 630px;
  height: 300px;
  background-color: #f2f2f2;
  padding: 30px;
}

.sub3_1_pubform_con2 .pubform_box2 h2{
  font-size: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 8px;
}
.sub3_1_pubform_con2 .pubform_box2 h2>img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}
.sub3_1_pubform_con2 .pubform_box2 p{
  text-align: justify;
  line-height: 28px;
}


/* sub3_1_pubform_con3 */
.sub3_1_pubform_con3{
  width: 1200px;
  height: 300px;
  display: flex;
}

.sub3_1_pubform_con3 .pubform_box3{
  width: 630px;
  height: 300px;
  background-color: #fafae0;
  padding: 30px;
}

.sub3_1_pubform_con3 .pubform_box3 h2{
  font-size: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 8px;
}
.sub3_1_pubform_con3 .pubform_box3 h2>img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}
.sub3_1_pubform_con3 .pubform_box3 p{
  text-align: justify;
  line-height: 28px;
}



/* pubcourse: 출판과정 */

/* sub3_2_pubcourse_con1 */
.sub3_2_pubcourse_wrap{
  width: 100%;
  height: 1778px;
  margin-bottom: 40px;
  display: none;
  /* background-color: aqua; */
}

.sub3_2_pubcourse_con_wrap{
  width: 1200px;
  height: 1778px;
  margin: 0 auto;
  
  /* background-color: #fc6; */
}


/* sub3_2_pubcourse_con1: 전자책 출판과정 */
div.sub3_2_pubcourse_con1{
  width: 1200px;
  height: 694px;
  margin-bottom: 50px;
}


.ebook_box1{
  width: 1200px;
  height: 694px;
}

.ebook_box1 h2{
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 12px;
}

.ebook_box1 h2 img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}

div.sub3_2_pubcourse_con1 .ebook_box1 .ebook_box2{
  width: 1200px;
  height: 660px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* align-content: space-between; */
}

.ebook_box1 .ebook_box2 li{
  width: 400px;
  height: 320px;
  margin-bottom: 20px;
}

.ebook_box1 .ebook_box2 li:nth-last-child(-n+3){
  margin-bottom: 0;
}


.ebook_box1 .ebook_box2 li .ebook_box3{
  width: 400px;
  height: 320px;
  position: relative;
}

.ebook_box1 .ebook_box2 li .ebook_box3 img{
  max-width: 400px;
  max-height: 320px;
  object-fit: cover;
  position: absolute;
}

.ebook_box1 .ebook_box2 li .ebook_box3 .ebook_text1{
  width: 400px;
  display: block;
  position: absolute; top: 102px;
  text-align: center;
}

.ebook_box1 .ebook_box2 li .ebook_box3 .ebook_text1 h3{
  font-size: 24px;
  font-weight: 600;
  color: #0071bc;
}

.ebook_box1 .ebook_box2 li .ebook_box3 .ebook_text1 h4{
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 20px;
}

.ebook_box1 .ebook_box2 li .ebook_box3 .ebook_text1 p{
  line-height: 26px;
}

.ebook_box1 .ebook_box2 li .ebook_box3 .ebook_text1 p span{
  color: #f15a24;
  font-weight: 600;
}


/* sub3_2_pubcourse_con2: 종이책 출판과정 */
div.sub3_2_pubcourse_con2{
  width: 1200px;
  height: 1034px;
}

div.sub3_2_pubcourse_con2 .ebook_box1 .ebook_box2{
  width: 1200px;
  height: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* align-content: space-between; */
}


/* bookstore: 서점유통 */

/* sub3_3_bookstore_con1 */
.sub3_3_bookstore_wrap{
  width: 100%;
  height: 1072px;
  margin-bottom: 40px;
  display: none;
  /* background-color: aqua; */
}

.sub3_3_bookstore_con_wrap{
  width: 1200px;
  height: 1072px;
  margin: 0 auto;
  
  /* background-color: #fc6; */
}


/* sub3_3_bookstore_con1: 전국 대형 서점 */
.sub3_3_bookstore_con1{
  width: 1200px;
  height: 544px;
  margin-bottom: 50px;
  /* background-color: #f15a24; */
}

.sub3_3_bookstore_con1 h2{
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 12px;
}

.sub3_3_bookstore_con1 h2 img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}

.bookstore_box1{
  width: 1200px;
  height: 310px;
  padding: 30px;
  background-color: #f0f5f4;
}

.bookstore_box1 .kyobo_logo1{
  width: 1200px;
  text-align: center;
  margin-bottom: 5px;
}

.bookstore_box1 .kyobo_logo1 img{
  max-width: 240px;
  max-height: 69px;
}

.bookstore_box1 .kyobo_list{
  display: flex;
  justify-content: space-between;
}
.bookstore_box1 .kyobo_list dt{
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #0071bc;
  margin: 25px 0 3px 0;
}
.bookstore_box1 .kyobo_list dt>span{
  font-size: 8px;
  vertical-align: 3px;
  margin-right: 5px;
}

.bookstore_box1 .kyobo_list dd{
  line-height: 28px;
  margin-left: 13px;
}

/* sub3_3_bookstore_con2: 인터넷 서점 */
.sub3_3_bookstore_con2{
  width: 1200px;
  height: 214px;
  margin-bottom: 50px;
}

.sub3_3_bookstore_con2 h2{
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 12px;
}

.sub3_3_bookstore_con2 h2 img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}

.bookstore_box2{
  width: 1200px;
  height: 180px;
  display: flex;
}

.bookstore_box2 .kyobo_logo2{
  width: 400px;
  height: 180px;
  align-content: center;
  text-align: center;
  background-color: #f2f0fa;
}

.bookstore_box2 .kyobo_logo2>img{
  max-width: 240px;
  max-height: 84px;
}

.bookstore_box2 .kyobo_logo2>p{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #0071bc;
  margin-top: 12px;
}

.bookstore_box2 .yes24_logo1{
  width: 400px;
  height: 180px;
  align-content: center;
  text-align: center;
  background-color: #f0e2e7;
}

.bookstore_box2 .yes24_logo1>img{
  max-width: 240px;
  max-height: 84px;
}

.bookstore_box2 .yes24_logo1>p{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #0071bc;
  margin-top: 12px;
}

.bookstore_box2 .aladin_logo1{
  width: 400px;
  height: 180px;
  align-content: center;
  text-align: center;
  background-color: #f2eedb;
}

.bookstore_box2 .aladin_logo1>img{
  max-width: 240px;
  max-height: 84px;
}

.bookstore_box2 .aladin_logo1>p{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #0071bc;
  margin-top: 12px;
}

/* sub3_3_bookstore_con2: 전자책 서점 */
.sub3_3_bookstore_con3{
  width: 1200px;
  height: 214px;
  /* margin-bottom: 50px; */
}

.sub3_3_bookstore_con3 h2{
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 12px;
}

.sub3_3_bookstore_con3 h2 img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}

.bookstore_box3{
  width: 1200px;
  height: 180px;
  display: flex;
}

.bookstore_box3 .kyobo_logo2{
  width: 400px;
  height: 180px;
  align-content: center;
  text-align: center;
  background-color: #fafbe3;
}

.bookstore_box3 .kyobo_logo2>img{
  max-width: 240px;
  max-height: 84px;
}

.bookstore_box3 .kyobo_logo2>p{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #0071bc;
  margin-top: 12px;
}

.bookstore_box3 .yes24_logo1{
  width: 400px;
  height: 180px;
  align-content: center;
  text-align: center;
  background-color: #e0ecf2;
}

.bookstore_box3 .yes24_logo1>img{
  max-width: 240px;
  max-height: 84px;
}

.bookstore_box3 .yes24_logo1>p{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #0071bc;
  margin-top: 12px;
}

.bookstore_box3 .aladin_logo1{
  width: 400px;
  height: 180px;
  align-content: center;
  text-align: center;
  background-color: #f5e5e0;
}

.bookstore_box3 .aladin_logo1>img{
  max-width: 240px;
  max-height: 84px;
}

.bookstore_box3 .aladin_logo1>p{
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  color: #0071bc;
  margin-top: 12px;
}


/* sub3_끝 */



/* sub4_시작 */


/* slide_wrap: 슬라이드 */
.slide_wrap{
  width: 100%;
  height: 230px;
  
  background-color: #fc6;
}

.slide_wrap .slide{
  width: 100%;
  height: 230px;
  overflow: hidden;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
}

.slide_wrap .slide ul{
  width: 1920px;
  height: 230px;
  display: block;
}

.slide_wrap .slide li{
  width: 1920px;
  height: 230px;
  position: absolute;
  top: 0; left: 50%;
  margin-left: -960px;
  display: none;
  
}

.slide_wrap .slide li:first-child{
  display: block;
}

.slide_wrap .slide ul li img{
  max-width: 1920px;
  max-height: 310px;
  display: block;
}




/* sub_tit_wrap: 서브컨텐츠 */
.sub_tit_wrap{
  width: 100%;
  height: 40px;
  margin: 35px 0 35px;
  border-bottom: 1px solid #20b8ed;
  /* background-color: aqua; */
}

.sub_tit_wrap .sub_tit1{
  width: 1200px;
  height: 40px;
  margin: 0 auto;
  /* background-color: #fc6; */
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab{
  width: 1200px;
  height: 40px; line-height: 40px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #20b8ed;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li{
  width: 200px;
  background-color: #d9d9d9;
  border-right: 1px solid #fff;
  border-radius: 15px 15px 0 0;
}


.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li.on{
  background-color: #20b8ed;
  color: #fff;
}

.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li>span{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}


.sub_tit_wrap .sub_tit1 .sub_tit1_tab>li>a{
  display: block;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

/* 모든 서브 페이지 탭 메뉴의 글자 굵기를 400으로 통일 */
.sub_tit1_tab li span, 
.sub_tit1_tab li a span {
    font-weight: 400 !important;
}


/* ebookpub: 전자책 출판 */

/* sub4_1_ebookpub_con1 */
.sub4_1_ebookpub_wrap{
  width: 100%;
  height: 738px;
  margin-bottom: 40px;
  /* background-color: aqua; */
}

.sub4_1_ebookpub_con_wrap{
  width: 1200px;
  height: 738px;
  margin: 0 auto;
  
  /* background-color: #fc6; */
}

.sub4_1_ebookpub_con1{
  width: 1200px;
  height: 424px;
  margin-bottom: 40px;
}


/* ebookpub_box1 */
.ebookpub_box1{
  width: 900px;
  /* height: 98px; */
  /* background-color: #c8c8c8; */
  margin: 0 auto;
}

.ebookpub_box1 h2{
  font-size: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 8px;
}
.ebookpub_box1 h2>img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}
.ebookpub_text1 p:nth-child(1){
  text-align: justify;
  color: #f15a24;
  margin-bottom: 3px;
}

.ebookpub_text1 p:nth-child(1)>span{
  font-size: 8px;
  vertical-align: 3px;
  margin-right: 5px;
  color: #20b8ed;
}

.ebookpub_text1 p:nth-child(2){
  margin-left: 13px;
  margin-bottom: 8px;
}

.ebookpub_text1 p:nth-child(2)>span{
  color: #f15a24;
  padding: 0 10px;
}


/* sub4_1_ebookpub_con1: ebookpub_tb1 */
.ebookpub_tb1{
  width: 100%;
  margin-bottom: 8px;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
  height: 40px;
}

.table_wrap{
  font-size: 16px;
  width: 100%;
}

.ebookpub_tb1 thead th{
  height: 40px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background-color: #20b8ed;
  text-align: center;
  font-weight: 500;
  color: #fff;
}

.ebookpub_tb1 thead th:not(:last-child){
  border-right: 1px solid #fff;
}

.col_work{
  width: 180px;
}

.ebookpub_tb1 .bg_point{
  background-color: #ebf9fd;
}

.ebookpub_tb1 td{
  text-align: center;
  height: 40px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.ebookpub_tb1 td:nth-child(3){
  border-right: 0;
}

.col_cost{
  width: 360px;
}

.col_store{
  width: 360px;
}


/* ebookpub_box2 */
.ebookpub_text2 p{
  text-align: justify;
  line-height: 28px;
}

.ebookpub_text2 p>span{
  color: #f15a24;
}


/* sub4_1_ebookpub_con2 */
.sub4_1_ebookpub_con2{
  width: 1200px;
  height: 274px;
}

.ebookpub_point{
  margin-bottom: 8px;
}

.ebookpub_point>p{
  width: 900px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #fdede6;
  color: #f15a24;
  font-size: 20px;
  font-weight: 600;
}


/* selfpub: 자비출판 */

/* sub4_2_selfpub_con1 */
.sub4_2_selfpub_wrap{
  width: 100%;
  height: 1310px;
  margin-bottom: 40px;
  display: none;
  /* background-color: aqua; */
}

.sub4_2_selfpub_con_wrap{
  width: 1200px;
  height: 1310px;
  margin: 0 auto;
  
  /* background-color: #fc6; */
}

.sub4_2_selfpub_con1{
  width: 1200px;
  height: 580px;
  margin-bottom: 40px;
}


/* selfpub_box1 */
.selfpub_box1{
  width: 900px;
  /* height: 98px; */
  /* background-color: #c8c8c8; */
  margin: 0 auto;
}

.selfpub_box1 h2{
  font-size: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 8px;
}
.selfpub_box1 h2>img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}
.selfpub_text1 p:nth-child(1){
  text-align: justify;
  color: #f15a24;
  margin-bottom: 3px;
}

.selfpub_text1 p:nth-child(1)>span{
  font-size: 8px;
  vertical-align: 3px;
  margin-right: 5px;
  color: #20b8ed;
}

.selfpub_text1 p:nth-child(2){
  margin-left: 13px;
  margin-bottom: 8px;
}

.selfpub_text1 p:nth-child(2)>span{
  color: #f15a24;
  padding: 0 10px;
}


/* sub4_2_selfpub_con1: selfpub_tb1 */
.selfpub_tb1{
  width: 100%;
  margin-bottom: 8px;
}

table{
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
  height: 40px;
}

.table_wrap{
  font-size: 16px;
  width: 100%;
}

.selfpub_tb1 th{
  height: 40px;
  border-bottom: 1px solid #fff;
  background-color: #20b8ed;
  text-align: center;
  font-weight: 500;
  color: #fff;
}


.selfpub_tb1 td{
  height: 40px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

th.col_tit1{
  width: 200px;
}

th.col_tit1_first{
  border-top: 1px solid #ccc;
}

th.col_tit1_last{
  border-bottom: 1px solid #ccc;
}

.col_point1{
  background-color: #ebf9fd;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: 600;
}

.col_point1:nth-child(4){
  border-right: 0;
}

.col_point2{
  background-color: #f2f2f2;
  border-right: 1px solid #ccc;
  font-weight: 600;
  color: #0071bc;
}

.col_point2:nth-child(4){
  border-right: 0;
}

.col_point3{
  color: #f15a24;
}

.selfpub_tb1 td>span{
  color: #f15a24;
}


/* sub4_2_selfpub_con2 */
.sub4_2_selfpub_con2{
  width: 1200px;
  height: 690px;
}


/* semipub: 반기획출판 */

/* sub4_3_semipub_con1 */
.sub4_3_semipub_wrap{
  width: 100%;
  height: 640px;
  margin-bottom: 40px;
  display: none;
  /* background-color: aqua; */
}

.sub4_3_semipub_con_wrap{
  width: 1200px;
  height: 640px;
  margin: 0 auto;
  
  /* background-color: #fc6; */
}

.sub4_3_semipub_con1{
  width: 1200px;
  height: 640px;
  margin-bottom: 40px;
  /* background-color: #fdede6; */
}


/* semipub_box1 */
.semipub_box1{
  width: 900px;
  height: 640px;
  /* background-color: #c8c8c8; */
  margin: 0 auto;
}

.semipub_box1 h2{
  font-size: 22px;
  font-weight: 600;
  color: #0071bc;
  margin-bottom: 8px;
}
.semipub_box1 h2>img{
  max-width: 23px;
  max-height: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
}

.semipub_box1 .semipub_alertbox{
  width: 900px;
  height: 600px;
  background-color: #ebf9fd;
  border: 3px solid #9adff7;
  position: relative;
}
.semipub_box1 .semipub_alertbox .semipub_text1{
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
}
.semipub_box1 .semipub_alertbox .semipub_text1>p{
  font-size: 26px;
  line-height: 42px;
  text-align: center;
}
.semipub_box1 .semipub_alertbox .semipub_img1{
  position: absolute;
  right: -2px; bottom: 130px;
}
.semipub_box1 .semipub_alertbox .semipub_img1>img{
  display: block;
}


/* sub4_끝 */




/* footer */
footer{
  width: 100%;
  height: 350px;
  background-color: #4d4d4d;
  position: relative;
}

.footer_wrap1{
  width: 100%;
  height: 150px;
  margin: 0 auto;
  background-color: #e0e0e0;
  
}

/* footer_top */
.footer_top{
  width: 1200px;
  height: 150px;
  margin: 0 auto;
  position: relative;
}

.footer_top ul{
  width: 820px;
  height: 150px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer_top ul li{
  display: block;
  cursor: pointer;
}

.footer_top ul li a{
  display: block;
  cursor: pointer;
}

.footer_top ul li a img{
  display: block;
  cursor: pointer;
}

.footer_top .f_customer{
  max-width: 227px;
  max-height: 220px;
  position: absolute;
  right: 0; top: 36px;
}

.footer_top .f_customer p{
  display: block;
}

.footer_top .f_customer p img{
  display: block;
}

.footer_wrap2{
  width: 100%;
  height: 200px;
  margin: 0 auto;
}

/* footer_bottom */
.footer_bottom{
  width: 1200px;
  height: 200px;
  margin: 0 auto;
  display: flex;
  padding-top: 35px;
  
}

.footer_bottom .f_logo{
  padding-top: 7px;
  display: block;
  width: 130px;
}

.footer_bottom .f_logo img{
  width: 74px;
  height: 70px;
  display: block;
}
.footer_bottom .f_menu{
  display: block;
  width: 690px;
  
}

/* f_menu1 */
.footer_bottom .f_menu .f_menu1{
  width: 690px;
  display: block;
}

.footer_bottom .f_menu .f_menu1 ul{
  width: 690px;
  display: flex;
  color: #fff;
  margin-bottom: 20px;
}

.footer_bottom .f_menu .f_menu1 ul li{
  
  padding: 0 20px;
  line-height: 0.8;
  border-right: 1px solid #fff;
  
}

.footer_bottom .f_menu .f_menu1 ul li:nth-child(1){
  padding-left: 0;
}

.footer_bottom .f_menu .f_menu1 ul li:nth-child(3){
  padding-right: 0;
  border-right: 0;
}

.footer_bottom .f_menu .f_menu1 ul li a{
  font-size: 13px;
  font-weight: 300;
  display: block;
  cursor: pointer;
}

/* f_menu2 */
.footer_bottom .f_menu .f_menu2{
  width: 690px;
  display: block;
}

.footer_bottom .f_menu .f_menu2 ul{
  width: 690px;
  display: flex;
  color: #fff;
}

.footer_bottom .f_menu .f_menu2 ul li{
  
  padding: 0 20px;
  line-height: 0.8;
  border-right: 1px solid #fff;
  margin-bottom: 10px;
}

.footer_bottom .f_menu .f_menu2 ul li:nth-child(1){
  padding-left: 0;
}

.footer_bottom .f_menu .f_menu2 ul li:nth-child(3){
  padding-right: 0;
  border-right: 0;
}

.footer_bottom .f_menu .f_menu2 ul li p{
  display: block;
  font-size: 14px;
  font-weight: 300;
}

/* f_menu3 */
.footer_bottom .f_menu .f_menu3{
  width: 690px;
  display: block;
}

.footer_bottom .f_menu .f_menu3 ul{
  width: 690px;
  display: flex;
  color: #fff;
}

.footer_bottom .f_menu .f_menu3 ul li{
  margin-bottom: 7px;
  padding: 0 20px;
  line-height: 0.8;
  border-right: 1px solid #fff;
}

.footer_bottom .f_menu .f_menu3 ul li:nth-child(1){
  padding-left: 0;
}

.footer_bottom .f_menu .f_menu3 ul li:nth-child(4){
  padding-right: 0;
  border-right: 0;
}

.footer_bottom .f_menu .f_menu3 ul li p{
  display: block;
  font-size: 14px;
  font-weight: 300;
}

/* f_menu4 */
.footer_bottom .f_menu .f_menu4{
  width: 760px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.footer_bottom .f_menu .f_menu4 p{
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  
}
.footer_bottom .f_menu .f_menu4 #ft_totop{
  display: block;
  font-size: 16px;
  font-weight: 500;
  width: 55px;
  height: 55px; line-height: 50px;
  background-color: #1a1a1a;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  right: 0; bottom: 13px;
}
.footer_bottom .f_menu .f_menu4 #ft_totop a{
  display: block;
  text-align: center;
}

/* 2025.11.24 add */