@charset "utf-8";
/**************
	common
**************/
.clear {clear:both}
.connect {float:left; height:29px; margin-left:10px; line-height:29px}

/* font color */
.f-red {color:#cc615b}
.f-blue {color:#0b65a6}
.f-gray {color:#777}

/* font size */
.f-14 {font-size:14px}
.f-18 {font-size:18px}
.f-20 {font-size:18px}

/* margin */
.mar-t5 {margin-top:5px}
.mar-t10 {margin-top:10px}
.mar-t15 {margin-top:15px}
.mar-t20 {margin-top:20px}
.mar-t25 {margin-top:25px}
.mar-t30 {margin-top:30px}

.mar-b5 {margin-bottom:5px}
.mar-b10 {margin-bottom:10px}
.mar-b15 {margin-bottom:15px}
.mar-b20 {margin-bottom:20px}
.mar-b25 {margin-bottom:25px}
.mar-b30 {margin-bottom:30px}

/* searc form */
.search-form {
	position:relative;
}
.search-form .input-search {
	width:283px;
	height:39px;
	padding-left:35px;
	font-size:14px;
	border:1px solid #dde2e4;
	background:url(../img/common/icon-search.gif) 12px 13px no-repeat
}
.search-form .input-search::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	font-style:italic;
    color:#a3abaf
}
.search-form .input-search:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-style:italic;
	color:#a3abaf;
	opacity:  1;
}
.search-form .input-search::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-style:italic;
	color:#a3abaf;
	opacity:  1;
}
.search-form .input-search:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-style:italic;
    color:#a3abaf
}
.search-form .input-search:placeholder-shown { /* Standard  */
	font-style:italic;
    color:#a3abaf
}
.search-form .input-submit {
	position:absolute;
	top:1px;
	right:1px;
	display:block;
	width:39px;
	height:39px;
	border:0;
	text-indent:-999em;
	cursor:pointer;
	background:url(../img/common/icon-arrow.gif) center no-repeat
}
.txt-list li {margin-top:15px}
.txt-list li:first-child {margin-top:0}
.txt-list li a {font-size:16px}

