@charset "UTF-8";
/* 옛한글 지원 */
@font-face {
  font-family: HANDotum; 
  src: local(HANDotum), /* 첫번째 */
     local(HANBatang), /* 두번째 */
     url(/css/fonts/HANDotum.eot), /* 세번째 */
     url(/css/fonts/HCRDotum.woff), /* 네번째 */
     url(/css/fonts/HANDotum.ttf); /* 다섯번째 */
}
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/* layout system */
.col-list-container:after { display: table; content: ""; line-height: 0; clear: both; }
.col-list { float: left; }
.col-1-2 { width: 50%; }
.col-1-3 { width: 33.333333%; }
.col-1-4 { width: 25%; }
.col-1-5 { width: 20%; }
.col-1-6 { width: 16.666666%; }
.col-2-3 { width: 66.666666%; }
.col-3-4 { width: 75%; }
.col-4-5 { width: 80%; }

/* base layout */
html { height: 100%; font-size: 14px; }
body { font-size: 14px; font-family: "Nanum Gothic",'Noto Sans KR', HANDotum, "Helvetica Neue", Helvetica, "돋움", "돋움체", Arial, sans-serif; line-height: 1.5; color: #595757; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; height: 100%; letter-spacing: -0.3px}
a {font-size: inherit; color: inherit; text-decoration: none; line-height: inherit;}
a:hover, a:focus {color: inherit;}
a.active {color: #1273bb}
#contents { min-height: 600px;}
.container { width: 1000px; margin: 0 Auto;}
/* 스킵 네비게이션 */
.skipNav-container a { display: block; width: 1px; height: 1px; overflow: hidden; margin-top: -1px; }
.skipNav-container a:focus, .skipNav-container a:active { width: 100%; height: auto; padding: 10px 0; text-align: center; }
#page-title { display: none; }
/** -------------------------------- header area -------------------------------- */
#header {}

/* header top  */
.header-top {height: 31px; border-bottom: 1px solid #ebedee; font-size: 12px}
.top-left, .top-right { line-height: 31px; }
.header-top .top-left { float: left; width:50%;}
.header-top .top-left > a { display: inline-block;color: inherit;}
.header-top .top-right { float: right; text-align: center;}
.header-top .top-right > a { display: inline-block; position: relative; color: inherit; padding: 0 8px}
.header-top .top-right > a.except {padding-left: 40px}
.header-top .top-right > a i {font-size: 12px;  padding-right: 4px;}
.top-ntf {display: inline-block; top:7px; right: -24px; width:20px; height: 20px; background: #ccc; border-radius: 99px; line-height: 20px; text-align: center; color: #fff; font-size: 11px; letter-spacing: -0.5px}


/* 글로벌 메뉴 */
.gnb-container {width:1000px; margin:0 auto; height: 58px; padding: 20px 0;}
.gnb-container.fixed {}
.gnb-container h1 {float: left; width: 240px;}
.gnb { float: right; width: 760px;}
.gnb-main {padding-top:38px;}
.gnb-main > li {float: left; padding-left:80px;  height: 21px;}
.gnb-main > li:first-child {padding-left: 32px}

.gnb-main > li > a {display: block; width:100%; height: 21px; text-indent: -9999px; background: url(/images/img-common/bg-gnb.png) 0 0 no-repeat;}
.gnb-main > li.is1  {width: 122px; position: relative;}
.gnb-main > li.is1 span {position: absolute; top:0px; right:14px; width:24px; height: 24px; border-radius: 99px; text-align: center; line-height: 24px; background: #ccc; color: #fff; font-size: 11px}
.gnb-main > li.is2 {padding-left: 40px}
.gnb-main > li > a.gnb-main1 {background-position: 0 0; width: 111px;}
.gnb-main > li > a.gnb-main2 {background-position: -200px 0; width: 68px;}
.gnb-main > li > a.gnb-main3 {background-position: -346px 0; width: 68px;}
.gnb-main > li > a.gnb-main4 {background-position: -505px 0; width: 78px;}
.gnb-main > li > a.gnb-main5 {background-position: -678px 0; width: 82px;}

.gnb-main > li > a.gnb-main1:hover, .gnb-main > li > a.gnb-main1.active {background-position: 0px  -21px}
.gnb-main > li > a.gnb-main2:hover, .gnb-main > li > a.gnb-main2.active {background-position: -200px -21px}
.gnb-main > li > a.gnb-main3:hover, .gnb-main > li > a.gnb-main3.active {background-position: -346px -21px}
.gnb-main > li > a.gnb-main4:hover, .gnb-main > li > a.gnb-main4.active {background-position: -505px -21px}
.gnb-main > li > a.gnb-main5:hover, .gnb-main > li > a.gnb-main5.active {background-position: -678px -21px}


/* -------------------------
** scroll UI
----------------------------- */
.scroll-ui {position: fixed; top:0; width:100%;  background: #1673bb; box-shadow: 0 1px 6px  rgba(0,0,0,.25); z-index: 99; display: none; overflow: hidden}
.scroll-ui.scroll {display: block}
.scroll-ui-container {padding: 25px 0;}
.scroll-ui-container .col1 {float: left; width: 250px; padding-top: 10px}
.scroll-ui-container .col2 {float: right; width:750px;}

/** -------------------------------- footer area -------------------------------- */
#footer { border-top: 2px solid #4c4c4c; padding: 20px 0 30px; margin-top: 50px; background: #f7f7f7; font-size: 13px;}
.footer-menu {padding-bottom: 15px; border-bottom: 1px solid #e1e1e1;}
.footer-menu > div.left{float: left; width: 840px;}
.footer-menu > div.right{float: right; width:160px; text-align: right}
.footer-menu > div.left > a {display: inline-block; color: #515151; padding: 0 10px;}
.footer-menu > div.left > a.cs {color: #024287}
.footer-menu > div.left > a.cs strong {font-size: 16px; font-weight: 700}
.footer-copy {padding-top: 20px}
.footer-copy > div {float: left;}
.footer-copy > div.left {width:210px;}
.footer-copy > div.right {width:790px;}
.footer-copy > div.right address {color: #999; padding-bottom: 5px}
.footer-copy > div.right address span {padding-left: 20px}
.footer-copy .svc-copy {font-size: 11px; color: #c2c2c2}
.footer-menu .family-site-container {position: relative;}
.family-site-container .family-site {position: absolute; top:30px; left:18px; width: 120px; background: #fff; padding: 10px; border: 1px solid #d4d8d9; text-align: left; font-size: 11px; display: none}

/** -------------------------------- 오른 퀵 메뉴 -------------------------------- */
#aside { position: absolute; top: 250px; left: 50%; margin-left: 500px; }


/* -------------------------
** 검색 관련
----------------------------- */
/* 검색 공통 UI */
.global-search-form {position: relative; width:750px; margin:0 auto;}
.global-search-form > .g-search-fh {position: absolute; top:-35px; right:0;}
.g-search-fh > a, .g-search-fh > span {float: left;}
.g-search-fh .gubun {color: #0f5ca2; padding: 0 10px; font-size: 14px; line-height: 22px}

.global-search-form select, .global-search-form input, .global-search-form button {float: left;}
.global-search-form select {width: 125px; padding: 16px 10px; color: #000; font-size: 14px; font-weight: 700; border: none; margin-right: 1px}
.global-search-form input{height: 50px; line-height: 50px; width: 472px; border: none;}
.global-search-form button {padding:0; border:0; background: none;}

.sub-search-det >.left {float: left;}
.sub-search-det >.right {float: right;}
.sub-search-det >.left  input[type="checkbox"]{display: inline-block; width:20px; height: 20px} 
.sub-search-det {color: #b9e3f9; padding-bottom: 10px}
.sub-search-det label {display: inline-block; margin-left: 6px; line-height: 20px}

.global-search-form.gsearch {width:780px;}
.global-search-form.sub-search select {width: 125px; padding: 11px 10px; color: #000; font-size: 14px; font-weight: 700; border: none; margin-right: 1px}
.global-search-form.sub-search input{height: 40px; width: 483px; border: none;}
.global-search-form.sub-search button {padding:0; border:0; background: none;}
.global-search-form.sub-search.gsearch input{width: 420px;}
.global-search-form.sub-search.pub-search input{width: 440px;}
.sub-search .btn-search-def {margin-right: 1px}
.global-search-form.gsearch .g-search-fh {display: inline-block; margin-left: 15px; padding-top:10px;}

.sch-container {background: #1672bb; padding: 31px 0 60px 0; position: relative;}
.sch-container.def-sch {padding: 30px 0;}
.sch-container#gsearch {padding: 20px 0;}
.sch-container#gsearch.floating {position: absolute; top:0; left:0; width:100%;}
.sch-container .open-close {position: absolute; left:50%; margin-left: -65px; bottom: 0; width: 130px; height: 40px;}
.sch-container .open-close >a {display: block; width:100%; height: 40px; background: url(/images/img-common/bg-open-close-detsch.png) 0 0 no-repeat; text-indent: -9999px}
.sch-container .open-close >a.open {background-position: 0 -40px;}

/* 검색결과 페이지 */
.sch-result-info {display: table; width:100%; margin: 30px 0 20px; padding: 10px 0; border-top: 2px solid #595757; border-bottom: 1px solid #ddd;}
.sch-result-info > .row {display: table-row;}
.sch-result-info > .row > div {display: table-cell; vertical-align: middle}
.sch-result-info > .row > .left {width: 135px; height: 85px; border-right: 1px solid #ddd; text-align: center; font-size: 16px; color: #4b5056}
.sch-result-info > .row > .left strong {font-size: 22px; color: #da3a2f}
.sch-result-info > .row > .right {width: 865px; padding: 0 35px;}
.sch-result-sit>.left { float: left; width: 84px; border-right: 1px solid #ddd; color:#000;}
.sch-result-sit>.right {float: right; width: 715px;}
.sch-result-sit span {margin-left: 20px}
.sch-result-sit span i {font-style: normal; color: #024287;}
	/* 검색결과 리스트 공용 UI */
.sch-result-lists {}
.sch-result-lists .header {background: #f7f7f7; border-top: 2px solid #595757; border-bottom: 1px solid #ddd;  color: #333; height: 50px; line-height: 50px;}
.sch-result-lists .header.bottom {border-top: 1px solid #595757; border-bottom: 1px solid #595757; margin-top: 5px}
.sch-result-lists .header .left {float: left; width: 73%;}
.sch-result-lists .header .right {float: right; width: 25%; text-align: right;}
.sch-result-lists .header.col1 .left {width: 90%;}
.sch-result-lists .header.col1 .right {width: 10%;}
.sch-result-lists .header .left li {position: relative; }
.sch-result-lists .header .left li:first-child {border-right: 1px solid #ddd; padding: 0 20px;}
.sch-result-lists .header .left li > a {display: block;  border-right: 1px solid #ddd; padding: 0 20px; font-size: 13px}

.sch-result-lists .sub {position: absolute; top:44px; left:10px; display: none; border: 1px solid #ddd; z-index: 2; background: #fff; font-size: 12px; padding: 10px 0;}
.sch-result-lists .sub:before {position: absolute; left:50%; margin-left: -4px; top:-6px; width:9px; height: 6px;background: url(/images/img-common/arr1.png) 0 0 no-repeat; content:'';}
.sch-result-lists .sub> a {display: block; padding: 0 10px; line-height: 1.6}
.sch-result-lists .sub> a:hover {background: #f2f2f2;}
.sch-result-lists .left li.cite:hover >a {color: #024287;}
.sch-result-lists .left li.cite:hover .sub {display: block}

.lists-container {border-bottom: 1px solid #ddd;}
.lists-container .lists {display: table; width:100%; }
.lists-container .lists .tb-row {display: table-row;} 
.lists-container .lists .tb-row > div {display: table-cell; padding: 12px 8px; vertical-align: top} 

.lists-container .lists div.chk {width: 7%; text-align: right;}
.lists-container .lists div.content {width: 78%; padding:12px 0;}
.lists-container .lists div.btn {width: 14%; text-align: center;}
.lists-container .lists div.content.narrow {width: 72%;}
.lists-container .lists div.btn.narrow {width: 20%;}

.lists-container .lists div.chk.pay {width: 4%; text-align: right;}
.lists-container .lists div.content.pay {width: 85; padding:12px 0;}
.lists-container .lists div.btn.pay {width: 11%; text-align: center;}

.lists-container .lists div.chk.pub {width: 5%; text-align: right;}
.lists-container .lists div.content.pub {width: 90; padding:12px 0;}

.lists-container .lists div.content.narrow2 {width: 67%;}
.lists-container .lists div.btn.narrow2 {width: 15%;}
.lists-container .lists div.btn-del {width: 10%; vertical-align: middle; text-align: center;}
.lists-container .lists div.vm {vertical-align: middle}

.lists .content .btns {padding-top: 20px;}
.lists-container .lists .btn button {display: block; width:100%; margin-top: 5px}
.lists-container .lists .btn .price {color:#e74a3f; margin-top: -5px; padding-bottom: 20px}

	/* 키워드, 초록 상세*/
.viewkey-cho {position: relative; border-top: 1px solid #ddd; padding: 20px 40px 20px 70px; display: none}
.words>span {display: inline-block; margin-right: 5px; margin-bottom: 5px}
.words>span > a {display: block; border-radius: 6px; padding: 8px 13px; line-height: 1; border: 1px solid #ddd; font-size: 12px}
.words>span > a:hover, .words>span > a.active {background: #1673bb; border: 1px solid #1673bb; color: #fff}
.viewkey-cho .close {position: absolute; top:-8px; right:0;}

	/* 상세 검색 */
.sel-sch {color:#a6d3e1;}
.sel-sch a.active {color:#ffed89;}
.sel-sch .gubun {color:#0f5ca2;}

.det-search-form {position: relative; width:865px; margin:0 auto; padding-bottom: 25px}
.det-search-form .sub-search-det .g-search-fh {position: absolute; top:0; right:40px;}
.det-search-form select, .det-search-form input, .det-search-form button {float: left;}
.det-search-form select {width: 125px; padding: 16px 10px; color: #000; font-size: 14px; font-weight: 700; border: none;}
.det-search-form input {height: 50px; width: 472px; border: none;}
.det-search-form button {padding:0; border:0; background: none;}

.det-search-form select {width: 125px; padding: 11px 10px; color: #000; font-size: 14px; font-weight: 700; border: none;}
.det-search-form select.sel-filter {width:80px;}
.det-search-form input {height: 40px; width: 575px; border: none; margin: 0 1px;}
.det-search-form button {padding:0; border:0; background: none;}
.det-search-form .btn-search-plus {margin: 0 1px;}

.det-search-items{width:865px; margin:0 auto; color: #FFF; padding: 10px 0;}
.det-search-items .left {float: left; width: 100px; padding: 0 10px 0 20px;}
.det-search-items .right {float: right; width: 735px;}
.sbj-child {padding: 15px 20px; margin-top: 20px; background: #1c7cc1;}
.sbj-child.join {background: #fff; margin:0; padding: 10px 0;}
.sbj-child > span {float: left; width: 20%; padding: 3px 0;}
.det-sch-col3 > span {float: left; width: 33.33333%; padding: 3px 0;}
.det-sch-col5 > span {float: left; width: 20%; padding: 3px 0;}
.issn-serch {text-align: center; color: #ffed89; font-size: 16px}
.issn-serch input, .issn-serch button {height: 40px}
.issn-serch input {width: 470px; margin-right: -4px}
/* ------------------------------------------------
 * sub page layout : 2단
 ------------------------------------------------*/
 .left-container {float: left; width:230px;}
 .sub-right-container {float: right; width:770px;}

 .left-menu {width:200px; padding-top: 40px}
 .left-menu h2 {background: #626b89; text-align: center; height: 130px; font-size: 30px; line-height: 130px; color:#fff;}
 .lnb > li {box-sizing: border-box;}
 .lnb > li >a {display: block; padding: 10px 15px; font-size: 13px; border: 1px solid #ddd; border-top: 0;}
 .lnb > li >a.active {background: #f2f2f2; color: #1273bb; font-weight: 700;}

/* ------------------------------------------------
 * sub page layout
 ------------------------------------------------*/
.sub-heading {font-size: 30px; border-bottom: 2px solid #595757; padding: 40px 0 20px;}
.sub-heading.fs-24 {font-size: 24px;}
.sub-heading.padt-100 {padding: 100px 0 20px;}
.sub-heading.no-line {border-bottom: 0;}
.sub-heading small {font-size: 13px; font-weight: normal; color: #999;}
.container-narrow {width:600px;}
.container-narrow2 {width:500px; margin: 0 auto;}

.sub-heading > .heading {float: left; width: 50%;}
.sub-heading > .nav {float: right; text-align: right;}
.sub-heading > .nav span {display: inline-block;font-size: 20px; font-weight: normal; margin-right: 4px}
.sub-heading > .nav span.number {width: 34px; height: 34px; line-height: 34px; border-radius: 34px; background: #ccc; text-align: center; color: #fff}
.sub-heading > .nav span.number.active {background: #5cc4e5;}
.sub-heading > .nav span.number.active + span {font-weight: 700; color: #004386;}

	/* login page */
.login-container {margin: 60px 0 60px;}
.login-container .title5 {font-size: 28px; letter-spacing: -0.5px}
.login-container .title5 > small {font-size: 13px; color: #999; font-weight: normal}
.login-container > div {width:500px; box-sizing: border-box;}
.login-container >.left {float: left; border-right: 1px solid #eee; padding: 20px 30px 0 0;}
.login-container >.right {float: right; padding: 20px 0 0 30px;}
.login-container .forms-container {margin-bottom: 10px}
.login-container .forms-container >.forms {float: left; width: 320px;}
.login-container .forms-container >.btn {float: right; width: 140px; text-align: right}
.forms-container >.btn button {width: 100%; height: 90px; font-size: 20px; font-weight: 700; color: #fff}
.forms-container.be-member >.btn button {font-size: 16px; font-weight: normal; line-height: 1.2}
.login-int {position: relative;}
.login-int input[type="text"], .login-int input[type="password"] {width:320px; padding:0; height: 40px; border: 1px solid #ccc; padding: 0 20px 0 40px}

.login-int label {position: absolute; width: 20px; top:10px; left:10px; border-right: 1px solid #ddd; font-size: 16px; color: #a1a6b8; z-index: 2}

.login-int input[type="text"]:focus, .login-int input[type="password"]:focus {border: 1px solid #1673bb;}
.login-int input[type="text"]:focus+label, .login-int input[type="password"]:focus+label {color: #1673bb}
.login-bottom {padding-top:50px; }
.login-bottom > .right-is2 {padding-top: 70px}
.login-bottom.col2 > div {float: left; width: 50%; box-sizing: border-box;}
.login-bottom.col2 > div.left {padding-right: 20px; border-right: 1px solid #eee;}
.login-bottom.col2 > div.right {padding-left: 20px}
.be-member-int input[type="text"] {width:100%; height: 40px}
.be-member-int.first {margin-bottom: 28px}

.login-bans {padding: 40px; background: #f7f7f7;}
.login-bans h4 {text-align: center; font-size: 18px; color:#004386; margin-bottom: 20px;}
.login-bans h5 {font-size: 16px;}

.id-pw-form .label {float: left; padding:8px 10px; width:55px;}
.id-pw-form .forms {float: right; width:520px;}
.id-pw-form input[type="text"], .id-pw-form select {height: 40px}
.id-pw-result {padding: 90px 0; text-align: center;}
.id-pw-result .msg {font-size: 20px; color: #333; margin-bottom: 27px}
.id-pw-result .msg strong {color: #e74a3f;}
.id-pw-result .msg-add {font-size: 13px; color: #999;}
.id-pw-result .msg-add a {color: #595757; text-decoration: underline;}

	/* 회원 가입, 수정 */
.mail-conf-form {padding: 20px 30px;}
.mail-conf-form > div {float: left;}
.mail-conf-form > div.first {width: 110px;}
.mail-conf-form > div.second {width: 530px;}
.mail-conf-form > div.thi {width: 280px; padding-left: 4px}

.form-h30 select, .form-h30 button {height: 30px; line-height: 30px; padding-top: 0; padding-bottom: 0}
.form-h30 input {height: 30px; line-height: 30px}
.form-h40 select, .form-h40 button {height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0}
.form-h40 input {height: 40px; line-height: 40px}
.form-h40 label, .form-h40 span {line-height: 40px}

.pw-change-form {text-align: left; padding-left: 300px}
.pw-change-form input[type="password"]{width:350px; height: 50px}

	/* 테이블 형식인 리스트 */
.tb-forms {display: table; width: 100%; border-top: 2px solid #ddd;}
.tb-forms > li {display: table-row;}
.tb-forms > li >div {display: table-cell; padding: 20px 5px 20px 25px;  border-bottom: 1px solid #ddd; vertical-align: top}
.tb-forms.narrow1 > li >div {padding: 8px 10px 8px 25px;}
.tb-forms.narrow2 > li >div {padding: 5px 10px 5px 10px;}

.btn-mem-out {position: absolute; right: 20px; bottom: 20px;}
.mem-cof-msg {padding-top: 60px; text-align: center;}
.mem-cof-msg h3 {font-size: 30px; margin-bottom: 10px}
.mem-out-form {width:320px; margin:0 auto 60px;}
.mem-out-form > li {margin-bottom: 15px; text-align: left;}
.mem-out-form > li >div {float: left; font-weight: 700; color: #333;}
.mem-out-form > li >div.col1 {width: 22%;}
.mem-out-form > li >div.col2 {width: 78%;}
.mem-out-msg {text-align: center; }
.mem-out-msg h2 {font-size: 32px; padding-bottom: 20px; border-bottom: 2px solid #ddd;}
.mem-out-msg .bg-gray1 {padding: 30px 30px 30px 90px; text-align: left;}
/* ------------------------------------------------------ 
 *	my page
 ------------------------------------------------------ */
.mypage-info-container {background: #e7f1f8; margin-bottom: 50px}
.mypage-info-container > div {float: left; height: 180px; box-sizing: border-box; padding: 25px 20px 20px; border-left: 1px solid #dae4eb; text-align: center;}
.mypage-info-container > div.col1 {width:22%; background: #626b89; border-left: none; color: #fff}
.mypage-info-container > div.col2 {width:30%;}
.mypage-info-container > div.col2-2 {width:56%; padding: 50px 20px 20px 50px; text-align: left;}
.mypage-info-container > div.col3 {width:26%;}
.mypage-info-container > div.col4 {width:22%; text-align: left; padding:0;}
.mypage-info-container > div.col4-2 {width:22%; padding: 50px 0;}
.mypage-info-container > div.col4 ul {box-sizing: border-box; padding: 30px 20px;}
.mypage-info-container .price {font-size: 16px; vertical-align: middle}
.mypage-info-container .price strong {font-size: 29px; color: #e74a3f}
.mypage-info-container .refill {position: absolute; bottom: 16px; right: 50px;}
.mypage-info-container .first-row {height: 89px; border-bottom: 1px solid #dae4eb;}
.list-heading {padding: 30px 0 15px;}
.list-heading > h3 {float: left; width: 40%; font-size: 22px}
.list-heading.old > h3 {width: 50%; font-size: 18px}
.list-heading > h3 span {font-weight: normal;}
.list-heading > .right {float: right;  text-align: right}

.btn-down {font-size: 26px; color: #626b89}

	/* 월별 정렬 UI*/
.sel-mm-grp {display: inline-block;}
.sel-mm-grp > span {float: left; width:52px; height: 28px; line-height: 28px; font-size: 12px; text-align: center; background: #f2f2f2; border: 1px solid #ddd; border-left: 0; cursor: pointer;}
.sel-mm-grp > span:first-child {border-left: 1px solid #ddd}
.sel-mm-grp > span.active {background: #33a1db; border-color: #33a1db; color: #fff}

	/* 한줄 검색 UI */
.sch-form-grp select, .sch-form-grp input, .sch-form-grp button {height: 30px}
.sch-form-grp select {min-width:70px; font-size: 12px; color:#000;}
.sch-form-grp input {width: 200px; margin-right:-4px}
.sch-form-grp button {background: #33a1db; font-size: 12px; color: #fff}

	/* 캘린더 UI */
.cal-ui {display: inline-block;}
.cal-ui input {width: 140px; height: 30px; padding: 4px 22px 4px 6px;}
.cal-ui input+img {margin-left: -20px; vertical-align: middle}
.cal-ui span {padding: 0 10px;}

.folder-tree-top {position: relative; padding:15px 10px; border-top: 2px solid #ddd; border-bottom: 1px solid #ddd;}
.folder-tree-top > span {display: inline-block; vertical-align: middle;}
.folder-tree-top > span a:hover {color: #1273bb;}
.folder-add {position: absolute; top:15px; right: 10px}
.folder-add .over {position: absolute; top: -17px; left: -23px; width:56px; background: #e7f1f8; font-size: 11px; border: 1px solid #bfd4e3; text-align: center; display: none}
.folder-add:hover .over {display: block}

.folder-tree-top .tooltip-layer {width: 77px; right: -10px; top:18px; display: none}
.folder-tree-top .tooltip-layer li:hover {background: #f2f2f2;}


.folder-list > li {position: relative; padding:18px 10px 0 10px; font-size: 12px}
.folder-list > li i {color:#bbb; font-size: 14px}
.folder-list > li>a:hover i, .folder-list > li>a.active i {color: #2388d2}
.folder-list > li .cog {position: absolute; right:0; top:50%; width: 16px; height: 16px; border: 1px solid #ddd; line-height: 15px; text-align: center}

.folder-list .tooltip-layer{ right: -2px; top:35px; display: none; z-index: 2}
.folder-list .tooltip-layer li { font-size: 12px; padding: 2px 10px; }
.folder-list .tooltip-layer li:hover {background: #f2f2f2;}

	/* 맞춤추천 */
.tab-line-col2 {margin-bottom: 30px}
.tab-line-col2 > li {float: left; width: 50%;}
.tab-line-col2 > li>a {display: block; position: relative; padding: 15px 0; border-bottom: 2px solid #ddd; box-sizing: border-box; text-align: center; font-size: 16px}
.tab-line-col2 > li:first-child>a:after {position: absolute; right:0; top:17px; width:1px; height: 20px; background: #ddd; content:'';}
.tab-line-col2 > li>a.active {font-weight: 700; color: #1273bb; border-bottom: 2px solid #1273bb;}

.thesis-content {margin-left: -20px; display: none}
.thesis-content.active {display: block}
.thesis-content > .thesis-box {float: left; width: 490px; border: 1px solid #ddd; margin-left: 20px; margin-bottom: 20px; box-sizing: border-box;}
.thesis-box-inner {padding: 30px 30px 15px;}
.thesis-list {margin-top: 15px}
.thesis-list li {font-size: 13px; height: 26px; line-height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.thesis-box-paging {text-align: right}
.thesis-box-paging  a {display: inline-block; margin-right: -1px; margin-bottom: -1px; width:18px; height: 18px; border: 1px solid #ddd; font-size: 11px; line-height: 18px; text-align: center; color: #626b89}

	/* 알림서비스 */
.my-notice-msg {padding-top: 65px; text-align: center}
.my-notice-msg .msg1 {padding-bottom: 30px; border-bottom: 2px solid #595757;} 
.my-notice-msg .msg1 h2 {font-size: 36px; padding-bottom: 20px}
.my-notice-msg .msg1 p {font-size: 17px}
.my-notice-msg .msg2 {padding: 20px 0; border-bottom: 1px solid #ddd;}

	/* 페이퍼 머니 충전 */
.pmoney-container {margin-bottom: 50px; padding-top: 60px}
.pmoney-container h2 {font-size: 36px; text-align: center; margin-bottom: 20px}
.pmoney-sel-container {width: 780px; margin: 0 auto;}
	/* 1: 1 문의 */
table tr.answer {display: none}
table tr.answer td {padding: 30px;}
table tr.pointer {cursor: pointer}
.answer .q-a {text-align: left}
.answer .q {padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.answer .a {padding: 30px 40px; position: relative;}
.answer .a:before {position: absolute; top:32px; left:20px; width:20px; height: 15px; content:''; background:  url(/images/img-common/arr2.png) 0 0 no-repeat;}
.answer .a .a-title{font-size: 16px; color:#1273bb;}
.answer .a .a-date{font-size: 12px; color:#999; margin-bottom: 25px}

/* ------------------------------------------------------ 
 *	장바구니, 결제
 ------------------------------------------------------ */
 .tatal-pay-container {padding: 30px 10px 30px 30px; background: #f7f7f7; border-bottom: 2px solid #595757;}
 .tatal-pay-container .left {float: left; width: 50%; font-size: 16px}
 .tatal-pay-container .right {float: right; width: 50%; text-align: right; font-size: 24px; letter-spacing: -0.5px}
 .tatal-pay-container .right .price {font-size: 30px; padding: 0 4px 0 20px;}

 /* ------------------------------------------------------ 
  *	고객센터, 게시판
  ------------------------------------------------------ */
 .bbs-sch-container {padding: 15px; background: #f7f7f7; text-align: center;}
 .bbs-det-top {padding: 25px 8px 15px 25px; border-bottom: 1px solid #ddd;}
 .bbs-det-top .col1 {float: left; width: 68%;}
 .bbs-det-top .col2 {float: right; width:32%; text-align: right; color: #999}
 .bbs-pre-next {display: table; width:100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 13px}
 .bbs-pre-next > li {display: table-row; }
 .bbs-pre-next > li:first-child >div {border-bottom: 1px solid #f6f6f6;}
 .bbs-pre-next > li>div {display: table-cell;padding: 15px;}
 .viewer-box {background: #f7f7f7; padding: 30px 30px 30px 100px; margin-bottom: 50px}
 .viewer-box .col1 {float: left; width:25%;}
 .viewer-box .col2 {float: right; width:75%; padding-top: 28px}
 .guide-box {border-bottom: 1px solid #f7f7f7;}
 .guide-box > div {float: left; width:50%; box-sizing: border-box; text-align: center; padding: 45px 0;}
 .guide-box > div:first-child {border-right: 1px solid #f7f7f7;}

/* ------------------------------------------------------ 
  *	논문페이지
  ------------------------------------------------------ */
 .page-channel {padding: 15px  0; border-bottom: 1px solid #ddd; margin-bottom: 40px; font-size: 13px; color:#666; line-height: 1}
 .page-channel > span {padding-left: 6px}
 .page-channel > span:first-child {padding-left: 0}
 .page-channel > span.active {color: #0c5ba1;}
  /*논문상세*/
 .thesis-info-container {padding: 0 0 60px; border-bottom: 2px solid #595757; position: relative;}
 .thesis-info-container > .col1 > h2 {font-size: 26px}
 .thesis-info-container > .col1 {float: left; width: 68%;}
 .thesis-info-container > .col2 {float: right; width: 32%; box-sizing: border-box; padding-left: 60px}
 .thesis-info-container .price {font-size: 24px; color: #e74a3f}
 .thesis-info-container .main-btns button {font-size: 16px; padding: 0 22px; height: 50px; line-height: 50px; margin-right: 6px}
 .thesis-info-container .main-btns button i {margin-top: -2px}
 .thesis-info-container .bottom-btns {position: absolute; bottom: 20px; left:0;}

 .thsis-detail-container {}
 .thsis-detail-container > .col1 {float: left; width:74%; box-sizing: border-box; padding: 50px 30px 50px 0; border-right: 1px solid #f2f2f2;}
 .thsis-detail-container > .col2 {float: right; width:26%; box-sizing: border-box; padding: 50px 0 50px 30px;}
  
.open-close {}
.open-close > h5 {cursor: pointer; margin-bottom: 20px;}
.open-close > h5 > strong, .open-close > h5>span {display: inline-block; vertical-align: middle}
.open-close > h5 > .up-down {display: inline-block; width: 20px; height: 18px; background: url(/images/img-common/bg-up-down.png) -25px 0 no-repeat; margin-left: 10px;}
.open-close .open .up-down {background-position: 0 0;}
.open-close .content {display: none}
.open-close .open+.content {display: block}

.key-words-container {display: table; width: 100%; margin-bottom: 40px}
.key-words-container > .key-row {display: table-row;}
.key-row > .key-col {display: table-cell; padding: 20px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle}
.key-row > .key-col:first-child {width: 12%;}
.key-words-container .words > span {margin-bottom: 5px}
.key-words-container .words > span>a {font-size: 14px}
.issue-list-conainer {padding: 20px 0; border-bottom: 1px solid #eee;}
.issue-list-conainer > .col1 {float: left; width:6%; text-align: right; font-size: 16px; color: #000; }
.issue-list-conainer > .col2 {float: left; width: 94%; padding: 0 10px; box-sizing: border-box;}
.issue-list-conainer .heading {position: relative;}
.issue-list-conainer .heading .hit {position: absolute; top:0; right:0; font-size: 13px}
.heading .hit .hart {color: #ccc}
.heading .hit .hart.active {color: #da3a2f;}
.issue-list-conainer .writer {font-size: 12px; color: #767676; padding-bottom: 15px}
.issue-list-conainer .multi-ellips-row2 {height: 42px; margin-bottom: 20px}
.issue-list-conainer .words {position: relative; padding-left: 75px;}
.issue-list-conainer .words:before {position: absolute; left:0; top:4px; content:'키워드보기'; font-weight: 700; color:#000;}
.issue-list-conainer .words > span {margin-bottom: 5px}

.btn-cite {display: inline; position: relative;}
.btn-cite .sub {position: absolute; left:0; top:25px; border: 1px solid #ddd; z-index: 2; background: #fff; font-size: 12px; padding: 10px 0; width: 120px; display: none}
.btn-cite .sub:before {position: absolute; left:50%; margin-left: -4px; top:-6px; width:9px; height: 6px;background: url(/images/img-common/arr1.png) 0 0 no-repeat; content:'';}
.btn-cite .sub> a {display: block; padding: 0 10px; line-height: 1.6}
.btn-cite .sub> a:hover {background: #f2f2f2;}

.btn-cite:hover .sub {display: block}


/* 입금대기 모달 윈도우 */
.waiting-data { position: absolute; top: 150px; left: 50%; background: #fff; width: 1000px; margin-left: -500px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }
.waiting-data h3 {font-size: 34px; color: #000; text-align: center;}

/* 사이트 맵 */
.sitem-container > div {float: left; width: 320px; height: 400px; margin-left: 20px; background: #f7f7f7;}
.sitem-container > div:first-child {margin-left: 0}
.sitem-container > div > h3 {height: 60px; line-height: 60px; background: #33a1db; font-size: 20px; font-weight: normal; color: #fff; padding-left: 20px}
.sitem-container ul {margin: 25px 0 0 20px;}
.sitem-container ul > li > a {display: block; color: #000; margin-bottom: 8px}
.sitem-container ul > li > a:hover {color: #33a1db}

/* ------------------------------------------------------ 
 *	팝업창
 ------------------------------------------------------ */
 .pop-content h3 {background: #1273bb; line-height: 2.5; text-align: center; color: #fff; margin-bottom: 20px}
 .langs-container {padding: 0 20px;}
 .langs-container .sel-mm-grp > span {width: 100px;}
 .langs-container > .langs { padding: 15px; background: #f2f2f2; border: 1px solid #ddd;  line-height: 1}
.langs .step1 a {display: inline-block; padding: 5px; font-size: 16px; color:#1273bb; font-weight: 700}
.langs .step1 a:hover, .langs .step1 a.active {text-decoration: underline;}

.langs .step2, .langs .step3, .langs .last {border-top: 1px solid #ddd; padding: 10px 0;}
.langs .step2 a {display: inline-block; padding:5px; font-size: 14px; color:#004386; font-weight: 700}
.langs .step2 a:hover, .langs .step2 a.active {text-decoration: underline;}

.langs .step3 a {display: inline-block; padding:5px; font-size: 14px; color:#000; font-weight: 700}
.langs .step3 a:hover, .langs .step3 a.active, .step3  a:active {border: 1px solid #000;}
.langs .last {font-size: 30px; color: #da3a2f; font-weight: 700;}
.langs .last span {font-size: 13px; color:#333; font-weight: normal;}
.langs .number > a {font-size: 12px; text-decoration: none; padding: 2px 4px; line-height: 1; border: 1px solid #ccc; color: #222; margin-right: 2px; background: #fff;}
.langs .number > a:hover, .langs .number > a.active {text-decoration: none; background: #1673bb; border-color: #1673bb; color: #fff;}



/* ------------------------------------------------------ 
 *	common style define
 ------------------------------------------------------ */
input.fontfm-def {font-family:'새굴림', '굴림', '돋움', '돋움체', sans-serif !important}
.content-in { padding: 30px 25px; }
.line-gray { border-bottom: 1px solid #e7e7e7;}
.line-blue {border-bottom: 1px solid #1166a9;}
.msg-success {font-size: 12px; color: #0c5ba1;}
.msg-fail {font-size: 12px; color: #e74a3f;}
.msg-def {font-size: 12px; color: #999;}
.arr-title {padding-left: 10px; background: url(/images/img-common/bg-arr.png) 0 50% no-repeat;}
.dot-title {padding-left: 10px; background: url(/images/img-common/ico-dot.png) 0 50% no-repeat;}
.req-title {padding-left: 15px; background: url(/images/img-common/ico-dot-red.png) 0 50% no-repeat;}
.req-title2 {margin-left: -15px; padding-left: 15px; background: url(/images/img-common/ico-dot-red.png) 0 50% no-repeat;}

.mark-link {background: #ececec; padding: 1px 3px; color: #0091dc;}
.mark-link:hover {color: #0091dc;}
.gubun-bar {display: inline-block; margin: 0 10px; color: #999999; font-size: 12px;}

.circle-helper {display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url(/images/img-common/circle-helper.png) 0 0 no-repeat; cursor: pointer; text-indent: -9999px;}
.helper-layer {position: absolute; display: none; font-size: 12px; background: #fff; padding: 10px; z-index: 3}
.circle-helper.showly:hover + .helper-layer {display: block;}

.round-mark {display: inline-block; padding:0 10px; background: #626b89; height: 28px; border-radius: 14px; line-height: 28px; color: #fff}
.chk-num {font-size: 16px; color: #000}

.mark-pm {display: inline-block; width:18px; height: 18px; line-height: 18px; background: #ccc; border-radius: 99px; text-align: center; font-style: normal; color: #fff; vertical-align: middle}
.mark-pm.plus {background: #e74a3f;}
.tooltip-layer {position: absolute; border: 1px solid #ddd; font-size: 12px; background: #fff;}
/* common form style */
.grp-form input, .grp-form button, .grp-form select {margin-right: 2px; vertical-align: middle;}
.form-grp1 input[type="text"], .form-grp1 input[type="search"], .form-grp1 button, .form-grp1 select {height: 30px}
.form-grp1 button {background: #b2b2b2; color: #fff; font-size: 13px;}
.form-grp1 input[type="search"]+button {margin-left: -1px}

.form-grp2 input[type="text"], .form-grp2 input[type="search"], .form-grp2 button, .form-grp2 select {height: 28px}
.form-grp2 button {height: 28px}
.form-grp2 input[type="search"]+button {margin-left: -1px}

.cal-ui {display: inline-block;}
.cal-ui input[type="text"] {width: 5em;}
.cal-ui span {padding: 0 0.4em;}
.cal-ui img {vertical-align: middle; padding-left: 4px}
.addr-form > div {margin-bottom: 5px}
.addr-form > div:last-child {margin-bottom: 0}
.addr-form input[type="text"], .addr-form button {height: 28px}
.addr-form button {background: #8f9195; color: #fff; font-size: 12px;}
.tell-ui input {width: 4em; height: 28px; text-align: center}
.tell-ui span {padding: 0 0.3em;}
.mail-ui span {float: left;}

	/* tab style */
.tab-menu:after {display: table; content: ""; line-height: 0; clear: both;}
.tab-menu > li { float: left; height: 40px; line-height: 40px; text-align: center}
.tab-menu > li > a { display: block; position: relative; box-sizing: border-box; background: #f2f2f2; border: 1px solid #ddd; border-left: none;}
.tab-menu > li:first-child > a{ border-left: 1px solid #ddd; }
.tab-menu > li > a.active { background: #fff; color: #000}
.tab-menu > li > a.active:after { position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #fff; content: ''; }
.tab-menu.col4 > li { width:25%;}
.tab-menu.col2 > li { width:50%;}
.tab-menu.col9 > li { width:11.111111%;}
.tab-menu.col10 > li { width:10%;}
	/* 회원가입 탭 스타일*/
.tab-menu.type1 {position: relative;}
.tab-menu.type1:before {position: absolute; left: 0; bottom: -2px; width: 100%; height: 1px; background: #ddd; content: '';}
.tab-menu.type1 > li {font-size: 16px; }
.tab-menu.type1 > li > a {font-weight: 700;}
	/* 검정색 보더 타입: 마이페이지 탭 메뉴 */
.tab-menu.type2 > li > a {border-bottom: 1px solid #595757;}
.tab-menu.type2 > li > a.active {border-color: #595757}
.tab-menu.type2 > li > a.active:before { position: absolute; left: 0; top:0; width: 1px; height: 100%; background: #595757; content: ''; }
.tab-menu.type2 > li:first-child > a.active:before {display: none}

.tab-content {border: 1px solid #ddd; border-top: 0; display: none}
.tab-content.block {display: block}
.tab-content.ty1 {border-left: 0; border-right: 0;}
.tab-content.active {display: block}
.tab-content-in {padding: 20px 30px;}

	/* 마이페이지 탭 스타일 */
.tab-menu.my-page >li {width: 111.111111px;}

	/* 리스트 항목 스타일*/
.list-article h3 {font-size: 16px; font-weight: normal}
.list-article .article1 {font-size: 12px; color:#767676;}
.list-article .article2 {font-size: 13px}
.list-article .article3 {font-size: 14px; color:#767676;}
.list-article .article2 a {color: #1273bb !important;}

	/* 2단 컨텐츠 : 보관함 */
.content-col2 {*zoom: 1;}
.content-col2:after {display: block; width: 0; height: 0; content: ''; clear: both;}
.content-col2 > .left  {float: left; width:170px;}
.content-col2 > .right  {float: right; width:800px; padding-left: 30px}

	/* FAQ */
.tab-menu.faq >li {width: 16.66666%;}/* FAQ 탭 스타일 */
.faq-list-container {border-top: 1px solid #eee; margin: 20px 0;}
.faq-list > li {border-bottom: 1px solid #eee;}
.faq-list .faq-title {padding: 12px 15px 12px 20px;}
.faq-list .faq-cont {padding: 30px 20px; background: #f7f7f7;}

.faq-title .faq-title-container > div {float: left; box-sizing: border-box;} 
.faq-title-container > .col1 {width: 120px; border-right: 1px solid #eee; color: #000; font-weight: 700;}
.faq-title-container > .col2 {width: 595px; padding: 0 20px;}
.faq-title-container > .col3 {width:20px; height: 20px; background:  url(/images/img-common/up-down.png) 0 0 no-repeat;}
.faq-title > a.active .faq-title-container > div{color: #1273bb}
.faq-title > a.active .faq-title-container > .col3 {background-position: 0 -20px;}
.faq-cont {display: none}

	/* common form style */
.forms-mail > span {float: left; width:33.333333%; box-sizing: border-box; padding-right: 5px;}
.forms-mail > span.last {padding-right: 0}
.forms-mail > span.first {padding-right: 30px; position: relative;}
.forms-mail > span.first:after {position: absolute; top:8px; right: 8px; content: '@'}

.forms-tell > span {float: left; position: relative; width:34%; box-sizing: border-box; padding-right: 25px;}
.forms-tell > span.last {width:32%; padding-right: 0;}
.forms-tell input, .forms-tell select {width: 100%;}
.forms-tell > span:after {position: absolute; top:8px; right: 8px; content: '-'}
.forms-tell > span.last:after {display: none}
.forms-tell > span.wide:after {display: none}
.forms-tell.col4 > span {width:20%;}
.forms-tell.col4 > span.wide {width:42%;}
.forms-tell.col4 > span.wide.is2 {width:240px;}
.forms-tell.col4 > span.last {width: 18%; padding-right: 0;}
.forms-tell.col4 > span.wide input {width:50%;}

	/*  global top */
.global-top {position: fixed; bottom: 20px; left: 50%; margin-left: 550px; z-index: 101; width:40px; height: 40px; }
.global-top > a {display: block; text-align: center; line-height: 40px; background: #ddd;color: #fff; font-size: 13px}
.global-top > a:hover {background: #38a1db;}

.gubun {padding:0 10px; color: #ddd}
a.blue {color: #1273bb;}
a.no-link {cursor: default;}
.no-data { padding: 60px 20px; background: #f7f7f7; font-size: 18px; color: #333; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.txt-split {position:relative;}
.txt-split .txt-more {position: absolute; padding: 0 2px; top:-20px; left:-30px; margin-right: -100px; background: #e7f1f8; font-size: 13px; border: 1px solid #bfd4e3; display: none}
.txt-split:hover .txt-more {display: block}

.ico-new { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background: url(/images/ko/img-common/sp1.png) -20px -360px no-repeat; vertical-align: top; }
.ico-close { display: inline-block; width: 30px; height: 30px; text-indent: -9999px; background: url(/images/ko/img-common/sp1.png) -110px -100px no-repeat; }
.ico-required:after { position: absolute; right: 0; top: 0; content: '*'; color: #ff595b; font-weight: normal; font-size: 18px; }
.ico-check { position: absolute; width: 30px; height: 30px; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; font-size: 20px; color: rgba(0, 0, 0, 0.7); }


/** -------------------------------- 모달 윈도우 & view layer -------------------------------- */
.over-dim-layer { position: fixed; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); }

/* 모달작은 창 */
.modal-input { position: fixed; top: 50%; left: 50%; background: #fff; width: 400px; height: 200px; padding: 50px 20px; background: #fff; margin-left: -200px; margin-top: -100px; text-align: center; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }

.modal-input .close { position: absolute; top: 5px; right: 5px; }

/* 모달디폴트-absolute 창 */
.modal-page-default { position: absolute; top: 150px; left: 50%; background: #fff; width: 500px; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }
.modal-page-default.w600 { width: 600px; margin-left: -300px; top: 100px; }
.modal-page-default.w700 { width: 700px; margin-left: -350px; top: 100px; }
.modal-page-default.w800 { width: 800px; margin-left: -400px; top: 100px; }
.modal-page-default.w1000 { width: 1000px; margin-left: -500px; top: 100px; }

/* 모달디폴트-fix 창 */
.modal-fix-default { position: fixed; top: 50%; left: 50%; background: #fff; width: 500px; margin-left: -250px; margin-top: -100px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }
.modal-fix-default.w500 { width: 500px; margin-left: -250px; }
.modal-fix-default.w600 { width: 600px; margin-left: -300px; }
.modal-fix-default.w700 { width: 700px; margin-left: -350px; }
.modal-fix-page-attend {position: fixed; width:600px; left:50%; top:0; margin-left: -300px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); z-index: 101; display: none; }

/* close button */
.modal-close1 {position: absolute; top:0; right: 0}
.modal-close2 {position: absolute; top:0; right: -40px}

/* 관리자 css 사용자 사용 */
table.tb-admin {background: #fff;}
table.tb-admin thead tr {border-top: 2px solid #cacfd1; border-bottom: 1px solid #ddd;}
table.tb-admin td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
table.tb-admin th {color: #333; padding: 0.6em 0.8em; background: #f2f2f2; border-left: 1px solid #ddd;}
table.tb-admin td {padding: 0.5em 0.8em;}
table.tb-admin tr>th:first-child, table.tb-admin tr>td:first-child {border-left: 0;}

table.tb-admin-write {background: #fff; box-shadow: 1px 1px 0 #fff; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
table.tb-admin-write th {background: #f2f2f2; color: #333; font-weight: 700; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left}
table.tb-admin-write td {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left;}
table.tb-admin-write th {padding: 0.5em 0.5em 0.5em 1.5em;}
table.tb-admin-write td {padding: 0.5em 0.8em;}
.pay-total {display: table; width: 100%; border: 1px solid #ddd;}
.pay-total > .row {display: table-row;}
.pay-total > .row>div,  .pay-total > .row>span{display: table-cell; text-align: center; vertical-align: middle; padding:1em; }
.pay-total > .row>div {width: 20%;}
.pay-total > .row>span {font-size: 20px; font-weight: 700;}
.pay-total > .row>div .txt {font-size: 12px; color: #999;}
.pay-total > .row>div strong {font-size: 16px; font-weight: 700; color: #333}

/* 1808 - issue */
.issue-keyword {margin-top: 40px; padding: 15px 0 20px; border-top: 1px solid #ddd;}
.issue-text {font-size: 16px; color: #000; font-weight: bold;}
.issue-keyword1 {padding: 0 20px;}
.issue-keyword2 a {display: inline-block; height: 34px; line-height: 34px; padding: 0 20px; margin: 0 0 5px 1px; border: 1px solid #dfdfdf; border-radius: 6px; color: #767676;}
.issue-keyword2 .active, .issue-keyword2 a:hover {background-color: #1673bb; color: #fff; border-color: #1673bb;}
.issue-point1 {float: left; position: relative; /*margin-left: 23px;*/ text-align: center; width: 318px; height: 230px; overflow: hidden; line-height: 230px; border: 1px solid #f2f2f2; box-sizing: border-box;}
.issue-point a {display: inline-block; width: 100%; height: 100%;}
/*.issue-point li:first-child {margin-left: 0;}*/
.issue-point img {max-width: 318px; max-height: 230px; vertical-align: bottom;}
.issue-source {position: absolute; right: 0; bottom: 0; height: 20px; line-height: 20px; padding: 0 5px; background-color: rgba(0,0,0,0.3); color: #fff; font-size: 11px;}
.issue-title {position: absolute; width: 100%; height: 50px; line-height: 50px; background-color: rgba(255,255,255,0.7); font-size: 15px; color: #000; font-weight: bold;}
.issue-text1 {opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; width: 100%; height: 100%; padding: 0 25px; line-height: 280px; background-color: rgba(255,255,255,0.7); font-size: 14px; color: #000; transition: 0.5s; box-sizing: border-box;}
.issue-text1 span {display: inline-block; line-height: 20px;}
.issue-point1:hover .issue-text1 {opacity: 1; filter: alpha(opacity=100);}
.issue-point .owl-nav {position: absolute; right: 1px; bottom: -24px;}
.issue-point .owl-nav div {float: left; width: 25px; height: 25px; background: url("/images/img-main/keyword-nav.png") no-repeat; text-indent: -99999px; cursor: pointer;}
.issue-point div.owl-next {background-position: -35px 0;}


/* 2019~ */
.kisstr-layer {width: 660px; margin-left: -330px; top:50%; margin-top: -300px;}
.kisstr-layer .close {position: absolute; top:0; right: -40px;}
.kisstr-layer h3 {font-size: 28px; margin-bottom: 15px;}

.agree_wrap {width: 850px; margin: 90px auto 70px; text-align: center; font-family: 'Noto Sans KR';}
.agree_wrap a {outline: 0;}
.agree_title {font-size: 32px; color: #171717; font-weight: 500;}
.agree_text {margin: 35px 0 20px; font-size: 16px; color: #575757;}
.agree_text span {color: #171717; font-weight: 500;}
.agree_btn {margin: 55px 0 40px;}
.agree_btn a {margin-left: 4px;}
.agree_btn a:first-child {margin-left: 0;}
.agree_text1 {padding-top: 25px; border-top: 1px solid #ddd; font-size: 14px; color: #575757; line-height: 1.92;}
.agree_text2 {margin-bottom: 15px; font-size: 16px; color: #e74a3f;}
.term-wrap {color: #858585; font-weight: 300}
.term-wrap h2 {font-size: 24px; margin-bottom: 10px;}
.term-wrap h3 {font-size: 20px; font-weight: 400;}
.term-wrap section {padding: 0.5em 1em;}
.term-wrap section h4 {font-size: 16px: font-weight: 400;}
.term-wrap section h6 {color: #666; font-size: 14px; margin-bottom: 6px;}
.term-wrap section ul {margin-left: 0.5em}
.pop-container {padding: 1em;}
.wrap-pop > .heading {background: #434343; padding: 6px 10px;}
.wrap-pop > .heading h2 {font-size: 17px; color: #fff;}