/*global */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.min.css");
html, body {height:100%; }
body {margin:0; padding:0; background:#ffffff; line-height:150%; 
	font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', sans-serif;
}
body {overflow-y:scroll;}

/*common*/
.g_ellipsis {display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.g_ellipsis.line2 {-webkit-line-clamp:2;}
.g_ellipsis.line3 {-webkit-line-clamp:3;}
label {cursor:pointer; }
label input {margin-top:-2px; margin-right:5px; }
h3 {font-size:24px; margin:0; padding:0; }
p.content {line-height:150%; }
/*select, input  박스 */
.select {border:solid 1px #dddddd; outline:0 none; border-radius:8px; 
	background:url('/images/icon_select.svg') no-repeat right 8px center; padding:0 36px 0 16px; 
	appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance: none;
}

input::placeholder, textarea::placeholder {color:#999999;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; /*배경 배경색 제거*/	}
.txt {height:26px; border:solid 1px #dddddd; }
table {width:100%; border-collapse:collapse; }
.txt_block {border:solid 1px #dddddd; border-radius: 8px; box-sizing: border-box; width:100%; padding:16px;}

/*상단 안내문*/
.top_guide {padding:7px 15px 7px 40px ; margin-bottom:20px; margin-top:0; border:dotted 1px #42a8d3; line-height:1.8em; 
	background:url(/images/guide_info_16.gif) no-repeat 10px 11px; text-align:left; border-radius:5px; 
}

/*레이아웃*/
header, footer, main, article {display:block; margin:0 auto; }
.gnv, .wrap, main {max-width:1600px; margin:0 auto; padding:0 10px;}
article {max-width:1400px; padding:0  0px; }

/*header*/
header {padding:0;  width:100%; background:#ffffff;}
body.sub header {border-bottom:solid 1px #dddddd; }

/*스크롤 할 때 글로벌 메뉴 고정*/
.gnv_fix {position:fixed; z-index:9; margin:0; top:0; left:0; border-top:0; box-shadow:3px 0 3px #999999; opacity:0.98;} 
.gnv_fix a.g_round3 {display:none; }/*후원,레터 숨김*/
.gnv_fix img.logo_img_scroll {display:block; margin-left:80px}
.gnv_fix dl.first {margin-left:50px; }

header .wrap {height:80px;}
.logo_home img {width:150px; height:32px; }
.logo_home {padding-bottom:10px;}
.gnv a {width:125px; height:76px; line-height:76px; text-align:center; display:inline-block; font-size:24px; padding-top:3px; font-weight:bold; }
.gnv a.on {border-bottom:solid 1px #0c7ec5;}
 
.top_right .h40 {display:inline-flex; justify-content:center; align-items:center; width:30px; }
.top_right .bar {display:inline-block; width:1px; height:18px; background:#dddddd; }
.top_right a.sponsor {color:#131313 !important; margin-right:20px; font-weight:bold; font-size:16px; }

.icon_bt.sub_home {background-position:0 -30px;}
.icon_bt.sponsor_top {background-position:-90px -0px; }
.icon_bt.search {background-position:-120px -60px; }
.icon_bt.bt_all_show {background-position:-150px -60px; z-index:9;}
.icon_bt.bt_all_hide {background-position:-180px -60px; z-index:9; position:absolute; top:20px; right:15px;}
/*보내기 버튼*/
.icon_bt.face {background-position:-150px -30px; }
.icon_bt.kakao {background-position:-180px -30px; }
.icon_bt.print {background-position:-210px -30px; }

/*전체 메뉴 : 반응형*/
.navi_all {display:none; position:fixed; right:0; top:0; z-index:19; width:100%; height:100%; background:url(/images/trans_semi_30.png);}
.navi_all .inner {position:relative; top:0; right:-16px; width:100%; height:300px; overflow-y:auto; margin:0 0 0 auto; background:none; }

.navi_all ul {width:300px; margin:0 0 0 auto; background:#373e4c; padding:50px 0;}
.navi_all ul li { padding-left:15px;}
.navi_all ul li a {display:block; font-size:16px; height:40px; line-height:40px; color:#ffffff; }
.navi_all ul li a:hover {color:#ffe38d;}
.navi_all ul li.on a {color:#befd8b;}
.navi_all ul li.on a:hover {color:#ffffff;}

/*cid=why 등 메뉴명 길 때*/
.navi_all dl dd a.g_ellipsis {white-space:normal;  }
.navi_all dl.bt_etc dt { border-radius:10px 0 0 0;}
.navi_all dl:last-child {padding-bottom:30px;}
.navi_all dl:last-child dd { border-radius:0 0 0 10px ;}

.bt_mem {position:relative;}
.bt_mem dt.icon_bt {background-position:-210px -60px; }
.bt_mem dd {display:none; position:absolute; top:29px; right:0; z-index:12; border:solid 1px #dddddd; border-radius:5px; }
.bt_mem dd a {display:block; padding:8px 15px; border-bottom:solid 1px #dddddd; width:100px; color:#333333; background:#ffffff; }
.bt_mem dd a:last-child {border-bottom:0}
.bt_mem dd a:hover {color:#ffffff; background:#2474ae; }

/*플렉스 레이아웃*/
.flex {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch;} 
.flex.con_left {justify-content:flex-start;} 
.flex.con_center {justify-content:center;} 
.flex.con_right {justify-content:flex-end} 
.flex.item_middle {align-items:center; } 
.flex.item_bottom {align-items:flex-end; } 

.flex > * {margin-right:8px;}
.flex > *:last-child {margin-right:0 !important;}
.flex.list > * {margin-right:0px;}
.flex.list > *:last-child {margin-right:0 !important;}
.flex .grow1 {flex-grow:1; flex-basis:0px; } 
.flex .grow2 {flex-grow:1; flex-basis:39%; } 

.flex.bt_area {padding:8px 0; margin:0; width:100%; }
.flex.bt_area .button {flex-grow:1; margin:0 4px;}
.flex.bt_area .button:first-child {margin-left:0;}
.flex.bt_area .button:last-child {margin-right:0;}

.icon_bt {display:inline-block; background:url(/images/icon_bt.svg?t=20250715) no-repeat; cursor:pointer; vertical-align:middle; text-align:left; text-indent:-2000px; }
.box_rd35 {display:inline-flex; align-items:center; justify-content:center; padding:0 18px; border-radius:20px; 
	border:solid 1px #dddddd; height:35px; 
}
.button {cursor:pointer; padding:0 18px; font-size:14px; font-weight:normal; 
	border-radius:8px; height:32px; display:inline-flex; align-items:center; justify-content:center; 
	background:#ffffff;border:solid 1px #dddddd; color:#666666;
}
.button.rd20 {border-radius:20px; }
.button.bt_blue {border:solid 1px #2574af; color:#2574af;}

.button:hover {background-color:#f7f7f7;}

.s16 {width:16px; height:16px; margin-right:4px; }
.s20 {width:20px; height:20px;}
.s30 {width:30px; height:30px; }
.s40 {width:40px; height:40px;}
.s45 {width:45px; height:45px;}
.h24 {height:24px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h55 {height:55px;}
.rd30, .rd35, .rd40 {border:solid 1px #dddddd; border-radius:20px;}
.rd30 {width:30px; height:30px;}
.rd35 {width:35px; height:35px;}
.rd40 {width:40px; height:40px;}

.f32 {font-size:32px; }
.f24 {font-size:24px; }
.f20 {font-size:20px; }
.f18 {font-size:18px; }
.f17 {font-size:17px; }
.f16 {font-size:16px; }

/*form 테이블 형식*/
.write_form li {margin-bottom:20px; }
.write_form li.relative {position:relative; }
.write_form li > span:first-child {flex-shrink:0;}/*항목*/
.write_form li > span:nth-child(2) {flex-basis:0px; flex-grow:1; }/*input 영역*/
.write_form li > div:first-child {margin-bottom:4px; position:relative; }/*block*/
.write_form.th_70 li > span:first-child {flex-basis:70px; }
.write_form.th_80 li > span:first-child {flex-basis:80px; }

/*푸터*/
footer {margin-top:100px; padding:40px 0; border-top:solid 1px #dddddd;}
footer .flex {margin-bottom:20px; font-size:14px;}
footer .rd30 {padding:0; }
footer .rss {font-size:12px; color:#ffffff;}

.icon_bt.news {background-position:-30px -0px; }
.icon_bt.sponsor {background-position:-60px -0px; }
.icon_bt.intro {background-position:-120px -0px; }
.icon_bt.youtube {background-position:-90px -30px; }
.icon_bt.facebook {background-position:-120px -30px;}
.icon_bt.rss {background-position:-270px -30px;}
.icon_bt.list_file {background-position:-240px -32px; }

/*본문 제목*/
h1.bodyTitle {font-size:32px; line-height:130%; margin-top:75px; margin-bottom:50px; text-align:center;}
.bbs_detail h1.bodyTitle {text-align:left; padding:0; margin:0 0 10px 0;  }
h1.bodyTitle .icon_bt {width:18px; height:16px; background-position:0 -60px; vertical-align:top; }

/*서브 페이지 상단*/
.sub_nav {height:40px; }
.sub_nav .loc dl {position:relative; }
.sub_nav .loc dl dt {font-size:16px; cursor:pointer; }
.sub_nav .loc dl dt .icon_bt {background-position:-176px 0; margin-left:5px; }
.sub_nav .loc dl dd {position:absolute; top:0; left:0; display:none; background:#ffffff; border:solid 1px #dddddd; z-index:6; padding:4px 0;
	border-radius:5px;
}
.sub_nav .loc dl dd a {display:block; padding:5px 20px; min-width:80px; font-size:15px; white-space: nowrap;}
.sub_nav .loc dl dd a:hover {background:#dddddd; }
.sub_nav .loc dl dd a.on {background:#0c7ec5; color:#ffffff}
.sub_nav.mrg_no_title {margin-top:60px; }
.dot {display:inline-block; width:2px; height:2px; background:#999999; vertical-align:middle; }

/*bbs 검색*/
.bbs_search > div:first-child {border:solid 1px #dddddd; border-radius:5px; padding-right:5px;}
.bbs_search .txt {height:40px; min-width:220px; border:0; border-left:solid 1px#dddddd; padding:0 10px; color:#999999; }
.bbs_search .button.search {height:40px; border:solid 1px #dddddd; background:#dddddd; border-radius:5px; color:#131313; }
.bbs_search .icon_bt.s16 {background-position:-120px -90px;}			

/*검색 select box*/
.bbs_search .select {height:40px; min-width:140px; border:0; color:#999999; }
.sel_box {width:140px; display:inline-block;}
.sel_box dt, .sel_box ul li {padding:8px 10px; cursor:pointer; color:#999999; font-size:14px;}
.sel_box dt {border-radius:8px; background:url('/images/icon_select.svg') no-repeat right 8px center;}
.sel_box dd {position:relative; } 
.sel_box dd ul {display:none; width:100%; position:absolute;top:0; left:0; z-index:3; background:#ffffff; box-sizing: border-box;
	border:solid 1px #dddddd;  border-radius:0 0 10px 10px;padding:4px 0; 
}
.sel_box dd ul li:hover {background:#f6f6f6;}

/*목록: 기본형*/
.list_basic {width:100%; border-collapse:collapse; margin-top:5px;table-layout:fixed; border-top:solid 1px #dddddd;}
.list_basic th, .list_basic td {border-bottom:solid 1px #dddddd; font-size:14px; color:#666666;}
.list_basic th {height:60px; background:#f5f5f5; color:#666666; position:relative; padding-left:2px; }
.list_basic td {height:80px; text-align:center;}
.list_basic th.no, .list_basic td.no {width:105px; font-size:20px;}
.list_basic td.no {color:#131313;}
.list_basic th.subject, .list_basic td.subject {text-align:left; font-size:18px; padding-left:30px;}
.list_basic td.g_ellipsis0 {overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; white-space:nowrap;}
.list_basic td.subject a {font-size:inherit; color:#131313;}
.list_basic td .view4moblie {display:none; padding-top:13px; font-size:13px;} /*모바일에서만 보임*/
.list_basic td .view4moblie strong {color:#525865;}
.list_basic td .view4moblie img.list_file {margin-left:30px;}
.list_basic th::before {display:inline-block; content:''; width:2px; height:14px; background:#dddddd; 
	position:absolute; left:0; top:50%; margin-top:-7px;
}
.list_basic th:first-child::before {display:none;}

/*목록 video*/
.list_video {clear:both; margin-top:5px; padding-top:15px; }
.list_video li {width:32%; text-align:center;	padding:5px 0; margin-bottom:20px; position:relative; }
.list_video li.now_idx {background:#fff0f0; border:solid 1px #599CE3;}
.list_video li img.list_img {width:100%; max-width:360px; margin-bottom:10px; border:solid 1px #cccccc; }
.list_video li span {color:#808080; cursor:pointer; }
.list_video li .subject {margin:0 20px; line-height:1.6em; }
.list_video .screenWrap {display:block; float:left; width:100%; min-height:400px; margin:0 0 40px 0; padding:0; }

/*목록: 추천도서*/
.list_recom {margin-top:5px; padding-top:15px;}
.list_recom li {width:24%; text-align:center; padding:20px 0px 0 0;  }
.list_recom li div {position:relative; padding:0 10px; }
.list_recom li img.list_img {width:100%; max-width:240px; margin-bottom:8px; border:solid 1px #666666; }
.list_recom li span.cateLabel {padding:2px 3px; line-height:1.2em; background:#ffffff;  border:solid 1px #dddddd;  
	position:absolute; top:0px; left:0; font-size:11px; color:#999999;
}
.list_recom li dl dd {color:#808080; padding-top:8px; margin:0;}

/*본문*/
.detail_text {font-size:20px; line-height:1.8em;  }
.detail_text a, .detail_text span {font-size:inherit;}
.detail_text p {margin:0; padding:0; }

.detail_text iframe {width:100%; }
.detail_text img.txc-image {max-width:100%; }

/*게시물 상세보기*/
.bbs_detail {padding-top:50px; margin-bottom:5px; border-top:solid 3px #2574af; }
.detail_info {border-bottom:solid 1px #dddddd; margin-bottom:20px; }
.detail_info {position:relative; }
.detail_info.pubs {margin-left:320px; }
.detail_info .reg_date {position:absolute; top:0; right:10px; }
.detail_info dt .wname_wrap {padding-top:7px;}
.bbs_detail .recom {margin-top:10px;}
.detail_info dd {text-align:right; padding:20px 0;}
.detail_info.pubs dd {margin-top:10px;}
.detail_info .send_sns .s45 {display:inline-flex; align-items:center; justify-content:center; 
	width:45px; height:45px; border:solid 1px #dddddd; border-radius:30px; 
}
.detail_info .box_rd35 {margin-right:8px;}
.detail_info .wname {margin-right:8px; cursor:pointer; }
 
/* 상세보기 좌상 이미지 align-content: space-between; */
.bbs_detail .bbs_img {margin-right:30px; }
.bbs_detail .bbs_img img {width:100%; max-width:172px; height:auto; }

table.txc-table td {padding:10px; font-size:15px; }
table.tube_collect {width:100%; }
table.tube_collect td img {width:100%; max-width:410px;}

/*반응형 iframe*/
.iframe_wrap {position:relative; width:100%; height:0;padding-bottom : 56.25%; text-align:center; }
.iframe_wrap iframe {position : absolute; top : 0; left : 0; width : 100%; height : 100%;}

/*상세보기 하단*/
.detail_tag {text-align:center; margin-top:30px;}
.detail_tag > div {display:inline-block; padding:5px 20px; background:#f5f5f5; border:solid 1px #dddddd; border-radius:30px;}
.detail_tag a {margin:0 4px; }

.detail_bt_area {text-align:center; margin:50px 0; }
.detail_bt_area .h55 {display:inline-flex; align-items:center; justify-content:center; margin:0 5px;
	cursor:pointer; padding:0 18px;  font-size:18px; border-radius:8px; border:solid 1px #dddddd; }
.detail_bt_area .h55.em_blue {border:solid 1px #2574af; color:#2574af; padding:0 36px; }

.detail_list {border:solid 1px #dddddd; border-radius:8px; margin-bottom:20px; padding:12px 15px 12px 40px;}
.detail_list .f20 {display:inline-block;  margin-right:40px; padding-top:10px;}
.detail_list ul li {padding:10px ;}
.detail_list .f20.relate {padding-left:51px; }
.detail_list .icon_bt.s16{background-position:-150px 0; margin-right:35px; }
.detail_list .icon_bt.s20 {background-position:-210px 0; margin-right:5px; }
/*AI용 detail*/
.total_content {width:100%; height:10px; overflow:hidden; color:#ffffff; box-sizing: border-box; font-size:5px; }

/*도서*/
.list_pubs {padding-top:15px;  margin-bottom:40px;  }
.list_pubs li {width:48%; padding:20px 0px 0 0; align-items: stretch;}
.list_pubs li img.list_img {max-width:180px; width:100%; }
.list_pubs li .grow1.flex {align-content: space-between; margin-left:20px; }
.list_pubs li dl dt {margin-bottom:10px; }
.list_pubs li dl dd{margin-top:10px; }
.list_pubs li dl dd .summary {margin-top:10px; }

/*도서 상세보기*/
.bbs_detail.pubs {margin-bottom:50px;}
.bbs_detail.pubs .bbs_img {float:left; }
.bbs_detail.pubs .bbs_img img {width:100%; max-width:300px;}
.book_store .h35 {display:inline-block; margin-right:20px; text-align:center; border:solid 1px #dddddd; border-radius:20px; padding:0 20px; }
.book_store .h35 span {display:inline-block; height:35px; width:80px; background:url(/images/icon_big.svg) no-repeat;}
.book_store .h35.naver span {background-position:0 -210px; }
.book_store .h35.kyobo span {background-position:-80px -210px; }
.book_store .h35.yes24 span {background-position:-160px -210px; }

/*2025 AI용*/
.total_content {width:100%; height:10px; overflow:hidden; color:#ffffff; box-sizing: border-box; font-size:8px;}

/*목록 네비*/
.list_nav { text-align:center; margin:20px 0; }
.list_nav a {display:inline-block; border:solid 1px #dddddd; width:30px; height:30px; line-height:30px; border-radius:7px; 
	font-size:13px; font-family:arial,sans-serif; vertical-align:middle; margin:0 3px; 
}
.list_nav a:hover {background-color:#f3f3f3; color:#333333;}
.list_nav .now {background:#2574af; color:#ffffff; border:solid 1px #2574af; }
.list_nav .first {background-position:0 -90px;}
.list_nav .prev {background-position:-30px -90px;}
.list_nav .next {background-position:-60px -90px;}
.list_nav .last {background-position:-90px -90px;}


/*폼 테이블*/
table.border_vert {width:100%;  margin:3px 0; border-collapse:collapse; }
table.border_vert caption {text-align:left; padding:8px 0;}
table.border_vert th, table.border_vert td {padding:8px;  padding-left:10px; border:solid 1px #dddddd; line-height:1.6em; color:#666666; font-size:14px;}
table.border_vert th { background:#f6f6f6;  text-align:left; font-weight:normal; }
table.border_vert th.sky { background:#f0f0fc; }
table.border_vert th.wheat { background:#f3ece3; }
table.border_vert th.red { background:#de6470; color:#ffffff}

table.border_vert td a {font-size:1em; }
table.border_vert th.aCenter {text-align:center; }
table.line_blue {border-top:solid 2px #2dadd9;}
.preparing {margin-top:0; padding:50px; font-size:1.2em; text-align:center; border:solid 1px #dddddd; }

table.border_hor {width:100%;  margin:3px 0; border-collapse:collapse; border-top:solid 1px #cccccc;}
table.border_hor th, table.border_hor td { border-bottom:solid 1px #dddddd; line-height:1.7em; color:#666666;}
table.border_hor th {padding:3px; background:#f6f6f6; font-weight:normal; }
table.border_hor td {padding:6px 16px; font-size:13px; text-align:center; }
table.border_hor td.aLeft {text-align:left; }
table.border_hor th.wheat { background:#f3ece3; }
table.border_hor th.sky { background:#f0f0fc; }
table.border_hor th.no_back { background:#ffffff; }

/*사각 탭*/
.tab_lect.seach {margin-bottom:20px; }
.tab_lect li {margin:0; border:solid 1px #f3f3f3; border-bottom:solid 1px #131313; border-right:0; } 
.tab_lect li:last-child {border-right:solid 1px #f3f3f3;}
.tab_lect li.on {border:solid 1px #131313; border-bottom:0; }
.tab_lect li a {height:60px; display:flex; justify-content:center; align-items:center; color:#2574af; font-weight:bold;}
.tab_lect li.on a {color:#131313; }
 .noData {text-align:center; padding:20px 0; margin-top:5px; }
 
 /*글자색*/
.em_black {color:#131313;}
.em_blue {color:#2574af;}
.em_ccc {color:#ccc;}
.em_666 {color:#666;}
.em_999 {color:#999;}
.em_000 {color:#000;}