@charset "utf-8";

/*----------- 메인&서브페이지 공통 -----------*/
#container > .innerWrapper .left_category {float:left; width:242px; height:566px; margin-right:19px; border:1px solid #e5e5e5; border-radius:6px; background:#fff; overflow:hidden}
#container > .innerWrapper .left_category > .tab > li {float:left; width:50%; height:55px; font-size:15px; font-weight:600; color:#8b8f99; text-align:center; line-height:54px; border-left:1px solid #d7d8da; border-bottom:1px solid #d7d8da; background:#e6ecfa; cursor:pointer}
#container > .innerWrapper .left_category > .tab > li:first-child {border-left:none}
#container > .innerWrapper .left_category > .tab > li.on {font-size:17px; color:#45619d; line-height:55px; border-bottom:none; background:#fff}
#container > .innerWrapper .left_category .category_wrap {padding:15px 20px 20px}
#container > .innerWrapper .left_category .category_wrap > .category {display:none; height:470px; overflow-y:auto}
#container > .innerWrapper .left_category .category_wrap > .category.on {display:block}
#container > .innerWrapper .left_category .category_wrap > .category > ul > li {padding:8px 0}
#container > .innerWrapper .left_category .category_wrap > .category > ul > li a {color:#2e2e2e}
#container > .innerWrapper .left_category .category_wrap > .category > ul > li a:hover {font-weight:600; color:#507cd3}

/*----------- 메인페이지 -----------*/
#container {position:relative}
#container > .innerWrapper {position:relative; width:1025px; margin:auto}
#container > .innerWrapper:after {clear:both; display:block; content:''}
#container > .innerWrapper .center_question {float:left; width:503px; margin-right:19px}
#container > .innerWrapper .center_question .q-title {position:relative; height:56px; padding:0 30px; line-height:56px; background:#fff}
#container > .innerWrapper .center_question .q-title h2 {font-size:18px; font-weight:600; color:#000}
#container > .innerWrapper .center_question .q-title h2 span {font-size:14px; font-weight:300; color:#a4a4a4; margin-left:15px}
#container > .innerWrapper .center_question .q-title .btn-more {position:absolute; top:0; right:30px; font-size:20px; color:#9eb1d9}
#container > .innerWrapper .center_question .top_box {margin-bottom:20px; border:1px solid #e5e5e5; border-radius:6px; overflow:hidden}
#container > .innerWrapper .center_question .top_box .imgArea {position:relative; height:230px; background-size:cover}
#container > .innerWrapper .center_question .top_box .imgArea img {display:block; width:100%}
#container > .innerWrapper .center_question .top_box .imgArea .question-box {position:absolute; height: 55px; top:165px; right:10px; width:470px; padding:25px 20px; background:#fff; z-index:20; transition:all .35s ease}
#container > .innerWrapper .center_question .top_box .imgArea .question-box .circle {position:absolute; top:-20px; left:-20px; width:47px; height:47px; font-size:23px; font-style:italic; color:#fff; text-align:center; line-height:47px; border-radius:50%; background:#507cd3; z-index:30; box-shadow:4px 4px 4px 0 rgba(0,0,0,0.15)}
#container > .innerWrapper .center_question .top_box .imgArea .question-box p {font-size:17px; color:#000; line-height:28px; margin-top:-5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container > .innerWrapper .center_question .top_box .imgArea:hover .question-box {opacity:0}
#container > .innerWrapper .center_question .top_box .imgArea .hover-box {position:absolute; top:0; left:0; width:100%; height:100%; padding:30px; background:rgba(127,149,202,0.8); opacity:0; transition:all .35s ease; z-index:50}
#container > .innerWrapper .center_question .top_box .imgArea:hover .hover-box {opacity:1}
#container > .innerWrapper .center_question .top_box .imgArea .hover-box h3 {clear:both; /* display:inline-block; */ font-size:17px; font-weight:600; color:#fff; margin-bottom:20px; padding-bottom:3px; border-bottom:1px solid #fff; text-shadow:0 1px 1px rgba(0,0,0,0.31); text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
#container > .innerWrapper .center_question .top_box .imgArea .hover-box p {display:-webkit-box; font-weight:600; color:#fff; line-height:23px; max-height:90px; margin-bottom:15px; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 1px rgba(0,0,0,0.31)}
#container > .innerWrapper .center_question .top_box .imgArea .hover-box .btn-more {display:inline-block; font-size:12px; font-weight:600; color:#507cd3; padding:5px 20px; border-radius:4px; background:#fff; transition:all .2s}
#container > .innerWrapper .center_question .top_box .imgArea .hover-box .btn-more:hover {color:#fff; background:#507cd3}
#container > .innerWrapper .center_question .btm_box {border:1px solid #e5e5e5; border-radius:6px; background:#fff; overflow:hidden}
#container > .innerWrapper .center_question .btm_box .q-list > li {height:40px; line-height:40px; letter-spacing:-0.5px; padding:0 30px; border-top:1px solid #e3e3e3}
#container > .innerWrapper .center_question .btm_box .q-list > li:hover {background:#f9f9f9}
#container > .innerWrapper .center_question .btm_box .q-list > li:after {clear:both; display:block; content:''}
#container > .innerWrapper .center_question .btm_box .q-list > li a {float:left; display:inline-block; max-width:80%; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#container > .innerWrapper .center_question .btm_box .q-list > li a:before {font-family:'Roboto Condensed'; font-size:20px; color:#507cd3; content:'Q. '; vertical-align:top}
#container > .innerWrapper .center_question .btm_box .q-list > li .date {float:right; color:#aaa}

