/* #container{width: auto !important;} */
/*strong{font-weight: bold;}*/


/*관심키워드 목록 아이콘 */
.titleHighlight{color:#3065de;vertical-align:0;border-left:1px solid #c5c9d6;padding:0 0 0 15px;margin:0 0 0 15px;line-height:1}
.titleHighlight:nth-child(1){border:none;padding:0;margin:0}


/*외부기관 링크 */

#chartCloud {
	/* width: 1038px;
		height: 475px; */
	width: 100%;
	height: 520px;
}

#chartRel {
	width: 100%;
	height: 480px;
}

#controls {
	overflow: hidden;
	padding-bottom: 3px;
}

#chartFigure {
	width: 100%;
	height: 520px;
}

#chartKeyword {
	position: absolute;
	width: 100%;
	/* max-width: 1038px; */
	height: 450px;
	top: 64px;
}

#chartKeywordBtn {
	padding-top: 10px;
	/* margin-top : 5%; */
}

/* 이미지 넣어야함 */
#chartKeywordBtn .btn_daily {
	position: absolute;
	top: 43px;
	right: 15px;
	width: 49px;
	height: 23px;
	background: url(${plugin}/chart/btn_daily.png) no-repeat;
	font-size: 11px;
	color: #777;
}

#chartKeywordBtn .btn_daily.on {
	position: absolute;
	top: 43px;
	right: 15px;
	width: 49px;
	height: 23px;
	background: url(${plugin}/chart/btn_daily_on.png) no-repeat;
	font-size: 11px;
	color: #777;
}

#chartKeywordBtn .btn_weekly {
	position: absolute;
	top: 43px;
	right: 15px;
	width: 49px;
	height: 23px;
	background: url(${plugin}/chart/btn_weekly.png) no-repeat;
	font-size: 11px;
	color: #777;
}

#chartKeywordBtn .btn_weekly.on {
	position: absolute;
	top: 43px;
	right: 15px;
	width: 49px;
	height: 23px;
	background: url(${plugin}/chart/btn_weekly_on.png) no-repeat;
	font-size: 11px;
	color: #777;
}

#chartKeywordBtn .btn_montly {
	position: absolute;
	top: 43px;
	right: 65px;
	width: 49px;
	height: 23px;
	background: url(${plugin}/chart/btn_montly.png) no-repeat;
	font-size: 11px;
	color: #777;
}

#chartKeywordBtn .btn_montly.on {
	position: absolute;
	top: 43px;
	right: 65px;
	width: 49px;
	height: 23px;
	background: url(${plugin}/chart/btn_montly_on.png) no-repeat;
	font-size: 11px;
	color: #777;
}
/* -- LINK URL 정보 -- */
/* 2023-1121 ksj */
.searchList .dataInfo .dropdown .dropbtn {
	display:block;
	border:1px solid #2c61da;
	border-radius:0;
	color:#2c61da;
	padding:2px 25px 3px 10px;
	cursor:pointer;
	font-size:13px;
	position:relative;
	transition: .3s;
	float:left;
	margin-right:5px;
	background-size: 13px auto;
	background-color:#fff;
}
.searchList .dataInfo .dropdown {
	position:relative;
	display:inline-block;
	float:left;
}
.searchList .dataInfo .dropdown .dropdown_content {
	display:none;
	position:absolute;
	background-size: 10px auto;
	width: max-content;
	border-radius:0;
	min-height:100%;
	overflow: hidden;
	/*box-shadow:0 8px 16px 0 rgba(0, 0, 0, 0.2);*/
	z-index:10;
	top:30px;
	border:1px solid #333;
	
}

.searchList .dataInfo .dropdown_content .infoBtn1 {
	display:block;
	text-decoration:none;
	padding: 6px 12px 10px 30px !important;
	background-color:#fff;
	color:#333;
}

.searchList .dataInfo .dropdown_content .infoBtn1.gray {
    background-color: #fff !important;
    color: #333;
    border: none !important;
    cursor: default;
}
 .searchList .dataInfo .dropdown_content .infoBtn1.gray:hover {
	background-color:#f0f5ff !important;
	color:#333 ;
	cursor:pointer;
 }

 .searchList .dataInfo .dropdown_content .infoBtn1:hover {
	background-color:#f0f5ff;
	color:#333;
}
.dropdown:hover .dropdown_content {
	display:block;
} 


/* .searchList .dataInfo .dropdown_content .infoBtn1:hover {
	background-color:#f0f5ff;
	color:#333;
}
.dropdown:hover .dropdown_content {
	display:block;
} */
.selectBox.dropdown:hover .dropbtn {
	background-color:#f0f5ff;
	color:#2c61da;
}



