@charset "utf-8";

*{font-family: 'Pretendard', MalgunGothic, 'Malgun Gothic', 맑은고딕, '맑은 고딕', dotum,'돋움', Arial, sans-serif; font-weight: 400;padding:0;margin:0;letter-spacing: -0.02em;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0; padding:0; border:0; vertical-align:baseline; background:transparent; list-style:none;line-height:1.2; color:#111; }
*, ::after, ::before{box-sizing:border-box;}

/************************************** 
** Basic **
***************************************/
html, body {height:100%;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table{border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
td,th {word-break:break-all}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
fieldset, img, abbr, acronym {border:0;} 
legend, caption {font-size:0; overflow:hidden; text-indent:-9999999px; height:0; width:0; line-height:0;} 
ins {text-decoration:none;}
del {text-decoration:line-through;}
sub, sup {margin:0; padding:0;}
blockquote,q {quotes:"" "";}
hr{overflow:hidden; position:absolute; left:-9999em; top:0; width:0; height:0; font-size:0; line-height:0;} 
input {vertical-align:middle;border-radius: 0;}
input::placeholder{color:#c4c9d1;}
input:focus{outline:2px solid #000;border-radius: 2px;}
select {padding:7px 5px 5px; border:1px solid #e5e5e5; font-size:14px; color:#333;  vertical-align:middle;}
textarea {padding:1%; border:1px solid #e5e5e5; color:#4d4d4d; resize:none;}    
em {font-style:normal;}
a, a:link, a:visited, a:active{text-decoration:none;transition:0.1s;display:block;}
img, object, embed {max-width:100%;vertical-align: middle;}
i{font-style:normal;}
.blind,legend{ display:block; overflow:hidden; font-size:1px; line-height:0; color:transparent; }
legend, .ally-hidden { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip-path: polygon(0 0, 0 0, 0 0);}
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
.label-hidden {overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0);}

/* ------ input ------ */
.intxt {display: inline-block; position: relative; min-width: 0; height: 35px; padding: 2px 10px; border: 1px solid #bbb; border-radius: 4px;}
.intxt::placeholder {color: #777777;}
.intxt:read-only {background-color: #f8f8f8; color: #bcbcbc;}
.intxt:disabled {background-color: #f8f8f8; color: #bcbcbc;}

/****  // Basic //  ****/

/* 공통 */
.wrap {min-width: 375px;}
.pc{display:block !important;}
.mo{display:none !important;}
.mo-nav{display:none;}
.mo-title{display:none;}
.hidden {transform: translateY(-100%) !important;}
body{font-size:16px}

.sub { padding-top: 140px; overflow-x: hidden; } 
.sub #container { padding: 7rem 0 8rem; position: relative; width: 100%; }
.inner { max-width: 1400px; position: relative; margin: 0 auto; clear: both; content: ''; display: block; } 

/* header */
.header{position: fixed;background-color: #fff;top: 0;left: 0;right: 0;transform: translateY(0);z-index: 9999; border-bottom: 1px solid #ddd;}
.header .header-inner{padding:0 260px;display:flex;height:140px;align-items: center;background-color:#fff;}
.header .header-inner .header-infor{width: 100%;display: flex;align-items: center;justify-content: center;}
.header .header-inner .header-infor-inner{display: flex;gap: 100px;}

/* contentsSearch */
.contentsSearch { display:table; position:relative;text-align:center } 
.contentsSearch:after { content:""; clear:both; display:block } 
.contentsSearch .SearchBox {position: relative;}
.contentsSearch span { float:left; margin-left:10px } 
.contentsSearch span:first-child { margin-left:0 }
.contentsSearch span:nth-child(2) {margin-top: 10px;}
.contentsSearch input[type="text"] { width: 600px; height: 80px; border: 0; padding: 10px 80px 10px 30px; box-sizing: border-box; font-size: 1.125rem; color: #111; background-color: #fff; border: 2px solid #000; border-radius: 50px; } 

/* 조회페이지 넘버 */
.numberSearchResult { position:relative; margin-bottom:20px } 
.numberSearchResult:after { content:""; clear:both; display:block } 
.numberSearchResult li:after { content:""; clear:both; display:block } 
.numberSearchResult span { font-size:1.125rem; color:#111; letter-spacing: 0.2px; } 
.numberSearchResult span strong { font-size:1.125rem; color:#1462f3; font-weight:500; padding: 0 5px; } 

/* board_cont - 탭 */
.board_cont { position: relative; margin: 10px 0; } 
.board_cont .tab { position: relative; } 
.board_cont .tab::after { content: ""; display: block; clear: both; } 
.board_cont .tab .board_list { margin-bottom: 10px; float: left; } 
.board_cont .tab .board_list::after { content: ""; display: block; clear: both; } 
.board_cont .tab .board_list li { float: left; } 
.board_cont .tab .board_list a {font-weight: 500; text-align: center; font-size: 22px; padding: 25px; display: inline-block; min-width: 200px; height: 100%; margin-right: -1px; border: 1px solid #ddd; background-color: #fff; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; } 
.board_cont .tab .board_list li.on { position: relative; z-index: 1; } 
.board_cont .tab .board_list li.on a { font-weight: 500; border: 2px solid #111; border-top: 2px solid #111; border-bottom: 1px solid #fff; background-color: #fff; box-sizing: border-box; } 
.board_cont .tab .tab_right {float: right; margin-top: 44px;}

.board_cont .btm .board_box { display: none; height: 100%; position: relative; min-height: 100px; padding: 10px 0; border-top: 2px solid #000;}
.board_cont .btm .board_box .newsList li a {padding: 25px 10px; border-bottom: 1px solid #ddd;}
.board_cont .btm .board_box .newsList li a strong {font-size: 20px;font-weight: 500;margin-bottom: 10px;display: block;}
.board_cont .btm .board_box .newsList li a p {color: #666;font-weight: 300;font-size: 18px;line-height: 1.4;text-overflow: ellipsis;height: 52px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.board_cont .btm .board_box .newsList li a:hover strong {text-decoration: underline;}

.board_cont .board_box.on { display: block; } 
.board_cont .tab .board_list li a:focus { outline: 2px dotted #111; outline-offset:2px; } 


/* 페이징 */
.navigation { margin-top:50px; display:flex; align-items: center; justify-content: center; height: 40px; gap: 30px; } 
.navigation a { width: 16px; display:inline-flex; align-items:center; justify-content: center; color:#999; border-bottom:2px solid transparent; } 
.navigation a.off { opacity:0.5; } 
.navigation a.on { color:#111; border-bottom: 2px solid #000; } 
.navigation a:hover { border-bottom: 2px solid #000; color:#111; } 
.navigation .first-btn { width: 17px; height: 16px; text-indent: -9999px; font-size:0; background: url(../images/first_btn.png)no-repeat 0 2px; transition:unset; border-bottom:0 } 
.navigation .prev-btn { height:16px; text-indent: -9999px; font-size:0; background:url(../images/prev_btn.png)no-repeat 50% 2px; transition:unset; border-bottom:0 } 
.navigation .next-btn { height:16px; text-indent: -9999px; font-size:0; background:url(../images/next_btn.png)no-repeat 50% 2px; transition:unset; border-bottom:0 } 
.navigation .end-btn { width: 17px; height:16px; text-indent: -9999px; font-size:0; background:url(../images/end_btn.png)no-repeat 0 2px; transition:unset; border-bottom:0 } 
.navigation .first-btn:hover,.navigation .prev-btn:hover,.navigation .next-btn:hover,.navigation .end-btn:hover { border-bottom:0 } 


/* 상세페이지 */
/* chartR */
.chartR { position:relative; width:100%; border-bottom: 1px solid #000; } 
.chartR > p { padding:60px 0; border-top:2px solid #000; border-bottom:1px solid #eee; font-size: 1.8rem; color:#000; font-weight:600; text-align:center; line-height:1.3 } 
.chartR > ul { padding:30px 0; border-bottom:1px solid #eee; text-align:center } 
.chartR > ul:after { content:""; clear:both; display:block } 
.chartR > ul > li { display:inline-block; font-size:1.125rem; color:#999; font-weight:400; line-height:1.3; transition:0.3s; position: relative; margin-right: 60px; } 
.writer2 { font-size:inherit; color:inherit } 
.chartR > ul > li:after { content: ""; width: 1px; height: 14px; background-color: #dbdbdb; position: absolute; top: 50%; right: -30px; transform: translateY(-50%); } 
.chartR > ul > li:last-child:after { content:""; display: none; } 
.chartR > ul > li.videoSubject { clear:both; display:block; width:100%; margin-top:15px !important; padding-top:15px; border-top:1px solid #ddd; line-height:1.3; } 
.chartR > ul > li > span { display:inline-block; margin-right:30px; font-size:1.125rem; color:#000; font-weight:500; } 
.chartR > ul > li > a { font-size:1.6rem; color:#0B74DD !important; text-decoration:underline } 
.chartR .bbs_content { margin: 60px 40px; } 
.chartR .bbs_content span.txt { font-size: 1.125rem; letter-spacing: -0.03em; }
.chartR .bbs_content img { max-width:100%; width:800px; } 

.chartR .bbs_content > p.bbsConTitle strong { display:inline-block; margin-top:20px; margin-bottom:5px; padding:5px 10px; border-radius:3px; background:#303F9F; font-size:1.4rem; color:#fff } 
.chartR .bbs_content > p.bbsConTitle:first-child strong { margin-top:0 } 
.chartR .bbs_content > p { font-size:1.6rem; color:#666; font-weight:400; line-height:1.5; transition:0.3s } 
.chartR .bbs_content > p strong { font-size:1.8rem; color:#000; font-weight:400 } 
.bbsImg { text-align:center } 
.bbsImg img { max-width:100% } 
.chartR .bbs_content .bbsImg + .bbsImg { margin-top:30px } 
.bbs_content2 { padding:40px } 

/* view-button */
.view-button { margin-top:60px; display: flex; align-items: center; justify-content:space-between; } 
.view-button .view-btn { color: #111; font-size: 1.125rem; font-weight: 500; } 
.view-button .view-btn.Prev:hover { transform: translateX(15px); } 
.view-button .list-btn { width:180px; height:50px; display:flex; align-items: center; justify-content: center; border-radius: 6px; background-color: #111; color:#fff; font-size:20px; font-weight: 500; } 
.view-button .list-btn:hover { background-color: #1462f3; } 
.view-button .view-btn.next:hover { transform: translateX(-15px); } 
.view-button .view-btn.off { opacity: 0.5; } 
.view-button .view-btn:first-of-type { background:url(../images/prev_btn.png)no-repeat 0; padding-left:20px; } 
.view-button .view-btn:last-of-type { background:url(../images/next_btn.png)no-repeat 100% 50%; padding-right:20px; } 



/* 버튼 스타일 */
.search_btn {position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
.btnA { font-size: 0; width: 60px; height: 60px; background: url(../images/srh_icon.png) no-repeat 50% 50% #000; border-radius: 50px; } 
.btnB { font-size: 0; width: 60px; height: 60px; background: url(../images/set.png) no-repeat 50% 50% #000; border-radius: 50px; } 
.btnB.active {background-color: #1462f3 !important; }
.btnC {display: inline-block !important;font-weight: 600;padding: 0 20px;line-height: 33px; background-color: #f5f5f5; border: 1px solid #bbb; border-radius: 4px; color: #333 !important; vertical-align: middle;}

.btnB:focus {outline: 2px dotted #1462f3; outline-offset: 2px;}
.btnA:focus,
.btnC:focus {outline: 2px dotted #111; outline-offset: 2px;}