#container > .innerWrapper .right_banner {float:right; width:242px}
#container > .innerWrapper .right_banner .top_area {margin-bottom:19px}
#container > .innerWrapper .right_banner .top_area .search-box {height:125px; margin-bottom:11px; padding:20px 30px; border-radius:6px; background:url(../img/main_searchbox_bg.jpg) center top no-repeat; overflow:hidden}
#container > .innerWrapper .right_banner .top_area .search-box h3 {font-size:18px; font-weight:600; color:#fff; margin-bottom:5px}
#container > .innerWrapper .right_banner .top_area .search-box p {font-weight:600; color:#aec7f7; margin-bottom:15px}
#container > .innerWrapper .right_banner .top_area .search-box .input_wrap {position:relative}
#container > .innerWrapper .right_banner .top_area .search-box .input_wrap:before {position:absolute; top:50%; right:25%; content:''; width:1px; height:20px; margin-top:-10px; background:#d0dcf5}
#container > .innerWrapper .right_banner .top_area .search-box .input_wrap input[type=text] {float:left; width:75%; height:37px; color:#45619d; padding:0 10px; border:none; background:#fff; outline:none}
#container > .innerWrapper .right_banner .top_area .search-box .input_wrap input[type=submit] {float:left; width:25%; height:37px; font-weight:600; color:#45619d; border:none; background:#fff; cursor:pointer}
#container > .innerWrapper .right_banner .top_area .search-box2 {height:90px; margin-bottom:11px; padding:35px 30px; border-radius:6px; background:url(../img/main_covid_bg.jpg) center top no-repeat; overflow:hidden;}
#container > .innerWrapper .right_banner .top_area .search-box2 p {}
#container > .innerWrapper .right_banner .top_area .btn i {font-size:18px; margin-right:10px; vertical-align:-3px}
#container > .innerWrapper .right_banner .btm_area .banner-list li {margin-top:11px}
#container > .innerWrapper .right_banner .btm_area .banner-list li:first-child {margin-top:0}
#container > .innerWrapper .right_banner .btm_area .banner-list li .btn-lg {font-size:13px !important; text-align:left !important; padding:0 35px !important}
#container > .innerWrapper .right_banner .btm_area .banner-list li .btn span {font-size:20px; margin-right:15px; vertical-align:middle}
#container > .innerWrapper .right_banner .btm_area .banner-list li .btn span.blue {color:#0b97f8}
#container > .innerWrapper .right_banner .btm_area .banner-list li .btn span.red {color:#cb2b2b}