/* btn */
.btn-research {
	display:block;
	width:315px;
	line-height:44px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	border-radius:5px;
	background:#ea6060
}
.btn-research:hover { background:#8399a8 }

/* ul */
.ul-half {overflow:hidden}
.ul-half li {float:left;width:50%;height:130px;color:#777;line-height:1.5em}

.keyword-list {overflow:hidden}
.keyword-list li {margin-bottom:15px;font-size:18px}
.keyword-list li a {font-size:18px}
.keyword-list li span {color:#0b65a6}

/* input - text */
input[type="text"] { height:29px;border:1px solid #ddd}

/* input - width */
.input-w400 {width:370px}
.input-w770 {width:738px}

/* select */
.sbHolder{
	border: solid 1px #ddd;
	height: 29px;
	position: relative;	
	width:223px
}
.select-w225 .sbHolder {
	width:223px
}
.select-w120 .sbHolder {
	width:118px
}
.sbHolder:focus .sbSelector{
	
}
.sbSelector{
	display: block;
	height: 29px;
	left: 0;
	line-height: 29px !important;
	outline: none;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	top: 0;
	width: 100%;
}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover{
	color: #777;
	outline: none;
	text-decoration: none;
}
.sbToggle{
	background: url(../img/common/select-icons.gif) 0 -29px no-repeat;
	display: block;
	height: 29px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
}
.sbToggleOpen{
	background: url(../img/common/select-icons.gif) 0 0 no-repeat;
}
.sbHolderDisabled{
	background-color: #3C3C3C;
	border: solid 1px #515151;
}
.sbHolderDisabled .sbHolder{
	
}
.sbHolderDisabled .sbToggle{
	
}
.sbOptions{
	border: solid 1px #ddd;
	list-style: none;
	left: -1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 31px;
	width: 100%;
	z-index: 1;
	overflow-y: auto;
	background:#fff;
}
.sbOptions li{
	padding: 0 7px;
}
.sbOptions a{
	border-top: dotted 1px #515151;
	display: block;
	outline: none;
	padding: 7px 0 7px 3px;
}
.sbOptions li:first-child a{
	border-top:0
}
.sbOptions a:link, .sbOptions a:visited{
	color: #999;
	text-decoration: none;
}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{
	color: #777;
}
.sbOptions li.last a{
	border-bottom: none;
}
.sbOptions .sbDisabled{
	border-bottom: dotted 1px #515151;
	color: #999;
	display: block;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbGroup{
	border-bottom: dotted 1px #515151;
	color: #EBB52D;
	display: block;
	font-weight: bold;
	padding: 7px 0 7px 3px;
}
.sbOptions .sbSub{
	padding-left: 17px;
}

/* radio */
.radio-wr { position:relative; float:left; width:100px; height:29px; line-height:29px;}
.radio-wr .iLabel {  position:absolute; left:18px; top:-1px; visibility:visible; cursor:pointer; font-size:13px; color:#777; }
.radio-wr .iRadio { visibility:hidden; height:22px; line-height:0; }
.radio-wr .designRadio { position:absolute; left:0; top:7px; display:block; width:12px; height:12px; cursor:pointer; }
.radio-wr .designRadio .radio { display:block; width:13px; height:13px; background:url(../img/common/radio-icons.gif) no-repeat; background-position:0 -13px; }
.radio-wr .designRadio .radio.checked { background-position:0 0px; }

.radio-wr.w200 {width:200px}
.radio-wr.w200 .iLabel {}

/* btn */
.btn-wr {margin:50px 0;text-align:center}
.btn-wr a {display:inline-block;padding:0 20px;margin:0 5px;line-height:39px;font-size:14px;color:#fff;background:#b9b9b9}
.btn-wr a.btn-submit {background:#30629a}

/* paging */
.paging {margin:50px 0;text-align:center;}
.paging span {margin:0 6px;color:#777 !important}
.paging input[type="text"] {width:27px;	height:27px;text-align:center}
.paging button {width:29px;height:29px;border:1px solid #ddd}

/* tab-menu */
.tab-menu {overflow:hidden;padding-left:1px;margin-bottom:30px}
.tab-menu li {display:table-cell;width:13%;margin-left:-1px;text-align:center;vertical-align:middle;border:1px solid #d4dde6;background:#fafcfe;cursor:pointer}
.tab-menu li.on {background:#0b65a6}
.tab-menu li a {display:block;padding:15px 0;font-size:16px;color:#777;}
.tab-menu li.on a {color:#fff}

.tab-contets {}
.tab-contets p a {color:#1e00ff;}

.tab-contets .metrix {overflow:hidden;margin-bottom:50px}
.tab-contets .metrix ul {float:left;overflow:hidden;margin-right:100px}
.tab-contets .metrix ul li {color:#777}
.tab-contets .metrix ul li:first-child {font-size:18px;color:#000}

/* border-box */
.border-box {padding:20px;margin-bottom:20px;border:1px solid #ddd}

/* table */
.tb-basic {width:100%; table-layout:fixed}
.tb-basic th,.tb-basic td {padding:10px 0; text-align:center; border:1px solid #ddd}

/* css : popup */
.popup {position:absolute;left:5%;z-index:999;width:100%;max-width:433px;top:20px}
.popup img{width:100%}
.popup .today{float:right}
.popup .close{float:left}
.popup .poplink {
	display:block;
	position:absolute;
	top:439px;
	left:91px;
	width:199px;
	height:35px;
	text-indent:-999em;
	background:url(/assets/img/common/poplink.png) repeat
}
.popup .row_b{padding:7px 15px 7px 15px;overflow:hidden;background:#333333;}
.popup .row_b a {font-size:11px; color:#fff}

.popup2 {position:absolute;left:45%;z-index:999;width:100%;max-width:433px;top:20px}
.popup2 img{width:100%}
.popup2 .today{float:right}
.popup2 .close{float:left}
.popup2 .poplink {
	display:block;
	position:absolute;
	top:439px;
	left:91px;
	width:199px;
	height:35px;
	text-indent:-999em;
	background:url(/assets/img/common/poplink.png) repeat
}
.popup2 .row_b{padding:7px 15px 7px 15px;overflow:hidden;background:#333333;}
.popup2 .row_b a {font-size:11px; color:#fff}


/**************
	MAIN
**************/
.mainvisual {	
	height:400px;	
	/*background:url(../img/main/bg1.gif) repeat*/
}
.mainvisual .inner {	
	position:relative;
	height:350px;
	padding-top:50px
}
.mainvisual p {	
	width:725px;
	padding-top:40px;
	padding-right:60px;
	font-size:16px;
	color:#adb9c4;
	line-height:1.5em;
	background:url(../img/main/visual-bar.gif) 0 0 no-repeat
}
@media all and (min-width:1100px) {
	.mainvisual p {margin-top:50px}	
}
.mainvisual p b {
	
}
.mainvisual p span {
	font-size:16px;
	font-style:italic;
	color:#bbb
}
.mainvisual ul {
	position:absolute;
	overflow:hidden;
	width:382px;
	bottom:0;
	left:786px
}
.mainvisual ul li {
	position:relative;
	float:left;
	width:50%;
	height:150px;
	padding-top:50px;
	text-align:center
}
.mainvisual ul li.m1 {
	background:#8049c1
}
.mainvisual ul li.m2 {
	background:url(../img/main/bg2.gif) repeat
}
.mainvisual ul li.m3 {
	background:url(../img/main/bg3.gif) repeat
}
.mainvisual ul li.m4 {
	background:#ffa600
}
.mainvisual ul li dt {
	margin-bottom:20px
}
.mainvisual ul li dd a {
	font-weight:bold;
	font-size:16px;
	color:#fff
}
.mainvisual ul li a.plus {
	position:absolute;
	top:20px;
	right:20px
}
.articles-list {

}
.articles-list li {
	margin-top:30px
}
.articles-list li p {
	float:left;
	width:30px;
	font-size:18px
}
.articles-list li dl {
	overflow:hidden;
	padding-left:10px
}
.articles-list li dl dt {
	margin-bottom:15px;
	font-size:18px
}
.articles-list li dl dt a {
	font-size:18px;
	line-height:27px;
}
.articles-list li dl dd,
.articles-list li dl dd a {
	line-height:1.5em;
	color:#777 
}
.contents .con-r > div {
	padding:25px 30px;
}
.contents .con-r .row {
	padding:25px 30px;
	border-bottom:1px solid #ddd
}
.contents .con-r .row .app {
	font-size:16px;
	color:#000
}
.contents .con-r .row .app a {
	display:block;
	margin-top:10px;
	font-style:italic;
	color:#0b65a6
}


/**************
	Archive
**************/
.archive {
	overflow:hidden
}
.archive > p {
	margin-bottom:30px;
	font-size:18px;
	color:#0b65a6
}
.archive > ul {
	overflow:hidden;
	padding-bottom:30px;
	margin-left:-25px;
	margin-bottom:50px;
	border-bottom:1px solid #ddd
}
.archive > ul > li {
	float:left;
	width:87px;
	height:185px;
	margin-left:25px;
	text-align:center	
}
.archive > ul > li > a {
	display:block;
	padding-top:120px;
	background:url(../img/common/archive-img.jpg) no-repeat
}
/* archive - detail */
.contents .con-l .archive-info {
	margin-bottom:20px
}
.contents .con-l .archive-info p {
	margin-bottom:25px;
	color:#777
}
.contents .con-l .archive-info p a {
	color:#c64848
}
.contents .con-l .archive-info dl {
	overflow:hidden;
	width:60px;
	text-align:center;
	font-style:italic;
	color:#777
}
.contents .con-l .archive-info dl dt {
	border-bottom:1px solid #ddd
}


/**************
	VIEW FULL TEXT - Jesk-search
**************/
.jesk-search {
	padding-bottom:20px;
	border-bottom:1px solid #ddd
}
.jesk-search > p {
	margin-top:30px;
	margin-bottom:20px;
	font-size:14px;
	color:#0b65a6
}
.jesk-search .row input[type="text"],
.jesk-search .row .select-wr {
	float:left
}
.jesk-search .row .select-wr {
	margin-left: 10px
}

/**************
	FOR CONTRIBUTORS - instruction
**************/
.instruction {
	margin:40px 0
}
.instruction p.f-18.f-blue {
	margin-bottom:20px
}

/**************
	STATISTICS - Author Index
**************/
.author-index {
	overflow:hidden;
	padding-right:15px
}
.author-index .author-index-search {
	margin-bottom:15px
}
.author-index .author-index-search input[type="text"] {
	width:223px
}
.author-index .author-index-search input[type="submit"] { 
	width:43px;
	height:31px;
	color:#fff;
	border:0;
	background:#30629a
}
.author-index .author-index-type {
	padding:17px 24px;
	margin-bottom:40px;
	background:#f4f4f4
}
.author-index .author-index-type ul {
	overflow:hidden
}
.author-index .author-index-type li {
	float:left;
	margin-right:5px;
	border-bottom:2px solid #fff;
	border-radius:3px
}
.author-index .author-index-type li a {
	display:block;
	width:18px;
	height:18px;
	text-align:center;
	line-height:18px;
	font-size:11px;
	color:#555;
	border-radius:3px;
	background:#e5e7ea
}
.author-index .author-index-type li.on a,
.author-index .author-index-type li a:hover {
	color:#fff;
	background:#555
}
.author-index .author-index-list li {
	margin-bottom:20px
}
.author-index .author-index-list li a,
.author-index .author-index-list li span {
	font-size:18px
}
.author-index .author-index-list li a {
	padding-left:20px;
	background:url(../img/common/icon-cir-arrow.gif) 0 5px no-repeat
}
.author-index .author-index-list li span {
	float:right;
	width:20%
}

/**************
	STATISTICS - Published Articles
**************/
.author-index .author-index-search .select-wr {
	display:inline-block;
	vertical-align:middle
}

/**************
	DOWNLOAD - Cover Pages
**************/
.cover-pages dl {
	margin-bottom:30px
}
.cover-pages dl dt {
	margin-bottom:5px;
	font-size:14px;
	color:#0b65a6
}
.cover-pages dl dd a {
	font-size:14px;
	color:#777
}

/**************
	popup
**************/
.pop-wrapper {width:calc(100% - 32px); margin:15px auto; border:1px solid #ddd;}
.pop-body { padding:28px 18px}
.pop-body h1 { font-size:14px; color:#bb4848; margin:0 0 20px 0}
.pop-body h2 { font-size:14px; color:#2474ae; background:url('/html/assets/img/common/icon-arrow2.gif') 0 0 no-repeat; padding-left:20px; margin-bottom:30px }
.pop-body .section { padding-left:17px; line-height:1.5em; color:#777}
.pop-body .option { overflow:hidden; margin-top:20px}
.pop-btn { text-align:center; padding:30px 0 0 0}
.pop-btn a {display:inline-block; width:90px; padding:10px 0; font-family:'Arial'; text-align:center; color:#fff; background:#999}
.pop-btn a.down {background:#ed5565}

.option {}
.option li { font-size:12px; color:#777}
.option li strong { display:block; margin:0 0 10px 0 }
.option li li { width:auto; float:none; margin:0 0 10px 0}
.option li li label{ text-indent:-20px; padding-left:20px}

/**************
	mailForm
**************/
.mailForm {overflow:hidden; margin:20px; border:1px solid #ddd}
.mailForm h1 {margin-bottom:15px; padding:20px; border-bottom:1px solid #ddd}
.mailForm h2 {margin-bottom:20px; font-weight:normal; font-size:32px}
.mailForm h3 {padding:10px; font-weight:normal; font-size:14px; text-align:center; border-top:1px solid #ddd}
.mailForm p {font-size:18px}
.mailForm .mailForm-cont { padding:20px;}


/*230714 신규*/
.edit_pg {}
.resh {}
.m20 {font-size:18px;}
.m18 {font-size:18px; line-height: 27px;}
.m14 {font-size:16px; line-height: 25px; color:#777;}
.prp {}
.advp {}
.data_ap {}
.data_sp {}
.edit_b {}
.textc {text-align:center;}
.mar-b100 {margin-bottom:100px;}
.tc_tbl1 {}
.tc_tbl1 table {width:100%; border-collapse:collapse; border-spacing:0; font-size:14px;}
.tc_tbl1 table caption {display:none;}
.tc_tbl1 table th {width:50%; padding:10px 10px; background:#f8f8f8; border:1px solid #cecece; font-weight:normal;}
.tc_tbl1 table td {width:50%; padding:20px 20px; border:1px solid #cecece; line-height: 25px}
.edit_pg .date_p {text-align:right;}
.edit_pg .list {margin-bottom:30px;}
.edit_pg .list dt {color: #000; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.edit_pg .list dd {line-height: 26px; margin-left:15px;}
.dot {position:relative; padding-left:15px; word-break:keep-all;}
.dot span {position:absolute; top:0; left:0;}

.about .f-gray {font-size: 18px; line-height: 27px; color:#474747;}
.m20 {font-size: 20px; line-height: 1.5em; color:#474747;}
.auths,
.rvs .f-gray {font-size:16px; line-height: 25px !important;}
.rvs .f-blue,
.ctts .f-blue,
.ctts .f-gray,
.oacs .f-gray,
.mngt .f-gray,
.jour .f-gray {font-size: 18px; line-height: 27px;}

.indent {margin-left:15px;}



/***********
	media screen 1230
***********/
@media screen and (max-width:1230px){
	/* input - width */
	.input-w400 {width:calc( 100% - 380px )}
	.input-w770 {width:calc( 100% - 15px )}
	
	.border-box img {width:100%}

	.search-form .input-search {
		width:calc( 100% - 37px )
	}
	.btn-research {
		width:100%;
		font-size:16px
	}
	.mainvisual p {
		width:calc( 68% - 60px );
		padding-left:30px;
		padding-right:30px;
		background:url(../img/main/visual-bar.gif) 30px 0 no-repeat
	}
	.mainvisual ul {
		width:32%;
		left:calc( 68% - 1px )
	}
}
/***********
	media screen 1100
***********/
@media screen and (max-width:1100px){
	.mainvisual p {
		float:none;
		width:calc( 100% - 60px )
	}
	.mainvisual ul {
		width:100%;
		bottom:0;
		left:0
	}
	.mainvisual ul li {
		width:25%;
		height:110px;
		padding-top:40px	
	}
	.mainvisual ul li dt {
		margin-bottom:10px
	}
	.mainvisual ul li dt img {
		width:25%
	}
	.mainvisual {
		height:auto
	}
	.mainvisual .inner {
		height:400px
	}
}
/***********
	media screen 768
***********/
@media screen and (max-width:768px){
	/* input - width */
	.input-w400 {width:calc( 100% - 2px )}
	.input-w770 {width:calc( 100% - 2px )}
	.mainvisual p img {
		width:100%
	}
	.search-form .input-search {
		width:calc(100% - 37px)
	}
	.articles-list li p,
	.articles-list li dl dt {
		font-size:15px
	}
	.articles-list li dl {
		padding-left:0
	}
	/* Jesk-search */	
	.jesk-search .row input[type="text"] {
		float:none;
		margin-bottom:10px;
	}
	.jesk-search .row .select-wr.select-w225 {
		margin-left:0;
	}
	.articles-list {
		padding-right:15px
	}
}
/***********
	media screen 640
***********/
@media screen and (max-width:640px){
	/* select */
	.select-w225 .sbHolder {width:150px}

	.mainvisual {
		height:auto
	}
	.mainvisual .inner {
		height:auto;
		padding-top:50px
	}
	.mainvisual p {
		padding-bottom:30px
	}
	.mainvisual ul {
		position:relative
	}
	.mainvisual ul li {
		width:50%
	}
	.ul-half li {
		height:160px
	}	
	.author-index .author-index-list li a,
	.author-index .author-index-list li span {
		font-size:15px
	}
	.author-index .author-index-list li a {		
		background:url(../img/common/icon-cir-arrow.gif) 0 3px no-repeat
	}

	.contents .con-l > h2 {font-size:18px; padding-right:0;}
	.edit_pg .m20 {font-size:16px;}
	.edit_pg .date_p {font-size:13px;}
	.edit_pg .list dt {font-size:14px;}
	.edit_pg .list dd {font-size:13px;}

}
/***********
	media screen 480
***********/
@media screen and (max-width:480px){
	.tab-contets .metrix ul {
		margin-bottom:30px
	}
	.author-index .author-index-list li a,
	.author-index .author-index-list li span {
		font-size:13px
	}
	.author-index .author-index-list li a {		
		background:url(../img/common/icon-cir-arrow.gif) 0 0px no-repeat
	}
}

.figure img{
	max-width:100%;
}


.tb-table-wrapper{overflow-x:auto;}

.slash {
	background: url('http://cdn.zetawiki.com/png/slash.png');
	background-size: 100% 100%;
	text-align: left;
}
.backslash {
	background: url('http://cdn.zetawiki.com/png/backslash.png');
	background-size: 100% 100%;
	text-align: left;
}
.slash div, .backslash div { text-align: right; }

a.icon-orcid {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background: url('../img/common/orcid.svg') no-repeat;
}