@charset "utf-8";

/* ==========================================================================
   공통클래스 사용
   ========================================================================== */
/* 숨김 */
.hidden { overflow:hidden; position:absolute; top:-999px; left:-999px; width:0px; height:0px;}

.hiddenTitle { display:none;}

/* 정렬 */
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}

/* 색상 */
.txt-skyblue { color:#3598DC;}

/* margin */
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.mt20 {margin-top:20px;}
.mt35 {margin-top:35px;}
.mt15 {margin-top:15px;}





/*---------------------------flex_test(0727/yeran)---------------------------*/

.table-flex{padding:10px !important;display:flex; justify-content:center;}
.row-box{border-bottom:1px solid #d9d9d9;}
.row-box:last-child{border-bottom:none;}
.col-box{border-bottom:1px solid #d9d9d9;}
.wrap-box{display:flex; flex-direction:column; align-items:center;}



/* ==========================================================================
    테이블 (공통 묶음)
   ========================================================================== */
.table-wrap { width:100%;}
.table-wrap .totla { float:left; padding:6px 0; margin-bottom:10px; font-size:12px;}
.table-wrap .totla strong { color:#000;}
.table-wrap .select-box { float:right; margin-bottom:10px;}
.table-wrap .select-box select {min-width:80px; height:28px; border:1px solid #cbcaca; box-sizing:content-box;}
.table-wrap .select-box .btn-searh { display:inline-block; width:40px; height:30px; font-weight:bold; line-height:30px; color:#fff; vertical-align:middle; text-align:center;background: #777;vertical-align:top;}
/* 리스트 테이블 */
.table-list { clear:both;border-top:2px solid #888888; border-bottom:1px solid #e2e2e2;}
.table-list tr:hover { background:#eee;}
.table-list th { padding:10px 5px; font-size:14px; color:#444;background-color: #f3f8f9; font-weight:600;}
.table-list thead th{background:url('../images/content/bg-table-line2.gif') left center no-repeat #f3f8f9; }
.table-list thead th:first-child{background-image:none;}
.table-list td { padding:10px 5px; color:#474747; text-align:center;font-size:14px;border-top:1px solid #e2e2e2;}
.table-list td a { color:#474747; }
.table-list td a > h3 { font-size:14px; font-weight:bold;}
.table-list .tl { text-align:left;}
.table-list .tl a { display:block; }
.table-list .btn-group {margin: 0;}
.table-list .btn-group a {color:#fff;}
.table-list img { vertical-align:middle;}

.table-list .preview{background-color: #f5f5f5;text-align: left;padding:20px 30px 20px 30px;}
.table-list .preview .text_box{background-color: #fff;padding: 15px;margin-bottom: 10px;height: 304px;overflow: auto;border: 1px solid #ccc;}
.table-list .preview .btn_box{    float: right;}
.table-list .preview .btn_box .btn-print01{font-size: 14px;background-color:#E15E54;color: #fff;padding: 6px 10px;}
.table-list .preview .btn_box .btn-print02{font-size: 14px;background-color:#777;color: #fff;padding: 6px 10px;margin-left: 5px;}


/* 테이블 상세 페이지 */
.table-view { border-top:2px solid #888; border-bottom:1px solid #e2e2e2;letter-spacing:-1px; }
.table-view + .table-view{margin-top: 5px;}
.table-view tr td,
.table-view tr th { border-top:1px solid #e2e2e2;}
.table-view th { padding:10px 5px 10px 30px; color:#444; background-color:#f3f8f9;text-align:left; font-weight:600;}
.table-view thead th{background:url('../images/content/bg-table-line2.gif') right center no-repeat; }
.table-view thead th:first-child{background-image:none;}
.table-view td { padding:10px 5px 10px 20px; color:#474747;}
.table-view .top { vertical-align: top; background-position:right 9px;}
.table-view .title { padding:10px 5px 10px 30px; font-size:15px; text-align:left; background-color:#f3f8f9;}
.table-view .title.t_blk{color:#474747;}
.table-view .title ~ th,
.table-view .title ~ td{background-color:#f3f8f9;}
.table-view .down a { display:block;}
.table-view td.text { padding:20px 30px;word-break:break-all;}
.table-view td.text img{max-width:100%;}
.table-view td.text .img-open { margin-top:50px; text-align:right;}
.table-view img { vertical-align: middle;}
.table-view .sub_tit{padding-bottom:0;padding-top:20px;text-align:left;}
.table-view td.sub_text{border-top:0 none;padding-top:10px;}


/* 테이블 컨텐츠 페이지 */
.table-cont { border:1px solid #D6E8F3;}
.table-cont th { padding:7px 10px; color:#595959; text-align:center; background:#E0EEF6;}
.table-cont td { padding:7px 10px; font-size:14px; color:#666; text-align:center; background:#fff;}

/*캘린더*/
.month{display: inline;}
.month select{border: 1px solid #ccc;height:30px;width: 95px;padding-left: 10px;font-size:13px;}

.month_tb {margin-top:10px}
.month_tb table {border-top: 2px solid #888888;}
.month_tb table thead th {background:url(../images/content/bg-table-line2.gif) left center no-repeat #f3f8f9;height:45px;color:#333;font-size:14px;text-align:center;font-weight: 600;border-bottom:1px solid #e2e2e2}
.month_tb table thead th:first-child {background-image: none;}
.month_tb table thead th.red, .month_tb table tbody td.red {color:#b72520}
.month_tb table thead th.blue, .month_tb table tbody td.blue {color:#3595e7}
.month_tb table tbody td {padding:10px;height:80px;font-size:14px;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;vertical-align:top;font-family:'notokr-bold'}
.month_tb table tbody td.red {border-left:none}
.month_tb table tbody td a {display:block;font-family:'notokr-demilight';font-size:12px;line-height:14px;margin-top:3px}
.month_tb .calender_list {border-top:none;margin-top:0}
.month_tb .tover {white-space:normal;overflow:hidden;}

.btn_choice{margin-bottom: 10px;float: right;}
.btn_choice .calender, .btn_choice .list{border: 1px solid #ccc;padding: 5px 10px;font-size: 13px;display: inline;}
.btn_choice .calender{background:url(../images/content/calender_icon01.png) no-repeat 10px 9px; padding-left:25px;}
.btn_choice .list{background:url(../images/content/calender_icon02.png) no-repeat 10px 9px; padding-left:25px;}

/* ==========================================================================
   페이징
   ========================================================================== */
.paging-box {clear: both; margin:30px 0px 20px; text-align:center;}
.paging-box a { display:inline-block; padding:4px 10px; margin:0px 1px; color:#737373;border:1px solid #dbdbdb;border-radius: 3px;vertical-align:top;}
.paging-box .active { border-color:#3598dc; color:#fff; font-weight:bold;background: #3598dc;}
.paging-box .left2 ,.paging-box .left1, .paging-box .right1, .paging-box .right2 {width:27px;padding:0;height:27px;background:url(../images/content/ico-paging01.gif) no-repeat;text-indent:-999em;font-size:0;}
.paging-box .left1{background-image:url(../images/content/ico-paging02.gif)} 
.paging-box .right1{background-image:url(../images/content/ico-paging03.gif)} 
.paging-box .right2{background-image:url(../images/content/ico-paging04.gif)}
  
  
/* ==========================================================================
   테이블 하단 검색 박스
   ========================================================================== */
.search-box { text-align:center;}
.search-box input { width:248px; height:26px; padding:1px 10px; border:1px solid #cbcaca;}
.search-box select { min-width:90px; height:30px; border:1px solid #cbcaca;}
.search-box .btn-search { display:inline-block; width:40px; height:30px; font-weight:bold; line-height:27px; color:#fff; background:#777;font-size:12px;vertical-align: top;}

/* ==========================================================================
   버튼 취합
   ========================================================================== */
.btn-group { margin:5px 0px; text-align:center;}
.table-wrap + .btn-group{margin-top:15px;}
.table-view + .btn-group{margin-top:15px;}
.btn-group.tl { text-align:left;}
.btn-group.tr { text-align:right;}
.btn-group a { display:inline-block; min-width:30px; height:27px; padding: 0 10px;font-weight:bold; text-align:center; line-height:27px; color:#fff; vertical-align:middle; background:#b1b3b4;border-radius:3px;}
.btn-group a.full { width:100%; padding: 0; height:27px; line-height:27px;}
.btn-group .free { width:auto; padding:0 20px;}
.btn-group .btn-blue { background:#0390d9;}
.btn-group .btn-blue2{border-radius:0;background:#3677a0;height:25px;line-height:23px;font-size:12px;}
.btn-group .btn-yellow { background:#ffaa25;}
.btn-group .btn-gray { background:#6e6e6e;}
.btn-group .btn-gray2 { border-radius:0;background:#6e6e6e;height:25px;line-height:25px;font-size:12px;}
.btn-group .ic_write{display:inline-block;width:19px;height:15px;margin-right:3px;background:url(../images/common/ic_write.png) no-repeat;vertical-align: middle;}
.ic_secret{display:inline-block;width:9px;height:11px;margin-right:3px;background:url(../images/common/ic_secret.png) no-repeat;vertical-align: middle;font-size:0;text-indent: 999em;}


/* ==========================================================================
    발간자료
   ========================================================================== */
/* 연구보고서 */
.page-txt{padding:9px 0;text-align: center;background:#BADAEC;color:#555;}
.page-txt + .table-wrap{margin-top:10px;}
.publication-book-box { padding:23px 0 20px; margin:0px 0 30px; border:1px solid #BADAEC; color:#777777; background:#f5f8fa;}
.publication-book-box > ul { overflow:hidden;}
.publication-book-box > ul > li { float:left; width:399px;padding-left:20px;}
.publication-book-box > ul > li:first-child{width:398px;border-right:1px solid #BADAEC;}
.publication-book-box > ul > li .img { float:left; margin-right:10px;}
.publication-book-box > ul > li .img img {width:100px;height:140px; vertical-align: top;border:1px solid #dcdcdc;}
.publication-book-box .text {margin-left:120px;}
.publication-book-box .text h3 { overflow:hidden; margin-bottom: 15px;font-size:14px; color:#474747;text-overflow: ellipsis;word-break:break-all;white-space: nowrap;}
.publication-book-box .text ul { overflow:hidden; margin:3px 0 4px;}
.publication-book-box .text ul:after { display:none;}
.publication-book-box .text ul > li {padding:1px 0;}
.publication-book-box .text ul > li strong { display:inline-block; width:60px; font-size:13px; color:#3677A0;}
.publication-book-box .text ul > li span { font-size:13px;}
.publication-book-box .btn-group {margin:14px 0 0;text-align:left;}
.publication-book-box .btn-group a { height:25px; line-height:25px; font-size:11px;}

.publication-single-box { position:relative; padding:23px 50px 18px; margin:0px 0 30px; border:1px solid #BADAEC; color:#777777; background:#f5f8fa;overflow: hidden;}
.publication-single-box .img { float:left; margin-right:10px;border:1px solid #dcdcdc;}
.publication-single-box .img img { width:98px;vertical-align: top;}
.publication-single-box .text { margin-left:120px;}
.publication-single-box .text h3 { overflow:hidden; margin-bottom: 15px;font-size:14px; color:#474747;text-overflow: ellipsis;word-break:break-all;white-space: nowrap;}
.publication-single-box .text ul { overflow:hidden; margin:3px 0 4px;}
.publication-single-box .text ul:after { display:none;}
.publication-single-box .text ul > li {}
.publication-single-box .text ul > li strong { display:inline-block; width:60px; font-size:13px; color:#3677A0;}
.publication-single-box .text ul > li span { font-size:13px;}
.publication-single-box .btn-group { text-align:left;}
.publication-single-box .btn-group a { width:50px; height:25px; line-height:23px; font-size:13px;padding:0;}
.publication-single-box .img-open { position:absolute; bottom:10px; right:15px;}
.publication-single-box .img-open img { width:120px;}

.publication-text-box { position:relative; border-top:2px solid #888888;border-bottom:1px solid #e2e2e2;}
.publication-text-box h3 {font-size:14px;padding: 8px 30px;background:#f3f8f9;border-bottom: 1px solid #e2e2e2;}
.publication-text-box .text {padding: 20px 30px;}
.publication-text-box + .btn-group{margin-top:15px;}

/* 정기간행물 */
.forum-list-wrap{overflow: hidden;}
.forum-book-box { float:left; width:195px; margin-top:10px;}
.forum-book-box .img{}
.forum-book-box .img img {width:195px; height:250px; vertical-align: top;border:1px solid #dddddd}
.forum-book-box h3 {margin-top: 5px; font-size:14px;}
.forum-book-box .img-open { margin-top:20px; text-align:right;}
.forum-book-box .img-open img { width:145px;}

.forum-list { float:right; width:100%; margin-top:10px;}
.forum-list.fn { float:none; width:100%;}
.forum-list .select-box { overflow:hidden; margin-bottom:10px;}
.forum-list .select-box select { height:30px; border:1px solid #cbcaca;}
.forum-list .select-box .left { float:left;}
.forum-list .select-box .left strong { color:#000;}
.forum-list .select-box .right { float:right;}
.forum-list .select-box .right select { min-width:100px;}
.forum-list .select-box .right input {height: 26px;border:1px solid #cbcaca;}
.forum-list .select-box .right .btn-searh { display:inline-block; width:40px; height:30px; font-weight:bold; line-height:30px; color:#fff; vertical-align:middle; text-align:center;background:#777;vertical-align:top;}
.forum-list .list { border-top:3px solid #2da4cb; border-bottom:2px solid #e2e2e2;}
.forum-list .list > li { position:relative; padding:5px 0px; color:#474747; font-size:13px;}
.forum-list .list > li + li { border-top:1px solid #e2e2e2;}
.forum-list .list .number { position:absolute; top:50%; left:0px; width:50px; margin-top:-9px; text-align:center;}
.forum-list .list .text-box { margin:0 125px 0 50px;}
.forum-list .list .text-box a { display:block; }
.forum-list .list .text-box h3 { font-size:14px;}
.forum-list .list .text-box ul {}
.forum-list .list .text-box ul li { float:left; width:150px;}
.forum-list .list .text-box ul li strong { display:inline-block; margin-right:5px; color:#2da4cb;}
.forum-list .list .text-box ul li span {}
.forum-list .list .btn-group { position:absolute; top:50%; right:0px; margin-top:-13.5px;}
.forum-list .list .btn-down-file { position:absolute; top:50%; right:10px; margin-top:-13.5px;}
.forum-list .list .btn-down-file * { vertical-align: middle;}
.forum-list .list .btn-down-file strong { color:#2da4cb;}

.images-list { margin-top:20px;}
.images-list .select-box { overflow:hidden; margin-bottom:10px;}
.images-list .select-box select { height:28px; border:1px solid #cbcaca; box-sizing:content-box;}
.images-list .select-box .left { float:left;font-size: 12px;padding:5px 0 7px;margin-bottom: 10px;}
.images-list .select-box .left strong { color:#000;}
.images-list .select-box .right { float:right;}
.images-list .select-box .right select { min-width:100px;}
.images-list .select-box .right .btn-searh { display:inline-block; width:40px; height:30px; font-weight:bold; line-height:30px; color:#fff; vertical-align:middle; text-align:center;background: #777;vertical-align:top;}
.images-list .list { border-top:2px solid #888;padding-top: 15px;}
.images-list .list > li { position:relative; float:left; width:50%; padding:15px 0px; border-bottom:1px solid #e2e2e2; color:#474747; font-size:12px;}
.images-list .list > li .btn-group{margin:15px 0 0;text-align: left;}
.images-list .list .img { float:left; margin-right:15px; text-align:center;border:1px solid #dddddd}
.images-list .list .img img { width:140px; height: 170px;vertical-align:top;display: flex;}
.images-list .list .text-box {}
.images-list .list .text-box h3 { font-size:14px;}
.images-list .list .text-box .small-text { height:auto; font-size:16px;}
.images-list .list .text-box ul { overflow:hidden;}
.images-list .list .text-box ul:after { display:none;}
.images-list .list .text-box ul li { line-height:18px;font-size: 14px;}
.images-list .list .text-box ul li strong { display:inline-block; vertical-align:middle; margin-right:5px; color:#2da4cb;}
.images-list .list .text-box ul li span { display:inline-block; vertical-align:middle;}
.images-list .list .text-box .bottom { position:absolute; bottom:15px; left:160px; right:10px;}
.images-list .list .btn-download { display:block; margin-top:5px;}
.images-list .list .state-on { display:block; width:80px; height:25px; margin-top:5px; border-radius:3px; line-height:25px; text-align:center; color:#fff; background:#2da4cb;}
.images-list .list .line { width:100%; margin-top:5px; border-top:1px solid #e2e2e2;}
.images-list .list .line li { padding:2px 0px; border-bottom:1px solid #e2e2e2;}

.forum-view { float:right; width:100%; margin-top:10px; margin-bottom:20px;}
.forum-view h3 { margin:13px 0; font-size:14px; color:#474747;}
.forum-view ul { overflow:hidden; padding:7px 0px; border:1px solid #e2e2e2; border-width:1px 0px;}
.forum-view ul li { float:left; width:400px;}
.forum-view ul li + li { width:140px;}
.forum-view ul li strong { margin-right:5px; color:#2da4cb;}
.forum-view .text { padding:10px 0px;}
.forum-view .text + .text { border-top:1px solid #e2e2e2;}
.forum-view .btn-download { margin-top:15px; text-align:center;}

/* 신간도서 */
.images-view-box { overflow:hidden; position:relative; padding:20px 50px; margin:0px 0 30px; border:1px solid #7cc4e9; color:#474747; background:#f5f8fa;}
.images-view-box .img { float:left; margin-right:20px;}
.images-view-box .img img { width:136px; border:1px solid #dcdcdc;}
.images-view-box .text { overflow:hidden;}
.images-view-box .text h3 { font-size:14px;}
.images-view-box .text h3.small-text { margin-bottom:15px; font-size:12px; font-weight:normal;}
.images-view-box .text ul { overflow:hidden; float:left; width:333px;}
.images-view-box .text ul + ul { margin-left:10px;}
.images-view-box .text ul:after { display:none;}
.images-view-box .text ul > li { overflow:hidden; padding:3px 0px;}
.images-view-box .text ul > li strong { float:left; width:75px;font-size:12px; color:#3677A0;line-height: 18px;}
.images-view-box .text ul > li span { float:left; width:258px; font-size:11px;line-height: 18px;}
.images-view-box .text ul > li img { vertical-align: middle;}
.images-view-box .text ul > li a { display:block;}
.images-view-box .img-open { position:absolute; bottom:10px; right:15px;}
.images-view-box .img-open img { width:120px;}

.btn-download-big { float:left; width:310px; padding-left:70px;}
.btn-download-big a:focus {outline:1px dotted gray; display:block;}
.btn-download-big img { display:block; margin-bottom:10px;}

.table-write-txt{margin:30px 0 10px;color: #909090;letter-spacing: -1px}
.table-write-txt strong{display:inline-block;padding: 0 15px;font-size: 16px;color: #2fa8e1;}
.table-write th{padding-left:20px;text-align:left;}
.table-write input{vertical-align: middle;}
.table-write input[type=text], .table-write input[type=password]{background:#f9f9f9;padding:2px 5px;height:26px;border:1px solid #e5e5e5;}
.table-write textarea{background:#f9f9f9;padding:10px 5px;width:98%;height:228px;border:1px solid #e5e5e5;resize:none}
.table-write .button{display:inline-block;height:28px;padding:0 10px;line-height:28px;color:#fff;background:#777;text-align:center;}
.write_agree{margin: 35px auto; 40px;width:865px;}
.write_agree h3{font-size:16px;color:#3677A0;}
.write_agree textarea{padding:25px;margin:5px 0;border:1px solid #dddddd;width:813px;height:308px;resize:none}
.write_agree .lbl{font-size: 14px;}

/*파일첨부*/
.inp_file{position:relative;padding-right:100px;}
.inp_file > input{width:98%;vertical-align: middle;}
.inp_file .btn_file{display:inline-block;width:100px;height:100%;position:absolute;right:0;top:0;}
.inp_file .btn_file .button{width:80px;margin-top:2px;}
.inp_file .btn_file input{position:absolute;right:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:2;font-size:1em;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}


/* ==========================================================================
    연구활동
   ========================================================================== */
/* 연구활동안내 */
.objectives-box { position:relative; border-top:2px solid #888888; border-bottom:1px solid #e2e2e2;}
.objectives-box h3 {padding:9px 30px; font-size:14px; color:#333333;border-bottom:1px solid #e2e2e2;background: #f3f8f9;}
.objectives-box .text-wrap { padding:30px;}
.objectives-box .text-wrap p{line-height: 24px;letter-spacing: -0.7px;}
.objectives-select {text-align:right;margin-bottom:10px;}
.objectives-select select { height:28px; border:1px solid #cbcaca; box-sizing:content-box; vertical-align:middle;}
.objectives-select .btn-view { display:inline-block; width:40px; height:30px; line-height:30px; color:#fff; vertical-align:middle; text-align:center;background:#777;}

/* 연구분야 */
.research-field { position:relative; width:925px; margin:0 auto; padding-bottom:20px;}
.research-field:after { content:''; display:block; position:absolute; top:0px; bottom:0px; left:50%; width:1px; background:#3677A0;}
.research-field .btn-field { display:block; width:160px; height:40px; margin:0 auto; text-align:center; color:#fff; font-size:16px; line-height:40px; background:#3677A0;}
.research-field ol { position:relative; margin-top:20px;}
.research-field ol > li { position:absolute; top:0px; left:0px; width:406px; border:3px solid #d9d9d9; border-radius:10px;}
.research-field ol > li.right { left:inherit; right:0px;}
.research-field ol > li .number { overflow:hidden; position:absolute; top:0px; bottom:0px; left:0px; width:58px; height:100%; border-radius:8px 0 0 8px; color:#fff; font-size:90px; vertical-align:bottom; line-height:1; background:#eee;}
.research-field ol > li strong { position:absolute; bottom:-10px; right:-5px;}
.research-field ol > li.right .number { left:inherit; right:0px; border-radius:0 8px 8px 0;}
.research-field ol > li.right strong { right:0px;}

.research-field ol > li h3 { margin:15px 0px; margin-left:75px; font-size:18px; color:#3677a0;}
.research-field ol > li ul { margin-left:75px; margin-bottom:20px;}
.research-field ol > li.right h3 { margin-left:15px; margin-right:75px;}
.research-field ol > li.right ul { margin-left:15px; margin-right:75px;}

.research-field ol > li ul li { position:relative; padding-left:10px; font-size:14px; color:#595959;}
.research-field ol > li ul li:after { content:''; display:block; position:absolute; top:10px; left:0px; width:5px; height:1px; background:#595959;}

.research-field ol .arrow { display:block; position:absolute; right:-65px; top:0px; z-index:2; background:url('../images/content/bg-field-cycle.gif') no-repeat right center; }
.research-field ol .arrow span { display:block; width:65px; height:22px; background:url('../images/content/bg-field-left.gif') no-repeat; }
.research-field ol .right .arrow { right:inherit; left:-64px; background-position:left center;}
.research-field ol .right .arrow span { width:64px; background:url('../images/content/bg-field-right.gif') no-repeat right 0px; }

.research-field ol > li.one .number { background:#5d9cb1;}
.research-field ol > li.two .number { background:#738fc4;}
.research-field ol > li.three .number { background:#af82d1;}
.research-field ol > li.four .number { background:#3ba1aa;}
.research-field ol > li.five .number { background:#a78e51;}
.research-field ol > li.six .number { background:#cd79aa;}
.research-field ol > li.seven .number { background:#8e96ab;}

/* 연구과제 */
.active-box { padding:15px 35px; margin-bottom:20px; border:1px solid #7cc4e9; color:#474747; background:#f5f8fa;}
.active-box p { line-height:1.8;}
.active-box img { vertical-align:middle; }



/* ==========================================================================
   알림마당
   ========================================================================== */
.tap-menu { margin-top:28px; }
.tap-menu > ul {position:relative;margin-bottom:30px;text-align:center;}
/* .tap-menu > ul.type2 { width:580px;} */
.tap-menu > ul > li { display:inline-block;font-size:0;margin:0 -3px}
.tap-menu > ul > li a { position: relative;display:block; padding:0 75px; height:40px; font-weight:500; border:1px solid #a8c4cd; line-height:40px; font-size:16px; color:#666; background:#f7f7f7;}
.tap-menu > ul > li.on a { background:#fff; border-bottom-color:#fff;z-index:1;}
.tap-menu > ul:after{display:block;content:"";position:absolute;bottom:0px;width:100%;height:1px;background:#a8c4cd;}
.tap-menu.biz_realnm > ul > li a{padding:0 24px;}
/* .tap-menu.tap2 ul li a {width:405px;}
.tap-menu.tap4 ul li{margin:0 3px;}
.tap-menu.tap4 ul li a {width:233px;} */
.tap-menu .text { margin:0 0 15px;padding:25px 50px;background:#f5f8fa;border:1px solid #7cc4e9;font-size:14px; color:#4c4c4c;}
.tap-menu .text p + p { margin-top:20px;}
.tap-menu .text .btn-employ a { overflow:hidden; display:block; width:370px; margin:0 auto; background:#338ec5;}
.tap-menu .text .btn-employ a span { display:block; height:50px; margin:10px; border:1px solid #71b0d7; line-height:50px; text-align:center; color:#ffffff; font-size:18px; vertical-align: middle;}
.tap-menu .text h3 { margin-top:25px; padding-left:15px; font-size:16px; color:#338ec5; font-weight:normal; background:url('../images/content/bg-employ-list.gif') no-repeat 0 9px;}
.tap-menu .text .employ-box { overflow:hidden; margin-top:10px;}
.tap-menu .text .employ-box ul { float:left; width:525px; font-size:14px; border-bottom:1px solid #d9d9d9;}
.tap-menu .text .employ-box ul li { padding:6px 0px; border-top:1px solid #d9d9d9;}
.tap-menu .text .employ-box ul li strong { display:inline-block; width:70px; color:#338ec5; font-weight:normal;}
.tap-menu .text .employ-box ul li span { font-size:13px; color:#4c4c4c;}
.tap-menu .text .employ-box .down { float:right; width:240px; height:105px; background:#d6e8f3;}
.tap-menu .text .employ-box .down a { display:block; margin-top:15px; padding-top:55px; font-size:14px; color:#338ec5; font-weight:bold; text-align:center; background:url('../images/content/btn-employ-down.gif') no-repeat center 0;}
.tap-menu .text2 { margin:0;padding:0px;font-size:14px; color:#4c4c4c;}
.tap-menu .text2 img{padding:40px 110px 20px 100px;}
.tap-menu .text2 .employ-box { overflow:hidden; margin-top:10px;}
.tap-menu .text2 .employ-box ul { float:left; font-size:15px;}
.tap-menu .text2 .employ-box ul li { padding:7px 0px;padding-left: 100px;}
.tap-menu .text2 .employ-box ul li strong { display:inline-block; width:90px; color:#fff;background-color:#338ec5; font-weight:normal;padding: 5px;text-align: center;}
.tap-menu .text2 .employ-box ul li span {font-size: 15px;color: #4c4c4c;margin-left:5px;border-bottom:1px solid #ddd; padding:7px;}
.event-list-box {margin-bottom:20px;overflow:hidden;}
.event-list-box > div { float:left; padding-bottom:10px; width:451px; border-bottom:1px solid #d1d1d1;;}
.event-list-box > div + div { margin-left:20px;}
.event-list-box h3 {overflow:hidden;padding: 10px 30px;border: 1px solid #7cc4e9;border-width:1px 0px;font-size:16px;color: #3677a0;text-overflow: ellipsis;word-break:break-all;background:#f5f8fa;font-weight: normal;}
.event-list-box ul { margin:15px 0 0 30px}
.event-list-box ul li { margin-bottom:3px; padding-left:10px; background:url('../images/content/bg-publication-list.gif') no-repeat 0px 8px;}
.event-list-box ul li strong { display:inline-block; width:50px; font-size:14px; color:#3677A0;}
.event-list-box ul li span { font-size:14px;}

.state-ing { display:inline-block; width:55px; height:23px; margin:0 auto; border-radius:30px; line-height:23px; text-align:center; color:#fff; background:#5e8fb8;}
.state-end { display:inline-block; width:55px; height:23px; margin:0 auto; border-radius:30px; line-height:23px; text-align:center; color:#fff; background:#959595;}

.state-type1{display:inline-block; width:55px; height:23px; margin:0 auto; line-height:23px; font-size:12px; text-align:center; color:#fff; background:#959595;}
.state-type2{display:inline-block; width:55px; height:23px; margin:0 auto; line-height:23px; font-size:12px; text-align:center; color:#fff; background:#2E8BA8;}


.apply-company {display:inline-block; padding:0 10px; height:27px; line-height:27px; font-size:12px; font-weight:500; color:#fff; background:#0390d9; border-radius:3px; }



/* ==========================================================================
   참여공간
   ========================================================================== */
.bulletin_in{padding:0 37px;}
.bulletin_txt{margin:25px 0 15px;color:#737373;font-size:14px;}
.bulletin_txt p{margin-top:10px;}
.bulletin_txt p.txt{margin-top:5px;}
.bulletin_txt p a{color:#737373;}
.bulletin_txt .bulletin_tit{position:relative;margin-top:20px;padding-left:12px;color:#3677A0;font-size:16px;font-weight:normal;}
.bulletin_txt .bulletin_tit:first-child{margin-top:0;}
.bulletin_txt .bulletin_tit.dot_tit:before{content:'';display:block;width:6px;height:6px;position:absolute;left:0;top:50%;margin-top:-3px;background:#338ec5;}
.bulletin_txt .bulletin_tit2{margin-top:20px;font-size:23px;color:#737373;font-weight:normal;}
.bulletin_txt .bulletin_tit3{margin-top:15px;font-size:20px;color:#4c4c4c;font-weight:normal;}
.bulletin_txt .bulletin_tit3 + p{margin-top:5px;}
.bulletin_txt .list{width:475px;border-top:1px solid #d9d9d9;margin-top:5px;}
.bulletin_txt .list li{padding:5px 12px;border-bottom:1px solid #d9d9d9;color:#4c4c4c;}
.bulletin_txt .list li a{color:#4c4c4c;}
.bulletin_txt .list li strong{margin-right:20px;color:#3677A0;font-weight:normal; }
.bulletin_txt .comment{font-size:12px;margin-top:10px;}
.bulletin_txt .list.contact{width:100%;}
.bulletin_txt .list.contact li strong{display:inline-block;width:75px;margin-right:0;}
.bulletin_txt .list2.contact li strong{display:inline-block;width:150px;margin-right:0;}
.bulletin_txt .list.contact li.half{float:left;width:447px;}
.bulletin_txt .list.contact li.long{clear:both;}
.bulletin_txt .list.contact li.long strong{width:200px;}
.bulletin_txt .downlord{margin:20px 0 35px 0; text-align:center;}
.bulletin_txt .downlord a{display:inline-block;width:306px;padding:11px 0;line-height:31px;background:#E0EEF6;color:#338ec5;text-align:center;vertical-align:top;}
.bulletin_txt .downlord a img{vertical-align:top;margin-right:5px;}
.bulletin_txt .downlord.down3{text-align:left;}
.bulletin_txt .downlord.down3 a{width:264px;}
.bulletin_txt .textarea{margin-top:5px;}
.bulletin_txt .textarea textarea{width:874px;height:80px;padding:15px;resize:none;border-color:#dddddd;}
.bulletin_txt .num_list li{display:table;margin-top:8px;line-height:1.2;}
.bulletin_txt .num_list li>div{display:table-cell;height:35px;vertical-align:middle;}
.bulletin_txt .num_list li>div:first-child{width:48px;}
.bulletin_txt .num_list li>div span{display:inline-block;width:35px;line-height:35px;color:#fff;text-align:center;border-radius:100%;font-size:20px;background:#aebccb;}


/* ==========================================================================
   연구원 소개
   ========================================================================== */
.people_list{width:984px;}
.people_list li{float:left;width:305px;padding:13px 8px;margin:0 5px 17px 0;border:1px solid #7cc4e9;background:#f5f8fa;font-size:14px;color:#4c4c4c;}
.people_list li .img{float:left;margin-right:14px;}
.people_list li .img img{width:77px;height:99px;}
.people_list li .info{margin-left:91px;}
.people_list li .number{display:inline-block;width:85px;padding:5px 0;font-size:13px;line-height:12px;color:#fff;background:#777;text-align:center;border-radius:11px;}
.people_list li .name{padding:4px 2px;margin-top:8px;border:1px solid #2fa8e1;border-width:1px 0;font-size:15px;color:#3677A0;}
.people_list li .date{margin-top:8px;font-size:14px;color:#595959;}
/*.director_message{padding-bottom:120px;font-size:14px;background:url(../images/content/img_director.jpg) no-repeat right bottom;}*/
.director_message{padding-bottom:120px;font-size:14px;}
.director_message p{margin-bottom:20px;}
.director_profile{padding:0 25px 0 39px;margin-bottom:57px;}
.director_profile:after{content:'';display:block;clear:both;}
.director_profile > dt{float:left;width:117px;}
.director_profile > dd{margin-left:132px;padding:10px 12px;border:1px solid #dddddd;font-size:14px;color:#595959;}
.profile_list{padding-left:20px;}
.profile_list li{padding:4px 0;}
.profile_list li span{display:inline-block;width:100px;font-size:14px;color:#3677A0;}
.profile_tbl th, .profile_tbl td{border-top:1px solid #dddddd;padding:5px 15px;}
.profile_tbl tr:first-child th,.profile_tbl tr:first-child td{border-top:0 none;}
.profile_tbl th{font-size:14px;color:#3677A0;padding:5px 10px;font-weight:normal;}

.law_cont{margin-top:33px;}
.law_cont .law_tit{padding-bottom:10px;font-weight:normal; font-size:20px;color:#3677A0;border-bottom:2px solid #6899B8;}
.law_cont .law_update{overflow:hidden;padding:12px 0;}
.law_cont .law_update .inner{float:left;width:50%;}
.law_cont .law_update ul {padding:0 15px;}
.law_cont .law_update .inner:first-child ul{border-right:1px solid #d3d3d3;}

.law_cont .law_info{border-top:1px solid #d9d9d9;padding:15px 10px;}
.law_cont .law_info h4{font-size:16px;color:#3677A0;font-weight:600;text-indent:-8px;}
.law_cont .law_info > ol > li{clear:both;margin-top:15px;}
.law_cont .law_info > ol > li > strong{display:inline-block;margin-right:20px;font-weight:normal;color:#3677A0;font-size:14px;line-height:1.6;}
.law_cont .law_info > ol > li > div{padding-left:15px;margin-top:3px;line-height:1.3;}
.law_cont .law_info > ol > li > div ol li{margin-top:5px;padding-left:15px;text-indent:-15px;}
.law_cont .law_info > ol > li > div ol ol{margin-top:5px;padding-left:10px;}
.law_cont .law_info > ol > li > div ol ol li{margin-top:0;}
.law_cont .law_tbl{margin-top:5px;border:2px #dcdcdc solid;}
.law_cont .law_tbl th{text-align:center;padding:5px 0;background:#f1f1f1;}
.law_cont .law_tbl td{width:50%;border-top:1px solid #ececec;text-align:center;padding:5px 0;}
.law_cont .law_text { position:relative; margin:20px 10px 60px;}
.law_cont .law_text .btn-group { position:absolute; top:0px; right:0px;}
.law_cont .law_text .btn-group a { width:auto; padding:0 20px;}
.law_cont .law_text .btn-group a.btn-gray {background:#777;}
.law_cont .law-list { margin:20px 10px 60px;}
.law_cont .law-list li { margin-bottom:3px; padding-left:10px; background:url('../images/content/bg-law-list.gif') no-repeat 0px 7px;}
.law_cont .law-h4 { margin:20px 10px 10px; padding-left:15px; font-size:16px; color:#3677A0; background:url('../images/content/bg-law-h4.gif') no-repeat 0 7px;}
.law_cont .law-h4 + .law-list { margin-top:0px; margin-bottom:0px;}
.law_cont .law-table { width:960px; margin-right:20px;}
.law_cont .law-table th { padding:7px 0px; color:#fff; background:#3677A0;}
.law_cont .law-table td { padding:7px 0px; text-align:center;}
.law_cont .law-table td { border-bottom:1px solid #e2e2e2;}
.law_cont strong { font-weight:bold;}
.law_cont .ml20 { margin-left:20px;}

.organization_chart .txt{margin-bottom:5px;font-size:16px;color:#3677A0;text-align:center;}
.organization_chart .search{padding:28px 0;border:1px solid #81c7ec;background:#f5f8fa;text-align:center;}
.organization_chart .search strong{font-size:14px;color:#3677A0;margin-right:20px;}
.organization_chart .search select{width:75px;height:27px;line-height:27px;border:1px solid #cbcaca;}
.organization_chart .search input{width:256px;height:23px;border:1px solid #cbcaca;}
.organization_chart .search .btn{display:inline-block;width:58px;height:27px;line-height:27px;color:#fff;text-align:center;background:#0390d9;border-radius:3px;}
/*.organization_chart .map{position:relative;margin-top:26px;overflow:hidden;background:url(../images/content/bg_organization_chart2.gif) no-repeat center top;}*/
.organization_chart .map{position:relative;margin-top:26px;overflow:hidden;background:url(../images/content/bg_organization_chart4.gif) no-repeat center top;} 
.organization_chart .map a{display:inline-block;text-align:center;}
.organization_chart .map .director{position:absolute;top:0;left:50%;width:160px;line-height:50px;margin-left:-74px;color:#fff;background:#777;font-size:16px;text-align:centter;}
.organization_chart .map .group1{position:absolute;top:18px;right:36px;}
.organization_chart .map .group1 li{margin-bottom:7px;}
.organization_chart .map .group1 li a{width:140px;line-height:38px;font-size:14px;color:#595959;background:#c5c5c5;}
.organization_chart .map .group1 li:first-child a{color:#fff;background:#6c7688;}
.organization_chart .map .group2 > li{position:absolute;left:50%;}
.organization_chart .map .group2 > li > a{width:140px;line-height:38px;color:#fff;background:#6c7688;}
.organization_chart .map .group2 > li.group2_1{top:64px;margin-left:-270px;}
.organization_chart .map .group2 > li.group2_1 a{width:180px;}
.organization_chart .map .group2 > li.group2_1 ul{margin:-42px 0 0 -165px;}
.organization_chart .map .group2 > li.group2_1 ul li{margin:5px 4px;}
.organization_chart .map .group2 > li.group2_1 ul li a{width:125px;padding:8px 0;color:#505050;background:#c5c5c5;}
.organization_chart .map .group2 > li.group2_2{top:64px;margin-left:112px;}
.organization_chart .map .group2 > li.group2_2_2{top:192px;margin-left:290px;} 
.organization_chart .map .group2 > li.group2_2_3{top:241px;margin-left:290px;}
.organization_chart .map .group2 > li.group2_3{top:115px;margin-left:-270px}
.organization_chart .map .group2 > li.group2_3 > a{width:180px;}
.organization_chart .map .group2 > li.group2_3 ul{margin:-60px 0 0 -165px;}
.organization_chart .map .group2 > li.group2_3 ul li{margin:5px 4px;}
.organization_chart .map .group2 > li.group2_3 ul li a{width:125px;padding:8px 0;color:#505050;background:#c5c5c5;}

.organization_chart .map .group2 > li.group2_4{top:165px;margin-left:-270px;}
.organization_chart .map .group2 > li.group2_4 a{width:180px;}
.organization_chart .map .group2 > li.group2_5{top:330px;right:50px;left:auto;text-align:center;}
.organization_chart .map .group2 > li.group2_5 > a{width:180px;}
.organization_chart .map .group2 > li.group2_5 ul{margin:-83px 0 0 400px;}
.organization_chart .map .group2 > li.group2_5 ul li{margin:5px 4px;}
.organization_chart .map .group2 > li.group2_5 ul li a{width:125px;padding:8px 0;color:#505050;background:#c5c5c5;}
.organization_chart .map .group2 > li.group2_6{position:static;margin-top:280px;text-align:center; top:30px}
.organization_chart .map .group2 > li.group2_6 > a{position:relative;left:6px;font-size:16px;}
.organization_chart .map .group3{margin-top:70px;padding-left:10px;}
.organization_chart .map .group3 > li{float:left;margin-left:5px;}
.organization_chart .map .group3 > li li, .organization_chart .map .group3 > li > a{margin-top:5px;}
.organization_chart .map .group3 > li a{display:table-cell;width:109px;height:58px;background:#eee;vertical-align:middle;}
.organization_chart .map .group3 > li > a{color:#555;background:#CAD0DA;}
.organization_chart .team_wrap { overflow:hidden; margin-top:20px;}
.organization_chart .team_info{float:left;max-height: 425px;padding: 20px;width:295px;border:1px solid #dddddd;overflow-x:hidden;overflow-y:auto;}
.organization_chart .team_info h3{margin-bottom:10px;font-size:18px;color: #3677a0;}
.team_tbl_wrap {float:left;margin-left:30px;width:558px;}
.team_tbl_wrap tbody th { background:#fff;border-top:1px solid #e2e2e2;}
.employee_wrap h3{padding:10px 21px;font-size:14px;color:#333;border-top:2px solid #888;border-bottom:1px solid #e2e2e2;background:#f3f8f9;}
.employee_tbl th, .employee_tbl td{padding:12px 10px;border-bottom:1px solid #d9d9d9;text-align:left;}
.employee_tbl th{font-weight:normal;padding-left:20px;}
.employee_tbl .mail {display:inline-block; margin-right:4px; width:21px; height:21px; vertical-align:middle; font-size:0; line-height:0; background:url(../images/content/icon_mail.gif);}
.employee_record ul li{position:relative;margin-top:41px;padding-left:90px;}
.employee_record ul li:first-child{margin-top:22px;}
.employee_record ul li > strong{position:absolute;left:2px;top:0;font-size:16px;color:#0390d9;}
.employee_record{margin-top:-1px;}
.employee_record .employee_tbl{padding:15px 20px;border-bottom:1px solid #d9d9d9;}
.reform_target .box{border:1px solid #81c7ec;padding:25px 0;text-align:center;}
.reform_target .box span{font-size:18px;font-weight:500;}
.reform_target .box strong{margin-left:40px;font-size:22px;color:#19a7ca;font-weight:600;}
.reform_target .chart{position:relative;margin-top:37px;padding-bottom:50px;background:url(../images/content/bg_reform_target_v03.gif) no-repeat 195px 13px;overflow:hidden;}
.reform_target .chart > li > strong{display:block;padding-left:10px;font-size:18px;color:#285984;font-weight:600;}
.reform_target .chart > li > ul{padding-top:5px;}
.reform_target .chart > li > ul > li{position:relative;font-size:14px;padding-left:10px;margin-top:3px;}
.reform_target .chart > li > ul > li:before{content:'';display:block;width:4px;height:2px;background:#595959;position:absolute;left:0px;top:10px;margin-top:-1px;}
.reform_target .chart .target1{float:left;margin-top:27px;padding-left:16px;width: 255px;}
.reform_target .chart .target2{float:right;width:300px;margin-top:27px;}
.reform_target .chart .target3{float:right;width:300px;margin-top:27px;}
.reform_target .chart .target4{clear:both;padding:0px 0 0 290px;}
/*2018.07.05 추진계획화면 수정.reform_result{background:url(../images/content/bg_reform_result_v02.gif) no-repeat;}
.reform_result > li{float:left;width:275px;padding: 124px 10px 0;color:#555;}
.reform_result > li > strong{position:relative;display:block;font-size:17px;line-height:1.2;padding: 0 0 10px 15px;font-weight:500;margin: 32px 0 0 0;}
.reform_result > li > strong:before{content:'';display:block;position:absolute;top:0;left:0;width:5px;height:15px;background:#9ca3aa;top: 1px;}
.reform_result > li.result2{width:314px;}
.reform_result > li.result1 > strong{color:#39434c;}
.reform_result > li.result2 > strong{color:#3C6491;}
.reform_result > li.result3 > strong{color:#101d32;}
.reform_result > li.result2 > strong:before{background:#528bc8;}
.reform_result > li.result3 > strong:before{background:#2c3a51;}
.reform_result > li ul{margin: 0 0 0 15px;word-spacing:-2px;}
.reform_result > li ul li{position:relative;margin-top: 1px;padding-left:10px;font-size:14px;line-height:1.4;}
.reform_result > li ul li:before{content:'';display:block;position:absolute;top:0;left:0;width:3px;height:3px;background:#9ca3aa;top:8px;}
.reform_result > li.result2 ul li:before{background:#528bc8;}
.reform_result > li.result3 ul li:before{background:#2c3a51;}
.reform_result > li ul + strong {margin-top: 37px;}*/
.reform_result > li{padding:40px 0;position: relative;border-top:1px solid #ccc;}
.reform_result > li:first-child{border-top:none;}     
.reform_result .tit{font-size:24px;line-height: 28px;font-weight: 600;}
.reform_result .box_text{position: absolute;top: 40px;left:250px;padding-left: 20px;}
.reform_result .tit2{width:240px;margin-bottom: -43px;font-size:16px;line-height:22px;font-weight: 600;}
.reform_result .tit2.add{margin-bottom: -69px;}
.reform_result .box_text > ul{padding-bottom:25px;}
.reform_result .box_text > ul > li{margin:0 0 10px 285px;font-size:14px;}
.reform_result .box_text > ul > li:before{content:'';display:inline-block;width:3px;height:3px;background:#9ca3aa;margin: 0 7px 3px -10px;}
.reform_result .box_text > ul > li:last-child{margin-bottom:0;}
.reform_result .result1 .tit{color: #e15e54;height: 165px;}
.reform_result .result1 .box_text{border-left:3px solid #e15e54;}
.reform_result .result2 .tit{color: #528529;height: 362px;}
.reform_result .result2 .box_text{border-left:3px solid #528529;}
.reform_result .result3 .tit{color: #285984;height: 256px;}
.reform_result .result3 .box_text{border-left:3px solid #285984;}
.reform_result .result4 .tit{color: #e38b0e;height: 269px;}
.reform_result .result4 .box_text{border-left:3px solid #e38b0e;}
.reform_result .result5 .tit{color: #bc62d6;height: 254px;}
.reform_result .result5 .box_text{border-left:3px solid #bc62d6;}

.evaluation_txt{font-size:15px;}
.evaluation_txt .cont_tit{margin:50px 0 15px;}
.evaluation_txt{font-size:15px;}
.evaluation_txt .cont_tit{margin:50px 0 15px;}
.evaluation_txt ul{padding-top:20px;}
.evaluation_txt ul li{position:relative;margin-bottom:8px;padding-left:11px;}
.evaluation_txt ul li:before{content:'';display:block;width:4px;height:2px;background:#19a7ca;position:absolute;left:0px;top:10px;}
.evaluation_txt ul li strong{float:left;color:#19a7ca;}
.evaluation_txt ul li div{margin-left:110px;}

/* .intro_charter{border:0px none; background:url('../images/content/bg_intro_charter.jpg') no-repeat; padding:200px 130px 180px; font-size:20px; color:#000; line-height:2; text-align:justify} */
.intro_charter{border:0px none; background:url('../images/content/bg_intro_charter.jpg') no-repeat; background-position-x: center; padding:140px 180px 90px; font-size:16px; color:#000; line-height:2; text-align:justify}
.intro_charter h3.subject{font-size:2.0em; text-align:center; margin-bottom:40px; font-weight:700; letter-spacing:-4px}
.intro_charter p.text{text-indent:2%; margin-bottom:10px; padding:0px 20px}
.intro_charter .box{padding:10px 20px; background:#eff6e7; margin:40px 0px}
.intro_charter .box ul li{padding:0 0 0 30px; text-indent:-26px; margin-left:28px; line-height:1.5; margin-bottom:10px}
.intro_charter .box ul li:before{content:'하나.'; display:inline-block; padding-right:10px}
.intro_charter p.date{text-align:center;}
.intro_charter h4{margin:20px 0px; text-align:center; font-size:1.5em; letter-spacing:-2px}

.photo_wrap .photo{text-align:center; padding-top:25px;}
.photo_wrap .photo .img{position:relative;width:646px;margin:0 auto;}
.photo_wrap .photo .img .big_img{display:table-cell;width:646px;height:430px;background:#eee;vertical-align:middle;}
.photo_wrap .photo .img img{vertical-align:middle;max-width:100%;max-height: 100%;}
.photo_wrap .photo .tit{margin-top:10px;color:#474747;font-size:14px;font-weight:500;}
.photo_wrap .photo .btn button{ overflow:hidden;display:block;position:absolute;top:50%;width:65px;height:104px;margin-top:-52px;}
.photo_wrap .photo .btn button.disabled{opacity:0.6;}
.photo_wrap .photo .btn_prev{left:-125px;background:url(../images/content/ui-photo-prev.png) no-repeat;}
.photo_wrap .photo .btn_next{right:-125px;background:url(../images/content/ui-photo-next.png) no-repeat;}
.photo_wrap .list_wrap{margin-top:35px;padding:20px 12px;border-top:1px solid #e2e2e2;overflow:hidden;}
.photo_wrap .list{position:relative;}
.photo_wrap .list li{float:left;width:168px;margin-right:15px;}
.photo_wrap .list li .img{position:relative;display:block;}
.photo_wrap .list li .img img{width:168px;height:100px;}
.photo_wrap .list li.on .img:after{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:5px solid #6996e9;}
.photo_wrap .list li .tit, .photo_wrap .list li .txt{margin-top:8px;font-size:14px;color:#474747;font-weight:500;}
.photo_wrap .list li .tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photo_page{text-align:center;margin-top:10px;}
.photo_page .page{text-align:center;border:0;color:#f6931f;font-weight: bold;}
.brochure{padding:0 15px;}
.brochure li{float:left;width:50%;text-align:center;}
.brochure li .img img{vertical-align:middle;}
.brochure li .txt{margin-top:15px;font-size:14px;color:#2782c1;}
.brochure li .txt .btn{display:inline-block;width:95px;line-height:27px;margin-left:15px;text-align:center;color:#fff;font-size:14px;background:#6e6e6e;border-radius:3px;}
.cont_tit{font-size:18px;line-height:1;font-weight:500;padding-bottom:10px;border-bottom:2px solid #338ec5;color:#3677A0;}
.ci_wrap{margin-top:30px;font-size:14px;color:#4c4c4c;}
.ci_wrap .cont_tit{margin:80px 0 10px;}
.ci_wrap .cont_tit:first-child{margin-top:0;} 
.ci_wrap .ci_mean{margin-top:20px;padding-left:200px;background:url(../images/content/ci_img_01.gif?ver=1.0) no-repeat 10px 15px;}
.ci_wrap .ci_mean > ul >li{position:relative;padding-left:10px;margin-bottom:10px;}
.ci_wrap .ci_mean > ul >li:before{content:'';display:block;width:4px;height:2px;background:#19a7ca;position:absolute;left:0px;top:10px;}
.ci_wrap .ci_mean > ul >li > ul{margin-top:10px;padding-left:20px;font-size:14px;}
.ci_wrap .ci_mean > ul >li > ul > li{position:relative;padding-left:7px;}
.ci_wrap .ci_mean > ul >li > ul > li:before{content:'';display:block;width:2px;height:2px;background:#9ca3aa;position:absolute;left:0px;top:8px;}
.ci_wrap .ci_img{width:456px;margin:0 auto;;}
.ci_wrap .ci_img p{margin-top:30px;}
.ci_wrap .ci_img p img{vertical-align:top;}
.ci_wrap .ci_img p img + img{margin-left:40px;}
.ci_wrap .ci_img2{margin:35px 0 0 90px;}
.ci_wrap .ci_img2 li{position:relative;margin-bottom:27px;padding-left:11px;}
.ci_wrap .ci_img2 li:before{content:'';display:block;width:7px;height:2px;background:#19a7ca;position:absolute;left:0px;top:14px;}
.ci_wrap .ci_img2 li strong{display:inline-block;width:95px;color:#3677A0;font-size:14px;vertical-align:top;padding-top:5px;}
.ci_wrap .ci_img2 li img{vertical-align:top;}
.ci_wrap .ci_img3{margin:35px auto 0;}
.ci_wrap .ci_img3 li{float:left;margin:0 7px;}
.ci_wrap .ci_img3 li strong{position:relative;display:block;color:#3677A0;font-size:14px;padding-left:11px;}
.ci_wrap .ci_img3 li strong:before{content:'';display:block;width:7px;height:2px;background:#19a7ca;position:absolute;left:0px;top:10px;}
.ci_wrap .ci_img3 li p{margin-top:10px;}
.ci_wrap .ci_img3 li p img{vertical-align:top;}
.ci_wrap .ci_img4{padding:0 15px;}
.ci_wrap .ci_img4>li{position:relative;margin-top:50px;padding-left:110px;}
.ci_wrap .ci_img4>li>strong{position:absolute;left:0;top:0;display:block;color:#3677A0;font-size:14px;padding-left:11px;}
.ci_wrap .ci_img4>li>strong:before{content:'';display:block;width:7px;height:2px;background:#19a7ca;position:absolute;left:0px;top:10px;}
.ci_wrap .ci_tbl{border-top:1px solid #d9d9d9;}
.ci_wrap .ci_tbl th, .ci_tbl td{border-bottom:1px solid #d9d9d9;padding:20px 15px;}
.ci_wrap .ci_tbl th{text-align:right;font-size:14px;}
.ci_wrap .ci_tbl td p + p{margin-top:15px;}
.ci_wrap .tag{margin:17px 0 42px 0;border:1px solid #81c7ec;padding:20px 30px;font-size:12px;background:#f5f8fa;}
.ci_wrap .ci_img5{width:750px;margin:0 auto;}
.ci_wrap .ci_img5 li{float:left;width:223px;height:110px;}
.ci_wrap .ci_img5 li img{vertical-align:top}
.ci_wrap .ci_img5 li .img{margin-top:5px;}
.ci_wrap .btn_down{display:inline-block;width:136px;line-height:27px;color:#fff;text-align:center;background:#0390d9;border-radius:3px;}
.ci_wrap .ci_img5 .btn_down{width:130px; height:46px; line-height: 45px; position: relative; bottom: 20px;}
.ci_wrap .ci_down{position:relative;padding:30px 0 0 30px;width:640px;}
.ci_wrap .ci_down img{vertical-align:top;}
.ci_wrap .ci_down div{position:absolute;right:0;bottom:0;}
.ci_wrap .ci_down div p{margin-top:5px;}
.organization_contacts{margin-top:25px;}
.organization_contacts > p{margin-top:30px;text-align:center;}
.organization_contacts > p .btn{display:inline-block;padding:0 20px;line-height:32px;color:#fff;text-align:center;background:#0390d9;border-radius:3px;}
.organization_contacts .tit{position:relative;padding-left:19px;margin:35px 0 10px;font-size:16px;font-weight:500;color:#338ec5;}
.organization_contacts .tit:first-child{margin-top:0;}
.organization_contacts .tit:before{content:'';display:block;width:4px;height:4px;background:#338ec5;position:absolute;left:6px;top:50%;margin-top:-2px;}
.contacts_tbl{border-bottom:2px solid #e2e2e2;font-size:14px;color:#474747;}
.contacts_tbl th, .contacts_tbl td{padding:8px;border-bottom:1px solid #e2e2e2;}
.contacts_tbl thead th{font-size:12px;color:#ffffff;background:#0390d9;border-bottom:0 none;}
.contacts_tb2{border-bottom:2px solid #e2e2e2;font-size:14px;color:#474747;}
.contacts_tb2 th, .contacts_tb2 td{padding:8px;border-bottom:1px solid #e2e2e2;text-align:center;}
.contacts_tb2 thead th{font-size:12px;color:#ffffff;background:#0390d9;border-bottom:0 none;}
.history_txt{font-size:14px;}
.history_txt .cont_tit{margin:50px 0 15px;}
.history_txt ul{padding-left:20px;}
.history_txt ul li{position:relative;margin-bottom:5px;padding-left:11px;}
.history_txt ul li:before{content:'';display:block;width:7px;height:2px;background:#19a7ca;position:absolute;left:0px;top:10px;}
.history_txt ul li strong{float:left;color:#3677A0;}
.history_txt ul li div{margin-left:110px;} 
.announce>p{color:#3C739B;font-size:14px;padding-left:20px;background:url(../images/content/bg_check.gif) no-repeat left center;font-weight:500;}
.announce dl{display:table;width:100%;margin-top:10px;border:1px solid #d9d9d9;}
.announce dl dt{display:table-cell;width:102px;padding:15px 0 15px 38px;text-indent:-18px;font-size:16px;color:#464646;background:#f6f6f6;vertical-align:middle;font-weight:500;letter-spacing:-1px}
.announce dl dd{display:table-cell;padding:15px 10px;}
.announce dl dd ol li{float:left;width:33%;margin-bottom:15px;font-size:14px;letter-spacing:-1px}
.announce dl dd ol li.dubble{width:50%;}

/* ==========================================================================
   회원
   ========================================================================== */
/* 로그인 */
.loginWrap .txt { font-size:16px; color:#3677A0; text-align:center;font-weight: 600;}
.loginWrap .loginBox { position:relative; margin:10px auto 0 auto; padding:24px 0 12px 0;width:516px; border-top:4px solid #2da4cb; border-bottom:2px solid #e2e2e2; }
.loginWrap .loginBox dl { margin-bottom:12px; overflow:hidden; }
.loginWrap .loginBox dl dt { float:left; padding:3px 0 0 33px; width:71px; color:#3677A0; font-weight:600;}
.loginWrap .loginBox dl dd { float:left; }
.loginWrap .loginBox dl dd input { padding:0 10px; width:238px; height:25px; line-height:25px; border:1px solid #cbcaca; }
.loginWrap .loginBox .btnLogin { position:absolute; top:23px; right:52px; display:inline-block; width:88px; height:67px; line-height:67px; font-size:16px; background:#657381; color:#fff; text-align:center; }
.loginWrap .btnBox { margin:51px 0 0 0; text-align:center; }
.loginWrap .btnBox .box { display:inline-block; padding:140px 0 16px 0; width:33%; text-align:center; width:259px; }
.loginWrap .btnBox .box:hover { background-color:#f2f2f2; }
.loginWrap .btnBox .box strong { font-size:16px; color:#3677A0; }
.loginWrap .btnBox .box a { margin:20px 0 0 0; display:inline-block; width:160px; height:37px; color:#fff; line-height:37px; background:#216FA4; }
.loginWrap .btnBox .box.find { background-image:url('../images/content/bg_login1.png'); background-repeat:no-repeat; background-position:center 52px; }
.loginWrap .btnBox .box.join { background-image:url('../images/content/bg_login2.png'); background-repeat:no-repeat; background-position:center 43px; }
.loginWrap .btnBox .box.magazine { background-image:url('../images/content/bg_login3.png'); background-repeat:no-repeat; background-position:center 55px; }

.btnBox_pop{}
.btnBox_pop .box {float: left; padding:20px 13px 0 75px; text-align:center;}
.btnBox_pop .box a {display:inline-block; width:115px; height:37px; color:#fff; line-height:37px; background:#216FA4; }
.btnBox_pop .box_text{float: left;font-size: 12px;letter-spacing:-0.3px;margin-top: 20px;}
.btnBox_pop .box_text p span{font-weight: 600;}


/* 회원가입 */
.termsWrap .txt { margin:10px 0 20px 0;  font-size:14px; text-align:center; }
.termsWrap .box + .box { margin:45px 0 0 0;}
.termsWrap h3.tit { margin:0 0 10px 0; font-size:16px; color:#216FA4; }
.termsWrap .con { width:880px; padding:20px; height:145px; border:1px solid #dddddd; overflow-x:hidden; overflow-y:auto; resize: none}
.termsWrap .agree { margin:7px 0 0 0; font-size:14px; }
.termsWrap .agree label { margin:0 0 0 5px}
.termsWrap .btn { margin:30px 0 0 0; padding:19px 0 0 0; border-top:2px solid #e2e2e2; text-align:center; }
.btnRec { display:inline-block; margin:0 5px; padding:0 45px; color:#fff; height:40px; line-height:40px; font-size:16px; }
.btnRec.blue { background:#216FA4; }
.btnRec.gray { background:#777; }
.box_add{border: 1px solid #81c7ec;padding: 20px 0;margin-bottom: 30px;background:url('../images/content/icon_add.png') 65px 31px no-repeat;}
.box_add p{padding: 0 0 5px 210px;}

/* 본인인증 */
.joinCerify .txt { margin:10px 0 30px 0; text-align:center; font-size:14px; }
.joinCerify .tit { margin:35px 0 0 0; padding:0 0 0 15px; color:#2fa8e1; font-size:16px; background:url('../images/content/bg-employ-list.gif') 0 center no-repeat; }
.joinCerify .noticeTxt { margin:7px 0 0 12px; padding:10px 0 0 5px; border-top:2px solid #e2e2e2; }

/* 개인정보입력 */
.infoInput .topTxt { margin:10px 0 20px 0; text-align:center; font-size:14px; }
.infoInput h3.tit { margin:0 0 5px 0; font-size:16px; color:#3677A0; }
.infoInput table { margin:0 0 45px 0; border-top:2px solid #2da4cb; }
.infoInput table th { padding:10px 0 10px 20px; text-align:left; color:#3677A0; border-bottom:1px solid #e6e6e6; }
.infoInput table td { padding:10px 0; border-bottom:1px solid #e6e6e6; }
.infoInput table td input[type="text"] { padding:0 10px; width:217px; height:30px; line-height:30px; border:1px solid #e5e5e5; background:#f9f9f9; }
.infoInput table td input[type="radio"] { margin:0 5px 0 0; vertical-align:middle; }
.infoInput table td input[type="text"].wid1 { width:78px; }
.infoInput table td input[type="text"].wid2 { width:608px; }
.infoInput table td select { min-width:100px; height:30px; ;line-height:30px; border:1px solid #dddddd; background:#f9f9f9; }
.infoInput table td .btnGray { display:inline-block; margin:0 0 0 5px; padding:0 20px; height:28px; line-height:28px; color:#fff; background:#777; }
.infoInput table td .txt { margin:0 0 0 10px; font-size:12px; }
.infoInput table td .sort li { display:inline-block; width:135px; }
.infoInput table td p + p { margin:10px 0 0 0; }

/* 가입완료 */
.join_complete{width:454px;margin:35px auto;padding-top:200px;background:url(../images/content/bg_join_complete.jpg) no-repeat center top;text-align:center;color:#2fa8e1;}
.join_complete h3{font-size:30px;}
.join_complete p{margin-top:8px;font-size:16px;}
.join_complete div{margin-top:11px;padding-top:14px;border-top:1px solid #e2e2e2;}
.join_complete .btn{display:inline-block;width:209px;line-height:49px;color:#fff;font-size:16px;background:#a3a3a3;}
.join_complete .btn.btn_blue{background:#6bb5dc;}

/* 아이디/비밀번호 찾기 */
.infoFind .findBox { overflow:hidden; }
.infoFind .inner { float:left; height:235px; width:440px; border-bottom:1px solid #e2e2e2; }
.infoFind .inner:first-child { margin:0 45px 0 0; }
.infoFind .inner h3 { margin:0 0 24px 0; padding:0 0 5px 0; color:#2fa8e1; font-size:16px; border-bottom:4px solid #2da4cb; }
.infoFind .inner dl { margin-bottom:12px; overflow:hidden; }
.infoFind .inner dl dt { float:left; padding:4px 0 0 60px; width:71px; color:#2fa8e1; }
.infoFind .inner dl dd { float:left; }
.infoFind .inner dl dd input { padding:0 10px; width:208px; height:25px; line-height:25px; border:1px solid #cbcaca; }
.infoFind .inner .btn { margin: 0 0 0 126px; }
.infoFind .inner .btn .btnRec { padding:0; width:107px; text-align:center; }
.infoFind .btnBox { margin:51px 0 0 0; text-align:center; }
.infoFind .btnBox .box { display:inline-block; padding:140px 0 16px 0; width:33%; text-align:center; width:259px; }
.infoFind .btnBox .box:hover { background-color:#f2f2f2; }
.infoFind .btnBox .box strong { font-size:16px; color:#2fa8e1; }
.infoFind .btnBox .box a { margin:20px 0 0 0; display:inline-block; width:160px; height:37px; color:#fff; line-height:37px; background:#2da4cb; }
.infoFind .btnBox .box.login { background-image:url('../images/content/bg_login4.png'); background-repeat:no-repeat; background-position:center 52px; }
.infoFind .btnBox .box.join { background-image:url('../images/content/bg_login2.png'); background-repeat:no-repeat; background-position:center 43px; }
.infoFind .btnBox .box.magazine { background-image:url('../images/content/bg_login3.png'); background-repeat:no-repeat; background-position:center 55px; }

/* 회원서비스 관리*/
.memManage h3 { font-size:16px; color:#3677A0; }
.memManage .box { margin:7px 0 30px 0; padding:20px 0 18px 203px; border:1px solid #dddddd; }
.memManage .box strong { font-size:14px; color:#3677A0; }
.memManage .box .btn { margin:7px 0 0 0; }
.memManage .box .btn a { display:inline-block; padding:0 25px; color:#fff; height:25px; line-height:25px;}
.memManage .box .btn a.blue { background:#3677a0; }
.memManage .box .btn a.gray { background:#777; }
.memManage .box.bg1 { background:url('../images/content/bg_memMng1.gif') no-repeat 42px 12px; }
.memManage .box.bg2 { background:url('../images/content/bg_memMng2.gif') no-repeat 55px 17px; }
.memManage .box.bg3 { background:url('../images/content/bg_memMng3.gif') no-repeat 31px 17px; }
.memManage .box.bg4 { background:url('../images/content/bg_memMng4.gif') no-repeat 63px 25px; }

/* 사이트맵 */
.sitemap{width: 1020px;}
.sitemap .box {float:left;width:295px;position:relative;border-top:2px solid #58adc9;margin:0 20px 30px 0;}
.sitemap .box h3 {color:#3a6c8b; font-size:16px;line-height:40px; font-weight:normal;background:#f0f4f7;border-bottom:1px solid #cccccc;text-align:center;}
.sitemap .box > ul > li{border-bottom:1px solid #cccccc;overflow:hidden;padding:6px 0 6px 18px;}
.sitemap .box .dep2{display:inline-block;float:left;}
.sitemap .box .dep2 a{color:#666666; font-size:15px;}
.sitemap .box .dep3 {margin-left:105px;}
.sitemap .box .dep3 li{padding:3px 0;}
.sitemap .box .dep3 li:before{content:'';display:inline-block;width:3px;height:2px;background:#5e92b3;margin-right:6px;vertical-align:3px;}
.sitemap .box .dep3 li a{font-size:13px;color: #888;}
.sitemap .box.menu4, .sitemap .box.menu7{clear:both;}

/* 홈페이지 배너모음 */
.home_banner{width: 1000px;}
.home_banner .banner_box{padding:0 7px;}
.home_banner .banner_box ul{ }
.home_banner .banner_box ul li{float:left;margin:20px 40px 20px 0;text-align:center;}
.home_banner .banner_box ul li .box{width:198px;height:73px;border:#ddd 1px solid;line-height:106px; }
.home_banner .banner_box ul li .box img{ max-width:198px;max-height:73px;}
.home_banner .banner_box ul li p{padding-top:6px; max-width:200px; height:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 포토뉴스 */
.photonews{width: 1000px;}
.photonews .photo_box{padding:0 7px;}
.photonews .photo_box ul{ }
.photonews .photo_box ul li{float:left;margin:10px 40px 15px 0;}
.photonews .photo_box ul li .box{width:200px;height:125px;border:#ddd 1px solid;overflow:hidden;}
.photonews .photo_box ul li .box img{height: 125px;width: 200px; display:block}
.photonews .photo_box ul li p{padding-top:6px; max-width:200px; height:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.photonews .photo_box ul li span{font-size:13px;}

.photo_text{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;letter-spacing:-1px;padding:20px;}
.photo_text>table td{border: none; padding:0;}

/* ==========================================================================
   정부 3.0
   ========================================================================== */
.gov-wrap {}
.gov-wrap h3 { margin:40px 0 5px; padding-bottom:3px; border-bottom:2px solid #6899B8; font-size:18px; color:#3677A0;}
.gov-wrap p { margin-top:10px; font-size:14px; color:#4c4c4c;}
.gov-wrap .list { margin-top:10px;}
.gov-wrap .list > li { overflow:hidden; padding-left:10px; font-size:14px; color:#4c4c4c; background:url('../images/content/ico-gov-list.gif') no-repeat 0px 8px;}
.gov-wrap .list .line { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #d9d9d9;}
.gov-wrap .list > li h4 { font-size:16px; color:#3677A0;}
.gov-wrap .list > li p { margin-top:0px;}
.gov-wrap .list > li ul li { padding-left:10px; text-indent:-10px;}
.gov-wrap .img { text-align:center; margin-top:40px;}
/* ==========================================================================
   사이트안내
   ========================================================================== */
/* RSS 서비스 */
.rssService .tit { margin:35px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.rssService .dotList { margin:0 0 0 8px; }
.rssService .dotList li { padding:0 0 0 11px; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 9px; }
.rssService .con { font-size:14px; }
.rssService .blueRound { display:inline-block; margin:0 10px 0 0; padding:0 20px; height:21px; line-height:21px; color:#fff; background:#0390d9; border-radius:2px; }
.rssService .rssReader { margin:20px 0 0 0; }
.rssService .rssReader li { display:inline-block; width:324px; text-align:center; vertical-align:middle; }
.rssService .rssReader li.bg1 { margin:0 10px 0 0; height:39px; padding-top:70px; background:url('../images/content/bg_hanrss.gif') #d6e8f3 no-repeat center 23px; }
.rssService .rssReader li.bg2 { height:29px; ;padding-top:80px; background:url('../images/content/bg_feedly.gif') #d6e8f3 no-repeat center 24px; }
.rssService .rssReader li a { color:#338ec5; }
.gov-data-link { float:right; width:240px; height:106px; margin-top:20px;  text-align:center; background:#E0EEF6;}
.gov-data-link h4 { margin:12px 0px 8px; font-size:16px; color:#595959;}
.gov-data-link a { font-size:14px; color:#2E6588;}

.gov-wrap .data-link { width:999px; margin:0 auto;}
.gov-wrap .data-link li { float:left; position:relative; width:333px; text-align:center; }
.gov-wrap .data-link li a { display:block; width:178px; height:27px; margin:10px auto 0; border-radius:5px; text-align:center; color:#fff; line-height:27px; background:#0390d9;}
.gov-wrap .data-link li + li:after { content:''; display:block; position:absolute; top:20px; left:0px; width:1px; height:140px; background:#c2c2c2;}

/* 개인정보처리방침 
.privacy { margin:45px 0 0 0; }
.privacy .tit { margin:35px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.privacy .con { color:#4c4c4c; }
.privacy .numList > li { margin: 0 0 5px 15px; text-indent:-15px; }
.privacy .numList strong { display:block; margin-top:10px; font-weight:normal; }
.privacy .numList2 { margin:5px 0 0 15px;}
.privacy .numList2 li { margin: 0 0 3px 0;}
.privacy .numList .txt { margin:5px 0 0 0; text-indent:0; }
.privacy .blueRound { display:inline-block; margin:10px 10px 0 0; padding:0 20px; height:27px; line-height:27px; color:#fff; background:#0390d9; border-radius:2px; }
.privacy .blueTable { margin:20px 0 10px 0; width:704px; }
.privacy .blueTable th { padding:10px 0 10px 20px; background:#2fa8e1;  color:#fff; text-align:left; }
.privacy .blueTable tbody { border:1px solid #81c7ec;  border-width:0 1px 1px 1px; }
.privacy .blueTable td { padding:0px 0 10px 20px; background:#f5f8fa; color:#4c4c4c; }
.privacy .blueTable tr:first-child td { padding-top:10px;}*/
#privacyForm {text-align:right;}

/* 고객서비스 헌장 */
.charter { margin:50px 0 0 0; }
.charter .list { position:relative; width:953px; height:617px; background:url('../images/content/bg_charter.gif') no-repeat; }
.charter .list li { position:absolute; width:157px; }
.charter .list li strong { display:block; font-size:45px; color:#7091a4; text-align:center;}
.charter .list li p { min-height:80px; line-height:17px;}
.charter .list li.num1 { top:25px; left:85px; }
.charter .list li.num2 { top:25px; left:405px; }
.charter .list li.num3 { top:25px; left:735px }
.charter .list li.num4 { top:445px; left:235px; }
.charter .list li.num5 { top:445px; left:565px; }

/* 뷰어 프로그램 */
.viewerWrap .tit { margin:35px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.viewerWrap .list { margin:35px 0 0 0; border-bottom:3px solid #d9d9d9; }
.viewerWrap .list li { display:table;  padding:15px 15px 15px 42px; border-top:1px solid #d9d9d9; overflow:hidden; }
.viewerWrap .list li .img { display:table-cell; width:210px; vertical-align:middle; }
.viewerWrap .list li dl { display:table-cell; width:700px; }
.viewerWrap .list li dl dt { padding:0 0 0 10px; font-size:16px; color:#0390d9; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 10px;}
.viewerWrap .list li dl dt .btn { display:inline-block; margin:0 0 0 20px; padding:0 18px; height:21px; line-height:21px; color:#fff; border-radius:2px; vertical-align:top; font-size:13px; font-weight:normal; background:#0390d9; }
.viewerWrap .list li dl dd { margin:10px 0 0 10px; font-size:12px; }

/* 오시는길 */
.locationWrap { border-bottom:2px solid #d9d9d9; }
.locationWrap .tit { margin:25px 0 0 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.locationWrap .box { position:relative; padding:0 0 0 137px; color:#333; font-size:14px; border-bottom:1px solid #d9d9d9; }
.locationWrap .box h4 { position:absolute; left:7px; top:12px; padding:0 0 0 10px; font-size:16px; color:#0390d9; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 10px;}
.locationWrap .box dl { display:table; border-bottom:1px solid #d9d9d9;}
.locationWrap .box dl.last { border:0;}
.locationWrap .box dl dt { display:table-cell; padding:12px 0;width:130px; text-align:center; vertical-align:middle; }
.locationWrap .box dl dd { display:table-cell; padding:12px 0 ;width:713px; }

/* 저작권 보호정책 */
.copyright { font-size:14px; }
.copyright .tit { margin:0 0 7px 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.copyright .box1 { overflow:hidden; margin:20px 0 5px 0; }
.copyright .box1 .img { float:left; }
.copyright .box1 dl { float:left; margin:15px 0 0 50px; }
.copyright .box1 dl dt { float:left; margin:15px 35px 0 0; font-size:20px; color:#0390d9; }
.copyright .box1 dl dd { float:left; }
.copyright .box1 dl dd ul li { padding:0 0 0 10px; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 10px;}
.copyright .box2 { margin:20px 0 0 0; padding:20px 50px; width:600px; border:1px solid #81c7ec; background:#f5f8fa; overflow:hidden; }
.copyright .box2 dl dt { float:left; margin:7px 15px 0 0; color:#1397db; font-size:20px; }
.copyright .box2 dl dd { float:left; }

.list_pw_wrap{padding:80px 0;}
.list_pw{width:516px;margin:0 auto;padding-top:69px;background:url(../images/content/bg_list_pw.gif) no-repeat 46px 0;}
.list_pw .box{padding:36px 0 39px;text-align:center;border-top:4px solid #2da4cb;border-bottom:1px solid #e2e2e2;}
.list_pw .box span{display:inline-block;color:#3677A0;line-height:27px;}
.list_pw .box input{width:256px;height:21px;margin:0 14px 0 22px;borde:1px solid #cbcaca;}
.list_pw .box .btn{display:inline-block;width:88px;line-height:27px;color:#fff;text-align:center;background:#3677A0;}

/* ==========================================================================
   사이트안내
   ========================================================================== */
/* RSS 서비스 */
.rssService .tit { margin:35px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.rssService .dotList { margin:0 0 0 8px; }
.rssService .dotList li { padding:0 0 0 11px; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 9px; }
.rssService .con { font-size:14px; }
.rssService .blueRound { display:inline-block; margin:0 10px 0 0; padding:0 20px; height:21px; line-height:21px; color:#fff; background:#0390d9; border-radius:2px; }
.rssService .rssReader { margin:20px 0 0 0; }
.rssService .rssReader li { display:inline-block; width:324px; text-align:center; vertical-align:middle; }
.rssService .rssReader li.bg1 { margin:0 10px 0 0; height:39px; padding-top:70px; background:url('../images/content/bg_hanrss.gif') #d6e8f3 no-repeat center 23px; }
.rssService .rssReader li.bg2 { height:29px; ;padding-top:80px; background:url('../images/content/bg_feedly.gif') #d6e8f3 no-repeat center 24px; }
.rssService .rssReader li a { color:#338ec5; }


/* 개인정보처리방침 */
.privacy { margin:45px 0 0 0; }
.privacy .tit { margin:35px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#3677A0; border-bottom:2px solid #19a7ca; }
.privacy .con { color:#4c4c4c; }
.privacy .numList > li { margin: 0 0 5px 15px; text-indent:-15px; }
.privacy .numList strong { display:block; margin-top:10px; font-weight:normal; }
.privacy .numList2 { margin:5px 0 0 15px;}
.privacy .numList2 li { margin: 0 0 3px 0;}
.privacy .numList .txt { margin:5px 0 0 0; text-indent:0; }
.privacy .blueRound { display:inline-block; margin:10px 10px 0 0; padding:0 20px; height:27px; line-height:27px; color:#fff; background:#3677A0; border-radius:2px; }
.privacy .blueTable { margin:20px 0 10px 0; width:704px; }
.privacy .blueTable th { padding:10px 20px; background:#3677A0;color:#fff; text-align:center; border:1px solid #3677A0;}
.privacy .blueTable tbody { border:1px solid #3677A0;  border-width:0 1px 1px 1px; }
.privacy .blueTable td { padding:0px 0 10px 20px; background:#f5f8fa; color:#4c4c4c; }
.privacy .blueTable tr:first-child td { padding-top:10px;}

/* 이용약관 */
.terms { margin:0px 0 0 0; }
.terms .tit { margin:30px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#3677A0; border-bottom:2px solid #19a7ca; }
.terms .con { color:#4c4c4c; }
.terms .numList > li { margin: 0 0 5px 15px; text-indent:-15px; }
.terms .numList strong { display:block; margin-top:10px; font-weight:600; }
.terms .numList2 { margin:5px 0 0 15px;}
.terms .numList2 li { margin: 0 0 3px 0;}

/* 고객서비스 헌장 */
.charter { margin:50px 0 0 0; }
.charter .list { position:relative; width:925px; height:617px; background:url('../images/content/bg_charter.gif') no-repeat -15px; }
.charter .list li { position:absolute; width:157px; }
.charter .list li strong { display:block; font-size:45px; color:#7091a4; text-align:center;}
.charter .list li p { min-height:80px; line-height:17px;}
.charter .list li.num1 { top:25px; left:72px; }
.charter .list li.num2 { top:25px; left:392px; }
.charter .list li.num3 { top:25px; left:722px }
.charter .list li.num4 { top:445px; left:222px; }
.charter .list li.num5 { top:445px; left:552px; }

/* 뷰어 프로그램 */
.viewerWrap .tit { margin:35px 0 10px 0; padding:0 0 5px 0; font-size:18px; color:#338ec5; border-bottom:2px solid #19a7ca; }
.viewerWrap .list { margin:35px 0 0 0; border-bottom:3px solid #d9d9d9; }
.viewerWrap .list li { display:table;  padding:15px 15px 15px 42px; border-top:1px solid #d9d9d9; overflow:hidden; }
.viewerWrap .list li .img { display:table-cell; width:210px; vertical-align:middle; }
.viewerWrap .list li dl { display:table-cell; width:700px; }
.viewerWrap .list li dl dt { padding:0 0 0 10px; font-size:16px; color:#3677A0; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 10px;}
.viewerWrap .list li dl dt .btn { display:inline-block; margin:0 0 0 20px; padding:0 18px; height:21px; line-height:21px; color:#fff; border-radius:2px; vertical-align:top; font-size:13px; font-weight:normal; background:#0390d9; }
.viewerWrap .list li dl dd { margin:10px 0 0 10px; font-size:14px; }

/* 오시는길 */
.locationWrap { border-bottom:2px solid #d9d9d9; }
.locationWrap .tit { margin:25px 0 0 0; padding:0 0 5px 0; font-size:18px; color:#3677A0; border-bottom:2px solid #19a7ca; }
.locationWrap .box { position:relative; padding:0 0 0 137px; color:#333; font-size:14px; border-bottom:1px solid #d9d9d9; }
.locationWrap .box h4 { position:absolute; left:7px; top:12px; padding:0 0 0 10px; font-size:16px; color:#3677A0; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 10px;}
.locationWrap .box dl { display:table; border-bottom:1px solid #d9d9d9;}
.locationWrap .box dl.last { border:0;}
.locationWrap .box dl dt { display:table-cell; padding:12px 0;width:130px; text-align:center; vertical-align:middle; }
.locationWrap .box dl dd { display:table-cell; padding:12px 0 ;width:713px; }
.btn_location{margin-top: 3px;}
.btn_location a{background: #097ead;color: #fff;font-size: 12px;padding: 5px 10px;}

/* 저작권 보호정책 */
.copyright { font-size:14px; }
.copyright .tit { margin:0 0 7px 0; padding:0 0 5px 0; font-size:18px; color:#3677A0; border-bottom:2px solid #19a7ca; }
.copyright .box1 { overflow:hidden; margin:25px 0; }
.copyright .box1 .img { float:left; }
.copyright .box1 dl { float:left; margin:15px 0 0 50px; }
.copyright .box1 dl dt { float:left; margin:15px 35px 0 0; font-size:20px; color:#3677A0; }
.copyright .box1 dl dd { float:left; }
.copyright .box1 dl dd ul li { padding:0 0 0 10px; background:url('../images/content/bg-employ-list2.gif') no-repeat 0 10px;}
.copyright .box2 { margin:20px 0 0 0; padding:20px 50px; width:600px; border:1px solid #81c7ec; background:#f5f8fa; overflow:hidden; }
.copyright .box2 dl dt { float:left; margin:2px 15px 0 0; color:#3677A0; font-size:20px; }
.copyright .box2 dl dd { float:left; }

/* 간행물 회원가입 */
.publication h3.tit{ margin: 0 0 20px 0; padding: 0 0 5px 0; font-size: 18px; color:#3677A0; border-bottom:2px solid #6899B8;}
.publication h3.tit.gap { margin:60px 0 10px 0; }
.publication .box_content { margin-left:10px; }
.publication .table { width:100%; border-collapse:collapse; }
.publication .table th, .publication .table td { padding:9px 0 10px; border-bottom:1px solid #e6e6e6; }
.publication .table th { padding-left:20px; text-align:left; color:#3677A0; }
.publication .table td { font-size:12px; }
.publication .table td input[type="text"] { padding:0 10px; width:217px; height:30px; line-height:30px; background:#f9f9f9; border:1px solid #e5e5e5; }
.publication .table td input[type="radio"] { margin:0 5px 0 0; vertical-align:middle; }
.publication .table td textarea { padding:10px; width:90%; height:110px; background:#f9f9f9; border:1px solid #e5e5e5; }
.publication .table .list li { margin:8px 0; }
.publication .table .list { float:left; overflow:hidden; }
.publication .table .payType { display:table;}
.publication .table .list2 { display:table-cell; vertical-align:middle; }
.publication .table .list2 li { float:left; min-width:110px; }
.publication .table .txtBox { display:table-cell; vertical-align:middle;}
.publication .table #datepicker + img { margin-left:5px; padding:5px; vertical-align:middle;}
.publication .btn { margin-top:40px; text-align:center; }

/* ==========================================================================
   팝업
   ========================================================================== */
.popup_wrap{padding:11px;}
.popup_head{padding:4px 0 7px;}
.popup_head .tit{font-size:26px;color:#2782c1;}
.popup_cont{padding:15px;border:1px solid #7cc4e9;background:#f5f8fa;text-align:center;}   
.popup_id_txt{padding:15px 0;font-size:14px;}
.popup_id_txt .btn-group{margin:20px 0 0;}
.popup_id_txt strong{color:#338ec5;}
.popup_id_txt .pop_inp{margin-top:30px;}
.pop_inp input{width:256px;height:21px;borde:1px solid #cbcaca;}
.pop_inp .btn{display:inline-block;width:104px;line-height:27px;color:#fff;text-align:center;background:#0390d9;font-size:12px;border-radius:3px;vertical-align: top;}
.popup_zipcode{font-size:14px;}
.popup_zipcode p strong{color:#338ec5;}
.popup_zipcode .pop_inp{margin-top:20px;}
.zipcode_tbl_wrap{margin-top:15px;overflow-x:hidden;overflow-y:auto;}
.zipcode_tbl{font-size:12px;color:#3f508a;}
.zipcode_tbl th,.zipcode_tbl td{border-bottom:1px solid #d9d9d9;padding:8px 3px;}
.zipcode_tbl thead th,.zipcode_tbl thead td{border-bottom:2px solid #3f508a;}
.zipcode_tbl td a{color:#595959;}
.zipcode_tbl td p{color:#8c8c8c;}
.pop_search{text-align:left;}
.pop_search p{margin-bottom:10px;padding-left:10px;text-indent:-10px;font-size:14px;}
.pop_search p strong{color:#338ec5;}
.pop_search .dot_list{margin:10px 0 20px;}
.pop_search .dot_list li{font-size:12px;margin-bottom:2px;}
.pop_search .dot_list li:before{margin-top:0;top:7px}
.pop_search .dot_list li strong{color:#338ec5;}
.pop_tit{font-size:16px;color:#3f508a;}
.pop_tbl{margin-top:5px;text-align:center;font-size:12px;border-top:2px solid #3f508a;border-bottom:2px solid #d9d9d9;}
.pop_tbl thead th{color:#3f508a;padding:3px 0;}
.pop_tbl tbody td{border-top:1px solid #d9d9d9;padding:3px 0;}

/* ==========================================================================
   웹진
   ========================================================================== */
.webzin_txt .cont_tit{margin-top:60px;}
.webzin_txt .cont_tit:first-child{margin-top:0;}
.webzin_txt .dot_list{margin:10px;}
.dot_list li{position:relative;font-size:14px;padding-left:10px;margin-bottom:5px;}
.dot_list li:before{content:'';display:block;width:3px;height:3px;background:#2da4cb;position:absolute;left:0;top:10px;}
.webzin_txt .btn-group{margin-top:20px;}
.webzin_txt .btn-group a{width:auto;padding:0 20px;}
.webzin_txt .mail_form li{border-bottom:1px solid #e6e6e6;font-size:14px;padding:7px 20px;line-height:35px;}
.webzin_txt .mail_form li strong{display:inline-block;width:125px;color:#3677A0;font-size:13px;font-weight:normal;}
.webzin_txt .mail_form li input{width:358px;height:28px;line-height:28px;border:1px solid #e5e5e5;background:#f9f9f9;}
.webzin_txt .mail_btn{margin-top:33px;text-align:center;}
.webzin_txt .mail_btn a{display:inline-block;width:120px;line-height:40px;text-align:center;color:#fff;font-size:16px;background:#777;}
.webzin_txt .mail_btn .btn{background:#3677A0;}


/* ==========================================================================
   통합검색
   ========================================================================== */   
.search_none{margin-top:10px;padding-left:180px;background:url(../images/content/bg_total_search_none.gif) no-repeat 0 10px;}
.search_none > div{padding:30px;margin-top:35px;background:#f5f8fa;border:1px solid #b9def1;font-size:14px;}
.search_none > div strong{color:#ff0000;font-weight:normal;}
.total_search{}
.total_search .menu{border-bottom:3px solid #e5e5e5;}
.total_search .menu ul{border:1px solid #c3c3c3;border-left:0 none;}
.total_search .menu ul li{float:left;border-left:1px solid #c3c3c3;}
.total_search .menu ul li a{display:block;font-size:14px;text-align:center;line-height:34px;width:139px;}
.total_search .menu ul li:first-child a{width:138px;}
.total_search_txt{margin-top:25px;}
.total_search_txt .total_left{float:left;width:707px;padding-right:12px;border-right:1px solid #d9d9d9;}
.total_search_txt .total_right{float:right;width:248px;padding-left:12px;border-left:1px solid #d9d9d9;margin-left:-1px;}
.total_search_txt:after{content:'';display:block;clear:both;}
.total_search_txt .tit{margin-bottom:10px;font-size:16px;color:#3f508a;}
.total_search_txt .tit span{font-size:14px;color:#595959;margin-left:15px;}
.total_search_txt hr{margin-top:15px;border:0 none;height:2px;background:#19a7ca;}
.total_search_txt .sec{position:relative;padding:15px 0 40px;border-top:1px solid #d9d9d9;}
.total_search_txt .sec:first-child{padding-top:0;}
.total_search_txt .sec:first-child,.total_search_txt hr + .sec{border-top:0 none;} 
.total_search_txt .sec .btn_more{position:absolute;right:0;top:15px;display:inline-block;color:#fff;width:68px;line-height:21px;background:#a8a8a8;border-radius:3px;text-align:center;font-size:12px;}
.total_search_txt .list_info{margin-bottom:10px;padding-bottom:7px;border-bottom:1px solid #d9d9d9;}
.total_search_txt .list_info .tit{float:left;margin-bottom:0;}
.total_search_txt .list_info .util{float:right;}
.total_search_txt .list_info .util label{margin-right:10px;}
.total_search_txt .list_info .util input{vertical-align:middle;}
.total_search_txt .list_info .util select{width:73px;height:20px;border:1px solid #b4b6b3;}
.total_search_txt .list_info:after{content:'';display:block;clear:both;}
.result_tit{font-size:18px;}
.result_tit strong{color:#338ec5;}
.result_list{margin-top:15px;padding:20px;background:#f7f7f7;border:1px solid #b2b2b2;}
.result_list .tit{margin:0;}
.result_list ul{padding-left:9px;}
.result_list ul li{float:left;width:164px;margin-top:5px;font-size:14px;}
.result_list ul li a span{margin-left:15px;color:#8c8c8c;}
.search_list{padding-left:15px;}
.search_list > li{font-size:14px;}
.search_list > li > a > span{color:#338ec5;text-decoration:underline;}
.search_list.txt > li{margin-top:20px;}
.search_list.txt > li:first-child{margin-top:0;}
.rank_list li{position:relative;margin-bottom:5px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank_list li .num{display:inline-block;width:13px;line-height:13px;margin-right:5px;text-align:center;font-size:11px;border:1px solid #e6e6e6;color:#737373;}
.rank_list li .ic{position:absolute;right:0;line-height:19px;width:20px;text-align:center;}
.rank_list li .btn_delete{position:absolute;right:0;height:19px;width:20px;background:url(../images/content/btn_delete.gif) no-repeat center center;}

 
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */   
@media screen and (max-width:640px) {
}