/*----------- 레이아웃 공통 -----------*/
#container > .innerWrapper .contents {position:relative; float:right; width:763px; padding-bottom:30px; border:1px solid #e5e5e5; border-radius:6px; background:#fff; overflow:hidden}
#container > .innerWrapper .contents .main-title {padding:20px 30px; border-bottom:1px solid #e3e3e3}
#container > .innerWrapper .contents .main-title h2 {float:left; font-size:18px; font-weight:600; color:#000}
#container > .innerWrapper .contents .main-title .navigation {float:right; text-align:right; padding-top:2px}
#container > .innerWrapper .contents .main-title .navigation > li {display:inline-block; font-weight:600; color:#aaa}
#container > .innerWrapper .contents .main-title .navigation > li a {color:#aaa}
#container > .innerWrapper .contents .main-title .navigation > li:before {content:'>'; margin:0 8px}
#container > .innerWrapper .contents .main-title .navigation > li:first-child:before {display:none}
#container > .innerWrapper .contents .main-title .question h2 {width:60%; padding-top:10px}
#container > .innerWrapper .contents .main-title .btn-scrap {float:right}
#container > .innerWrapper .contents .main-title .btn-scrap i {font-size:18px; margin-right:8px; vertical-align:-4px}
#container > .innerWrapper ol.pagination {margin-top:30px; font-size:0; text-align:center}
#container > .innerWrapper ol.pagination > li {display:inline-block; width:30px; height:30px; font-size:13px; text-align:center; margin:0 2px; border:1px solid #c2c2c2; border-radius:50%; vertical-align:middle}
#container > .innerWrapper ol.pagination > li a {display:block; width:100%; height:100%; color:#a4a4a4; text-align:center; line-height:28px}
#container > .innerWrapper ol.pagination > li:hover {background-color:#f4f4f4 !important}
#container > .innerWrapper ol.pagination > li.disabled {opacity:.75; background-color:#fff !important}
#container > .innerWrapper ol.pagination > li.first, #container > .innerWrapper ol.pagination > li.prev, #container > .innerWrapper ol.pagination > li.next, #container > .innerWrapper ol.pagination > li.last {font-size:0; text-indent:-9999em}
#container > .innerWrapper ol.pagination > li.on {color:#fff; border-color:#38475e; background-color:#38475e !important}
#container > .innerWrapper ol.pagination > li.on a {color:#fff}
#container > .innerWrapper ol.pagination > li.first {background:url(../img/pagination_first.png) 50% 50% no-repeat}
#container > .innerWrapper ol.pagination > li.prev {background:url(../img/pagination_prev.png) 50% 50% no-repeat}
#container > .innerWrapper ol.pagination > li.next {background:url(../img/pagination_next.png) 50% 50% no-repeat}
#container > .innerWrapper ol.pagination > li.last {background:url(../img/pagination_last.png) 50% 50% no-repeat}

/*----------- 서브페이지 -----------*/
#container > .innerWrapper .contents .innerContainer {position:relative; padding:30px}
#container > .innerWrapper .contents .innerContainer:after {clear:both; display:block; content:''}

/*----------- 통합검색 스타일 -----------*/
#container > .innerWrapper .contents .result_keyword {padding:25px 0; text-align:center; border-bottom:1px solid #e3e3e3; background:#fbfbfb}
#container > .innerWrapper .contents .result_keyword h3 {font-size:16px; font-weight:700; color:#000}
#container > .innerWrapper .contents .result_keyword h3 span {color:#507cd3}
#container > .innerWrapper .contents .search_result_list {border-bottom:1px solid #e3e3e3}
#container > .innerWrapper .contents .search_result_list > li {/* height:50px; */ padding:15px 30px; border-top:1px dotted #e3e3e3}
#container > .innerWrapper .contents .search_result_list > li:first-child {border-top:none}
#container > .innerWrapper .contents .search_result_list > li:hover {background:#f9f9f9}
#container > .innerWrapper .contents .search_result_list > li a {color:#000; line-height:25px}
#container > .innerWrapper .contents .search_result_list > li a:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; /* background:#aaa; */ vertical-align:3px}
#container > .innerWrapper .contents .search_result_list > li a strong {font-size:14px; font-weight:800; color:#507cd3}