.buttons .button2{display: inline-block; min-width: auto; box-sizing: border-box; padding: 15px; ;height: 44px; line-height: 14px; border: 1px solid #444; text-align: center; color: #fff; font-size: 15px; vertical-align: top; cursor: pointer;}
.buttons .button3{display: inline-block; min-width: auto; box-sizing: border-box; padding: 15px; height: 44px; line-height: 14px; border: 1px solid #3e64d6; text-align: center; color: #3e64d6; font-size: 15px; vertical-align: top; cursor: pointer;}
.buttons .button4{display: inline-block; min-width: auto; box-sizing: border-box; padding: 15px; ;height: 44px; line-height: 14px; border: 1px solid #3e64d6; text-align: center; color: #3e64d6; font-size: 15px; vertical-align: top; cursor: pointer;}

.content .inquire{display: flex; justify-content: flex-end; align-items: center;}
.deleteBtn{background:#444;color:#fff;font-size:15px;padding:10px 15px;border-radius:2px;}
.content .inquire .f-R.buttons{margin-left:10px;}
.content .inquire .f-R.buttons a:last-child{margin-left:10px;}
.buttons .button1{min-width: auto;margin:0 0 10px 0}
/*.btnWrap{display: inline-block;}*/
.btnWrap{justify-content: flex-end;}
.btnWrap > .f-R{float:right;width:100%}
.f-R{text-align: right}
.searchForm form .inputText{max-width:calc(100% - 8%);}
/* .location{width:100%;} */
.pt20{padding-top:20px;margin:0 0 40px 0}
.tStyle2:not(:first-child){margin:20px 0;}
.tStyle3{margin:0!important}
/*.tStyle3{margin:10px 0!important}*/
input[type="text"], .viewTable input[type="tel"], .viewTable input[type="email"] {margin: 0; padding: 0px 0 0 5px !important; border: 1px solid #d6d6d6; width: 100%; /* max-width: 200px;  */height: 34px; background-color: #f7f7f7;}
input[type="text"].w100p {max-width: 100%;}
.btntype1{background:hsl(225, 65%, 54%) !important; color:#fff;}
.btntype2{background: #333 !important; color: #fff;}
.btntype3{background: #444 !important; color:#fff;}

/*button {cursor: pointer; border: 1px solid #eaeaea; padding: 10px 30px; font-size: 15px; border-radius: 5px;}*/
.button {cursor: pointer; background:#fff;color:#3065de;border: 1px solid #3065de; padding: 10px 30px; font-size: 15px; border-radius: 5px;}
.bgtype1{white-space: nowrap; background:#3e64d6; color:#fff; font-size:13px; padding:2px;}
.bgtype2{white-space: nowrap; background:#FF3300; color:#fff; font-size:13px; padding:2px;}
.bgtype3{white-space: nowrap; background:#A09E9A; color:#fff; font-size:13px; padding:2px;}

.font-blue{color:#007AF5;}
.font-red{color: #ff0000;}
.pt10{padding-top:10px;}
.pr5{padding-right:5px;}
.mt0{margin-bottom:0 !important;}
.mt30{margin-top:30px;}
.toggle_title{padding:5px;}
.select-title{font-size:13px; }

.flexrow{flex-direction: row; display: flex;}
.flexcol{flex-direction: column; display: flex;}
.flex{display: flex; align-items: center; width:100%; justify-content: space-between; white-space: nowrap;}
.flex .selectD {width:calc(100% - 50%);}
.flexl{display: flex; justify-content: flex-start; }
.aic{ align-items: center;}
#jqGrid button{padding:5px 10px; font-size: 11px;}
table.footable > tbody > tr > td, table.footable > tbody > tr > th{display: table-cell;}

.mylib-tab1-table{margin:0 0 20px 0}

/* 자료요약 목록 버튼 */

.tl strong{font-size:15px;color:#333;word-break:break-word}
.tl strong img{vertical-align:-2px;margin:0 0 0 4px;width:16px}

#summaryReqTbl .btn_wrap > span {display: flex; justify-content: center;}
#summaryReqTbl .btn_wrap .cancel{background: #e97272; color: #fff; border: 1px solid #e97272; border-radius: 5px; margin: 5px 0;padding:5px 10px;cursor:pointer;}

/*#summaryReqTbl .btn_wrap .cancel{background: url(../../images/ko/ico/cancel.png) center center no-repeat;margin:5px 0; font-size:0;padding:10px;}*/
#summaryReqTbl .btn_wrap .download{background: #729ee9; color: #fff; border: 1px solid #729ee9; border-radius: 5px; margin: 5px 0;padding:5px 10px;cursor:pointer;}*/
/*#summaryReqTbl .btn_wrap .download{ margin: 5px 0;padding:10px;font-size:0;background:url(../../images/ko/ico/download.png) center center no-repeat;}*/

/* 오류신고 */
.category-content .toggle-button{border:1px solid #555 !important; display: inline-block; padding: 5px;}
#jqGrid button:first-child {display: block; margin: 0 auto 10px;}
.btnset{margin-top:20px;}
.align-btn{display: flex; align-items: center; padding-top:0 !important}
.align-btn .filterline{margin:0 10px;}
.align-btn .filterset{display: flex; align-items: center;  margin: 0;}
.align-btn .filter-title{white-space: nowrap;  margin: 0 10px 0 0;}
.align-btn .filterset .filterBtnset .filterBtn{margin:0 5px;}

/* 관심서재 */
/*.toggle_text .toggle-button{border:.2em solid #555 !important; display: inline-block; padding: .5em; border-radius: .5em;}*/
.toggle_text .toggle-button{display: none;}
.load_type2{max-height: 1.2em !important;}
.listBtn{background: #fff;height: 44px;color:#444;font-size:15px;line-height:0.9em;border:1px solid #444;position:absolute;left:0}
.listBtn2{background: #fff;height: 44px;color:#444;font-size:15px;line-height:0.9em;border:1px solid #444;}

/* 내서재 */
.chart_list{width:100%; height: 400em; margin:0 auto;}
#chart_div {width: 100%; height: 100%; display: inline-block;}
.loadtype2 .toggle_load.expanded .toggle_title{display: block; margin-bottom:.5em;}
.loadtype2 .toggle_load .toggle_title{display: none; margin-bottom:.5em;}
.loadtype2 .toggle_load{max-height: 1.2em; display: grid;}
.loadtype1 .toggle_load{max-height: 3.8em; display: grid;}
.loadtype2 .toggle_load.expanded{max-height: 6.2em; display: grid;}
.loadtype1 .toggle_load.expanded{max-height: 6.2em; display: grid;}
.reduce{width:80%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.top_list{display: flex; justify-content: space-between; align-items: center; margin-bottom:10px;}
.top_list .inquire{display: flex;}
.top_list .f-R.buttons{margin-left:10px;}
.selectD {display: inline-block; vertical-align: middle; background-color: #fff !important; border-color: #c3c3c3 !important;}
.top_list .listInfo{margin: 0; white-space: nowrap;}
.page-new {position: relative;}
.page-new .paging{position:absolute; top:0; right:0;}
/* 20231201_kga 추가 */
.page-new .button{display: inline-block; min-width: auto; box-sizing: border-box; padding: 7px 10px; background:#3065de; border: 1px solid #3065de; text-align: center; color: #fff; font-size: 15px; vertical-align: top; cursor: pointer; margin-right: 10px;}
.page-new .button2{display: inline-block; min-width: auto; box-sizing: border-box; padding: 7px 10px; background:#fff; border: 1px solid #3065de; text-align: center; color: #3065de; font-size: 15px; vertical-align: top; cursor: pointer;}
.page-new #selOrderBy{height: 33px; padding: 0 10px; padding-right: 22px; color: #646464; font-size: 13px; line-height: 33px; cursor: pointer; overflow: hidden; text-align: center;}
.toggle_title{margin:0 0 0 4px;border-radius:20px;padding:4px 10px}

/* 내서재상세 */
.table_title{white-space: nowrap; background: #fff; color: #000; border-radius:15px; border:1px solid #000; margin-right:5px; font-size: 13px; display: inline-block; padding: 5px; width: 50px;}
.titlerow{display: flex; align-items: center;}
.titlerow img{margin-left:5px;}
.btn_list{display: flex; white-space: nowrap; align-items: center;}
.btn_list .btn{text-align:center;}
.btn_list .btn.move{margin-bottom:0; margin-right:5px;}
.btn_list .btn span{font-size:13px;}
.toggle_title{width: fit-content !important;}
.toggle_load{max-height: 4.1em; max-width:600px;}

/* 내서재추가 */
.chk_setting{text-align: center; padding: 10px 0; font-size: .8em;}
.invalid-feedback {display: none; width: 100%; margin-top: 0.25em; font-size: .875em; color: #dc3545;}
.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip {display: block;}
.valid-feedback {display: none;  width: 100%;  margin-top: 0.25em;  font-size: .875em;  color: #3065de;}

/* 자료목록 */
/* .idxSvc .dpTitle {display: inline-block; color: #292929; font-size: 16px; line-height: 21px;  letter-spacing: -0.03em; min-height: 24px; padding: 2px 0 2px 0;} */
.idxSvc p.dpTitleFull {color: #292929; font-size: 15px;}
.idxSvc ul{border-top: none !important;}
.idxSvc ul:after{clear:both;content:"";display:block}
.idxSvc ul > li{display: inline; margin-right: 5px; padding-right: 9px; background: url(../../images/ko/ico/bar.gif) no-repeat right 1px center; color: #9b9999; font-size: 13px; line-height: 21px; letter-spacing: -0.03em; border-bottom: none !important;}
.idxSvc ul > li:first-child{background-color: unset !important;}
.idxSvc ul > li:last-child{margin-right:0px;padding-left:0;background:none; color: transparent; }
.idxSvc ul > li:nth-last-child(2) { background: none; }
.idxSvc ul > li:after{display: inline-block !important;}
.idxSvc .dp-title{color:#333;font-size:15px}
.idxSvc p:hover{text-decoration:none}
.idxSvc p.dpTitleFull:hover{text-decoration:underline!important}
/* 관심알림신청 */
.notify_wrap{display: flex; align-items: center; white-space: nowrap;}
.notify_wrap .notify_btn{border: 1px solid #999; border-radius: 5px; background: #fff; padding: 5px; margin-left: 10px; cursor: pointer;}
.table-noti .notify_btn{border: 1px solid #999; border-radius: 5px; background: #fff; padding: 5px; margin-left: 10px; cursor: pointer;}
.notify_btn2{ background-color: #3065de;
    color: #fff;
    border: none;
    padding: 10px 30px;
    font-size: 15px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, .24);
    cursor: pointer;
}
#useGuidance {border: 1px solid rgb(221, 221, 221); display: block; padding: 30px 20px 0px; background-color: rgb(245, 245, 245); margin: 20px 10px 40px; position: relative;}
#useGuidance .notify-close {top: 20px; right: 30px; width: 20px; height: 30px; background: url(../../images/ko/ico/close3.png) center no-repeat; position: absolute;}


.modal_step{display: flex; justify-content: space-evenly; margin-top: 10px;}
.modal_step .step{margin-bottom: 0; flex-direction: column; align-items: center; justify-content: flex-start;}
.modal_step .step span{font-size:13px; padding-top: 10px; white-space: nowrap; }
.modal_step .step01::before{content: ''; display:inline-block; background:url(../images/step01.png)no-repeat 0 center; background-size:60px auto; width: 60px; height: 40px;}
.modal_step .step02::before{content: ''; display:inline-block; background:url(../images/step02.png)no-repeat 0 center; background-size:60px auto; width: 60px; height: 40px;}
.modal_step .step03::before{content: ''; display:inline-block; background:url(../images/step03.png)no-repeat 0 center; background-size:60px auto; width: 60px; height: 40px;}
.modal_step .step04::before{content: ''; display:inline-block; background:url(../images/step04.png)no-repeat 0 center; background-size:60px auto; width: 60px; height: 40px;}
.new-modal-box .title{font-size:15px; font-weight: bold;}
.select_subtext{margin-top:5px; font-size:13px; display: block;margin:7px 0 0 0}

.viewTable input[type="text"].w100p{max-width: 100%;}
.table-title{padding-top:20px; font-weight: bold; font-size:15px;}
.table-title + .tStyle2{margin-top:10px;}
.table-all{display: flex; justify-content: space-between; align-items: center; padding-top:20px; width: 100%;}
.table-all .table-title{padding-top:0;}
.table-title2{font-size:16px;margin:0 10px 0 0}
.table-title4{font-size:16px;margin:0 10px 0 0}
.table-title3{float:left;font-size:16px;margin:28px 0 0 0}
.table-noti{position:absolute;width: 100%;top: 36px;font-size: 13px;color: #666;text-align: right}
.table-noti2{font-size:13px;color:#666;text-align:right;margin:30px 0 15px 0;float:right}
.kwd_close{cursor: pointer;}

/* 북트레일러 */
.booktrailList{width:100%;}
.booktrailList .booknvideo{display:flex;align-items:center;background:#f7f7f7;margin:0 0 20px 0;padding:0 20px;border-radius: 20px;}
.booktrailList .booknvideo2{display:flex;align-items: flex-start;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
.booktrailList p.videoPlay{background:#000;width:880px;color:#fff;height:288px;display:flex;align-items:center;justify-content:center;font-size:15px;}
.booktrailList p.bookSummary{background:#f7f7f7;height:288px;padding:30px;line-height:1.3em;font-size:15px;;color:#000;overflow:auto;width:500px}
.videoPlay{width:880px}
.foryoutube{position:relative;padding-bottom:33.5%;height:0;overflow:hidden;margin:20px 0}


/* 자동완성 */
.tStyle2 tbody td{position:relative;}
.layer_atcmp{position: absolute; top: 39px; left: -1px; z-index: 200; width: 100%; -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px);}
.atcmp_container{-webkit-box-shadow: -2px 3px 12px 0 rgba(0,0,0,.13); box-shadow: -2px 3px 12px 0 rgba(0,0,0,.13); border-radius:10px;  color:#202020; letter-spacing: -0.4px; background: #fff; margin: 0 0 0 10px;}
.kwd_lst .mark {color: #0c43b7; font-weight: 400;}
.kwd_lst{padding:20px; border-bottom: 1px solid #f1f4f6; font-size: 15px; line-height: 20px;}
.kwd_close{text-align: right; color: #000; font-size: 15px;  padding: 10px 20px 20px; background-color: #f9fafb;}
/* 통합검색 */
.facet > ul > li{border-bottom: 1px dotted #dfdfdf; margin-bottom: 15px;}
.facet > ul > li:last-child{border-bottom:0;}
.facet > ul > li.type1 > a {background-color: #c7d6ee;padding: 15px 9px 15px 20px; border: 1px solid #DFDFDF; border-radius: 5px;}
.facet > ul > li.type1 > a > span {font-size: 14px; font-weight: 500; text-align: left;  color: #333; background:url(../../../images/ko/ico/ico_open_bk.png) no-repeat right 0;background-size: contain;}
.facet > ul > li.type1.on > a > span {background: url(../../../images/ko/ico/ico_close_bk.png) no-repeat right 0;background-size: contain;}
.facet > ul > li > div > ul > li{margin:0 9px 0 18px !important;}
.facet > ul > li > div > ul > li.on > p > button{background:url(./close2.png) no-repeat left 2px;background-size: 14px auto;}
.facet > ul > li > div > ul > li > p{padding:0 !important;}
.facet > ul > li > div > ul > li > p > button {background: url(../../../images/ko/ico/open2.png) no-repeat 3px 5px;background-size: 8px auto; padding: 0 !important; outline: none !important;}
.facet > ul > li > div > ul > li > p > a{font-size:13px !important;}
.facet > ul > li > div > ul > li > div > ul > li > a{font-size:13px !important;}
.facet > ul > li.type3 > div{border:0 !important;}
.facet > ul > li.type3 > div > ul{background-color: #f0f0f0;border-radius:0 0 5px 5px;}
.facet > ul > li.type3 > div > ul > li{white-space: nowrap; padding:7px 0 7px 7px; border-bottom: 1px solid #dcdcdc; margin: 0 auto !important; display: flex;flex-direction: row;align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;}
.facet > ul > li.type3 > div > ul > li:last-child{white-space: initial;border-bottom:0;}
.facet > ul > li.type3 > div > ul > li > .left{margin-right: 16px; float: none !important; line-height: 25px; width:51px !important;}
.facet > ul > li.type3 > div > ul > li > .left img{margin-top:0 !important; vertical-align: middle !important;}
.facet > ul > li.type3 > div > ul > li > .right{width:auto !important; padding-left:0 !important;}
.facet > ul > li.type3 > span{padding:8px 9px 8px 20px !important; font-size: 14px; font-weight: 500; border-radius: 5px 5px 0 0; background-color: #DCDCDC; color: #333 !important; border: 1px solid #DCDCDC;}
.facet > ul > li.type4 .searchCancel ul li{display: flex; justify-content: space-between;}
.facet > ul > li.type4 .searchCancel ul li .cancel{text-align: right;}
.facet > ul > li.type4 .searchCancel ul li .cancel img{background-size: 9px auto; width: 9px;}
.facet > ul > li#FACET_SEARCH_CANCEL > a {background-color: #F3F3F3;padding: 9px 9px 9px 20px; border: 1px solid #DFDFDF; border-radius: 5px;}
.facet > ul > li#FACET_SEARCH_CANCEL > a > span {font-size: 14px; font-weight: 500; text-align: left;  color: #333; background:url(./initialization.png) no-repeat right 0; background-size: 45px auto;}
.facet > ul > li .Infographic{cursor: pointer;background:url(./Infographic.gif) no-repeat 100% 0;color:#fff;padding:0 0 0 20px;font-size:15px;text-align: left; background-size: 100% auto !important; width: 100%; height: 103px; border: 0;}
/*.briefList .searchOptions {padding: 8px 14px;display: flex;align-items: baseline;flex-wrap: nowrap;flex-direction: row;justify-content: space-between;}*/
.briefList .searchOptions {padding: 6px 14px 8px 14px;}



/*.briefList .searchOptions .f-L {display: flex;flex-wrap: nowrap;justify-content: flex-start;}*/
.briefList .searchOptions .f-L {display: flex;flex-wrap: wrap;justify-content: flex-start;padding:8px 0 0 0;align-items:center}
.searchOptions .f-L > a.searchOption1, .searchOptions .f-L > a.searchOption2, .searchOptions .f-L > a.searchOption3 {margin-bottom:0; display: flex; align-items: center;}
.searchOptions .f-L .chkAll, .searchOptions .f-R .searchOption4 {vertical-align: top;}
.searchOptions .f-L .chkAll {display: inline-block; margin-right: 20px;}
.searchOptions .f-L .chkAll #chkAll + label {display: flex; align-items: center; height: 24px; line-height: 26px; margin-top: -2px;}
.searchOptions .f-L .chkAll #chkAll + label {font-size: 15px; color: #2c61da; background: url(./chk1Off.png) left 6px no-repeat; padding-left: 25px; cursor: pointer;}
.searchOptions .f-L .chkAll #chkAll:checked + label {background: url(./chk1On.png) left 6px no-repeat;}
.cart{left:13px; right:0 !important; width:25px;top:16px}
.searchList .list > li{padding: 14px 0 17px /* 47px */ 40px !important;}
.searchList .list > li .num {margin-right: /* -35 */ -40px;}
.briefList > .searchList .list > li > a { display: inline-block; color: #292929; font-size: 16px; line-height: 21px; margin: 0 0 0 /* 35 */ 45px; letter-spacing: -0.03em;  min-height: 24px; padding: 2px 0 2px 0; cursor: pointer;}

/*.legend ul li{position:relative; width: auto !important; font-size: 12px !important; }*/
.legend ul li:not(:first-child){margin-left:8px;}
/* .legend ul li span{color:#000 !important; padding-left: 24px; width:auto !important;} */
.icon_tabal_s{width:18px;}
.icon_table_s01::before{background: url(./icon_table_s01.png) no-repeat; background-size: 100% auto; width: 18px; height: 18px; content: ''; position: absolute; left: 0;}
.icon_table_s02::before{background: url(./icon_table_s02.png) no-repeat; background-size: 100% auto; width: 18px; height: 18px; content: ''; position: absolute; left: 0;}
.icon_table_s03::before{background: url(./icon_table_s03.png) no-repeat; background-size: 100% auto; width: 18px; height: 18px; content: ''; position: absolute; left: 0;}

.professionalinfo{margin-top:50px;}
.professionalinfo .info-list{border-top:1px solid #BBBBBB; margin-top:11px;}
.professionalinfo ul{position: relative; padding: 20px 12px;  background-color: #f8f8f8; border: 1px solid #E3E3E3; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start;}
.professionalinfo ul li{border-radius: 0; background: #FFF; padding:0 0 10px 0; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.07); margin: 0 10px 10px 10px;}
.professionalinfo ul li a {text-align: center; width: 145px;}
.professionalinfo ul li p {width: 100%;min-height:70px;font-size: 16px; line-height: 20px;display: flex;flex-wrap: nowrap;justify-content: center; align-items: center;}
.professionalinfo ul li span{font-family: 'NotoSansJP', 'NotoSansSC', 'NotoSansTC', Roboto, NotoSans, sans-serif; font-size:12px; display: inline-block; width:40%; float:none;line-height: 20px;padding:3px 8px;}
/*.search-top{display: flex; margin-top:16px; margin-right: 40px;}*/
.search-top{display: flex;  margin-right: 40px;}

.search-top .status {cursor:pointer;position: absolute; top: 50%; transform: translateY(-50%); transition: left 0.4s; margin-left: 20px; font-size: 10px; color:#fff; font-weight: bold;}
.icon_setting{background: url(./icon_setting.png) no-repeat; width: 14px; height: 14px; border: none; background-size: 14px auto; margin: 0px 0 0 3px; display: inline-block; vertical-align: top; padding: 0 !important;}
.briefHead > p{color: #000;}
.switch_warp{display: flex; flex-direction: row; white-space: nowrap;justify-content:space-between;align-items:baseline;}
#search .switch_warp dl {display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap;}
/*#search .switch_warp dl dt {display: flex; align-items: center; background: url(../../../images/ko/bg_top_relate.png) no-repeat right center; justify-content: flex-end; background-size: 62px auto;  height:25px; color:#fff; padding:0 16px 0 6px;}*/
/*#search .switch_warp .related_keyword_header{font-size:15px;background: url(../../../images/ko/bg_top_relate.png) no-repeat right center; justify-content: flex-end; background-size: 100% auto; height:25px;color:#fff; padding:10px 16px 0 6px;}*/
*#search .switch_warp .related_keyword_header{font-size:15px;background: url(../../../images/ko/bg_top_relate.png) no-repeat right center; justify-content: flex-end; background-size: 100% auto; height:21px;color:#fff; padding:6px 16px 0 6px;}

#search .switch_warp dl dt {display: none;}
#search .switch_warp dl dd {margin-left:0; height: 30px;padding:0 0 20px 0; overflow: hidden;}
.searchOptions .f-R{display: flex; align-items: center; flex-direction: row;flex-wrap: nowrap;}
.searchForm form{width: 100%; margin-right:6px;}
.searchForm .searchBtn2, .searchForm .searchBtn3{position: static;}
.disabledBtn{pointer-events: none;
background: #BDBDBD;
color: #777;
border: none;
width: 75px;
height: 68px;
font-size: 15px;
line-height: 1.3em;
text-align: center;}
.disabledBtn:nth-child(2){margin:0 6px}
.searchForm{display: flex; justify-content: space-between;}
.top_btn3{display: flex;}
.term_btn{width: 75px;height: 68px; padding-top: 15px; line-height:1.3em;font-size: 15px; color: #fff; background-color: #0085FF; text-align: center; text-decoration: none; border: 1px solid #0085FF; box-sizing: border-box;}
.author_btn{margin:0 6px; width: 75px; height: 68px; line-height:1.3em;padding-top: 15px; font-size: 15px; color: #fff; background-color: #0085FF; text-align: center; text-decoration: none; border: 1px solid #0085FF; box-sizing: border-box;}
.selectivedata .selectD .selectBoxD > a{color:#3E64D6 !important; font-size:13px;}
.selectivedata{border:1px solid #3E64D6 !important;}
.fulldataout{border:1px solid #3E64D6; background:#fff; border-radius: 0; margin: 2px; color:#3E64D6; padding: 6px; font-size:13px;cursor:pointer}
.brief{background:#fff;}
.briefContent{margin-top: 15px;background: #fff;}
.briefContent:before{background: #fff !important;}
.dpTitleFull{color:#333}
.idxSvc{text-align: left;}
.user-share{text-align:center;display: flex;justify-content:center;align-items:center}
.user-share > p{margin:0 5px}
.user-share .button2{display: inline-block;vertical-align:middle; background:#fff;min-width: auto;box-sizing: border-box; padding: 15px; height: 44px; line-height: 14px; border-radius:3px;border: 1px solid #3e64d6; text-align: center; color: #3e64d6; font-size: 15px; vertical-align: top; cursor: pointer;}
.detailTable{position:relative}
.myListTitle {width:100%;font-size: 28px;line-height: normal;color: #161616;word-break: keep-all;}
.swiper-wrapper2{position: relative;width:100%;display:flex;flex-wrap: wrap;}
.m_field_w1002{position: absolute;}
.m_field_w1002 .button2{border:1px solid #3E64D6;color:#3E64D6;background:#fff}

/* S::북트레일러 추가 20231207_choi */

	.charIcon > .charIcon1{width:20%;}
	.charIcon .charIcon3 {}
	/*.charIcon .charIcon2 {height: 38px; line-height: 38px;}*/
	/*.detailTable table tbody td span { width: 45%; }*/
	 
	
	.video-container {
      width: 100%;
      height: 0;
      padding-top: 56%;
      position: relative;
  }
  .video-iframe {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      bottom: 0;
  }
  .videoWrapper {
      width: 100%;
     
  }

  .p_player{
    float:left;
    height:288px;
    width:600px!important;
    margin:0 0 0 0;
    border-radius:20px;
    overflow:hidden;
  }
  .swiper-slide .noVideo {
    
      width: 600px;
      float:left;
      margin:0 0 50px 0;
      height: 288px;
      background-color: #000;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .swiper-button-next, .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: 27px;
      height: 44px;
      margin-top: -130px;
      z-index: 10;
      cursor: pointer;
      background-size: 27px 44px;
      background-position: center;
      background-repeat: no-repeat;
  }
  .swiper-slide.botomCon { 
      width: 100%;
      box-sizing: border-box;
  }
  .swiper-slide .introduceView { 
    background-color:#f7f7f7;
      font-size: 0.9em;
      letter-spacing: -0.5px;
      height: 228px;
      padding: 30px;
      overflow-y: auto;
      line-height: 1.3em;
  }
  .swiper-slide .introduceView .detailCon { 
      padding-top: 10px 0 0 0;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
      top: 260px;
      left: 0;
      width: 100%;
  }





@media (max-width: 1300px){
   /* 북트레일러 */
   .booktrailList{width:100%;}
   .booktrailList .booknvideo{display:flex;width:min-content;align-items: center;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
   .booktrailList .booknvideo2{display:flex;align-items: flex-start;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
   .booktrailList p.videoPlay{background:#000;width:100%;color:#fff;height:288px;display:flex;align-items:center;justify-content:center;font-size:15px;}
   .booktrailList p.bookSummary{background:#f7f7f7;padding:20px;line-height:1.3em;font-size:15px;;color:#000;overflow:auto;width:100%;height:100%}
   .p_player{width: 100% !important;}
 .foryoutube{margin:0;padding-bottom:56.25%;}
.brief {width:calc(100% - 10px);}
.professionalinfo ul{ flex-wrap: wrap; justify-content: flex-start;}
.professionalinfo ul li{margin:0 10px 10px 10px}
  }
/* tab */
#tab-set-1{width: 100%;}
.categorytab .category1{background:#fff;width:100%}
.categorytab .category1::before{display: none;}
.categorytab .category1:after{display: none;}
.tab-header, .sub-tab-header  {cursor: pointer; padding: 10px; display: inline-block; position:relative;margin:0 5px 0 0}
.tab-header.active{z-index:3 !important; background: #174ED0 !important; color: white;position:relative;bottom:-1px}
.tab-header a{color: #000; font-size: 16px; font-weight: 400;}
.tab-header.active a{color:#fff;}
.tab-header span img{display: none;}
/* .tab-header span img{width:11px; height:11px; margin-left:5px; filter: invert(1);} */
.tab-header.active span img{filter: brightness(0) saturate(100%) invert(100%) sepia(8%);}

.tab-headers{width:1300px;margin:0 auto}
.sub-tab-headers{display: flex;padding:0 0 0 20px;width:1300px;margin:0 auto;justify-content:flex-start; color:#fff; }
.sub-tab-headers p.img-emblem {position: absolute; float: right; height: 65px; background: inherit;width:1300px}
.sub-tab-headers p.img-emblem img {position: absolute;  right: 10px; opacity: 0.4; width: 80px;}
.sub-tab-headers p.img-emblem2 {position: absolute;  height: 65px; background: inherit;margin:0 auto;width:1300px}
.sub-tab-headers p.img-emblem2 img {position: absolute;  right: 10px; opacity: 0.4; width: 80px;}
.sub-tab-headers p.img-emblem3 { height: 65px; background: inherit;margin:0 auto;width:1300px}
.sub-tab-headers p.img-emblem3 img { right: 10px; opacity: 0.4; width: 80px;}
.tab-content, .sub-tab-content, .sub-s-tab-content {display: none; width: 100%;}
.tab-content{background:linear-gradient(-180deg,  #174ED0 10%, #5680FF 60%) ;}
.tab-content.active, .sub-tab-content.active, .sub-s-tab-content.active {display: block;}
.sub-tab-content{background:linear-gradient(0deg, #EEE 0%, #FAFAFA 100%)}
/* .sub-tab-content.active{background:linear-gradient(0deg, #EEE 0%, #FAFAFA 100%)} */
/*.tab-header{clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%); border-radius: 5px 5px 0 0; width: 162px; text-align: center; background: linear-gradient(0deg, #EEE 0%, #FAFAFA 100%);}*/ 
.tab-header{clip-path: polygon(0 0, 86% 0, 100% 100%, 0% 100%); border-radius: 5px 5px 0 0; width: 162px; text-align: center; background: #c7d6ee} 


/* .tab-content{} */
.tab-header[data-tab-index="1"]{z-index: 1;}
.tab-header[data-tab-index="2"] {background: #95b6df; margin-left: -26px; z-index: 2;}
.tab-header[data-tab-index="3"] {background: #c7d6ee; margin-left: -26px;  z-index: 1;}

.sub-tab-header{z-index:1;color:#fff; text-align: center; font-size: 15px; white-space: nowrap;line-height: 19px;; padding: 15px 0 9px; margin: 0 90px 0 0; }
.sub-tab-header:hover{color:#ffde00;}
.sub-tab-header.active{color: #ffde00;}
.sub-tab-header.active::after{display: block; content: ''; width: 100%; height: 2px; background-color: #ffde00; position: absolute; top: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.sub-tab-header span{display: block; margin-top:3px;}

.sub-s-tab-header{display: inline-block; position: relative; width: auto; padding-left: 10px; margin-right: 30px; color:#000; cursor: pointer;}
.sub-s-tab-header::before{content: ''; display: block; width: 6px; height: 1px; background-color: #262626; position: absolute; left: 0; top: 50%;}
.sub-s-tab-header{font-size: 14px;}
.sub-s-tab-headers{display: flex; overflow-x: auto;width:1300px;margin:0 auto; white-space: nowrap; padding:15px 0 15px 54px; background: linear-gradient(0deg, #EEE 0%, #FAFAFA 100%);}
.sub-s-tab-header.active{color:#2c61da;}
.sub-s-tab-content{background: #eee; padding-top:34px; color: #000; width: 100%;}

/* 스위치 */
.switch-container {position: relative; display: inline-block;z-index:1}
.toggle-switch {display: inline-block; width: 52px; height: 25px; background-color: #999; border-radius: 15px;}


.switch-list{display: flex; align-items: center; margin:19px 25px 13px 0}
.switch-list:not(:last-child){margin-right:22px;}
.switch-title{margin-left:6px; font-size: 15px;}
.search-top .toggle-switch {display: inline-block; width: 44px; height: 18px; background-color: #C9C9C9; border-radius: 15px;}
.search-top .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #C9C9C9; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.search-top .slider:before {position: absolute; content: ""; height: 12px; width: 12px; right: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}
.search-top .toggle-input {opacity: 0; width: 100%; height: 100%;display: block;}
.search-top .toggle-input:checked + .slider {background-color: #0F6FFF;}
.search-top .toggle-input:focus + .slider {box-shadow: 0 0 1px #0F6FFF;}
.search-top .toggle-input:checked + .slider:before {-webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px);}


.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; border-radius: 34px;}
.slider:before {position: absolute; content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50%; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}
.toggle-input {opacity: 0; width: 0; height: 0;}
.toggle-input:checked + .slider {background-color: #0F6FFF;}
.toggle-input:focus + .slider {box-shadow: 0 0 1px #0F6FFF;}
.toggle-input:checked + .slider:before {-webkit-transform: translateX(24px); transform: translateX(24px);}
.status {position: absolute; top: 50%; transform: translateY(-50%); transition: left 0.4s; margin-left: 25px; font-size: 10px; color:#fff; font-weight: bold;cursor: pointer;}

/* loading */
.loadwrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999;}
.loadingbox{display: inline-block; height: 200px; top: 50%; left: 50%; width: calc(100% - 50%); position: absolute; transition: all .2s ease; transform: translate(-50%, -50%);}
/*.loading{position: relative; width: 12px; height: 12px; top: 46%; top: -webkit-calc(50% - 6px); top: calc(50% - 6px); left: 46%; left: -webkit-calc(50% - 6px); left: calc(50% - 6px); border-radius: 12px; background-color: #fff; -webkit-transform-origin:  50% 50%; transform-origin:  50% 50% ; -webkit-animation: loading 1s ease-in-out infinite; animation: loading 1s ease-in-out infinite;}*/
/*.loading:before{content: ""; position: absolute; background-color: rgba(255, 255, 255, .5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px;}*/
/*.loading:after{content: ""; position: absolute; background-color: rgba(255, 255 ,255 ,.5); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px;}*/
.loading2{position: relative; width: 12px; height: 12px; top: 46%; top: -webkit-calc(50% - 6px); top: calc(50% - 6px); left: 46%; left: -webkit-calc(50% - 6px); left: calc(50% - 6px); border-radius: 12px; background-color: #fff; -webkit-transform-origin:  50% 50%; transform-origin:  50% 50% ; -webkit-animation: loading 1s ease-in-out infinite; animation: loading 1s ease-in-out infinite;}
.loading2:before{content: ""; position: absolute; background-color: rgba(255, 255, 255, .5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px;}
.loading2:after{content: ""; position: absolute; background-color: rgba(255, 255 ,255 ,.5); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px;}


.loading{width: 12px; height: 12px; top: 46%; top: -webkit-calc(50% - 6px); top: calc(50% - 6px); left: 46%; left: -webkit-calc(50% - 6px); left: calc(50% - 6px); border-radius: 12px; background-color: #fff; -webkit-transform-origin:  50% 50%; transform-origin:  50% 50% ; -webkit-animation: loading 1s ease-in-out infinite; animation: loading 1s ease-in-out infinite;}
.loading:before{content: "";  background-color: rgba(255, 255, 255, .5); top: 0px; left: -25px; height: 12px; width: 12px; border-radius: 12px;}
.loading:after{content: ""; ; background-color: rgba(255, 255 ,255 ,.5); top: 0px; left: 25px; height: 12px; width: 12px; border-radius: 12px;}


@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(180deg);}}
@keyframes loading{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(180deg);}}

#header > .pcMenu > ul > li:first-child a{padding: 7px 20px 7px 45px; background: url(../images/w-first_icon.png)no-repeat 20px 50% #3065de; color: #fff; border-radius: 20px; font-size: 13px; background-size: 16px auto;}

/* 메인팝업 */
.main-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 999;}
.main-modal .modal-content {background-color: #fff; margin: 0 auto; height: calc(100% - 20%); padding:10px; border: 1px solid #888; max-height: 550px; width: calc(100% - 20%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 400px;}
/*.main-modal .modal-content {background-color: #fff; margin: 0 auto; height: calc(100% - 40%); padding:10px; border: 1px solid #888; max-height: 600px; width: calc(100% - 20%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 400px;}*/

.main-modal .main-modal-head{padding: 10px; display: inline-block; width: 100%; height: 30px; position: relative; font-size: 18px; font-weight: bold;}
.main-modal .swiper-slide img{width:100%; height: 100%;}
.main-modal .close {font-weight: bold;}
.main-modal .main-modal-footer{position:absolute;z-index:100; bottom: 35px; transform: translate(-50%); left: 50%; display: flex; flex-direction: row; align-items: center; white-space: nowrap;}
.swiperHeight{height: calc(100% - 10px);}
.main-modal .modalBox{max-height: 550px;   height: calc(100% - 90px);overflow:auto}
.main-modal .main-modal-footer .main-modal-cancel{margin:0 10px; display: flex; align-items: center;}
.main-modal .main-modal-footer .main-modal-cancel span{font-size: 14px; margin-left: 10px;}
.main-modal .swiper-button-next{right:-1px}
.main-modal .swiper-button-prev{left:-1px}
.main-modal .swiper-pagination-bullet-active{width: 20px !important;  transition: width .3s; border-radius: 5px !important; height: 7px !important;}
.main-modal *:focus{box-shadow:none !important; outline: none !important;}
.main-modal *:active{box-shadow:none !important; outline: none !important;}
/*.main-modal .main-modal-footer button{background: #262A37; color: #fff; border: 1px solid #262A37;}*/
.main-modal .main-modal-footer button{background: #262A37; color: #fff; border: 1px solid #262A37;padding:5px 20px}
.main-modal .main-modal-numtotal{background: #262A37; color: #fff; border: 1px solid #262A37; padding: 10px 30px; border-radius: 5px; font-size: 15px;}
.main-modal .swiper-button-next,.main-modal .swiper-button-prev{color:#3E64D6;}
.main-modal .swiper-button-next:after,.main-modal .swiper-button-prev:after{font-size: 20px !important;}
/*.main-modal .swiper-button-next,.main-modal .swiper-button-prev{color:#3E64D6 !important; width: 20px !important; height: 20px !important; border-radius: 50%; padding: 20px; border: 1px solid #3E64D6;}*/
.main-modal .swiper-button-next{color:#fff !important; width: 15px !important; height: 15px !important; border-radius: 40% 0 0 40%; padding: 20px;background:#3E64D6}
.main-modal .swiper-button-prev{color:#fff !important; width: 15px !important; height: 15px !important; border-radius: 0 40% 40% 0; padding: 20px;background:#3E64D6}
/* S::20231026_kga 수정*/
/*.main-modal pre{width: calc(100% - 5%); white-space: pre-wrap; margin: 30px auto; line-height: normal; overflow-x: auto; max-height: 390px; height: auto;}*/
.main-modal pre{width: calc(100% - 8%); white-space: pre-wrap; margin: 30px auto 20px auto; line-height: normal; overflow-x: auto; height: auto;}


/* E::20231026_kga 수정*/
.main-modal pre div span{width: 100%; display: inline-block;}
.main-modal pre::-webkit-scrollbar {width: 5px;}
.main-modal pre::-webkit-scrollbar-thumb {background-color: #eaeaea; border-radius: 10px;}
.main-modal pre::-webkit-scrollbar-track {background-color: #eaeaea; border-radius: 10px;}


/* 팝업 */
.new-modal-head{padding: 10px 0 0 10px; display: inline-block; width: 100%; height: 30px; position: relative; font-size: 18px; font-weight: bold;margin:30px 0 0 0}
.new-modal .close {font-weight: bold;}
.new-modal-footer button {cursor: pointer; border: 1px solid #eaeaea; padding: 10px 30px; font-size: 15px; border-radius: 5px;justify-content: center}
.new-modal-footer .new-modal-next {background: #3e64d6; color: #fff;}
.new-modal-footer .new-modal-btn_close{background: #333; color: #fff;}
.new-modal-footer .new-modal-close{background: #3e64d6; color:#fff;}

.new-modal .modal-content.w600{max-width: 600px;}
.square_list{list-style: square;margin:10px 0 0 30px}
.square_list p{font-size:13px;color:#333;margin:5px 0 0 0}
.square_list li{font-size: 15px; line-height: 25px;}
.square_list li:not(:first-child){margin-top:10px;}
.new-modal-box{background: #eaeaea; color:#000; padding:20px 20px 30px 20px; margin-top:30px;}
.new-modal .modal-content.w600 .new-modal-body::-webkit-scrollbar {width: 5px;}
.new-modal .modal-content.w600 .new-modal-body::-webkit-scrollbar-thumb {background-color: gray; border-radius: 10px;}
.new-modal .modal-content.w600 .new-modal-body::-webkit-scrollbar-track {background-color: #eaeaea; border-radius: 10px;}


.searchWrap .fn100{display: flex !important; align-items: center; justify-content: flex-end;}
.filter-data .inquiry-period {display: flex !important; align-items: center;}
.inquiry-date_type2{display: flex !important; flex-direction: row; align-items: center; margin-right:5px !important;}
.load_type2.expanded{max-height: none !important; }
.notify_title{margin-right: 10px;}
.w150{width:150px;}

/* 검색언어 다중 선택 */
#frgnLang { max-width: 400px; max-height: 280px; }
#frgnLang .bottom { padding: 2px 20px !important; }
#frgnLang .content > ul { margin-left: 30px; font-size: 20px; text-align: left; padding: 20px 0;}
#frgnLang .content > ul > li { width: 40%; margin: 10px 20px 10px 8px; display: inline-block; }
#frgnLang .content > ul > li input[type="checkbox"] { zoom: 1.5; }
#frgnLang .btnWrap { text-align: center; border-top: 1px solid #d0d1d5; padding-top: 10px; }
#frgnLang .btnWrap .btn {	border: 1px solid #3065de; color: #fff; background-color: #3065de; line-height: 36px; font-size: 15px; padding: 0 20px; border-radius: 2px; margin: 0 20px; }


/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/
@media (max-width: 1200px){
     /* 북트레일러 */
     .booktrailList{width:100%;}
     .booktrailList .booknvideo{display:flex;width:auto;align-items: center;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
     .booktrailList .booknvideo2{display:flex;align-items: flex-start;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
     .booktrailList p.videoPlay{background:#000;width:100%;color:#fff;height:288px;display:flex;align-items:center;justify-content:center;font-size:15px;}
     .booktrailList p.bookSummary{background:#f7f7f7;padding:20px;line-height:1.3em;font-size:15px;;color:#000;overflow:auto;width:100%;height:100%}
     .p_player{width: 100% !important;}
     .foryoutube{margin:0;padding-bottom:56.25%;}
  .m_field_w1002{display:flex;position: relative;align-items: center;margin:0 0 10px 0}
  .sub-tab-header{margin: 0 80px 0 0; }
  .sub-tab-headers{justify-content: flex-start; overflow-x: auto;width:100%;color:#fff; }
  .mylib-tab2-table table.footable colgroup col:nth-of-type(1) {
    width: auto !important;
  }
  .mylib-tab2-table table colgroup col:nth-of-type(2) {
    width: auto !important;
  }
  .mylib-tab2-table table.footable colgroup col:nth-of-type(3) {
    width: auto !important;
  }
  .mylib-tab1-table table.footable colgroup col:nth-of-type(1)
  {width: 5% !important;}
  .mylib-tab1-table table colgroup col:nth-of-type(2) {
    width: auto !important;
  }
  .mylib-tab1-table table.footable colgroup col:nth-of-type(3) {
    width: auto !important;
  }
}
@media all and (min-width:1024px) and (max-width:1279px) {
  .toggle_load{    max-width:500px;}
  .mylib-tab1-table table colgroup col:nth-of-type(2){}
}

/* 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
	  .modal_step{text-align:center;flex-direction:row;overflow:hidden;display:flow}
  .modal_step .step{margin-bottom:20px;float:left;width:50%}
	.f-R{text-align: center}
	.sub-s-tab-headers{width:auto;padding:15px 0 15px 10px}
	.table-noti{line-height:30px;text-align:left;font-size:13px;color:#666;position:initial}
  .booktrailList p.videoPlay{width:100%!important}
 
  .sub-tab-header{margin: 0 70px 0 0; }
  .sub-tab-headers{justify-content: flex-start;}
 

  .swiper-slide .noVideo{margin:0;}
  .swiper-slide .introduceView{height: 100%;padding:30px;margin:50px 0}
  .content .inquire{justify-content: flex-end; align-items: flex-end; flex-direction: column;}
  .content .inquire .f-R.buttons{margin:10px 0;}
  /* 자료요약 */
  .btnWrap{width:100% !important;}
  .table_title_n{flex-direction: column-reverse;}
  .table_title_n .btn_left{position: absolute; left: 0;}
  .table_title_n .btnWrap .right{flex-direction: row; justify-content: flex-end;}
  /*.table_title_n .btnWrap .right .inquire{margin-bottom:50px;}*/
  .table_title_n .btnWrap .right_btn{position: absolute; right: 0; bottom: 10px;}
  .top_list .inquire{flex-direction: column; align-items: flex-end; width: 100%;}
  .f-R.buttons{padding-top:10px;}
  .searchWrap .fn100{display: flex; flex-direction: column; align-items: flex-start;text-align:left}
  .filter-data .inquiry-period{display: flex !important; margin-top:5px;}
  .inquiry-date_type2{display: flex !important; flex-direction: row; align-items: center; margin-right:5px !important;}
  .toggle_load{    max-width:300px;}
  .modal a.close-modal{width: 23px; height: 20px; right: -35px; top: 20px; background-image: url(../../images/ko/ico/close2.png);  }
  #search dd {height: 41px;}
}
@media all and (width: 768px){
	
  .sub-s-tab-headers{width:auto;padding:15px 0 15px 10px}
  .inquire input{display: block !important;}
  .inquire .selectBox1{display: block !important;}
  .filter-data{display: block;}
}
/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) {
	.briefList > .searchList .list > li > a{margin:0 0 0 15px}
	.searchList .list > li .num{position:absolute;top:7px;left:40px}
	.searchList .list > li{position:relative;padding:32px 0 17px 0 !important}
	.cart{position:absolute;left:13px;top:8px}
 	#ulSearchResultLimit{display:none}
	.searchOptions .f-R{display:none}
	  .tab-header[data-tab-index="1"]{width:95px}
  .tab-header[data-tab-index="2"]{margin-left:-21px;width:95px;}
  .tab-header[data-tab-index="3"]{margin-left:-21px;width:95px;}
	.briefContent{margin-top: 0;}
	.disabledBtn{display:none}
	.f-R{text-align: center}
	.sub-s-tab-headers{width:auto;padding:15px 0 15px 10px}
	
    .table-noti{line-height:30px;text-align:left;font-size:13px;color:#666;position:initial}
   .sub-tab-headers p.img-emblem {display: none}
   /* 북트레일러 */
   .booktrailList{width:100%;}
   .booktrailList .booknvideo{display:flex;width:auto;align-items: center;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
   .booktrailList .booknvideo2{display:flex;align-items: flex-start;background:#f7f7f7;margin:0 0 20px 0;padding:20px;border-radius: 20px;flex-wrap: wrap;}
   
   .booktrailList p.videoPlay{background:#000;width:100%;color:#fff;height:288px;display:flex;align-items:center;justify-content:center;font-size:15px;}
   .booktrailList p.bookSummary{background:#f7f7f7;padding:20px;line-height:1.3em;font-size:15px;;color:#000;overflow:auto;width:100%;height:100%}
   .p_player{width: 100% !important;}
   .foryoutube{margin:0;padding-bottom:56.25%;}
  .facet > ul > li .Infographic{display: none;}
  .sub-tab-header{margin: 0 30px 0 0; }


  .swiper-slide .introduceView{height:100%;padding:30px;margin:0 0 50px 0}
  .swiper-slide .noVideo{width:100%;margin:0}
  .author_btn{display:none}
	.term_btn{display:none}
  .content .inquire{ align-items: flex-end; white-space: nowrap; flex-direction: column;}
  .buttons .button1{min-width: auto;}
  .content .inquire .f-R.buttons{margin:10px 0;}
  .flexend{flex-direction: column; align-items: flex-end;}
  .top_list {flex-direction: row; align-items: flex-start; }
  .top_list .inquire{justify-content: space-between; width: 100%; margin-bottom:10px; align-items: flex-end; flex-direction:column;}
  .top_list .f-R.buttons{margin-top:5px;}
  /* 자료요약 */
  .table_title_n{flex-direction: column-reverse;}
  .table_title_n .btn_left{position: absolute; left: 0;}
  .table_title_n .btnWrap .right{flex-direction: row; justify-content: flex-end;}
  /*.table_title_n .btnWrap .right .inquire{margin-bottom:50px;}*/
  .table_title_n .btnWrap .right_btn{position: absolute; right: 0; bottom: 10px;}
  /*관심알람이용안내*/
  .new-modal .modal-content.w600 .new-modal-body{height:300px; overflow-y: scroll; margin-bottom:20px;}
  .modal_step{text-align:center;flex-direction:row;overflow:hidden;display:flow}
  .modal_step .step{margin-bottom:20px;float:left;width:50%}

  .btnWrap{width:100% !important;}
  .inquire input{display: block !important;}
  .inquire .selectBox1{display: block !important;}
  .filter-data{display: block;}
  .filter-data2{display:flex}
  .searchWrap .fn100{display: flex; flex-direction: column; align-items: flex-end;}
  .filter-data .inquiry-period{display: flex !important;}riefHead > p
  .inquiry-date_type2{display: flex !important; flex-direction: row; align-items: center; margin-right:5px !important;}
/*   .toggle_load{    max-width:400px;} */
  .modal a.close-modal{width: 23px; height: 20px; right: -35px; top: 20px; background-image: url(../../images/ko/ico/close2.png);  }
  .tab-header{width: auto; padding: 10px 19px 10px 11px; font-size: 14px;}
  .tab-header[data-tab-index="2"]{margin-left:-21px;padding-left:25px;padding-right:25px;}
  .tab-header[data-tab-index="3"]{margin-left:-21px;padding-left:25px;padding-right:25px;}
  #frgnLang { max-height: 360px; }
  #frgnLang .top h2 { font-size: 25px !important; }
  #frgnLang .content > ul {font-size:19px;}
	#frgnLang .content > ul > li { width: 90%;}
	#frgnLang .content > ul > li input[type="checkbox"] { zoom: 1.2; }
}

/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {
    .modal_step{text-align:center;flex-direction:row;overflow:hidden;display:flow}
    .modal_step .step{margin-bottom:20px;float:left;width:50%}
	.briefList > .searchList .list > li > a{margin:0 0 0 15px}
	.searchList .list > li .num{position:absolute;top:7px;left:40px}
	.searchList .list > li{position:relative;padding:32px 0 17px 0 !important}
	.cart{position:absolute;left:13px;top:8px}
 	#ulSearchResultLimit{display:none}
	.searchOptions .f-R{display:none}
	.briefContent{margin-top: 0;}
	.disabledBtn{display:none}
	.f-R{text-align: center}
.sub-s-tab-headers{width:auto;padding:15px 0 15px 10px}

.sub-tab-headers p.img-emblem {display: none}
.table-title2{font-size:16px;position:relative;padding:0 0 65px 0}	
.table-title4{font-size:16px;position:relative;padding:0 }	
/*.table-noti{position:absolute;top:56px;display:flex;flex-direction: row;justify-content:flex-start;line-height:25px;flex-wrap: wrap}*/
.table-noti{line-height:30px;text-align:left;font-size:13px;color:#666;position:initial}
.square_list{margin:10px 0 0 10px}
  /* 북트레일러 */
  .booktrailList{width:100%;}
  .booktrailList .booknvideo{display:flex;width:auto;align-items: center;background:#f7f7f7;margin:0 0 20px 0;padding:10px;border-radius: 20px;flex-wrap: wrap;}
  .booktrailList .booknvideo2{display:flex;align-items: flex-start;background:#f7f7f7;margin:0 0 20px 0;padding:10px;border-radius: 20px;flex-wrap: wrap;}
  .booktrailList p.videoPlay{background:#000;border-radius:25px;width:100%;color:#fff;height:288px;display:flex;align-items:center;justify-content:center;font-size:15px;}
  .booktrailList p.bookSummary{background:#f7f7f7;padding:10px;line-height:1.3em;font-size:15px;;color:#000;overflow:auto;width:100%;height:auto}
  .p_player{width: 100% !important;}
  .foryoutube{margin:0;padding-bottom:56.25%;}
  .user-share{flex-wrap: wrap;}
  .user-share > p{margin:0 0 15px 0}
  .facet > ul > li .Infographic{display: none;}
  .sub-tab-headers{padding:0 0 0 20px;justify-content: flex-start}

  .briefHead > p{clear:both;padding-top:0}
  .switch_warp{display: none;}
  .sub-tab-header{padding:16px 0 0 0;line-height:1.2em;margin:0 20px 10px 0}
  
  .tab-header span img{display: none;}
	.author_btn{display:none}
	.term_btn{display:none}
  /*.main-modal .modal-content{max-width: none; width:calc(100% - 30%);}*/
  .main-modal .modal-content{max-width: none; width:calc(100% - 10px);padding:0}
  .m_hidden{display: none !important;}
  .content .inquire{flex-direction: column; align-items: flex-end; width: 100%;}
  .content .inquire .f-R.buttons{display: flex; justify-content: flex-end; margin-bottom: 10px;}
  .top_list {flex-direction: column; align-items: flex-start;}
  .top_list .inquire{flex-direction: column; width: 100%;}
  .top_list .f-R.buttons{margin-left:0; margin:.5em 0; text-align: right; width:100%;}
  .top_list .inquire input {display: none; width: 100%;}
  .page-new .f-L{display: flex; flex-direction: column; align-items: center;}
  .page-new .f-L .paging{width:100%; position: relative;}
  .page-new .f-L .paging .selectD{width: calc(100% - 20%);}
  /* 자료요약 */
  .table_title_n{flex-direction: column-reverse;}
  .table_title_n .btn_left{position: absolute; left: 0;}
  .table_title_n .btnWrap .right{flex-direction: column;}
  .table_title_n .btnWrap .right .inquire{margin-bottom:40px;}
  .table_title_n .btnWrap .right_btn{position: absolute; right: 0; bottom: 10px;}

  /*관심알람이용안내*/
  .new-modal .modal-content.w600 .new-modal-body{height:300px; overflow-y: auto; margin-bottom:20px;}
  .modal_step{flex-direction: column;}
  .modal_step .step{margin-bottom:20px;}
  .flexrow{flex-direction: column;}
  .btnWrap{width:100% !important;text-align:center}

  .inquire .selectBox1 { box-sizing: border-box; margin-bottom: 5px;}
  .inquire input{display:none}

  .page-new .paging{position:relative;}
  fieldset{width: 100%;}
  .m_field_w100{display: flex; justify-content: space-between; width: 100%; margin-top: 5px;}
  .m_field_w100 .selectBox1{margin-right: 5px !important; margin-left: 0 !important;}
  .m_field_w100_type2{margin-bottom: 5px; display: inline-block; width: 100%;}
  .m_field_w100_type2 input{width:100%;}
  .filter-data{display: block;}
  .searchWrap .fn100{display: inline!important;}
  .inquiry-date_type2{display: flex !important; align-items: center; margin-right:0 !important;}
  .searchWrap .view{width: 100%; margin-top: 5px; }
  .filter-data .inquiry-period{flex-direction: column;}
  .search-top{flex-direction: column;}
  .tab-header{width: auto; padding: 10px 19px 10px 11px; font-size: 14px;}
  /*.tab-header[data-tab-index="1"]{padding-left:20px;padding-right:20px}*/
  /*.tab-header[data-tab-index="2"]{margin-left:-21px;padding-left:20px;padding-right:20px;}*/
  /*.tab-header[data-tab-index="3"]{margin-left:-21px;padding-left:20px;padding-right:20px;}*/
  .tab-header[data-tab-index="1"]{width:95px}
  .tab-header[data-tab-index="2"]{margin-left:-21px;width:95px;}
  .tab-header[data-tab-index="3"]{margin-left:-21px;width:95px;}
  .professionalinfo .info-list ul{flex-direction: column; align-items: center;}
  .switch-list:not(:last-child){margin-bottom:10px;}
  .professionalinfo ul li{width: calc(100% - 20px);}
  .professionalinfo ul li:not(:last-child){margin-bottom:20px;}
  .professionalinfo ul li a{margin: 0 auto;}
  .toggle_load{    max-width:120px;}
  .top_list.flexrow .f-R.buttons .button1:last-child{margin-top:5px;}
  .modal a.close-modal{display: none;}
  .tab li.item h3 {width: 36.33%;}
  .tab li.item:nth-child(2) h3 {left: calc(36.33% - 1px);}
  .alignrow{flex-direction: row !important; margin-bottom:5px;}
  .tab-header a{font-size:14px;}
  .top_btn3 a{width: 48px; height: 48px; padding-top: 10px; font-size: 13px !important;}
  #search dd{height: 44px;}
  #frgnLang { max-height: 360px; }
  #frgnLang .top h2 { font-size: 25px !important; }
  #frgnLang .content > ul {font-size:19px;}
	#frgnLang .content > ul > li { width: 90%;}
	#frgnLang .content > ul > li input[type="checkbox"] { zoom: 1.2; }
  }