/* 질문&답변 공통 */
.balloon {float:left; position:relative; width:40px; height:40px; margin-right:30px; font-family:'NanumSquare'; font-size:18px; font-weight:600; color:#fff; text-align:center; line-height:40px; border-radius:3px}
.balloon:after {position:absolute; top:50%; right:-8px; width:0; height:0; content:''; margin-top:-4px; border-style:solid; border-width:4px}
.balloon-q {background:#507cd3}
.balloon-a {background:#009da2}
.balloon-q:after {border-color:transparent transparent transparent #507cd3}
.balloon-a:after {border-color:transparent transparent transparent #009da2}

/*----------- 게시판 공통 스타일 -----------*/
/* 게시판 내용 */
#container > .innerWrapper .contents .post_content {padding:30px; border-bottom:1px solid #e3e3e3; background:#fbfbfb}
#container > .innerWrapper .contents .post_content .top {margin-bottom:30px}
#container > .innerWrapper .contents .post_content .top .infoWrapper {float:left;}
#container > .innerWrapper .contents .post_content .top .infoWrapper .info {float:left}
#container > .innerWrapper .contents .post_content .top .infoWrapper .info h3 {display:inline-block; font-size:18px; font-weight:600; color:#000; margin-right:10px}
#container > .innerWrapper .contents .post_content .top .infoWrapper .info .stars {vertical-align:-1px}
#container > .innerWrapper .contents .post_content .top .infoWrapper .info .postInfo {clear:both}
#container > .innerWrapper .contents .post_content .top .infoWrapper .info .postInfo > li {display:inline-block; font-weight:600; color:#555; margin-right:15px}
#container > .innerWrapper .contents .post_content .context div {color:#000; line-height:25px}
#container > .innerWrapper .contents .post_content .infobox {margin-top:30px}
#container > .innerWrapper .contents .post_content .infobox > li {padding:30px; color:#000; margin-top:-1px; border:1px solid #e7e7e7; background:#fff}

/* 게시물 평가 영역 */
#container > .innerWrapper .contents .post_content .post_stamp {margin-top:30px}
#container > .innerWrapper .contents .post_content .post_stamp .left {float:left; width:80px; padding-top:15px}
#container > .innerWrapper .contents .post_content .post_stamp .center {float:left; width:380px}
#container > .innerWrapper .contents .post_content .post_stamp .center > ul {font-size:0; text-align:center}
#container > .innerWrapper .contents .post_content .post_stamp .center > ul > li {display:inline-block; width:17%; padding:15px 6px; font-size:11px; text-align:center}
#container > .innerWrapper .contents .post_content .post_stamp .center > ul > li a {display:block; font-weight:200; color:#333}
#container > .innerWrapper .contents .post_content .post_stamp .center > ul > li a img {display:block; margin:auto auto 10px}
#container > .innerWrapper .contents .post_content .post_stamp .center > ul > li a span {display:block; margin-top:5px; color:#45619d; font-size:12px}
#container > .innerWrapper .contents .post_content .post_stamp .right {float:right; width:120px; padding-top:15px}
#container > .innerWrapper .contents .post_content .post_stamp .btn i {font-size:18px; color:#b0b0b0; margin-right:7px; vertical-align:-4px}
#container > .innerWrapper .contents .post_content .post_stamp .btn span {color:#45619d}
#container > .innerWrapper .contents .post_content .post_stamp .post_score {display:none; position:absolute; border:solid 1px #797979; height:105px; z-index:1000; background-color:#fff; margin-top:7px}
#container > .innerWrapper .contents .post_content .post_stamp .post_score:before {display:inline-block; position:absolute; bottom:100%; left:30px; background-image:url(../img/a_score.png); width:9px; height:6px; content:'';}


/* 게시판 하단 (view) */
#container > .innerWrapper .contents .post_bottom {padding:30px; padding-bottom:0}
#container > .innerWrapper .contents .post_comment .formArea {}
#container > .innerWrapper .contents .post_comment .formArea h4 {display:inline-block; font-size:13px; font-weight:600; color:555; margin-right:15px}
#container > .innerWrapper .contents .post_comment .formArea .stars {vertical-align:-3px}
#container > .innerWrapper .contents .post_comment .formArea .fieldWrapper {margin-top:10px}
#container > .innerWrapper .contents .post_comment .formArea .fieldWrapper textarea {float:left; width:88%; height:77px; padding:20px; color:#666; border:1px solid #e7e7e7; border-radius:4px 0 0 4px; border-right:none; background:#fff; resize:none}
#container > .innerWrapper .contents .post_comment .formArea .fieldWrapper button {float:right; width:12%; height:77px; font-weight:600; color:#d2dffa; border:1px solid #2d4883; border-radius:0 4px 4px 0; background:#45619d; box-shadow:inset 0 0 1px 1px #6080c4; cursor:pointer}
#container > .innerWrapper .contents .post_comment .formArea .fieldWrapper button:hover {background:#415c97}
#container > .innerWrapper .contents .post_comment .formArea .fieldWrapper button i {font-size:18px; line-height:1.4}
#container > .innerWrapper .contents .post_comment .comment-box {padding:30px 0; border-bottom:1px dotted #e3e3e3} 
#container > .innerWrapper .contents .post_comment .comment-box .info {margin-bottom:20px} 
#container > .innerWrapper .contents .post_comment .comment-box .info > li {display:inline-block; font-weight:600; color:#aaa; margin-right:20px} 
#container > .innerWrapper .contents .post_comment .comment-box .info > li.writer {color:#555}

/* 공통 하단 버튼그룹 */
#container > .innerWrapper .contents .btm_btngroup {margin-top:30px; text-align:center}
#container > .innerWrapper .contents .btm_btngroup .btn {margin:0 3px}


/* 글 읽기 */
#container > .innerWrapper .contents .tbl_read tbody td ul.info {margin-bottom:15px}
#container > .innerWrapper .contents .tbl_read tbody td ul.info > li {display:inline-block; margin-right:5px; color:#999}
#container > .innerWrapper .contents .tbl_read tbody td ul.info > li.writer {color:#000; text-decoration:underline}
#container > .innerWrapper .contents .post-bottom-btn {margin-top:70px; padding-right:30px; text-align:right}
#container > .innerWrapper .contents .post-bottom-btn2 {margin-top:70px; padding:0 30px;}

/* 목록 하단 검색 */
#container > .innerWrapper .contents .board_search {margin:12px; padding-bottom:32px;}
#container > .innerWrapper .contents .board_search .search_select {float:left; margin-left:10px; border:1px solid #e3e3e3; border-radius:4px;}
#container > .innerWrapper .contents .board_search .search_select select {height:28px; border:none; color:#999; font-weight:600;}
#container > .innerWrapper .contents .board_search .search_input {width:300px; height:30px; border:1px solid #e3e3e3; border-radius:4px; float:left; margin-left:10px;}
#container > .innerWrapper .contents .board_search .search_input input {float:left; width:267px; height:28px; padding-left:15px; font-weight:600; color:#999; border:none; background:transparent; outline:none}
#container > .innerWrapper .contents .board_search .search_input button {float:right; width:28px; height:28px; color:#a4a4a4; border:none; background:transparent; cursor:pointer; outline:none}

/* 포스팅 평가 공통 */
ul.stars {display:inline-block; font-size:0}
ul.stars > li {display:inline-block; font-size:13px; width:15px; height:14px; margin-right:2px; background:url(../img/post_rating_bg.png) 0 0 no-repeat}
ul.stars > li.filled {background-position:0 -14px}
ul.stars.clickable > li {cursor:pointer}
ul.stars.clickable > li.on, ul.stars.clickable > li.checked {background-position:0 -14px}

/*----------- 회원관련 스타일 -----------*/
/* 로그인 페이지 */
#container > .innerWrapper .contents .loginForm {width:330px; margin:50px auto 0}
#container > .innerWrapper .contents .loginForm .login-title {margin-bottom:30px; text-align:center}
#container > .innerWrapper .contents .loginForm .login-title h3 {font-size:20px; font-weight:600; color:#000; margin-bottom:15px}
#container > .innerWrapper .contents .loginForm .login-title p {color:#000; line-height:25px}
#container > .innerWrapper .contents .loginForm .fieldBox .frm-textbox {display:block; width:100%; height:35px; margin-bottom:10px; padding:0 15px; color:#888; border:none; background:#f4f4f4; outline:none}
#container > .innerWrapper .contents .loginForm .fieldBox .frm-login {display:block; width:49%; height:35px; color:#fff; border:none; background:#000; cursor:pointer; float:left;}
#container > .innerWrapper .contents .loginForm .fieldBox .frm-cancel {display:block; width:49%; height:35px; color:#000; border:1px solid #888; background:#fff; cursor:pointer; float:right;}
#container > .innerWrapper .contents .loginForm .membership-btn {padding-top:60px}
#container > .innerWrapper .contents .loginForm .membership-btn > li:after {clear:both; display:block; content:''}
#container > .innerWrapper .contents .loginForm .membership-btn > li p {float:left; color:#000; line-height:30px}
#container > .innerWrapper .contents .loginForm .membership-btn > li .btn {float:right}

/* 라이브러리 로그인 페이지 */
#container > .innerWrapper .lib_contents .loginForm {width:330px; margin:50px auto 0}
#container > .innerWrapper .lib_contents .loginForm .login-title {margin-bottom:30px; text-align:center}
#container > .innerWrapper .lib_contents .loginForm .login-title h3 {font-size:20px; font-weight:600; color:#000; margin-bottom:15px}
#container > .innerWrapper .lib_contents .loginForm .login-title p {color:#000; line-height:25px}
#container > .innerWrapper .lib_contents .loginForm .fieldBox .frm-textbox {display:block; width:100%; height:35px; margin-bottom:10px; padding:0 15px; color:#888; border:none; background:#f4f4f4; outline:none}
#container > .innerWrapper .lib_contents .loginForm .fieldBox .frm-login {display:block; width:49%; height:35px; color:#fff; border:none; background:#000; cursor:pointer; float:left;}
#container > .innerWrapper .lib_contents .loginForm .fieldBox .frm-cancel {display:block; width:49%; height:35px; color:#000; border:1px solid #888; background:#fff; cursor:pointer; float:right;}
#container > .innerWrapper .lib_contents .loginForm .membership-btn {padding-top:60px}
#container > .innerWrapper .lib_contents .loginForm .membership-btn > li:after {clear:both; display:block; content:''}
#container > .innerWrapper .lib_contents .loginForm .membership-btn > li p {float:left; color:#000; line-height:30px}
#container > .innerWrapper .lib_contents .loginForm .membership-btn > li .btn {float:right}
#container > .innerWrapper .lib_contents {position:relative; margin-top:30px; padding-bottom:30px; border-top:2px solid #38475e; background:#fff; overflow:hidden}
#container > .innerWrapper .lib_contents .main-title {padding:20px 30px; border-bottom:1px solid #e3e3e3}
#container > .innerWrapper .lib_contents .main-title h2 {float:left; font-size:18px; font-weight:600; color:#000}
#container > .innerWrapper .lib_contents .main-title .navigation {float:right; text-align:right; padding-top:2px}
#container > .innerWrapper .lib_contents .main-title .navigation > li {display:inline-block; font-weight:600; color:#aaa}
#container > .innerWrapper .lib_contents .main-title .navigation > li a {color:#aaa}
#container > .innerWrapper .lib_contents .main-title .navigation > li:before {content:'>'; margin:0 8px}
#container > .innerWrapper .lib_contents .main-title .navigation > li:first-child:before {display:none}

/*------------마이페이지-------------*/
/* 나의 질문 페이지 */
#container > .innerWrapper .contents .main-title .btn-scrap i {font-size:13px; margin-right:8px; vertical-align:middle;}

/*------------사이트맵-------------*/
.siteList { clear:both; width:100%; overflow:hidden;}
.siteList li.siteCon { padding:0 70px 50px 70px; width:220px; height:350px; float:left; overflow:hidden; }
.siteList li.siteCon_he { /*padding:0 70px 30px 70px; width:220px; */ padding:0 15px 30px 15px; width:240px; height:270px; float:left; overflow:hidden; }
.siteList li.siteCon_he2 { padding:0 70px 50px 70px; width:220px; height:270px; float:left; overflow:hidden; }
.siteList li.siteCon.last { padding-right:0px; }
.siteList li h4 { height:45px; margin-bottom:10px; font-size:20px; border-bottom:solid 2px #318de7; text-align:center; vertical-align:middle; line-height:45px; color: #318de7}
.siteList li ul.siteDepth01 { margin:5px 0 0 5px; b overflow:hidden; }
.siteList li ul.siteDepth01 li { padding:10px 0 10px 7px; font-weight:bold; border-bottom:dashed 1px #CCCCCC;}
.siteList li ul.siteDepth01 li a { color:#4a4a4a; font-size:14px;}
.siteList li ul.siteDepth01 li a:hover { color:#318de7; font-size:14px;}

/*----------- 라이브러리 -----------*/
/* 통합검색 */
#container > .innerWrapper .library_searchbox {height:178px; background:url(../img/library_searchbox.png) center top no-repeat}
#container > .innerWrapper .library_searchbox .formArea {padding:50px 185px 0 380px}
#container > .innerWrapper .library_searchbox .formArea p {font-size:14px; font-weight:600; color:#fff; margin-bottom:10px}
#container > .innerWrapper .library_searchbox .input_wrap {position:relative}
#container > .innerWrapper .library_searchbox .input_wrap:before {position:absolute; top:50%; right:17%; content:''; width:1px; height:30px; margin-top:-15px; background:#d0dcf5}
#container > .innerWrapper .library_searchbox .input_wrap input[type=text] {float:left; width:83%; height:52px; font-size:18px; font-weight:600; color:#595959; padding:0 25px; border:none; background:#fff; outline:none}
#container > .innerWrapper .library_searchbox .input_wrap input[type=submit] {float:left; width:17%; height:52px; font-size:14px; font-weight:600; color:#45619d; border:none; background:#fff; cursor:pointer}

/* 라이브러리 리스트 */
#container > .innerWrapper .library_list {margin-top:30px}
#container > .innerWrapper .library_list .totalCount {font-size:18px; font-weight:600; color:#000; margin-bottom:5px}
#container > .innerWrapper .library_list .innerList {padding-bottom:30px; border-top:2px solid #38475e; border-bottom:1px solid #e5e5e5; background:#fff}
#container > .innerWrapper .library_list .innerList .itemList {border-bottom:1px solid #e5e5e5}
#container > .innerWrapper .library_list .innerList .itemList > li {border-top:1px dotted #e3e3e3}
#container > .innerWrapper .library_list .innerList .itemList > li:first-child {border-top:none}
#container > .innerWrapper .library_list .innerList .itemList > li a {display:block; padding:30px 40px}
#container > .innerWrapper .library_list .innerList .itemList > li a:hover {background:#f9f9f9}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap {display:table; width:100%; border-collapse:collapse; table-layout:fixed}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap > div {display:table-cell; vertical-align:middle}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap > .left {width:85%}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap > .left h3 {font-size:18px; font-weight:600; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap > .left h4 {font-size:16px; font-weight:normal; color:#507cd3; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap > .left p {font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#container > .innerWrapper .library_list .innerList .itemList > li a .innerwrap > .right {font-size:14px; color:#a4a4a4; text-align:right}

#container > .innerWrapper .library_list .innerList .itemList > li .nosearch {display:block; padding:30px 40px}
#container > .innerWrapper .library_list .innerList .itemList > li .nosearch .innerwrap > div {display:table-cell; vertical-align:middle}
#container > .innerWrapper .library_list .innerList .itemList > li .nosearch .innerwrap > .center {text-align:center}
#container > .innerWrapper .library_list .innerList .itemList > li .nosearch .innerwrap > .center h3 {font-size:18px; font-weight:600; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

/* 라이브러리 뷰페이지 */
#container > .innerWrapper .library_view {margin-top:30px; padding-bottom:50px; border-top:2px solid #38475e; border-bottom:1px solid #e5e5e5; background:#fff}
#container > .innerWrapper .library_view .titleArea {padding:50px 40px; border-bottom:1px dotted #e3e3e3}
#container > .innerWrapper .library_view .titleArea h2 {font-size:22px; font-weight:normal; color:#000; margin-bottom:15px}
#container > .innerWrapper .library_view .titleArea h3 {font-size:18px; font-weight:normal; color:#507cd3; margin-bottom:15px}
#container > .innerWrapper .library_view .titleArea p {font-size:14px; color:#666; margin-bottom:15px}
#container > .innerWrapper .library_view .titleArea span {font-size:14px; color:#a4a4a4}
#container > .innerWrapper .library_view .subCategory {display:table; width:100%; border-bottom:1px dotted #e3e3e3; border-collapse:collapse; table-layout:fixed}
#container > .innerWrapper .library_view .subCategory > .cell {display:table-cell; width:50%; padding:40px; font-size:15px; color:#000; vertical-align:middle}
#container > .innerWrapper .library_view .subCategory > .cell span {color:#a4a4a4}
#container > .innerWrapper .library_view .library_contents {padding:30px 40px}
#container > .innerWrapper .library_view .library_contents h4 {font-size:15px; font-weight:normal; color:#000; margin-bottom:15px}
#container > .innerWrapper .library_view .library_contents .box {margin-bottom:30px; padding:30px; background:#f5f5f5}
#container > .innerWrapper .library_view .library_contents .box div {font-size:14px; color:#333; line-height:2}

/* 공통 버튼 스타일 */
.btn {display:inline-block; height:35px; padding:0 20px; text-align:center; line-height:33px; border:1px solid #e5e5e5; border-radius:4px; background:#fff; -webkit-appearance:none; cursor:pointer}
.btn.btn-grey {color:#fff; border-color:#727d91; background:#727d91}
.btn.btn-skyblue {color:#fff; border-color:#0b97f8; background:#0b97f8}
.btn.btn-green {color:#fff; border-color:#009da2; background:#009da2}
.btn.btn-blue {color:#fff; border-color:#283f9c; background:#283f9c}
.btn.btn-primary {color:#d2dffa; border-color:#45619d; background:#45619d}
.btn.btn-light {color:#262626; border-color:#e3e3e3; background:#f4f4f4; box-shadow:inset 0 0 1px 1px #fff}

.btn.btn-lg {font-size:14px; font-weight:600; height:43px; padding:0 25px; line-height:41px}
.btn.btn-xlg {font-size:16px; font-weight:600; height:50px; padding:0 35px; line-height:48px}
.btn.btn-block {display:block; width:100%}
.btn.btn-rect {border-radius:0 !important}
.btn.btn-sm {font-size:12px; height:25px; padding:0 5px; line-height:25px;}
.btn.btn-lib1 {font-size:14px; height:62px; padding:5px 5px; line-height:25px; width:325px}
.btn.btn-lib2 {font-size:14px; height:62px; padding:5px 5px; line-height:25px; width:495px}
.btn.btn-lib1.btn-right, .btn.btn-lib2.btn-right {margin-right:10px}

/* 공통 테이블 스타일 */
.tbl_basic {width:100%; border-collapse:collapse}
.tbl_basic tbody th {font-weight:600; color:#555; text-align:center; line-height:1.8; padding:10px 15px; border-bottom:1px solid #e3e3e3; background:#fbfbfb}
.tbl_basic tbody td {padding:10px 15px; border-bottom:1px solid #e3e3e3}
.tbl_basic tbody td input {vertical-align:middle}
.tbl_basic tbody td .form {width:100%}
.tbl_basic tbody td .form-text {padding:0 10px; height:30px; border:1px solid #e7e7e7}
.tbl_basic tbody td .form-select {height:30px; border:1px solid #e7e7e7}
.tbl_basic tbody td input[type=file] {height:30px}
.tbl_basic tbody td textarea {height:305px; padding:20px; color:#000; border:1px solid #e7e7e7}
.tbl_basic tbody td label {margin:0 25px 0 5px; vertical-align:middle}
.tbl_basic tbody td a:hover {color:#507cd3; text-decoration:underline}
.tbl_basic tbody td .btn-del:hover {color:#fff; text-decoration:none}
.tbl_basic tbody td.has-error .error {margin-bottom:2px; color:red; font-style:italic;}
.tbl_list {width:100%; border-bottom:1px solid #e3e3e3; border-collapse:collapse}
.tbl_list thead th {padding:18px 0; font-weight:600; color:#000; text-align:center; border-bottom:1px solid #e3e3e3; background:#fbfbfb}
.tbl_list tbody td {padding:18px 30px; color:#000; border-top:1px dotted #e3e3e3}
.tbl_list tbody td a:before {margin-right:5px; content:'·'}
.tbl_list tbody tr:first-child td {border-top:none}
.tbl_list tbody tr:hover td {background:#f9f9f9}
table[class^=tbl] .td_center {text-align:center}
table[class^=tbl] .td_date {text-align:center; color:#999}